.avant-header-nav {
float: right;
}
.site-top-bar-switch .avant-header-nav {
float: left;
}
.avant-header-nav ul {
margin: 0;
padding: 0;
}
.avant-header-nav ul li {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
position: relative;
}
.avant-header-nav ul li a {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
color: inherit;
padding: 7px 10px;
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08);
}
.avant-header-nav ul ul {
background-color: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
float: left;
position: absolute;
top: 30px;
right: -999em;
z-index: 99999;
padding: 0;
display: none;
}
.avant-header-nav ul ul ul {
right: -999em;
top: 0;
display: none;
}
.avant-header-nav ul ul li {
float: none;
width: 100%;
display: block;
position: relative;
min-width: 150px;
text-align: left;
white-space: nowrap;
}
.avant-header-nav ul ul li a {
min-width: 110px;
padding: 7px 10px 8px;
}
.avant-header-nav ul ul li:hover {
background-color: rgba(0, 0, 0, 0.02);
}
.avant-header-nav ul li:hover > ul,
.avant-header-nav ul li.focus > ul {
right: 0;
display: block;
}
.avant-header-nav ul ul li:hover > ul,
.avant-header-nav ul ul li.focus > ul {
right: 100%;
display: block;
}
.site-top-bar .avant-header-nav ul li a {
padding: 8px 10px 7px;
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.08);
}
.site-top-bar .avant-header-nav ul li:last-child a {
padding: 8px 0 7px 10px;
}
.site-top-bar.site-top-bar-switch .avant-header-nav ul li a {
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08);
}
.site-top-bar.site-top-bar-switch .avant-header-nav ul li:first-child a {
padding: 8px 10px 7px 0;
}
.site-top-bar.site-top-bar-switch .avant-header-nav ul li:last-child a {
padding: 8px 10px 7px;
}
.side-aligned-social {
top: 265px;
} .site-top-bar {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
background-color: #FFF;
color: #aaa;
}
.site-top-bar > .site-container {
position: relative;
}
.site-top-bar-left {
background-color: #FFF;
float: left;
width: 50%;
padding: 2px 0 7px;
min-height: 32px;
position: relative;
z-index: 4;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
}
.site-topbar-no,
.site-topbar-ad{
display: inline-block;
vertical-align: middle;
font-size: 11px;
letter-spacing: 1px;
color: inherit;
margin: 0 8px 0 0;
}
.site-topbar-ad i.fa {
position: relative;
top: -1px;
}
.site-top-bar-right {
background-color: #FFF;
float: right;
width: 50%;
text-align: right;
min-height: 32px;
position: relative;
z-index: 4;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
}
.site-top-bar-right-extra-txt {
display: inline-block;
font-size: 11px;
margin: 6px 14px 7px;
vertical-align: middle;
letter-spacing: 1px;
}
.site-top-bar-switch .site-top-bar-left {
float: right;
text-align: right;
}
.site-top-bar-switch .site-top-bar-right {
float: left;
text-align: left;
}
.site-top-bar-switch .site-topbar-no,
.site-top-bar-switch .site-topbar-ad {
margin: 0 0 0 8px;
}
.site-top-bar.site-header-layout-one.site-top-bar-switch .avant-header-nav ul li a {
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08);
padding: 8px 10px 7px 10px;
}
.site-top-bar.site-header-layout-one.site-top-bar-switch .avant-header-nav > ul > li:first-child > a {
padding: 8px 10px 7px 0;
}
.site-top-bar-switch .avant-header-nav ul {
right: auto;
left: -999em;
}
.site-top-bar-switch .avant-header-nav li:hover > ul,
.site-top-bar-switch .avant-header-nav li:focus > ul {
right: auto;
left: 0;
display: block;
}
.site-top-bar-switch .avant-header-nav li ul li:hover > ul,
.site-top-bar-switch .avant-header-nav li ul li:focus > ul {
right: auto;
left: 100%;
display: block;
} .site-header {
background-color: #FFF;
position: relative;
color: #656565;
text-align: center;
margin: 0 0 60px;
}
.content-boxed .site-header,
.site-header.site-header-nospace {
margin: 0;
}
.site-header .site-container {
position: relative;
}
.site-header-top {
background-color: #FFF;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 2px 3px 0 rgba(238, 238, 238, 0.4), 0 1px 0 0 rgba(0, 0, 0, 0.08) inset;
color: #aaa;
}
.site-header.site-no-nav {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 2px 3px 0 rgba(238, 238, 238, 0.4);
}
.site-header-switch .menu-search {
text-align: right;
float: left;
}
.site-top-bar-switch .search-block {
right: auto;
left: 52px;
}
.site-branding {
padding: 25px 0 35px;
display: inline-block;
}
.site-branding a {
display: block;
margin: 0 auto;
}
.site-branding-logo a {
display: inline-block;
}
.site-branding a img {
display: block;
}
.site-title {
margin: 0;
padding: 0;
font-size: 94px;
line-height: 64px;
font-weight: 300;
text-shadow: 0 2px 3px rgba(255, 255, 255, 0.3);
}
.site-title a {
color: #000 !important;
}
.site-description {
margin: 0;
padding: 0;
font-size: 12px;
line-height: 15px;
letter-spacing: 2px;
font-weight: 300;
text-transform: uppercase;
color: inherit;
}
.site-branding-float-all .custom-logo-link {
float: left;
}
.site-branding-float {
text-align: left;
float: left;
padding-left: 12px;
}
.site-header-social {
position: absolute;
top: 50%;
left: 15px;
margin: -20px 0 0;
}
.site-header-social .social-icon {
color: inherit;
float: right;
margin: 0;
padding: 6px;
font-size: 28px;
line-height: 28px;
}
.site-header-switch .site-header-social {
left: auto;
right: 15px;
}
.site-header-search {
position: absolute;
top: 50%;
right: 15px;
margin: -20px 0 0;
}
.site-header-switch .site-header-search {
right: auto;
left: 15px;
}
#primary-menu,
#main-menu > div {
display: inline-block;
vertical-align: top;
}
.header-cart {
display: inline-block;
vertical-align: middle;
padding: 0;
}
.site-top-bar .header-cart {
float: right;
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08) inset;
}
.header-cart .site-header-cart {
letter-spacing: 1px;
line-height: 19px;
}
.header-cart {
font-weight: 400;
font-size: 24px;
line-height: 24px;
}
a.header-cart-contents {
color: inherit !important;
padding: 9px;
display: block;
}
.site-top-bar .header-cart a.header-cart-contents {
padding: 8px 10px 7px;
}
.header-cart-amount {
}
.header-cart-amount span {
display: none !important;
}
.header-cart-checkout {
margin: 0 0 0 4px;
position: relative;
top: -1px;
}
.menu-search {
float: right;
text-align: right;
margin: 0;
padding: 0 0 0 2px;
font-size: 24px;
line-height: 24px;
}
.search-btn {
display: block;
padding: 8px 5px 9px;
cursor: pointer;
}
.search-block {
position: absolute;
background-color: #FFF;
border-top: 0;
border-radius: 0 0 3px 3px;
top: -55px;
right: 20px;
padding: 9px 9px;
z-index: 2;
-webkit-transition: top 0.3s ease 0s;
-moz-transition: top 0.3s ease 0s;
-ms-transition: top 0.3s ease 0s;
-o-transition: top 0.3s ease 0s;
transition: top 0.3s ease 0s;
}
.search-block .search-field,
.search-block .product-search input[type="text"].product-search-field,
.aws-container .aws-search-field {
font-size: 13px;
margin: 0;
padding: 5px 8px;
border: 1px solid rgba(0, 0, 0, 0.18);
border-radius: 0;
background-color: #FFF;
width: 310px;
font-weight: 200;
outline: none;
color: inherit;
box-sizing: border-box;
}
.search-block .search-submit {
display: none;
}
.aws-container .aws-search-field {
line-height: 20px;
height: auto;
}
.show-site-search .search-block {
top: 0;
} #main-menu {
text-align: center;
}
.main-navigation {
padding: 0;
}
.main-navigation li a {
padding: 16px 16px 18px;
}
.main-navigation .menu > ul > li:first-child > a {
padding: 16px 16px 18px 1px;
}
.main-navigation ul ul {
top: 50px;
}
.main-navigation ul ul li {
position: relative;
}
.main-navigation ul ul ul {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
right: auto;
left: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
right: auto;
left: 100%;
} .site-boxed .site-top-bar {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, -1px 0 0 rgba(0, 0, 0, 0.08) inset, 1px 0 0 rgba(0, 0, 0, 0.08) inset;
}
.site-boxed .site-top-bar .site-container {
padding: 0 15px;
}
.site-boxed .site-header {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 2px 3px 0 rgba(238, 238, 238, 0.4), -1px 0 0 rgba(0, 0, 0, 0.08) inset, 1px 0 0 rgba(0, 0, 0, 0.08) inset;
}
.site-boxed .site-header-top {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 2px 3px 0 rgba(238, 238, 238, 0.4), -1px 0 0 rgba(0, 0, 0, 0.08) inset, 1px 0 0 rgba(0, 0, 0, 0.08) inset, 0 1px 0 rgba(0, 0, 0, 0.08) inset;
}
.content-boxed .site-boxed .site-top-bar {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
}
.content-boxed .site-boxed .site-header {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
}
.content-boxed .site-boxed .site-header-top {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 0 rgba(0, 0, 0, 0.08) inset;
} .main-navigation .nav-switch ul {
left: auto;
right: -999em;
}
.main-navigation li.nav-switch:hover > ul,
.main-navigation li.nav-switch:focus > ul {
left: auto;
right: 0;
display: block;
}
.main-navigation li.nav-switch ul li:hover > ul,
.main-navigation li.nav-switch ul li:focus > ul {
left: auto;
right: 100%;
display: block;
}
.main-navigation li.nav-sub-switch:hover > ul,
.main-navigation li.nav-sub-switch:focus > ul {
left: auto;
right: 100%;
display: block;
}
.main-navigation li.nav-sub-switch-all:hover > ul,
.main-navigation li.nav-sub-switch-all:focus > ul,
.main-navigation li.nav-sub-switch-all ul li:hover > ul,
.main-navigation li.nav-sub-switch-all ul li:focus > ul {
left: auto;
right: 100%;
display: block;
} .site-header-top.stick-header {
top: -200px;
-webkit-transition: top 0.4s ease 0s;
-moz-transition: top 0.4s ease 0s;
-ms-transition: top 0.4s ease 0s;
-o-transition: top 0.4s ease 0s;
transition: top 0.4s ease 0s;
}
.stick-header.stuck {
background-color: #FFF;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.14) inset;
position: fixed;
top: -200px;
left: 0;
width: 100%;
z-index: 99999;
}
.site-boxed .stick-header.stuck { left: auto;
max-width: 1240px;
}
.stick-header.stuck.animate-sticky-header {
top: 0;
}
body.admin-bar .stick-header.stuck.animate-sticky-header {
top: 32px;
}
@media screen and (max-width: 980px) {
.site-title {
font-size: 56px;
line-height: 56px;
padding: 0 0 4px;
}
.header-menu-button {
display: block;
padding: 15px 10px 16px;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
text-align: center;
}
.site-header-switch .header-menu-button {
padding: 15px 10px 16px;
}
.header-menu-button i {
font-size: 11px;
vertical-align: middle;
}
.header-menu-button span {
vertical-align: middle;
margin: 0 0 0 6px;
}
body.admin-bar #main-menu {
padding: 87px 20px 30px 20px;
}
body.admin-bar .main-menu-close {
top: 45px;
}
}
@media only screen and (max-width: 782px) {
.site-boxed .site-top-bar .site-container,
.site-header .site-container,
.site-boxed .site-header .site-container,
.site-top-bar .site-container {
padding: 0;
}
.site-top-bar-left {
float: none !important;
width: 100%;
text-align: center !important;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
padding: 2px 0 0;
min-height: 29px;
}
.site-top-bar .social-icon,
.menu-search,
.site-topbar-right-no,
.avant-header-nav {
display: inline-block;
vertical-align: middle;
float: none;
}
.site-top-bar-right-extra-txt {
margin: 0 8px 0 0;
}
.menu-search {
padding: 0;
margin: 0;
font-size: 16px;
}
.site-header-switch .menu-search {
float: none;
}
.search-btn {
padding: 2px 10px;
}
a.header-cart-contents {
padding: 2px 9px;
}
.site-top-bar-right {
float: none !important;
width: 100%;
text-align: center !important;
min-height: 29px;
}
.site-top-bar .avant-header-nav ul li:last-child a {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.08), 1px 0 0 rgba(0, 0, 0, 0.08);
}
.site-top-bar.site-top-bar-switch .avant-header-nav ul li:last-child a {
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08);
}
.site-top-bar.site-top-bar-switch .avant-header-nav ul li:first-child a {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.08), 1px 0 0 rgba(0, 0, 0, 0.08);
}
.site-top-bar .avant-header-nav ul li a {
padding: 6px 10px 7px !important;
}
.search-block {
position: relative;
display: none;
top: 0 !important;
bottom: 0 !important;
left: 0;
right: 0;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
}
.site-top-bar-switch .search-block{
left: 0;
}
.search-block .search-field {
width: 100%;
}
.site-top-bar .avant-header-nav {
float: none !important;
display: inline-block !important;
}
.show-site-search .search-block {
display: block;
}
.avant-header-nav ul ul {
top: 28px;
}
.site-header-social {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset;
padding: 6px 0 0;
position: relative;
top: 0;
left: 0 !important;
right: 0 !important;
margin: 0;
text-align: center;
}
.site-header-social .social-icon {
float: none;
font-size: 16px;
line-height: 16px;
}
.site-header-search {
position: relative;
top: 0;
left: 0 !important;
right: 0 !important;
margin: 0;
padding: 0 0 2px;
}
.header-cart {
font-size: 16px;
}
body.admin-bar #main-menu {
padding: 101px 20px 30px 20px;
}
body.admin-bar .main-menu-close {
top: 59px;
}
}
@media only screen and (max-width: 580px) {
.site-header-top .site-container {
padding: 0;
}
.site-header-top-right {
float: none;
position: absolute;
bottom: 40px;
width: 100%;
}
.header-menu-button {
padding: 15px 10px 16px 10px;
}
.site-header-top-right .social-icon {
margin: 0 1px 0 1px;
padding: 5px 7px;
}
}.woocommerce-products-header h1 {
font-size: inherit;
margin: 0 0 25px;
}
.woocommerce .breadcrumbs,
.woocommerce-page .breadcrumbs,
.woocommerce .entry-header.site-container,
.woocommerce-page .entry-header.site-container {
display: none;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
line-height: 15px;
font-size: 11px;
text-transform: uppercase;
color: #777;
padding: 12px 0 0;
}
.single-product.woocommerce .woocommerce-breadcrumb,
.single-product.woocommerce-page .woocommerce-breadcrumb {
position: relative;
top: 0;
right: 0;
padding: 0 0 10px;
z-index: 8;
} .woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
display: block;
width: 50%;
float: left;
margin: 0 0 30px;
font-size: 13px;
padding: 0;
clear: both;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
display: block;
width: 50%;
text-align: right;
margin: 0 0 30px;
padding: 0;
float: left;
}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
background: white;
border-radius: 1px;
border: 1px solid rgb(220, 220, 220);
font-size: 12px;
text-transform: uppercase;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
padding: 6px;
font-weight: 600;
color: rgb(89, 89, 89);
}
.woocommerce .avant-remove-results-sorting .woocommerce-result-count,
.woocommerce-page .avant-remove-results-sorting .woocommerce-result-count,
.woocommerce .avant-remove-results-sorting .woocommerce-ordering,
.woocommerce-page .avant-remove-results-sorting .woocommerce-ordering {
display: none;
}
.woocommerce .products ul,
.woocommerce ul.products,
.woocommerce-page .products ul,
.woocommerce-page ul.products {
margin: 0 -0.5% 10px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
margin: 0 0.5% 13px;
padding: 0 0 20px;
text-align: center;
float: left;
list-style-type: none;
position: relative;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.woocommerce .avant-products-noborder ul.products li.product,
.avant-products-noborder ul.products li.product {
box-shadow: none !important;
}
.woocommerce .avant-woocommerce-cols-2 ul.products li.product,
.woocommerce ul.products.columns-2 li.product,
.avant-woocommerce-cols-2 ul.products li.product {
width: 49%;
height: 400px;
}
.woocommerce .avant-woocommerce-cols-3 ul.products li.product,
.woocommerce ul.products.columns-3 li.product,
.avant-woocommerce-cols-3 ul.products li.product {
width: 32.3333%;
height: 400px;
}
.woocommerce .avant-woocommerce-cols-4 ul.products li.product,
.woocommerce.columns-4 ul.products.columns-4 li.product,
.avant-woocommerce-cols-4 ul.products li.product {
width: 24%;
height: 400px;
}
.woocommerce .avant-woocommerce-cols-5 ul.products li.product,
.woocommerce ul.products.columns-5 li.product,
.avant-woocommerce-cols-5 ul.products li.product {
width: 19%;
height: 400px;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
padding: 10px !important;
}
.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul {
border-radius: 3px;
}
.woocommerce nav.woocommerce-pagination ul li:first-child,
.woocommerce-page nav.woocommerce-pagination ul li:first-child {
border-radius: 3px 0 0 3px;
}
.woocommerce nav.woocommerce-pagination ul li:last-child,
.woocommerce-page nav.woocommerce-pagination ul li:last-child {
border-radius: 0 3px 3px 0;
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
box-shadow: none !important;
display: block;
height: 66%;
}
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
line-height: 1em;
font-weight: 500;
margin: 0;
padding: 8px 15px;
text-align: center;
font-size: 18px;
}
.woocommerce .avant-wc-title-align ul.products li.product h3,
.woocommerce-page .avant-wc-title-align ul.products li.product h3,
.woocommerce .avant-wc-title-align ul.products li.product .woocommerce-loop-category__title,
.woocommerce .avant-wc-title-align ul.products li.product .woocommerce-loop-product__title {
min-height: 52px;
}
.woocommerce #content ul.products li.product span.price,
.woocommerce-page #content ul.products li.product span.price {
color: #2D2D2D;
font-weight: 600;
padding: 0;
font-size: 15px;
margin: 0;
text-align: center;
}
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
font-size: 13px;
margin: 0 4px 0 0;
display: inline-block;
}
.woocommerce .products .star-rating,
.woocommerce-page .products .star-rating {
position: absolute;
left: 4px;
top: 5px;
opacity: 0;
font-size: 14px !important;
-webkit-transition: all 0.08s linear 0s;
-moz-transition: all 0.08s linear 0s;
-ms-transition: all 0.08s linear 0s;
-o-transition: all 0.08s linear 0s;
transition: all 0.08s linear 0s;
}
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
border-radius: 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
height: 28px;
min-height: 20px;
margin: 0;
padding: 4px 12px 0;
line-height: 20px;
font-size: 14px;
text-shadow: none;
font-weight: 400;
text-transform: uppercase;
right: -2px;
top: 5px;
z-index: 6;
}
.single-product.woocommerce span.onsale {
right: auto;
left: 0;
}
.woocommerce ul.products li.product .onsale:after,
.woocommerce-page ul.products li.product .onsale:after {
content: '';
width: 0px;
height: 0px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
position: absolute;
top: 25px;
right: 2px;
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.woocommerce #review_form #respond .form-submit input,
.woocommerce-page #review_form #respond .form-submit input,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce-page ul.products li.product a.add_to_cart_button {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
color: #FFF;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
margin: 8px 0 0;
text-shadow: none;
}
.woocommerce ul.products li.product a.added_to_cart,
.woocommerce-page ul.products li.product a.added_to_cart {
width: 25px;
overflow: hidden;
height: 31px;
line-height: 20px;
position: absolute;
bottom: 23px;
left: 65px;
color: transparent;
}
.woocommerce ul.products li.product a:hover .star-rating,
.woocommerce-page ul.products li.product a:hover .star-rating {
opacity: 1;
} .woocommerce div.product div.images .flex-control-thumbs {
margin: 5px -5px 0;
}
.woocommerce div.product div.images .flex-control-thumbs li {
padding: 5px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
min-height: auto !important;
} .woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
margin: 0 0 40px;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
margin-top: 5px;
margin-bottom: 40px;
}
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page input.button,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt {
text-shadow: none !important;
font-size: 14px;
font-weight: 400;
border: 1px solid rgba(0, 0, 0, 0.14);
padding: 9px 30px 10px;
margin: 0 0 0 7px;
display: inline-block !important;
color: #FFF !important;
position: absolute;
margin: 0 0 0 10%;
width: 80%;
bottom: 0%;
left: 0%;
transform: translate(0%, -30%);
}
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
background-color: #FFF;
width: 48%;
padding: 6px;
margin: 0;
}
.woocommerce form.checkout_coupon .form-row-first,
.woocommerce-page form.checkout_coupon .form-row-first {
width: 56%;
}
.woocommerce form.checkout_coupon .form-row-last,
.woocommerce-page form.checkout_coupon .form-row-last {
width: 44%;
}
.woocommerce form.checkout_coupon input.input-text,
.woocommerce-page form.checkout_coupon input.input-text {
width: 100%;
}
.woocommerce table.cart input,
.woocommerce-page #content table.cart input,
.woocommerce-page table.cart input {
background: none;
background-color: rgba(0, 0, 0, 0.28);
text-shadow: none;
font-size: 14px;
font-weight: 400;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 9px 30px 10px;
margin: 0 0 0 4px;
top: 0px !important;
}
.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
height: 35px;
border: 1px solid rgba(0, 0, 0, 0.08);
background-color: #F5F5F5;
border-radius: 3px;
padding: 0;
}
.woocommerce #content .quantity .minus,
.woocommerce #content .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce .quantity .plus,
.woocommerce-page #content .quantity .minus,
.woocommerce-page #content .quantity .plus,
.woocommerce-page .quantity .minus,
.woocommerce-page .quantity .plus {
width: 40px;
height: 35px;
color: #5e5e5e;
float: left;
position: relative;
font-size: 24px;
font-weight: 400;
line-height: 1;
text-shadow: none;
background: none !important;
border: 0;
box-shadow: none;
outline: none !important;
}
.woocommerce #content div.product .product_title,
.woocommerce div.product .product_title,
.woocommerce-page #content div.product .product_title,
.woocommerce-page div.product .product_title {
margin: 0 0 10px;
}
.woocommerce .woocommerce-product-rating,
.woocommerce-page .woocommerce-product-rating {
float: right;
margin: 8px 0 0;
}
.single-product.woocommerce .woocommerce-product-rating,
.single-product.woocommerce-page .woocommerce-product-rating {
float: none;
}
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce ul.products li.product .price {
font-size: 18px;
}
.woocommerce form.cart,
.woocommerce-page form.cart {
margin-top: 30px;
}
.wc-proceed-to-checkout a.checkout-button {
color: #FFF !important;
float: right;
}
.woocommerce #review_form #respond .form-submit input,
.woocommerce-page #review_form #respond .form-submit input {
position: relative;
}
.woocommerce #content div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
margin: 20px 0 30px;
padding: 25px 0 40px;
border: 1px solid rgba(0, 0, 0, 0.08);
border-left: 0;
border-right: 0;
}
.woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
float: left;
width: 20%;
margin: 0 2% 0 0;
padding: 0;
}
.woocommerce #content div.product .woocommerce-tabs:before,
.woocommerce div.product .woocommerce-tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs:before,
.woocommerce-page div.product .woocommerce-tabs:before,
.woocommerce #content div.product .woocommerce-tabs:after,
.woocommerce div.product .woocommerce-tabs:after,
.woocommerce-page #content div.product .woocommerce-tabs:after,
.woocommerce-page div.product .woocommerce-tabs:after {
content: ' ';
display: table;
clear: both;
}
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
padding: 10px 0 0;
margin: 0 0 0 1%;
width: 77%;
float: left;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
background: none;
box-shadow: none;
border: 0 none;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
padding: 5px 10px 5px 10px;
margin: 0;
font-size: 15px;
border-radius: 0 !important;
display: block;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
text-shadow: none;
font-weight: 400;
display: block;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after {
border: 0;
box-shadow: none;
}
.woocommerce #content div.product form.cart .variations td.label,
.woocommerce div.product form.cart .variations td.label,
.woocommerce-page #content div.product form.cart .variations td.label,
.woocommerce-page div.product form.cart .variations td.label {
padding: 5px 30px 10px 0;
}
.woocommerce form .form-row input.input-text,
.woocommerce-page form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce-page form .form-row select,
.woocommerce #content div.product form.cart .variations select,
.woocommerce div.product form.cart .variations select,
.woocommerce-page #content div.product form.cart .variations select,
.woocommerce-page div.product form.cart .variations select {
background: white;
border-radius: 1px;
border: 1px solid rgb(220, 220, 220);
font-size: 12px;
text-transform: uppercase;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
padding: 6px;
font-weight: 600;
color: rgb(89, 89, 89);
margin: 0 0 3px;
}
.woocommerce .entry-summary .single_variation_wrap,
.woocommerce-page .entry-summary .single_variation_wrap {
text-align: right;
font-size: 18px;
}
.woocommerce .cart-collaterals .shipping_calculator .button,
.woocommerce-page .cart-collaterals .shipping_calculator .button {
width: auto;
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 9px 20px 10px;
box-shadow: none;
color: #FFF;
text-shadow: none;
font-weight: 400;
font-size: 14px;
} .woocommerce table.shop_table,
.woocommerce-page table.shop_table {
margin: 0 0 50px;
border-radius: 0;
border-left: 0;
border-right: 0;
}
.woocommerce table.cart th,
.woocommerce-page #content table.cart th,
.woocommerce-page table.cart th {
background-color: rgba(0, 0, 0, 0.02);
font-size: 16px;
text-shadow: none;
font-weight: 500;
padding: 10px;
}
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
padding: 25px 10px;
}
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce-page .cart-collaterals .cart_totals tr th {
padding: 15px 10px 15px 0;
}
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table td {
padding: 15px 0 15px 10px;
text-align: right;
width: 12%;
}
.woocommerce table.shop_table tfoot th,
.woocommerce-page table.shop_table tfoot th {
vertical-align: middle;
}
.woocommerce table.shop_table.my_account_orders th,
.woocommerce-page table.shop_table.my_account_orders th,
.woocommerce table.shop_table.order_details th,
.woocommerce-page table.shop_table.order_details th,
.woocommerce-checkout table.shop_table thead .product-name,
.woocommerce-checkout table.shop_table thead .product-total {
background-color: rgba(0, 0, 0, 0.04);
padding: 10px;
}
.woocommerce table.shop_table tfoot th,
.woocommerce-page table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td,
.woocommerce-page table.shop_table tfoot td {
background-color: rgba(0, 0, 0, 0.04);
padding: 10px;
}
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
max-width: 350px;
}
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
width: 52%;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 44%;
max-width: 350px;
}
.woocommerce .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout {
clear: none;
}
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
font-size: 30px;
color: #777;
}
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
height: 100px;
width: auto;
}
.woocommerce #customer_details,
.woocommerce-page #customer_details {
display: block;
width: 54%;
clear: none;
float: left;
margin-left: 0;
margin-right: 6%;
}
.woocommerce #customer_details .col-1,
.woocommerce-page #customer_details .col-1,
.woocommerce #customer_details .col-2,
.woocommerce-page #customer_details .col-2 {
float: none;
width: 100%;
}
.woocommerce #customer_details .col-2,
.woocommerce-page #customer_details .col-2 {
margin: 25px 0 0;
padding: 25px 0 0;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.woocommerce #order_review_heading,
.woocommerce-page #order_review_heading,
.woocommerce #order_review,
.woocommerce-page #order_review {
border: 1px solid rgba(0, 0, 0, 0.08);
background-color: rgba(0, 0, 0, 0.02);
display: block;
width: 40%;
clear: none;
float: right;
margin-right: 0;
margin-left: 4%;
margin-left: 0;
}
.woocommerce #order_review_heading,
.woocommerce-page #order_review_heading {
border-bottom: 0;
padding: 20px 20px 0;
margin: 64px 0 0;
}
.woocommerce #order_review,
.woocommerce-page #order_review {
border-top: 0;
padding: 20px 20px 20px;
}
.woocommerce form .form-row,
.woocommerce-page form .form-row {
padding: 0;
margin: 0 0 5px;
}
.woocommerce form .form-row input.input-text,
.woocommerce-page form .form-row input.input-text {
border: 1px solid rgba(0, 0, 0, 0.18);
background-color: rgba(0, 0, 0, 0.02);
font-weight: 400;
font-size: 15px;
text-transform: none;
padding: 8px;
}
.woocommerce form .form-row textarea.input-text,
.woocommerce-page form .form-row textarea.input-text {
border: 1px solid rgba(0, 0, 0, 0.18);
background-color: rgba(0, 0, 0, 0.02);
font-weight: 400;
font-size: 15px;
text-transform: none;
padding: 8px;
min-height: 100px;
}
.woocommerce .order_details,
.woocommerce-page .order_details {
border: 1px solid rgba(0, 0, 0, 0.08);
}
.woocommerce .order_details li,
.woocommerce-page .order_details li {
padding: 20px;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-single {
background: none;
background-color: rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.18);
box-shadow: none;
height: 36px;
border-radius: 0;
padding: 2px 0 4px 8px;
} .cart-empty {
font-size: 18px;
}
.return-to-shop {
margin-bottom: 100px;
}
.cart-empty,
.return-to-shop {
text-align: center;
}
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
border-radius: 1px;
box-shadow: none;
background: none;
background-color: rgba(0, 0, 0, 0.04);
}
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info {
border-radius: 1px;
box-shadow: none;
background: none;
background-color: rgba(0, 0, 0, 0.04);
}
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error {
border-radius: 1px;
box-shadow: none;
background: none;
background-color: rgba(0, 0, 0, 0.04);
}
.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before {
border-radius: 0;
height: 100%;
left: 0;
width: 30px;
} .woocommerce .widget-area,
.woocommerce-page .widget-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04)rgba(0, 0, 0, 0.04);
} .woocommerce-account .woocommerce-MyAccount-navigation {
width: 20%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
box-shadow: -1px 0 0 #D7D7D7 inset;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin: 0 0 1px;
padding: 0;
background-color: rgba(0, 0, 0, 0.02);
list-style-type: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
padding: 12px 12px;
text-decoration: none;
}
.woocommerce-account .is-active {
box-shadow: 4px 0 0 rgba(0, 0, 0, 0.3) inset;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 78%;
} .wcppec-checkout-buttons {
overflow: visible;
clear: both;
width: 208px;
float: right;
margin: 0;
} @media screen and (max-width: 980px) {
.site-header-cart {
display: none !important;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
margin: 0 -1% 30px !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 48% !important;
margin: 0 1% 22px !important;
clear: none !important;
}
.woocommerce-products-header {
padding: 0;
}
.woocommerce-products-header .woocommerce-products-header__title {
padding: 0 0 10px;
}
}
@media screen and (max-width: 920px) {
.woocommerce #customer_details,
.woocommerce-page #customer_details {
width: 100%;
float: none;
}
.woocommerce #order_review_heading,
.woocommerce-page #order_review_heading,
.woocommerce #order_review,
.woocommerce-page #order_review {
width: 100%;
float: none;
}
}
@media screen and (max-width: 782px) {
.woocommerce #container,
.woocommerce-page #container {
box-shadow: none;
width: 100%;
float: none;
}
.single-product.woocommerce .woocommerce-breadcrumb,
.single-product.woocommerce-page .woocommerce-breadcrumb {
float: none;
padding: 0 0 10px;
}
.woocommerce .widget-area,
.woocommerce-page .widget-area {
padding: 20px;
margin: 30px 0 40px;
}
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 80%;
margin: 0 auto;
text-align: center;
float: none;
}
.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-page .cart-collaterals .cart_totals table {
float: none;
max-width: none;
}
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table td {
width: 98%;
}
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce-page .cart-collaterals .cart_totals tr th,
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table td {
padding: 15px 10px;
}
.woocommerce .cart .button,
.woocommerce .cart input.button {
margin: 0;
}
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
padding: 6px 12px;
}
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
border: 1px solid rgba(0,0,0,.1);
}
.woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
float: none;
width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
display: inline-block !important;
margin: 0 2px 0 0 !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
width: 100% !important;
float: none !important;
}
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
clear: both;
} .woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
float: none;
margin: 0 0 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
box-shadow: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
display: inline-block;
margin: 0 4px 5px 0;
}
.woocommerce-account .is-active {
box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.3) inset;
}
}
@media screen and (max-width: 640px) {
.woocommerce #container,
.woocommerce-page #container {
width: 100%;
float: none;
}
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 98%;
margin: 0 auto;
}
.woocommerce table.cart td.actions .coupon input,
.woocommerce-page table.cart td.actions .coupon input,
.woocommerce .cart .button,
.woocommerce .cart input.button {
margin: 0 0 8px !important;
float: none !important;
width: 100% !important;
}
}
@media screen and (max-width: 420px) {
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
width: 100%;
float: none;
border-bottom: 0;
margin: 0 0 15px;
text-align: center;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
width: 100%;
float: none;
margin: 0 0 30px;
}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
width: 100%;
}
}.site-footer-standard {
background-color: #fff;
color: #8c8c8c;
}
.site-footer-no-widgets {
text-align: center;
padding: 40px 0 30px;
}
.site-footer-standard .site-footer-widgets {
padding: 50px 0 30px;
}
.site-footer-standard .site-footer-widgets .site-container > ul {
margin: 0;
padding: 0;
display: table-row;
}
.site-footer-standard .site-footer-widgets .site-container > ul > li {
margin: 0;
padding: 10px 18px 20px;
list-style-type: none;
display: table-cell;
width: 10%;
box-sizing: border-box;
vertical-align: top;
}
.site-footer-standard .site-footer-widgets .site-container > ul > li:first-child {
padding: 10px 18px 20px 0;
}
.site-footer-standard .site-footer-widgets .site-container > ul > li:last-child {
padding: 10px 0 20px 18px;
}
.site-boxed .site-footer {
box-shadow: 0 -2px 3px 0 rgba(238, 238, 238, 0.4), 0 1px 0 rgba(0, 0, 0, 0.08) inset, 1px 0 0 rgba(0, 0, 0, 0.08) inset, -1px 0 0 rgba(0, 0, 0, 0.08) inset;
}
.site-boxed .site-footer-bottom-bar {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset, 1px 0 0 rgba(0, 0, 0, 0.08) inset, -1px 0 0 rgba(0, 0, 0, 0.08) inset;
}
.content-boxed .site-boxed .site-footer {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset;
}
.content-boxed .site-boxed .site-footer-bottom-bar {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset;
}
@media only screen and (max-width: 782px) {
.site-footer .site-footer-widgets .site-container > ul {
display: block;
}
.site-footer .site-footer-widgets .site-container > ul > li {
padding: 10px 0 30px;
width: 100%;
float: none;
display: block;
}
.site-footer .site-footer-widgets .site-container > ul > li:first-child {
padding: 10px 0 30px;
}
.site-footer .site-footer-widgets .site-container > ul > li:last-child {
padding: 10px 0 10px;
}
.site-footer-bottom-bar-left,
.site-bottombar-switch .site-footer-bottom-bar-left {
float: none;
text-align: center;
padding: 10px 0 3px;
}
.site-footer-bottom-bar-right,
.site-bottombar-switch .site-footer-bottom-bar-right {
float: none;
text-align: center;
padding: 3px 0 12px;
}
}@media screen and ( min-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 32px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 143px!important;
}
}
@media screen and ( max-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 46px!important;
}
body.admin-bar .mob-menu-header-banner {
top: 0px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 157px!important;
}
body.admin-bar  .mob-menu-slideout .mobmenu-search-holder {
top: 111px!important;
}
}
@media screen and ( max-width: 479px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 5%;
}
}
@media screen and ( max-width: 782px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 10%;
}
}
@media screen and ( min-width: 782px ) {
#mobmenu-footer li:hover {
background-color: ;
}
#mobmenu-footer li:hover i {
color: ;
}
}
@media only screen and (min-width:948px){
.mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel  {
display: none!important;
}
} @media only screen and (max-width:947px){
#main-navigation {
display:none !important;
}
}
@media only screen and (max-width:947px) {
.mobmenur-container i {
color: #000000;
}
.mobmenul-container i {
color: #000000;
}
.mobmenul-container img {
max-height:  111px;
float: left;
}
.mobmenur-container img {
max-height:  111px;
float: right;
}
.mob-expand-submenu i {
font-size: 22px;
}
#mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
color: #222;
}
.mob-cancel-button {
font-size: 30px!important;
} .mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a:hover {
color: #ccc;
} .mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover {
background-color: #666;
}
.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
background-color: #d8bf1e;
}
.mobmenu-content #mobmenuright li:hover  {
background-color: #d8bf1e ;
} .mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
background-color: #666;
} .mobmenu-content #mobmenuright .sub-menu  .sub-menu li a:hover {
color: #ccc;
}
.mobmenu-content #mobmenuleft .sub-menu {
background-color: #828282 ;
margin: 0;
color: #ffffff ;
width: 100%;
position: initial;
height: 100%;
}
.mob-menu-left-bg-holder {
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size:  cover;
-moz-background-size: cover;
background-size: cover;
}
.mob-menu-right-bg-holder { 
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size:  cover;
}
.mobmenu-content #mobmenuleft .sub-menu a {
color: #ffffff ;
}
.mobmenu-content #mobmenuright .sub-menu  a {
color: #ffffff ;
}
.mobmenu-content #mobmenuright .sub-menu .sub-menu {
background-color: inherit;
}
.mobmenu-content #mobmenuright .sub-menu {
background-color: #595959 ;
margin: 0;
color: #ffffff ;
position: initial;
width: 100%;
}
#mobmenuleft li:hover a, #mobmenuleft li:hover i {
color: #fff;
}
#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
color: #222 ;
}
#mobmenuright li a:hover {
color: #fff ;
}
.mobmenul-container {
top: 5px;
margin-left: 5px;
margin-top: 39px;
height: 111px;
float: left;
}
.mobmenur-container {
top: 5px;
margin-right: 5px;
margin-top: 39px;
}
.mob-menu-logo-holder {
margin-top:   39px;
text-align:   center;
margin-left:  0;
margin-right: 0;
height:       111px;
}
.mob-menu-header-holder {
width:  100% ;
background-color: #fbfbfb ;
height: 111px ;
position:fixed;
}
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
padding-top: 111px;
}
.mobmenul-container, .mobmenur-container{
position: absolute; 
}
.mobmenu-left-panel {
background-color:#e2e2e2;;
width:  270px;  
}
.mobmenu-right-panel {
background-color:#e8e8e8;		width:  270px; 
}
.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay  {
background: rgba(255,255,255,0.78);
}
.mob-menu-slideout-top .mobmenu-overlay {
display:none!important;
}
.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {
-webkit-transform: translateX(270px);
-moz-transform: translateX(270px);
-ms-transform: translateX(270px);
-o-transform: translateX(270px);
transform: translateX(270px);
}
.mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder {
-webkit-transform: translateX(-270px);
-moz-transform: translateX(-270px);
-ms-transform: translateX(-270px);
-o-transform: translateX(-270px);
transform: translateX(-270px);
}
.mob-menu-slideout-top .mobmenu-panel {
width:  100%;
height: 100%;
z-index: 1;
position: fixed;
left: 0px;
top: 0px;
max-height: 100%;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel  {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
z-index: 300000;
}
.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel {
overflow: hidden;
}
.show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel {
z-index: 300000;
} .mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel {
position: fixed;
top: 0;
height: 100%;
overflow-y: auto;
overflow-x: auto;
z-index: 10000;
opacity: 1;
} .mobmenu .headertext { 
color: #222 ;
text-decoration: none;
}
.headertext span {
position: initial;
line-height: 111px;
}
.mobmenu-search-holder {
top: 111px;
}  body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top  {
overflow-x: hidden;
}
.mobmenu-left-panel li a, .leftmbottom, .leftmtop{
padding-left: 0%;
padding-right: 0%;
}
.mobmenu-content li > .sub-menu li {
padding-left: calc(0*1%);
}
.mobmenu-right-panel li, .rightmbottom, .rightmtop{
padding-left: 0%;
padding-right: 0%;
}
.mobmenul-container i {
line-height: 16px;
font-size: 16px;
float: left;
}
.left-menu-icon-text {
float: left;
line-height: 16px;
color: #222;
}
.mobmenu-left-panel .mobmenu-display-name {
color: #222;
}
.right-menu-icon-text {
float: right;
line-height: 30px;
color: #222;
}
.mobmenur-container i {
line-height: 30px;
font-size: 30px;
float: right;
}
.nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .hide {
display: none!important;
}
.mob-standard-logo {
display: inline-block;
height:73px!important;	}
.mob-retina-logo {
height:73px!important;	}
.mobmenu-content #mobmenuleft > li > a:hover {
background-color: #d8bf1e;
}
.mobmenu-content #mobmenuright > li > a:hover {
background-color: #d8bf1e;
}
.mobmenu-left-panel .mob-cancel-button {
color: #666;
}
.mobmenu-right-panel .mob-cancel-button {
color: #666;
}	
}
.mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field {
font-family:Dosis;
font-size:20px;
font-weight:inherit;
font-style:normal;
letter-spacing:normal;
text-transform:none;
}
.left-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name, .mobmenu-content .mobmenu-tabs-header li {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
.right-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}@font-face {
font-family: 'Dosis';
font-style: normal;
font-weight: 400;
src: url(//www.edufix.fi/www/wp-content/plugins/kanava-site-edufix/inc/../assets/fonts/files/de5c716801697ec4f636455624322249.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Dosis';
font-style: normal;
font-weight: 400;
src: url(//www.edufix.fi/www/wp-content/plugins/kanava-site-edufix/inc/../assets/fonts/files/8225eaa7fe871035104cf4bcd07282bc.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Dosis';
font-style: normal;
font-weight: 400;
src: url(//www.edufix.fi/www/wp-content/plugins/kanava-site-edufix/inc/../assets/fonts/files/39252eed7ecc9b11233d2be1c5c65683.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}#heateor_sss_error{color:red;margin:7px 0}#heateor_sss_sharing_more_providers .filter svg{position:absolute;left:16px;top:18px}div.heateor_sss_sharing_ul a:link,div.heateor_sss_sharing_ul a:focus{text-decoration:none;background:transparent!important}.heateor_sss_login_container{margin:2px 0}.heateor_sss_login_container img,.heateor_sss_sharing_container img{cursor:pointer;margin:2px;border:none}.heateor_sss_login_container img{display:none;float:left}#heateor_sss_loading_image{display:block!important;float:none}.heateor_sss_error{background-color:#ffffe0;border:1px solid #e6db55;padding:5px;margin:10px}#heateor_sss_sharing_more_providers{position:fixed;top:50%;left:47%;background:#fafafa;width:650px;margin:-180px 0 0 -300px;z-index:10000000;text-shadow:none!important;height:308px}#heateor_sss_mastodon_popup_bg,#heateor_sss_popup_bg{background:url(//www.edufix.fi/www/wp-content/plugins/sassy-social-share/images/transparent_bg.png);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000}#heateor_sss_sharing_more_providers .title{font-size:14px!important;height:auto!important;background:#58b8f8!important;border-bottom:1px solid #d7d7d7!important;color:#fff;font-weight:700;letter-spacing:inherit;line-height:34px!important;padding:0!important;text-align:center;text-transform:none;margin:0!important;text-shadow:none!important;width:100%}#heateor_sss_sharing_more_providers *{font-family:Arial,Helvetica,sans-serif}#heateor_sss_sharing_more_providers #heateor_sss_sharing_more_content{background:#fafafa;border-radius:4px;color:#555;height:auto;width:100%}#heateor_sss_sharing_more_providers .filter{margin:0;padding:10px 0 0;position:relative;width:100%}#heateor_sss_sharing_more_providers .all-services{clear:both;height:250px;overflow:auto}#heateor_sss_sharing_more_content .all-services ul{display:block;margin:10px!important;overflow:hidden;list-style:none;padding-left:0!important;position:static!important;width:auto!important}#heateor_sss_sharing_more_content .all-services ul li{padding:0;margin:0 0 0 5px;background:0 0!important;float:left;width:24.1%;text-align:left!important}#heateor_sss_sharing_more_providers .close-button img{margin:0}#heateor_sss_sharing_more_providers .close-button.separated{background:0 0!important;border:none!important;box-shadow:none!important;width:auto!important;height:auto!important;z-index:1000}#heateor_sss_sharing_more_providers .close-button{height:auto!important;width:auto!important;left:auto!important;display:block!important;color:#555!important;cursor:pointer!important;font-size:29px!important;line-height:29px!important;margin:0!important;padding:0!important;position:absolute;right:-16px;top:-16px}#heateor_sss_sharing_more_providers .filter input.search{width:96%;display:block;float:none;font-family:"open sans","helvetica neue",helvetica,arial,sans-serif;font-weight:300;height:auto;line-height:inherit;margin:0 11px;padding:5px 8px 5px 27px!important;border:1px solid #ccc!important;color:#000;background:#fff!important;font-size:16px!important;text-align:left!important;max-width:-webkit-fill-available;line-height:1}#heateor_sss_sharing_more_providers .footer-panel{background:#fff;border-top:1px solid #d7d7d7;padding:6px 0;width:100%;color:#fff}#heateor_sss_sharing_more_providers .footer-panel p{background-color:transparent;top:0;text-align:left!important;color:#000;font-family:'helvetica neue',arial,helvetica,sans-serif;font-size:12px;line-height:1.2;margin:0!important;padding:0 6px!important;text-indent:0!important}#heateor_sss_sharing_more_providers .footer-panel a{color:#fff;text-decoration:none;font-weight:700;text-indent:0!important}#heateor_sss_sharing_more_providers .all-services ul li a span{width:51%}#heateor_sss_sharing_more_providers .all-services ul li a{border-radius:3px;color:#666!important;display:block;font-size:12px;height:auto;line-height:20px;overflow:hidden;padding:8px 8px 8px 1px;text-decoration:none!important;text-overflow:ellipsis;white-space:nowrap;border:none!important;text-indent:0!important;background:0 0!important;text-shadow:none}.heateor_sss_share_count{display:block;text-indent:0!important;visibility:hidden;background-color:#58b8f8!important;width:5px;height:auto;text-align:center;min-width:8px!important;padding:1px 4px!important;color:#fff!important;font-family:'Open Sans',arial,sans-serif!important;font-size:10px!important;font-weight:600!important;-webkit-border-radius:15px!important;border-radius:15px!important;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4);box-shadow:0 2px 2px rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(0,0,0,.2);line-height:14px!important;border:2px solid #fff!important;z-index:1;margin:2px auto!important;box-sizing:content-box!important}.heateor_sss_share_count,.heateor_sss_vertical_sharing{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}div.heateor_sss_follow_ul,div.heateor_sss_sharing_ul{padding-left:0!important;margin:1px 0!important}#heateor_sss_mastodon_popup_close img,#heateor_sss_sharing_popup_close img{opacity:1!important;background:0 0!important;border:none!important;outline:0!important;box-shadow:none!important;width:auto!important;height:auto!important;top:inherit!important;right:inherit!important;left:9px!important;padding:0!important}div.heateor_sss_follow_ul .heateorSssSharingRound,div.heateor_sss_sharing_ul .heateorSssSharingRound{background:0 0!important}.heateor_sss_square_count{display:none;text-align:center;font-weight:bolder;font-family:sans-serif;font-style:normal;font-size:.6em;visibility:hidden}div.heateor_sss_follow_ul a,div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a{float:left;padding:0!important;list-style:none!important;border:none!important;margin:2px}.heateorSssSharing,.heateorSssSharingButton{display:block;cursor:pointer;margin:2px}div.heateor_sss_follow_ul a:before,div.heateor_sss_sharing_ul a:before{content:none!important}div.heateor_sss_follow_ul a{width:auto}.heateor_sss_vertical_sharing{background:0 0;-webkit-box-shadow:0 1px 4px 1px rgba(0,0,0,.1);box-shadow:0 1px 4px 1px rgba(0,0,0,.1);position:fixed;overflow:visible;z-index:10000000;display:block;padding:10px;border-radius:4px;opacity:1;box-sizing:content-box!important}div.heateor_sss_horizontal_counter li.heateor_sss_facebook_share,div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_share{width:96px}li.heateor_sss_facebook_like .fb-like span,li.heateor_sss_facebook_recommend .fb-like span,li.heateor_sss_facebook_share .fb-share-button span{vertical-align:top!important}li.heateor_sss_facebook_like .fb-like span iframe,li.heateor_sss_facebook_recommend .fb-like span iframe{max-width:none!important;z-index:1000}.heateor_sss_counter_container li{height:21px}.heateorSssTCBackground:hover{border-width:0!important;background-color:transparent}.heateorSssTCBackground{border-width:0!important;background-color:transparent!important;font-style:normal;word-wrap:normal;color:#666;line-height:1;visibility:hidden}.heateorSssSharingSvg{width:100%;height:100%}.heateorSssSharing{float:left;border:none}.heateorSssSharingArrow{height:16px;width:16px;cursor:pointer;margin-top:10px}.heateorSssPushIn{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cpath%20d%3D%22M%207%206%20q%202%206%2010%206%20v%20-6%20l%206%209%20l%20-6%209%20v%20-6%20q%20-10%202%20-10%20-12%22%20stroke-width%3D%221%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.heateorSssPullOut{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cpath%20d%3D%22M%2023%206%20q%20-2%206%20-10%206%20v%20-6%20l%20-6%209%20l%206%209%20v%20-6%20q%2010%202%2010%20-12%22%20stroke-width%3D%221%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.heateorSssCommentingTabs li{padding-left:0!important;float:left;margin:0 1em 0 0 !important;list-style:none;color:#aaa;display:block;cursor:pointer;font-size:.85em}div.heateorSssTotalShareCount{word-wrap:normal!important;font-weight:bolder;font-family:sans-serif;padding:0;margin:0;text-align:center}div.heateorSssTotalShareText{word-wrap:normal!important;margin:0;padding:0;text-align:center}div.heateor_sss_horizontal_sharing li{width:auto}div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_like{width:91px}div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_recommend{width:145px}div.heateor_sss_horizontal_sharing li.heateor_sss_twitter_tweet{width:95px}div.heateor_sss_horizontal_sharing li.heateor_sss_linkedin_share span{vertical-align:text-top!important}div.heateor_sss_horizontal_sharing li.heateor_sss_linkedin_share{width:96px}div.heateor_sss_horizontal_sharing li.heateor_sss_buffer_share{width:108px}div.heateor_sss_horizontal_sharing li.heateor_sss_reddit_badge{width:130px}div.heateor_sss_horizontal_sharing li.heateor_sss_yummly{width:106px}div.heateor_sss_horizontal_sharing li.heateor_sss_pinterest_pin{width:76px}div.heateor_sss_horizontal_sharing li.heateor_sss_xing{width:98px}.heateor_sss_sharing_container a{padding:0!important;box-shadow:none!important;border:none!important}.heateorSssClear{clear:both}div.course_instructor_widget .heateor_sss_vertical_sharing{display:none!important}@media screen and (max-width:783px){#heateor_sss_sharing_more_providers{width:80%;left:60%;margin-left:-50%;text-shadow:none!important}}@media screen and (max-width:752px){#heateor_sss_sharing_more_content .all-services ul li{width:32.1%}}@media screen and (max-width:590px){#heateor_sss_sharing_more_content .all-services ul li{width:48.1%}#heateor_sss_sharing_more_providers .filter input.search{width:93%}}@media screen and (max-width:413px){#heateor_sss_sharing_more_content .all-services ul li{width:100%}}div.heateor_sss_bottom_sharing{margin-bottom:0}div.heateor_sss_sharing_container a:before,div.heateor_sss_follow_icons_container a:before{content:none}.heateor_sss_mastodon_popup_button{background:linear-gradient(#ec1b23,#d43116);padding:8px 0 10px;font-size:18px;border:0;color:#fff;border-radius:8px;margin:4px auto;font-weight:bolder;width:35%;cursor:pointer;border-bottom-style:groove;border-bottom-width:5px;border-bottom-color: rgb(0,0,0,.2)}@media screen and (max-width: 783px)#heateor_sss_sharing_more_providers .filter input.search{border:1px solid #ccc;width:92.8%}div.heateor_sss_follow_icons_container svg,div.heateor_sss_sharing_container svg{width:100%;height:100%}