@font-face {
  font-family: "Asul";
  font-weight: normal;
  font-style: normal;
  src: url("../eot/asul-regular.eot");
  src: url("../eot/asul-regulard41d.eot?#iefix") format("embedded-opentype"), url("../woff2/asul-regular.woff2") format("woff2"), url("../woff/asul-regular.woff") format("woff"), url("../ttf/asul-regular.ttf") format("truetype"), url("../svg/asul-regular.svg#asulregular") format("svg");
}
@font-face {
  font-family: "Asul";
  font-weight: bold;
  font-style: normal;
  src: url("../eot/asul-bold.eot");
  src: url("../eot/asul-boldd41d.eot?#iefix") format("embedded-opentype"), url("../woff2/asul-bold.woff2") format("woff2"), url("../woff/asul-bold.woff") format("woff"), url("../ttf/asul-bold.ttf") format("truetype"), url("../svg/asul-bold.svg#asulbold") format("svg");
}
@font-face {
  font-family: "Lato";
  font-weight: normal;
  font-style: normal;
  src: url("../eot/lato-regular.eot");
  src: url("../eot/lato-regulard41d.eot?#iefix") format("embedded-opentype"), url("../woff2/lato-regular.woff2") format("woff2"), url("../woff/lato-regular.woff") format("woff"), url("../ttf/lato-regular.ttf") format("truetype"), url("../svg/lato-regular.svg#latoregular") format("svg");
}
@font-face {
  font-family: "Lato";
  font-weight: bold;
  font-style: normal;
  src: url("../eot/lato-bold.eot");
  src: url("../eot/lato-boldd41d.eot?#iefix") format("embedded-opentype"), url("../woff2/lato-bold.woff2") format("woff2"), url("../woff/lato-bold.woff") format("woff"), url("../ttf/lato-bold.ttf") format("truetype"), url("../svg/lato-bold.svg#latobold") format("svg");
}
@font-face {
  font-family: "Lato";
  font-weight: normal;
  font-style: italic;
  src: url("../eot/lato-italic.eot");
  src: url("../eot/lato-italicd41d.eot?#iefix") format("embedded-opentype"), url("../woff2/lato-italic.woff2") format("woff2"), url("../woff/lato-italic.woff") format("woff"), url("../ttf/lato-italic.ttf") format("truetype"), url("../svg/lato-italic.svg#latoitalic") format("svg");
}
@font-face {
  font-family: "Lato";
  font-weight: bold;
  font-style: italic;
  src: url("../eot/lato-bolditalic.eot");
  src: url("../eot/lato-bolditalicd41d.eot?#iefix") format("embedded-opentype"), url("../woff2/lato-bolditalic.woff2") format("woff2"), url("../woff/lato-bolditalic.woff") format("woff"), url("../ttf/lato-bolditalic.ttf") format("truetype"), url("../svg/lato-bolditalic.svg#latobold_italic") format("svg");
}
@font-face {
  font-family: "icomoon";
  font-weight: normal;
  font-style: normal;
  src: url("../eot/icomoon941e.eot?vpeq5u");
  src: url("../eot/icomoon941e.eot?vpeq5u#iefix") format("embedded-opentype"), url("../woff2/icomoon941e.woff2?vpeq5u") format("woff2"), url("../woff/icomoon941e.woff?vpeq5u") format("woff"), url("../ttf/icomoon941e.ttf?vpeq5u") format("truetype"), url("../svg/icomoon941e.svg?vpeq5u#icomoon") format("svg");
}
/* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

.icon-aesthetica::before {
  content: "\e600";
}

.icon-android::before {
  content: "\e602";
}

.icon-apple::before {
  content: "\f179";
}

.icon-cancel::before {
  content: "\f00d";
}

.icon-cart::before {
  content: "\e901";
}

.icon-check::before {
  content: "\f00c";
}

.icon-facebook::before {
  content: "\f09a";
}

.icon-globe::before {
  content: "\f0ac";
}

.icon-google::before {
  content: "\f0d5";
}

.icon-instagram::before {
  content: "\e900";
}

.icon-menu::before {
  content: "\e603";
}

.icon-paypal::before {
  content: "\f1ed";
}

.icon-pinterest::before {
  content: "\f0d2";
}

.icon-question::before {
  content: "\f128";
}

.icon-rss::before {
  content: "\f09e";
}

.icon-search::before {
  content: "\f002";
}

.icon-soundcloud::before {
  content: "\f1be";
}

.icon-tumblr::before {
  content: "\f173";
}

.icon-twitter::before {
  content: "\f099";
}

.icon-vimeo::before {
  content: "\f194";
}

.icon-youtube::before {
  content: "\f16a";
}

[class*='icon-'] {
  font-family: icomoon;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: inherit;
  speak: none;
  text-transform: none;
  vertical-align: baseline;
}

html,
body {
  font: 400 13px/1.6 Lato,Tahoma,'Helvetica Neue',Helvetica,sans,sans-serif;
}

h1,
h2 {
  clear: both;
  margin: 15px 0;
  font: 400 1.6rem/1.2 Asul, Lato, Tahoma, sans, sans-serif;
}

h3 {
  margin: 15px 0;
  font: 400 1.4rem/1.2 Asul, Lato, Tahoma, sans, sans-serif;
}

h4,
h5,
h6,
h7 {
  margin: 0 0 15px;
  font: 400 1.2rem/1.2 Asul, Lato, Tahoma, sans, sans-serif;
}

p {
  margin: 15px 0;
}

a {
  background: transparent;
  color: #000;
  font-size: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
a:focus {
  outline: 1px dotted #ddd;
}
a:not([href]) {
  cursor: default;
}
a[href^="mailto"] {
  font-weight: bold;
}

b, strong {
  font-weight: 600;
}

i, em {
  font-style: italic;
}

mark {
  background: rgba(0, 0, 0, 0.25);
}

sup {
  font-size: .7em;
  vertical-align: super;
}

sub {
  font-size: .7em;
  vertical-align: sub;
}

ul {
  list-style-type: square;
  margin: 1.5em 0;
}
ul li {
  margin: 0 0 0 2em;
}

ol {
  list-style-type: number;
  margin: 1.5em 0;
}
ol li {
  margin: 0 0 0 2em;
}

hr {
  border-top: 1px solid #ddd;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  clear: both;
  display: block;
  height: 1px;
  margin: 15px 0;
  padding: 0;
}

blockquote {
  margin: 30px;
}
blockquote footer {
  margin-top: 14px;
}
blockquote footer cite {
  font-style: italic;
}
blockquote + blockquote {
  border-top: 1px solid #ddd;
  padding-top: 30px;
}

del {
  text-decoration: line-through;
}

iframe {
  border: 0;
  margin: 0;
  padding: 0;
}

.hidden {
  display: none;
}

::selection {
  background: #222;
  color: #fff;
}

::-moz-selection {
  background: #222;
  color: #fff;
}

.alignleft {
  float: left;
  margin-right: 15px;
  vertical-align: top;
}

.alignright {
  float: right;
  margin-left: 15px;
  vertical-align: top;
}

img{
    height: auto;
}

img.error {
  display: none;
}
img.border {
  border: 1px solid #ddd;
  box-sizing: border-box;
}

p:empty {
  display: none;
  margin: 0;
  padding: 0;
  height: 0;
}

p:first-child {
  margin-top: 0;
}

h2:first-child {
  margin-top: 0;
}

h2 + br {
  display: none;
}

.main h2 > a:only-child {
  font-weight: normal;
}

h2 + h3 {
  margin-top: -1rem;
}

h3 + h4 {
  margin-top: -1rem;
}

div + h3 {
  clear: both;
}

h3 + .wrapper {
  margin-top: 15px;
}

input::-moz-focus-inner {
  border: 0;
  margin-bottom: -2px;
  margin-top: -2px;
  padding: 0;
}

#wp-admin-bar-edit_posts_on_page-default {
  max-height: 480px;
  overflow-x: hidden;
  overflow-y: auto;
}

select,
textarea,
input[type=email],
input[type=number],
input[type=password],
input[type=text],
input:not([type]) {
  background: #fafafa;
  border: 1px solid #ddd;
  font: inherit;
  padding: 2px 5px;
  vertical-align: middle;
  box-shadow: 1px 1px 2px #eee inset;
}
select:focus,
textarea:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=text]:focus,
input:not([type]):focus {
  background: #eee;
  border-color: #444;
  color: #222;
}
#sidebar select, #sidebar
textarea, #sidebar
input[type=email], #sidebar
input[type=number], #sidebar
input[type=password], #sidebar
input[type=text], #sidebar
input:not([type]) {
  box-sizing: border-box;
  display: block;
  margin: 10px 0;
  padding: 5px;
  width: 100%;
}

select {
  padding: 0;
}
select option {
  padding: 3px 5px 4px;
}

textarea {
  height: 3em;
  max-height: 20em;
  min-height: 3em;
  resize: vertical;
}

label {
  margin-right: 1em;
}

button,
a.button,
submit,
input[type=submit] {
  background: #444;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  font: inherit;
  margin: 0;
  padding: 2px 15px;
  text-align: center;
  vertical-align: top;
}
button:active,
a.button:active,
submit:active,
input[type=submit]:active {
  box-shadow: inset 0 0 50px 50px rgba(0, 0, 0, 0.6);
}
button:hover,
a.button:hover,
submit:hover,
input[type=submit]:hover {
  box-shadow: inset 0 0 50px 50px rgba(0, 0, 0, 0.4);
}
button[disabled],
a.button[disabled],
submit[disabled],
input[type=submit][disabled] {
  background: #bbb;
  cursor: default;
}
button[disabled]:hover,
a.button[disabled]:hover,
submit[disabled]:hover,
input[type=submit][disabled]:hover {
  box-shadow: inset 0 0 50px 50px rgba(0, 0, 0, 0.05);
}
button.light,
a.button.light,
submit.light,
input[type=submit].light {
  background: #ddd;
  color: #000;
}
#sidebar button, #sidebar
a.button, #sidebar
submit, #sidebar
input[type=submit] {
  display: block;
  padding: 3px 15px;
  width: 100%;
}
button.share-button,
a.button.share-button,
submit.share-button,
input[type=submit].share-button {
  display: inline-block;
  line-height: 1.3em;
  margin-right: 5px;
  min-width: 80px;
  padding: 8px;
}
button.share-button span,
a.button.share-button span,
submit.share-button span,
input[type=submit].share-button span {
  font-size: 1.3em;
  line-height: inherit;
  margin-right: 5px;
  vertical-align: top;
}
button.share-button.twitter-share-button,
a.button.share-button.twitter-share-button,
submit.share-button.twitter-share-button,
input[type=submit].share-button.twitter-share-button {
  background: #00aced;
}
button.share-button.facebook-share-button,
a.button.share-button.facebook-share-button,
submit.share-button.facebook-share-button,
input[type=submit].share-button.facebook-share-button {
  background: #3b5998;
}
button.share-button.tumblr-share-button,
a.button.share-button.tumblr-share-button,
submit.share-button.tumblr-share-button,
input[type=submit].share-button.tumblr-share-button {
  background: #32506d;
}
button.share-button.pinterest-share-button,
a.button.share-button.pinterest-share-button,
submit.share-button.pinterest-share-button,
input[type=submit].share-button.pinterest-share-button {
  background: #cb2027;
}
button span,
a.button span,
submit span,
input[type=submit] span {
  line-height: 0;
  margin-right: .5rem;
}

a.button {
  box-sizing: border-box;
  font-weight: normal !important;
  padding: 4px 15px;
}
a.button:active, a.button:hover {
  text-decoration: none !important;
}
a.button.button:not([href]) {
  background: #bbb;
  cursor: default;
}
a.button.button:not([href]):hover {
  box-shadow: inset 0 0 50px 50px rgba(0, 0, 0, 0.05);
}
a.button + a.button {
  margin-left: 3px;
}

.post-content .post-meta a.button {
  padding-left: 5px;
  padding-right: 5px;
}

.full-button{
    width: 100%;
}

.sold-out,
.one-quarter a.button.add-to-cart {
  width: 100%;
}
.one-quarter a.button.add-to-cart.checked {
  width: auto;
}

.wrapper {
  clear: both;
  margin: 0 auto;
  width: 1170px;
}
.wrapper::after {
  clear: both;
  content: '';
  display: table;
}
.main .wrapper {
  width: 100%;
}
body > .wrapper {
  background: #fff;
  padding-top: 0;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 0;
}

#header {
  border-bottom: 1px solid #ddd;
  height: 100px;
  padding: 30px 0;
  position: relative;
}
#header::after {
  clear: both;
  content: '';
  display: table;
}
#header h1 {
  position: absolute;
  padding: 0 0 10px;
  bottom: 0;
}
#header h1 a {
  display: block;
}
#header h1 a img {
  display: block;
  width: 280px;
  height: 48px;
}
#header ul {
  margin: 0;
  padding: 0;
}
#header ul li {
  margin: 0;
  padding: 0;
}
#header .social-menu {
  position: absolute;
  right: 0;
}
#header .social-menu .menu {
  list-style-type: none;
  display: block;
}
#header .social-menu .menu li {
  display: table-cell;
}
#header .social-menu .menu li a {
  display: block;
  padding: 8px 15px;
}
#header .social-menu .menu li a:hover {
  color: #666;
}
#header .social-menu .menu li a span {
  font-size: 1.7em;
}
#header .social-menu .menu li:last-child a {
  padding-right: 0;
}
#header .main-menu {
  bottom: 15px;
  position: absolute;
  right: 0;
}
#header .main-menu nav > ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 666;
  cursor: pointer;
}
#header .main-menu nav > ul > li {
  display: table-cell;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
#header .main-menu nav > ul > li > ul li ul {
  display: none; }
#header .main-menu nav > ul > li > ul li:hover ul,
#header .main-menu nav > ul > li:hover > ul {
  display: block;
}
#header .main-menu nav > ul > li a {
  display: block;
  padding: 8px 15px;
}
#header .main-menu nav > ul > li > ul {
  margin: 0;
  padding: 0;
  background: #fff;
  display: none;
  min-width: 100px;
  position: absolute;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
#header .main-menu nav > ul > li > ul li {
  display: block;
  white-space: nowrap;
  position: relative;
}
#header .main-menu nav > ul > li > ul li ul {
  /*display: none;*/
  left: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
