/*
Theme Name: YuriConALC 2018
Description: Purple lilac layout created for use by Erica Friedman
Author: Lissa Pattillo
Author URI: http://www.lissapattillo.com
Version: 3.0
*/


body { font-family: 'Open Sans', sans-serif; font-size: 0.85em; margin: 0; background: #FFFFFF url('http://www.yuricon.com/wp-content/uploads/2015/01/lila-bg.png') top right; background-repeat: no-repeat; line-height: 1.5em; }

a { text-decoration: none; color: #6A4697; }
a:hover { text-decoration: none; color: #81699E; }

img { border: 0px; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.wrapper { margin: 20px auto 10px auto; width: 80%; max-width: 1500px; }

h1 { margin: 0 auto 5px auto; }
h2 { margin: 0 0 15px 10px; color: #9a83b7; font-size: 1.5em; width: 80%; }
h3 { color: #8b8eb7; }

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1.5em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

:lang(ja-jp) { font-family: Arial, sans-serif; }

.top { float: right; margin-right: 5%; }
.top a { color: #000000; }
.top #search {display: inline-block; }

.header-link { margin: 0 0 3px 0; }
#meta { color: #7c7c7c; margin: 0 0 10px 0; }

.subtext { float: left; }

.header { width: 90%; margin: auto; }
.header img { width: 250px; height: auto; }
#descrip { color: #8e8e8e; margin: 0 auto 25px auto; }

#clear { clear: both; }

.content { margin: 25px auto 0 auto; width: 85%; color: #000000; }

.entry-wide { margin: 15px auto 10px auto; padding: 20px 20px 5px 20px; }
.entry-wide h2 { padding-bottom: 15px; float: left; }

.entry-thin { margin: 15px auto 10px auto; padding: 20px 20px 5px 20px; width: 45%; float: left; }
.entry-thin h2 { padding-bottom: 15px; }

.entry-thin li { list-style-type: none; margin: 0 0 20px 0; }
.entry-thin .really_simple_share { display: none; }

.home-box {  }

.store-search { float: left; width: 15%; margin: 0 10px 10px 0; padding: 0 10px 10px 0; height: 275px; }
.store-search form { display: none; }

.products { clear: both; }
.products li { float: left; list-style-type: none; width: 175px; height: 275px; text-align: center; }
.products img { height: 150px; width: auto!important; max-width: 150px; }

#yurigames .products img { height: auto!important; }

.products li a.button.product_type_simple { display: none; }
.products li a.button.product_type_external { display: none; }

.products h3 { border-bottom: 0px; margin: 5px 0 15px 0; display: block; font-size: 14px; display: block;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

mark { background-color: #FFFFFF; color: black; }

.page-numbers { clear: both; margin: auto; width: 350px; }
.page-numbers li { list-style-type: none; float: left; padding: 0 12px 0 12px; font-size: 1.45em; }
.woocommerce-pagination { margin: 0 0 45px 0; }

.wc-product-retailers-wrap select { width: 225px; font-size: 1.25em; }
.wc-product-retailers-wrap option { font-weight: bold; text-align: center; }

.commentlist li { list-style-type: none; margin: 0 0 0 -15px; }
.commentlist li img { float: left; margin: 0 25px 15px 0; }

.woocommerce-loop-category__title { font-size: 1em; width: 100%; margin: auto!important; }

.woocommerce-breadcrumb { margin: 0 0 15px 0; }
.images { margin: 0 25px 10px 0; float: left; }

.single_add_to_cart_button, .product_type_external { padding: 10px; border: solid 1px #b178b1; background: #cfadcf; border-radius: 5px;
	font-weight: bold; color: #FFFFFF; }

.cart .single_add_to_cart_button { padding: 10px; width: 175px;
border: solid 1px #b178b1; background: #cfadcf; text-align: center;
border-radius: 5px; font-weight: bold; list-style-type: none;
color: #FFFFFF; float: left; margin: 0 10px 5px 0; font-size: 16px; }

.cart { clear: both; }

.wc-product-retailers-wrap { padding: 0em !important; }
.wc-product-retailers-wrap p { font-weight: bold; }

.wc-product-retailers li { padding: 10px; width: 175px;
border: solid 1px #b178b1; background: #cfadcf; text-align: center;
border-radius: 5px; font-weight: bold; list-style-type: none;
color: #FFFFFF; float: left; margin: 0 10px 5px 0; }

.wc-product-retailers li:first-child { margin-left: -35px;}
.wc-product-retailers li a { color: #FFFFFF; font-size: 16px; }

.woocommerce-ordering { width: 200px; float: right; margin: -35px 15px 0 0; clear: both; }
.woocommerce-product-gallery__trigger { display: none; }

.posted_in, .tagged_as { display: block; }



hr.bar-sep {
    border: 0;
    margin: 10px auto 10px auto;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0));
}

.nav {
  overflow: hidden;
  width: 90%; margin: auto;
  background-color: #9a83b7;
}

.nav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 25px;
  text-decoration: none;
  font-size: 1.1em;
}

.nav a:hover {
  background-color: #A3A7D8;
}

.nav .active {
  background-color: #A3A7D8;
  color: white;
}

.nav .icon {
  display: none;
}

.post { margin: 0 0 20px 0; }
.post-front { margin: 0 0 25px 20px; width: 85%; }

#frontpage-store .woocommerce ul.products li.product .button { display: none; }

.products li { float: left; list-style-type: none; width: 18%; max-width: 175px;
text-align: center; margin: 0 3px 0 3px; display: block; }
.products li img { max-width: 100%; }
.products h3 { border-bottom: 0px; }
mark { background-color: #FFFFFF; color: black; }

.woocommerce-loop-product__title { font-size: 1em; }

.single_add_to_cart_button, .product_type_external { padding: 10px; border: solid 1px #b178b1; background: #cfadcf; border-radius: 5px;
	font-weight: bold; color: #FFFFFF; }

.footer { width: 85%; margin: 65px auto 5px auto; padding: 30px 0 0 0; color: #000000; border-top: 1px #a3a7d8 solid; }

.footer ul { margin: auto; }
.footer .widget { float: left; width: 45%; margin: 0 20px 0 20px; display: block; text-align: left; }
.footer .widget:first-child { margin: 0 10px 0 0; }
.footer .widget h3 { border: 0px !important; margin: 0 0 5px 0;
color: #6A4697; }
.footer ul li ul { margin: 0; }
.footer ul li ul li { margin: 0 0 10px 0; text-align: left; }

#sub-footer { width: 50%; float: left; margin: 5px 0 0 35px; }
#copyright { float: right; }






.product_meta { clear: both; padding: 10px 0 15px 0; }

div.product .woocommerce-tabs ul.tabs {
list-style:none; overflow:hidden;
position:relative; margin: 20px 0 1.618em;
padding:0 0 0 1em; font-size: 1.25em;
}

div.product .woocommerce-tabs ul.tabs li {
border:1px solid #dfdbdf;
background:0;
display:inline-block;
position:relative;
z-index:0;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
box-shadow:0 3px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6);
margin:0 -5px;
padding:0 1.25em;
}

div.product .woocommerce-tabs ul.tabs li a {
display:inline-block;
font-weight:700;
color:#5e5e5e;
text-shadow:0 1px 0 rgba(255,255,255,0.8);
text-decoration:none;
padding:.5em 0;
}

div.product .woocommerce-tabs ul.tabs li.active {
background:#fff;
z-index:2;
border-bottom-color:#fff;
}

div.product .woocommerce-tabs ul.tabs li.active a {
color:inherit;
text-shadow:inherit;
}

div.product .woocommerce-tabs ul.tabs li.active:before {
box-shadow:2px 2px 0 #fff;
}

div.product .woocommerce-tabs ul.tabs li.active:after {
box-shadow:-2px 2px 0 #fff;
}

div.product .woocommerce-tabs ul.tabs li:before,div.product .woocommerce-tabs ul.tabs li:after {
border:1px solid #dfdbdf;
position:absolute;
bottom:-1px;
width:5px;
height:5px;
content:" ";
}

div.product .woocommerce-tabs ul.tabs li:before {
left:-6px;
-webkit-border-bottom-right-radius:4px;
-mox-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
box-shadow:2px 2px 0 #dfdbdf;
border-width:0 1px 1px 0;
}

div.product .woocommerce-tabs ul.tabs li:after {
right:-6px;
-webkit-border-bottom-left-radius:4px;
-mox-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
box-shadow:-2px 2px 0 #dfdbdf;
border-width:0 0 1px 1px;
}

div.product .woocommerce-tabs ul.tabs:before {
position:absolute;
content:" ";
width:100%;
bottom:0;
left:0;
border-bottom:1px solid #dfdbdf;
z-index:1;
}

div.product .woocommerce-tabs .panel {
margin:0 0 2em;
padding:0;
}







@media (max-width:1400px) {
body { background-image: none; }
.wrapper { width: 80%; }
.products li { margin: 0; padding: 0 5px 5px 5px; }
.entry-thin { width: 95%; float: none; margin: auto; }
.products h2 { margin: auto; float: none; text-align: center; line-height: 120%; }
.footer .widget { width: 45%; margin: 0 25px 30px 0; }
}



@media (max-width: 1000px) {
body { background-image: none; }
.wrapper { width: 100%; }
.header { margin: auto; width: 90%; }

.products li { width: 50%; height: 300px; }
.products h2 { margin: auto; float: none; text-align: center; }
.entry-thin { width: 95%; float: none; margin: auto; }

.footer { display: none; }
.nav a { padding: 10px 3%; font-size: 1em; }
}

@media (max-width: 800px) {
.nav a {
  padding: 10px 1.5%;
  font-size: 1em;
}
img.alignleft { float: none; margin: auto; }
}

@media (max-width:600px) {
body { background-image: none; overflow-y: hidden;}
.wrapper { width: 98%; }
.header { margin: auto; width: 90%; }

.products h2 { margin: auto; float: none; text-align: center; }
.products li { width: 50%; }
.entry-thin { width: 90%; float: none; margin: auto; }
.entry-wide { width: 100%; margin: 15px auto 10px auto; padding: 10px; }
.footer { display: none; }
}

@media screen and (max-width: 600px) {
  .nav a:not(:first-child) {display: none;}
  .nav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .nav.responsive {position: relative;}
  .nav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .nav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}