/** * Deprecated * Fallback for bourbon equivalent */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Use bourbon mixin instead `@include transform(scale(1.5));` */ /** * Deprecated * Use bourbon mixin instead `@include box-sizing(border-box);` */ /** * Objects */ /** * WooCommerce CSS Variables */ /** * _animation.scss * Custom WooCommerce Animations. @include keyframes( spin ) { 100% { @include transform( rotate(360deg) ); } } */ /** * _fonts.scss * Custom WooCommerce fonts. */ @font-face { font-family: "star"; src: url("../fonts/star.eot"); src: url("../fonts/star.eot?#iefix") format("embedded-opentype"), url("../fonts/star.woff") format("woff"), url("../fonts/star.ttf") format("truetype"), url("../fonts/star.svg#star") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "WooCommerce"; src: url("../fonts/WooCommerce.eot"); src: url("../fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("../fonts/WooCommerce.woff") format("woff"), url("../fonts/WooCommerce.ttf") format("truetype"), url("../fonts/WooCommerce.svg#WooCommerce") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; margin: 0 0 -4px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; padding: 0; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin: 0; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[data-selected], .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #ccc; border-radius: 4px; min-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 27px; font-size: 0.8rem; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 28px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; margin: 5px 5px 0 0; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li:before { content: ""; display: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[data-selected=true], .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[data-selected], .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #0073aa; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #0073aa; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 32px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 28px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #0073aa; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #0073aa; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #0073aa; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[data-selected], .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #0073aa; } .woocommerce-account .woocommerce { *zoom: 1; display: flex; flex-wrap: wrap; } .woocommerce-account .woocommerce:before, .woocommerce-account .woocommerce:after { content: " "; display: table; } .woocommerce-account .woocommerce:after { clear: both; } .woocommerce-account .addresses .title { *zoom: 1; } .woocommerce-account .addresses .title:before, .woocommerce-account .addresses .title:after { content: " "; display: table; } .woocommerce-account .addresses .title:after { clear: both; } .woocommerce-account .addresses .title h3 { float: left; } .woocommerce-account .addresses .title .edit { float: right; } .woocommerce-account ol.commentlist.notes li.note p.meta { font-weight: 700; margin-bottom: 0; } .woocommerce-account ol.commentlist.notes li.note .description p:last-child { margin-bottom: 0; } .woocommerce-account ul.digital-downloads { margin-left: 0; padding-left: 0; } .woocommerce-account ul.digital-downloads li { list-style: none; margin-left: 0; padding-left: 0; } .woocommerce-account ul.digital-downloads li:before { font-family: "WooCommerce"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: 0.618em; content: "\e00a"; text-decoration: none; } .woocommerce-account ul.digital-downloads li .count { float: right; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; text-align: center; } @media (max-width: 768px) { .woocommerce-account .woocommerce-MyAccount-navigation { order: 1; } } .woocommerce-account .woocommerce-MyAccount-navigation ul { padding-left: 0; list-style-type: none; } @media (min-width: 768px) { .woocommerce-account .woocommerce-MyAccount-navigation ul { margin-right: -1rem; margin-left: -1rem; } } .woocommerce-account .woocommerce-MyAccount-navigation ul li { display: inline-block; padding: 1rem; margin-bottom: 0; } @media (max-width: 768px) { .woocommerce-account .woocommerce-MyAccount-navigation ul li { display: block; width: 100%; } } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { color: black; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active { border: 2px solid #a46497; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { color: #a46497; } .woocommerce-account .woocommerce-MyAccount-content { width: 100%; padding: 1rem; } .woocommerce-account .site-header { border: none; } .woocommerce-account .default-header { background: #f3f3f3; padding: 2rem; } .woocommerce-MyAccount-navigation-link--customer-logout { background-color: #F44336; } .woocommerce-MyAccount-navigation-link--customer-logout a { color: white !important; } .woocommerce .container, .woocommerce-account .container { width: 62rem; max-width: 100%; } .woocommerce-breadcrumb { *zoom: 1; margin: 0 0 1em; padding: 0; font-size: 0.7rem; color: #777; text-align: left; } .woocommerce-breadcrumb:before, .woocommerce-breadcrumb:after { content: " "; display: table; } .woocommerce-breadcrumb:after { clear: both; } .woocommerce-breadcrumb a { color: #777; } .woocommerce-breadcrumb.right { text-align: right; } .single-product .woocommerce-breadcrumb { text-align: left; } .woocommerce-cart .site-header, .woocommerce-checkout .site-header, #add_payment_method .site-header { border: none; } .woocommerce-cart .default-header, .woocommerce-checkout .default-header, #add_payment_method .default-header { background: #f3f3f3; padding: 2rem; } .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail, #add_payment_method table.cart .product-thumbnail { min-width: 64px; max-width: 64px; } .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img, #add_payment_method table.cart img { width: 100%; box-shadow: none; border: 2px solid white; } .woocommerce-cart table.cart th, .woocommerce-cart table.cart td, .woocommerce-checkout table.cart th, .woocommerce-checkout table.cart td, #add_payment_method table.cart th, #add_payment_method table.cart td { vertical-align: middle; } .woocommerce-cart table.cart td.actions, .woocommerce-checkout table.cart td.actions, #add_payment_method table.cart td.actions { padding: 1rem 0; } .woocommerce-cart table.cart td.actions .coupon, .woocommerce-checkout table.cart td.actions .coupon, #add_payment_method table.cart td.actions .coupon { border: 1px solid #eeeeee; } .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, #add_payment_method table.cart td.actions .coupon .input-text { float: left; box-sizing: border-box; margin: 0 4px 0 0; line-height: 1; margin-right: -1px; border: none; } .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input, #add_payment_method table.cart input { margin: 0; vertical-align: middle; line-height: 1; } .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout, #add_payment_method .wc-proceed-to-checkout { *zoom: 1; padding: 1em 0; } .woocommerce-cart .wc-proceed-to-checkout:before, .woocommerce-cart .wc-proceed-to-checkout:after, .woocommerce-checkout .wc-proceed-to-checkout:before, .woocommerce-checkout .wc-proceed-to-checkout:after, #add_payment_method .wc-proceed-to-checkout:before, #add_payment_method .wc-proceed-to-checkout:after { content: " "; display: table; } .woocommerce-cart .wc-proceed-to-checkout:after, .woocommerce-checkout .wc-proceed-to-checkout:after, #add_payment_method .wc-proceed-to-checkout:after { clear: both; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, #add_payment_method .wc-proceed-to-checkout a.checkout-button { text-align: center; margin-bottom: 1rem; background-color: #a46497; color: white; padding: 1em; } .woocommerce-cart .cart-collaterals .shipping_calculator .button, .woocommerce-checkout .cart-collaterals .shipping_calculator .button, #add_payment_method .cart-collaterals .shipping_calculator .button { width: 100%; float: none; display: block; } .woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button:after, .woocommerce-checkout .cart-collaterals .shipping_calculator .shipping-calculator-button:after, #add_payment_method .cart-collaterals .shipping_calculator .shipping-calculator-button:after { font-family: "WooCommerce"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: 0.618em; content: "\e019"; text-decoration: none; } .woocommerce-cart .cart-collaterals .cart_totals p small, .woocommerce-checkout .cart-collaterals .cart_totals p small, #add_payment_method .cart-collaterals .cart_totals p small { color: #777; font-size: 0.83em; } .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table, #add_payment_method .cart-collaterals .cart_totals table { margin-top: 2rem; padding: 0; } .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td, #add_payment_method .cart-collaterals .cart_totals table tr:first-child th, #add_payment_method .cart-collaterals .cart_totals table tr:first-child td { border-top: 0; } .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table th, #add_payment_method .cart-collaterals .cart_totals table th { width: 40%; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th, #add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th { vertical-align: top; border-left: 0; border-right: 0; line-height: 1.5em; } .woocommerce-cart .cart-collaterals .cart_totals table small, .woocommerce-checkout .cart-collaterals .cart_totals table small, #add_payment_method .cart-collaterals .cart_totals table small { color: #777; } .woocommerce-cart .cart-collaterals .cart_totals table select, .woocommerce-checkout .cart-collaterals .cart_totals table select, #add_payment_method .cart-collaterals .cart_totals table select { width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals .discount td, .woocommerce-checkout .cart-collaterals .cart_totals .discount td, #add_payment_method .cart-collaterals .cart_totals .discount td { color: #77a464; } .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th, #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th { border-top: 1px solid #ebe9eb; } .woocommerce-cart .cart-collaterals .cross-sells div.products div.product, .woocommerce-checkout .cart-collaterals .cross-sells div.products div.product, #add_payment_method .cart-collaterals .cross-sells div.products div.product { margin-top: 0; } .woocommerce-cart .checkout, .woocommerce-checkout .checkout, #add_payment_method .checkout { padding: 1rem; max-width: none; } .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address, #add_payment_method .checkout .col-2 h3#ship-to-different-address { float: left; clear: none; } .woocommerce-cart .checkout .col-2 .notes, .woocommerce-checkout .checkout .col-2 .notes, #add_payment_method .checkout .col-2 .notes { clear: left; } .woocommerce-cart .checkout .col-2 .form-row-first, .woocommerce-checkout .checkout .col-2 .form-row-first, #add_payment_method .checkout .col-2 .form-row-first { clear: left; } .woocommerce-cart .checkout .create-account small, .woocommerce-checkout .checkout .create-account small, #add_payment_method .checkout .create-account small { font-size: 11px; color: #777; font-weight: normal; } .woocommerce-cart .checkout div.shipping-address, .woocommerce-checkout .checkout div.shipping-address, #add_payment_method .checkout div.shipping-address { padding: 0; clear: left; width: 100%; } .woocommerce-cart .checkout .shipping_address, .woocommerce-checkout .checkout .shipping_address, #add_payment_method .checkout .shipping_address { clear: both; } .woocommerce-cart #payment, .woocommerce-checkout #payment, #add_payment_method #payment { border-radius: 5px; } .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods, #add_payment_method #payment ul.payment_methods { *zoom: 1; text-align: left; padding: 0; margin: 0; list-style: none outside; } .woocommerce-cart #payment ul.payment_methods:before, .woocommerce-cart #payment ul.payment_methods:after, .woocommerce-checkout #payment ul.payment_methods:before, .woocommerce-checkout #payment ul.payment_methods:after, #add_payment_method #payment ul.payment_methods:before, #add_payment_method #payment ul.payment_methods:after { content: " "; display: table; } .woocommerce-cart #payment ul.payment_methods:after, .woocommerce-checkout #payment ul.payment_methods:after, #add_payment_method #payment ul.payment_methods:after { clear: both; } .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li, #add_payment_method #payment ul.payment_methods li { line-height: 2; text-align: left; margin: 0; margin-bottom: 2rem; font-weight: normal; *zoom: 1; } .woocommerce-cart #payment ul.payment_methods li:before, .woocommerce-cart #payment ul.payment_methods li:after, .woocommerce-checkout #payment ul.payment_methods li:before, .woocommerce-checkout #payment ul.payment_methods li:after, #add_payment_method #payment ul.payment_methods li:before, #add_payment_method #payment ul.payment_methods li:after { content: " "; display: table; } .woocommerce-cart #payment ul.payment_methods li:after, .woocommerce-checkout #payment ul.payment_methods li:after, #add_payment_method #payment ul.payment_methods li:after { clear: both; } .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input, #add_payment_method #payment ul.payment_methods li input { margin: 0 1em 0 0; } .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img, #add_payment_method #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 0.5em; padding: 0; position: relative; box-shadow: none; } .woocommerce-cart #payment ul.payment_methods li img + img, .woocommerce-checkout #payment ul.payment_methods li img + img, #add_payment_method #payment ul.payment_methods li img + img { margin-left: 2px; } .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row, #add_payment_method #payment div.form-row { padding: 0; } .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box, #add_payment_method #payment div.payment_box { position: relative; box-sizing: border-box; width: 100%; font-size: 1rem; border-radius: 2px; line-height: 1.5; color: #515151; } .woocommerce-cart #payment div.payment_box input.input-text, .woocommerce-cart #payment div.payment_box textarea, .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea, #add_payment_method #payment div.payment_box input.input-text, #add_payment_method #payment div.payment_box textarea { border-color: #c7c1c6; border-top-color: #bbb3b9; } .woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder, .woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder, #add_payment_method #payment div.payment_box ::-webkit-input-placeholder { color: #bbb3b9; } .woocommerce-cart #payment div.payment_box :-moz-placeholder, .woocommerce-checkout #payment div.payment_box :-moz-placeholder, #add_payment_method #payment div.payment_box :-moz-placeholder { color: #bbb3b9; } .woocommerce-cart #payment div.payment_box :-ms-input-placeholder, .woocommerce-checkout #payment div.payment_box :-ms-input-placeholder, #add_payment_method #payment div.payment_box :-ms-input-placeholder { color: #bbb3b9; } .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods { list-style: none outside; margin: 0; } .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new { margin: 0 0 0.5em 0; } .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label { cursor: pointer; } .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput { vertical-align: middle; margin: -3px 1em 0 0; position: relative; } .woocommerce-cart #payment div.payment_box .wc-credit-card-form, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form, #add_payment_method #payment div.payment_box .wc-credit-card-form { border: 0; padding: 0; margin: 1em 0 0; } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc { font-size: 1.5em; padding: 8px; background-repeat: no-repeat; background-position: right 0.618em center; background-size: 32px 20px; } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa { background-image: url(../images/icons/credit-cards/visa.svg); } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard { background-image: url(../images/icons/credit-cards/mastercard.svg); } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser { background-image: url(../images/icons/credit-cards/laser.svg); } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub { background-image: url(../images/icons/credit-cards/diners.svg); } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro { background-image: url(../images/icons/credit-cards/maestro.svg); } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb { background-image: url(../images/icons/credit-cards/jcb.svg); } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex { background-image: url(../images/icons/credit-cards/amex.svg); } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover { background-image: url(../images/icons/credit-cards/discover.svg); } .woocommerce-cart #payment div.payment_box span.help, .woocommerce-checkout #payment div.payment_box span.help, #add_payment_method #payment div.payment_box span.help { font-size: 0.857em; color: #777; font-weight: normal; } .woocommerce-cart #payment div.payment_box .form-row, .woocommerce-checkout #payment div.payment_box .form-row, #add_payment_method #payment div.payment_box .form-row { margin: 0 0 1em; } .woocommerce-cart #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child, #add_payment_method #payment div.payment_box p:last-child { margin-bottom: 0; } .woocommerce-cart #payment div.payment_box p, .woocommerce-checkout #payment div.payment_box p, #add_payment_method #payment div.payment_box p { font-size: 0.75rem; } .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal, #add_payment_method #payment .payment_method_paypal .about_paypal { float: right; line-height: 52px; font-size: 0.83em; } .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img, #add_payment_method #payment .payment_method_paypal img { max-height: 52px; vertical-align: middle; } .order_details { *zoom: 1; margin: 0 0 1.5em; list-style: none; padding-left: 0; } .order_details:before, .order_details:after { content: " "; display: table; } .order_details:after { clear: both; } .order_details li { float: left; margin-right: 2em; text-transform: uppercase; font-size: 0.715em; line-height: 1; border-right: 1px dashed #d3ced2; padding-right: 2em; margin-left: 0; padding-left: 0; list-style-type: none; } .order_details li strong { display: block; font-size: 1.4em; text-transform: none; line-height: 1.5; } .order_details li:last-of-type { border: none; } table.cart img, #content table.cart img { height: auto; } table.cart td.actions, #content table.cart td.actions { text-align: right; } table.cart td.actions .input-text, #content table.cart td.actions .input-text { width: 160px; } table.cart td.actions .coupon, #content table.cart td.actions .coupon { float: left; } table.cart td.actions .coupon label, #content table.cart td.actions .coupon label { display: none; } .cart-collaterals { *zoom: 1; width: 100%; } .cart-collaterals:before, .cart-collaterals:after { content: " "; display: table; } .cart-collaterals:after { clear: both; } .cart-collaterals .related { width: 30.75%; float: left; } .cart-collaterals .cross-sells { width: 48%; float: left; } .cart-collaterals .cross-sells div.products { float: none; } .cart-collaterals .cross-sells div.products li { width: 48%; } .cart-collaterals .shipping_calculator { width: 48%; *zoom: 1; clear: right; float: right; } .cart-collaterals .shipping_calculator:before, .cart-collaterals .shipping_calculator:after { content: " "; display: table; } .cart-collaterals .shipping_calculator:after { clear: both; } .cart-collaterals .shipping_calculator .col2-set .col-1, .cart-collaterals .shipping_calculator .col2-set .col-2 { width: 47%; } #place-order { margin-bottom: 1rem; } .woocommerce-checkout #payment .payment_method_stripe label[for=payment_method_stripe] { padding-left: 0 !important; } .wc_payment_method { padding-left: 2rem; position: relative; } .wc_payment_method input[type=radio] { display: none; } /* Create a custom checkbox */ .wc_payment_method > label:before { position: absolute; content: ""; left: 0; top: 8px; background-color: #eee; cursor: pointer; width: 24px; height: 24px; font-size: 22px; } /* On mouse-over, add a grey background color */ .wc_payment_method:hover input[type=radio] ~ label:before { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .wc_payment_method input[type=radio]:checked ~ label:before { background-color: #2196F3; } /* Create the checkmark/indicator (hidden when not checked) */ .wc_payment_method > label:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .wc_payment_method input[type=radio]:checked ~ label:after { display: block; } /* Style the checkmark/indicator */ .wc_payment_method label:after { left: 9px; top: 14px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); } .woocommerce-checkout-payment .button { width: 100%; } form .form-row { padding: 0.5rem 1rem; margin: 0 0 6px; flex-basis: 100%; } @media (min-width: 768px) { form .form-row { flex-basis: 50%; } } form .form-row [placeholder]:focus::-webkit-input-placeholder { transition: opacity 0.5s 0.5s ease; opacity: 0; } form .form-row label { line-height: 2; font-size: 0.75rem; color: black; } form .form-row label.hidden { visibility: hidden; } form .form-row label.inline { display: inline; } form .form-row select { cursor: pointer; margin: 0; } form .form-row .required { color: red; font-weight: 700; border: 0; } form .form-row .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; } form .form-row input.input-text, form .form-row textarea { box-sizing: border-box; width: 100%; margin: 0; line-height: 1; } form .form-row textarea { height: 4em; line-height: 1.5; display: block; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } form .form-row .select2-container { width: 100%; line-height: 2em; } form .form-row.woocommerce-invalid label { color: #a00; } form .form-row.woocommerce-invalid .select2-container, form .form-row.woocommerce-invalid input.input-text, form .form-row.woocommerce-invalid select { border-color: #a00; } form .form-row.woocommerce-validated .select2-container, form .form-row.woocommerce-validated input.input-text, form .form-row.woocommerce-validated select { border-color: #69bf29; } form .form-row ::-webkit-input-placeholder { line-height: normal; } form .form-row :-moz-placeholder { line-height: normal; } form .form-row :-ms-input-placeholder { line-height: normal; } form.login, form.checkout_coupon, form.register { border: 1px solid #d3ced2; padding: 1.5rem; margin: 2rem 0 2rem 0; text-align: left; border-radius: 5px; display: block; margin: 0 auto; } ul#shipping_method { list-style: none outside; margin: 0; padding: 0; } ul#shipping_method li { margin: 0; padding: 0.25rem 0 0.25rem 22px; text-indent: -22px; list-style: none outside; } ul#shipping_method li input { margin: 3px 0.5ex; } ul#shipping_method li label { display: inline; } ul#shipping_method .amount { font-weight: 700; } p.woocommerce-shipping-contents { margin: 0; } .woocommerce-checkout .wrapper { background-color: white; padding: 1rem; border: 1px solid #a4a4a4; } .woocommerce-checkout #content-wrapper { margin-top: 2rem; padding-bottom: 0; background-color: transparent; } @media (min-width: 1024px) { form.checkout #customer_details { flex-basis: 60%; max-width: 60%; padding-right: 1rem; } form.checkout #order_review { flex-basis: 40%; max-width: 40%; padding-left: 1rem; } } form.checkout input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=file]), form.checkout select, form.checkout textarea { padding: 0.25rem; font-size: 0.8rem; } .woocommerce-billing-fields h3, .woocommerce-checkout-review-order h3 { margin-top: 0; } #customer_details, #order_review { width: 100%; margin-bottom: 1rem; } .woocommerce-form-login h3 { margin-top: 0; margin-bottom: 1rem; } .woocommerce-message, .woocommerce-error, .woocommerce-info { padding: 1rem 2rem 1rem 3.5rem !important; margin: 0; margin-bottom: 1rem; position: relative; background-color: #f7f6f7; color: #515151; border-top: 3px solid #a46497; list-style: none outside !important; *zoom: 1; width: auto; word-wrap: break-word; } .woocommerce-message:before, .woocommerce-message:after, .woocommerce-error:before, .woocommerce-error:after, .woocommerce-info:before, .woocommerce-info:after { content: " "; display: table; } .woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after { clear: both; } .woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before { font-family: "WooCommerce"; content: "\e028"; display: inline-block; position: absolute; top: 1em; left: 1.5em; } .woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button { float: right; margin: 0; font-size: 13px; padding: 0.25rem 0.5rem; } .woocommerce-message li, .woocommerce-error li, .woocommerce-info li { list-style: none outside !important; padding-left: 0 !important; margin-left: 0 !important; } .woocommerce-message { border-top-color: #8fae1b; } .woocommerce-message:before { content: "\e015"; color: #8fae1b; } .woocommerce-message .button { background: #8fae1b; color: white; } .woocommerce-info { border-top-color: #1e85be; } .woocommerce-info:before { color: #1e85be; } .woocommerce-error { border-top-color: #b81c23; } .woocommerce-error:before { content: "\e016"; color: #b81c23; } .woocommerce-NoticeGroup { width: 100%; } .woocommerce-pagination { display: block; padding-left: 0; margin-top: 1rem; margin-bottom: 1rem; border-radius: 0.25rem; *zoom: 1; } .woocommerce-pagination:before, .woocommerce-pagination:after { content: " "; display: table; } .woocommerce-pagination:after { clear: both; } .woocommerce-pagination ul, .woocommerce-pagination ul li { display: inline-block; margin-bottom: 0; } .woocommerce-pagination li:first-child span { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .woocommerce-pagination li:first-child a, .woocommerce-pagination li:first-child span { border-top-right-radius: 0; border-bottom-right-radius: 0; } .woocommerce-pagination a, .woocommerce-pagination span { position: relative; float: left; padding: 0.5rem 0.75rem; line-height: 1.5; color: #333; text-decoration: none; background-color: #fff; border: 1px solid #ddd; font-size: 12px; text-transform: uppercase; } .woocommerce-pagination a:focus, .woocommerce-pagination a:hover { background-color: #eceeef; border-color: #ddd; } .woocommerce-pagination span.current, .woocommerce-pagination span.current:focus, .woocommerce-pagination span.current:hover { z-index: 2; cursor: default; background-color: #f5f5f5; border-color: #ddd; } .woocommerce-pagination .next, .woocommerce-pagination .prev { margin-top: 0; } .woocommerce-pagination ul.page-numbers { padding: 0; } .single-product .product-content { display: flex; flex-direction: row; flex-wrap: wrap; } .single-product .product-content .images { max-width: 100%; flex-basis: 100%; position: relative; padding: 1rem; margin-bottom: 0; } @media (min-width: 768px) { .single-product .product-content .images { max-width: 50%; flex-basis: 50%; } } .single-product .product-content .images a { display: block; } .single-product .product-content .thumbnails { *zoom: 1; } .single-product .product-content .thumbnails:before, .single-product .product-content .thumbnails:after { content: " "; display: table; } .single-product .product-content .thumbnails:after { clear: both; } .single-product .product-content .thumbnails a { float: left; width: 100%; margin-bottom: 1em; display: block; } .single-product .product-content .thumbnails a.last { margin-right: 0; } .single-product .product-content .thumbnails a.first { clear: both; } .single-product .product-content .thumbnails.columns-1 a { width: 100%; margin-right: 0; float: none; } .single-product .product-content .thumbnails.columns-2 a { width: 48%; } .single-product .product-content .thumbnails.columns-4 a { width: 22.05%; } .single-product .product-content .thumbnails.columns-5 a { width: 16.9%; } .single-product .product-content .summary { max-width: 100%; flex-basis: 100%; padding: 1rem; } @media (min-width: 768px) { .single-product .product-content .summary { max-width: 50%; flex-basis: 50%; } } .single-product .product-content .woocommerce-Price-amount { font-weight: bold; } .product-content { margin-bottom: 0; position: relative; } .product-content .product-title { clear: none; margin-top: 0; padding: 0; font-weight: 700; font-size: 1.5rem; text-transform: uppercase; margin-bottom: 0.5rem; } .product-content .product-meta a { color: black; text-transform: uppercase; font-size: 0.8rem; } .product-content p { margin-bottom: 1rem; } .product-content .entry-product-description { margin: 3rem 0; max-width: 100%; } .product-content .single_add_to_cart_button { color: white; background: black; width: 100%; max-width: 320px; border: 0; border-radius: 2px; color: #fff; font-size: 0.7rem; font-weight: 400; letter-spacing: 3px; line-height: 1; padding: 1rem; text-transform: uppercase; } .product-content .woocommerce-review-link { color: black; font-size: 0.8rem; } .product-content .woocommerce-main-image { width: 75%; float: right; } @media (max-width: 768px) { .product-content .woocommerce-main-image { width: 100%; } .product-content .thumbnails { display: none; } } .product-content .price { font-size: 2.2rem; color: black; font-weight: 300; font-family: "Arial", sans-serif; line-height: 1.1; margin-bottom: 1rem; display: block; } .product-content .price ins { background: inherit; font-weight: 700; text-decoration: none; } .product-content .price del { opacity: 0.5; font-size: 1rem; } .product-content .related, .product-content .attributes { margin: 1rem 0; max-width: 100%; flex-basis: 100%; padding: 1rem; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .product-content .related h4, .product-content .attributes h4 { font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; margin: 1rem 0; } .product-content .related .product { padding-top: 0; } .product-content .woocommerce-Reviews-title { border-bottom: 1px solid #eee; padding-bottom: 1rem; } .product-content .stock { color: #77a464; font-size: 1rem; text-transform: uppercase; } .product-content .out-of-stock { color: red; } .product-content .woocommerce-product-rating { margin-bottom: 0.5em; } .product-content .images { margin-bottom: 2em; } .product-content .images img { display: block; width: 100%; height: auto; box-shadow: none; } .product-content .images .thumbnails { padding-right: 1em; float: left; width: 25%; } .product-content .social { text-align: right; margin: 0 0 1em; } .product-content .social span { margin: 0 0 0 2px; } .product-content .social span span { margin: 0; } .product-content .social span .stButton .chicklets { padding-left: 16px; width: 0; } .product-content .social iframe { float: left; margin-top: 3px; } .product-content p.cart { margin-bottom: 1em; *zoom: 1; } .product-content p.cart:before, .product-content p.cart:after { content: " "; display: table; } .product-content p.cart:after { clear: both; } .product-content form.cart { margin-bottom: 1em; *zoom: 1; } .product-content form.cart:before, .product-content form.cart:after { content: " "; display: table; } .product-content form.cart:after { clear: both; } .product-content form.cart div.quantity { float: left; margin: 0 4px 0 0; } .product-content form.cart table { border-width: 0 0 1px 0; } .product-content form.cart table td { padding-left: 0; } .product-content form.cart table div.quantity { float: none; margin: 0; } .product-content form.cart table small.stock { display: block; float: none; } .product-content form.cart .variations { margin-bottom: 1em; border: 0; width: 100%; } .product-content form.cart .variations label { font-weight: 700; text-transform: uppercase; color: #7d7d7d; font-size: 0.8rem; } .product-content form.cart .variations .value select { margin-bottom: 0; } .product-content form.cart .woocommerce-variation-description p { margin-bottom: 1em; } .product-content form.cart .reset_variations { visibility: hidden; font-size: 0.8em; color: #7d7d7d; } .product-content form.cart .wc-no-matching-variations { display: none; } .product-content form.cart .button { vertical-align: middle; display: inline-block; width: auto; } @media (max-width: 768px) { .product-content form.cart .button { width: 100%; max-width: 100%; } } .product-content form.cart .group_table td.label { padding-right: 1rem; padding-left: 1rem; } .product-content form.cart .group_table td { vertical-align: top; padding-bottom: 0.5rem; border: 0; } .onsale { position: absolute; top: -10px; right: 0; display: inline-block; text-align: center; color: #fff; background: #D32F2F; font-size: 0.65rem; line-height: 1; padding: 0.5rem; } .wcmenucart-contents { position: relative; } .shopping-cart { width: 16px; position: relative; } .shopping-cart-elements { display: inline-block; margin: 0 0 0 3px; position: absolute; background-color: #ff6900; top: 10px; left: 50%; padding: 1px 5px 1.5px 6px; border-radius: 9px; font-size: 9px; color: #fff; line-height: 12px; } .product_title { margin: 0; margin-bottom: 1rem; font-size: 2.2rem; line-height: 1.2; } .site-header-cart { list-style-type: none; margin-left: 0; padding: 0; margin-bottom: 0; } .site-header-cart .cart-contents { display: none; } .site-header-cart .widget_shopping_cart { display: none; background: white; border: 1px solid #e2e2e2; } .site-header-cart { position: relative; } .site-header-cart .cart-contents { padding: 1.25rem; display: block; position: relative; background-color: transparent; height: auto; width: auto; text-indent: 0; } .site-header-cart .cart-contents .amount { margin-right: 0.327em; } .site-header-cart .cart-contents .count { font-weight: 400; opacity: 0.5; font-size: 0.875em; } .site-header-cart .cart-contents span { display: inline; } .site-header-cart .widget_shopping_cart { position: absolute; padding: 1rem; top: 56px; width: 300px; z-index: 999999; font-size: 0.875em; left: -999rem; display: block; } .site-header-cart .widget_shopping_cart.sub-menu--is-touch-device { display: none; left: 0; } .site-header-cart .widget_shopping_cart h2.widgettitle { display: none; } .site-header-cart.focus .widget_shopping_cart, .site-header-cart:hover .widget_shopping_cart { left: 0; display: block; } .widget_shopping_cart .product_list_widget { margin-bottom: 0; } .widget_shopping_cart .product_list_widget li { position: relative; } .widget_shopping_cart p.buttons, .widget_shopping_cart p.total { padding: 0.5rem 0; margin: 0; text-align: center; } .widget_shopping_cart p.total { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .widget_shopping_cart .buttons .button { display: block; margin-right: 0; } .site-header-cart .widget_shopping_cart a.button { background-color: #eeeeee; border-color: #eeeeee; color: #333333; margin: 0; margin-top: 0.5rem; padding: 0.5rem; } .site-header-cart .widget_shopping_cart a.button.checkout { border-color: #0275d8; background-color: #0275d8; color: white; } .woocommerce-product-gallery__wrapper { margin-bottom: 0; } .woocommerce-product-gallery__image:not(:first-of-type) { max-width: 100%; width: 25%; padding: 0; display: inline-block; } .woocommerce-product-gallery__image:not(:first-of-type) img { margin-bottom: 0; } .tab { width: 100%; } .increase, .decrease { cursor: pointer; padding: 0.5rem; font-size: 1rem; background: #ededed; border: 1px solid #ddd; line-height: 1; display: inline-block; user-select: none; } .quantity-input-number { display: inline-block; } .quantity-input-number input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=file]) { width: 2.5rem; font-size: 14px; padding: 0.5rem; -webkit-appearance: none; margin: 0; text-align: center; } .no-spinners { -moz-appearance: textfield; } .no-spinners::-webkit-outer-spin-button, .no-spinners::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .single-product div.product .woocommerce-product-gallery .zoomImg { background-color: #fff; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 0.875em; right: 0.875em; display: block; height: 2em; width: 2em; border-radius: 3px; z-index: 99; text-align: center; } .single-product div.product .woocommerce-product-gallery img { margin: 0; } .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 1.618em; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:only-child):not(.flex-active-slide) { margin-left: 1px; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { margin: 0; padding: 0; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:before { content: ""; display: table; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after { clear: both; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; cursor: pointer; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: 0.5; -webkit-transition: all, ease, 0.2s; transition: all, ease, 0.2s; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; } .single-product div.product .flex-control-thumbs li { display: inline-block; margin-bottom: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { width: 50%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 33.33%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 25%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 20%; } .single-product div.product .images .woocommerce-main-image { margin-bottom: 1.618em; display: block; } .single-product div.product .images .thumbnails a.zoom { display: block; width: 22.05%; margin-right: 3.8%; float: left; margin-bottom: 1em; } .single-product div.product .images .thumbnails a.zoom.last { margin-right: 0; } .single-product div.product .images .thumbnails a.zoom.first { clear: both; } .woocommerce-product-gallery { position: relative; margin-bottom: 3em; } .woocommerce-product-gallery figure { margin: 0; } .woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) { width: 25%; display: inline-block; } .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; float: left; cursor: pointer; } .woocommerce-product-gallery .flex-control-thumbs img { opacity: 0.5; } .woocommerce-product-gallery .flex-control-thumbs img.flex-active, .woocommerce-product-gallery .flex-control-thumbs img:hover { opacity: 1; } .woocommerce-product-gallery img { display: block; } .woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 33.3333%; } .woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 25%; } .woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 20%; } .woocommerce-product-gallery__trigger { position: absolute; top: 1em; right: 1em; z-index: 99; } a.woocommerce-product-gallery__trigger { text-decoration: none; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 1.25rem; right: 1.25rem; display: block; height: 2rem; width: 2rem; border-radius: 3px; z-index: 99; text-align: center; text-indent: -999px; overflow: hidden; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { background-color: #169fda; color: #ffffff; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover { background-color: #1781ae; border-color: #1781ae; color: #ffffff; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before { font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; content: "\f00e"; line-height: 2; text-indent: 0; } .site-header-cart .woocommerce-mini-cart-item { padding: 0 !important; width: 100%; } .site-header-cart .woocommerce-mini-cart-item a { width: 100%; color: black; padding: 0.75rem; } .products .product { margin-bottom: 1rem; } .products .product .product-image { position: relative; } .products .product a img { width: 100%; height: auto; display: block; box-shadow: none; } .products .product strong { display: block; } .products .product .star-rating { font-size: 0.857em; color: gold; } .products .product .button { margin-top: 1rem; width: 100%; } .products .product .price { color: black; display: block; font-weight: normal; margin-bottom: 0.5em; font-size: 0.857em; } .products .product .price del { color: inherit; opacity: 0.5; } .products .product .price ins { background: none; font-weight: 700; } .products .product .price .from { font-size: 0.67em; margin: -2px 0 0 0; text-transform: uppercase; color: rgba(132, 132, 132, 0.5); } @media (min-width: 768px) { .columns-1.products .product { width: 100%; margin-right: 0; } .columns-2.products .product { width: 50%; } .columns-3.products .product { width: 33.33%; } .columns-4.products .product { width: 25%; } .columns-5.products .product { width: 20%; } .columns-6.products .product { width: 16.6%; } } .woocommerce-result-count { float: left; margin: 0 0 1rem; font-size: 0.75rem; } .woocommerce-ordering { float: right; margin: 0 0 1em; } .woocommerce-ordering select { vertical-align: top; font-size: 0.8rem; } .orderby { margin-bottom: 0; } .products { clear: both; /* display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; */ *zoom: 1; } .products:before, .products:after { content: " "; display: table; } .products:after { clear: both; } .products .product { padding: 5px; position: relative; width: 100%; } @media (min-width: 414px) { .products .product { width: 50%; } } @media (min-width: 768px) { .products .product { width: 33%; } } @media (min-width: 1024px) { .products .product { width: 25%; } } .products .product-wrapper { padding: 10px; display: flex; flex-direction: column; height: 100%; } .product-category.product mark { background-color: transparent; } .product-category.product h3 { margin: 0; margin-bottom: 5px; font-size: 12px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 400; text-transform: uppercase; text-align: center; } .product-category.product p { font-size: 12px; font-style: italic; color: #5b5b5b; } .term-description, .page-description { margin: 2rem 0; } .upsells { width: 100%; } .woocommerce-loop-product__title { padding: 0.5em 0; margin: 0; font-size: 1rem; } .product-categories a { color: black; font-size: 0.8rem; } .add_to_cart_, .product_type_grouped, .product_type_external { color: black; background: #c5c5c563; padding: 0.5rem; margin-top: 0.5rem; font-size: 14px; text-align: center; } .ajax_add_to_cart { color: black; /*position: absolute;*/ right: 1rem; bottom: 1rem; font-size: 18px; background: #c5c5c563; padding: 0.5rem; padding-right: 0.7rem; } .ajax_add_to_cart:hover, .add_to_cart_:hover, .product_type_grouped:hover, .product_type_external:hover { color: black; } .woocommerce-products-header__title { margin-top: 0; } #reviews h2 small { float: right; color: #777; font-size: 15px; margin: 10px 0 0 0; } #reviews h2 small a { text-decoration: none; color: #777; } #reviews h3 { margin: 0; } #reviews #respond { margin: 0; border: 0; padding: 0; } #reviews #comment { height: 75px; } #reviews #comments .add_review { *zoom: 1; } #reviews #comments .add_review:before, #reviews #comments .add_review:after { content: " "; display: table; } #reviews #comments .add_review:after { clear: both; } #reviews #comments h2 { clear: none; } #reviews #comments ol.commentlist { *zoom: 1; margin: 0; width: 100%; background: none; list-style: none; } #reviews #comments ol.commentlist:before, #reviews #comments ol.commentlist:after { content: " "; display: table; } #reviews #comments ol.commentlist:after { clear: both; } #reviews #comments ol.commentlist li { padding: 0; margin: 0 0 20px; border: 0; position: relative; background: 0; border: 0; } #reviews #comments ol.commentlist li .meta { color: #777; font-size: 0.75em; } #reviews #comments ol.commentlist li img.avatar { float: left; position: absolute; top: 0; left: 0; padding: 3px; width: 32px; height: auto; background: #ebe9eb; border: 1px solid #e4e1e3; margin: 0; box-shadow: none; } #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 50px; border: 1px solid #e4e1e3; border-radius: 4px; padding: 1em 1em 0; *zoom: 1; } #reviews #comments ol.commentlist li .comment-text:before, #reviews #comments ol.commentlist li .comment-text:after { content: " "; display: table; } #reviews #comments ol.commentlist li .comment-text:after { clear: both; } #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 1em; } #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 0.83em; } #reviews #comments ol.commentlist ul.children { list-style: none outside; margin: 20px 0 0 50px; } #reviews #comments ol.commentlist ul.children .star-rating { display: none; } #reviews #comments ol.commentlist #respond { border: 1px solid #e4e1e3; border-radius: 4px; padding: 1em 1em 0; margin: 20px 0 0 50px; } #reviews #comments .commentlist > li:before { content: ""; } #reviews .comment { *zoom: 1; } #reviews .comment:before, #reviews .comment:after { content: " "; display: table; } #reviews .comment:after { clear: both; } .rtl .woocommerce .col2-set .col-1, .rtl .woocommerce-page .col2-set .col-1 { float: right; } .rtl .woocommerce .col2-set .col-2, .rtl .woocommerce-page .col2-set .col-2 { float: left; } .rtl .woocommerce form .form-row-first, .rtl .woocommerce form .form-row-last, .rtl .woocommerce-page form .form-row-first, .rtl .woocommerce-page form .form-row-last { float: right; } .rtl .woocommerce form .form-row-last, .rtl .woocommerce-page form .form-row-last { float: left; } .star-rating { float: right; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: "star"; color: gold; } .star-rating:before { content: "sssss"; color: #d3ced2; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span:before { content: "SSSSS"; top: 0; position: absolute; left: 0; } .woocommerce-product-rating { *zoom: 1; line-height: 2; display: block; } .woocommerce-product-rating:before, .woocommerce-product-rating:after { content: " "; display: table; } .woocommerce-product-rating:after { clear: both; } .woocommerce-product-rating .star-rating { margin: 0.5em 4px 0 0; float: left; } .products .star-rating { display: block; margin: 0 0 0.5em; float: none; } .hreview-aggregate .star-rating { margin: 10px 0 0 0; } #review_form #respond { *zoom: 1; position: static; margin: 0; width: auto; padding: 0 0 0; background: transparent none; border: 0; } #review_form #respond:before, #review_form #respond:after { content: " "; display: table; } #review_form #respond:after { clear: both; } #review_form #respond p { margin: 0 0 10px; } #review_form #respond .form-submit input { left: auto; } #review_form #respond textarea { box-sizing: border-box; width: 100%; } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; color: gold; } p.stars a:before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: "WooCommerce"; content: "\e021"; text-indent: 0; } p.stars a:hover ~ a:before { content: "\e021"; } p.stars:hover a:before { content: "\e020"; } p.stars.selected a.active:before { content: "\e020"; } p.stars.selected a.active ~ a:before { content: "\e021"; } p.stars.selected a:not(.active):before { content: "\e020"; } table.shop_attributes { border: 0; border-top: 1px dotted rgba(0, 0, 0, 0.1); margin-bottom: 1.618em; width: 100%; } table.shop_attributes th { width: 150px; font-weight: 700; padding: 8px; border-top: 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); margin: 0; line-height: 1.5; } table.shop_attributes td { font-style: italic; padding: 0; border-top: 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); margin: 0; line-height: 1.5; } table.shop_attributes td p { margin: 0; padding: 8px 0; } table.shop_attributes .alt td, table.shop_attributes .alt th { background: rgba(0, 0, 0, 0.025); } table.shop_table { border: none; margin: 2rem 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 5px; } table.shop_table th { font-weight: 700; padding: 9px 12px; text-transform: uppercase; } table.shop_table td { padding: 6px 12px; vertical-align: middle; } table.shop_table td small { font-weight: normal; } table.shop_table .product-name a { color: #69b40a; font-weight: bold; } table.shop_table .cart_item { background: #f8f8f9; } table.shop_table tbody:first-child tr:first-child th, table.shop_table tbody:first-child tr:first-child td { border-top: 0; } table.shop_table tfoot td, table.shop_table tfoot th, table.shop_table tbody th { font-weight: 700; border-top: 1px solid rgba(0, 0, 0, 0.1); } table.my_account_orders { font-size: 0.85em; } table.my_account_orders th, table.my_account_orders td { padding: 4px 8px; vertical-align: middle; } table.my_account_orders .button { white-space: nowrap; } table.my_account_orders .order-actions { text-align: right; } table.my_account_orders .order-actions .button { margin: 0.125em 0 0.125em 0.25em; } td.product-name dl.variation { margin: 0.25em 0; *zoom: 1; } td.product-name dl.variation:before, td.product-name dl.variation:after { content: " "; display: table; } td.product-name dl.variation:after { clear: both; } td.product-name dl.variation dt, td.product-name dl.variation dd { display: inline-block; float: left; margin-bottom: 1em; } td.product-name dl.variation dt { font-weight: 700; padding: 0 0 0.25em 0; margin: 0 4px 0 0; clear: left; } td.product-name dl.variation dd { padding: 0 0 0.25em 0; } td.product-name dl.variation dd p:last-child { margin-bottom: 0; } td.product-name p.backorder_notification { font-size: 0.83em; } td.product-quantity { min-width: 80px; } .woocommerce-cart-form__contents th { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce-tabs { width: 100%; } .woocommerce-tabs .tabs { list-style: none; width: 100%; padding: 0; margin: 0 0 1.618em; position: relative; } .woocommerce-tabs .tabs li { border: 1px solid #d3ced2; background-color: #ebe9eb; display: inline-block; position: relative; z-index: 0; border-radius: 4px 4px 0 0; margin: 0 -5px; padding: 0 1em; } .woocommerce-tabs .tabs li a { display: inline-block; padding: 0.5em 0; font-weight: 700; color: #515151; text-decoration: none; } .woocommerce-tabs .tabs li a:hover { text-decoration: none; color: #6b6b6b; } .woocommerce-tabs .tabs li.active { background: #fff; z-index: 2; border-bottom-color: #fff; } .woocommerce-tabs .tabs li.active a { color: inherit; text-shadow: inherit; } .woocommerce-tabs .tabs li.active:before { box-shadow: 2px 2px 0 #fff; } .woocommerce-tabs .tabs li.active:after { box-shadow: -2px 2px 0 #fff; } .woocommerce-tabs .tabs li:before, .woocommerce-tabs .tabs li:after { border: 1px solid #d3ced2; position: absolute; bottom: -1px; width: 5px; height: 5px; content: " "; } .woocommerce-tabs .tabs li:before { left: -6px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-width: 0 1px 1px 0; box-shadow: 2px 2px 0 #ebe9eb; } .woocommerce-tabs .tabs li:after { right: -6px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; border-width: 0 0 1px 1px; box-shadow: -2px 2px 0 #ebe9eb; } .woocommerce-tabs .tabs:before { position: absolute; content: " "; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #d3ced2; z-index: 1; } .woocommerce-tabs .panel { margin: 0 0 2em; padding: 0; } .woocommerce-Tabs-panel { width: 100%; } .woocommerce-tabs { clear: both; } .woocommerce-tabs ul.tabs { *zoom: 1; } .woocommerce-tabs ul.tabs:before, .woocommerce-tabs ul.tabs:after { content: " "; display: table; } .woocommerce-tabs ul.tabs:after { clear: both; } .woocommerce-tabs ul.tabs li { display: inline-block; } .widget_price_filter .price_slider { margin-bottom: 1em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4; font-size: 0.8751em; } .widget_price_filter .price_slider_amount .button { font-size: 1.15em; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; margin-left: 0.5em; margin-right: 0.5em; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; background-color: #a46497; border-radius: 1em; cursor: ew-resize; outline: none; top: -0.3em; margin-left: -0.5em; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; border-radius: 1em; background-color: #a46497; } .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: #602053; border: 0; } .widget_price_filter .ui-slider-horizontal { height: 0.5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .widget_rating_filter ul { margin: 0; padding: 0; border: 0; list-style: none outside; } .widget_rating_filter ul li { *zoom: 1; padding: 0 0 1px; list-style: none; } .widget_rating_filter ul li:before, .widget_rating_filter ul li:after { content: " "; display: table; } .widget_rating_filter ul li:after { clear: both; } .widget_rating_filter ul li a { padding: 1px 0; text-decoration: none; } .widget_rating_filter ul li .star-rating { float: none; display: inline-block; } .widget_rating_filter ul li.chosen a:before { font-family: "WooCommerce"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: 0.618em; content: "\e013"; text-decoration: none; color: #a00; } .widget_layered_nav ul { margin: 0; padding: 0; border: 0; list-style: none outside; } .widget_layered_nav ul li { *zoom: 1; padding: 0 0 1px; list-style: none; } .widget_layered_nav ul li:before, .widget_layered_nav ul li:after { content: " "; display: table; } .widget_layered_nav ul li:after { clear: both; } .widget_layered_nav ul li a, .widget_layered_nav ul li span { padding: 1px 0; } .widget_layered_nav ul li.chosen a:before { font-family: "WooCommerce"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: 0.618em; content: "\e013"; text-decoration: none; color: #a00; } .widget_layered_nav_filters ul { margin: 0; padding: 0; border: 0; list-style: none outside; overflow: hidden; zoom: 1; } .widget_layered_nav_filters ul li { float: left; padding: 0 1px 1px 0; list-style: none; } .widget_layered_nav_filters ul li a { text-decoration: none; } .widget_layered_nav_filters ul li a:before { font-family: "WooCommerce"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: 0.618em; content: "\e013"; text-decoration: none; color: #a00; } .cart_list, .product_list_widget { list-style: none outside; padding: 0; margin: 0; } .cart_list li, .product_list_widget li { padding: 4px 0; margin: 0; *zoom: 1; list-style: none; } .cart_list li:before, .cart_list li:after, .product_list_widget li:before, .product_list_widget li:after { content: " "; display: table; } .cart_list li:after, .product_list_widget li:after { clear: both; } .cart_list li a, .product_list_widget li a { display: block; font-weight: 700; } .cart_list li a.remove, .product_list_widget li a.remove { position: absolute; top: -10px; right: -10px; } .cart_list li img, .product_list_widget li img { margin-right: 1rem; width: 48px; height: auto; box-shadow: none; float: left; } .cart_list li dl, .product_list_widget li dl { margin: 0; padding-left: 1em; border-left: 2px solid rgba(0, 0, 0, 0.1); *zoom: 1; } .cart_list li dl:before, .cart_list li dl:after, .product_list_widget li dl:before, .product_list_widget li dl:after { content: " "; display: table; } .cart_list li dl:after, .product_list_widget li dl:after { clear: both; } .cart_list li dl dt, .cart_list li dl dd, .product_list_widget li dl dt, .product_list_widget li dl dd { display: inline-block; float: left; margin-bottom: 1em; } .cart_list li dl dt, .product_list_widget li dl dt { font-weight: 700; padding: 0 0 0.25em 0; margin: 0 4px 0 0; clear: left; } .cart_list li dl dd, .product_list_widget li dl dd { padding: 0 0 0.25em 0; } .cart_list li dl dd p:last-child, .product_list_widget li dl dd p:last-child { margin-bottom: 0; } .cart_list li .star-rating, .product_list_widget li .star-rating { float: none; position: absolute; top: 15px; left: 5px; } .product_list_widget:not(.cart_list) li { position: relative; } .product_list_widget:not(.cart_list) li img { width: 100%; } .product_list_widget:not(.cart_list) .product-title { display: inline-block; padding: 5px 0; } .widget_shopping_cart .total { border-top: 3px double #ebe9eb; padding: 4px 0 0; } .widget_shopping_cart .total strong { min-width: 40px; display: inline-block; } .widget_shopping_cart .cart_list li { position: relative; padding-top: 0; } .widget_shopping_cart .cart_list li .quantity { font-size: 0.8rem; } .widget_shopping_cart .buttons { *zoom: 1; } .widget_shopping_cart .buttons:before, .widget_shopping_cart .buttons:after { content: " "; display: table; } .widget_shopping_cart .buttons:after { clear: both; } ul.cart_list li, div.product_list_widget li { *zoom: 1; } ul.cart_list li:before, ul.cart_list li:after, div.product_list_widget li:before, div.product_list_widget li:after { content: " "; display: table; } ul.cart_list li:after, div.product_list_widget li:after { clear: both; } #payment .form-row select { width: auto; } #payment .wc-terms-and-conditions, #payment .terms { text-align: left; padding: 0 1em 0 0; float: left; } .widget-area .cart_list li { margin-bottom: 1rem; } .widget-area .cart_list li p { color: black; } .button.loading, #respond input#submit.loading { opacity: 0.25; padding-right: 2.618em; } .button.loading:after, #respond input#submit.loading:after { font-family: "WooCommerce"; content: "\e01c"; vertical-align: top; -webkit-font-smoothing: antialiased; font-weight: 400; position: absolute; top: 0.618em; right: 1em; animation: spin 2s linear infinite; } .button.added:after, #respond input#submit.added:after { font-family: "WooCommerce"; content: "\e017"; margin-left: 0.53em; vertical-align: bottom; } .button:hover, #respond input#submit:hover { text-decoration: none; background-image: none; } .button:disabled, .button.disabled, .button:disabled[disabled], #respond input#submit:disabled, #respond input#submit.disabled, #respond input#submit:disabled[disabled] { cursor: not-allowed; } .cart .button, .cart input.button { float: none; margin: 0; border-radius: 0; background-color: #0275d8; color: white; box-shadow: none; } a.added_to_cart { padding-top: 0.5em; white-space: nowrap; display: inline-block; } .wc-forward { margin-bottom: 10px; } .btn-product { width: 100%; color: white; background-color: #005be1; } .btn-product:hover, .btn-product:focus, .btn-product:active { background-color: #005be1; color: white; } /** * woocommerce.scss * Governs the general look and feel of WooCommerce sections of stores using themes that do not * integrate with WooCommerce specifically. */ /** * Imports */ /** * Deprecated * Fallback for bourbon equivalent */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Use bourbon mixin instead `@include transform(scale(1.5));` */ /** * Deprecated * Use bourbon mixin instead `@include box-sizing(border-box);` */ /** * Objects */ /** * WooCommerce CSS Variables */ /** * _animation.scss * Custom WooCommerce Animations. @include keyframes( spin ) { 100% { @include transform( rotate(360deg) ); } } */ /** * _fonts.scss * Custom WooCommerce fonts. */ @font-face { font-family: "star"; src: url("../fonts/star.eot"); src: url("../fonts/star.eot?#iefix") format("embedded-opentype"), url("../fonts/star.woff") format("woff"), url("../fonts/star.ttf") format("truetype"), url("../fonts/star.svg#star") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "WooCommerce"; src: url("../fonts/WooCommerce.eot"); src: url("../fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("../fonts/WooCommerce.woff") format("woff"), url("../fonts/WooCommerce.ttf") format("truetype"), url("../fonts/WooCommerce.svg#WooCommerce") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } /** * Utility classes */ .clear { clear: both; } /** * Main WooCommerce styles */ .woocommerce .container { width: 62rem; max-width: 100%; } .woocommerce .blockUI.blockOverlay { position: relative; } .woocommerce .blockUI.blockOverlay:before { height: 1em; width: 1em; display: block; position: absolute; top: 50%; left: 50%; margin-left: -0.5em; margin-top: -0.5em; display: block; content: ""; background: url(../images/icons/loader.svg) center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0, 0, 0, 0.75); } .woocommerce .loader:before { height: 1em; width: 1em; display: block; position: absolute; top: 50%; left: 50%; margin-left: -0.5em; margin-top: -0.5em; display: block; content: ""; background: url(../images/icons/loader.svg) center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0, 0, 0, 0.75); } .woocommerce a.remove { display: block; width: 32px; height: 32px; text-align: center; line-height: 1; color: white; background: red; text-decoration: none; font-weight: 700; border: 0; padding: 0; line-height: 29px; } .woocommerce small.note { display: block; color: #777; font-size: 0.857em; margin-top: 10px; } .woocommerce .quantity .qty { width: 5.2rem !important; text-align: center; font-size: 1.3rem; padding: 0.3rem !important; } .woocommerce-password-strength { text-align: center; font-weight: 600; padding: 3px 0.5em; font-size: 1em; } .woocommerce-password-strength.strong { background-color: #c1e1b9; border-color: #83c373; } .woocommerce-password-strength.short { background-color: #f1adad; border-color: #e35b5b; } .woocommerce-password-strength.bad { background-color: #fbc5a9; border-color: #f78b53; } .woocommerce-password-strength.good { background-color: #ffe399; border-color: #ffc733; } .woocommerce-password-hint { margin: 0.5em 0 0 0; display: block; } /* added to get around variation image flicker issue */ .product.has-default-attributes.has-children > .images { opacity: 0; } .woocommerce .col2-set, .woocommerce-page .col2-set { *zoom: 1; width: 100%; } .woocommerce .col2-set:before, .woocommerce .col2-set:after, .woocommerce-page .col2-set:before, .woocommerce-page .col2-set:after { content: " "; display: table; } .woocommerce .col2-set:after, .woocommerce-page .col2-set:after { clear: both; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 48%; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: right; width: 48%; } .woocommerce img, .woocommerce-page img { height: auto; max-width: 100%; } .demo_store { margin: 0; padding: 1rem; background: gainsboro; } .WooZone-price-info { display: none; } .woocommerce-thankyou-order-received { margin-top: 0; margin-bottom: 2rem; } .cart-empty { margin-bottom: 1rem; } .woocommerce-archive-title { text-align: right; padding-bottom: 10px; margin-top: 0; border-bottom: 1px dotted #ccc; font-weight: 300; font-size: 1.7rem; text-transform: uppercase; } .woocommerce-archive-title a { text-decoration: none; } .product-cat-details { margin: 2rem 0 3rem 0; } .product-cat-details p { font-size: 12px; } .product-cat-details br { content: "A"; margin-bottom: 10px; display: block; } .woocommerce img.pswp__img, .woocommerce-page img.pswp__img { max-width: none; /* 2 */ } button.pswp__button { box-shadow: none !important; background-image: url("default-skin/default-skin.png") !important; } button.pswp__button, button.pswp__button:hover, button.pswp__button--arrow--left::before, button.pswp__button--arrow--right::before { background-color: transparent !important; /* 1 */ } button.pswp__button--arrow--left, button.pswp__button--arrow--right, button.pswp__button--arrow--left:hover, button.pswp__button--arrow--right:hover { background-image: none !important; /* 1 */ } button.pswp__button--close:hover { background-position: 0 -44px; } button.pswp__button--zoom:hover { background-position: -88px 0; } .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; touch-action: none; z-index: 999999; outline: none; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } .pswp--animate_opacity { opacity: 0.001; will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { cursor: zoom-in; } .pswp--zoomed-in .pswp__img { cursor: grab; } .pswp--dragging .pswp__img { cursor: grabbing; } .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .pswp__container, .pswp__img { user-select: none; } .pswp__zoom-wrap { position: absolute; width: 100%; transform-origin: left top; transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } .pswp__img--placeholder { -webkit-backface-visibility: hidden; } .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; z-index: 1600; transition: opacity 0.2s; box-shadow: none; } .pswp__button:focus, .pswp__button:hover { opacity: 1; } .pswp__button:active { outline: none; opacity: 0.9; } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(default-skin/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; } @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(default-skin.svg); } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } } .pswp__button--close { background-position: 0 -44px; } .pswp__button--share { background-position: -44px -44px; } .pswp__button--fs { display: none; } .pswp--supports-fs .pswp__button--fs { display: block; } .pswp--fs .pswp__button--fs { background-position: -44px 0; } .pswp__button--zoom { display: none; background-position: -88px 0; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; } .pswp__button--arrow--left { left: 0; } .pswp__button--arrow--right { right: 0; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ""; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; } .pswp__counter, .pswp__share-modal { user-select: none; } .pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; transition: opacity 0.25s ease-out; will-change: opacity; } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); transform: translateY(6px); transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; } .pswp__share-tooltip a:hover { text-decoration: none; color: #000; } .pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { transform: translateY(0); } .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; pointer-events: none; } a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; } a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A; } a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; } a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; } a.pswp__share--download:hover { background: #DDD; } .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px; } .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; } .pswp__caption small { font-size: 11px; color: #BBB; } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; } .pswp__caption--fake { visibility: hidden; } .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { background: url(preloader.gif) 0 0 no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; } @media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } } @-webkit-keyframes clockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes clockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes donut-rotate { 0% { transform: rotate(0); } 50% { transform: rotate(-140deg); } 100% { transform: rotate(0); } } @keyframes donut-rotate { 0% { transform: rotate(0); } 50% { transform: rotate(-140deg); } 100% { transform: rotate(0); } } .pswp__ui { visibility: visible; opacity: 1; z-index: 1550; } .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.5); } .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); } .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 1; } .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001; } .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: block; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } /*# sourceMappingURL=woocommerce.css.map */