#header .main-menu nav > ul > li ul li:hover ul li a {
	background: #fff;
	color: #222;
}

#header .main-menu nav > ul > li ul li ul li:hover a {
	background: #222;
	color: #fff;
}


/*#header .main-menu nav > ul > li:hover ul {
  display: block;
}*/
#header .main-menu nav > ul > li:hover > a {
  background: #222;
  color: #fff;
}
#header .main-menu nav > ul > li.search {
  cursor: default;
  padding-left: 15px;
}
#header .main-menu nav > ul > li.search.active {
  padding-left: 15px;
}
#header .main-menu nav > ul > li.search:hover > a {
  background: #fff;
  color: inherit;
}
#header .main-menu nav > ul > li.search form input {
  display: none;
}
#header .main-menu nav > ul > li.search form.active input {
  display: inline;
}
#header .main-menu nav > ul > li.search button {
  background: 0;
  border: 0;
  color: #222;
  cursor: pointer;
  padding: 2px 0;
  vertical-align: middle;
}
#header .main-menu nav > ul > li.search button:hover {
  box-shadow: none;
  color: #000;
}
#header .main-menu nav > ul > li ul {
  right: 0;
  text-align: right;
}
#header .main-menu nav > ul > li ul li:hover a {
  background: #222;
  color: #fff;
}
#header .main-menu nav > ul > li ul li a {
  padding-left: 30px;
}
#header .main-menu nav > ul > li form {
  display: inline;
}
#header .main-menu nav > ul > li form + a {
  display: inline;
  padding-left: 0;
  vertical-align: middle;
}



