芝麻web文件管理V1.00
编辑当前文件:/home/seolotod/www/wp-content/themes/brunn/assets/css/woocommerce.css
/* ========================================================================== WooCommerce styles - begin ========================================================================== */ .woocommerce-page .qodef-content input[type="text"], .woocommerce-page .qodef-content input[type="email"], .woocommerce-page .qodef-content input[type="tel"], .woocommerce-page .qodef-content input[type="password"], .woocommerce-page .qodef-content textarea, div.woocommerce input[type="text"], div.woocommerce input[type="email"], div.woocommerce input[type="tel"], div.woocommerce input[type="password"], div.woocommerce textarea { position: relative; width: 100%; margin: 0 0 15px; padding: 12px 16px; font-family: "Merriweather", serif; font-size: 12px; font-weight: inherit; line-height: calc(52px - (12px * 2) - 2px); color: #000; background-color: transparent; border: 1px solid #e1e1e1; border-radius: 0; outline: 0; cursor: pointer; -webkit-appearance: none; box-sizing: border-box; -webkit-transition: border-color 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } .woocommerce-page .qodef-content input:focus[type="text"], .woocommerce-page .qodef-content input:focus[type="email"], .woocommerce-page .qodef-content input:focus[type="tel"], .woocommerce-page .qodef-content input:focus[type="password"], .woocommerce-page .qodef-content textarea:focus, div.woocommerce input:focus[type="text"], div.woocommerce input:focus[type="email"], div.woocommerce input:focus[type="tel"], div.woocommerce input:focus[type="password"], div.woocommerce textarea:focus { color: #110729; border-color: #808080; } .woocommerce-page .qodef-content input[type="text"]::-webkit-input-placeholder, .woocommerce-page .qodef-content input[type="email"]::-webkit-input-placeholder, .woocommerce-page .qodef-content input[type="tel"]::-webkit-input-placeholder, .woocommerce-page .qodef-content input[type="password"]::-webkit-input-placeholder, .woocommerce-page .qodef-content textarea::-webkit-input-placeholder, div.woocommerce input[type="text"]::-webkit-input-placeholder, div.woocommerce input[type="email"]::-webkit-input-placeholder, div.woocommerce input[type="tel"]::-webkit-input-placeholder, div.woocommerce input[type="password"]::-webkit-input-placeholder, div.woocommerce textarea::-webkit-input-placeholder { color: inherit; } .woocommerce-page .qodef-content input:-moz-placeholder[type="text"], .woocommerce-page .qodef-content input:-moz-placeholder[type="email"], .woocommerce-page .qodef-content input:-moz-placeholder[type="tel"], .woocommerce-page .qodef-content input:-moz-placeholder[type="password"], .woocommerce-page .qodef-content textarea:-moz-placeholder, div.woocommerce input:-moz-placeholder[type="text"], div.woocommerce input:-moz-placeholder[type="email"], div.woocommerce input:-moz-placeholder[type="tel"], div.woocommerce input:-moz-placeholder[type="password"], div.woocommerce textarea:-moz-placeholder { color: inherit; opacity: 1; } .woocommerce-page .qodef-content input[type="text"]::-moz-placeholder, .woocommerce-page .qodef-content input[type="email"]::-moz-placeholder, .woocommerce-page .qodef-content input[type="tel"]::-moz-placeholder, .woocommerce-page .qodef-content input[type="password"]::-moz-placeholder, .woocommerce-page .qodef-content textarea::-moz-placeholder, div.woocommerce input[type="text"]::-moz-placeholder, div.woocommerce input[type="email"]::-moz-placeholder, div.woocommerce input[type="tel"]::-moz-placeholder, div.woocommerce input[type="password"]::-moz-placeholder, div.woocommerce textarea::-moz-placeholder { color: inherit; opacity: 1; } .woocommerce-page .qodef-content input:-ms-input-placeholder[type="text"], .woocommerce-page .qodef-content input:-ms-input-placeholder[type="email"], .woocommerce-page .qodef-content input:-ms-input-placeholder[type="tel"], .woocommerce-page .qodef-content input:-ms-input-placeholder[type="password"], .woocommerce-page .qodef-content textarea:-ms-input-placeholder, div.woocommerce input:-ms-input-placeholder[type="text"], div.woocommerce input:-ms-input-placeholder[type="email"], div.woocommerce input:-ms-input-placeholder[type="tel"], div.woocommerce input:-ms-input-placeholder[type="password"], div.woocommerce textarea:-ms-input-placeholder { color: inherit; } /* ========================================================================== Marks (Sale, Out of Stock) mixin styles - begin ========================================================================== */ /* ========================================================================== Marks (Sale, Out of Stock) mixin styles - end ========================================================================== */ /* ========================================================================== Price mixin styles - begin ========================================================================== */ /* ========================================================================== Price mixin styles - end ========================================================================== */ /* ========================================================================== Star Ratings mixin styles - begin ========================================================================== */ .woocommerce .star-rating, .qodef-woo-single-page .woocommerce-tabs #reviews .comment-respond .stars a:before, .qodef-woo-single-page .woocommerce-tabs #reviews .comment-respond .stars a.active:after, .qodef-product-info .qodef-pi-rating, .qodef-pl-holder .qodef-pli .qodef-pli-rating { font-family: "ElegantIcons"; font-size: 14px; line-height: 1; letter-spacing: 8px; color: #fac400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ========================================================================== Star Ratings mixin styles - end ========================================================================== */ /*------------------------------------------------------------------ * This is main woocommerce css file for theme. It is broken into following sections: * 1. Global * 2. Single Product * 3. WooCommerce Product Lists and Shortcodes * 4. Cart * 5. Checkout * 6. My Account * 7. Shortcodes * 8. Widgets -------------------------------------------------------------------*/ /* ========================================================================== WooCommerce Cart page styles - begin ========================================================================== */ .qodef-woocommerce-page table.cart thead tr { border: 0; border-bottom: 1px solid #e1e1e1; } .qodef-woocommerce-page table.cart thead tr th { padding: 10px 0; color: #110729; text-align: left; font-size: 18px; line-height: 1.6em; font-weight: 700; } .qodef-woocommerce-page table.cart tbody tr { border: 0; } .qodef-woocommerce-page table.cart tr.cart_item { border-bottom: 1px solid #e1e1e1; } .qodef-woocommerce-page table.cart tr.cart_item td { padding: 25px 0; vertical-align: middle; text-align: inherit; color: #110729; text-align: left; font-size: 14px; line-height: 1.6em; font-weight: 700; } .qodef-woocommerce-page table.cart tr.cart_item td.product-remove { padding-left: 10px; padding-right: 10px; } .qodef-woocommerce-page table.cart tr.cart_item td.product-remove a { color: #808080; font-size: 0; line-height: 1; } .qodef-woocommerce-page table.cart tr.cart_item td.product-remove a:after { content: "\f404"; display: inline-block; vertical-align: middle; speak: none; color: inherit; font-family: "Ionicons"; font-size: 25px; line-height: inherit; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .qodef-woocommerce-page table.cart tr.cart_item td.product-remove a:hover { color: #110729; } .qodef-woocommerce-page table.cart tr.cart_item td.product-thumbnail { width: 86px; padding-right: 10px; } .qodef-woocommerce-page table.cart tr.cart_item td.product-thumbnail a, .qodef-woocommerce-page table.cart tr.cart_item td.product-thumbnail img { display: block; } .qodef-woocommerce-page table.cart tr.cart_item td .variation > * { display: inline-block; vertical-align: middle; padding: 0; margin: 0; } .qodef-woocommerce-page table.cart tr.cart_item td .variation p { margin: 0; } .qodef-woocommerce-page table.cart td.actions { padding: 35px 0 36px; text-align: inherit; } .qodef-woocommerce-page table.cart td.actions .coupon { position: relative; display: inline-block; vertical-align: middle; float: left; } .qodef-woocommerce-page table.cart td.actions .coupon label { display: none; } .qodef-woocommerce-page table.cart td.actions .coupon input { padding: 16px 16px; } .qodef-woocommerce-page table.cart td.actions > input { float: right; } .qodef-woocommerce-page table.cart td.actions .button { margin: 0 0 0 22px; } .qodef-woocommerce-page .cart-collaterals { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 50px; } .qodef-woocommerce-page .cart-collaterals h2 { position: relative; display: block; margin: 0 0 26px; } .qodef-woocommerce-page .cart-collaterals table { margin: 0 0 35px; } .qodef-woocommerce-page .cart-collaterals table tr { border: 0; border-bottom: 1px solid #e1e1e1; } .qodef-woocommerce-page .cart-collaterals table td, .qodef-woocommerce-page .cart-collaterals table th { padding: 14px 0; text-align: left; vertical-align: middle; } .qodef-woocommerce-page .cart-collaterals table th { width: 20%; padding-right: 5px; border: 0; color: #110729; text-align: left; font-size: 14px; line-height: 1.6em; font-weight: 700; } .qodef-woocommerce-page .cart-collaterals table .order-total .woocommerce-Price-amount { color: #110729; font-size: 14px; line-height: 1.6em; font-weight: 700; } .qodef-woocommerce-page .cart-collaterals tr.shipping #shipping_method { list-style: none; margin: 0 0 7px; } .qodef-woocommerce-page .cart-collaterals tr.shipping #shipping_method li { margin: 3px 0; padding: 0; } .qodef-woocommerce-page .cart-collaterals tr.shipping #shipping_method li > * { display: inline-block; vertical-align: middle; margin: 0; } .qodef-woocommerce-page .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-button { display: block; margin: 0 0 10px; } .qodef-woocommerce-page .cart-collaterals .woocommerce-shipping-calculator p { margin: 0; } .qodef-woocommerce-page .cross-sells { margin: 30px 0 0; border-top: 1px solid #e1e1e1; } .qodef-woocommerce-page .cross-sells > h2 { display: block; margin: 36px 0 50px; text-align: center; } .qodef-woocommerce-page .cart_totals { margin: 1px 0 20px; } .qodef-woocommerce-page .cart_totals .wc-proceed-to-checkout a.button.checkout-button { position: relative; display: inline-block; vertical-align: middle; width: auto; margin: 0; font-family: inherit; font-size: 12px; line-height: 2em; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; outline: none; box-sizing: border-box; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; padding: 17px 33px; color: #110729; background-color: transparent; border: 1px solid #e1e1e1; } .qodef-woocommerce-page .cart_totals .wc-proceed-to-checkout a.button.checkout-button:hover { color: #110729; background-color: transparent; border: 1px solid #e1e1e1; } .qodef-woocommerce-page .woocommerce .cart-empty { position: relative; display: block; font-size: 25px; line-height: 1.2em; font-weight: 800; text-align: center; color: #110729; margin: 40px 0 33px; padding: 0; border: 0; } .qodef-woocommerce-page .woocommerce .return-to-shop { position: relative; display: block; text-align: center; margin: 0 0 60px; } .qodef-woocommerce-page .woocommerce .return-to-shop a.button { position: relative; display: inline-block; vertical-align: middle; width: auto; margin: 0; font-family: inherit; font-size: 12px; line-height: 2em; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; outline: none; box-sizing: border-box; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; padding: 17px 33px; color: #808080; background-color: transparent; } .qodef-woocommerce-page .woocommerce .return-to-shop a.button:hover { color: #808080; background-color: transparent; } /* ========================================================================== WooCommerce Cart page styles - end ========================================================================== */ /* ========================================================================== WooCommerce Checkout page styles - begin ========================================================================== */ .qodef-woocommerce-page .checkout_coupon { display: block; margin: 0 0 34px; } .qodef-woocommerce-page .checkout_coupon p { margin: 0; } .qodef-woocommerce-page.woocommerce-checkout form.login { display: block; margin: 0 0 34px; } .qodef-woocommerce-page.woocommerce-checkout form.login > *:first-child { margin: 0 0 15px; } .qodef-woocommerce-page.woocommerce-checkout form.login p { margin: 0; } .qodef-woocommerce-page.woocommerce-checkout form.login input[type='checkbox'] { position: relative; display: inline-block; vertical-align: middle; top: -1px; margin: 0 3px 0 5px; } .qodef-woocommerce-page.woocommerce-checkout form.login .lost_password { display: block; margin: 15px 0 0; } .qodef-woocommerce-page .woocommerce-checkout .col2-set:before, .qodef-woocommerce-page .woocommerce-checkout .col2-set:after { content: ''; display: table; } .qodef-woocommerce-page .woocommerce-checkout .col2-set:after { clear: both; } .qodef-woocommerce-page .woocommerce-checkout .col-1, .qodef-woocommerce-page .woocommerce-checkout .col-2 { position: relative; display: inline-block; width: 49%; margin-right: 1%; float: left; vertical-align: middle; } .qodef-woocommerce-page .woocommerce-checkout .col-1 h3, .qodef-woocommerce-page .woocommerce-checkout .col-2 h3 { margin: 8px 0 25px; } .qodef-woocommerce-page .woocommerce-checkout .col-1 p, .qodef-woocommerce-page .woocommerce-checkout .col-2 p { margin: 0; } .qodef-woocommerce-page .woocommerce-checkout .col-1 label:not(.checkbox), .qodef-woocommerce-page .woocommerce-checkout .col-2 label:not(.checkbox) { display: block; margin: 0 0 5px; } .qodef-woocommerce-page .woocommerce-checkout .col-1 .form-row, .qodef-woocommerce-page .woocommerce-checkout .col-2 .form-row { width: 49%; margin-right: 2%; float: left; } .qodef-woocommerce-page .woocommerce-checkout .col-1 .form-row-last, .qodef-woocommerce-page .woocommerce-checkout .col-2 .form-row-last { margin-right: 0; } .qodef-woocommerce-page .woocommerce-checkout .col-1 .form-row-wide, .qodef-woocommerce-page .woocommerce-checkout .col-1 .form-row.notes, .qodef-woocommerce-page .woocommerce-checkout .col-2 .form-row-wide, .qodef-woocommerce-page .woocommerce-checkout .col-2 .form-row.notes { width: 100%; } .qodef-woocommerce-page .woocommerce-checkout .col-2 { margin-left: 1%; margin-right: 0; } .qodef-woocommerce-page .woocommerce-checkout .create-account { margin: 0 0 15px; } .qodef-woocommerce-page .woocommerce-checkout .create-account input, .qodef-woocommerce-page .woocommerce-checkout .create-account label { display: inline-block; vertical-align: middle; } .qodef-woocommerce-page .woocommerce-checkout h3#order_review_heading { margin: 18px 0; } .qodef-woocommerce-page .woocommerce-checkout table { padding: 0; margin: 0 0 35px; } .qodef-woocommerce-page .woocommerce-checkout table tr { border: 0; border-bottom: 1px solid #e1e1e1; } .qodef-woocommerce-page .woocommerce-checkout table tr.shipping #shipping_method { list-style: none; margin: 0; } .qodef-woocommerce-page .woocommerce-checkout table tr.shipping #shipping_method li { margin: 3px 0; padding: 0; } .qodef-woocommerce-page .woocommerce-checkout table tr.shipping #shipping_method li > * { display: inline-block; vertical-align: middle; margin: 0; } .qodef-woocommerce-page .woocommerce-checkout table td, .qodef-woocommerce-page .woocommerce-checkout table th { padding: 14px 0; text-align: left; vertical-align: middle; } .qodef-woocommerce-page .woocommerce-checkout table th { border: 0; color: #110729; } .qodef-woocommerce-page .woocommerce-checkout table .order-total .woocommerce-Price-amount { font-weight: 700; color: #110729; } .qodef-woocommerce-page .woocommerce-checkout table .variation > * { display: inline-block; vertical-align: middle; padding: 0; margin: 0; } .qodef-woocommerce-page .woocommerce-checkout table .variation p { margin: 0; } .qodef-woocommerce-page .woocommerce-checkout .select2-container { border-radius: 0; } .qodef-woocommerce-page .woocommerce-checkout input[type='radio'], .qodef-woocommerce-page .woocommerce-checkout input[type='checkbox'] { position: relative; display: inline-block; vertical-align: middle; top: -1px; margin: 0 3px 0 5px; } .qodef-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment { display: block; margin: 20px 0 70px; } .qodef-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment ul { list-style: none; margin: 0 0 35px; padding: 0; } .qodef-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment ul li { padding: 14px 0; border-bottom: 1px solid #e1e1e1; } .qodef-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment ul li input, .qodef-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment ul li label { display: inline-block; vertical-align: middle; } .qodef-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment ul li.payment_method_paypal label img { vertical-align: middle; margin: 0 8px; } .qodef-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment .place-order button[type=submit]:not(.qodef-search-submit) { position: relative; display: inline-block; vertical-align: middle; width: auto; margin: 0; font-family: inherit; font-size: 12px; line-height: 2em; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; outline: none; box-sizing: border-box; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; padding: 17px 33px; color: #110729; background-color: transparent; border: 1px solid #e1e1e1; white-space: nowrap; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; white-space: nowrap; cursor: pointer; z-index: 3; } .qodef-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment .place-order button[type=submit]:not(.qodef-search-submit):after { font-family: ElegantIcons; content: "\24"; margin: 0 0 0 12px; line-height: inherit; vertical-align: bottom; font-size: 1.25em; position: relative; } .qodef-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment .place-order button[type=submit]:not(.qodef-search-submit):after { display: inline-block; overflow: hidden; } .qodef-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment .place-order button[type=submit]:not(.qodef-search-submit):hover:after { -webkit-animation: moveArrow 1s; -moz-animation: moveArrow 1s; animation: moveArrow 1s; } @keyframes moveArrow { 0% { opacity: 1; -webkit-transform: translateX(0px) scale(1); -moz-transform: translateX(0px) scale(1); transform: translateX(0px) scale(1); } 25% { opacity: 0; -webkit-transform: translateX(13px) scale(0.9); -moz-transform: translateX(13px) scale(0.9); transform: translateX(13px) scale(0.9); } 26% { opacity: 0; -webkit-transform: translateX(-13px) scale(0.9); -moz-transform: translateX(-13px) scale(0.9); transform: translateX(-13px) scale(0.9); } 55% { opacity: 1; -webkit-transform: translateX(0px) scale(1); -moz-transform: translateX(0px) scale(1); transform: translateX(0px) scale(1); } } .qodef-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment .place-order button[type=submit]:not(.qodef-search-submit):hover { color: #110729; background-color: transparent; border: 1px solid #e1e1e1; } /* ========================================================================== WooCommerce Checkout page styles - end ========================================================================== */ /* ========================================================================== WooCommerce Checkout page - Order Received styles - begin ========================================================================== */ .qodef-woocommerce-page.woocommerce-order-received .woocommerce { display: block; margin: 0 0 45px; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce > p { display: block; margin: 0 0 30px; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce > h2, .qodef-woocommerce-page.woocommerce-order-received .woocommerce > header h2 { display: block; margin: 16px 0 25px; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce ul.order_details { list-style: none; margin: 0 0 30px; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce ul.order_details li { padding: 14px 0; border-bottom: 1px solid #e1e1e1; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce ul.order_details li strong { color: #110729; font-weight: 400; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce table.shop_table { padding: 0; margin: 0 0 35px; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce table.shop_table tr { border: 0; border-bottom: 1px solid #e1e1e1; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce table.shop_table td, .qodef-woocommerce-page.woocommerce-order-received .woocommerce table.shop_table th { padding: 14px 0; text-align: left; vertical-align: middle; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce table.shop_table th { border: 0; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce table.shop_table .variation > * { display: inline-block; vertical-align: middle; padding: 0; margin: 0; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce table.shop_table .variation p { margin: 0; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce .col2-set.addresses { position: relative; display: inline-block; width: 100%; vertical-align: middle; clear: both; margin: 0 0 15px; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce .col2-set.addresses .col-1, .qodef-woocommerce-page.woocommerce-order-received .woocommerce .col2-set.addresses .col-2 { position: relative; display: inline-block; width: 49%; margin-right: 1%; float: left; vertical-align: middle; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce .col2-set.addresses .col-2 { margin-left: 1%; margin-right: 0; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce .col2-set.addresses .title { margin: 4px 0 25px; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce .col2-set.addresses h3 { margin: 0; } .qodef-woocommerce-page.woocommerce-order-received .woocommerce .col2-set.addresses address { font-style: normal; } /* ========================================================================== WooCommerce Checkout page - Order Received styles - end ========================================================================== */ /* ========================================================================== WooCommerce Buttons styles - begin ========================================================================== */ .woocommerce-page .qodef-content a.button, .woocommerce-page .qodef-content a.added_to_cart, div.woocommerce a.button, div.woocommerce a.added_to_cart { position: relative; display: inline-block; vertical-align: middle; width: auto; margin: 0; font-family: inherit; font-size: 12px; line-height: 2em; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; outline: none; box-sizing: border-box; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; padding: 17px 33px; padding: 0; color: #110729; background-color: transparent; border: 0; vertical-align: middle; letter-spacing: .1em; white-space: nowrap; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; cursor: pointer; z-index: 3; } .woocommerce-page .qodef-content a.button:after, .woocommerce-page .qodef-content a.added_to_cart:after, div.woocommerce a.button:after, div.woocommerce a.added_to_cart:after { font-family: ElegantIcons; content: "\24"; margin: 0 0 0 12px; line-height: inherit; vertical-align: bottom; font-size: 1.25em; position: relative; } .woocommerce-page .qodef-content a.button:after, .woocommerce-page .qodef-content a.added_to_cart:after, div.woocommerce a.button:after, div.woocommerce a.added_to_cart:after { display: inline-block; overflow: hidden; } .woocommerce-page .qodef-content a.button:hover:after, .woocommerce-page .qodef-content a.added_to_cart:hover:after, div.woocommerce a.button:hover:after, div.woocommerce a.added_to_cart:hover:after { -webkit-animation: moveArrow 1s; -moz-animation: moveArrow 1s; animation: moveArrow 1s; } @keyframes moveArrow { 0% { opacity: 1; -webkit-transform: translateX(0px) scale(1); -moz-transform: translateX(0px) scale(1); transform: translateX(0px) scale(1); } 25% { opacity: 0; -webkit-transform: translateX(13px) scale(0.9); -moz-transform: translateX(13px) scale(0.9); transform: translateX(13px) scale(0.9); } 26% { opacity: 0; -webkit-transform: translateX(-13px) scale(0.9); -moz-transform: translateX(-13px) scale(0.9); transform: translateX(-13px) scale(0.9); } 55% { opacity: 1; -webkit-transform: translateX(0px) scale(1); -moz-transform: translateX(0px) scale(1); transform: translateX(0px) scale(1); } } .woocommerce-page .qodef-content a.button.added, div.woocommerce a.button.added { display: none; } .woocommerce-page .qodef-content input[type="submit"], .woocommerce-page .qodef-content button[type="submit"]:not(.qodef-search-submit), .woocommerce-page .qodef-content .wc-forward:not(.added_to_cart):not(.checkout-button), div.woocommerce input[type="submit"], div.woocommerce button[type="submit"]:not(.qodef-search-submit), div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button) { position: relative; display: inline-block; vertical-align: middle; width: auto; margin: 0; font-family: inherit; font-size: 12px; line-height: 2em; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; outline: none; box-sizing: border-box; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; padding: 17px 33px; color: #110729; background-color: transparent; border: 1px solid #e1e1e1; white-space: nowrap; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; cursor: pointer; z-index: 3; } .woocommerce-page .qodef-content input[type="submit"]:after, .woocommerce-page .qodef-content button[type="submit"]:not(.qodef-search-submit):after, .woocommerce-page .qodef-content .wc-forward:not(.added_to_cart):not(.checkout-button):after, div.woocommerce input[type="submit"]:after, div.woocommerce button[type="submit"]:not(.qodef-search-submit):after, div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button):after { font-family: ElegantIcons; content: "\24"; margin: 0 0 0 12px; line-height: inherit; vertical-align: bottom; font-size: 1.25em; position: relative; } .woocommerce-page .qodef-content input[type="submit"]:after, .woocommerce-page .qodef-content button[type="submit"]:not(.qodef-search-submit):after, .woocommerce-page .qodef-content .wc-forward:not(.added_to_cart):not(.checkout-button):after, div.woocommerce input[type="submit"]:after, div.woocommerce button[type="submit"]:not(.qodef-search-submit):after, div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button):after { display: inline-block; overflow: hidden; } .woocommerce-page .qodef-content input[type="submit"]:hover:after, .woocommerce-page .qodef-content button[type="submit"]:not(.qodef-search-submit):hover:after, .woocommerce-page .qodef-content .wc-forward:not(.added_to_cart):not(.checkout-button):hover:after, div.woocommerce input[type="submit"]:hover:after, div.woocommerce button[type="submit"]:not(.qodef-search-submit):hover:after, div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button):hover:after { -webkit-animation: moveArrow 1s; -moz-animation: moveArrow 1s; animation: moveArrow 1s; } @keyframes moveArrow { 0% { opacity: 1; -webkit-transform: translateX(0px) scale(1); -moz-transform: translateX(0px) scale(1); transform: translateX(0px) scale(1); } 25% { opacity: 0; -webkit-transform: translateX(13px) scale(0.9); -moz-transform: translateX(13px) scale(0.9); transform: translateX(13px) scale(0.9); } 26% { opacity: 0; -webkit-transform: translateX(-13px) scale(0.9); -moz-transform: translateX(-13px) scale(0.9); transform: translateX(-13px) scale(0.9); } 55% { opacity: 1; -webkit-transform: translateX(0px) scale(1); -moz-transform: translateX(0px) scale(1); transform: translateX(0px) scale(1); } } .woocommerce-page .qodef-content input[type="submit"]:hover, .woocommerce-page .qodef-content button[type="submit"]:not(.qodef-search-submit):hover, .woocommerce-page .qodef-content .wc-forward:not(.added_to_cart):not(.checkout-button):hover, div.woocommerce input[type="submit"]:hover, div.woocommerce button[type="submit"]:not(.qodef-search-submit):hover, div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button):hover { color: #110729; background-color: transparent; border: 1px solid #e1e1e1; } /* ========================================================================== WooCommerce Buttons styles - end ========================================================================== */ /* ========================================================================== WooCommerce Onsale and Out of Stock styles - begin ========================================================================== */ .woocommerce .qodef-onsale, .woocommerce .qodef-out-of-stock, .woocommerce .qodef-new-product { position: absolute; display: block; bottom: 0; width: 76px; height: 76px; margin: 0; padding: 0 6px; color: #fff; font-size: 14px; font-weight: 700; line-height: 76px; letter-spacing: .06em; text-align: center; z-index: 100; box-sizing: border-box; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .woocommerce .qodef-onsale { left: 0; background-color: #fac400; } .woocommerce .qodef-out-of-stock { top: 0; bottom: initial; right: 0; background-color: #2c7d7b; } .woocommerce .qodef-new-product { left: 0; background-color: #620a27; } .qodef-woo-single-page .qodef-single-product-content .qodef-onsale { left: 20px; bottom: calc(20% + 5px); } @media only screen and (max-width: 680px) { .qodef-woo-single-page .qodef-single-product-content .qodef-onsale { bottom: calc(50% + 10px); } } .qodef-woo-single-page .qodef-single-product-content .qodef-new-product { right: 10px; bottom: calc(20% + 5px); } @media only screen and (max-width: 680px) { .qodef-woo-single-page .qodef-single-product-content .qodef-new-product { bottom: calc(50% + 10px); } } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .qodef-onsale { left: 130px; bottom: 0; } @media only screen and (max-width: 680px) { .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .qodef-onsale { bottom: calc(50% + 10px) !important; } } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .qodef-out-of-stock { right: 0; } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .qodef-new-product { right: 0; bottom: 0; } @media only screen and (max-width: 680px) { .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .qodef-new-product { bottom: calc(50% + 10px) !important; } } /* ========================================================================== WooCommerce Onsale and Out of Stock styles - end ========================================================================== */ /* ========================================================================== WooCommerce Message styles - begin ========================================================================== */ .qodef-woocommerce-page .woocommerce-message, .qodef-woocommerce-page .woocommerce-info, .qodef-woocommerce-page .woocommerce-error { position: relative; display: block; padding: 20px 30px; margin: 0 0 30px; line-height: 60px; list-style: none; background-color: transparent; border: 1px solid #e1e1e1; } .qodef-woocommerce-page .woocommerce-message > a, .qodef-woocommerce-page .woocommerce-info > a, .qodef-woocommerce-page .woocommerce-error > a { color: #808080; } .qodef-woocommerce-page .woocommerce-message > a:hover, .qodef-woocommerce-page .woocommerce-info > a:hover, .qodef-woocommerce-page .woocommerce-error > a:hover { color: #110729; } .qodef-woocommerce-page .woocommerce-message > a.woocommerce-Button.button, .qodef-woocommerce-page .woocommerce-info > a.woocommerce-Button.button, .qodef-woocommerce-page .woocommerce-error > a.woocommerce-Button.button { line-height: 60px; } .qodef-woocommerce-page .woocommerce-message a, .qodef-woocommerce-page .woocommerce-info a, .qodef-woocommerce-page .woocommerce-error a { float: right; } .qodef-woocommerce-page .woocommerce-info .showcoupon { color: #808080; } .qodef-woocommerce-page .woocommerce-info .showcoupon:hover { color: #110729; } /* ========================================================================== WooCommerce Message styles - end ========================================================================== */ /* ========================================================================== WooCommerce Pagination styles - begin ========================================================================== */ .woocommerce-pagination { position: relative; display: inline-block; width: 100%; vertical-align: top; margin: 40px 0 0; clear: both; display: block; width: auto; margin: 10px auto 0; } .woocommerce-pagination ul { position: relative; display: inline-block; width: 100%; vertical-align: top; padding: 0; margin: 0; list-style: none; text-align: center; } .woocommerce-pagination ul li { position: relative; display: inline-block; vertical-align: top; margin: 0 9px; } .woocommerce-pagination ul li a { position: relative; display: inline-block; vertical-align: top; margin: 0; padding: 0; font-size: 16px; font-family: "Merriweather", serif; font-weight: 300; } .woocommerce-pagination ul li.qodef-pag-active a { color: #fac400; } .woocommerce-pagination ul li.qodef-pag-prev, .woocommerce-pagination ul li.qodef-pag-next, .woocommerce-pagination ul li.qodef-pag-first, .woocommerce-pagination ul li.qodef-pag-last { margin: 0 2px; } .woocommerce-pagination ul li.qodef-pag-prev a, .woocommerce-pagination ul li.qodef-pag-next a, .woocommerce-pagination ul li.qodef-pag-first a, .woocommerce-pagination ul li.qodef-pag-last a { font-size: 20px; } .woocommerce-pagination ul li.qodef-pag-prev a span, .woocommerce-pagination ul li.qodef-pag-next a span, .woocommerce-pagination ul li.qodef-pag-first a span, .woocommerce-pagination ul li.qodef-pag-last a span { display: block; line-height: inherit; } .woocommerce-pagination ul li.qodef-pag-prev a span:before, .woocommerce-pagination ul li.qodef-pag-next a span:before, .woocommerce-pagination ul li.qodef-pag-first a span:before, .woocommerce-pagination ul li.qodef-pag-last a span:before { display: block; line-height: inherit; } .woocommerce-pagination ul li span { position: relative; display: inline-block; vertical-align: top; margin: 0; padding: 0; color: #fac400; font-size: 16px; font-family: "Merriweather", serif; font-weight: 300; } .woocommerce-pagination ul li a.next, .woocommerce-pagination ul li a.prev { font-size: 0; line-height: 0; } .woocommerce-pagination ul li a.next:before, .woocommerce-pagination ul li a.prev:before { display: block; font-family: 'ElegantIcons'; font-size: 20px; line-height: 26px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .woocommerce-pagination ul li a.prev { margin-right: 12px; } .woocommerce-pagination ul li a.prev:before { content: "\34"; } .woocommerce-pagination ul li a.next { margin-left: 12px; } .woocommerce-pagination ul li a.next:before { content: "\35"; } .qodef-woo-view-all-pagination { display: inline-block; float: left; margin-top: 10px; font-family: "Montserrat", sans-serif; font-size: 12px; text-transform: uppercase; font-weight: 500; } /* ========================================================================== WooCommerce Pagination styles - end ========================================================================== */ /* ========================================================================== WooCommerce Quantity Inputs styles - begin ========================================================================== */ .woocommerce-page .qodef-content .qodef-quantity-buttons, div.woocommerce .qodef-quantity-buttons { position: relative; display: inline-block; vertical-align: middle; } .woocommerce-page .qodef-content .qodef-quantity-buttons .qodef-quantity-input, .woocommerce-page .qodef-content .qodef-quantity-buttons .qodef-quantity-minus, .woocommerce-page .qodef-content .qodef-quantity-buttons .qodef-quantity-plus, div.woocommerce .qodef-quantity-buttons .qodef-quantity-input, div.woocommerce .qodef-quantity-buttons .qodef-quantity-minus, div.woocommerce .qodef-quantity-buttons .qodef-quantity-plus { display: inline-block; vertical-align: middle; color: #282828; background-color: #fafafa; border: 0; text-align: center; box-sizing: border-box; } .woocommerce-page .qodef-content .qodef-quantity-buttons .qodef-quantity-input, div.woocommerce .qodef-quantity-buttons .qodef-quantity-input { position: relative; height: 52px; width: 43px; padding: 0; margin: 0 25px 0 0; font-family: "Merriweather", serif; font-size: 12px; line-height: 52px; outline: 0; } .woocommerce-page .qodef-content .qodef-quantity-buttons .qodef-quantity-minus, .woocommerce-page .qodef-content .qodef-quantity-buttons .qodef-quantity-plus, div.woocommerce .qodef-quantity-buttons .qodef-quantity-minus, div.woocommerce .qodef-quantity-buttons .qodef-quantity-plus { position: absolute; color: #8d8c8c; right: 0; width: 26px; height: 26px; line-height: 26px; border-left: 0; cursor: pointer; font-size: 18px; -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } .woocommerce-page .qodef-content .qodef-quantity-buttons .qodef-quantity-minus:hover, .woocommerce-page .qodef-content .qodef-quantity-buttons .qodef-quantity-plus:hover, div.woocommerce .qodef-quantity-buttons .qodef-quantity-minus:hover, div.woocommerce .qodef-quantity-buttons .qodef-quantity-plus:hover { color: #fac400; } .woocommerce-page .qodef-content .qodef-quantity-buttons .qodef-quantity-plus, div.woocommerce .qodef-quantity-buttons .qodef-quantity-plus { top: 0; border-bottom: 0; line-height: 32px; } .woocommerce-page .qodef-content .qodef-quantity-buttons .qodef-quantity-minus, div.woocommerce .qodef-quantity-buttons .qodef-quantity-minus { bottom: 0; line-height: 20px; } .woocommerce-page .qodef-content .coupon input[type="text"], div.woocommerce .coupon input[type="text"] { width: 200px; } /* ========================================================================== WooCommerce Quantity Inputs styles - end ========================================================================== */ /* ========================================================================== WooCommerce Result and Ordering styles - begin ========================================================================== */ .qodef-woocommerce-page .woocommerce-result-count, .qodef-woocommerce-page .woocommerce-ordering { color: #8d8c8c; display: inline; margin: 0 0 23px; float: left; } .qodef-woocommerce-page .woocommerce-result-count { line-height: 52px; width: 66.66%; } .qodef-woocommerce-page .woocommerce-ordering { text-align: right; width: 33.33%; padding-left: 15px; box-sizing: border-box; } .qodef-woocommerce-page .woocommerce-ordering .orderby { width: auto; min-width: 303px; margin: 0; text-align: initial; } .qodef-woocommerce-page .woocommerce-ordering .select2 { margin-bottom: 0; } /* ========================================================================== WooCommerce Result and Ordering styles - end ========================================================================== */ /* ========================================================================== WooCommerce Select 2 Script override - begin ========================================================================== */ .qodef-woocommerce-page .cart-collaterals .woocommerce-shipping-calculator .select2-container--default { width: 100% !important; margin: 0 0 15px; } /* ========================================================================== WooCommerce Select 2 Script override - end ========================================================================== */ /* ========================================================================== WooCommerce Star Rating styles - begin ========================================================================== */ .woocommerce .star-rating { position: relative; display: inline-block; vertical-align: middle; overflow: hidden; } .woocommerce .star-rating:before { content: "\e031\e031\e031\e031\e031"; } .woocommerce .star-rating span { position: absolute; top: 0; left: 0; overflow: hidden; } .woocommerce .star-rating span:before { content: "\e033\e033\e033\e033\e033"; } /* ========================================================================== WooCommerce Star Rating styles - end ========================================================================== */ /* ========================================================================== WooCommerce Variation styles - begin ========================================================================== */ .qodef-woocommerce-page .qodef-content .variations { position: relative; display: inline-block; vertical-align: middle; margin: 0; border: none; padding: 0; } .qodef-woocommerce-page .qodef-content .variations tbody { display: block; color: #110729; } .qodef-woocommerce-page .qodef-content .variations tr { display: inline-block; width: 33%; padding: 0; border: 0; box-sizing: border-box; } .qodef-woocommerce-page .qodef-content .variations tr:last-child { margin: 0; } .qodef-woocommerce-page .qodef-content .variations td { display: block; padding: 0; text-align: initial; } .qodef-woocommerce-page .qodef-content .variations td.label { font-weight: 700; margin-bottom: 3px; } .qodef-woocommerce-page .qodef-content .variations td.value { white-space: nowrap; } .qodef-woocommerce-page .qodef-content .variations td.value select { width: auto; min-width: 180px; } .qodef-woocommerce-page .qodef-content .variations td.value .select2 { background-color: #fafafa; font-family: "Merriweather", serif; font-size: 12px; } .qodef-woocommerce-page .qodef-content .variations .reset_variations { margin: 0 0 0 15px; color: #110729; } .qodef-woocommerce-page .qodef-content .single_variation_wrap { margin: 6px 0 0; } .qodef-woocommerce-page .qodef-content .single_variation_wrap .single_variation { margin: 0 0 35px; } .qodef-woocommerce-page .qodef-content table.group_table { position: relative; display: inline-block; vertical-align: middle; margin: 0; border: none; padding: 0; } .qodef-woocommerce-page .qodef-content table.group_table tbody { display: block; } .qodef-woocommerce-page .qodef-content table.group_table tr { display: block; padding: 0 0 10px; border: 0; } .qodef-woocommerce-page .qodef-content table.group_table tr:last-child { margin: 0; } .qodef-woocommerce-page .qodef-content table.group_table td { padding: 0 17px 10px 0; text-align: left; } .qodef-woocommerce-page .qodef-content table.group_table td.price { display: table-cell; vertical-align: middle; } .qodef-woocommerce-page .qodef-content table.group_table td:last-child { padding: 0 0 10px; } .qodef-woocommerce-page .qodef-content table.group_table .qodef-quantity-buttons { margin: 0; } .qodef-woocommerce-page .qodef-content table.group_table a { color: #808080; } .qodef-woocommerce-page .qodef-content table.group_table a:hover { color: #110729; } /* ========================================================================== WooCommerce Variation styles - end ========================================================================== */ /* ========================================================================== WooCommerce MyAccount page styles - begin ========================================================================== */ .qodef-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation, .qodef-woocommerce-page.woocommerce-account .woocommerce-MyAccount-content { position: relative; display: inline-block; vertical-align: middle; float: left; box-sizing: border-box; } .qodef-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation { width: 30%; padding: 0 15px 0 0; } .qodef-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation ul { padding: 0 15px 0 0; margin: 0; list-style: none; border-right: 1px solid #e1e1e1; } .qodef-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation ul li { margin: 0; padding: 0; } .qodef-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) { margin: 0 0 18px; } .qodef-woocommerce-page.woocommerce-account .woocommerce-MyAccount-content { width: 70%; padding: 0 0 0 30px; } .qodef-woocommerce-page.woocommerce-account .woocommerce { margin: 0 0 45px; } .qodef-woocommerce-page.woocommerce-account .woocommerce form.login { margin: 0 0 34px; } .qodef-woocommerce-page.woocommerce-account .woocommerce form.login p { margin: 0; } .qodef-woocommerce-page.woocommerce-account .woocommerce form.login p.qodef-login-form-text { margin: 0 0 7px; } .qodef-woocommerce-page.woocommerce-account .woocommerce form.login p button[type=submit]:not(.qodef-search-submit) { margin: 30px 0; position: relative; display: inline-block; vertical-align: middle; width: auto; margin: 0; font-family: inherit; font-size: 12px; line-height: 2em; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; outline: none; box-sizing: border-box; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; padding: 17px 33px; color: #110729; background-color: transparent; border: 1px solid #e1e1e1; white-space: nowrap; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; white-space: nowrap; cursor: pointer; z-index: 3; } .qodef-woocommerce-page.woocommerce-account .woocommerce form.login p button[type=submit]:not(.qodef-search-submit):after { font-family: ElegantIcons; content: "\24"; margin: 0 0 0 12px; line-height: inherit; vertical-align: bottom; font-size: 1.25em; position: relative; } .qodef-woocommerce-page.woocommerce-account .woocommerce form.login p button[type=submit]:not(.qodef-search-submit):after { display: inline-block; overflow: hidden; } .qodef-woocommerce-page.woocommerce-account .woocommerce form.login p button[type=submit]:not(.qodef-search-submit):hover:after { -webkit-animation: moveArrow 1s; -moz-animation: moveArrow 1s; animation: moveArrow 1s; } @keyframes moveArrow { 0% { opacity: 1; -webkit-transform: translateX(0px) scale(1); -moz-transform: translateX(0px) scale(1); transform: translateX(0px) scale(1); } 25% { opacity: 0; -webkit-transform: translateX(13px) scale(0.9); -moz-transform: translateX(13px) scale(0.9); transform: translateX(13px) scale(0.9); } 26% { opacity: 0; -webkit-transform: translateX(-13px) scale(0.9); -moz-transform: translateX(-13px) scale(0.9); transform: translateX(-13px) scale(0.9); } 55% { opacity: 1; -webkit-transform: translateX(0px) scale(1); -moz-transform: translateX(0px) scale(1); transform: translateX(0px) scale(1); } } .qodef-woocommerce-page.woocommerce-account .woocommerce form.login p button[type=submit]:not(.qodef-search-submit):hover { color: #110729; background-color: transparent; border: 1px solid #e1e1e1; } .qodef-woocommerce-page.woocommerce-account .woocommerce form.login input[type='checkbox'] { position: relative; display: inline-block; vertical-align: middle; top: -1px; margin: 0 3px 0 5px; } .qodef-woocommerce-page.woocommerce-account .woocommerce form.login .lost_password { display: block; margin: 15px 0 0; } .qodef-woocommerce-page.woocommerce-account .woocommerce form.edit-account { margin: 0 0 15px; } .qodef-woocommerce-page.woocommerce-account .woocommerce form.edit-account p { margin: 0; } .qodef-woocommerce-page.woocommerce-account .woocommerce form.edit-account label { display: block; margin: 0 0 5px; } .qodef-woocommerce-page.woocommerce-account .woocommerce form.edit-account fieldset > legend { display: block; color: #110729; margin: 0 0 10px; } .qodef-woocommerce-page.woocommerce-account .woocommerce > p { display: block; margin: 0 0 30px; } .qodef-woocommerce-page.woocommerce-account .woocommerce > h2, .qodef-woocommerce-page.woocommerce-account .woocommerce > header h2 { display: block; margin: 16px 0 25px; } .qodef-woocommerce-page.woocommerce-account .woocommerce table.shop_table { padding: 0; margin: 0 0 35px; } .qodef-woocommerce-page.woocommerce-account .woocommerce table.shop_table tr { border: 0; border-bottom: 1px solid #e1e1e1; } .qodef-woocommerce-page.woocommerce-account .woocommerce table.shop_table td, .qodef-woocommerce-page.woocommerce-account .woocommerce table.shop_table th { padding: 14px 0; text-align: left; vertical-align: middle; } .qodef-woocommerce-page.woocommerce-account .woocommerce table.shop_table th { border: 0; } .qodef-woocommerce-page.woocommerce-account .woocommerce table.shop_table td.order-actions { text-align: right; } .qodef-woocommerce-page.woocommerce-account .woocommerce table.shop_table .variation > * { display: inline-block; vertical-align: middle; padding: 0; margin: 0; } .qodef-woocommerce-page.woocommerce-account .woocommerce table.shop_table .variation p { margin: 0; } .qodef-woocommerce-page.woocommerce-account .woocommerce .col2-set.addresses { position: relative; display: inline-block; width: 100%; vertical-align: middle; clear: both; margin: 0 0 15px; } .qodef-woocommerce-page.woocommerce-account .woocommerce .col2-set.addresses .col-1, .qodef-woocommerce-page.woocommerce-account .woocommerce .col2-set.addresses .col-2 { position: relative; display: inline-block; width: 49%; margin-right: 1%; float: left; vertical-align: middle; } .qodef-woocommerce-page.woocommerce-account .woocommerce .col2-set.addresses .col-2 { margin-left: 1%; margin-right: 0; } .qodef-woocommerce-page.woocommerce-account .woocommerce .col2-set.addresses .title { margin: 4px 0 25px; } .qodef-woocommerce-page.woocommerce-account .woocommerce .col2-set.addresses h3 { margin: 0; } .qodef-woocommerce-page.woocommerce-account .woocommerce .col2-set.addresses address { font-style: normal; } .qodef-woocommerce-page.woocommerce-account .vc_row .woocommerce > h2, .qodef-woocommerce-page.woocommerce-account .elementor-section-wrap .woocommerce > h2 { font-size: 30px; line-height: 40px; margin: 0 0 25px; } .qodef-woocommerce-page.woocommerce-account .vc_row .woocommerce form.login, .qodef-woocommerce-page.woocommerce-account .elementor-section-wrap .woocommerce form.login { margin: 0; } .qodef-woocommerce-page.woocommerce-account .vc_row .woocommerce form.login p, .qodef-woocommerce-page.woocommerce-account .elementor-section-wrap .woocommerce form.login p { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .qodef-woocommerce-page.woocommerce-account .vc_row .woocommerce form.login p label:not(.inline), .qodef-woocommerce-page.woocommerce-account .elementor-section-wrap .woocommerce form.login p label:not(.inline) { display: block; margin: 8px 0 14px; color: #110729; font-size: 18px; line-height: 38px; } .qodef-woocommerce-page.woocommerce-account .vc_row .woocommerce form.login p label.inline, .qodef-woocommerce-page.woocommerce-account .elementor-section-wrap .woocommerce form.login p label.inline { position: relative; display: inline-block; vertical-align: middle; margin: 0; } .qodef-woocommerce-page.woocommerce-account .vc_row .woocommerce form.login p input.button, .qodef-woocommerce-page.woocommerce-account .elementor-section-wrap .woocommerce form.login p input.button { margin: 23px 0 0; } .qodef-woocommerce-page.woocommerce-account.woocommerce-edit-address .woocommerce > form { margin: 0 0 15px; } .qodef-woocommerce-page.woocommerce-account.woocommerce-edit-address .woocommerce > form > *:first-child { margin: 0 0 25px; } .qodef-woocommerce-page.woocommerce-account.woocommerce-edit-address .woocommerce > form p { margin: 0; } .qodef-woocommerce-page.woocommerce-account.woocommerce-edit-address .woocommerce > form label { display: block; margin: 0 0 5px; } /* ========================================================================== WooCommerce MyAccount page styles - end ========================================================================== */ /* ========================================================================== WooCommerce Track Order page styles - begin ========================================================================== */ .qodef-woocommerce-page.qodef-woocommerce-order-tracking .woocommerce { margin: 0 0 45px; } .qodef-woocommerce-page.qodef-woocommerce-order-tracking .woocommerce > .track_order { display: block; margin: 0 0 60px; } .qodef-woocommerce-page.qodef-woocommerce-order-tracking .woocommerce > .track_order > p:not(.form-row) { display: block; margin: 0 0 7px; } .qodef-woocommerce-page.qodef-woocommerce-order-tracking .woocommerce > .track_order .form-row-first, .qodef-woocommerce-page.qodef-woocommerce-order-tracking .woocommerce > .track_order .form-row-last { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; } .qodef-woocommerce-page.qodef-woocommerce-order-tracking .woocommerce > .track_order .form-row-first label, .qodef-woocommerce-page.qodef-woocommerce-order-tracking .woocommerce > .track_order .form-row-last label { display: block; margin: 14px 0; color: #110729; font-size: 18px; line-height: 38px; } .qodef-woocommerce-page.qodef-woocommerce-order-tracking .woocommerce > .track_order .button { margin: 13px 0 0; } /* ========================================================================== WooCommerce Track Order page styles - end ========================================================================== */ /* ========================================================================== WooCommerce Product List page styles - begin ========================================================================== */ .qodef-pl-main-holder, .related.products, .upsells.products, .cross-sells, .qodef-content .woocommerce { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .qodef-pl-main-holder { margin: 0 0 22px; } .qodef-woo-pl-info-on-image-hover .qodef-pl-main-holder { margin: 0 0 50px; } ul.products { list-style: none; margin: 0 -15px; clear: both; } ul.products > .product { position: relative; display: inline-block; vertical-align: middle; float: left; margin: 0 0 30px; padding: 0 15px; box-sizing: border-box; } .touch ul.products > .product { cursor: pointer; } ul.products > .product:hover .qodef-pl-inner .qodef-pl-text { opacity: 1; } ul.products > .product .qodef-product-list-title { margin: 0; padding: 0; width: 63%; float: left; line-height: 24px; } ul.products > .product .price { position: relative; display: block; margin: 14px 0 0; line-height: 1; color: #110729; text-align: right; margin: 0; padding: 0; width: 37%; float: right; line-height: 24px; font-weight: 700; font-size: 18px; } ul.products > .product .price * { font-size: inherit; line-height: inherit; } ul.products > .product .price del { margin: 0 6px 0 0; color: #110729; } ul.products > .product .price ins { text-decoration: none; color: #fac400; } ul.products > .product .qodef-pl-rating-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; line-height: 1; margin: 10px 0 3px; } ul.products > .product .button, ul.products > .product .added_to_cart { margin: 25px 0 0; } .qodef-woo-pl-info-below-image ul.products > .product .button, .qodef-woo-pl-info-below-image ul.products > .product .added_to_cart { margin: 0; } ul.products > .product .button.added { display: none; } ul.products > .product .qodef-pl-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; overflow: hidden; } ul.products > .product .qodef-pl-inner .qodef-pl-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; overflow: hidden; } ul.products > .product .qodef-pl-inner .qodef-pl-image img { display: block; width: 100%; -webkit-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s; } ul.products > .product .qodef-pl-inner:hover .qodef-pl-image img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); } ul.products > .product .qodef-pl-inner .qodef-pl-text { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; padding: 10px; opacity: 0; background-color: rgba(17, 7, 41, 0.6); box-sizing: border-box; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } ul.products > .product .qodef-pl-inner .qodef-pl-text-outer { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; text-align: center; } ul.products > .product .qodef-pl-inner .qodef-pl-text-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; } ul.products > .product .qodef-pl-inner .qodef-pl-text-inner .qodef-product-list-title, ul.products > .product .qodef-pl-inner .qodef-pl-text-inner .price, ul.products > .product .qodef-pl-inner .qodef-pl-text-inner .star-rating { color: #fff; } ul.products > .product .qodef-pl-inner .qodef-pl-text-inner .price del { color: rgba(255, 255, 255, 0.8); } ul.products > .product .qodef-pl-inner > a { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } ul.products > .product .qodef-pl-text-wrapper { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 32px 0 16px; } .qodef-woo-no-space ul.products { margin: 0; } .qodef-woo-no-space ul.products > .product { padding: 0 0px; margin: 0 0 0px; } .qodef-woo-tiny-space ul.products { margin: 0 -5px; } .qodef-woo-tiny-space ul.products > .product { padding: 0 5px; margin: 0 0 10px; } .qodef-woo-small-space ul.products { margin: 0 -10px; } .qodef-woo-small-space ul.products > .product { padding: 0 10px; margin: 0 0 20px; } .qodef-woo-normal-space ul.products { margin: 0 -15px; } .qodef-woo-normal-space ul.products > .product { padding: 0 15px; margin: 0 0 30px; } .qodef-woo-medium-space ul.products { margin: 0 -20px; } .qodef-woo-medium-space ul.products > .product { padding: 0 20px; margin: 0 0 40px; } .qodef-woo-large-space ul.products { margin: 0 -25px; } .qodef-woo-large-space ul.products > .product { padding: 0 25px; margin: 0 0 50px; } @media only screen and (min-width: 1025px) { .qodef-woocommerce-columns-3 .qodef-pl-main-holder > .products > .product, .qodef-woocommerce-columns-3 .related.products > .products > .product, .qodef-woocommerce-columns-3 .upsells.products > .products > .product, .qodef-woocommerce-columns-3 .cross-sells > .products > .product { width: 33.33333%; } .qodef-woocommerce-columns-3 .qodef-pl-main-holder > .products > .product:nth-child(3n+1), .qodef-woocommerce-columns-3 .related.products > .products > .product:nth-child(3n+1), .qodef-woocommerce-columns-3 .upsells.products > .products > .product:nth-child(3n+1), .qodef-woocommerce-columns-3 .cross-sells > .products > .product:nth-child(3n+1) { clear: both; } } @media only screen and (min-width: 1025px) { .qodef-woocommerce-columns-4 .qodef-pl-main-holder > .products > .product, .qodef-woocommerce-columns-4 .related.products > .products > .product, .qodef-woocommerce-columns-4 .upsells.products > .products > .product, .qodef-woocommerce-columns-4 .cross-sells > .products > .product { width: 25%; } .qodef-woocommerce-columns-4 .qodef-pl-main-holder > .products > .product:nth-child(4n+1), .qodef-woocommerce-columns-4 .related.products > .products > .product:nth-child(4n+1), .qodef-woocommerce-columns-4 .upsells.products > .products > .product:nth-child(4n+1), .qodef-woocommerce-columns-4 .cross-sells > .products > .product:nth-child(4n+1) { clear: both; } } .woocommerce.columns-1 > .products > .product { float: none; width: 100%; } .woocommerce.columns-2 > .products > .product { width: 50%; } @media only screen and (min-width: 681px) { .woocommerce.columns-2 > .products > .product:nth-child(2n+1) { clear: both; } } .woocommerce.columns-3 > .products > .product { width: 33.33333%; } @media only screen and (min-width: 769px) { .woocommerce.columns-3 > .products > .product:nth-child(3n+1) { clear: both; } } .woocommerce.columns-4 > .products > .product { width: 25%; } @media only screen and (min-width: 1025px) { .woocommerce.columns-4 > .products > .product:nth-child(4n+1) { clear: both; } } .woocommerce.columns-5 > .products > .product { width: 20%; } @media only screen and (min-width: 1201px) { .woocommerce.columns-5 > .products > .product:nth-child(5n+1) { clear: both; } } .woocommerce.columns-6 > .products > .product { width: 16.66667%; } @media only screen and (min-width: 1441px) { .woocommerce.columns-6 > .products > .product:nth-child(6n+1) { clear: both; } } /* ========================================================================== WooCommerce Product List page styles - end ========================================================================== */ /* ========================================================================== WooCommerce Add to Cart shortcode styles - begin ========================================================================== */ .qodef-content .woocommerce.add_to_cart_inline { margin: 0; width: auto; } .qodef-content .woocommerce.add_to_cart_inline del, .qodef-content .woocommerce.add_to_cart_inline ins { position: relative; display: inline-block; vertical-align: middle; margin: 0 7px 0 0; color: #110729; font-size: 16px; line-height: 1; } /* ========================================================================== WooCommerce Add to Cart shortcode styles - end ========================================================================== */ /* Woocommerce Product Categories shortcode style - begin ========================================================================== */ div.woocommerce > .products > .product-category a { position: relative; display: inline-block; vertical-align: middle; } div.woocommerce > .products > .product-category a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: rgba(17, 7, 41, 0.6); opacity: 0; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } div.woocommerce > .products > .product-category a:hover:after { opacity: 1; } div.woocommerce > .products > .product-category a:hover .woocommerce-loop-category__title { top: 50%; opacity: 1; } div.woocommerce > .products > .product-category img { display: block; } div.woocommerce > .products > .product-category .woocommerce-loop-category__title { position: absolute; top: 60%; left: 0; display: block; width: 100%; padding: 0 10%; margin: 0; color: #fff; text-align: center; z-index: 2; opacity: 0; -webkit-filter: blur(0); box-sizing: border-box; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.2s ease, top 0.2s ease; -moz-transition: opacity 0.2s ease, top 0.2s ease; transition: opacity 0.2s ease, top 0.2s ease; } div.woocommerce > .products > .product-category .woocommerce-loop-category__title .count { font-size: 0.9em; color: #fff; background-color: transparent; } /* Woocommerce Product Categories shortcode style - end ========================================================================== */ /* Woocommerce Product Page shortcode style - begin ========================================================================== */ div.woocommerce > .single-product .images { position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 0; } div.woocommerce > .single-product .images figure { position: relative; display: inline-block; vertical-align: top; margin: 0 -10px; } div.woocommerce > .single-product .images figure a { position: relative; display: inline-block; width: 100%; vertical-align: middle; } div.woocommerce > .single-product .images figure a img { position: relative; width: 100%; display: block; } div.woocommerce > .single-product .images .woocommerce-product-gallery__trigger { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center; z-index: 10; } div.woocommerce > .single-product .images .woocommerce-product-gallery__image { position: relative; display: inline-block; vertical-align: top; margin: 0; padding: 0 10px; box-sizing: border-box; } div.woocommerce > .single-product .images .woocommerce-product-gallery__image:first-child { left: 10px; width: calc(100% - 20px); padding: 0; } div.woocommerce > .single-product .images .woocommerce-product-gallery__image .zoomImg { cursor: crosshair; } div.woocommerce > .single-product .images.woocommerce-product-gallery--with-images .woocommerce-product-gallery__image:not(:first-child) { float: left; padding-top: 20px; } div.woocommerce > .single-product .images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:not(:first-child) { width: 50%; } div.woocommerce > .single-product .images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:not(:first-child) { width: 33.33333%; } div.woocommerce > .single-product .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:not(:first-child) { width: 25%; } div.woocommerce > .single-product .woocommerce-tabs { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 30px 0 0; } div.woocommerce > .single-product .woocommerce-tabs ul.tabs { position: relative; display: inline-block; width: 100%; vertical-align: middle; list-style: none; margin: 0; padding: 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center; clear: both; } div.woocommerce > .single-product .woocommerce-tabs ul.tabs > li { position: relative; display: inline-block; vertical-align: middle; } div.woocommerce > .single-product .woocommerce-tabs ul.tabs > li a { position: relative; display: inline-block; vertical-align: top; padding: 13px 15px; } div.woocommerce > .single-product .woocommerce-tabs .entry-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; } div.woocommerce > .single-product .woocommerce-tabs .entry-content > h2 { display: none; } div.woocommerce > .single-product .woocommerce-tabs .entry-content > p { margin: 18px 0 20px; } div.woocommerce > .single-product .woocommerce-tabs table { margin: 18px 0 20px; } div.woocommerce > .single-product .woocommerce-tabs table tr, div.woocommerce > .single-product .woocommerce-tabs table th { border: 0; } div.woocommerce > .single-product .woocommerce-tabs table td, div.woocommerce > .single-product .woocommerce-tabs table th { padding: 3px 0; vertical-align: middle; text-align: left; } div.woocommerce > .single-product .woocommerce-tabs table td p, div.woocommerce > .single-product .woocommerce-tabs table th p { margin: 0; } div.woocommerce > .single-product .woocommerce-tabs table th { color: #110729; width: 1%; padding: 0 10px 0 0; } div.woocommerce > .single-product .woocommerce-tabs table td { width: 99%; } div.woocommerce > .single-product .woocommerce-tabs #reviews { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 18px 0 20px; } div.woocommerce > .single-product .woocommerce-tabs #reviews h2 { font-size: 18px; line-height: 24px; margin: 8px 0 24px; } div.woocommerce > .single-product .woocommerce-tabs #reviews ol.commentlist { list-style: none; } div.woocommerce > .single-product .woocommerce-tabs #reviews ol.commentlist .comment_container { position: relative; display: inline-block; width: 100%; vertical-align: middle; } div.woocommerce > .single-product .woocommerce-tabs #reviews ol.commentlist .comment_container img { float: left; width: 60px; } div.woocommerce > .single-product .woocommerce-tabs #reviews ol.commentlist .comment-text { padding: 0 0 0 80px; } div.woocommerce > .single-product .woocommerce-tabs #reviews ol.commentlist .comment-text div[itemprop="description"] { padding: 0; margin: 0 0 15px; border: 0; } div.woocommerce > .single-product .woocommerce-tabs #reviews ol.commentlist .comment-text p { margin: 5px 0 0; } div.woocommerce > .single-product .woocommerce-tabs #reviews .comment-respond { margin-top: 15px; } div.woocommerce > .single-product .woocommerce-tabs #reviews .comment-respond .comment-reply-title { margin: 0 0 10px; } div.woocommerce > .single-product .woocommerce-tabs #reviews .comment-respond p { margin: 0; } div.woocommerce > .single-product .woocommerce-tabs #reviews .comment-respond .stars { overflow: hidden; } div.woocommerce > .single-product .woocommerce-tabs #reviews .comment-respond .stars a { position: relative; display: inline-block; color: transparent; font-size: 0; margin: 0; } div.woocommerce > .single-product .woocommerce-tabs #reviews .comment-respond .stars a:before { position: relative; display: inline-block; vertical-align: middle; font-family: "ElegantIcons"; content: "\e031"; font-size: 12px; line-height: 1; letter-spacing: 2px; color: #808080; overflow: hidden; z-index: -1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.woocommerce > .single-product .woocommerce-tabs #reviews .comment-respond .stars a.active:after { position: absolute; right: 0; bottom: 7px; display: block; font-family: "ElegantIcons"; font-size: 12px; line-height: 1; letter-spacing: 2px; color: #808080; content: "\e033\e033\e033\e033\e033"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.woocommerce > .single-product .related.products, div.woocommerce > .single-product .upsells.products { margin: 30px 0 0; border-top: 1px solid #e1e1e1; } div.woocommerce > .single-product .related.products > h2, div.woocommerce > .single-product .upsells.products > h2 { display: block; margin: 36px 0 50px; text-align: center; } div.woocommerce > .single-product .related.products .product .qodef-pl-text-wrapper, div.woocommerce > .single-product .upsells.products .product .qodef-pl-text-wrapper { margin-bottom: 0; } /* Woocommerce Product Page shortcode style - end ========================================================================== */ /* ========================================================================== WooCommerce Single Product Page styles - begin ========================================================================== */ @media only screen and (min-width: 769px) { .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images figure { width: 100%; margin: 0; overflow: hidden; } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images .woocommerce-product-gallery__image:first-child { left: 161px; width: calc(100% - 161px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--with-images .woocommerce-product-gallery__image:not(:first-child) { position: absolute; top: 0; left: 0; width: 141px; padding: 0 0 20px; box-sizing: border-box; } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--with-images .woocommerce-product-gallery__image:not(:first-child) a { height: 100%; } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--with-images .woocommerce-product-gallery__image:not(:first-child) a img { height: 100%; } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:not(:first-child) { height: calc(50% + 10px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:nth-child(2n) { top: calc(0% + 0px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:nth-child(3n) { top: calc(50% + 10px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:nth-child(4n) { top: calc(100% + 20px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:nth-child(5n) { top: calc(150% + 30px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:nth-child(6n) { top: calc(200% + 40px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:nth-child(7n) { top: calc(250% + 50px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:nth-child(8n) { top: calc(300% + 60px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:nth-child(9n) { top: calc(350% + 70px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:not(:first-child) { height: calc(33.33333% + 6.66667px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:nth-child(2n) { top: calc(0% + 0px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:nth-child(3n) { top: calc(33.33333% + 6.66667px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:nth-child(4n) { top: calc(66.66667% + 13.33333px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:nth-child(5n) { top: calc(100% + 20px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:nth-child(6n) { top: calc(133.33333% + 26.66667px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:nth-child(7n) { top: calc(166.66667% + 33.33333px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:nth-child(8n) { top: calc(200% + 40px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:nth-child(9n) { top: calc(233.33333% + 46.66667px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:not(:first-child) { height: calc(25% + 5px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:nth-child(2n) { top: calc(0% + 0px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:nth-child(3n) { top: calc(25% + 5px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:nth-child(4n) { top: calc(50% + 10px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:nth-child(5n) { top: calc(75% + 15px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:nth-child(6n) { top: calc(100% + 20px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:nth-child(7n) { top: calc(125% + 25px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:nth-child(8n) { top: calc(150% + 30px); } .qodef-woo-single-page.qodef-woo-single-thumb-on-left-side .qodef-single-product-content .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:nth-child(9n) { top: calc(175% + 35px); } } .qodef-woo-single-page .product { position: relative; display: inline-block; width: 100%; vertical-align: middle; float: none; margin: 0 0 50px; } .qodef-woo-single-page .qodef-single-product-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; clear: both; margin: 0 0 20px; } .qodef-woo-single-page .qodef-single-product-content .images { position: relative; display: inline-block; vertical-align: middle; width: 54%; margin: 0; padding: 0 15px 0 0; float: left; box-sizing: border-box; } .qodef-woo-single-page .qodef-single-product-content .images figure { position: relative; display: inline-block; vertical-align: top; margin: 0 -10px; } .qodef-woo-single-page .qodef-single-product-content .images figure a { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .qodef-woo-single-page .qodef-single-product-content .images figure a img { position: relative; width: 100%; display: block; } .qodef-woo-single-page .qodef-single-product-content .images .woocommerce-product-gallery__trigger { position: absolute; top: 10px; right: 39px; width: 30px; height: 30px; line-height: 30px; text-align: center; z-index: 10; } .qodef-woo-single-page .qodef-single-product-content .images .woocommerce-product-gallery__image { position: relative; display: inline-block; vertical-align: top; margin: 0; padding: 0 10px; box-sizing: border-box; } .qodef-woo-single-page .qodef-single-product-content .images .woocommerce-product-gallery__image:first-child { left: 10px; width: calc(100% - 20px); padding: 0; } .qodef-woo-single-page .qodef-single-product-content .images .woocommerce-product-gallery__image .zoomImg { cursor: crosshair; } .qodef-woo-single-page .qodef-single-product-content .images.woocommerce-product-gallery--with-images .woocommerce-product-gallery__image:not(:first-child) { float: left; padding-top: 20px; } .qodef-woo-single-page .qodef-single-product-content .images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:not(:first-child) { width: 50%; } .qodef-woo-single-page .qodef-single-product-content .images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:not(:first-child) { width: 33.33333%; } .qodef-woo-single-page .qodef-single-product-content .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:not(:first-child) { width: 25%; } .qodef-woo-single-page .qodef-single-product-summary { position: relative; display: inline-block; vertical-align: middle; width: 46%; padding: 0 0 0 15px; float: left; box-sizing: border-box; } .qodef-woo-single-page .qodef-single-product-summary .qodef-single-product-title { display: inline-block; margin: -3px 0 12px; } .qodef-woo-single-page .qodef-single-product-summary .woocommerce-product-rating { line-height: 1; margin: 0; float: right; text-align: right; } .qodef-woo-single-page .qodef-single-product-summary .woocommerce-product-rating a.woocommerce-review-link { display: block; margin: 11px 0 0; font-weight: 300; font-size: 14px; font-family: "Merriweather", serif; } .qodef-woo-single-page .qodef-single-product-summary .price { position: relative; display: block; margin: 14px 0 0; line-height: 1; color: #110729; margin: 0; font-size: 20px; font-weight: 700; } .qodef-woo-single-page .qodef-single-product-summary .price * { font-size: inherit; line-height: inherit; } .qodef-woo-single-page .qodef-single-product-summary .price del { margin: 0 6px 0 0; color: #110729; } .qodef-woo-single-page .qodef-single-product-summary .price ins { text-decoration: none; color: #fac400; } .qodef-woo-single-page .qodef-single-product-summary .woocommerce-product-details__short-description { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 30px 0 0; } .qodef-woo-single-page .qodef-single-product-summary .woocommerce-product-details__short-description p { margin: 0; } .qodef-woo-single-page .qodef-single-product-summary .product_meta { margin: 49px 0 0; } .qodef-woo-single-page .qodef-single-product-summary .product_meta > span { display: block; margin: 5px 0; font-weight: 700; color: #110729; } .qodef-woo-single-page .qodef-single-product-summary .product_meta > span > a, .qodef-woo-single-page .qodef-single-product-summary .product_meta > span > span { font-weight: 300; color: #808080; } .qodef-woo-single-page .qodef-single-product-summary .product_meta > span a { color: #808080; } .qodef-woo-single-page .qodef-single-product-summary .product_meta > span a:hover { color: #fac400; } .qodef-woo-single-page .qodef-single-product-summary button[type=submit]:not(.qodef-search-submit) { font-size: 10px; border: 1px solid #e1e1e1; line-height: 51px; height: 50px; padding: 0 21px !important; } .qodef-woo-single-page .qodef-single-product-summary .qodef-woo-social-share-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; } .qodef-woo-single-page .qodef-single-product-summary .qodef-woo-social-share-holder > * { display: table-cell; vertical-align: top; } .qodef-woo-single-page .qodef-single-product-summary .qodef-woo-social-share-holder > span { padding: 0 9px 0 0; } .qodef-woo-single-page .qodef-single-product-summary p.stock.out-of-stock, .qodef-woo-single-page .qodef-single-product-summary p.stock.in-stock { color: #110729; font-weight: bold; margin: 18px 0 0; } .qodef-woo-single-page .qodef-single-product-summary form.cart { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 33px 0 0; } .qodef-woo-single-page .qodef-single-product-summary .qodef-quantity-buttons { margin: 0 15px 0 0; } .qodef-woo-single-page .woocommerce-tabs { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 55px 0 0; } .qodef-woo-single-page .woocommerce-tabs ul.tabs { position: relative; display: inline-block; width: 100%; vertical-align: middle; list-style: none; margin: 0; padding: 0; border-bottom: 2px solid #efefef; text-align: left; clear: both; } .qodef-woo-single-page .woocommerce-tabs ul.tabs > li { position: relative; display: inline-block; vertical-align: middle; bottom: -2px; padding-right: 4%; } .qodef-woo-single-page .woocommerce-tabs ul.tabs > li a { position: relative; display: inline-block; vertical-align: top; padding: 16px 0; font-size: 18px; line-height: 1.3em; font-weight: 700; letter-spacing: -.025em; text-transform: capitalize; border-bottom: 2px solid transparent; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .qodef-woo-single-page .woocommerce-tabs ul.tabs > li.active a { padding: 16px 22px; border-color: #fac400; } .qodef-woo-single-page .woocommerce-tabs ul.tabs > li:last-child { padding-right: 0; } .qodef-woo-single-page .woocommerce-tabs .entry-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding-top: 28px; } .qodef-woo-single-page .woocommerce-tabs .entry-content > h2 { display: none; } .qodef-woo-single-page .woocommerce-tabs .entry-content > p { margin: 36px 0 0; } .qodef-woo-single-page .woocommerce-tabs table { margin: 36px 0 0; } .qodef-woo-single-page .woocommerce-tabs table tr, .qodef-woo-single-page .woocommerce-tabs table th { border: 0; } .qodef-woo-single-page .woocommerce-tabs table td, .qodef-woo-single-page .woocommerce-tabs table th { padding: 0; vertical-align: middle; text-align: left; } .qodef-woo-single-page .woocommerce-tabs table td p, .qodef-woo-single-page .woocommerce-tabs table th p { margin: 0; } .qodef-woo-single-page .woocommerce-tabs table th { color: #110729; width: 1%; padding: 0 10px 0 0; } .qodef-woo-single-page .woocommerce-tabs table td { width: 99%; } .qodef-woo-single-page .woocommerce-tabs #reviews { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 36px 0 0; } .qodef-woo-single-page .woocommerce-tabs #reviews h2 { font-size: 19px; line-height: 24px; margin: 0 0 37px; } .qodef-woo-single-page .woocommerce-tabs #reviews ol.commentlist { list-style: none; } .qodef-woo-single-page .woocommerce-tabs #reviews ol.commentlist li { margin: 0 0 44px; background-color: #fafafa; } .qodef-woo-single-page .woocommerce-tabs #reviews ol.commentlist li:last-child { margin: 0; } .qodef-woo-single-page .woocommerce-tabs #reviews ol.commentlist .comment_container { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; table-layout: initial; padding: 34px; box-sizing: border-box; } .qodef-woo-single-page .woocommerce-tabs #reviews ol.commentlist .comment_container img { float: left; width: 150px; border-radius: 50%; } @media screen and (max-width: 480px) { .qodef-woo-single-page .woocommerce-tabs #reviews ol.commentlist .comment_container img { display: none; } } .qodef-woo-single-page .woocommerce-tabs #reviews ol.commentlist .comment_container .comment-text { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; width: 88%; padding: 0 0 0 34px; } @media screen and (max-width: 480px) { .qodef-woo-single-page .woocommerce-tabs #reviews ol.commentlist .comment_container .comment-text { width: 100%; padding: 0; } } .qodef-woo-single-page .woocommerce-tabs #reviews ol.commentlist .comment_container .comment-text .star-rating { line-height: 27px; float: right; text-align: right; } .qodef-woo-single-page .woocommerce-tabs #reviews ol.commentlist .comment_container .comment-text p { margin: 0; } .qodef-woo-single-page .woocommerce-tabs #reviews ol.commentlist .comment_container .comment-text p .woocommerce-review__author { font-size: 19px; font-weight: 700; color: #110729; display: block; } .qodef-woo-single-page .woocommerce-tabs #reviews ol.commentlist .comment_container .comment-text p .woocommerce-review__dash { display: none; } .qodef-woo-single-page .woocommerce-tabs #reviews ol.commentlist .comment_container .comment-text p .woocommerce-review__published-date { font-size: 12px; font-family: "Merriweather", serif; color: #a1a1a1; } .qodef-woo-single-page .woocommerce-tabs #reviews ol.commentlist .comment_container .comment-text .description p { margin: 10px 0; } .qodef-woo-single-page .woocommerce-tabs #reviews .comment-respond { margin-top: 15px; } .qodef-woo-single-page .woocommerce-tabs #reviews .comment-respond .comment-reply-title { font-size: 19px; font-weight: 700; color: #110729; display: block; margin: 85px 0 27px; } .qodef-woo-single-page .woocommerce-tabs #reviews .comment-respond p { margin: 0; } .qodef-woo-single-page .woocommerce-tabs #reviews .comment-respond .comment-notes { font-style: italic; margin: 0 0 27px; } .qodef-woo-single-page .woocommerce-tabs #reviews .comment-respond label { font-size: 14px; font-weight: 600; color: #110729; letter-spacing: -.025em; } .qodef-woo-single-page .woocommerce-tabs #reviews .comment-respond .stars { overflow: hidden; margin: 0 0 28px; } .qodef-woo-single-page .woocommerce-tabs #reviews .comment-respond .stars a { position: relative; display: inline-block; color: transparent; font-size: 0; margin: 0; } .qodef-woo-single-page .woocommerce-tabs #reviews .comment-respond .stars a:before { content: "\e031"; position: relative; display: inline-block; vertical-align: middle; overflow: hidden; z-index: -1; } .qodef-woo-single-page .woocommerce-tabs #reviews .comment-respond .stars a.active:after { content: "\e033\e033\e033\e033\e033"; position: absolute; right: 0; bottom: 7px; display: block; } .qodef-woo-single-page .woocommerce-tabs #reviews .comment-respond .form-submit input { line-height: 58px; border: 1px solid #e1e1e1; padding: 0 28px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .qodef-woo-single-page .woocommerce-tabs #reviews .comment-respond .form-submit input:hover { border-color: #fac400; } .qodef-woo-single-page .related.products, .qodef-woo-single-page .upsells.products { margin: 30px 0 0; } .qodef-woo-single-page .related.products > h2, .qodef-woo-single-page .upsells.products > h2 { display: block; margin: 37px 0; text-align: left; } .qodef-woo-single-page .related.products .product .qodef-pl-text-wrapper, .qodef-woo-single-page .upsells.products .product .qodef-pl-text-wrapper { margin-bottom: 0; } body.qodef-woo-single-page .select2-container--default.select2-container--open .select2-dropdown { border: 1px solid #e1e1e1; } /* ========================================================================== WooCommerce Single Product Page styles - end ========================================================================== */ /* ========================================================================== WooCommerce Dropdown Cart styles - begin ========================================================================== */ .qodef-shopping-cart-holder { position: relative; display: inline-block; vertical-align: middle; height: 100%; margin: 0 10px; padding-right: 7px; } .touch .qodef-shopping-cart-holder { cursor: pointer; } .qodef-shopping-cart-holder .qodef-shopping-cart-inner { position: relative; display: table; height: 100%; } .qodef-shopping-cart-holder .qodef-header-cart { position: relative; display: table-cell; vertical-align: middle; line-height: 1; } .qodef-shopping-cart-holder .qodef-header-cart .qodef-cart-icon { position: relative; display: inline-block; vertical-align: top; } .qodef-shopping-cart-holder .qodef-header-cart.qodef-header-cart-icon-pack .qodef-cart-icon { font-size: 19px; line-height: 1em; } .qodef-shopping-cart-holder .qodef-header-cart.qodef-header-cart-icon-pack .qodef-cart-icon * { display: block; line-height: inherit; } .qodef-shopping-cart-holder .qodef-header-cart.qodef-header-cart-icon-pack .qodef-cart-icon *:before { display: block; line-height: inherit; } .qodef-shopping-cart-holder .qodef-header-cart .qodef-cart-number { position: absolute; top: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); left: 85%; width: 15px; height: 15px; background-color: #fac400; border-radius: 50%; font-size: 10px; font-weight: 700; text-align: center; line-height: 15px; color: #fff; } .qodef-shopping-cart-holder .qodef-header-cart.qodef-header-cart-svg-path .qodef-cart-icon > * { vertical-align: middle; } .qodef-shopping-cart-holder .qodef-header-cart.qodef-header-cart-svg-path .qodef-cart-icon > *, .qodef-shopping-cart-holder .qodef-header-cart.qodef-header-cart-svg-path .qodef-cart-icon path { fill: currentColor; stroke: currentColor; } .qodef-shopping-cart-holder:hover .qodef-shopping-cart-dropdown { top: 100%; opacity: 1; visibility: visible; } .qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) .qodef-shopping-cart-holder .qodef-header-cart { color: #110729; } .qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) .qodef-shopping-cart-holder .qodef-header-cart:hover { color: #fac400; } .qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) .qodef-shopping-cart-holder .qodef-header-cart { color: #fff; } .qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) .qodef-shopping-cart-holder .qodef-header-cart:hover { color: #fac400; } .qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) .qodef-shopping-cart-holder .qodef-header-cart .qodef-cart-number { background-color: #fac400; color: #fff; } .qodef-shopping-cart-dropdown { position: absolute; top: calc(100% + 50px); left: auto; right: 0; width: 309px; background-color: #fff; text-align: left; z-index: 1000; opacity: 0; visibility: hidden; box-sizing: border-box; -webkit-transition: all 0.35s cubic-bezier(0.53, 0.01, 0.18, 1); -moz-transition: all 0.35s cubic-bezier(0.53, 0.01, 0.18, 1); transition: all 0.35s cubic-bezier(0.53, 0.01, 0.18, 1); } .qodef-shopping-cart-dropdown ul { margin: 25px; padding: 0; } .qodef-shopping-cart-dropdown ul li { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; padding: 5px 0; box-sizing: border-box; } .qodef-shopping-cart-dropdown ul li.qodef-empty-cart { color: initial; border-bottom: 0; } .qodef-shopping-cart-dropdown ul li:first-child { padding-top: 0; } .qodef-shopping-cart-dropdown ul li:last-child { padding-bottom: 0; } .qodef-shopping-cart-dropdown .qodef-item-image-holder { position: relative; display: table-cell; height: 100%; width: 74px; vertical-align: top; } .qodef-shopping-cart-dropdown .qodef-item-image-holder img { display: block; } .qodef-shopping-cart-dropdown .qodef-item-info-holder { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; padding-left: 13px; } .qodef-shopping-cart-dropdown .qodef-item-info-holder .qodef-product-title { display: block; margin: 0; padding: 0 20px 0 0; box-sizing: border-box; } .qodef-shopping-cart-dropdown .qodef-item-info-holder .remove { position: absolute; top: 0; right: 0; font-size: 22px; line-height: 1; } .qodef-shopping-cart-dropdown .qodef-item-info-holder .remove span { display: block; line-height: inherit; } .qodef-shopping-cart-dropdown .qodef-item-info-holder .remove span:before { display: block; line-height: inherit; } .qodef-shopping-cart-dropdown .qodef-item-info-holder .qodef-quantity { display: block; margin: 3px 0 0; font-size: 15px; font-weight: 700; color: #fac400; } .qodef-shopping-cart-dropdown .qodef-cart-bottom { padding: 5px 0 0; } .qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-subtotal-holder { position: relative; display: table; width: 100%; margin: 0 0 11px; } .qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-subtotal-holder > * { display: table-cell; vertical-align: top; color: #110729; line-height: 20px; } .qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-subtotal-holder .qodef-total { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; } .qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-subtotal-holder .qodef-total-amount { text-align: right; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #fac400; } .qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-btn-holder { font-size: 0; } .qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-btn-holder a { width: 50%; display: inline-block; height: 53px; line-height: 53px; font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #fff; text-align: center; box-sizing: border-box; -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out; -moz-transition: color 0.2s ease-out, background-color 0.2s ease-out; transition: color 0.2s ease-out, background-color 0.2s ease-out; } .qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-btn-holder .qodef-view-cart { background-color: #111111; } .qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-btn-holder .qodef-view-cart:hover { background-color: #fac400; } .qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-btn-holder .qodef-view-checkout { background-color: #252525; } .qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-btn-holder .qodef-view-checkout:hover { background-color: #fac400; } .qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-btn-holder span { display: block; } .qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-btn-holder:hover { color: #fff; background-color: #110729; } .qodef-vertical-menu-area .qodef-shopping-cart-dropdown { display: none !important; } /* ========================================================================== WooCommerce Dropdown Cart styles - end ========================================================================== */ /* ========================================================================== WooCommerce Widgets styles - begin ========================================================================== */ .widget.woocommerce { clear: both; } .widget.woocommerce.widget_rating_filter ul, .widget.woocommerce.widget_shopping_cart ul, .widget.woocommerce.widget_layered_nav ul, .widget.woocommerce.widget_layered_nav_filters ul, .widget.woocommerce.widget_product_categories ul, .widget.woocommerce.widget_products ul, .widget.woocommerce.widget_recently_viewed_products ul, .widget.woocommerce.widget_recent_reviews ul, .widget.woocommerce.widget_top_rated_products ul { padding: 0; margin: 0; list-style: none; } .widget.woocommerce.widget_rating_filter ul li, .widget.woocommerce.widget_shopping_cart ul li, .widget.woocommerce.widget_layered_nav ul li, .widget.woocommerce.widget_layered_nav_filters ul li, .widget.woocommerce.widget_product_categories ul li, .widget.woocommerce.widget_products ul li, .widget.woocommerce.widget_recently_viewed_products ul li, .widget.woocommerce.widget_recent_reviews ul li, .widget.woocommerce.widget_top_rated_products ul li { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; margin: 0 0 14px; clear: both; } .widget.woocommerce.widget_rating_filter ul li:last-child, .widget.woocommerce.widget_shopping_cart ul li:last-child, .widget.woocommerce.widget_layered_nav ul li:last-child, .widget.woocommerce.widget_layered_nav_filters ul li:last-child, .widget.woocommerce.widget_product_categories ul li:last-child, .widget.woocommerce.widget_products ul li:last-child, .widget.woocommerce.widget_recently_viewed_products ul li:last-child, .widget.woocommerce.widget_recent_reviews ul li:last-child, .widget.woocommerce.widget_top_rated_products ul li:last-child { margin: 0; } .widget.woocommerce.widget_rating_filter ul li ul, .widget.woocommerce.widget_shopping_cart ul li ul, .widget.woocommerce.widget_layered_nav ul li ul, .widget.woocommerce.widget_layered_nav_filters ul li ul, .widget.woocommerce.widget_product_categories ul li ul, .widget.woocommerce.widget_products ul li ul, .widget.woocommerce.widget_recently_viewed_products ul li ul, .widget.woocommerce.widget_recent_reviews ul li ul, .widget.woocommerce.widget_top_rated_products ul li ul { margin: 14px 0 0 10px; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li img { display: block; max-width: 84px; margin: 0 70% 13px 0; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li .remove { position: absolute; top: 0; right: 0; font-size: 0; line-height: 1; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li .remove:after { position: relative; display: block; padding: 0 3px; font-family: 'Ionicons'; content: "\f404"; font-size: 30px; line-height: 25px; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .variation { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .variation > * { display: inline-block; vertical-align: middle; margin: 0; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .variation > * p { margin: 0; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .total { margin: 17px 0 13px; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons { margin: 10px 0 0; } .widget.woocommerce.widget_layered_nav .qodef-widget-title { margin: 0 0 17px; } .widget.woocommerce.widget_layered_nav ul li { margin: 2px 0; } .widget.woocommerce.widget_layered_nav ul li.chosen a { color: #fac400; } .widget.woocommerce.widget_layered_nav_filters .qodef-widget-title { margin: 0 0 17px; } .widget.woocommerce.widget_price_filter { margin: 0 0 50px; } .widget.woocommerce.widget_price_filter .qodef-widget-title { margin: 0 0 28px; } .widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content { position: relative; height: 3px; background-color: #000; } .widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle { position: absolute; top: -3px; height: 9px; width: 9px; border-radius: 50%; background-color: #fac400; margin: 0 0 0 -1px; cursor: pointer; outline: medium none; z-index: 2; } .widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle:last-child { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range { position: absolute; display: block; height: 100%; background-color: #fac400; z-index: 1; } .widget.woocommerce.widget_price_filter .price_slider_amount { margin: 29px 0 0; } .widget.woocommerce.widget_price_filter .price_slider_amount .button { float: right; line-height: 22px; padding: 0; color: #110729; background-color: transparent; border: 0; vertical-align: middle; letter-spacing: .1em; } .widget.woocommerce.widget_price_filter .price_slider_amount .button:hover { color: #110729 !important; background-color: transparent !important; border: none !important; } .widget.woocommerce.widget_price_filter .price_slider_amount .price_label { float: left; font-weight: 700; line-height: 22px; color: #000; } .widget.woocommerce.widget_product_categories ul li { margin: 2px 0; } .widget.woocommerce.widget_product_categories ul li a { font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; } .widget.woocommerce.widget_product_categories ul li ul { margin: 0 0 0 10px; } .widget.woocommerce.widget_products .qodef-widget-title, .widget.woocommerce.widget_recently_viewed_products .qodef-widget-title, .widget.woocommerce.widget_recent_reviews .qodef-widget-title, .widget.woocommerce.widget_top_rated_products .qodef-widget-title { margin: 0 0 25px; } .widget.woocommerce.widget_products ul li, .widget.woocommerce.widget_recently_viewed_products ul li, .widget.woocommerce.widget_recent_reviews ul li, .widget.woocommerce.widget_top_rated_products ul li { padding-top: 9px; min-height: 74px; } .widget.woocommerce.widget_products ul li a img, .widget.woocommerce.widget_recently_viewed_products ul li a img, .widget.woocommerce.widget_recent_reviews ul li a img, .widget.woocommerce.widget_top_rated_products ul li a img { position: absolute; top: 0; left: 0; width: 100%; max-width: 85px; } .widget.woocommerce.widget_products ul li a span, .widget.woocommerce.widget_recently_viewed_products ul li a span, .widget.woocommerce.widget_recent_reviews ul li a span, .widget.woocommerce.widget_top_rated_products ul li a span { position: relative; display: block; padding: 0 0 0 102px; line-height: 20px; box-sizing: border-box; font-weight: 700; } .widget.woocommerce.widget_products ul li > *:not(a), .widget.woocommerce.widget_recently_viewed_products ul li > *:not(a), .widget.woocommerce.widget_recent_reviews ul li > *:not(a), .widget.woocommerce.widget_top_rated_products ul li > *:not(a) { margin: 0 0 0 102px; line-height: 14px; } .widget.woocommerce.widget_products ul li .star-rating, .widget.woocommerce.widget_recently_viewed_products ul li .star-rating, .widget.woocommerce.widget_recent_reviews ul li .star-rating, .widget.woocommerce.widget_top_rated_products ul li .star-rating { position: relative; } .widget.woocommerce.widget_products ul li .star-rating span, .widget.woocommerce.widget_recently_viewed_products ul li .star-rating span, .widget.woocommerce.widget_recent_reviews ul li .star-rating span, .widget.woocommerce.widget_top_rated_products ul li .star-rating span { max-width: 100px; } .widget.woocommerce.widget_products ul li del, .widget.woocommerce.widget_products ul li ins, .widget.woocommerce.widget_recently_viewed_products ul li del, .widget.woocommerce.widget_recently_viewed_products ul li ins, .widget.woocommerce.widget_recent_reviews ul li del, .widget.woocommerce.widget_recent_reviews ul li ins, .widget.woocommerce.widget_top_rated_products ul li del, .widget.woocommerce.widget_top_rated_products ul li ins { display: block; } .widget.woocommerce.widget_products ul li del span, .widget.woocommerce.widget_products ul li ins span, .widget.woocommerce.widget_recently_viewed_products ul li del span, .widget.woocommerce.widget_recently_viewed_products ul li ins span, .widget.woocommerce.widget_recent_reviews ul li del span, .widget.woocommerce.widget_recent_reviews ul li ins span, .widget.woocommerce.widget_top_rated_products ul li del span, .widget.woocommerce.widget_top_rated_products ul li ins span { color: inherit; } .widget.woocommerce.widget_products ul li del .amount, .widget.woocommerce.widget_recently_viewed_products ul li del .amount, .widget.woocommerce.widget_recent_reviews ul li del .amount, .widget.woocommerce.widget_top_rated_products ul li del .amount { font-weight: 700; font-size: 14px; } .widget.woocommerce.widget_products ul li ins, .widget.woocommerce.widget_recently_viewed_products ul li ins, .widget.woocommerce.widget_recent_reviews ul li ins, .widget.woocommerce.widget_top_rated_products ul li ins { text-decoration: none; font-weight: 700; margin-top: 5px; } .widget.woocommerce.widget_products ul li ins .amount, .widget.woocommerce.widget_recently_viewed_products ul li ins .amount, .widget.woocommerce.widget_recent_reviews ul li ins .amount, .widget.woocommerce.widget_top_rated_products ul li ins .amount { font-weight: 700; color: #fac400; } .widget.woocommerce.widget_products ul li > .amount:nth-child(4), .widget.woocommerce.widget_recently_viewed_products ul li > .amount:nth-child(4), .widget.woocommerce.widget_recent_reviews ul li > .amount:nth-child(4), .widget.woocommerce.widget_top_rated_products ul li > .amount:nth-child(4) { display: block; } .widget.woocommerce.widget_products ul li .amount, .widget.woocommerce.widget_recently_viewed_products ul li .amount, .widget.woocommerce.widget_recent_reviews ul li .amount, .widget.woocommerce.widget_top_rated_products ul li .amount { font-weight: 700; } .widget.woocommerce.widget_recent_reviews ul li a span { padding: 0; } .widget.woocommerce.widget_products ul li .product-title, .widget.woocommerce.widget_recently_viewed_products ul li .product-title, .widget.woocommerce.widget_top_rated_products ul li .product-title { color: inherit; } .widget.woocommerce.widget_products ul li .amount, .widget.woocommerce.widget_recently_viewed_products ul li .amount, .widget.woocommerce.widget_top_rated_products ul li .amount { color: #110729; } .widget.woocommerce.widget_recently_viewed_products ul li del, .widget.woocommerce.widget_recently_viewed_products ul li > .amount { display: block; margin-top: 10px; } .widget.woocommerce.widget_recent_reviews ul li .star-rating { margin-top: 7px; margin-bottom: 10px; } .widget.woocommerce.widget_recent_reviews a { display: block; padding: 0 0 0 102px; } .widget.woocommerce.widget_recent_reviews .reviewer { display: inline-block; vertical-align: middle; width: auto; clear: both; } .widget.woocommerce.widget_top_rated_products ul li .star-rating { margin-top: 4px; margin-bottom: 6px; } .widget.woocommerce.widget_product_tag_cloud .tagcloud a { position: relative; display: inline-block; vertical-align: middle; font-family: inherit; background-color: transparent; font-size: 14px !important; } .widget.woocommerce.widget_product_tag_cloud .tagcloud a:after { content: '/'; color: #808080; margin: 0 0 0 4px; } .widget.woocommerce.widget_product_tag_cloud .tagcloud a:last-child:after { display: none; } .widget.woocommerce.widget_product_search .woocommerce-product-search { position: relative; display: inline-block; width: 100%; vertical-align: middle; clear: both; } .widget.woocommerce.widget_product_search .woocommerce-product-search > div { position: relative; display: inline-block; width: 100%; vertical-align: middle; box-sizing: border-box; background-color: #fafafa; } .widget.woocommerce.widget_product_search .woocommerce-product-search input, .widget.woocommerce.widget_product_search .woocommerce-product-search button { position: relative; display: inline-block; vertical-align: top; float: left; margin: 0; height: 60px; line-height: 32px; color: #110729; background-color: transparent; border: 0; border-radius: 0; outline: 0; -webkit-appearance: none; box-sizing: border-box; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .widget.woocommerce.widget_product_search .woocommerce-product-search input { width: calc(100% - 40px); padding: 10px 10px 10px 20px; font-family: "Merriweather", serif; font-size: 12px; } .widget.woocommerce.widget_product_search .woocommerce-product-search input::-webkit-input-placeholder { color: inherit; } .widget.woocommerce.widget_product_search .woocommerce-product-search input:-moz-placeholder { color: inherit; opacity: 1; } .widget.woocommerce.widget_product_search .woocommerce-product-search input::-moz-placeholder { color: inherit; opacity: 1; } .widget.woocommerce.widget_product_search .woocommerce-product-search input:-ms-input-placeholder { color: inherit; } .widget.woocommerce.widget_product_search .woocommerce-product-search button { width: 40px; padding: 10px 13px 10px 4px; font-size: 19px; cursor: pointer; } .widget.woocommerce.widget_product_search .woocommerce-product-search button:hover { color: #110729; } .widget.woocommerce.widget_product_search .woocommerce-product-search button span { display: block; line-height: inherit; } .widget.woocommerce.widget_product_search .woocommerce-product-search button span:before { display: block; line-height: inherit; } /* ========================================================================== WooCommerce Widgets styles - end ========================================================================== */ /* ========================================================================== Product Info shortcode styles - begin ========================================================================== */ .qodef-product-info { position: relative; display: inline-block; vertical-align: middle; } .qodef-product-info > div { position: relative; display: inline-block; vertical-align: middle; } .qodef-product-info > div p { margin: 0; } .qodef-product-info > div a { position: relative; display: inline-block; vertical-align: middle; margin: 0 9px 0 0; } .qodef-product-info > div a:last-child { margin: 0; } .qodef-product-info .qodef-pi-title, .qodef-product-info .qodef-pi-image, .qodef-product-info .qodef-pi-rating { position: relative; display: inline-block; vertical-align: middle; margin: 0; } .qodef-product-info .qodef-pi-image img { display: block; } .qodef-product-info .qodef-pi-category h1, .qodef-product-info .qodef-pi-category h2, .qodef-product-info .qodef-pi-category h3, .qodef-product-info .qodef-pi-category h4, .qodef-product-info .qodef-pi-category h5, .qodef-product-info .qodef-pi-category h6 { margin: 0; } .qodef-product-info .qodef-pi-category h1 a, .qodef-product-info .qodef-pi-category h2 a, .qodef-product-info .qodef-pi-category h3 a, .qodef-product-info .qodef-pi-category h4 a, .qodef-product-info .qodef-pi-category h5 a, .qodef-product-info .qodef-pi-category h6 a { vertical-align: top; } .qodef-product-info .qodef-pi-rating { position: relative; display: inline-block; vertical-align: middle; overflow: hidden; } .qodef-product-info .qodef-pi-rating:before { content: "\e031\e031\e031\e031\e031"; } .qodef-product-info .qodef-pi-rating span { position: absolute; top: 0; left: 0; overflow: hidden; } .qodef-product-info .qodef-pi-rating span:before { content: "\e033\e033\e033\e033\e033"; } .qodef-product-info .qodef-pi-add-to-cart .qodef-btn.qodef-btn-solid.qodef-white-skin { color: #110729; background-color: #fff; border-color: #fff; } .qodef-product-info .qodef-pi-add-to-cart .qodef-btn.qodef-btn-solid.qodef-white-skin:hover { color: #fff; background-color: #110729; border-color: #110729; } .qodef-product-info .qodef-pi-add-to-cart .qodef-btn.qodef-btn-solid.qodef-dark-skin { color: #fff; background-color: #110729; border-color: #110729; } .qodef-product-info .qodef-pi-add-to-cart .qodef-btn.qodef-btn-solid.qodef-dark-skin:hover { color: #110729; background-color: #fff; border-color: #fff; } /* ========================================================================== Product Info shortcode styles - end ========================================================================== */ /* ========================================================================== Product List shortcode styles - begin ========================================================================== */ .qodef-pl-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; /*************** Masonry Layout - begin ***************/ /*************** Masonry Layout - end ***************/ } .qodef-pl-holder.qodef-info-on-image .qodef-pli .qodef-pli-add-to-cart { margin: 25px 0 0; } .qodef-pl-holder .qodef-pli { padding: 0; z-index: 100; } .qodef-pl-holder .qodef-pli .qodef-pli-title { margin: 0; padding: 0; width: 60%; float: left; line-height: 24px; } .qodef-pl-holder .qodef-pli .qodef-pli-price { position: relative; display: block; margin: 14px 0 0; line-height: 1; color: #110729; text-align: right; margin: 0; padding: 0; width: 40%; float: right; line-height: 24px; font-weight: 700; font-size: 18px; } .qodef-pl-holder .qodef-pli .qodef-pli-price * { font-size: inherit; line-height: inherit; } .qodef-pl-holder .qodef-pli .qodef-pli-price del { margin: 0 6px 0 0; color: #110729; } .qodef-pl-holder .qodef-pli .qodef-pli-price ins { text-decoration: none; color: #fac400; } .qodef-pl-holder .qodef-pli .qodef-pli-category { margin: 11px 0 3px; font-size: 12px; text-transform: uppercase; font-weight: 500; letter-spacing: .1em; } .qodef-pl-holder .qodef-pli .qodef-pli-excerpt { color: #110729; line-height: 1.3em; margin: 11px 0 3px; } .qodef-pl-holder .qodef-pli .qodef-pli-rating-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; line-height: 1; margin: 10px 0 3px; } .qodef-pl-holder .qodef-pli .qodef-pli-rating { position: relative; display: inline-block; vertical-align: middle; overflow: hidden; } .qodef-pl-holder .qodef-pli .qodef-pli-rating:before { content: "\e031\e031\e031\e031\e031"; } .qodef-pl-holder .qodef-pli .qodef-pli-rating span { position: absolute; top: 0; left: 0; overflow: hidden; } .qodef-pl-holder .qodef-pli .qodef-pli-rating span:before { content: "\e033\e033\e033\e033\e033"; } .qodef-pl-holder .qodef-pli-inner { position: relative; display: inline-block; vertical-align: middle; overflow: hidden; } .qodef-pl-holder .qodef-pli-inner:hover .qodef-pli-text { opacity: 1; } .qodef-pl-holder .qodef-pli-inner:hover .qodef-pli-image img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); } .touch .qodef-pl-holder .qodef-pli-inner { cursor: pointer; } .qodef-pl-holder .qodef-pli-inner .qodef-pli-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; overflow: hidden; } .qodef-pl-holder .qodef-pli-inner .qodef-pli-image img { display: block; width: 100%; backface-visibility: hidden; -webkit-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s; } .qodef-pl-holder .qodef-pli-inner .qodef-pli-image .qodef-pli-onsale, .qodef-pl-holder .qodef-pli-inner .qodef-pli-image .qodef-pli-out-of-stock, .qodef-pl-holder .qodef-pli-inner .qodef-pli-image .qodef-pli-new-product { position: absolute; display: block; bottom: 0; width: 76px; height: 76px; margin: 0; padding: 0 6px; color: #fff; font-size: 14px; font-weight: 700; line-height: 76px; letter-spacing: .06em; text-align: center; z-index: 100; box-sizing: border-box; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .qodef-pl-holder .qodef-pli-inner .qodef-pli-image .qodef-pli-onsale { left: 0; background-color: #fac400; } .qodef-pl-holder .qodef-pli-inner .qodef-pli-image .qodef-pli-out-of-stock { top: 0; bottom: initial; right: 0; background-color: #2c7d7b; } .qodef-pl-holder .qodef-pli-inner .qodef-pli-image .qodef-pli-new-product { left: 0; background-color: #620a27; } .qodef-pl-holder .qodef-pli-inner .qodef-pli-text { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; padding: 10px; opacity: 0; background-color: rgba(17, 7, 41, 0.6); box-sizing: border-box; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .qodef-pl-holder .qodef-pli-inner .qodef-pli-text-outer { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; text-align: center; } .qodef-pl-holder .qodef-pli-inner .qodef-pli-text-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; } .qodef-pl-holder .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-title, .qodef-pl-holder .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-category a, .qodef-pl-holder .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-excerpt, .qodef-pl-holder .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-rating, .qodef-pl-holder .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-price { color: #fff; } .qodef-pl-holder .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-category a:hover { color: rgba(255, 255, 255, 0.8); } .qodef-pl-holder .qodef-pli-inner .qodef-pli-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } .qodef-pl-holder .qodef-pli-text-wrapper { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 32px 0 16px; } .qodef-pl-holder .qodef-pli-text-wrapper .qodef-pli-add-to-cart.qodef-default-skin .button:hover, .qodef-pl-holder .qodef-pli-text-wrapper .qodef-pli-add-to-cart.qodef-default-skin .added_to_cart:hover { color: #110729 !important; } .qodef-pl-holder .qodef-pli-text-wrapper .qodef-pli-add-to-cart.qodef-light-skin .button, .qodef-pl-holder .qodef-pli-text-wrapper .qodef-pli-add-to-cart.qodef-light-skin .added_to_cart { color: #110729; background-color: #fff; } .qodef-pl-holder .qodef-pli-text-wrapper .qodef-pli-add-to-cart.qodef-light-skin .button:hover, .qodef-pl-holder .qodef-pli-text-wrapper .qodef-pli-add-to-cart.qodef-light-skin .added_to_cart:hover { color: #fff; background-color: #fac400; } .qodef-pl-holder .qodef-pli-text-wrapper .qodef-pli-add-to-cart.qodef-dark-skin .button, .qodef-pl-holder .qodef-pli-text-wrapper .qodef-pli-add-to-cart.qodef-dark-skin .added_to_cart { color: #fff; background-color: #110729; } .qodef-pl-holder .qodef-pli-text-wrapper .qodef-pli-add-to-cart.qodef-dark-skin .button:hover, .qodef-pl-holder .qodef-pli-text-wrapper .qodef-pli-add-to-cart.qodef-dark-skin .added_to_cart:hover { color: #fff; background-color: #fac400; } .qodef-pl-holder .qodef-pli-text-wrapper .button, .qodef-pl-holder .qodef-pli-text-wrapper .added_to_cart { position: relative; display: inline-block; vertical-align: middle; width: auto; margin: 0; font-family: inherit; font-size: 12px; line-height: 2em; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; outline: none; box-sizing: border-box; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; padding: 17px 33px; white-space: nowrap; z-index: 3; padding: 0 !important; } .qodef-pl-holder .qodef-pli-text-wrapper .added_to_cart:after { font-family: ElegantIcons; content: "\24"; margin: 0 0 0 12px; line-height: inherit; vertical-align: bottom; font-size: 1.25em; } .qodef-pl-holder .qodef-pli-text-wrapper .button.added { display: none; } .qodef-pl-holder.qodef-product-info-light .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-title, .qodef-pl-holder.qodef-product-info-light .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-category a, .qodef-pl-holder.qodef-product-info-light .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-excerpt, .qodef-pl-holder.qodef-product-info-light .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-rating, .qodef-pl-holder.qodef-product-info-light .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-price { color: #fff; } .qodef-pl-holder.qodef-product-info-light .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-category a:hover { color: rgba(255, 255, 255, 0.8); } .qodef-pl-holder.qodef-product-info-dark .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-title, .qodef-pl-holder.qodef-product-info-dark .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-category a, .qodef-pl-holder.qodef-product-info-dark .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-excerpt, .qodef-pl-holder.qodef-product-info-dark .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-rating, .qodef-pl-holder.qodef-product-info-dark .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-price { color: #110729; } .qodef-pl-holder.qodef-product-info-dark .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-category a:hover { color: rgba(17, 7, 41, 0.8); } .qodef-pl-holder.qodef-masonry-layout .qodef-pli-inner { width: 100%; height: 100%; } .qodef-pl-holder.qodef-masonry-layout .qodef-pli-inner .qodef-pli-image { height: 100%; } /* ========================================================================== Product List shortcode styles - end ========================================================================== */ /* ========================================================================== WooCommerce styles - end ========================================================================== */ /*# sourceMappingURL=../css/woocommerce.css.map */