.submenu {
  border-bottom: 1px solid #ddd;
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 555;
}
.submenu > li {
  display: table-cell;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.submenu > li:hover ul {
  display: block;
}
.submenu > li a {
  display: block;
  padding: 8px 15px;
}
.submenu > li > ul {
  margin: 0;
  padding: 0;
  background: #fff;
  display: none;
  min-width: 100px;
  position: absolute;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.submenu > li > ul li {
  display: block;
  white-space: pre;
}
.submenu > li > ul li ul {
  display: none;
}
.submenu > li:hover ul {
  display: block;
}
.submenu > li {
  background: #fff;
}
.submenu > li > a {
  display: block;
  margin-right: 1px;
  padding: 10px 15px;
}
.submenu > li > a:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #ddd;
  text-decoration-color: #ddd;
}
.submenu > li:first-child > a {
  padding-left: 0;
}
.submenu > li ul {
  left: 0;
  text-align: left;
  z-index: -1;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.submenu > li ul li {
  margin: 0;
  padding: 0;
}
.submenu > li ul li:hover a {
  background: #222;
  color: #fff;
}
.submenu > li ul li a {
  min-width: 120px;
  padding-right: 30px;
}
.submenu > li:hover ul {
  display: block;
}

.sub-menu .sub-menu li {
	white-space: normal !important;
}

.posts-navigation {
  background: #fff;
  border-bottom: 1px solid #ddd;
  margin: 0 0 30px;
  padding: 8px 0;
  width: 100%;
}
.posts-navigation::after {
  clear: both;
  content: '';
  display: table;
}
.posts-navigation a:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #ddd;
  text-decoration-color: #ddd;
}
.posts-navigation .posts-navigation-left {
  float: left;
  line-height: 2em;
  width: 40%;
}
.posts-navigation .posts-navigation-left span {
  color: #bbb;
  margin: .5rem;
}
.posts-navigation .posts-navigation-left a {
  margin: .5rem;
}
.posts-navigation .posts-navigation-right {
  float: right;
  text-align: right;
  width: 60%;
}
.posts + .posts-navigation {
  border-bottom: 0;
  border-top: 1px solid #ddd;
  margin: 30px 0 0;
}
.posts-navigation.single {
  border-bottom: 0;
  border-top: 1px solid #ddd;
  margin: 0;
}
.posts-navigation.single + hr {
  margin-top: 0;
}

.stream-precontent {
  background: #fff;
  margin: 0;
}
.stream-precontent::after {
  clear: both;
  content: '';
  display: table;
}
.stream-precontent .main {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
}

#sidebar {
  margin-top: 30px;
  width: 180px;
  float: right;
  clear: right;
}
#sidebar::after {
  clear: both;
  content: '';
  display: table;
}
#sidebar * {
  max-width: 100%;
}
#sidebar hr {
  margin: 30px 0;
}
#sidebar .advertisements {
  text-align: right;
}
#sidebar .advertisements .advertisement {
  display: block;
  margin: 0 auto 15px 0;
}
#sidebar .advertisements .advertisement img {
  display: block;
}
#sidebar #mobile-subscribe-graphic {
  display: none;
}

body.mobile #mobile-subscribe-graphic {
  display: block;
}

#footer {
  background: #222;
  color: #ddd;
  letter-spacing: .02em;
  margin: 30px 0 0;
  min-width: 1170px;
  padding: 30px 0 60px;
}
#footer::after {
  clear: both;
  content: '';
  display: table;
}
#footer a {
  color: #ddd;
}
#footer a:hover {
  color: #fff;
}
#footer hr {
  border-color: #444;
  margin: 30px 0;
}
#footer .registered-info {
  color: #444;
}
#footer form input:focus {
  background: #fff;
  border-color: #fff;
  box-shadow: none;
}
#footer .widget_text {
  float: left;
  margin: 0 0 0 30px;
  padding: 0 0 30px;
  width: 270px;
}
#footer .widget_text:nth-child(1) {
  margin-left: 0;
}
.stream-wrapper + #footer {
  margin-top: 0;
}

.columns {
  clear: both;
  width: 100%;
}
.columns::after {
  clear: both;
  content: '';
  display: table;
}
.columns > div {
  float: left;
}
.columns.columns-2 > div {
  width: 470px;
  margin-left: 20px;
}
.columns.columns-2 > div:nth-of-type(odd) {
  margin-left: 0;
  clear: left;
}
.full-width .columns.columns-2 > div {
  width: 565px;
}
.columns.columns-3 > div {
  width: 300px;
  margin-left: 30px;
}
.columns.columns-3 > div:nth-of-type(3n+1) {
  clear: left;
  margin-left: 0;
}
.full-width .columns.columns-3 > div {
  width: 370px;
}
.columns.columns-4 > div {
  width: 225px;
  margin-left: 20px;
}
.columns.columns-4 > div:nth-of-type(4n+1) {
  clear: left;
  margin-left: 0;
}
.full-width .columns.columns-4 > div {
  margin-left: 30px;
  width: 270px;
}
.full-width .columns.columns-4 > div:nth-of-type(4n+1) {
  margin-left: 0;
}
.stream-wrapper .columns {
  width: 1170px;
}

body.mobile .columns,
body.mobile.full-width .columns {
  display: block;
}
body.mobile .columns > div,
body.mobile.full-width .columns > div {
  clear: both;
  float: none;
  margin-left: 0;
  width: 100%;
}
body.mobile .columns.columns-2 > div, body.mobile .columns.columns-3 > div, body.mobile .columns.columns-4 > div, body.mobile .columns.columns-5 > div,
body.mobile.full-width .columns.columns-2 > div,
body.mobile.full-width .columns.columns-3 > div,
body.mobile.full-width .columns.columns-4 > div,
body.mobile.full-width .columns.columns-5 > div {
  clear: both;
  width: 100%;
}

.main {
  clear: left;
  float: left;
  margin-top: 30px;
  width: 960px;
}
.full-width .main {
  float: none;
  width: 1170px;
  margin: 30px auto 0;
}
.full-width .main::after {
  clear: both;
  content: '';
  display: table;
}
.main * {
  max-width: 100%;
}
.main .main {
  margin-top: 0;
}
.main .media.article-media {
  margin-bottom: 30px;
  max-width: 100%;
}
.main .media.article-media a[rel=lightbox] {
  display: block;
}
.main .media.article-media a[rel=lightbox] img {
  display: block;
}
.main .media.article-media > img {
  display: block;
  margin: 15px 0;
  width: 100%;
}
.main p a:hover,
.main li a:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #ddd;
  text-decoration-color: #ddd;
}
.main .content.article-content {
  font-size: 1.2rem;
  line-height: 1.75;
  width: 720px;
}
.main .content a {
  font-weight: bold;
}
.main .content a:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #ddd;
  text-decoration-color: #ddd;
}
.main .content img {
  display: block;
  margin: 15px 0;
}
.main .content .meta.profile-meta {
  list-style-type: none;
}
.main .content .meta.profile-meta li {
  margin: 0;
}
.main .content .meta .featured-link {
  font-size: 1.2em;
}

.stream-wrapper {
  margin: 0 auto;
  min-width: 1170px;
  background: #eee;
}

.box-wrapper {
  clear: both;
}
.box-wrapper::after {
  clear: both;
  content: '';
  display: table;
}
.box-wrapper .one-third {
  float: left;
  width: 300px;
  margin-left: 30px;
}
.box-wrapper .one-third:nth-of-type(3n+1) {
  clear: left;
  margin-left: 0;
}
.box-wrapper .one-quarter {
  float: left;
  margin-left: 20px;
  width: 225px;
}
.box-wrapper .one-quarter:nth-of-type(4n+1) {
  clear: left;
  margin-left: 0;
}
.box-wrapper .one-half {
  float: left;
  margin-left: 20px;
  width: 470px;
  margin-bottom: 15px;
}
.box-wrapper .one-half::after {
  clear: both;
  content: '';
  display: table;
}
.box-wrapper .one-half:nth-of-type(odd) {
  margin-left: 0;
  clear: left;
}
.box-wrapper .two-thirds {
  float: left;
  margin-left: 30px;
  width: 630px;
}
.box-wrapper .three-quarters {
  width: 720px;
}

.full-width .box-wrapper .one-third {
  width: 370px;
}
.full-width .box-wrapper .one-quarter {
  width: 270px;
}
.full-width .box-wrapper .one-half {
  width: 565px;
}
.full-width .box-wrapper .two-thirds {
  width: 770px;
}
.full-width .box-wrapper .three-quarters {
  width: 850px;
}

@keyframes slideleft {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}
@keyframes slideright {
  from {
    left: -100%;
  }
  to {
    left: 0;
  }
}
.slider {
  height: 540px;
  overflow: hidden;
  position: relative;
  width: 960px;
}
.slider * {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.slider .slide {
  background: #e5e5e5;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.slider .slide .slide-image {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.single-directory-entry .slider .slide {
  background: #e5e5e5;
}
.single-directory-entry .slider .slide .slide-image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: static;
  margin: 0 auto;
}

.slider .slide .slide-details {
  background: rgba(255, 255, 255, 0.75);
  bottom: 0;
  font: 400 1.6em/18px Asul,Lato,Tahoma,sans;
  left: 0;
  min-width: 960px;
  padding: 15px;
  position: absolute;
  text-decoration: none;
  z-index: 1;
}
.slider .slide .slide-details p {
  margin: 0;
}
.slider .slide.next {
  z-index: 2;
}
.slider .slide.current {
  z-index: 3;
}
.slider .slide.current.slide-left {
  -webkit-animation: slideleft 0.1s linear;
  animation: slideleft 0.1s linear;
}
.slider .slide.current.slide-right {
  -webkit-animation: slideright 0.1s linear;
  animation: slideright 0.1s linear;
}
.slider:hover img.slider-arrow {
  opacity: 1;
}
.slider img.slider-arrow {
  height: 60px;
  width: 60px;
  margin-top: -30px;
  cursor: pointer;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10;
}
.slider img.slider-arrow + .slider-arrow {
  left: 0;
}
.post .slider img.slider-arrow {
  height: 40px;
  width: 40px;
  margin-top: -20px;
}
.main .slider {
  margin-bottom: 30px;
}
.columns-3 .post .slider {
  height: 225px;
  width: 300px;
}
.full-width .columns-3 .post .slider {
  width: 370px;
  height: 277.5px;
}
.columns-4 .post .slider {
  height: 168.75px;
  width: 225px;
}
.full-width .columns-4 .post .slider {
  width: 270px;
  height: 202.5px;
}
.slider.text-slider {
  height: auto;
  min-height: 120px;
  width: auto;
}
.slider.text-slider br {
  display: none;
}
.slider.text-slider .slide {
  background: #fff;
  box-sizing: border-box;
  height: auto;
  padding: 30px 60px;
  width: 100%;
}
.slider.text-slider .slide blockquote {
  margin-top: 0;
}
.slider.text-slider .slide br {
  display: block;
}
.slider.text-slider .slider-arrow {
  height: 25px;
  width: 25px;
  margin-top: -12.5px;
}

.posts {
  margin: 30px auto 0;
}

.post .media,
.one-third.has-link .media {
  background: #000;
  clear: both;
  padding: 0;
}
.post .media img,
.one-third.has-link .media img {
  display: block;
  margin: 0;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  width: 100%;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.post .media iframe,
.one-third.has-link .media iframe {
  display: block;
  margin: 0;
  padding: 0;
}
.thumbnail-big-third .post .media, .thumbnail-big-third
.one-third.has-link .media {
  height: 277px;
  overflow-y: hidden;
}
.thumbnail-big-third .post .media img, .thumbnail-big-third
.one-third.has-link .media img {
  min-height: 100%;
}
.post .title,
.one-third.has-link .title {
  margin: 15px 0;
}
.post > a:hover h3,
.one-third.has-link > a:hover h3 {
  text-decoration: underline;
  -webkit-text-decoration-color: #ddd;
  text-decoration-color: #ddd;
}
.post > a:hover .post-media img,
.one-third.has-link > a:hover .post-media img {
  opacity: 0.9;
}

.posts .post {
  margin-bottom: 30px;
}
.stream .post {
  border-bottom: 1px solid #ddd;
}
.issue-stream .post .media img {
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.stream-wrapper .post {
  background: #fff;
}
.stream-wrapper .post .content {
  padding: 0 15px 30px;
}
.stream-wrapper .post .title {
  margin: 0;
  padding: 15px;
}
.column + .post {
  clear: both;
}

.related-post .media {
  background: #000;
  height: 225px;
  overflow: hidden;
}
.related-post .media img {
  height: 100%;
}
.related-post .media .blank-gif {
  height: 100%;
  width: 100%;
}

.returntotop {
  border-top: 1px solid #ddd;
  clear: both;
  margin: 30px 0;
  position: relative;
}
.returntotop::before {
  background: #fff;
  color: #ddd;
  content: 'Return to top';
  cursor: pointer;
  padding-left: .5rem;
  position: absolute;
  right: 0;
  top: -1rem;
  -webkit-transition: 1s;
  transition: 1s;
}
.returntotop:hover::before {
  color: #222;
}
#footer .returntotop {
  border-color: #444;
  width: 100%;
}
#footer .returntotop::before {
  background: #222;
  color: #444;
}
#footer .returntotop:hover::before {
  color: #666;
}

.feature-issue {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.feature-issue .media {
  width: 400px;
}
.feature-issue .media img {
  border: 1px solid #ddd;
}
.feature-issue .content-container {
  width: 530px;
}
.full-width .feature-issue .columns-2 .media {
  width: 330px;
}
.full-width .feature-issue .columns-2 .content-container {
  width: 790px;
}

.issue-cover {
  border: 1px solid #ddd;
}

.shop-item {
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.single-shop-item .shop-item {
  padding-bottom: 30px;
}
.shop-item .media {
  width: 400px;
}
.shop-item .content-container {
  width: 530px;
}
.full-width .shop-item .media {
  width: 330px;
}
.full-width .shop-item .content-container {
  width: 790px;
}
.shop-item svg.shopify-buy__select-icon {
  display: none;
}
.shop-item .shopify-buy__option-select {
  margin-bottom: 10px;
}
.shop-item .shopify-buy-frame--product {
  display: inline-block !important;
}

.dk-select,
.dk-select *,
.dk-select *:before,
.dk-select *:after,
.dk-select-multi,
.dk-select-multi *,
.dk-select-multi *:before,
.dk-select-multi *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

label .dk-select {
  margin-left: 1em;
}

.one-third .dk-select {
  width: 100%;
}

.shopify-module .dk-select {
  width: 100%;
  margin-bottom: 10px;
}

.dk-select,
.dk-select-multi {
  cursor: pointer;
  display: inline-block;
  line-height: 1.5em;
  position: relative;
  vertical-align: middle;
  width: 140px;
}

.dk-selected {
  box-shadow: 1px 1px 2px #eee inset;
  background: #fafafa;
  border: 1px solid #ddd;
  overflow: hidden;
  padding: 3px 20px 4px 15px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.dk-selected:before, .dk-selected:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
}
.dk-selected:before {
  top: 50%;
  border: solid transparent;
  border-width: 0.25em 0.25em 0;
  border-top-color: #ddd;
  margin: -0.125em 0.5em 0 0;
}
.dk-selected:after {
  top: 0;
  height: 100%;
  margin: 0 2em 0 0;
}

.dk-selected-disabled {
  color: #ccc;
}

.dk-select .dk-select-options {
  display: none;
  left: 0;
  position: absolute;
  right: 0;
}

.dk-select-open-up .dk-select-options {
  bottom: 100%;
  margin-bottom: -1px;
}

.dk-select-open-down .dk-select-options {
  margin-top: -1px;
  top: 100%;
}

.dk-select-multi .dk-select-options {
  max-height: 10em;
}

.dk-select-options {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  list-style: none;
  margin: 2px 0 0;
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  width: auto;
  z-index: 999;
}

.dk-option-selected {
  background-color: #222;
  color: #fff;
}

.dk-select-options-highlight .dk-option-selected {
  background-color: transparent;
  color: inherit;
}

.dk-option {
  display: block;
  margin: 0;
  width: 100%;
  white-space: pre;
  padding: 8px 15px;
}

.dk-select-options .dk-option-highlight {
  background-color: #222;
  color: #fff;
}

.dk-select-options .dk-option-disabled {
  color: #ccc;
  background-color: transparent;
}

.dk-select-options .dk-option-hidden {
  display: none;
}

.dk-optgroup {
  border: solid #ddd;
  border-width: 1px 0;
  padding: 0.25em 0;
  margin-top: 0.25em;
}
.dk-optgroup + .dk-option {
  margin-top: 0.25em;
}
.dk-optgroup + .dk-optgroup {
  border-top-width: 0;
  margin-top: 0;
}
.dk-optgroup:nth-child(2) {
  padding-top: 0;
  border-top: none;
  margin-top: 0;
}
.dk-optgroup:last-child {
  border-bottom-width: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.dk-optgroup-label {
  font-weight: bold;
  padding: 0 0.5em 0.25em;
  width: 100%;
}

.dk-optgroup-options {
  list-style: none;
  padding-left: 0;
}
.dk-optgroup-options li {
  padding-left: 1.2em;
}

.dk-select-open-up .dk-selected {
  border-color: #222;
}

.dk-select-open-down .dk-selected {
  border-color: #222;
}

.dk-select-open-up .dk-selected:before,
.dk-select-open-down .dk-selected:before {
  border-width: 0 0.25em 0.25em;
  border-bottom-color: #222;
}

.dk-select-open-up .dk-selected:after,
.dk-select-open-down .dk-selected:after {
  border-left-color: #222;
}

.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
  display: block;
  border-color: #222;
}

.dk-select-multi:hover,
.dk-select-multi:focus {
  outline: none;
}

.dk-selected:focus {
  background-color: #eee;
  border-color: #444;
  outline: none;
}
.dk-selected:focus:before {
  border-top-color: #222;
}
.dk-selected:focus:after {
  border-left-color: #222;
}

.dk-select-disabled {
  opacity: 0.6;
  color: #ccc;
  cursor: not-allowed;
}
.dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus {
  border-color: inherit;
}
.dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before {
  border-top-color: inherit;
}
.dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after {
  border-left-color: inherit;
}

select[data-dkcacheid] {
  display: none !important;
}

.one-quarter .dk-select.symposium-cart-dropdown {
  width: 100%;
}
.one-quarter .dk-select.symposium-cart-dropdown .dk-select-options {
  max-width: none;
  width: 300px;
}

.lightbox-overlay {
  background: #fff;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999999;
}
.lightbox-overlay.active {
  display: block;
}
.lightbox-overlay.single .lightbox-arrow {
  display: none;
}
.lightbox-overlay .lightbox-container {
  display: block;
  margin: 30px auto;
  max-height: 960px;
  max-width: 960px;
  position: relative;
  text-align: center;
}
.lightbox-overlay .lightbox-container:hover .lightbox-arrow {
  opacity: 1;
}
.lightbox-overlay .lightbox-container .lightbox-image {
  display: table-cell;
  vertical-align: middle;
}
.lightbox-overlay .lightbox-container .lightbox-image img {
  display: none;
  margin: 0 auto;
  max-height: 100%;
  width: auto;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lightbox-overlay .lightbox-container .lightbox-image img.active {
  display: block;
}
.lightbox-overlay .lightbox-container .lightbox-caption {
  background: #fff;
  bottom: -30px;
  margin: 0 auto;
  padding: 5px 0;
  position: absolute;
  text-align: left;
  width: 100%;
}
.lightbox-overlay .lightbox-container .lightbox-caption div {
  display: none;
}
.lightbox-overlay .lightbox-container .lightbox-caption div.active {
  display: block;
}
.lightbox-overlay .lightbox-container .lightbox-arrow {
  height: 60px;
  width: 60px;
  margin-top: -30px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  cursor: pointer;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10;
}
.lightbox-overlay .lightbox-container .lightbox-arrow + .lightbox-arrow {
  left: 0;
}
.lightbox-overlay .lightbox-container .lightbox-closebutton {
  cursor: pointer;
  font-size: 30px;
  line-height: 0;
  padding: 0;
  position: absolute;
  right: -30px;
  top: 0;
}

.gallery {
  margin-top: 30px;
  max-width: 960px;
  width: 960px;
}
.gallery .gallery-item {
  margin-bottom: 30px;
  width: 300px !important;
}
.gallery .gallery-item .gallery-icon {
  width: 100%;
}
.gallery .gallery-item .gallery-icon img {
  display: block;
  margin: 0;
  width: 100%;
}
.three-quarters .gallery {
  max-width: 960px;
  width: 960px;
}

.tabset {
  border-top: 1px solid #ddd;
  display: table;
  vertical-align: top;
  width: 100%;
}
.tab .tabset {
  border-top: 0;
}
.tabset ul.tab-keys {
  display: table-cell;
  list-style-type: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 180px;
}
.tabset ul.tab-keys li {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  cursor: pointer;
  margin: 0;
  padding: 5px 10px;
}
.tabset ul.tab-keys li.active {
  background: #222;
  color: #fff;
}
.tabset ul.tab-keys li:hover {
  background: #222;
  color: #fff;
}
.tabset .tab {
  border-top: 0;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: none;
  padding: 5px 15px;
  vertical-align: top;
}
.tabset .tab.has-tabs {
  border-bottom: 0;
  border-left: 0;
  padding: 0;
}
.tabset .tab.has-table {
  padding: 0;
}
.tabset .tab .tab-title {
  display: none;
}
.show-titles .tabset .tab .tab-title {
  display: block;
}
.tab .tabset .tab {
  border-right: 0;
}
.tabset .tab.active {
  display: table-cell;
}

#loginform {
  background: #fafafa;
  border: 1px solid #ddd;
  display: block;
  padding: 15px;
}
#loginform p::after {
  clear: both;
  content: '';
  display: table;
}
#loginform p label {
  display: block;
  float: left;
  margin: 0;
  width: 40%;
}
#loginform p input {
  box-sizing: border-box;
  display: block;
  float: right;
  width: 60%;
}
#loginform p input#wp-submit {
  padding: 5px 15px;
}
#loginform p.login-remember label {
  display: block;
  float: right;
  width: 60%;
}
#loginform p.login-remember label input {
  display: inline;
  float: none;
  width: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}
table tr:nth-child(odd) {
  background: #fafafa;
}
table tr td {
  border: 1px solid #ddd;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}
table tr td .button {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
}
table tr td * {
  max-width: 100%;
}
table thead tr {
  background: #eee;
}
table thead tr:nth-child(odd) {
  background: #eee;
}
table.layout tr {
  background: transparent;
}
table.layout tr td {
  border: 0;
  padding: 30px 15px;
}
table.layout tr td:first-child {
  text-align: left;
}
table.layout tr td:last-child {
  text-align: right;
}
.tab table {
  border: 0;
}
.tab table tr:first-child td {
  border-top: 0;
}
.tab table tr td:first-child {
  border-left: 0;
}
.tab table tr td:last-child {
  border-right: 0;
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.formerror {
  background: #faa;
  padding: 15px;
}

.submission-form section {
  background: #fafafa;
  border: 1px solid #ddd;
  margin: 10px 0;
  padding: 15px;
}
.submission-form section section {
  background: #fff;
}
.submission-form section > h3 {
  border-bottom: 1px solid #ddd;
  margin: 0 0 10px;
}
.submission-form input {
  margin: 10px 0;
  vertical-align: top;
  width: 400px;
}
.submission-form input[type="file"] {
  display: block;
  font: inherit;
  padding: 5px 0;
}
.submission-form input[type="checkbox"] {
  width: auto;
}
.submission-form input[type="checkbox"][disabled] + span {
  color: #aaa;
}
.submission-form input[name="Important"] {
  display: none !important;
  height: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
}
.submission-form textarea {
  margin: 10px 0;
  width: 400px;
}
.submission-form .dropdown,
.submission-form .dk-select,
.submission-form select {
  margin: 10px 0;
  width: 412px;
}
.submission-form label {
  display: inline-block;
  padding: 10px;
  text-align: left;
  vertical-align: top;
  width: 250px;
}
.submission-form label + br {
  display: none;
}
.submission-form label + a.button {
  vertical-align: top;
}
.submission-form label + div {
  display: inline-block;
  width: 500px;
}
.submission-form label + div > input {
  margin-top: 0;
}
.submission-form .checkbox-set {
  width: auto !important;
}
.submission-form .checkbox-set:last-child {
  border-bottom: 0;
}
.submission-form .checkbox-set p {
  margin: 0;
}
.submission-form .checkbox-set label {
  text-align: left;
  width: auto !important;
}
.submission-form .checkbox-set input[type="checkbox"] {
  margin: 0 10px;
}
.submission-form div.checkbox {
  margin-left: 400px;
  padding-left: 25px;
}
.submission-form div.checkbox label {
  text-align: left;
}
.submission-form .form-text-blurb {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin: 15px 0;
  padding: 15px 0;
  text-align: center;
  width: 100%;
}
.submission-form .form-text-blurb:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.submission-form .user-option-text {
  clear: both;
  display: block;
  left: 25px;
  margin: 0;
  position: relative;
  top: -1em;
  width: 100%;
}
.submission-form .form-submit {
  height: 40px;
  margin: 15px 0;
  width: 100%;
}
.submission-form .required label::after {
  content: '*';
}
.submission-form .multiple-option-set::after {
  clear: both;
  content: '';
  display: table;
}
.submission-form .multiple-option-set > div::after {
  clear: both;
  content: '';
  display: table;
}
.submission-form .multiple-option-set > p {
  clear: right;
  float: right;
  margin: 0 0 10px;
  width: 50%;
}
.submission-form .multiple-option-set > p:first-child {
  clear: left;
  float: left;
  text-align: right;
}
.submission-form .multiple-option-set > p > input {
  margin: 0 0 10px 10px;
}
.submission-form .multiple-option-set input[type=checkbox] + label + input {
  clear: both;
  width: 100%;
}
.submission-form .tabbed-option-set {
  margin: 15px 0;
  min-height: 0;
}
.submission-form .bordered {
  background: #fafafa;
  border: 1px solid #ddd;
  margin: 15px;
  padding: 15px 0 0;
}
.submission-form .note {
  font-style: italic;
  margin: 15px auto;
}
.submission-form .option-tab.hidden {
  display: none;
}
.submission-form .empty {
  min-height: 0;
}
.submission-form div.tall {
  padding-bottom: 15px;
}
.submission-form .files-size-count {
  clear: both;
  font-style: italic;
  margin: 0 15px;
}
.submission-form #submission-pending {
  display: none;
}
.submission-form #submission-pending.active {
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  border-top: 10px solid rgba(0, 0, 0, 0.3);
  border-right: 10px solid rgba(0, 0, 0, 0.1);
  border-bottom: 10px solid rgba(0, 0, 0, 0.3);
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  display: block;
  height: 120px;
  left: 50%;
  margin: -60px 0 0 -60px;
  position: fixed;
  top: 30%;
  width: 120px;
  z-index: 999;
}

.symposium-cart-form {
  background: #fafafa;
  border-left: 1px solid #ddd;
  clear: both;
  margin: 15px 0;
  height: 100%;
  padding: 15px;
  position: fixed;
  right: -100%;
  top: 0;
  transition: right 100ms;
  width: 200px;
  z-index: 99999;
}
.symposium-cart-form.active {
  right: 0;
}
@keyframes yellow_flash {
  from {
    background: #fec;
  }
  to {
    background: #fafafa;
  }
}
.symposium-cart-form:target {
  animation: yellow_flash 400ms;
}

@media (max-device-width: 768px) {
  body:not(.mobile) {
    min-width: 1000px;
    width: 100%;
  }
  body:not(.mobile) > .wrapper {
    padding: 15px;
  }
  body:not(.mobile) #footer {
    padding: 15px 15px 100px;
  }
  body.mobile #footer {
    min-width: 0;
  }
}
@media (max-device-width: 640px) {
  html {
    -webkit-text-size-adjust: 100%;
    min-width: 0;
    width: 100%;
  }

  body.mobile {
    -webkit-text-size-adjust: 100%;
    min-width: 0;
    width: 100%;
  }
  body.mobile .post,
  body.mobile .posts,
  body.mobile .stream,
  body.mobile .stream-wrapper,
  body.mobile .main,
  body.mobile #header,
  body.mobile #header h1,
  body.mobile #header .social-menu,
  body.mobile #header .social-menu .menu,
  body.mobile #header .main-menu,
  body.mobile #header .main-menu nav ul,
  body.mobile #header .main-menu nav ul li,
  body.mobile .wrapper,
  body.mobile .one-third,
  body.mobile .one-quarter,
  body.mobile .one-half,
  body.mobile .three-quarters,
  body.mobile .two-thirds {
    border: 0;
    bottom: auto;
    clear: both;
    display: block;
    float: none;
    height: auto;
    left: auto;
    margin: 15px auto 0;
    max-height: none;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    position: static;
    right: auto;
    text-align: left;
    top: auto;
    width: auto;
  }
  body.mobile > .wrapper {
    padding: 0;
  }
  body.mobile.page > .wrapper > .main > *:not(.slider):not(iframe):not(.wrapper):not(.posts-navigation):not(img) {
    margin-left: 15px;
    margin-right: 15px;
  }
  body.mobile .mobile {
    display: block;
  }
  body.mobile .desktop {
    display: none;
  }
  body.mobile h2 {
    clear: both;
    font-size: 1.5em;
    line-height: 1.4em;
  }
  body.mobile h3 {
    font-size: 1.3em;
    line-height: 1.2em;
  }
  body.mobile h4,
  body.mobile h5,
  body.mobile h6 {
    font-size: 1em;
  }
  body.mobile .button,
  body.mobile button,
  body.mobile input[type=button],
  body.mobile input[type=submit] {
    display: block;
    margin: 15px auto;
    width: auto;
  }
  body.mobile #header {
    border-bottom: 1px solid #ddd;
    padding: 0;
  }
  body.mobile #header h1 {
    margin: 30px auto;
    text-align: center;
  }
  body.mobile #header h1 img {
    margin: 0 auto;
    width: 60%;
  }
  body.mobile #header .social-menu,
  body.mobile #header .mobile-menu {
    display: block;
    margin: 30px auto;
    text-align: center;
  }
  body.mobile #header .social-menu .menu,
  body.mobile #header .mobile-menu .menu {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  body.mobile #header .social-menu .menu li,
  body.mobile #header .mobile-menu .menu li {
    display: inline-block;
  }
  body.mobile #header .social-menu .menu li a,
  body.mobile #header .mobile-menu .menu li a {
    padding: 0;
  }
  body.mobile #header .social-menu .menu li span,
  body.mobile #header .mobile-menu .menu li span {
    font-size: 1.6rem;
    padding: 12px;
  }
  body.mobile #header .main-menu {
    display: none;
    margin: 0;
  }
  body.mobile #header .main-menu.active {
    display: block;
  }
  body.mobile #header .main-menu nav .menu {
    margin: 0;
  }
  body.mobile #header .main-menu nav .menu li {
    margin: 0;
  }
  body.mobile #header .main-menu nav .menu li.search {
    display: none;
  }
  body.mobile #header .main-menu nav .menu li:hover a {
    color: initial;
    background: initial;
  }
  body.mobile #header .main-menu nav .menu li a {
    border-top: 1px solid #ddd;
    padding: 10px 15px;
  }
  body.mobile #header .main-menu nav .menu li ul {
    box-shadow: none;
    display: none;
    margin: 0;
  }
  body.mobile #header .main-menu nav .menu li ul.active {
    display: block;
  }
  body.mobile #header .main-menu nav .menu li ul a {
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.1);
    padding-left: 30px;
  }
  body.mobile .submenu li {
    display: block;
    position: static;
  }
  body.mobile .submenu li a {
    background: #ddd;
    border-top: 1px solid #ccc;
    display: block;
    padding-left: 15px;
  }
  body.mobile .submenu li:first-child a {
    border-top: 0;
  }
  body.mobile .submenu li ul {
    display: none;
    position: static;
    text-align: left;
    z-index: 1;
  }
  body.mobile .submenu li ul li a {
    padding-left: 30px;
  }
 /* body.mobile .slider {
    height: 400px;
    margin: 30px 0 0;
    width: 100%;

  }*/
  body.mobile .slider {
	height: 200px;
	margin: 30px auto 0;
	width: 360px;
}
  body.mobile .slider .slide {
    height: 100%;
    width: 100%;
  }
  body.mobile .slider .slide .slide-image {
    margin: 0 -25%;
    max-width: 960px;
  }
  body.mobile .slider .slide .slide-details {
    box-sizing: border-box;
    min-width: 100%;
  }
  body.mobile .slider .slide .slide-details span {
    display: none;
  }
  body.mobile aside#sidebar {
    display: none;
  }
  body.mobile .advertisement {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.1);
    padding: 30px 0;
    text-align: center;
  }
  body.mobile .advertisement::after {
    clear: both;
    content: '';
    display: table;
  }
  body.mobile .advertisement img, body.mobile .advertisement iframe {
    display: inline-block;
  }
  body.mobile #mobile-subscribe-graphic {
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.1);
    margin: 30px -15px;
    padding: 20px 15px;
    text-align: center;
    width: 100%;
  }
  body.mobile .main * {
    max-width: 100%;
  }
  body.mobile .main .main {
    margin: 0;
  }
  body.mobile .main .main .columns {
    margin-left: 0;
    margin-right: 0;
  }
  body.mobile .stream-wrapper {
    margin-top: 0;
  }
  body.mobile .posts-navigation .wrapper {
    margin: 0 15px;
  }
  body.mobile .posts-navigation .wrapper .posts-navigation-left {
    clear: both;
    float: none;
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  body.mobile .posts-navigation .wrapper .posts-navigation-left .page-numbers {
    display: none;
  }
  body.mobile .posts-navigation .wrapper .posts-navigation-left .page-numbers.prev, body.mobile .posts-navigation .wrapper .posts-navigation-left .page-numbers.next {
    display: inline-block;
  }
  body.mobile .posts-navigation .wrapper .posts-navigation-right {
    clear: both;
    float: none;
    width: auto;
  }
  body.mobile .posts-navigation .wrapper .posts-navigation-right label {
    clear: both;
    display: block;
    margin: 15px 0;
    text-align: left;
  }
  body.mobile .posts-navigation .wrapper .posts-navigation-right label select {
    clear: both;
    display: block;
    padding: 10px;
    width: 100%;
  }
  body.mobile .posts-navigation .wrapper .posts-navigation-right button {
    box-sizing: border-box;
    clear: both;
    display: block;
    margin: 15px 0;
    padding: 10px;
    width: 100%;
  }
  body.mobile .posts-navigation .wrapper .posts-navigation-right form.search {
    margin: 15px;
  }
  body.mobile .posts-navigation .wrapper .posts-navigation-right form.search input {
    box-sizing: border-box;
    display: block;
    padding: 10px;
    width: 100%;
  }
  body.mobile .posts-navigation .wrapper .posts-navigation-right form.search input + button {
    display: block;
    width: 100%;
  }
  body.mobile .posts {
    margin: 15px;
  }
  body.mobile .posts .post {
    margin: 15px 0 30px;
  }
  body.mobile .title.article-title {
    line-height: 1.5em;
    margin: 30px 15px;
  }
  body.mobile .media.article-media {
    border-bottom: 0;
    padding-bottom: 0;
  }
  body.mobile .content.article-content {
    font-size: 1.2em;
    line-height: 1.8em;
    padding: 15px;
    width: auto;
  }
  body.mobile .social-sharing {
    margin: 15px;
  }
  body.mobile .social-sharing .share-button {
    clear: both;
    padding: 10px;
    text-align: left;
  }
  body.mobile .social-sharing .share-button span {
    display: inline-block;
    padding-left: 1rem;
    width: 2rem;
  }
  body.mobile .tabset {
    border: 1px solid #ddd;
    display: block;
    width: auto;
  }
  body.mobile .tabset ul.tab-keys {
    display: block;
    width: auto;
  }
  body.mobile .tabset ul.tab-keys li {
    border-left: none;
    display: block;
  }
  body.mobile .tabset .tab {
    border: none;
  }
  body.mobile .tabset .tab.active {
    display: block;
  }
  body.mobile .tabset .tab .tabset ul.tab-keys li {
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.1);
    padding-left: 30px;
  }
  body.mobile table {
    table-layout: fixed;
  }
  body.mobile table td {
    width: auto;
  }
  body.mobile .gallery {
    margin: 30px 0;
    width: auto;
  }
  body.mobile .gallery .gallery-item {
    clear: both;
    display: block;
    float: none;
    margin: 0;
    padding-bottom: 30px;
    width: auto;
  }
  body.mobile blockquote {
    margin: 0;
  }
  body.mobile #footer .wrapper {
    padding: 0 30px;
    width: auto;
  }
  body.mobile #footer .wrapper > div {
    clear: both;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
  }
  body.mobile #footer form input {
    box-sizing: border-box;
    clear: both;
    display: block;
    margin: 15px 0;
    padding: 10px;
    width: 100%;
  }
  body.mobile #footer form button {
    clear: both;
    display: block;
    margin: 15px 0;
    width: 100%;
  }
  body.mobile a[href^=mailto] {
    display: block;
    max-width: none;
    width: auto;
    word-break: break-all;
    word-wrap: break-word;
  }
  body.mobile .returntotop {
    background: #444;
    height: 40px;
    margin: 30px 0;
  }
  body.mobile .returntotop::before {
    background: transparent;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 8px;
    position: static;
    text-align: center;
    -webkit-transition: 0s;
    transition: 0s;
    width: 200px;
  }
  body.mobile .submission-form {
    box-sizing: border-box;
    left: -15px;
    position: relative;
    width: 100%;
  }
  body.mobile .submission-form section {
    background: #fafafa;
    border: 0;
    box-sizing: border-box;
    padding: 15px;
    width: 100%;
  }
  body.mobile .submission-form section div {
    margin: 30px 0 !important;
  }
  body.mobile .submission-form section label,
  body.mobile .submission-form section input,
  body.mobile .submission-form section textarea,
  body.mobile .submission-form section select {
    display: block;
    float: none;
    margin: 0;
    padding: 5px 0;
    text-align: left;
    width: 100%;
  }
  body.mobile .submission-form section label + a.button {
    margin-left: 0;
    width: 100%;
  }
  body.mobile .submission-form section span > input[type=number] {
    display: inline-block;
  }
  body.mobile .submission-form section .right {
    float: none !important;
    width: auto !important;
  }
  body.mobile .submission-form section input {
    font-size: 1em;
  }
  body.mobile .submission-form section input[type="checkbox"] {
    clear: none;
    display: inline;
    margin: 0 !important;
    padding: 0;
    width: auto;
  }
  body.mobile .submission-form section input[type="checkbox"] + label {
    display: inline;
    margin: 0 !important;
  }
  body.mobile .submission-form section input[type="file"] {
    font: inherit;
    margin: 15px 0;
    width: auto;
  }
  body.mobile .submission-form section input[type="submit"] {
    display: block;
    margin: 15px auto;
    text-align: center;
    width: 80%;
  }
  body.mobile .submission-form section .multiple-option-set > p {
    clear: both;
    float: none;
    text-align: left;
    width: auto;
  }
  body.mobile table.layout {
    clear: both;
    display: block;
    width: auto;
  }
  body.mobile table.layout::after {
    clear: both;
    content: '';
    display: table;
  }
  body.mobile table.layout tbody, body.mobile table.layout thead {
    clear: both;
    display: block;
  }
  body.mobile table.layout tr {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
  }
  body.mobile table.layout tr::after {
    clear: both;
    content: '';
    display: table;
  }
  body.mobile table.layout tr td {
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: auto;
  }
  body.mobile table.layout tr td::after {
    clear: both;
    content: '';
    display: table;
  }
  body.mobile table.layout tr td:nth-child(odd) {
    clear: left;
  }
  body.mobile table.layout tr td * {
    clear: both;
    float: none;
    margin: 0 auto;
    max-width: 100%;
  }
  body.mobile .symposium-cart-form {
    position: relative;
    right: auto;
    transition: 0;
    width: auto;
    z-index: auto;
  }
  body.mobile.home .posts + h3 {
    margin: 15px;
  }
  body:not(.mobile) .desktop {
    display: block;
  }

  .columns-3 .post .slider{
      width: 100%;
  }

}

@media (max-device-width: 767px) {
    body.mobile .slider {
      height: 200px;
      margin: 30px auto 0;
      width: 360px;
    }
    .columns-3 .post .slider{
        width: 100%;
    }
    .g img {
    	max-width: 100%;
    }
}

@media (max-device-width: 480px) {
  html {
    font-size: 14px;
  }

  body.mobile {
    font-size: 14px;
  }
  body.mobile #footer {
    font-size: 14px;
  }
  body.mobile #header h1 img {
    width: 75%;
  }
}
#leaderboard_position {
  width: 1170px;
  margin: 15px auto;
}
#leaderboard_position::after {
  clear: both;
  content: '';
  display: table;
}
#leaderboard_position a {
  display: block;
}
#leaderboard_position a img {
  display: block;
  margin: 0;
}