/* ============================================ * * Codazon_Theme_Var * ============================================ */ /*Label product*/ /*Setting padding for template*/ /*Spacing for each area*/ /*@mixin abs-stylebg($_bkgcolor, $_bkgurl, $_bkgname, $_bkgposition: 0 0, $_bkgrepeat: no-repeat){ background-color:$_bkgcolor; background-image:url("${_bkgurl}${_bkgname}"); background-position:$_bkgposition; background-repeat:$_bkgrepeat; } */ /*Baby Home Product*/ /*Core*/ /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package rwd_default * @copyright Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /*! normalize.css v2.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Sets default font family to sans-serif. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Removes default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: none; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses `h1` font sizes within `section` and `article` in Firefox 4+, * Safari 5, and Chrome. */ h1 { font-size: 2em; } /* * Addresses styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* * Corrects font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Sets consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /* * Removes border when inside `a` element in IE 8/9. */ img { border: 0; } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /* * 1. Corrects font family not being inherited in all browsers. * 2. Corrects font size not being inherited in all browsers. * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /* * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to `content-box` in IE 8/9. * 2. Removes excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* ============================================ * * Reset * ============================================ */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } html { -webkit-tap-highlight-color: transparent; /* Prevent tap highlight on iOS/Android */ -webkit-text-size-adjust: 100%; /* Prevent automatic scaling on iOS */ } body { background: #FFFFFF; color: #000000; line-height: 1; } html, body, img, fieldset, abbr, acronym { border: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } th, code, cite, caption { font-weight: normal; font-style: normal; text-align: left; } .cdz-rtl th, .cdz-rtl code, .cdz-rtl cite, .cdz-rtl caption { text-align: right; } address { font-style: normal; } fieldset { margin: 0; padding: 0; border: 0; } img { display: block; } ol, ul { list-style: none; } q:before, q:after { content: ''; } input:focus, input[type="search"]:focus { outline-offset: -2px; } input[type="search"] { -webkit-appearance: none; /* 1 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* 2 */ box-sizing: border-box; } /* ============================================ * * Base Styles * ============================================ */ @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } a, button { -ms-touch-action: manipulation; touch-action: manipulation; } a { text-decoration: none; } a:hover { text-decoration: underline; } ol, ul { list-style: none; margin: 0; padding: 0; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .line-left { border-left-width: 1px; border-left-style: solid; } .line-right { border-right-width: 1px; border-right-style: solid; } /* ============================================ * * Typography * ============================================ */ h1, .h1 { margin: 0; margin-bottom: 0.7em; font: 500 22px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-rendering: optimizeLegibility; text-transform: uppercase; } h2, .h2 { margin: 0; margin-bottom: 0.5em; font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-rendering: optimizeLegibility; text-transform: uppercase; } h3, .h3 { margin: 0; margin-bottom: 10px; font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-rendering: optimizeSpeed; text-transform: uppercase; } h4, .h4 { margin: 0; margin-bottom: 10px; font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-rendering: optimizeSpeed; text-transform: uppercase; } h5, .h5 { margin: 0; margin-bottom: 10px; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-rendering: optimizeSpeed; text-transform: uppercase; } h6, .h6 { margin: 0; margin-bottom: 5px; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-rendering: optimizeSpeed; text-transform: uppercase; } /* ============================================ * * Shared Classes * ============================================ */ .address-list address { margin-bottom: 1em; } .availability { margin-bottom: 0; font-size: 13px; text-transform: uppercase; } .availability .label { display: none; } .availability.in-stock { color: #11b400; } .availability.available-soon, .availability.out-of-stock { color: #df280a; } .availability-only { color: #df280a; margin-bottom: 10px; } /* Content Columns */ .col2-set { float: left; width: 100%; } .dashboard .box-account { overflow: hidden; height: 100%; } .col2-set .box-content { float: left; width: 100%; } .col2-set .col-1 { float: left; width: 49%; } .col2-set .col-2 { float: right; width: 49%; } .col2-set .col-narrow { width: 33%; } .col2-set .col-wide { width: 65%; } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } /* Content Columns no margin*/ .columns-3 .col-1 { float: left; width: 33.33333%; margin-bottom: 20px; padding: 20px 20px; } .columns-3 .col-2 { float: left; width: 33.33333%; margin-bottom: 20px; } .columns-3 .col-3 { float: left; width: 33.33333%; margin-bottom: 20px; padding: 20px 20px; } .columns-2 .col-1 { float: left; width: 50%; } .columns-2 .col-2 { float: left; width: 50%; } /* -------------------------------------------- * * Page Titles */ .page-title h1, .page-title h2, .product-name h1, .product-name .h1 { padding-bottom: 3px; margin-bottom: 15px; } /* -------------------------------------------- * * Block Module */ /*.block, .col-left-first { margin-bottom: 20px; } .col-left-first .block:last-of-type { margin-bottom: 0; } */ .block-title { position: relative; padding: 10px 0 0; margin-bottom: 5px; border-top: 1px solid #e1e1e1; } .block-title small { font-size: 100%; font-weight: normal; } body:not(.customer-account) .block:first-child .block-title { border-top: none; padding-top: 0; } .block-subtitle { font-weight: bold; margin-bottom: 7px; } .block-content { margin-top: 5px; } .block-content.unpad { padding: 0; } .block-content li.item { margin: 0 0 10px 9px; } .block-content li.item:last-child { margin-bottom: 0; } .block .actions { margin: 10px 0 0; } .block .actions:after { content: ''; display: table; clear: both; } .block .actions a { float: left; } .block .actions .button { float: right; } .col-left .block .actions .button ~ a, .col-right .block .actions .button ~ a { line-height: 33px; margin-right: 5px; } .sidebar .block-banner img { max-width: 100%; } /* -------------------------------------------- * * Secondary Navigation */ .block-account .block-title, .block-cms-menu .block-title { padding-top: 0; border-top: none; } .block-account li, .block-cms-menu li { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; margin: 7px 0; } .block-account li strong, .block-cms-menu li strong { font-weight: 400; color: #282828; } .block-account li a, .block-cms-menu li a { color: #636363; } .block-account li a:hover, .block-cms-menu li a:hover { color: #282828; } /* ============================================ * * Buttons * ============================================ */ /* Secondary Buttons */ /*.cart .buttons-set .button, .cart-table .button, .sidebar .actions .button, .button.button-secondary { background: $btn_secondary_background; color: $btn_secondary_text; padding: 7px 15px; } .cart .buttons-set .button:hover, .cart-table .button:hover, .sidebar .actions .button:hover, .button.button-secondary:hover { background: #d0d0d0; cursor: pointer; } .cart .buttons-set .button:active, .cart-table .button:active, .sidebar .actions .button:active, .button.button-secondary:active { background: #c4c4c4; color: #636363; } .cart .buttons-set .button:focus, .cart-table .button:focus, .sidebar .actions .button:focus, .button.button-secondary:focus { color: #636363; background: #c4c4c4; outline: none; } .sidebar .actions button.button { white-space: normal; } */ /* Primary Buttons */ /*.button, .cart-table .product-cart-actions .button, #co-shipping-method-form .buttons-set .button, .footer .button { background: $btn_default_background; display: inline-block; padding: 7px 15px; border: 0; color: $btn_default_text; font:$f_h6; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; } .button:hover, .cart-table .product-cart-actions .button:hover, #co-shipping-method-form .buttons-set .button:hover, .footer .button:hover { background-color: lighten( $btn_default_background, 20% ); cursor: pointer; } .button:active, .cart-table .product-cart-actions .button:active, #co-shipping-method-form .buttons-set .button:active, .footer .button:active { background-color: lighten( $btn_default_background, 20% ); } .button:focus, .cart-table .product-cart-actions .button:focus, #co-shipping-method-form .buttons-set .button:focus, .footer .button:focus { background-color: lighten( $btn_default_background, 20% ); outline: none; } a.button { text-decoration: none; } a.button:hover { color:$btn_hover_text; } */ /* Disabled - class for anchor, state for form elements */ /*.button.disabled, .button:disabled { background: #C8C8C8; opacity: 0.6; cursor: not-allowed; }*/ /* Adjacent buttons */ .button + .button { margin-left: 5px; } /*.button2 { border: 0; padding: 0 5px; margin: 0; background: transparent; cursor: pointer; vertical-align: middle; } .button2:focus { outline: none; } .button2 span, .button2 span span { line-height: 30px; height: 30px; text-decoration: underline; text-transform: uppercase; display: inline-block; color: #282828; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } .button2 span:hover, .button2 span span:hover { text-decoration: none; color: #246b8f; } */ @media only screen and (max-width: 770px) { .col2-set .buttons-set .button, .col2-set .buttons-set .button2 { float: none; width: 100%; margin-left: 0; margin-right: 0; } .col2-set .buttons-set .back-link { display: none; } .col2-set .buttons-set .required { display: none; } } @media only screen and (max-width: 479px) { .buttons-set .button { float: none; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 7px; } .buttons-set .back-link { display: none; } .buttons-set .required { display: none; } } /* -------------------------------------------- * * Paypal Button */ .paypal-logo.paypal-after { float: left; } .paypal-after .paypal-or { float: left; } .paypal-or { line-height: 34px; margin: 0px 10px 5px; } .paypal-after .paypal-button { float: left; } .paypal-button { line-height: 0px; } .paypal-button img { display: inline; } @media only screen and (max-width: 740px) { .paypal-or { line-height: 20px; } .paypal-logo, .paypal-or, .paypal-button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none; } } /* -------------------------------------------- * * Button Sets */ .buttons-set { clear: both; margin: 10px 0 0; padding-top: 10px; text-align: right; } .buttons-set p.required { margin: 0; margin-left: 10px; line-height: 33px; float: right; } .buttons-set .back-link { float: right; margin: 0; line-height: 33px; } .buttons-set .required { display: none; } .buttons-set a:not(.button) { line-height: 20px; display: inline-block; padding: 5px; } .buttons-set button.button { float: left; margin-right: 5px; min-width: 140px; } .buttons-set:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * * Icons */ .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating { /*background-image: url(../images/icon_sprite.png); background-repeat: no-repeat; text-indent: -9999px;*/ } /* -------------------------------------------- * * Button - Remove / Previous */ .btn-remove, .btn-previous { display: inline-block; width: 20px; height: 20px; border: 1px solid #ededed; text-align: center; /* Hide text */ font: 0/0 a; text-shadow: none; color: transparent; position: relative; } .btn-remove:hover, .btn-previous:hover { background-color: #282828; border-color: #282828; } .btn-remove:after, .btn-remove2:after { content: 'X'; color: #282828; height: 20px; line-height: 20px; width: 100%; font-size: 10px; font-family: Arial, "Helvetica Neue", Verdana, Arial, sans-serif; font-weight: bold; } .btn-remove:hover:after { color: #FFFFFF; text-decoration: none; } .btn-remove2 { background: none; border: none; vertical-align: top; } .btn-previous:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #282828; border-left: none; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -4px; } .btn-previous:hover:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid white; border-left: none; } .block-layered-nav .currently .btn-remove, .block-layered-nav .currently .btn-previous, .mini-products-list .btn-remove, .mini-products-list .btn-previous, #compare-items .btn-remove, #compare-items .btn-previous { float: right; margin-left: 6px; } /* -------------------------------------------- * * Checkout Agreements */ .checkout-agreements li { margin-bottom: 20px; } .checkout-agreements .agreement-content { overflow-y: auto; max-width: 670px; max-height: 125px; margin-bottom: 10px; padding: 10px; border: 1px solid #cccccc; background: #f4f4f4; } /* -------------------------------------------- * * CVV Security Code */ .cvv-what-is-this { margin-left: 10px; font-size: 13px; line-height: 24px; } /* -------------------------------------------- * * Container */ .main-container, .footer-container { position: relative; margin: 0 auto; } .main-container:after, .footer-container:after { content: ''; display: table; clear: both; } .footer-container { padding-top: 0px; } /* -------------------------------------------- * * Top Container */ /* -------------------------------------------- * * Global Site Notice */ .global-site-notice { background: #676157; color: #e6e6e6; font-size: 11px; } .global-site-notice .notice-inner { padding-left: 120px; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; line-height: 11px; min-height: 40px; padding-top: 14.5px; padding-bottom: 14.5px; background-image: url("../images/demo-logo.png"); background-position: left; background-repeat: no-repeat; } .global-site-notice p { margin-bottom: 0; } /* -------------------------------------------- * * Promotional Message Banner */ .promo-msg { color: #282828; text-align: center; margin: 10px; text-transform: uppercase; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } /* -------------------------------------------- * * Grid */ .grid:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * * Messages */ .success { color: #11b400; } .error { color: #df280a; font-weight: bold; } .notice { color: #e26703; font-weight: bold; } /* -------------------------------------------- * * Messages */ .messages { margin-bottom: 10px; } .messages li li { position: relative; margin-bottom: 5px; padding: 7px 10px 7px 20px; background: #f4f4f4; font-size: 15px; } .messages li li:before { top: 50%; left: 0; margin-top: -6px; } .messages .error-msg li { color: black; border-left: 5px solid #df280a; background-color: #faebe7; } .messages .error-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #df280a; border-right: none; } .messages .notice-msg li { color: black; border-left: 5px solid #e26703; background-color: #f9ebe6; } .messages .notice-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #e26703; border-right: none; } .messages .success-msg li { color: black; border-left: 5px solid #11b400; background-color: #eff5ea; } .messages .success-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #11b400; border-right: none; } @media only screen and (min-width: 915px) { .order-list-grid .col-1 { width: 30%; } .order-list-grid .col-2 { width: 50%; padding-right: 20px; } .order-list-grid .col-3 { clear: none; width: 20%; padding-top: 0; } } /* -------------------------------------------- * * Page Popup */ .page-popup { padding: 20px; background: #FFFFFF; height: auto; } .page-popup h1 { margin: 0 0 0.5em; font-size: 36px; } /* -------------------------------------------- * * Payment Methods */ .payment-methods { margin-bottom: 20px; } .payment-methods dt { padding: 5px 0; } .payment-methods dd { padding-top: 10px; } .payment-methods .form-list { position: relative; display: inline-block; max-width: 100%; margin: 5px 15px 15px; padding: 15px; border: 1px solid #cccccc; background: #f4f4f4; } .payment-methods .form-list:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #cccccc; border-top: none; top: -11px; left: 30px; } .payment-methods .form-list:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #f4f4f4; border-top: none; top: -10px; left: 30px; } .payment-methods .form-list li:last-child { margin-bottom: 0; } /* -------------------------------------------- * * Please Wait (Loading Indicator) */ .please-wait { display: inline-block; margin-left: 10px; margin-top: 5px; line-height: 24px; height: 24px; white-space: nowrap; /* Prevent the linebreak in the HTML from causing layout issues */ } .please-wait img { float: left; margin-right: 5px; width: 24px; } /* -------------------------------------------- * * Price Box - Standard */ .price-box { margin: 7px 0; } .price-box p { margin-bottom: 0; } .price-notice { color: #a0a0a0; } .price-box .price { color: #ffffff; font-size: 16px; } .price-box .price, .price { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } .price-box .price-label { color: #a0a0a0; white-space: nowrap; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } .price-box .minimal-price-link { padding-left: 1em; color: #ffffff; display: block; /* We want this to show on its own line, otherwise the layout looks funky */ } .price-box .minimal-price-link .label { color: #a0a0a0; } /* -------------------------------------------- * * Price Box - Special */ .price-box .old-price, .price-box .special-price { display: inline-block; } .price-box .old-price .price-label, .price-box .special-price .price-label { display: none; } .price-box .old-price .price, .price-box .special-price .price { display: inline-block; } .price-box .old-price .price { color: #a0a0a0; text-decoration: line-through; } .price-box .special-price { color: #ffffff; padding-left: 1em; } .price-box .special-price .price-label { color: #D84D3C; } /* -------------------------------------------- * * Price Box - Taxes */ .price-box .price-excluding-tax, .price-box .price-including-tax { display: block; } span.weee { display: block; } /* -------------------------------------------- * * Tier Prices */ .product-pricing, .tier-prices, .tier-prices-grouped { display: inline-block; padding: 4px 8px; background: #FBF4DE; border: 1px solid #E2D4C7; margin-top: 7px; } .product-pricing li, .tier-prices li, .tier-prices-grouped li { font-size: 12px; } .product-pricing .benefit, .tier-prices .benefit, .tier-prices-grouped .benefit { font-style: italic; } .product-pricing .price, .tier-prices .price, .tier-prices-grouped .price { font-weight: bold; } /* ============================================ * * Item Options * ============================================ */ .item-options { font-size: 14px; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } .item-options:after { content: ''; display: table; clear: both; } .item-options dt { float: left; clear: left; font-weight: 600; padding-right: 5px; font-style: italic; } .item-options dt:after { content: ': '; } .item-options dd { float: left; padding-left: 10px; margin: 0 0 6px; } .truncated, .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; height: 16px; line-height: 16px; } .truncated a.details:hover { text-decoration: none; } .truncated .truncated_full_value { position: relative; z-index: 300; } .truncated .truncated_full_value .item-options { display: none; position: absolute; z-index: 300; width: 200px; padding: 8px; border: 1px solid #282828; background-color: #F6F6F6; top: 21px; left: -100px; } .truncated .truncated_full_value .item-options:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #282828; border-top: none; left: 97px; top: -7px; } .truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase; margin-bottom: 8px; } .truncated .show .item-options { display: block; } @media only screen and (max-width: 479px) { .truncated { cursor: inherit; } .truncated a.details { display: none; } .truncated .truncated_full_value .item-options { display: block; position: static; z-index: 1; width: 100%; border: none; background-color: transparent; } .truncated .truncated_full_value .item-options p { float: none; } .truncated .truncated_full_value .item-options:after { display: none; } } /* -------------------------------------------- * * Printer Friendly Page */ .page-print { width: 6.5in; margin: 20px; background: #FFFFFF; } /* -------------------------------------------- * * Add to links */ .add-to-links .separator { display: none; } /* -------------------------------------------- * * Product Image */ .product-image, .no-touch .product-img-box .product-image:not(.zoom-available):hover { position: relative; display: block; /*border: 1px solid #ededed;*/ overflow: hidden; } @media only screen and (max-width: 770px) { body .product-img-box .product-image:hover { border-color: #ededed; } } .no-touch .product-image:hover { border-color: #282828; } /* -------------------------------------------- * * Standard Formatted Text Block */ .std p { margin: 0 0 1.5em; } .std ol { list-style: decimal outside; margin-bottom: 1.5em; } .std ol li { margin-left: 2em; } .std ul { list-style: disc outside; margin-bottom: 1.5em; } .std ul.messages { list-style: none; margin-bottom: 10px; } .std ul.messages ul { margin: 0; list-style: none; } .std ul.messages li { margin-left: 0; } .std ul li { margin-left: 2em; } .std .note { color: #a0a0a0; font-size: 13px; } /* -------------------------------------------- * * Tabs */ .tabs { margin-bottom: 10px; background: #FFFFFF; } /* -------------------------------------------- * * Toolbar */ .toolbar { margin-top: 10px; margin-bottom: 15px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; background: #f4f4f4; padding: 5px 10px 0px 10px; } .toolbar:after { content: ''; display: table; clear: both; } .pager-no-toolbar { margin-bottom: 10px; } .pager-no-toolbar ~ .pager-no-toolbar { margin-top: 10px; } .toolbar, .pager { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; color: #636363; line-height: 30px; font-size: 12px; } .toolbar label, .pager-no-toolbar label { font-weight: normal; text-transform: uppercase; } .sorter label { float: left; margin-right: 5px; } .sorter label:after { content: ':'; } .sorter > .sort-by { float: left; margin-right: 5px; height: 30px; } .sorter > .sort-by .sort-by-switcher { width: 30px; height: 30px; display: inline-block; } .sorter > .sort-by .sort-by-switcher--asc { background-position: 4px -542px; } .sorter > .sort-by .sort-by-switcher--asc:hover { background-position: -46px -542px; } .sorter > .sort-by .sort-by-switcher--desc { background-position: 4px -567px; } .sorter > .sort-by .sort-by-switcher--desc:hover { background-position: -46px -567px; } .sorter > .view-mode { float: right; } .sorter > .view-mode .grid, .sorter > .view-mode .list { float: left; width: 30px; height: 30px; background: none !important; } .sorter > .view-mode .grid { margin-right: 5px; background-position: 8px -492px; } .sorter > .view-mode strong.grid, .sorter > .view-mode a.grid:hover { background-position: -42px -492px; } .sorter > .view-mode .list { background-position: 11px -517px; } .sorter > .view-mode strong.list, .sorter > .view-mode a.list:hover { background-position: -39px -517px; } .pager { float: right; overflow: hidden; } .pager > .count-container { float: left; } .pager .amount { float: left; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; white-space: nowrap; margin: 0 15px 0 0; } .pager .limiter { float: left; height: 30px; line-height: 30px; } .pager .limiter > label { padding-right: 5px; } .pager .limiter > label:after { content: ':'; } .pager .amount, .pager .limiter, .pager .pages { margin-bottom: 5px; } .pages { float: right; overflow: hidden; margin-left: 15px; } .pages strong { display: none; } .pages li { float: left; } @media only screen and (max-width: 479px) { .pager .amount--has-pages { display: none; } .pages { float: left; } .limiter label { display: none; } } @media only screen and (max-width: 770px) { .col1-layout .sorter, .col1-layout .pager { width: 100%; } .col1-layout .pager { float: left; clear: both; } .col1-layout .pager .pages { float: left; margin-left: 0; } .col1-layout .pager .count-container { float: right; } } @media only screen and (max-width: 979px) { .col2-left-layout .sorter, .col2-left-layout .pager, .col2-right-layout .sorter, .col2-right-layout .pager, .col3-layout .sorter, .col3-layout .pager { width: 100%; } .col2-left-layout .pager, .col2-right-layout .pager, .col3-layout .pager { float: left; clear: both; } .col2-left-layout .pager .pages, .col2-right-layout .pager .pages, .col3-layout .pager .pages { float: left; margin-left: 0; } .col2-left-layout .pager .count-container, .col2-right-layout .pager .count-container, .col3-layout .pager .count-container { float: right; } } @media only screen and (max-width: 1279px) { .toolbar .view-mode > label { display: none; } } /* ============================================ * * Tax - Full Tax Summary * ============================================ */ #checkout-review-table .summary-collapse, #shopping-cart-totals-table .summary-collapse, body.customer-account .data-table .summary-collapse { position: relative; cursor: pointer; } #checkout-review-table .summary-collapse:before, #shopping-cart-totals-table .summary-collapse:before, body.customer-account .data-table .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #282828; border-bottom: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .summary-collapse:hover:before, #shopping-cart-totals-table .summary-collapse:hover:before, body.customer-account .data-table .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #246b8f; border-bottom: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .show-details .summary-collapse:before, #shopping-cart-totals-table .show-details .summary-collapse:before, body.customer-account .data-table .show-details .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #282828; border-top: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .show-details .summary-collapse:hover:before, #shopping-cart-totals-table .show-details .summary-collapse:hover:before, body.customer-account .data-table .show-details .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #246b8f; border-top: none; position: static; display: inline-block; margin-right: 5px; } #shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before { margin-bottom: 5px; } /* ============================================ * * Magento Helpers * ============================================ */ .a-center { text-align: center; } .a-right, .align-right { text-align: right; } .cdz-rtl .a-right, .cdz-rtl .align-right { text-align: left; } .no-display { display: none !important; } .nobr, .nowrap { white-space: nowrap; } .width-full { width: 100%; } /* ============================================ * * Custom Helpers * ============================================ */ .hidden { display: none; } /* ============================================ * * Print Styles * ============================================ */ .page-print .print-head { margin: 0 0 15px; } .page-print .print-head .logo { float: none; max-height: 50px; width: auto; } /* ============================================ * * FORMS - COMMON * ============================================ */ /* -------------------------------------------- * * Fieldsets */ .fieldset p { margin-bottom: 7px; } .fieldset p.required { margin-bottom: 5px; float: right; font-size: 12px; margin-top: 0px; } .fieldset + .fieldset { margin-top: 5px; } form .legend { margin: 0; margin-bottom: 10px; color: #636363; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 7px; border-bottom: 1px solid #ededed; } /* -------------------------------------------- * * Input Box */ .input-box { padding-top: 2px; } .input-box:after { content: ''; display: table; clear: both; } li.centinel-logos div.input-box img { display: inline; vertical-align: middle; } /* For adjacent select inputs. */ /* Example: credit card expiration month and year. */ .input-box .v-fix { float: left; margin-right: 5px; max-width: 100%; } /* -------------------------------------------- * * Labels */ label { display: inline-block; font-size: 13px; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-weight: 600; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } label.required:after, span.required:after { content: ' *'; color: #df280a; font-weight: normal; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; } label.required em, span.required em { display: none; } /* -------------------------------------------- * * Hints */ .input-hint { color: #a0a0a0; font-size: 12px; } /* -------------------------------------------- * * Select */ select { font-size: 14px; } select + select { margin-left: 5px; } select[multiple] { width: 270px; border: 1px solid #e1e1e1; font-size: 15px; padding: 5px; } /* -------------------------------------------- * * Textarea */ textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 5px; } /* -------------------------------------------- * * Inputs */ .input-text { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border: 1px solid #e1e1e1; background: #FFFFFF; font-size: 12px; } .input-text:focus { border: 1px solid #282828; } .input-text.validation-failed { border-color: #df280a; } .input-text.validation-failed:focus { outline-color: #ef9384; } input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { height: 40px; padding: 0 8px; } input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { max-width: 100%; background-color: #ffffff; border-color: #e1e1e1; color: #282828; } /* Only show on iPhones (not iPads or any other device) */ @media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) { input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], select { font-size: 16px; /* Prevent from zooming on focus */ } } .ie8 .input-text { max-width: none; } /* -------------------------------------------- * * Inputs - Quantity */ input[type=number].qty, input[type=text].qty { width: 3em; text-align: center; vertical-align: middle; } /* -------------------------------------------- * * Placeholder */ ::-webkit-input-placeholder { color: #a0a0a0; } input:-moz-placeholder { color: #a0a0a0; } /* -------------------------------------------- * * Checkbox And Radio */ .checkbox, .radio { position: relative; top: -1px; display: inline-block; } .checkbox + label, .radio + label { width: auto; max-width: 85%; padding: 0 0 0 8px; font-size: 14px; font-weight: normal; vertical-align: top; } /* -------------------------------------------- * * Validation */ p.required, .validation-advice { margin: 5px 0 0; color: #df280a; font-size: 13px; } .validation-passed { border: 1px solid #df280a; background: rgba(255, 244, 244, 0.48); } /* ============================================ * * Form List * ============================================ */ .form-list > li { margin-bottom: 10px; } .form-list select { margin-top: 4px; width: 100%; max-width: 100%; } .form-list .input-range .input-text { width: 74px; } .form-list .field, .form-list .wide, .form-list .control { margin-bottom: 10px; } /* Turn the label of controls (radio/checkbox) into a button style that wraps the input */ .form-list .control, .sp-methods dt, #checkout-shipping-method-load .sp-methods dd, #co-shipping-method-form .sp-methods dd, .product-options ul.options-list { /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */ } .form-list .control div.input-box, .sp-methods dt div.input-box, #checkout-shipping-method-load .sp-methods dd div.input-box, #co-shipping-method-form .sp-methods dd div.input-box, .product-options ul.options-list div.input-box { display: inline; float: left; } .form-list .control div.input-box:after, .sp-methods dt div.input-box:after, #checkout-shipping-method-load .sp-methods dd div.input-box:after, #co-shipping-method-form .sp-methods dd div.input-box:after, .product-options ul.options-list div.input-box:after { display: none; } .form-list .control input.radio, .form-list .control input.checkbox, .sp-methods dt input.radio, .sp-methods dt input.checkbox, #checkout-shipping-method-load .sp-methods dd input.radio, #checkout-shipping-method-load .sp-methods dd input.checkbox, #co-shipping-method-form .sp-methods dd input.radio, #co-shipping-method-form .sp-methods dd input.checkbox, .product-options ul.options-list input.radio, .product-options ul.options-list input.checkbox { float: left; margin-right: -40px; margin-top: 10px; margin-left: 0px; } .cdz-rtl .form-list .control input.radio, .cdz-rtl .form-list .control input.checkbox, .cdz-rtl .sp-methods dt input.radio, .cdz-rtl .sp-methods dt input.checkbox, .cdz-rtl #checkout-shipping-method-load .sp-methods dd input.radio, .cdz-rtl #checkout-shipping-method-load .sp-methods dd input.checkbox, .cdz-rtl #co-shipping-method-form .sp-methods dd input.radio, .cdz-rtl #co-shipping-method-form .sp-methods dd input.checkbox, .cdz-rtl .product-options ul.options-list input.radio, .cdz-rtl .product-options ul.options-list input.checkbox { float: right; margin: 5px 0 0; } .form-list .control label, .sp-methods dt label, #checkout-shipping-method-load .sp-methods dd label, #co-shipping-method-form .sp-methods dd label, .product-options ul.options-list label { display: inline-block; width: auto; max-width: none; min-width: 250px; float: none; padding: 6px 10px 6px 20px; } .form-list .control .no-display + label, .sp-methods dt .no-display + label, #checkout-shipping-method-load .sp-methods dd .no-display + label, #co-shipping-method-form .sp-methods dd .no-display + label, .product-options ul.options-list .no-display + label { padding-left: 10px; background-color: transparent; } .form-list .control .no-display + label:hover, .sp-methods dt .no-display + label:hover, #checkout-shipping-method-load .sp-methods dd .no-display + label:hover, #co-shipping-method-form .sp-methods dd .no-display + label:hover, .product-options ul.options-list .no-display + label:hover { background-color: transparent; } .product-options ul.options-list label, .col2-set .form-list .control label { min-width: inherit; max-width: 100%; } .form-list .control.remember-me-box label { width: auto; max-width: none; min-width: inherit; } .form-list .control { margin-top: 10px; } .form-list .control label { float: none; } .form-list .control .radio, .form-list .control .checkbox { margin-right: 6px; } .form-list .control .input-box { clear: none; display: inline-block; width: auto; padding: 0; } form .form-instructions { font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; font-size: 13px; color: #a0a0a0; } /* ============================================ * * Table Helpers * ============================================ */ .hide-th { text-indent: -9999px; } /* ============================================ * * Data Table * ============================================ */ .data-table { width: 100%; border: 1px solid #e1e1e1; } .data-table td, .data-table th { padding: 10px; vertical-align: top; } .data-table th { background: #f4f4f4; text-transform: uppercase; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; line-height: 1.4; white-space: nowrap; } .data-table thead th, .data-table tbody td { border-bottom: 1px solid #e1e1e1; } .data-table tfoot tr { background: #f4f4f4; } .data-table tbody td .item-options { margin-left: 20px; margin-top: 10px; } .data-table tbody td .item-options dt:after { content: ':'; } /* ============================================ * * Generic Info Table * ============================================ */ .info-box { border: 1px solid #e1e1e1; padding: 12px 15px; margin: 0 0 15px; } .info-box h2 { font-weight: bold; font-size: 13px; } .info-table th, .info-table td { vertical-align: top; } .info-table th { font-weight: bold; padding: 4px 20px 4px 0; } .info-table td { padding: 4px 0; } /* ============================================ * * Zebra-Stripe Table * ============================================ */ .zebra-table tr:first-child, .zebra-table th:first-child { border-top: 1px solid #e1e1e1; } .zebra-table td, .zebra-table th { border-bottom: 1px solid #e1e1e1; padding: 6px; background-color: transparent; } .zebra-table tr { background-color: #eeeded; } .zebra-table tr:nth-child(odd) { background-color: #f8f7f5; } /* ============================================ * * Linearize Table * ============================================ */ @media only screen and (max-width: 479px) { .linearize-table { /* Helpers */ } .linearize-table tr, .linearize-table th, .linearize-table td { display: block; } .linearize-table thead th { border-right: 0; border-left: 0; } .linearize-table thead th.lin-hide { display: none; } .linearize-table thead th:nth-child(1n+2) { display: none; } .linearize-table tbody tr { position: relative; border-bottom: 1px solid #cccccc; } .linearize-table tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0; } .linearize-table tbody td.lin-hide { display: none; } .linearize-table tbody td:first-child { padding-top: 10px; } .linearize-table tbody td:first-child, .linearize-table tbody td:first-child h3 { font-weight: bold; } .linearize-table tbody td[data-rwd-label] { text-align: left; padding-left: 30px; } .linearize-table tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; padding-right: 5px; text-transform: uppercase; } .linearize-table tfoot tr { display: block; text-align: right; } .linearize-table tfoot tr:after { content: ''; display: table; clear: both; } .linearize-table tfoot td { display: block; float: left; } .linearize-table tfoot td.lin-hide { display: none; } .linearize-table tfoot td:nth-child(odd) { clear: left; width: 60%; } .linearize-table tfoot td:nth-child(even) { text-align: left; width: 40%; } .linearize-table .linearize-hide { display: none; } .linearize-table .linearize-unpad { padding: 0; } .linearize-table .linearize-show { display: block; } } @media only screen and (max-width: 599px) { .linearize-table-large { /* Helpers */ } .linearize-table-large tr, .linearize-table-large th, .linearize-table-large td { display: block; } .linearize-table-large thead th { border-right: 0; border-left: 0; } .linearize-table-large thead th.lin-hide { display: none; } .linearize-table-large thead th:nth-child(1n+2) { display: none; } .linearize-table-large tbody tr { position: relative; border-bottom: 1px solid #cccccc; } .linearize-table-large tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0; } .linearize-table-large tbody td.lin-hide { display: none; } .linearize-table-large tbody td:first-child { padding-top: 10px; } .linearize-table-large tbody td:first-child, .linearize-table-large tbody td:first-child h3 { font-weight: bold; } .linearize-table-large tbody td[data-rwd-label] { text-align: left; padding-left: 30px; } .linearize-table-large tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; padding-right: 5px; text-transform: uppercase; } .linearize-table-large tfoot tr { display: block; text-align: right; } .linearize-table-large tfoot tr:after { content: ''; display: table; clear: both; } .linearize-table-large tfoot td { display: block; float: left; } .linearize-table-large tfoot td.lin-hide { display: none; } .linearize-table-large tfoot td:nth-child(odd) { clear: left; width: 60%; } .linearize-table-large tfoot td:nth-child(even) { text-align: left; width: 40%; } .linearize-table-large .linearize-hide { display: none; } .linearize-table-large .linearize-unpad { padding: 0; } .linearize-table-large .linearize-show { display: block; } } @media only screen and (min-width: 600px) { .linearize-table .linearize-collapse { display: none; } } /* ============================================ * * Global * ============================================ */ html, body { height: 100%; } .wrapper { min-width: 320px; min-height: 100%; margin: 0 auto; background: #FFFFFF; } .wrapper:after { content: ''; display: table; clear: both; } /* ============================================ * * Header * ============================================ */ @media only screen and (min-width: 771px) { .page-header { max-width: 1260px; margin: 0 auto; padding: 0 30px; } .page-header-container { position: relative; } } .header-language-container, .page-header { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } /* ============================================ * * Language switcher + welcome message * ============================================ */ .header-language-background { padding: 10px; background-color: #282828; text-transform: uppercase; } .header-language-background .header-language-container { max-width: 1200px; margin-left: auto; margin-right: auto; } .header-language-background:after { content: ''; display: table; clear: both; } .header-language-background .form-language, .header-language-background .currency-switcher { float: left; margin-right: 10px; } .header-language-background .welcome-msg { float: right; } .page-header-container .store-language-container { float: right; max-width: 35%; /*padding: 13px 15px 10px 10px;*/ } .page-header-container .store-language-container label { display: none; } .page-header-container .store-language-container select { max-width: 100%; } @media only screen and (max-width: 479px) { .page-header-container .store-language-container { padding-top: 8px; } .page-header-container .store-language-container select { font-size: 12px; } } .header-language-background, .header-language-background a { color: #e6e6e6; } @media only screen and (max-width: 770px) { .header-language-background { display: none; } } /* ============================================ * * Logo * ============================================ */ .logo { display: block; float: left; /* width: 65%; min-width: 100px; min-height: 44px;*/ text-align: center; } .logo img { max-width: 100%; } .logo .small { display: block; } .logo .large { display: none; } .logo:hover { opacity: 0.8; } @media only screen and (min-width: 771px) { /*.logo { max-width: 300px; min-height: 90px; } .logo .small { display: none; } .logo .large { display: block; }*/ } /* ============================================ * * Skip Links * ============================================ */ .skip-links { clear: both; /*overflow: hidden;*/ border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; } @media only screen and (min-width: 771px) { .skip-links { border: 0; } } /* -------------------------------------------- * * Skip - Link */ .skip-link { position: relative; float: left; /*width: 20%; height: 44px; background: #FFFFFF; color: #636363; line-height: 42px;*/ text-align: center; } a.skip-link { text-decoration: none; } .skip-link:not(.skip-active):hover { opacity: 0.8; } @media only screen and (max-width: 770px) { .skip-link { border-right: 1px solid #EDEDED; } .skip-link:last-child { border-right: 0; } } @media only screen and (min-width: 500px) { .skip-link { width: 25%; } } /* -------------------------------------------- * * Skip Link - Active */ @media only screen and (max-width: 770px) { .skip-link.skip-active { background: #EDEDED; color: inherit; } .skip-link.skip-active span { color: inherit; } } /* -------------------------------------------- * * Skip Link - Icon */ .skip-link .icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; } /*.skip-link.skip-nav .icon, .skip-link.skip-cart:not(.no-count) .icon { margin-right: 3px; } @media only screen and (min-width: 500px) { .skip-link .icon { margin-right: 3px; } } */ /* -------------------------------------------- * * Skip Link - Label */ .skip-link .label { display: none; } @media only screen and (min-width: 500px) { .skip-link .label { display: inline; } } /* ============================================ * * Skip Content * ============================================ */ .skip-content { display: none; } .skip-content.skip-active { display: block; background: #EDEDED; } /* ============================================ * * Global Header Navigation * ============================================ */ @media only screen and (max-width: 770px) { #header-account li a, .nav-primary a.level0 { padding: 0 15px 0 25px; border-bottom: 1px solid #cccccc; text-align: left; color: #636363; text-transform: uppercase; line-height: 30px; } #header-account li:last-child a, .nav-primary li.level0:last-child a.level0 { border-bottom: 0; } .no-touch #header-account a:hover, .no-touch .nav-primary a:hover { background-color: #f4f4f4; text-decoration: none; } } /*.account-cart-wrapper { position: absolute; top: 0px; right: 0px; } @media only screen and (max-width: 770px) { .account-cart-wrapper { position: static; } } */ /* ============================================ * * Footer * ============================================ */ /* -------------------------------------------- * * Footer */ .footer, .footer button { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } .footer .block-title { border-bottom: 0; padding: 3px 0; } .footer .block-title strong { font-weight: normal; } .footer .links { float: left; width: 17%; padding: 0 30px 0 0; margin-bottom: 30px; } .footer .links li { word-break: break-all; line-height: 1.4; padding: 4px 0; } .footer .links a { color: #636363; } .footer .links a:hover { color: #282828; } .footer .form-subscribe-header { display: none; } .footer .links.social-media em { background-image: url(../images/social_icons.png); background-repeat: no-repeat; width: 13px; vertical-align: middle; display: inline-block; margin-right: 7px; } @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .footer .links.social-media em { background-image: url(../images/social_icons@2x.png); background-size: 50px 125px; } } .footer .links.social-media em.facebook { background-position: 0 -0px; height: 13px; } .footer .links.social-media a:hover em.facebook { background-position: -25px -0px; } .footer .links.social-media em.twitter { background-position: 0 -24px; height: 13px; } .footer .links.social-media a:hover em.twitter { background-position: -25px -24px; } .footer .links.social-media em.youtube { background-position: 0 -49px; height: 13px; } .footer .links.social-media a:hover em.youtube { background-position: -25px -49px; } .footer .links.social-media em.pinterest { background-position: 0 -74px; height: 15px; } .footer .links.social-media a:hover em.pinterest { background-position: -25px -74px; } .footer .links.social-media em.rss { background-position: 0 -99px; height: 13px; } .footer .links.social-media a:hover em.rss { background-position: -25px -99px; } .footer .bugs, .footer address { clear: both; } .footer .bugs { display: none; } .footer .form-language, .footer .currency-switcher, .footer .store-switcher { clear: both; margin-bottom: 10px; } .footer .form-language, .footer .currency-switcher { display: none; } @media only screen and (max-width: 1199px) { .footer .links { width: 22.65625%; padding-right: 0; margin-right: 3.125%; } .footer .links:nth-child(4) { margin-right: 0; } .footer .block-subscribe { clear: both; float: none; margin: 0 auto 30px auto; } } @media only screen and (max-width: 770px) { .footer .form-language, .footer .currency-switcher { display: block; } } @media only screen and (max-width: 599px) { .footer .links { width: 48.4375%; margin-right: 0; } .footer .links:nth-child(odd) { margin-right: 3.125%; clear: both; } .footer .block-subscribe { clear: both; float: left; width: 100%; } } /* ================================================= * * General Product List Styles (not module-specific) * ================================================= */ /* -------------------------------------------- * * Product List General */ .category-title h1, body.catalogsearch-result-index .page-title h1 { border-bottom: none; } .category-image { margin-bottom: 1.5em; } .products-list .action .button, .products-grid .actions .button { white-space: normal; } /* ============================================ * * Product Grid * ============================================ */ .products-grid { position: relative; } .products-grid:after { content: ''; display: table; clear: both; } .products-grid > li { position: relative; margin-bottom: 20px; text-align: center; } .products-grid > li:after { content: ''; display: table; clear: both; } .products-grid .product-image { width: 100%; margin-bottom: 15px; } .products-grid .product-image img { width: 100%; height: auto; } .products-grid .product-image img:hidden { display: none; } .widget-new-products .products-grid .product-image { width: 75%; margin-bottom: 15px; margin-left: 10%; } .products-grid .product-info { position: relative; padding-bottom: 95px; } .products-grid .ratings .rating-box { margin: 0 auto; } .products-grid .ratings .amount { display: none; } .products-grid .price-box { color: #a0a0a0; font-size: 13px; margin: 0 0 5px; } .products-grid .add-to-links { margin-bottom: 0; } /*.products-grid .product-image:before, .products-grid .product-image:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .products-grid .product-image:before { background-color: white; opacity: 0.8; z-index: 2; } .products-grid .product-image:after { background-image: url("../images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .products-grid .product-image.loading { position: relative; } .products-grid .product-image.loading:before, .products-grid .product-image.loading:after { display: block; } */ @media only screen and (min-width: 480px) { /* Config: Three columns + flexible gutter */ .products-grid { /* Undo two-column config */ /* Set three-column config */ } /*.products-grid > li:nth-child(odd) { clear: none; } .products-grid > li:nth-child(even) { margin-right: 3.7037%; } .products-grid > li { width: 30.8642%; margin-right: 3.7037%; } .products-grid > li:nth-child(3n+1) { clear: left; } .products-grid > li:nth-child(3n) { margin-right: 0; }*/ } @media only screen and (min-width: 960px) { /* Config: Columns + flexible gutter */ /* Undo three-column config */ /*.products-grid--max-4-col > li:nth-child(odd) { clear: none; } .products-grid--max-4-col > li:nth-child(3n+1) { clear: none; } .products-grid--max-4-col > li:nth-child(even), .products-grid--max-4-col > li:nth-child(3n) { margin-right: 2.22222%; }*/ /* Set column config */ /*.products-grid--max-4-col > li { margin-right: 2.22222%; } .products-grid--max-4-col > li { width: 23.33333%; margin-right: 2.22222%; } .products-grid--max-4-col > li:nth-child(4n+1) { clear: left; } .products-grid--max-4-col > li:nth-child(4n) { margin-right: 0; }*/ /* Config: Columns + flexible gutter */ /* Undo three-column config */ /*.products-grid--max-5-col > li:nth-child(odd) { clear: none; } .products-grid--max-5-col > li:nth-child(3n+1) { clear: none; } .products-grid--max-5-col > li:nth-child(even), .products-grid--max-5-col > li:nth-child(3n) { margin-right: 2.22222%; } /* Set column config */ /*.products-grid--max-5-col > li { margin-right: 2.22222%; } .products-grid--max-5-col > li { width: 18.22222%; margin-right: 2.22222%; } .products-grid--max-5-col > li:nth-child(5n+1) { clear: left; } .products-grid--max-5-col > li:nth-child(5n) { margin-right: 0; }*/ /* Config: Columns + flexible gutter */ /* Undo three-column config */ /*.products-grid--max-6-col > li:nth-child(odd) { clear: none; } .products-grid--max-6-col > li:nth-child(3n+1) { clear: none; } .products-grid--max-6-col > li:nth-child(even), .products-grid--max-6-col > li:nth-child(3n) { margin-right: 2.22222%; }*/ /* Set column config */ /*.products-grid--max-6-col > li { margin-right: 2.22222%; } .products-grid--max-6-col > li { width: 14.81481%; margin-right: 2.22222%; } .products-grid--max-6-col > li:nth-child(6n+1) { clear: left; } .products-grid--max-6-col > li:nth-child(6n) { margin-right: 0; }*/ } /* ============================================ * * Product List * ============================================ */ .products-list { margin-top: 20px; margin-bottom: 20px; } .products-list > li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ededed; } .products-list > li:after { content: ''; display: table; clear: both; } .products-list > li .product-image { /*float: left; width: 33.33333%;*/ } .products-list > li .product-image img { width: 100%; max-width: 100%; } .products-list > li:last-child { padding-bottom: 0; border-bottom: none; } .products-list .cdz-hover-section { float: left; width: 33.33333%; } .products-list .product-shop { float: right; width: 66.66667%; padding-left: 20px; } .products-list .product-shop .product-name { margin-bottom: 0; } .products-list .product-shop .ratings { margin: 0; } .products-list .product-shop .ratings .rating-box, .products-list .product-shop .ratings .rating-links { float: left; margin-right: 7px; } .products-list .product-shop .ratings .rating-links { margin-top: 4px; } .products-list .product-shop .price-box { margin-top: 0; } .products-list .product-shop .price-box .price { font-size: 18px; } .products-list .product-shop .action { margin: 7px 0; } .products-list .product-shop .desc { margin-top: 7px; } .products-list .product-shop .product-primary, .products-list .product-shop .desc { float: left; width: 65%; overflow: hidden; } .products-list .product-shop .product-secondary { float: right; width: 35%; text-align: right; clear: right; } @media only screen and (min-width: 480px) { .products-list .product-name a { font-size: 18px; } .cdz-product-wrapper .products-list .product-name a { font-size: 100%; } } @media only screen and (max-width: 1279px) { .products-list .product-shop .product-primary, .products-list .product-shop .desc { float: left; width: 60%; padding-right: 20px; } .products-list .product-shop .product-secondary { float: right; width: 40%; } } @media only screen and (max-width: 600px) { .products-list .product-shop .price-box .special-price { padding-left: 0; } .products-list .product-shop .product-primary, .products-list .product-shop .product-secondary, .products-list .product-shop .desc { float: none; width: 100%; padding-right: 0; text-align: left; } } /* ============================================ * * Mini Product List * ============================================ */ .mini-products-list .product-image { float: left; min-width: 100px; margin-bottom: 0; } .cdz-rtl .mini-products-list .product-image { float: right; } .mini-products-list .product-details { margin-left: 110px; } .cdz-rtl .mini-products-list .product-details .btn-remove, .cdz-rtl .mini-products-list .product-details .btn-edit { float: left; } .cdz-rtl .mini-products-list .product-details .btn-remove:before, .cdz-rtl .mini-products-list .product-details .btn-edit:before { left: 0 !important; right: auto !important; } .mini-products-list .product-details .product-name { padding-top: 10px; } .mini-products-list li { margin-bottom: 10px; clear: both; } .mini-products-list li:after { content: ''; display: table; clear: both; } .mini-products-images-list:after { content: ''; display: table; clear: both; } .mini-products-images-list li.item { float: left; width: 50%; margin: 0; padding: 0 5px 10px 0; } .mini-products-images-list li.item:nth-child(even) { padding-right: 0; padding-left: 5px; } .mini-products-images-list li.item .product-image { display: block; } .mini-products-images-list li.item .product-image img { width: 100%; max-width: 100%; } /* ============================================ * * Catalog - List * ============================================ */ .category-image { border: 1px solid #cccccc; padding: 10px; } .category-image img { width: 100%; max-width: 100%; } .category-image img:hidden { display: none; } /* ============================================ * * Layered Navigation * ============================================ */ .block-layered-nav .block-subtitle--filter { display: none; margin: 0; margin-bottom: 10px; color: #636363; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #cccccc; position: relative; background-color: #f4f4f4; cursor: pointer; } .block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #282828; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } .block-layered-nav .block-subtitle--filter:hover { background-color: #ececec; } .block-layered-nav .block-content .toggle-tabs { display: none; } .block-layered-nav .block-content .block-subtitle { display: none; } .block-layered-nav .block-content .currently { border: 1px solid #282828; padding: 10px; } .block-layered-nav .block-content .currently ol { padding: 0; margin: 0; } .block-layered-nav .block-content .currently ol li .label { display: none; } .block-layered-nav .block-content .actions { margin-bottom: 20px; } .block-layered-nav .block-content .actions a { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; background: #282828; color: white; padding: 5px 10px; } .block-layered-nav .block-content dl dt { margin: 0; margin-bottom: 10px; color: #282828; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 700; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; padding: 0; position: relative; display: block; } .block-layered-nav .block-content dl dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #282828; border-bottom: none; right: 10px; top: 50%; margin-top: -3px; } .block-layered-nav .block-content dl dt:hover { background-color: transparent; } .block-layered-nav .block-content dl dd { padding: 0 0 20px; margin: 0; } .block-layered-nav .block-content dl dd li:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; font-size: 14px; padding-right: 10px; } .cdz-rtl .block-layered-nav .block-content dl dd li:before { padding-right: 0px; padding-left: 10px; } .block-layered-nav .block-content .configurable-swatch-list li:before { display: none; font-size: 0; } .block-layered-nav .block-content dl dd:last-child { border-width: 0 1px 1px 1px; } .block-layered-nav dl dd { margin-bottom: 10px; margin-top: 10px; } .block-layered-nav dl dd ol li span, .block-layered-nav dl dd ol li a { padding: 5px 0px; display: inline-block; } .block-layered-nav dl dd ol li a .count { color: #a0a0a0; font-size: 9px; } @media only screen and (min-width: 771px) { .block-layered-nav .block-content > dl > dt:after { display: none; } } @media only screen and (max-width: 770px) { .sidebar .block.block-layered-nav { border-bottom: none; } .block-layered-nav--no-filters .block-title { display: none; } .block-layered-nav .block-content { padding-top: 0; margin-top: 15px; } .block-layered-nav .block-content > dl > dt { cursor: pointer; border-bottom-width: 0; } .block-layered-nav .block-content > dl > dt:hover { color: #282828; } .block-layered-nav .block-content > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #282828; border-right: none; } .block-layered-nav .block-content > dl > dt.last { border-bottom-width: 1px; } .block-layered-nav .block-content.accordion-open > dl > dt.current { border-bottom-width: 1px; } .block-layered-nav .block-content.accordion-open > dl > dt.current:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #282828; border-bottom: none; left: 6px; top: 50%; margin-top: -3px; } .block-layered-nav .block-content.accordion-open > dl > dd.current { display: block; } .block-layered-nav .block-subtitle--filter { background-color: #282828; border: 0; margin-bottom: 0; display: block; color: #FFFFFF; } .block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid white; border-right: none; right: 10px; top: 50%; margin-top: -5px; } .block-layered-nav .block-subtitle--filter:hover { background-color: #2e8ab8; color: #FFFFFF; } .block-layered-nav .block-subtitle--filter.active:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid white; border-bottom: none; right: 10px; top: 50%; margin-top: -3px; } #narrow-by-list, #narrow-by-list2 { border-top: 0; } .block-layered-nav dl ol > li > a, .block-layered-nav dl ol > li > span { padding: 7px; margin: 5px; } .block-layered-nav dl ol > li > a { color: #636363; background-color: #f4f4f4; padding: 5px 10px; } .block-layered-nav dl ol > li > a:hover { text-decoration: none; background: #ececec; } } .block-layered-nav .currently .block-subtitle { display: block; margin: 0; margin-bottom: 10px; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-rendering: optimizeSpeed; text-transform: uppercase; } .block-layered-nav .currently ol { padding-left: 10px; margin-bottom: 10px; } .block-layered-nav .currently ol li { margin-bottom: 5px; } .block-layered-nav .currently ol li .label { font-weight: bold; } .block-layered-nav .currently ol li:after { content: ''; display: table; clear: both; } .block-layered-nav .actions { text-align: right; margin-bottom: 7px; } /* ============================================ * * Catalog - Product * ============================================ */ .product-view .product-essential .extra-info .ratings .rating-box, .product-view .product-essential .extra-info .ratings .amount { float: left; } .product-view .product-essential .extra-info .ratings .rating-box { margin-top: 8px; margin-right: 10px; } .product-view .product-essential .extra-info .ratings:after { content: ''; display: table; clear: both; } .product-view .product-essential:after { content: ''; display: table; clear: both; } .product-view .product-shop .price-box .old-price, .product-view .product-shop .price-box .special-price, .product-view .product-shop .price-box .regular-price { padding-right: 0; line-height: 1.2; } .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price { color: #ffffff; font-size: 24px; } .product-view .product-shop .price-box .special-price .price-label { font-size: 16px; text-transform: uppercase; } .product-view .product-shop .price-box .special-price span.weee { color: #636363; } .product-view .product-shop .price-box .special-price span.weee span.price { font-size: 16px; } .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { display: block; line-height: 1.2; color: #636363; } .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; font-weight: 300; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; } .product-view .price-box.map-info a { display: inherit; } .product-view .old-price .price-label { display: none; } .product-view .add-to-cart-wrapper { width: 50%; float: right; clear: right; } @media only screen and (max-width: 850px) { .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 15px; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 18px; } } @media only screen and (max-width: 770px) { .product-view .add-to-cart-wrapper { float: none; width: 100%; clear: both; } .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; } } @media only screen and (max-width: 420px) { .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { margin-bottom: 5px; } .product-view .product-shop .price-box .price-excluding-tax span, .product-view .product-shop .price-box .price-including-tax span { display: block; } } .product-image-gallery { position: relative; } .product-image-gallery .gallery-image { display: none; } .product-image-gallery .gallery-image.visible { display: block; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url("../images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .product-image-gallery.loading { position: relative; } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; } .product-image-thumbs li { display: inline-block; } .product-image-thumbs li:first-child { margin-left: -1px; } .product-image-thumbs a { display: inline-block; border: 1px solid transparent; } .no-touch .product-image-thumbs a:hover { border-color: #c7c7c7; } .product-view { /* Set a min-height so that the floated elements break appropriately */ } .product-view .add-to-box:after, .product-view .add-to-cart:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 599px) { .add-to-box .add-to-links a { float: none; width: auto; text-indent: 0; } } .product-collateral { clear: both; } .collateral-tabs dd h2 { display: none; } .box-collateral { clear: both; } @media only screen and (min-width: 771px) { .product-collateral .toggle-tabs { display: block; width: 100%; position: relative; border: 1px solid #cccccc; background-color: #f4f4f4; } .product-collateral .toggle-tabs li { float: left; border-right: 1px solid transparent; border-left: 1px solid transparent; } .product-collateral .toggle-tabs li > span { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; padding: 0 30px; height: 40px; line-height: 40px; cursor: pointer; text-transform: uppercase; font-size: 12px; position: relative; bottom: -1px; } .product-collateral .toggle-tabs li.current { border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; } .product-collateral .toggle-tabs li.current > span { background-color: #FFFFFF; z-index: 5; } .product-collateral .toggle-tabs li.current span, .product-collateral .toggle-tabs li:hover span { color: #282828; } .product-collateral .toggle-tabs li:first-child { border-left: none; } .product-collateral .toggle-tabs:after { content: ''; display: table; clear: both; } .product-collateral > dl { width: 100%; } .product-collateral > dl > dt { display: none; } .product-collateral > dl > dd { width: 100%; display: none; padding: 15px; border: 1px solid #cccccc; border-top: 0; } .product-collateral > dl > dd.current { display: block; } } @media only screen and (max-width: 770px) { .product-collateral .toggle-tabs { display: none; } .product-collateral > dl > dt { margin: 0; margin-bottom: 10px; color: #636363; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #cccccc; position: relative; background-color: #f4f4f4; display: block; } .product-collateral > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #282828; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } .product-collateral > dl > dt:hover { background-color: #ececec; } .product-collateral > dl > dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #cccccc; } .product-collateral > dl > dd:last-child { border-width: 0 1px 1px 1px; } .product-collateral > dl > dt { cursor: pointer; border-bottom-width: 0; } .product-collateral > dl > dt:hover { color: #282828; } .product-collateral > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #282828; border-right: none; } .product-collateral > dl > dt.last { border-bottom-width: 1px; } .product-collateral > dl > dd { display: none; } .product-collateral.accordion-open > dl > dt.current { border-bottom-width: 1px; } .product-collateral.accordion-open > dl > dt.current:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #282828; border-bottom: none; left: 6px; top: 50%; margin-top: -3px; } .product-collateral.accordion-open > dl > dd.current { display: block; } } @media only screen and (max-width: 770px) { .product-view .product-shop, .product-view .add-to-cart-wrapper, .product-img-box, .product-collateral { width: 100%; float: none; padding-right: 0; padding-left: 0; } } @media only screen and (min-width: 771px) { .product-view .product-shop .product-name { display: block; } .product-img-box .product-name { display: none; } } @media only screen and (max-width: 479px) { .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 15px; } } .product-view .ratings .rating-links { clear: left; float: left; margin-top: 0; } #product-attribute-specs-table { max-width: 50em; border: 1px solid #e1e1e1; } #product-attribute-specs-table th { border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } /* -------------------------------------------- * * Catalog - Grouped Product List */ .grouped-items-table-wrapper { border: solid 1px silver; width: 100%; padding: 10px; margin-bottom: 15px; } .grouped-items-table-wrapper tbody tr:last-child td { border-bottom: none; } @media only screen and (max-width: 479px) { .grouped-items-table-wrapper { margin-bottom: 15px; } } .grouped-items-table .name-wrapper { color: #282828; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } .grouped-items-table .qty-wrapper { padding-top: 7px; } .grouped-items-table .qty-label { margin-left: 7px; } .grouped-items-table td { padding: 4px; } .grouped-items-table td:last-child { width: 30%; text-align: left; } .grouped-items-table .price-box { text-align: right; } /* -------------------------------------------- * * Catalog - Product Options */ .product-options dt { margin: 10px 0 3px; font-weight: normal; } .product-options dt:first-child { margin-top: 0; } .product-options dd .qty-holder { display: block; padding: 10px 0 0 0; } .product-options dd .qty-holder .qty { width: 3em; } .product-options dd .qty-holder label { vertical-align: middle; } .product-options dd .qty-disabled { background: none; border: 0; padding: 0 2px; } .product-options dd { padding: 0 0 10px 0; margin: 0 0 5px; } .product-options dl.last dd.last { border-bottom: 0; padding-bottom: 5px; margin-bottom: 0; } .product-options dd .input-text { width: 98%; } .product-options dd .input-box { padding-top: 0; } .product-options dd input.datetime-picker { width: 150px; } .product-options dd .time-picker { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { width: 330px; max-width: 100%; } .product-options ul.options-list { margin-right: 5px; } .product-options ul.options-list li { line-height: 1.5; margin-bottom: 7px; } .product-options ul.options-list li:last-child { margin-bottom: 0; } .product-options ul.options-list .radio, .product-options ul.options-list .checkbox { float: left; margin-top: 5px; } .product-options ul.options-list .label { display: block; } .product-options ul.options-list label { font-weight: normal; } .product-options p.note { margin: 0; font-size: 11px; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: right; margin: 0; padding: 0 0 10px; border: 0; background: 0; color: #636363; } @media only screen and (max-width: 1199px) { .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: none; width: 100%; text-align: right; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #cccccc; } } .product-options-bottom .tier-prices li { background: 0; padding: 2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #636363; } /* "display: none" should be removed if products on site have a long list of product options and those product options */ /* affect the price so that the customer can see the updated price close to the "Add to Cart" button */ .product-options-bottom .price-box { display: none; float: right; margin: 0 0 10px; padding: 0; } @media only screen and (max-width: 479px) { .product-options-bottom .price-box .price-as-configured { text-align: right; } .product-options-bottom .price-box .price-as-configured .price-label { display: block; } } .product-options-bottom .price-tax { float: left; } /* -------------------------------------------- * * Related Products */ /* Block: Related */ .block-related li { margin-bottom: 7px; } .block-related .block-title { border-bottom: none; } .block-related .block-title h2 { margin: 0; margin-bottom: 0.5em; color: #636363; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; margin-bottom: 0; } .block-related .block-subtitle { margin-bottom: 7px; } .block-related .product { position: relative; } .block-related .checkbox { float: right; margin-top: 20px; } .block-related .product-details { margin-left: 90px; } .block-related .product-name { margin-bottom: 3px; } .block-related .product-details .price-box { margin: 2px 0 3px; } .block-related .product-details .price-box a, .block-related .product-details .price-box p, .block-related .product-details .price-box span { float: left; margin-left: 3px; } .block-related .product-details .price-box a:first-child, .block-related .product-details .price-box p:first-child, .block-related .product-details .price-box span:first-child { margin-left: 0; font-size: 16px; padding-right: 5px; padding-left: 5px; } .block-related .product-details .price-box:after { content: ''; display: table; clear: both; } .block-related .link-wishlist { display: none; } /* -------------------------------------------- * * Upsell Products */ .box-up-sell { margin-top: 20px; } .box-up-sell .ratings { display: none; } /* ============================================ * * Catalog - MSRP MAP Popup * ============================================ */ .cart-msrp-totals { color: red; font-size: 12px !important; font-weight: bold; margin: 10px 10px 0; padding: 10px; text-align: right; text-transform: uppercase; } .map-cart-sidebar-total { color: red; display: block; font-size: 10px; font-weight: bold; text-align: left; padding: 2px 5px; } .map-popup { background: #FFFFFF; border: 5px solid #cccccc; margin: 12px 0 0; position: absolute; text-align: left; width: 450px; z-index: 100; } @media only screen and (min-width: 771px) { .map-popup.map-popup-right { left: 10px !important; } .map-popup.map-popup-left { left: auto !important; right: 10px !important; } } @media only screen and (max-width: 770px) { .map-popup { width: 100%; left: 0px !important; } } .map-popup .map-popup-heading { padding: 8px 10px; margin-right: 40px; width: auto; } .map-popup .map-popup-heading h3 { font-size: 14px; margin: 0; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-align: left; text-overflow: ellipsis; } @media only screen and (max-width: 479px) { .map-popup .map-popup-heading h3 { text-align: center; } } .map-popup .map-popup-close { display: block; position: absolute; top: 0px; right: 0px; height: 36px; width: 36px; font-size: 20px; line-height: 32px; text-align: center; } .map-popup .map-popup-content { border-top: 1px solid #ededed; padding: 10px; margin: 0 10px; overflow: hidden; text-align: left; } @media only screen and (max-width: 479px) { .map-popup .map-popup-content { text-align: center; } } .map-popup .map-popup-checkout { padding: 10px 0; } .map-popup .map-popup-checkout form:after { content: ''; display: table; clear: both; } .map-popup .map-popup-checkout span { display: block; } .map-popup .map-popup-checkout .button { float: left; margin: 0 2px; clear: left; } .map-popup .map-popup-checkout .additional-addtocart-box { float: left; min-width: 210px; } .map-popup .map-popup-checkout .additional-addtocart-box li { list-style-type: none; } .map-popup .map-popup-checkout .paypal-logo { width: auto; } .map-popup .map-popup-checkout .paypal-logo a { display: inline-block; float: left; clear: left; } .map-popup .map-popup-checkout .paypal-logo .paypal-or { float: left; text-align: center; padding: 5px 15px; clear: left; } .map-popup .map-popup-checkout .paypal-logo:after { content: ''; display: table; clear: both; } .map-popup .map-popup-checkout .paypal-logo .bml_button a { clear: left; } @media only screen and (max-width: 479px) { .map-popup .map-popup-checkout { text-align: center; } .map-popup .map-popup-checkout .button, .map-popup .map-popup-checkout .additional-addtocart-box, .map-popup .map-popup-checkout .paypal-logo a, .map-popup .map-popup-checkout .paypal-logo .paypal-or { float: none; } .map-popup .map-popup-checkout .additional-addtocart-box { min-width: 0px; } .map-popup .map-popup-checkout .paypal-logo .paypal-or { margin: 0px; margin-bottom: 10px; } } .map-popup .map-popup-checkout:after { content: ''; display: table; clear: both; } .map-popup .map-popup-price { padding: 10px 0; } @media only screen and (max-width: 479px) { .map-popup .map-popup-price { text-align: center; padding-top: 0px; } } .map-popup .map-popup-price .price-box, .map-popup .map-popup-price .price-box .special-price { display: inline-block; margin: 0; padding: 0; } .map-popup .map-popup-price .price-box .minimal-price-link { display: inline-block; } .map-popup .map-popup-text { padding: 10px 0; margin: 0 10px; word-wrap: break-word; } .map-popup .map-popup-text, .map-popup .map-popup-only-text { border-top: 1px solid #ededed; } /* ============================================ * * Catalog - MSRP Product Listing * ============================================ */ .price-box .map-link { display: block; text-align: center; } /* ============================================ * * Catalog - Compare * ============================================ */ .block-compare .product-name:after { content: ''; display: table; clear: both; } .compare-table .product-image { display: inline-block; } .compare-table .product-shop-row.top td { padding-bottom: 0; border-bottom: 0; } .compare-table .product-shop-row.bottom td { padding-top: 0; } /* ============================================ * * Checkout - Layout * ============================================ */ .cart-table { float: left; width: 60%; } .cart .button { white-space: normal; } .cart-forms, .cart-totals-wrapper, .crosssell { float: right; clear: right; width: 40%; padding-left: 20px; } .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { padding: 10px; background-color: #f4f4f4; border: 1px solid #cccccc; } .cart-table, .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { margin-bottom: 20px; } .checkout-cart-index #postcode { width: 100%; } .display-both-prices .cart-table { float: none; width: 100%; } .display-both-prices .cart-forms { float: left; padding-right: 10px; padding-left: 0; } .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { padding-left: 10px; } .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { width: 50%; } .display-both-prices .crosssell { clear: right; float: right; } @media only screen and (max-width: 979px) { .display-single-price .cart-table { float: none; width: 100%; } .display-single-price .cart-forms { float: left; padding-right: 10px; padding-left: 0; } .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { padding-left: 10px; } .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { width: 50%; } .display-single-price .crosssell { clear: right; float: right; } } @media only screen and (max-width: 599px) { .product-cart-sku { display: none; } .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell, .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { padding-top: 0; padding-left: 0; padding-right: 0; float: none; width: 100%; } } .display-single-price:after { content: ''; display: table; clear: both; } /* ============================================ * * Checkout - Cart * ============================================ */ .cart .page-title { margin-bottom: 15px; border-bottom: 1px solid #ededed; } .cart .page-title:after { content: ''; display: table; clear: both; } .cart .page-title h1 { float: left; border-bottom: none; margin-bottom: 6px; margin-right: 10px; } .checkout-types { float: right; text-align: right; max-width: 100%; /* We always want this shipping method to display on its own line */ } .checkout-types li { vertical-align: top; margin: 0 0 5px 5px; } .checkout-types li:after { content: ''; display: table; clear: both; } .checkout-types li img { display: inline; vertical-align: top; } .checkout-types li:first-child { margin-left: 0; } .checkout-types .method-checkout-cart-methods-multishipping { display: block; } .checkout-types.top li { display: inline-block; } .checkout-types.top .bml_button { display: inline-block; vertical-align: top; } .checkout-types.top .bml_button img { display: block; } .checkout-types.top .paypal-logo .paypal-or { margin-top: 5px; } .checkout-types.bottom .paypal-logo a, .checkout-types.minicart .paypal-logo a { display: block; } .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or { margin: 0px; display: block; text-align: center; } @media only screen and (min-width: 741px) { .checkout-types.bottom .paypal-or { text-align: right; padding-right: 70px; } } .cart-totals .checkout-types .btn-checkout { margin-bottom: 7px; } @media only screen and (max-width: 740px) { .checkout-types { float: none; text-align: center; } .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or { width: auto; float: none; } .checkout-types li { float: none; width: 100%; margin-left: 0; } } @media only screen and (max-width: 599px) { .btn-checkout { width: 100%; } } .cart-table { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } .cart-table th, .cart-table td, .cart-table tbody td { border-bottom: none; vertical-align: middle; } .cart-table h2 { color: #636363; font-size: 14px; font-weight: 600; margin-bottom: 0; } .cart-table thead th, .cart-table tbody td { background-color: transparent; padding: 10px 5px; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } .cart-table .product-cart-info, .cart-table .product-cart-actions { padding-left: 15px; } .cart-table tr { border-bottom: 1px solid #e1e1e1; } .cart-table tfoot tr { background: none; } .cart-table tfoot tr > td:after { content: ''; display: table; clear: both; } .cart-table span.or { font-size: 9px; padding: 0 5px; text-transform: uppercase; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove, .cart-table .product-cart-actions .button { display: none; } .cart-table .product-cart-image { padding-left: 0; padding-right: 0; } .cart-table .product-cart-image .product-image img { max-width: 100%; width: 100%; } .cart-table .product-cart-image a.cart-edit { display: none; } .cart-table .product-cart-sku { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; font-size: 12px; margin: 5px 0 12px; } .cart-table .product-cart-sku .label { font-weight: 600; } .cart-table .btn-empty { float: left; } .cdz-rtl .cart-table .btn-empty { float: right; } .cart-table .product-cart-total, .cart-table .product-cart-price { text-align: center; } .cart-table .cart-tax-total { position: relative; cursor: pointer; } .cart-table .cart-tax-total:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #282828; border-left: none; position: absolute; top: 3px; right: -11px; } .cart-table .cart-tax-total.cart-tax-total-expanded:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #282828; border-bottom: none; right: -15px; top: 6px; } .cart-table .cart-links > li { white-space: nowrap; line-height: 1.3; margin-bottom: 5px; min-width: 65px; font-size: 13px; } .cart-table .cart-links > li > a { display: block; } .cart-table .cart-links > li:last-child { margin-bottom: 0; } .cart-table .product-cart-actions { min-width: 60px; text-align: center; } .cart-table .product-cart-actions .qty { height: 30px; border-color: silver; border-radius: 0; margin-bottom: 10px; text-align: center; width: 3.2em; } .cart-table .product-cart-actions .button { margin-bottom: 5px; } .cart-table .item-options { padding-left: 15px; } @media only screen and (max-width: 770px) { .cart-table th { font-size: 12px; } .cart-table th, .cart-table td { padding: 7px 6px; } .cart-table .product-cart-actions > li { white-space: inherit; } } @media only screen and (max-width: 699px) { .display-both-prices .cart-table thead th.cart-total-head, .display-both-prices .cart-table td.product-cart-total { display: none; } } @media only screen and (max-width: 599px) { .cart-table colgroup, .cart-table thead { display: none; } .cart-table tr { display: block; margin-bottom: 10px; padding-bottom: 10px; position: relative; width: 100%; } .cart-table tr:after { content: ''; display: table; clear: both; } .cart-table tr:last-child { margin-bottom: 0; } .cart-table tfoot tr { padding-bottom: 0; } .cart-table td { border: none; display: block; } .cart-table td[data-rwd-label] { padding-left: 15px; margin-bottom: 6px; } .cart-table td[data-rwd-label] .price { font-weight: normal; } .cart-table td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; padding-right: 5px; text-transform: uppercase; } .cart-table td.product-cart-price { text-align: left; } .cart-table h2 { font-size: 12px; } .cart-table .cart-links { padding-top: 5px; padding-right: 5px; } .cart-table .cart-links > li { white-space: normal; text-align: center; } .cart-table .cart-links > li > a { padding: 2px 0px; } .cart-table .cart-tax-info { font-style: italic; padding-left: 15px; font-size: 13px; } .cart-table .cart-tax-info .price { font-size: 13px; } .cart-table .product-cart-image { width: 25%; float: left; padding-bottom: 0; } .cart-table .product-cart-image a.cart-edit { display: block; font-size: 16px; text-align: center; text-transform: uppercase; } .cart-table .product-cart-info, .cart-table td[data-rwd-label] { float: right; width: 75%; } .cart-table .product-cart-actions, .cart-table .product-cart-price { padding-bottom: 0; padding-top: 0; float: right; } .cart-table .product-cart-remove, .cart-table .product-cart-total, .cart-table .product-cart-actions .cart-links { display: none; } .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove { display: block; } .cart-table .product-cart-actions .button { display: none; } .cart-table .product-cart-info .btn-remove { float: right; margin: -4px 0px 2px 7px; } .cart-table .product-cart-info .product-cart-sku { margin-bottom: 5px; } .cart-table .product-cart-actions { text-align: left; } .cart-table .product-cart-actions .qty { margin-right: 7px; margin-bottom: 7px; } .cart-table .price, .cart-table .product-cart-price:before { font-weight: 500; font-size: 15px; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } .cart-table .cart-footer-actions { text-align: center; width: 100%; } .cart-table .cart-footer-actions #empty_cart_button { float: right; } .cart-table .cart-footer-actions .btn-continue { float: left; } .cart-table .cart-footer-actions .btn-update, .cart-table .cart-footer-actions span.or { display: none; } .display-both-prices .cart-table td[data-rwd-tax-label]:before { content: attr(data-rwd-tax-label) ":"; } } /* ============================================ * * Checkout - Estimate Shipping and Tax * ============================================ */ .shipping h2 { font-size: 12px; font-weight: bold; margin: 0 0 5px; } .shipping select { max-width: 100%; height: 30px; display: block; border: 1px solid #e1e1e1; } .shipping select.validation-failed { border-color: #df280a; } .shipping .shipping-desc { display: none; } .shipping .buttons-set { border: none; margin: 0; padding: 0; } .shipping .form-list:after { content: ''; display: table; clear: both; } .shipping .form-list li { float: none; margin: 5px 0 10px 0; } .shipping .form-list .shipping-country { width: 37%; } .shipping .form-list .shipping-region { width: 41%; } .shipping .form-list .shipping-postcode { margin-right: 0; width: 18%; } .shipping .form-list .shipping-postcode input { margin-top: 4px; } .shipping .form-list .input-box { padding-top: 0; } .shipping .form-list input { height: 30px; margin-top: 4px; } .shipping .form-list label { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 13px; font-weight: 400; text-transform: uppercase; white-space: nowrap; } .shipping .sp-methods { padding: 10px 0 0; text-align: left; } .shipping .sp-methods dd { margin-bottom: 10px; } .shipping .sp-methods label { font-family: Georgia, Times, "Times New Roman", serif; font-size: 12px; font-style: italic; min-width: 100px; } .shipping .sp-methods label span { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-weight: bold; font-style: normal; } .shipping #co-shipping-method-form .buttons-set .button { float: left; margin-left: 0; } .shipping #co-shipping-method-form .sp-methods dd label { border: 1px solid #cccccc; background-color: #ececec; min-width: 220px; } .shipping #co-shipping-method-form .sp-methods dd label:hover { background-color: #dbdbdb; } @media only screen and (max-width: 770px) { .shipping .shipping-form .form-list > li { width: 100%; float: none; } .shipping .shipping-form .form-list > li label { display: block; } .shipping .shipping-form .form-list > li input, .shipping .shipping-form .form-list > li select { width: 100%; } } .cart .cart-totals { text-align: right; } .cart .cart-totals:after { content: ''; display: table; clear: both; } .cart .cart-totals table { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; margin-bottom: 20px; text-transform: uppercase; width: 100%; } .cart .cart-totals table td { padding: 2px 0px; } .cart .cart-totals table td:first-child { padding-right: 10px; min-width: 120px; } .cart .cart-totals table tbody tr:last-child td, .cart .cart-totals table tbody tr:last-child th { padding-bottom: 10px; } .cart .cart-totals table tfoot { border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; } .cart .cart-totals table tfoot td { font-size: 24px; padding: 2px 5px; vertical-align: top; } .cart .cart-totals table tfoot strong span, .cart .cart-totals table tfoot span.price { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } .cart .cart-totals table tfoot strong { font-weight: 400; } @media only screen and (max-width: 600px) { .cart-totals { text-align: right; } } @media only screen and (max-width: 770px) { .cart .cart-totals table tfoot td { font-size: 18px; } } .discount-form:after, #giftcard-form:after { content: ''; display: table; clear: both; } #discount-coupon-form, .cart .giftcard { width: 100%; } #discount-coupon-form h2, .cart .giftcard h2 { display: none; } #discount-coupon-form label, .cart .giftcard label { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; font-weight: 400; text-align: left; text-transform: uppercase; min-width: 105px; display: inline-block; margin-right: 10px; } #discount-coupon-form .field-wrapper, .cart .giftcard .field-wrapper { display: inline-block; } #discount-coupon-form .validation-advice, .cart .giftcard .validation-advice { display: inline; } #discount-coupon-form .button-wrapper, .cart .giftcard .button-wrapper { display: inline-block; vertical-align: bottom; } #discount-coupon-form .button-wrapper > button, .cart .giftcard .button-wrapper > button { float: left; } #discount-coupon-form .input-text, .cart .giftcard .input-text { border-radius: 0; height: 30px; margin: 4px 10px 0 0; width: 190px; } .cart .giftcard p { margin-bottom: 7px; } .cart .giftcard .check-gc-status { float: left; padding: 0px; } .cart .giftcard .check-gc-status > span > span { font-size: 14px; text-transform: none; } /* ============================================ * * Checkout - Cart Cross sell * ============================================ */ .crosssell h2 { color: #282828; } .crosssell .item a.product-image { width: auto; float: left; } /* Change the layout to 2 columns at a breakpoint that is higher than a 3 columns layout would normally break */ @media only screen and (max-width: 979px) { .crosssell { /* Undo three-column config */ } .crosssell .products-grid > li:nth-child(even), .crosssell .products-grid > li:nth-child(3n), .crosssell .products-grid > li { width: 47.72727%; margin-right: 4.54545%; } .crosssell .products-grid > li:nth-child(odd) { clear: left; } .crosssell .products-grid > li:nth-child(even) { margin-right: 0; } .crosssell .products-grid > li:nth-child(3n+1) { clear: none; } } @media only screen and (max-width: 599px) { .cart-table .cart-tax-total:after { right: -9px; } .cart-table .cart-tax-total.cart-tax-total-expanded:after { right: -13px; } } @media only screen and (max-width: 320px) { .crosssell ul .item { padding: 0 0px 40px; } .crosssell ul .product-details .crosssell-actions { padding: 0 5px; } } /* ============================================ * * Checkout - One Page * ============================================ */ .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { display: none; } .checkout-onepage-index .col-main { width: auto; float: none; } @media only screen and (min-width: 980px) { .checkout-onepage-index .col-main { float: left; width: 68.75%; padding-right: 20px; } .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { width: 31.25%; display: block; } .checkout-onepage-index .col-right { padding-left: 0; } } .opc select { width: 365px; } /* -------------------------------------------- * * Section Styling - Default */ .opc .section .step-title { width: 100%; border-top: 1px solid #ececec; position: relative; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .opc .section .step-title:after { content: ''; display: table; clear: both; } .opc .section.allow:not(.active) .step-title { cursor: pointer; } /* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */ .no-touch .opc .section.allow:not(.active) .step-title:hover { background-color: #f4f4f4; } .opc .section .step-title a { display: none; } .opc .section.allow:not(.active) .step-title a { display: block; float: right; line-height: 40px; height: 40px; padding: 0px 10px; } .no-touch .opc .section .step-title a:hover { text-decoration: none; } .opc .section .step-title .number, .opc .section.allow.active .step-title .number, .no-touch .opc .section.allow:hover .step-title .number { width: 26px; height: 26px; text-align: center; color: #FFFFFF; line-height: 26px; background-color: #282828; display: block; position: absolute; top: 50%; left: 10px; margin-top: -13px; } .opc .section.allow .step-title .number { background-color: #99cce5; } .opc .section.allow .step-title h2 { color: #a0a0a0; } .opc .section.allow .step-title:hover h2, .opc .section.active .step-title h2 { color: #282828; } .opc .section .step-title h2 { font-size: 16px; font-weight: 400; line-height: 40px; height: 40px; float: left; margin: 0px 4px 0px 45px; } .opc .section .step { padding: 20px; } .opc .section .step:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 979px) { .opc .section .step { padding: 10px; } } .opc select { max-width: 365px; width: 100%; } .opc h3 { font-weight: 500; } .opc .buttons-set { text-align: left; } .opc .buttons-set button.button { float: left; margin-left: 0; margin-right: 10px; margin-bottom: 0; } .opc .buttons-set p.required { float: right; margin-left: 5px; margin-bottom: 0; } .opc .buttons-set .back-link { float: right; margin: 0; } .opc .buttons-set a { line-height: 20px; display: inline-block; padding: 5px 5px 5px 0; } @media only screen and (max-width: 479px) { .opc .buttons-set .button + .buttons-set .button, .paypal-express-review .buttons-set .button + .buttons-set .button { margin-left: 0; } } .opc #opc-login .step { padding: 0px; } .opc #opc-login .buttons-set { border-top: 0; padding-top: 5px; } @media only screen and (max-width: 770px) { .opc #opc-login .description, .opc #opc-login p.required { display: none; } } #opc-payment .note { padding: 10px; } /* -------------------------------------------- * * This section hides everything but the "Checkout Method" step of the checkout process and fades in the content * once the customer progresses to the next step. The purpose of this is to simplify what the customer has to focus on. * It is limited to larger viewports since smaller devices are inherently going to be focused solely on the * "Checkout Method" step. */ .opc.opc-firststep-login .section:not(#opc-login) .step-title, .opc-block-progress-step-login { -webkit-transition: opacity 300ms linear; -webkit-transition-delay: 0; -moz-transition: opacity 300ms linear 0; -o-transition: opacity 300ms linear 0; transition: opacity 300ms linear 0; } .opc.opc-firststep-login .section#opc-login .step-title .number { -webkit-transition: width 80ms linear; -webkit-transition-delay: 0; -moz-transition: width 80ms linear 0; -o-transition: width 80ms linear 0; transition: width 80ms linear 0; } .opc.opc-firststep-login .section#opc-login .step-title h2 { -webkit-transition: margin-left 80ms linear; -webkit-transition-delay: 0; -moz-transition: margin-left 80ms linear 0; -o-transition: margin-left 80ms linear 0; transition: margin-left 80ms linear 0; } /* When a user progresses from the "Checkout Method" to "Billing Information" for the first time, the */ /* "opc-has-progressed-from-login" class gets added to the body. Also, the .opc element will only have the */ /* "opc-firststep-login" class if the first step of the checkout is the "Checkout Method" (eg, not when logged in) */ body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title, body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login { opacity: 0; } body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number { width: 0px; overflow: hidden; } body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 { margin-left: 0px; } /* -------------------------------------------- * * Shipping and Payment methods */ .sp-methods { margin: 0 0 8px; } .sp-methods dt { margin: 13px 0 5px; font-weight: bold; } .sp-methods dt:first-child { margin: 0 0 5px; } .sp-methods dd li { margin: 5px 0; } .sp-methods label img { float: left; } .sp-methods label a { margin-top: 6px; float: right; margin-left: 10px; } .sp-methods .price { font-weight: bold; } .sp-methods .form-list { padding-left: 20px; } .sp-methods .form-list li { margin: 0 0 8px; } .sp-methods select.month { width: 120px; margin-right: 10px; } .sp-methods select.year { width: 96px; } .sp-methods input.cvv { width: 4em !important; } .sp-methods #advice-validate-cc-exp-ccsave_expiration { max-width: 130px; } .sp-methods .checkmo-list li { margin: 0 0 5px; content: ''; display: table; clear: both; } .sp-methods .checkmo-list label { width: 165px; padding-right: 15px; text-align: right; float: left; } .sp-methods .checkmo-list address { float: left; } @media only screen and (max-width: 479px) { .sp-methods .checkmo-list { padding-left: 0; } .sp-methods .checkmo-list label { width: 135px; } } .sp-methods .release-amounts { margin: 0.5em 0; } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; } /* One Page Checkout */ .block-progress { border: 0; margin: 0; border-left: 1px solid #cccccc; padding-left: 20px; } .block-progress .block-content { font-size: 13px; } .block-progress dt { padding-top: 6px; margin: 0; margin-bottom: 10px; color: #636363; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; margin-bottom: 6px; text-transform: uppercase; font-weight: normal; color: #a0a0a0; } .block-progress dt.complete { color: #636363; } .block-progress dd { padding-left: 15px; margin-bottom: 10px; font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; } .block-progress dd address { font-style: italic; } .block-progress #payment-progress-opcheckout .subtitle { margin-bottom: 3px; } .block-progress .payment-info dt { padding: 0; margin: 0 0 3px 0; color: #636363; font-family: Georgia, Times, "Times New Roman", serif; text-transform: none; font-style: italic; float: left; clear: both; font-size: 13px; } .block-progress .payment-info dt:after { content: ': '; } .block-progress .payment-info dd { float: left; margin-bottom: 3px; font-size: 13px; } .block-progress .payment-info:after { content: ''; display: table; clear: both; } /* review step */ #checkout-review-table .btn-remove img { display: none; } #checkout-review-table-wrapper { clear: both; } #review-buttons-container { width: 100%; margin-top: 15px; margin-bottom: 15px; } #review-buttons-container .btn-checkout { min-width: 220px; } #review-buttons-container .please-wait { float: left; margin-right: 10px; } #review-buttons-container .f-left { float: right; } @media only screen and (max-width: 599px) { .linearize-table-large.checkout-review-table thead tr:nth-child(1n+2) { display: none; } } @media only screen and (max-width: 479px) { .linearize-table.checkout-review-table thead tr:nth-child(1n+2) { display: none; } } /* show/hide "change" link for progress step depend on complete status * should be placed in .css file */ .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator { display: inline; } .opc-block-progress dt a, .opc-block-progress dt .separator { display: none; } /* On small screens, the progress review content will be moved to the review step via JS. Styled via this CSS: */ #checkout-step-review .opc-block-progress { border-left: none; padding-left: 0; } #checkout-step-review .opc-block-progress .block-title { display: none; } #checkout-step-review .opc-block-progress .block-content { display: block !important; padding: 0; } #checkout-step-review .opc-block-progress .block-content > dl > div { float: left; width: 50%; } @media only screen and (max-width: 479px) { #checkout-step-review .opc-block-progress .block-content > dl > div { float: none; width: auto; } } #checkout-step-review .opc-block-progress .block-content .changelink { display: none; } @media only screen and (max-width: 479px) { #checkout-review-table thead > tr > th { padding: 10px 5px !important; font-size: 11px; border-width: 0; border-bottom-width: 1px; } } #checkout-step-review .centinel > p { margin-bottom: 10px; } #checkout-step-review .centinel iframe { width: 100%; min-height: 400px; } /* Gift options */ .gift-messages-form .item { content: ''; display: table; clear: both; margin-top: 30px; } .gift-messages-form .item h5 { font-weight: bold; } .gift-messages-form .item .product-img-box { width: auto; float: left; padding-right: 15px; } .gift-messages-form .item .details { float: left; } .gift-message-form .inner-box > div { content: ''; display: table; clear: both; width: 100%; margin-top: 15px; display: block; } .gift-message-form .inner-box > div.extra-options-container p { margin-bottom: 15px; } .gift-message-form .gift-wrapping-form label { margin-right: 10px; } .gift-message-form .gift-wrapping-form img { float: left; } .gift-message-form .gift-wrapping-form .gift-wrapping-design { height: 75px; } .gift-message-form .gift-wrapping-form .gift-wrapping-design:after { content: ''; display: table; clear: both; } .gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box { margin-right: 5px; } .gift-message-form .gift-item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #ececec; } .gift-message-form .gift-item:after { content: ''; display: table; clear: both; } .gift-message-form .gift-item .product-img-box { width: 200px; } .gift-message-form .gift-item .product-img-box .product-image { width: 75px; margin-left: auto; margin-right: auto; } .gift-message-form .gift-item .product-img-box .product-name { display: block; } .gift-message-form .gift-item .fieldset { margin-left: 200px; } @media only screen and (max-width: 770px) { .gift-message-form .giftmessage-area { max-width: 100%; } .gift-message-form .gift-item .product-img-box { width: 100%; float: none; } .gift-message-form .gift-item .fieldset { margin-left: 0px; } .gift-message-form .gift-item .fieldset textarea { width: 100%; } } /* ============================================ * * Checkout - Success * ============================================ */ .checkout-onepage-success .col-main { padding: 0; text-align: center; } .checkout-onepage-success .buttons-set { margin: 10px 0; text-align: center; } .checkout-onepage-success .buttons-set button { float: none; } /* ============================================ * * Configurable Swatches * ============================================ */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { content: ''; display: table; clear: both; } /* General Swatch Styling */ .swatch-link, .swatch-label { display: block; border-radius: 3px; font-size: 14px; text-align: center; color: #636363; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #cccccc; margin: 0 0 3px; } .swatch-link img { border-radius: 2px; } .swatch-link:hover { cursor: pointer; text-decoration: none; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/bg_x.png) center no-repeat transparent; z-index: 10; } .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #f4f4f4; } .configurable-swatch-list { margin-left: -3px; zoom: 1; clear: both; -webkit-transform: translateZ(0px); } .configurable-swatch-list li { float: left; zoom: 1; margin: 0 0 0 3px; } .products-grid .configurable-swatch-list li { display: inline-block; float: none !important; margin: 0; vertical-align: top; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #ededed; position: relative; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; filter: alpha(opacity=40); } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-list .not-available a:focus { outline: 0; } #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47%; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 2px; text-align: left; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #282828; } #narrow-by-list dd .swatch-label { background: #f4f4f4; border: 0; display: block; float: left; line-height: 1.5em; margin: 0 5px 0 0; padding: 2px 8px; white-space: nowrap; border-radius: 0; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; border-radius: 3px; box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.1); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.1); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.1); -webkit-border-radius: 0px; -moz-border-radius: 0px; } @media only screen and (max-width: 770px) { #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) { clear: left; } } .currently .swatch-current { position: relative; } .currently .swatch-current .btn-remove { margin-top: -10px; position: absolute; right: 0; top: 50%; } .currently .swatch-current span { display: block; float: left; } .currently .swatch-link { display: inline-block; margin: 0 0 0 3px; } .currently .swatch-link:hover { border-color: #cccccc; cursor: default; } /* Other Swatch States */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #282828; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #df280a; padding: 2px 5px !important; font-weight: bold; color: #fff !important; float: left; display: block; border-radius: 3px; } /* CUSTOM */ .availability.out-of-stock span { color: #a0a0a0; } .product-view .product-options .swatch-attr { float: none; display: block; clear: both; border: 0; } .product-view .product-options .swatch-attr label, .product-view .product-options .swatch-attr .select-label { font-size: 12px; } .product-view .product-options .swatch-attr label { display: block; line-height: 1.3; } .product-view .product-options .swatch-attr .select-label { display: inline; font-weight: normal; color: #282828; padding-left: 5px; } .product-view .product-options dd .input-box { width: auto; height: auto; } .product-view .product-options .select-label { display: none; } .product-view .add-to-cart button.out-of-stock { background-position: -80px -362px; cursor: default; } /* ============================================ * * Customer * ============================================ */ .customer-account-login .scaffold-form label:first-child { width: 115px; } .customer-account-login .col2-set .buttons-set { text-align: left; border-top: 0; } .customer-account-login .col2-set .buttons-set button, .customer-account-login .col2-set .buttons-set .button { float: none; min-width: 50%; margin: 0; } .customer-account-login .col2-set .col-1 ul { list-style: disc; padding-left: 20px; margin: 10px 0 20px 0; } @media only screen and (min-width: 480px) { .customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2 { padding-top: 0; margin-top: 20px; } .customer-account-login .col2-set .col-1 { padding-right: 20px; } .customer-account-login .col2-set .col-2 { padding-left: 20px; border-left: 1px solid #ededed; } } @media only screen and (min-width: 770px) { .customer-account-login .col2-set .col-1 { padding-right: 0; } .customer-account-login .col2-set .col-2 { padding-left: 60px; border-left: 1px solid #ededed; } } @media only screen and (max-width: 479px) { .customer-account-login .col2-set .col-1 { padding-bottom: 30px; } .customer-account-login .col2-set .col-2 { padding-top: 30px; border-top: 1px solid #ededed; } } @media only screen and (max-width: 770px) { .customer-account-login .col2-set p.required { display: none; } } .customer-account-create .scaffold-form label:first-child { width: 140px; } .opc #opc-login p:not(.required) { font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; font-size: 13px; color: #a0a0a0; } .remember-me-box a.hide { display: none; } .remember-me-box .link-tip { font-size: 13px; padding-left: 10px; } .remember-me-popup { display: none; border: 1px solid #cccccc; padding: 10px; position: relative; } .remember-me-popup.show { display: block; } .remember-me-popup p { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } .remember-me-popup .remember-me-popup-close { position: absolute; top: 0; right: 0; padding: 10px; font-size: 12px; } .remember-me-popup .remember-me-popup-close-button { display: none; } .customer-account-create .buttons-set { max-width: 455px; } .customer-account-create .fieldset, .customer-account-create .buttons-set { margin-left: 30px; } @media only screen and (max-width: 479px) { .customer-account-create .fieldset, .customer-account-create .buttons-set { margin-left: 0; } } .customer-account-create .fieldset .hidden { display: none; } .customer-account-create #remember-me-popup { max-width: 455px; } .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { margin-left: 30px; max-width: 400px; } @media only screen and (max-width: 479px) { .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { margin-left: 0; } } .customer-account-forgotpassword .fieldset .input-box input.input-text { width: 100%; } /* ============================================ * * My Account Global Styles * ============================================ */ body.customer-account .my-account .page-title h1 { border: 0; text-align: left; } body.customer-account .my-account .title-buttons { position: relative; text-align: right; } body.customer-account .my-account .title-buttons h1 { text-align: left; } body.customer-account .my-account .title-buttons .button { position: absolute; right: 0; top: 0; } body.customer-account .my-account .title-buttons a, body.customer-account .my-account .title-buttons span.separator { position: relative; top: -42px; } body.customer-account .my-account .fieldset h2, body.customer-account .my-account .addresses-list h2, body.customer-account .my-account .order-details h2 { width: 100%; display: inline-block; } body.customer-account .my-account .addresses-list h3 { font-size: 14px; font-weight: 600; } body.customer-account .my-account .fieldset { margin-top: 30px; margin-bottom: 30px; } body.customer-account .data-table { margin-top: 5px; } body.customer-account .data-table td a { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; font-style: normal; font-size: 13px; } body.customer-account .data-table span.nobr { white-space: normal; } body.customer-account .data-table span.nobr a { white-space: nowrap; } body.customer-account .data-table td.view a { display: block; } body.customer-account .data-table .separator { display: none; } body.customer-account .sidebar .block ol#compare-items li { margin: 10px 0; } body.customer-account .sidebar .block .block-content p.block-subtitle { margin-bottom: 15px; } body.customer-account .sidebar .block .block-content .actions { margin-top: 30px; } body.customer-account .sidebar ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name { display: inline-block; margin-bottom: 0; } body.customer-account .sidebar .block-cart .summary { margin-bottom: 15px; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input { margin-right: 10px; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name { display: inline; margin-bottom: 0; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day { width: 40px; float: left; margin-right: 10px; } .form-list .customer-dob .dob-year { width: 80px; float: left; } /* ============================================ * * Dashboard * ============================================ */ .dashboard .box-head { margin-top: 30px; border-bottom: 1px solid #cccccc; padding-bottom: 7px; margin-bottom: 10px; } .dashboard .box-head h2 { font-size: 15px; font-weight: 600; display: inline-block; margin-bottom: 0; } .dashboard .box-head a { padding: 10px; } .dashboard .box-title a, .dashboard .box-head a { text-transform: uppercase; font-size: 11px; float: right; padding: 5px 0; } .cdz-rtl .dashboard .box-title a, .cdz-rtl .dashboard .box-head a { float: left; } .dashboard .box-account { padding-bottom: 40px; border-bottom: 1px solid #cccccc; margin-bottom: 45px; } .dashboard .box-account p, .dashboard .box-account address { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { padding-right: 0%; padding-bottom: 0; } .dashboard .col2-set .col-1 .box-title, .dashboard .col2-set .col-2 .box-title { position: relative; padding-bottom: 10px; } .dashboard .col2-set .col-1 .box-title h2, .dashboard .col2-set .col-1 .box-title h3, .dashboard .col2-set .col-2 .box-title h2, .dashboard .col2-set .col-2 .box-title h3 { font-weight: 600; font-size: 12px; margin-bottom: 0; } .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { line-height: 19.6px; } .dashboard .box-reviews.box-account { padding-bottom: 0; } .dashboard .box-reviews li { padding: 10px 0; border-top: 1px solid #ededed; } .dashboard .box-reviews li:first-child { border-top: 0; } .dashboard .box-reviews li .number { margin-right: -20px; float: left; line-height: 1.4; font-size: 13px; } .dashboard .box-reviews li .details { margin-left: 20px; } .dashboard .box-reviews li .details .ratings { content: ''; display: table; clear: both; margin-bottom: 0; } .dashboard .box-reviews li .details .ratings strong { float: left; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 13px; margin-right: 5px; } .dashboard .box-reviews li .details .ratings .rating-box { float: left; margin: 3px 0 0 0; } /* ============================================ * * Address Book * ============================================ */ .my-account .addresses-list { font-family: Georgia, Times, "Times New Roman", serif; } .my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { padding-bottom: 0; } .my-account .addresses-list .item { margin: 0 0 30px 0; } .my-account .addresses-list .item p { margin-top: 10px; } @media only screen and (max-width: 770px) { .my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { width: 100%; padding-left: 0; padding-right: 0; } .my-account .addresses-list .col-1 li.empty, .my-account .addresses-list .col-2 li.empty { width: 100%; } } @media only screen and (max-width: 599px) { .my-account .addresses-list .addresses-additional p a { white-space: nowrap; } } /* ============================================ * * Order View * ============================================ */ .order-info { padding-bottom: 10px; border-bottom: 1px solid #ededed; width: 100%; margin-bottom: 30px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info dt { margin-right: 20px; } .order-info li { margin: 0 0 0 20px; } .order-info li.current { font-weight: 600; } .order-info li:first-child { margin-left: 0; } .order-date { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; } .order-info-box { margin-bottom: 40px; margin-top: 20px; } .order-info-box + .order-info-box { padding-bottom: 40px; border-bottom: 1px solid #ededed; } .order-info-box .col-1 { padding-right: 0; width: 48%; } .order-info-box .col-2 { width: 52%; } .order-info-box .col-1, .order-info-box .col-2 { overflow: hidden; padding-top: 0; padding-bottom: 0; } .order-info-box .box-title { width: 150px; padding-right: 10px; float: left; } .order-info-box .box-title h2 { font-size: 14px; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-weight: bold; line-height: 1.5; } .order-info-box .box-title h2:after { content: ':'; } .order-info-box .box-content { float: left; font-family: Georgia, Times, "Times New Roman", serif; } .order-info-box .box-content td, .order-info-box .box-content th { font-family: Georgia, Times, "Times New Roman", serif; line-height: 1.3; } .order-info-box .box-content th { padding-top: 10px; } .order-info-box .box-content td { padding-left: 15px; } .order-info-box .box-content strong { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-weight: normal; text-transform: uppercase; } #my-orders-table .option-label { margin-left: 10px; font-weight: 600; font-style: italic; } #my-orders-table .option-value { margin-left: 20px; } #my-orders-table tr.bundle:not(:last-child) td { border-bottom: none; border-top: none; } ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } ol#cart-sidebar-reorder li input { margin-right: 10px; } ol#cart-sidebar-reorder p.product-name { display: inline; } @media only screen and (max-width: 599px) { #my-orders-table .option-label { margin-left: 20px; } #my-orders-table .option-value { margin-left: 35px; } #my-orders-table td[data-rwd-label=Qty] .nobr br { display: none; } #my-orders-table td[data-rwd-label=Qty] .nobr strong { margin-right: 10px; } #my-orders-table tr.bundle { border-color: #ededed; } #my-orders-table tr.bundle.child td[data-rwd-label] { padding-left: 60px; } #my-orders-table tbody:last-child tr:last-child td { padding-bottom: 10px; border-bottom: 0; } #my-orders-table tbody:last-child tr:last-child td:last-child { padding-bottom: 15px; } #my-orders-table tfoot tr.shipping { margin-top: 0; } } .order-additional { margin: 40px 0; } .order-gift-message dd { margin-top: 10px; } @media only screen and (max-width: 1199px) { .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { padding-right: 30px; padding-bottom: 0; } body.customer-account .data-table td.view a { white-space: normal; } } @media only screen and (max-width: 979px) { body.customer-account .my-account .title-buttons { text-align: left; } body.customer-account .my-account .title-buttons span.separator, body.customer-account .my-account .title-buttons a { top: -12px; } } @media only screen and (max-width: 770px) { body.customer-account .data-table.orders th.ship, body.customer-account .data-table.orders td.ship, body.customer-account .data-table.orders td.status, body.customer-account .data-table.orders th.status { display: none; } .order-info-box .box-content { clear: left; } .addresses-list .item { float: left; width: 50%; padding-right: 30px; } .order-info dt { display: none; } .dashboard .page-title { margin-top: 20px; } .dashboard .page-title h1 { margin-top: 0; } .dashboard .welcome-msg { font-family: Georgia, Times, "Times New Roman", serif; } .dashboard .welcome-msg .hello { font-style: italic; } .dashboard .box-account { padding-bottom: 15px; margin-bottom: 30px; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 48%; padding-right: 0; padding-left: 0; } .dashboard .col2-set .col-1 { float: left; margin-right: 4%; } .dashboard .col2-set .col-2 { float: right; } } @media only screen and (max-width: 599px) { body.customer-account .my-account .form-list .control { padding-left: 0; } } @media only screen and (max-width: 479px) { body.customer-account .my-account .page-title h1 { text-align: center; } body.customer-account .my-account .title-buttons { text-align: center; } body.customer-account .my-account .title-buttons .button { width: 100%; position: static; margin-bottom: 15px; } body.customer-account .my-account .title-buttons .button + .button { margin-left: 0px; } body.customer-account .my-account .fieldset h2 { margin-bottom: 15px; } body.customer-account .my-account .order-details h2 { margin-bottom: 15px; } body.customer-account .my-account .buttons-set { border-top: 0; } body.customer-account .my-account .addresses-list .item { margin-bottom: 15px; padding-right: 0; float: none; width: auto; } body.customer-account .my-account .addresses-list h2 { margin-bottom: 15px; } .order-info { margin-top: 15px; } .data-table.orders .link-reorder, .data-table.orders .date { display: none; } .data-table.orders td.view { text-align: right; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 100%; margin-top: 15px; } .order-info-box { margin: 0; } .order-info-box .col-1, .order-info-box .col-2 { width: 100%; border-bottom: 1px solid #ededed; padding: 15px 0; } .order-info-box + .order-info-box { padding-bottom: 0; border-bottom: 0; margin-bottom: 30px; } #my-reviews-table .nobr { white-space: normal; } } /* ============================================ * * Newsletter Subscriptions * ============================================ */ body.newsletter-manage-index .my-account .fieldset { margin-bottom: 20px; } body.newsletter-manage-index .my-account .fieldset h2 { display: none; } body.newsletter-manage-index .my-account .form-list { border-top: 1px solid #ededed; padding-top: 10px; } /* ============================================ * * Contacts * ============================================ */ .contacts-index-index .buttons-set p.required { float: right; } @media only screen and (max-width: 599px) { .contacts-index-index .buttons-set { max-width: 330px; margin-left: 0; } .contacts-index-index .buttons-set button { float: left; margin-left: 0px; } .contacts-index-index .buttons-set p.required { float: right; } } /* ============================================ * * PayPal * ============================================ */ @media only screen and (max-width: 870px) and (min-width: 771px) { .paypal-review-order .col2-set .col-1, .paypal-review-order .col2-set .col-2 { padding: 0px; } } .paypal-review-order .info-set { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ededed; } .paypal-review-order .buttons-set { margin-top: 0px; padding-top: 0px; border: 0; } .paypal-review-order .buttons-set button { margin-bottom: 10px; } @media only screen and (max-width: 770px) { .paypal-review-order .col-1 { padding-bottom: 0; } .paypal-review-order .field.inactive { display: none; } } .top-container .bml-ad { margin-top: 7px; margin-bottom: 7px; text-align: center; } .top-container .bml-ad span { display: inline-block; } .top-container .bml-ad span a { display: block; } .bml-ad { display: none; text-align: center; margin-bottom: 5px; } .bml-ad span { display: block; line-height: 0; } .bml-ad a { display: inline-block; max-width: 100%; } .bml-ad a:hover { opacity: 0.7; } .bml-ad img { height: auto !important; max-width: 100%; } .cart-totals-wrapper .bml-ad.large img { display: block; margin: 0; } @media only screen and (max-width: 770px) { .bml-ad.small { display: block; } } @media only screen and (min-width: 771px) { .bml-ad.large { display: block; } } div.paypal-logo { text-align: center; margin: 15px 0; max-width: 100%; } div.paypal-logo span { display: block; width: 100%; } div.paypal-logo span a { display: inline-block; max-width: 100%; } div.paypal-logo span a img { max-width: 100%; } div.paypal-logo span > img { display: none; } .checkout-types div.paypal-logo { text-align: right; } .bml-checkout-type { list-style-type: none; } .sidebar .paypal-logo { text-align: center; line-height: 0; } .sidebar .paypal-logo > a { display: inline-block; max-width: 100%; } .sidebar .paypal-logo > a:hover { opacity: 0.8; } .sidebar .paypal-logo > a img { display: block; } .sidebar .paypal-logo .label { margin-top: 4px; } .sidebar .paypal-logo .label a { font-size: 12px; line-height: 1.5; } /* ============================================ * * Review - Customer * ============================================ */ #customer-reviews { width: auto; float: none; } #customer-reviews .review-heading { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 0 5px; } #customer-reviews .review-heading:after { content: ''; display: table; clear: both; } #customer-reviews .review-heading h2 { float: left; display: block; } #customer-reviews .review-heading .pager { clear: none; float: right; width: auto; } #customer-reviews .review-heading .pager .count-container .limiter { margin-bottom: 0; } #customer-reviews .review-heading .pager .count-container .limiter label { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 10px; text-transform: uppercase; } #customer-reviews .review-heading .pager .amount { display: none; } #customer-reviews h2 { color: #282828; font-size: 12px; text-transform: uppercase; } #customer-reviews h2 span { color: #636363; } #customer-reviews h3 { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; } #customer-reviews h3 span { color: #282828; } #customer-reviews .fieldset { padding-top: 25px; width: 470px; } #customer-reviews .fieldset h4 { border-bottom: 1px solid #cccccc; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; padding-bottom: 5px; text-transform: uppercase; } #customer-reviews .fieldset h4 em { display: none; } #customer-reviews .fieldset .form-list { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; margin: 10px 0; text-transform: uppercase; width: 470px; } #customer-reviews .fieldset .form-list .inline-label:after { content: ''; display: table; clear: both; } #customer-reviews .fieldset .form-list label { font-size: 12px; font-weight: normal; } #customer-reviews .fieldset .form-list textarea { border: 1px solid #cccccc; border-radius: 0; min-width: 100%; -webkit-appearance: none; } #customer-reviews .fieldset .form-list input { border: 1px solid #cccccc; border-radius: 0; } #customer-reviews .fieldset .form-list input[type="text"] { width: 100%; } #customer-reviews .buttons-set { border: none; margin: 0; width: 470px; } #customer-reviews dl { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; margin-bottom: 10px; } #customer-reviews dl dt { margin: 10px 0; text-transform: uppercase; } #customer-reviews dl dd { font-family: Georgia, Times, "Times New Roman", serif; font-size: 14px; margin: 10px 0; } #customer-reviews dl dd .ratings-table { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; width: 100%; } #customer-reviews dl dd .ratings-table tr { margin-right: 15px; } #customer-reviews dl dd .ratings-table .review-label { width: 300px; max-width: 70%; } #customer-reviews dl dd table { margin: 15px 0; } #customer-reviews dl dd .review-meta { color: #282828; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; text-transform: uppercase; } .review-summary-table { border-bottom: 1px solid #cccccc; margin: 0 0 10px; } .review-summary-table thead { background: transparent; } .review-summary-table thead th { background: transparent; border: none; padding: 15px 7px 10px 8px; } .review-summary-table tbody th { background: #FFFFFF; font-size: 12px; } .review-summary-table tbody td { border: none; text-align: center; padding: 0; } .review-summary-table tbody td label { width: 100%; display: block; padding: 11px 0; } .review-summary-table .rating-box .rating-number { display: none; } .review-summary-table .rating-box .rating-number:after { content: ""; display: inline-block; background-position: 0px -599px; width: 13px; height: 14px; margin-left: 5px; position: relative; top: 2px; } /* ============================================ * * Ratings - Global * ============================================ */ .ratings-table { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; text-transform: uppercase; } .ratings-table th { padding-right: 10px; } @media only screen and (max-width: 770px) { body.review-product-list .product-view .product-shop .price-info { padding-left: 0; } body.review-product-list .product-view .product-shop .extra-info { padding: 0; min-width: 84%; } body.review-product-list .product-view .product-shop .extra-info .ratings-table { margin: 10px 0; width: 100%; } body.review-product-list .product-view .product-shop .extra-info .ratings-table tr { margin-right: 15px; } } @media only screen and (max-width: 535px) { body.review-product-list .product-view .product-shop .extra-info { min-width: 0; } body.review-product-list .product-view .product-shop .extra-info .ratings-table tr { float: none; margin-right: 0; } } @media only screen and (max-width: 520px) { #customer-reviews .fieldset { width: 100%; } #customer-reviews .fieldset .form-list { width: 100%; } #customer-reviews .fieldset .form-list .inline-label label, #customer-reviews .fieldset .form-list .inline-label .input-box { float: none; } #customer-reviews .buttons-set { width: 100%; } #customer-reviews .review-summary-table thead th { padding-left: 0px; padding-right: 0px; } #customer-reviews .review-summary-table tbody th { padding-left: 0px; padding-right: 0px; } #customer-reviews .review-summary-table tbody td { width: 20%; padding: 0px; } #customer-reviews .review-summary-table .rating-box { text-indent: 0px; text-align: center; background: none; height: 19.6px; width: 100%; } #customer-reviews .review-summary-table .rating-box .rating { display: none; } #customer-reviews .review-summary-table .rating-box .rating-number { display: inline-block; } } @media only screen and (max-width: 450px) { #customer-reviews dl dd .ratings-table tr { float: none; } } /* ============================================ * * Review View Page * ============================================ */ .review-product-view .product-review .product-details h2 { border-bottom: none; } .review-product-view .product-review .product-img-box { width: auto; max-width: 50%; } .review-product-view .product-review .product-img-box > a { width: 100%; } .review-product-view .product-review .product-img-box .product-image { width: 100%; } @media only screen and (max-width: 770px) { .review-product-view .product-review .product-img-box { max-width: 100%; } } /* ============================================ * * Slideshow * ============================================ */ .slideshow-container { position: relative; display: block; width: 100%; } .slideshow-container .slideshow { width: 100%; padding: 0; position: relative; margin: 0; border: 10px solid #FFFFFF; } .slideshow-container .slideshow > li { position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block; margin: 0; } .slideshow-container .slideshow > li:first-child { position: static; z-index: 100; } .slideshow-container .slideshow > li img { max-width: 100%; width: 100%; } .slideshow-pager { text-align: center; width: 100%; z-index: 115; position: absolute; bottom: 0px; top: auto; overflow: hidden; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .slideshow-pager span { font-family: arial; width: 44px; height: 44px; display: inline-block; color: #DDDDDD; cursor: pointer; } .slideshow-pager span:before { content: ''; display: block; width: 16px; height: 16px; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; border-radius: 1px; background-color: #FFFFFF; position: relative; } .slideshow-pager span:hover:before { background-color: #2e8ab8; } .slideshow-pager span.cycle-pager-active:before { background-color: #297aa3; } .slideshow-pager > * { cursor: pointer; } .slideshow-prev, .slideshow-next { position: absolute; top: 0; width: 15%; max-width: 80px; height: 100%; opacity: 0.6; z-index: 110; cursor: pointer; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .slideshow-prev:before, .slideshow-next:before { content: ''; width: 0; height: 0; font-size: 0; position: absolute; border-style: solid; display: block; top: 50%; margin-top: -15px; } .slideshow-prev:hover, .slideshow-next:hover { opacity: 1; } .slideshow-prev.disabled, .slideshow-next.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; cursor: default; } .slideshow-prev { left: 8px; } .slideshow-prev:before { border-width: 15px 15px 15px 0; border-color: transparent #FFFFFF transparent transparent; top: 50%; left: 10px; } .slideshow-prev:hover:before { border-color: transparent #2e8ab8 transparent transparent; } .slideshow-next { right: 8px; } .slideshow-next:before { border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #FFFFFF; top: 50%; right: 10px; } .slideshow-next:hover:before { border-color: transparent transparent transparent #2e8ab8; } .cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 110; } .cycle-overlay { font-family: tahoma, arial; position: absolute; bottom: 0; width: 100%; z-index: 120; background: black; color: white; padding: 15px; opacity: .5; } /* ============================================ * * Wishlist * ============================================ */ #wishlist-table th { text-align: center; } #wishlist-table.clean-table { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; text-transform: uppercase; width: 100%; } #wishlist-table.clean-table th { border-bottom: 1px solid #e1e1e1; } #wishlist-table.clean-table td { padding: 15px; vertical-align: top; } #wishlist-table.clean-table thead th { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; text-transform: uppercase; } #wishlist-table .product-name { font-size: 16px; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; margin-bottom: 0; text-transform: uppercase; } #wishlist-table .product-name a { color: #282828; } #wishlist-table .wishlist-sku { font-size: 11px; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; margin: 5px 0; } #wishlist-table textarea { border: 1px solid #e1e1e1; width: 100%; height: 45px; font-size: 11px; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } #wishlist-table textarea::-webkit-input-placeholder { text-transform: uppercase; } #wishlist-table textarea:-moz-placeholder { text-transform: uppercase; } #wishlist-table textarea::-moz-placeholder { text-transform: uppercase; } #wishlist-table textarea:-ms-input-placeholder { text-transform: uppercase; } #wishlist-table textarea:focus { border: 1px solid #282828; } #wishlist-table .item-manage { text-align: right; max-width: 450px; padding-top: 5px; } #wishlist-table .item-manage .button { font-size: 11px; padding: 3px 5px; } #wishlist-table .cart-cell { text-align: center; } #wishlist-table td.customer-wishlist-item-image { width: 113px; } #wishlist-table td.customer-wishlist-item-quantity { width: 3em; } #wishlist-table td.customer-wishlist-item-price { width: 120px; text-align: center; } #wishlist-table td.customer-wishlist-item-cart { width: 150px; } #wishlist-table td.customer-wishlist-item-cart .button { font-size: 12px; margin-bottom: 10px; padding: 3px 5px; width: 100%; } #wishlist-table td.customer-wishlist-item-cart .truncated { margin-bottom: 10px; } #wishlist-table td.customer-wishlist-item-cart > p { margin-bottom: 0; } #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item { text-align: center; } #wishlist-table td.customer-wishlist-item-cart .btn-remove { vertical-align: top; } #wishlist-table td.customer-wishlist-item-remove { width: 20px; } #wishlist-table td .button, #wishlist-table td button { white-space: normal; } #wishlist-table .price-box { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; } #wishlist-table .price-box .price { color: #636363; } #wishlist-table .giftregisty-add { margin-top: 5px; } #wishlist-table .giftregisty-add .change { display: none; } #wishlist-table .giftregisty-add li { cursor: pointer; color: #282828; margin-bottom: 3px; } #wishlist-table .truncated .details { background: none; color: #282828; } #wishlist-table td[data-rwd-label]:before { font-weight: 600; } @media only screen and (max-width: 1199px) { #wishlist-table.clean-table td { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 979px) { #wishlist-table.clean-table td { padding-left: 5px; padding-right: 5px; } #wishlist-table.clean-table td textarea { height: 100px; } #wishlist-table.clean-table td.customer-wishlist-item-cart { width: 110px; } #wishlist-table .product-name { font-size: 13px; } } @media only screen and (max-width: 770px) { #wishlist-table:after { content: ''; display: table; clear: both; } #wishlist-table .product-name { font-size: 16px; } #wishlist-table textarea { height: 68px; max-width: 100%; } #wishlist-table .item-manage { max-width: 100%; } #wishlist-table tr { position: relative; } #wishlist-table tr:after { content: ''; display: table; clear: both; } #wishlist-table td.customer-wishlist-item-image { width: 70px; } #wishlist-table td.customer-wishlist-item-image img { width: 70px; height: 70px; } #wishlist-table td.customer-wishlist-item-cart p { margin-bottom: 0; } #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item { margin-right: 0; padding-top: 4px; } #wishlist-table td.customer-wishlist-item-cart { padding-right: 15px; } } @media only screen and (max-width: 599px) { #wishlist-table td.customer-wishlist-item-quantity { padding-left: 0; } #wishlist-table td.customer-wishlist-item-image, #wishlist-table th.customer-wishlist-item-image { display: none; } } @media only screen and (max-width: 479px) { #wishlist-table tr { position: relative; } #wishlist-table th.customer-wishlist-item-image { display: block; } #wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart { width: 100%; padding-left: 0; padding-right: 0; empty-cells: hide; } #wishlist-table td.customer-wishlist-item-image { display: block; overflow: hidden; } #wishlist-table td.customer-wishlist-item-image a { float: left; } #wishlist-table td.customer-wishlist-item-image a img { width: 113px; height: 113px; } #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price { text-align: left; } #wishlist-table td.customer-wishlist-item-quantity:before, #wishlist-table td.customer-wishlist-item-price:before { float: left; margin-right: 15px; } #wishlist-table td.customer-wishlist-item-quantity .cart-cell, #wishlist-table td.customer-wishlist-item-price .cart-cell { text-align: left; } #wishlist-table td.customer-wishlist-item-quantity .price-box, #wishlist-table td.customer-wishlist-item-price .price-box { margin-top: 0; } #wishlist-table td.customer-wishlist-item-cart .cart-cell { float: left; width: 48%; } #wishlist-table td.customer-wishlist-item-cart > p { float: right; width: 48%; } #wishlist-table td.customer-wishlist-item-remove { position: absolute; top: 15px; right: 0px; display: block; padding: 0px; height: 20px; } #wishlist-table.clean-table td.customer-wishlist-item-cart { width: 100%; } } /* ============================================ * * Wishlist Sidebar * ============================================ */ .block-wishlist .mini-products-list > li:not(:last-child) { padding-bottom: 5px; } .block-wishlist .product-details .product-name { padding-top: 0; margin-bottom: 5px; } .block-wishlist .price-box { float: left; margin: 0; } .block-wishlist .price-box, .block-wishlist .price-box .price, .block-wishlist .link-cart { font-size: 12px; } .block-wishlist .link-cart { float: left; text-transform: uppercase; margin-right: 7px; padding-right: 7px; border-right: 1px solid #ededed; } /* ============================================ * * Checkout - Mini cart * ============================================ */ .header-minicart { display: inline-block; } @media only screen and (max-width: 770px) { .header-minicart { display: block; } } .header-minicart .minicart-message { display: block; padding: 10px; } .header-minicart .empty { padding: 10px; text-align: center; } .header-minicart .minicart-wrapper { clear: both; position: relative; } .header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .header-minicart .minicart-wrapper:before { background-color: white; opacity: 0.8; z-index: 2; } .header-minicart .minicart-wrapper:after { background-image: url("../images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .header-minicart .minicart-wrapper.loading { position: relative; } .header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after { display: block; } .header-minicart .block-cart { display: none; } .header-minicart .block-subtitle .close { width: 40px; float: right; display: block; color: #636363; text-decoration: none; font-weight: normal; font-size: 30px; position: absolute; top: -6px; right: -3px; display: none; } .header-minicart .mini-products-list { padding: 10px; padding-top: 0px; } .header-minicart .mini-products-list li { padding: 8px 5px 8px 11px; border-bottom: 1px dashed #DDDDDD; position: relative; } .header-minicart .mini-products-list li.last { border: none; } .header-minicart .mini-products-list li .product-details { position: relative; } .header-minicart .product-details .product-name { padding-top: 0px; font-weight: bold; } .header-minicart .info-wrapper { margin-bottom: 0.5em; } .header-minicart .info-wrapper th { text-transform: uppercase; padding-right: 10px; } .header-minicart .info-wrapper td { color: #282828; clear: right; } .header-minicart .info-wrapper .qty-wrapper td { height: 33px; line-height: 33px; } .header-minicart .info-wrapper .qty { padding-left: 4px; padding-right: 4px; margin-right: 2px; width: 3.2em; text-align: center; height: 30px; } .header-minicart .info-wrapper .quantity-button { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 100ms; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; } .header-minicart .info-wrapper .quantity-button[disabled] { cursor: default; } .header-minicart .info-wrapper .quantity-button.visible { opacity: 1; } .header-minicart .subtotal { background-color: #DDDDDD; text-align: center; line-height: 2em; } .header-minicart .subtotal .label { color: white; text-transform: uppercase; } .header-minicart .subtotal .price { color: #282828; } .header-minicart .minicart-actions { padding: 10px; margin-top: 0px; overflow: hidden; position: relative; text-align: center; } .header-minicart .minicart-actions .checkout-button { min-width: 145px; } .header-minicart .minicart-actions .cart-link { height: 33px; line-height: 39px; text-transform: uppercase; font-size: 13px; } .header-minicart .minicart-actions .paypal-logo .paypal-or { line-height: 1.6; } .header-minicart #minicart-error-message { text-align: center; color: red; display: none; } .header-minicart #minicart-success-message { text-align: center; color: green; display: none; } .header-minicart .jcarousel-control-prev, .header-minicart .jcarousel-control-next { display: none; } .header-minicart.skip-active .block-cart, .block-cart.skip-active { display: block; } @media only screen and (min-width: 771px) { .checkout-types.minicart { float: none; text-align: center; } } @media only screen and (max-width: 479px) { .header-minicart a.skip-cart { z-index: 1; } } @media only screen and (max-width: 770px) { .header-minicart .subtotal .label { color: #636363; } .header-minicart .minicart-wrapper:before { background-color: #EDEDED; } .header-minicart .quantity-button { float: none; } .header-minicart .header-minicart .block-cart { padding: 15px; } .header-minicart .header-minicart .block-subtitle { padding-top: 59px; } .header-minicart .minicart-actions { padding-bottom: 33px; } .header-minicart .minicart-actions .cart-link { bottom: 0; right: 10px; position: absolute; } .header-minicart .minicart-actions .checkout-types.minicart li { display: inline-block; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a { display: inline; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button { display: inline-block; vertical-align: top; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or { width: auto; float: none; display: inline; margin: 0 10px 5px 10px; line-height: 40px; } } @media only screen and (max-width: 740px) { .header-minicart .minicart-actions .cart-link { right: auto; left: 0; text-align: center; width: 100%; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or, .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-button { width: 100%; display: block; margin-left: 0; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or { line-height: 1.6; } } @media only screen and (max-width: 599px) { .header-minicart .minicart-actions .checkout-button { width: 100%; } } /* ============================================ * * Search - Auto Suggest * ============================================ */ .search-autocomplete { left: 0 !important; overflow: visible !important; position: relative !important; top: 15px !important; width: 100% !important; z-index: 200; } .search-autocomplete ul { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: #FFFFFF; border: 1px solid #282828; left: 0; padding-left: 0; position: absolute; top: -15px; width: 100%; } .search-autocomplete ul li { border-bottom: 1px solid #f4f4f4; color: #282828; cursor: pointer; font-size: 12px; padding: 4px 6px; text-align: left; } .search-autocomplete ul li:hover { color: #2e8ab8; } .search-autocomplete ul li.selected { background-color: #282828; color: white; } .search-autocomplete ul li .amount { float: right; font-weight: bold; } .search-autocomplete ul li:last-child { border-bottom: none; } /* .search-autocomplete:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #282828; border-top: none; left: 50%; top: -7px; } */ /* ============================================ * * Search - Advanced * ============================================ */ .advanced-search { background: #f4f4f4; border: 1px solid #ededed; padding: 30px; } .advanced-search select.multiselect option { border-bottom: 1px solid #ededed; padding: 2px 5px; } @media only screen and (max-width: 479px) { .advanced-search { padding: 15px; } } /* ============================================ * * Account - Reviews * ============================================ */ .product-review .product-img-box p.label { border-bottom: 1px solid #cccccc; font-size: 16px; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; margin-top: 20px; padding-bottom: 10px; text-transform: uppercase; } .product-review .product-img-box .rating-box { margin: 15px 0; } .product-review .product-details h2 { border-bottom: 1px solid #cccccc; color: #282828; font-size: 16px; font-weight: 600; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; padding-bottom: 10px; } .product-review .ratings-table { font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } .product-review .ratings-table th { padding-right: 10px; } .product-review .ratings-table tr { float: left; font-size: 12px; margin-right: 10px; text-transform: uppercase; } .product-review .ratings-description dt { border-bottom: 1px solid #cccccc; font-size: 16px; font-weight: 400; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; margin-top: 20px; padding: 10px 0; text-transform: uppercase; } .product-review .ratings-description dd { color: #737373; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 13px; } @media only screen and (min-width: 771px) { .product-review .ratings-table tr { float: none; } } @media only screen and (min-width: 1126px) { .product-review .ratings-table tr { float: left; margin-right: 15px; } } @media only screen and (max-width: 320px) { .product-review .ratings-table tr { float: none; } } /* ============================================ * * CMS Pages * ============================================ */ .cms-page-view .page-title h1, .cms-page-view .page-title h3, .cms-page-view .page-head h1, .cms-page-view .page-head h3, .cms-no-route .page-title h1, .cms-no-route .page-title h3, .cms-no-route .page-head h1, .cms-no-route .page-head h3 { border: none; } .cms-page-view .std img, .cms-no-route .std img { max-width: 100%; } .cms-page-view .std p, .cms-no-route .std p { font-family: Poppins, Times, "Times New Roman", serif; font-size: 14px; font-style: normal; line-height: 20px; } .cms-page-view .std li, .cms-no-route .std li { font-style: italic; line-height: 24px; } .cms-page-view .col-left:after, .cms-no-route .col-left:after { content: ''; display: table; clear: both; } .cms-no-route .std img { width: 100%; } .cms-page-view .std .messages, .cms-home .std .messages, .cms-no-route .std .messages { margin-bottom: 10px; } .cms-page-view .std .messages ul, .cms-home .std .messages ul, .cms-no-route .std .messages ul { margin-bottom: 0; } .cms-page-view .std .messages li, .cms-home .std .messages li, .cms-no-route .std .messages li { list-style: none; margin-left: 0; font-style: normal; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } #accordion .toggle-tabs { display: none; } #accordion > dl > dt { margin: 0; margin-bottom: 10px; color: #636363; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #cccccc; position: relative; background-color: #f4f4f4; display: block; } #accordion > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #282828; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } #accordion > dl > dt:hover { background-color: #ececec; } #accordion > dl > dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #cccccc; } #accordion > dl > dd:last-child { border-width: 0 1px 1px 1px; } #accordion li { position: relative; overflow: hidden; } #accordion li .plusimage h2 { margin-right: 10px; } .page-sitemap .links { display: block; text-align: right; margin: 0 20px 0 0; } .page-sitemap .links a { position: relative; } .page-sitemap .sitemap { padding: 0 20px; margin: 15px 0; font-size: 12px; } .page-sitemap .sitemap li { margin: 3px 0; } .contacts-index-index h1 { border: none; } #contactForm h2 { display: none; } #contactForm:after { content: ''; display: table; clear: both; } #contactForm .fieldset .legend + .required { margin: 0; } @media only screen and (max-width: 770px) { #contactForm { padding-left: 0; } } /* ============================================ * * Pricing Conditions * ============================================ */ .price-box .minimal-price-link .label { color: #cf5050; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; text-transform: uppercase; } .map-info { white-space: nowrap; } .catalog-product-view .map-info { white-space: normal; } .catalog-product-view .map-info > span { float: right; margin-bottom: 5px; } .catalog-product-view .map-info .price-box.map-info > a { float: right; width: 100%; } /* ============================================ * * Cookies * ============================================ */ .notice-cookie .notice-inner { padding-bottom: 0; } .notice-cookie .notice-inner:after { content: ''; display: table; clear: both; } .notice-cookie .notice-text { float: left; max-width: 90%; padding-top: 4px; text-align: left; } .notice-cookie .notice-text p { padding-bottom: 14.5px; line-height: 1.3; } .notice-cookie .actions { float: left; text-align: right; padding-bottom: 14.5px; } @media only screen and (max-width: 979px) { .notice-cookie .notice-text { max-width: 86%; } } @media only screen and (max-width: 770px) { .notice-cookie { padding: 0 20px; } .notice-cookie .notice-text { max-width: 82%; padding-top: 0; } } @media only screen and (max-width: 620px) { .notice-cookie { padding: 0 20px; } .notice-cookie .notice-inner { background-position: left 10px; } .notice-cookie .notice-inner:after { content: ''; display: table; clear: both; } .notice-cookie .notice-text { float: none; max-width: 100%; padding-top: 0; } .notice-cookie .actions { text-align: left; } } /* ============================================ * * Tags * ============================================ */ #addTagForm button { margin-top: 5px; margin-bottom: 10px; } #addTagForm .form-add { margin-top: 10px; } #addTagForm .form-add .wrapper-tags { position: relative; } #addTagForm .form-add .wrapper-tags .input-box { padding: 0; } #addTagForm .form-add .wrapper-tags button.button { position: absolute; top: 0; right: 0; margin: 0; padding: 3px 15px; } .product-tags { background-color: #f4f4f4; border: 1px solid #cccccc; float: left; margin-bottom: 10px; padding: 5px 1% 10px; width: 98%; } .product-tags li { float: left; margin-right: 15px; } .product-tags li.last { margin-right: 0px; } .tags-list { float: left; width: 100%; margin-bottom: 10px; } .tags-list > li { float: left; margin-right: 10px; } .block-tags .actions > a { font-size: 12px; } .my-tag-edit .button.btn-remove { padding: 0; } .my-tag-edit .button.btn-remove:after { color: white; } @media only screen and (max-width: 770px) { .tags-list > li, .tags-list { float: none; } } /* ============================================ * * Captcha * ============================================ */ .captcha-note { clear: left; padding-top: 5px; } .captcha-image { float: left; display: inline; max-width: 100%; position: relative; width: 258px; margin-bottom: 10px; } .captcha-image .captcha-img { border: 1px solid #b6b6b6; vertical-align: bottom; width: 100%; } .registered-users .captcha-image { margin: 0; } .captcha-reload { cursor: pointer; position: absolute; top: 2px; right: 2px; } .captcha-reload.refreshing { animation: rotate 1.5s infinite linear; -webkit-animation: rotate 1.5s infinite linear; -moz-animation: rotate 1.5s infinite linear; } .customer-account-create .scaffold-form .captcha-input-container label:first-child { width: 100%; } .captcha-reload { position: absolute; right: 4px; top: 4px; } .captcha-img { border: 20px solid #bbbbbb; } .captcha-input-container { margin-bottom: 10px; } .control.newsletter-box, .captcha-input-container, .captcha-img-container { float: none; clear: both; } .control.newsletter-box:after, .captcha-input-container:after, .captcha-img-container:after { content: ''; content: ''; display: table; clear: both; } /* ============================================ * * Checkout Billing Fix to place the Captcha properly * ============================================ */ #co-billing-form ul.form-list > .control { float: left; margin: 0 0 5px; width: 100%; } /* ============================================ * * Account - Orders, Invoices, Credit Memos. * ============================================ */ @media only screen and (max-width: 479px) { .sales-order-invoice .sub-title, .sales-order-creditmemo .sub-title, .sales-order-shipment .sub-title { float: left; font-size: 15px; text-align: center; width: 100%; } .sales-order-invoice .order-links, .sales-order-creditmemo .order-links, .sales-order-shipment .order-links { text-align: center; width: 100%; } } /* ============================================ * * Recurring Profiles * ============================================ */ #recurring_profile_list_view th { white-space: normal; } #recurring_profile_list_view th span { white-space: inherit; } @media only screen and (max-width: 479px) { #recurring_profile_list_view { font-size: 12px; } #recurring_profile_list_view a { font-size: inherit; } #recurring_profile_list_view th, #recurring_profile_list_view td { padding: 2px; } } .recurring-profiles-title { float: left; } .recurring-profiles-title h1 { margin-bottom: 7px; } body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons { float: right; text-align: right; margin-bottom: 30px; } @media only screen and (max-width: 479px) { body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons { text-align: center; float: none; } } body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons .button { position: static; } .recurring-profiles-messages:after { content: ''; display: table; clear: both; } #recurring_start_date_trig { display: inline; } /* ============================================ * * Billing Agreements * ============================================ */ .billing-agreements .info-box { margin-bottom: 30px; } .billing-agreements .info-box:after { content: ''; display: table; clear: both; } .billing-agreements .info-box .form-list { max-width: 400px; width: 100%; } .billing-agreements .info-box .box-title { margin-top: 20px; margin-bottom: 7px; } .billing-agreements .info-box .button { float: right; margin-top: 7px; } @media only screen and (max-width: 479px) { .billing-agreements .info-box .button { width: 100%; float: none; } } .billing-agreements #payment_method { width: 100%; margin-top: 7px; margin-bottom: 7px; } .billing-agreement-view-header-wrapper .heading { max-width: 80%; } @media only screen and (max-width: 479px) { .billing-agreement-view-header-wrapper .heading { max-width: 100%; } } .billing-agreement-details td, .billing-agreement-details th { padding: 3.5px; } @media only screen and (max-width: 979px) { .billing-agreements .data-table .created-at, .billing-agreements .data-table .updated-at { display: none; } } /* ============================================ * * Popular Search Terms Cloud * ============================================ */ .catalogsearch-term-popular .tags-list { float: left; width: 100%; } .catalogsearch-term-popular .tags-list > li { float: left; height: 40px; margin-right: 25px; } /* ============================================ * * Widgets * ============================================ */ /* -------------------------------------------- * * Add to cart by SKU */ .sidebar .widget-addbysku .sku-table .input-text:not(.qty) { width: 100%; } @media only screen and (min-width: 771px) { .sidebar .widget-addbysku .sku-table .input-text:not(.qty) { max-width: 100px; } } .widget { clear: both; } .widget .pager { float: none; width: 100%; } /* ============================================ * * Checkout - Multiple Addresses * ============================================ */ body[class*="checkout-multishipping-"] .checkout-progress { width: 100%; float: left; margin-bottom: 25px; } body[class*="checkout-multishipping-"] .checkout-progress > li { float: left; width: 20%; text-align: center; padding: 8px 1% 6px; background: #f4f4f4; text-transform: uppercase; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; margin-bottom: 10px; font-family: "Poppins", "Helvetica Neue", Verdana, Arial, sans-serif; } body[class*="checkout-multishipping-"] .checkout-progress > li.active { background-color: #dddddd; } body[class*="checkout-multishipping-"] .checkout-progress > li.last { border-right: 0px; } body[class*="checkout-multishipping-"] .page-title { float: left; width: 100%; margin-bottom: 15px; } body[class*="checkout-multishipping-"] .page-title h1 { border: 0 none; float: left; margin-top: 2px; margin-right: 2%; } body[class*="checkout-multishipping-"] .page-title .button { float: right; } body[class*="checkout-multishipping-"] .multiple-checkout > h2 { text-transform: none; font-size: 17px; margin-bottom: 15px; } body[class*="checkout-multishipping-"] .messages { float: left; width: 100%; } body[class*="checkout-multishipping-"] .col-2.col-wide { width: 66%; } body[class*="checkout-multishipping-"] .col-1.col-narrow { width: 30%; } body[class*="checkout-multishipping-"] .actions { margin-bottom: 10px; } body[class*="checkout-multishipping-"] .grand-total { text-align: right; font-size: 16px; font-weight: bold; } body[class*="checkout-multishipping-"] #checkout-review-submit { float: right; } body[class*="checkout-multishipping-"] #review-buttons-container { float: right; text-align: right; } .checkout-multishipping-addresses .btn-remove2 { text-indent: -5555px; display: block; width: 22px; height: 22px; } .checkout-multishipping-shipping .gift-messages { margin-top: 20px; } .checkout-multishipping-shipping .gift-messages-form { margin-top: 15px; } .checkout-multishipping-shipping .gift-messages-form h4 { margin-top: 15px; margin-bottom: 5px; } .checkout-multishipping-shipping .gift-messages-form .form-list { margin-top: 10px; margin-bottom: 25px; } .checkout-multishipping-shipping .gift-messages-form .item { margin-top: 15px; } .checkout-multishipping-shipping .col-1 .box-title h2, .checkout-multishipping-shipping .col-1 .box-title h3, .checkout-multishipping-shipping .col-1 .box-title h4, .checkout-multishipping-shipping .col-2 .box-title h2, .checkout-multishipping-shipping .col-2 .box-title h3, .checkout-multishipping-shipping .col-2 .box-title h4, .checkout-multishipping-billing .col-1 .box-title h2, .checkout-multishipping-billing .col-1 .box-title h3, .checkout-multishipping-billing .col-1 .box-title h4, .checkout-multishipping-billing .col-2 .box-title h2, .checkout-multishipping-billing .col-2 .box-title h3, .checkout-multishipping-billing .col-2 .box-title h4, .checkout-multishipping-overview .col-1 .box-title h2, .checkout-multishipping-overview .col-1 .box-title h3, .checkout-multishipping-overview .col-1 .box-title h4, .checkout-multishipping-overview .col-2 .box-title h2, .checkout-multishipping-overview .col-2 .box-title h3, .checkout-multishipping-overview .col-2 .box-title h4 { font-weight: normal; width: 100%; background: #f4f4f4; border-bottom: 1px solid #cccccc; padding: 10px; font-size: 14px; } .checkout-multishipping-shipping .col-1 > h4, .checkout-multishipping-shipping .col-2 > h4, .checkout-multishipping-billing .col-1 > h4, .checkout-multishipping-billing .col-2 > h4, .checkout-multishipping-overview .col-1 > h4, .checkout-multishipping-overview .col-2 > h4 { font-weight: normal; width: 100%; background: #f4f4f4; border-bottom: 1px solid #cccccc; padding: 10px; font-size: 14px; } .checkout-multishipping-shipping .col-1 .box-content, .checkout-multishipping-shipping .col-2 .box-content, .checkout-multishipping-billing .col-1 .box-content, .checkout-multishipping-billing .col-2 .box-content, .checkout-multishipping-overview .col-1 .box-content, .checkout-multishipping-overview .col-2 .box-content { margin-bottom: 25px; padding-left: 10px; margin-top: 10px; } .checkout-multishipping-billing .sp-methods dt { float: left; width: 100%; } .checkout-multishipping-payment-customerbalance input.checkbox { margin-left: 15px; } #multiship-addresses-table > tbody > tr > td.a-center.last > a { background-image: none; } #review-order-form > div:nth-child(3) > div.divider { width: 100%; clear: both; } @media only screen and (max-width: 979px) { body[class*="checkout-multishipping-"] .checkout-progress span { word-spacing: 300px; } #review-order-form .col-1, #review-order-form .col-2 { float: none; width: auto; border: 0; padding-right: 0; padding-left: 0; } } @media only screen and (max-width: 770px) { body[class*="checkout-multishipping-"] .checkout-progress span { width: 12px; } body[class*="checkout-multishipping-"] .checkout-progress li { width: 100%; margin: 0; text-align: left; padding-left: 3%; border-right: 0px; } body[class*="checkout-multishipping-"] .checkout-progress span { word-spacing: 1px; width: 12px; } body[class*="checkout-multishipping-"] .box-title { float: left; width: 100%; } body[class*="checkout-multishipping-"] .page-title .button { float: left; margin-bottom: 10px; } body[class*="checkout-multishipping-"] .linearize-table tfoot td { text-align: right; } body[class*="checkout-multishipping-"] .linearize-table select { width: 100%; min-width: 200px; } body[class*="checkout-multishipping-"] .col-1.col-narrow, body[class*="checkout-multishipping-"] .col-2.col-wide { width: 100%; padding: 0; } } @media only screen and (max-width: 599px) { .checkout-multishipping-addresses .linearize-table tbody td[data-rwd-label] { text-align: left; padding-left: 10px; margin-top: 12px; } } @media only screen and (max-width: 479px) { body[class*="checkout-multishipping-"] .buttons-set .back-link { display: block; } } /* ============================================ * * Calendar styles (restore styles from /js/calendar) * ============================================ */ div.calendar table { border-collapse: separate; } div.calendar table td.button { display: table-cell; background: inherit; color: inherit; text-transform: none; } /* Sorter */ .pager label, .sort-by label, .sorter label { margin-right: 10px; margin-top: 10px; float: left; text-transform: uppercase; font-weight: normal; } .sorter .view-mode { float: left; margin: 0; margin-right: 5px; margin-bottom: 9px; margin-top: 18px; } .sorter .sort-by { float: right; } .pager select, .sorter select { width: 100px; padding: 5px 10px; height: 35px; line-height: 30px; float: left; } /*toolbar-switch*/ .toolbar-title { float: left; } .toolbar-dropdown { position: relative; width: 100px; float: left; } .toolbar-dropdown span.current { display: block; padding: 5px 10px; cursor: pointer; border: 1px solid; } .toolbar-dropdown span.current:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-size: 13px; float: right; } .toolbar-dropdown ul { margin: 0; border: 1px solid; position: absolute; right: 0; top: 26px; width: 100px; z-index: 2; } .toolbar-dropdown li { padding: 5px; background-color: #fff; } .toolbar-dropdown li:hover { background-color: #f9efe2; } .toolbar-dropdown li a { text-decoration: none; display: block; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor: pointer; } tr.summary-total .summary-collapse { float: right; text-align: right; padding-left: 20px; background: url(../images/bkg_collapse.gif) 0 4px no-repeat; cursor: pointer; } tr.show-details .summary-collapse { background-position: 0 -53px; } tr.summary-details td { font-size: 90%; background-color: #dae1e4; color: #626465; } tr.summary-details-first td { border-top: 1px solid #d2d8db; } tr.summary-details-excluded { font-style: italic; } /*=======Home Page - Custum Box-Wide============*/ .box-layout .page { margin: 0 auto; } @media (min-width: 768px) { .box-layout .page { max-width: 760px; } } @media (min-width: 992px) { .box-layout .page { max-width: 980px; } } @media (min-width: 1200px) { .box-layout .page { max-width: 1200px; } } button, a.action.primary { border-radius: 0; } body:not(._keyfocus) button:focus { box-shadow: none; } a.action.primary { display: inline-block; text-decoration: none; } a.action.primary:hover, a.action.primary:active, a.action.primary:focus { text-decoration: none; } .action.primary, button.button { background-image: none; border: 3px solid; cursor: pointer; display: inline-block; padding: 10px 15px; box-sizing: border-box; vertical-align: middle; } .action.primary:focus, .action.primary:active { border: 3px solid; } .action.primary:hover { border: 3px solid; } .action.primary.disabled, .action.primary[disabled], fieldset[disabled] .action.primary { opacity: 0.5; cursor: default; pointer-events: none; } a.action.primary, button { text-transform: uppercase; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-buttons-container button.btn-cart { width: 40px; height: 40px; padding: 0; margin: 0; line-height: 40px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; border: 3px solid; min-width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-buttons-container button.btn-cart:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f291"; font-size: 16px; line-height: 34px; } .cdz-buttons-container button.btn-cart span:before { display: none; } .actions-secondary:not(.cdz-product-wishlist &) .action { width: 40px; height: 40px; padding: 0; margin: 0; line-height: 40px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; border: 3px solid; min-width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .actions-secondary:not(.cdz-product-wishlist &) .action:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f012"; font-size: 16px; line-height: 34px; } .actions-secondary:not(.cdz-product-wishlist &) .link-wishlist:before { content: "\f004"; } .cdz-buttons-container .action, .addto-hover-container .action { width: 40px; height: 40px; padding: 0; margin: 0; line-height: 40px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; border: 3px solid; min-width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-buttons-container .action:before, .addto-hover-container .action:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f012"; font-size: 16px; line-height: 34px; } .cdz-buttons-container .link-wishlist:before, .addto-hover-container .link-wishlist:before { content: "\f004"; } .product-addto-links .action { float: left; width: 50%; text-align: center; text-decoration: none; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-addto-links .action:visited { text-decoration: none; } .product-addto-links .action:hover { text-decoration: none; } .product-addto-links .action:active { text-decoration: none; } .product-addto-links .action span { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 11px 20px; border: 1px solid; float: left; width: 96.5%; text-transform: uppercase; } .product-addto-links .action span:before { display: none; } .product-addto-links .link-compare span { float: right; } .cdz-product-wishlist { position: absolute; left: 15px; top: 15px; } .cdz-product-wishlist a.link-compare { display: none; } .cdz-product-wishlist a.link-wishlist { position: relative; color: #282828; text-decoration: none; font-size: 0px; } .cdz-product-wishlist a.link-wishlist:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f08a"; font-size: 18px; width: 20px; } .cdz-product-wishlist a.link-wishlist:visited { text-decoration: none; } .cdz-product-wishlist a.link-wishlist:hover { text-decoration: none; } .cdz-product-wishlist a.link-wishlist:active { text-decoration: none; } .cdz-product-wishlist a.link-wishlist span { position: absolute; top: 30px; left: 50%; color: #fff; background: #000; padding: 3px 5px; border-radius: 3px; white-space: nowrap; display: none; } .cdz-product-wishlist a.link-wishlist:hover:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f004"; font-size: 18px; } .ui-tooltip.cdz-tooltip { border: 0; background: #000; padding: 2px 10px; color: #fff; border-radius: 5px; } .ui-tooltip.cdz-tooltip:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; font-size: 20px; position: absolute; bottom: -12px; left: 42%; color: #000; } .ajax-load-wrapper .ajax-load-button { margin-top: 0px; display: block; vertical-align: top; text-align: center; clear: both; } .ajax-load-wrapper .ajax-load-button a.cdz-ajax-trigger, .products-grid .ajax-load-wrapper .ajax-load-button .ajax-loader, .products-grid .ajax-load-wrapper .ajax-load-button a { margin-top: 20px; } .ajax-load-wrapper .ajax-load-button .ajax-loader, .ajax-load-wrapper .ajax-load-button a { min-width: 300px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-transform: uppercase; background-image: none; border: 3px solid; cursor: pointer; display: inline-block; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; padding: 10px 15px; box-sizing: border-box; vertical-align: middle; font-weight: 600; } .ajax-load-wrapper .ajax-load-button .ajax-loader:focus, .ajax-load-wrapper .ajax-load-button a:focus, .ajax-load-wrapper .ajax-load-button .ajax-loader:active, .ajax-load-wrapper .ajax-load-button a:active { border: 3px solid; } .ajax-load-wrapper .ajax-load-button .ajax-loader:hover, .ajax-load-wrapper .ajax-load-button a:hover { border: 3px solid; } .ajax-load-wrapper .ajax-load-button .ajax-loader.disabled, .ajax-load-wrapper .ajax-load-button a.disabled, .ajax-load-wrapper .ajax-load-button .ajax-loader[disabled], .ajax-load-wrapper .ajax-load-button a[disabled], fieldset[disabled] .ajax-load-wrapper .ajax-load-button .ajax-loader, fieldset[disabled] .ajax-load-wrapper .ajax-load-button a { opacity: 0.5; cursor: default; pointer-events: none; } .ajax-load-wrapper .ajax-load-button .ajax-loader:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f1ce'; font-size: 16px; margin-right: 5px; animation: cssload-rotate 1150ms linear infinite; -o-animation: cssload-rotate 1150ms linear infinite; -ms-animation: cssload-rotate 1150ms linear infinite; -webkit-animation: cssload-rotate 1150ms linear infinite; -moz-animation: cssload-rotate 1150ms linear infinite; } #back-top { position: fixed; right: 15px; bottom: 15px; z-index: 1; } #back-top a { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-image: none; border: 3px solid; cursor: pointer; display: inline-block; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 700; padding: 10px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; text-transform: uppercase; font-size: 0; } a.action.primary, .qs-button, button { text-transform: uppercase; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .qs-button, button { text-transform: uppercase; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .qs-button { background-image: none; cursor: pointer; padding: 10px 15px; box-sizing: border-box; vertical-align: middle; margin-bottom: 10px; width: 40px; height: 40px; padding: 0; margin: 0; line-height: 40px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; min-width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 3px solid; } .qs-button:focus, .qs-button:active { border: 3px solid; } .btn-link { background-image: none; cursor: pointer; padding: 10px 15px; box-sizing: border-box; vertical-align: middle; height: 40px; margin: 0; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; line-height: 40px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; min-width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 1px solid; } .btn-link { background-image: none; cursor: pointer; padding: 10px 15px; box-sizing: border-box; vertical-align: middle; height: 40px; margin: 0; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; line-height: 40px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; min-width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 1px solid; } .btn-link:focus, .btn-link:active { border: 1px solid; } .btn-link:hover { border: 1px solid; } .qs-button.disabled, .qs-button[disabled], fieldset[disabled] .qs-button { opacity: 0.5; cursor: default; pointer-events: none; } .qs-button:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f06e"; font-size: 16px; line-height: 34px; } .qs-button:hover { border: 3px solid; } #back-top a.disabled, #back-top a[disabled], fieldset[disabled] #back-top a { opacity: 0.5; cursor: default; pointer-events: none; } #back-top a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f176'; font-size: 16px; font-weight: bold; } @keyframes cssload-rotate { 100% { transform: rotate(360deg); } } @-o-keyframes cssload-rotate { 100% { -o-transform: rotate(360deg); } } @-ms-keyframes cssload-rotate { 100% { -ms-transform: rotate(360deg); } } @-webkit-keyframes cssload-rotate { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes cssload-rotate { 100% { -moz-transform: rotate(360deg); } } /*product label*/ .cdz-product-lbs { position: absolute; top: 15px; right: 15px; text-transform: uppercase; } .cdz-product-lbs .lb-item { text-align: center; width: 40px; height: 40px; line-height: 1.35; display: table; font-size: 11px; margin-bottom: 5px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .cdz-product-lbs .lb-item .lb-content { display: table-cell; vertical-align: middle; } /*========== Data Table ==========*/ #wishlist-table { display: inline-block; overflow-x: auto; } table colgroup, .data-table colgroup { width: 100%; } .data-table { width: 100%; } .data-table th { white-space: nowrap; padding: 14px 10px; border-width: 1px; border-style: solid; } .data-table tr td { border-color: #e1e1e1; padding: 14px 10px; border-width: 1px; border-style: solid; } .data-table tr td em { font-style: normal; } .data-table tr td button.button { white-space: nowrap; } .data-table thead th { border-width: 1px; border-style: solid; padding: 10px; border-color: #e1e1e1; } .data-table tbody .label { display: table-cell; vertical-align: middle; text-align: left; } .data-table tbody th { border-width: 1px; border-style: solid; border-color: #e1e1e1; color: #282828; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .customer-account-index .my-account .data-table tr th, .sales-order-history .my-account .data-table tr th { border-left-width: 0; border-right-width: 0; } .customer-account-index .my-account .data-table tr th:first-child, .sales-order-history .my-account .data-table tr th:first-child { border-left-width: 1px; } .cdz-rtl .customer-account-index .my-account .data-table tr th:first-child, .cdz-rtl .sales-order-history .my-account .data-table tr th:first-child { border-left-width: 0px; border-right-width: 1px; } .customer-account-index .my-account .data-table tr th.last, .sales-order-history .my-account .data-table tr th.last { border-right-width: 1px; } .cdz-rtl .customer-account-index .my-account .data-table tr th.last, .cdz-rtl .sales-order-history .my-account .data-table tr th.last { border-left-width: 1px; border-right-width: 0px; } .customer-account-index .my-account .data-table tr td, .sales-order-history .my-account .data-table tr td { border-width: 0; } .customer-account-index .my-account .data-table tr td:first-child, .sales-order-history .my-account .data-table tr td:first-child { border-left-width: 1px; } .cdz-rtl .customer-account-index .my-account .data-table tr td:first-child, .cdz-rtl .sales-order-history .my-account .data-table tr td:first-child { border-left-width: 0px; border-right-width: 1px; } .customer-account-index .my-account .data-table tr td.last, .sales-order-history .my-account .data-table tr td.last { border-right-width: 1px; } .cdz-rtl .customer-account-index .my-account .data-table tr td.last, .cdz-rtl .sales-order-history .my-account .data-table tr td.last { border-left-width: 1px; border-right-width: 0px; } .customer-account-index .my-account .data-table tr.last td, .sales-order-history .my-account .data-table tr.last td { border-bottom-width: 1px; } #checkout-step-review .data-table tr th { border-left-width: 0; border-right-width: 0; } #checkout-step-review .data-table tr th:first-child { border-left-width: 1px; } .cdz-rtl #checkout-step-review .data-table tr th:first-child { border-left-width: 0px; border-right-width: 1px; } #checkout-step-review .data-table tr th.last { border-right-width: 1px; } .cdz-rtl #checkout-step-review .data-table tr th.last { border-left-width: 1px; border-right-width: 0px; } #checkout-step-review .data-table tr td { border-width: 0; } #checkout-step-review .data-table tr td:first-child { border-left-width: 1px; } .cdz-rtl #checkout-step-review .data-table tr td:first-child { border-left-width: 0px; border-right-width: 1px; } #checkout-step-review .data-table tr td.last { border-right-width: 1px; } .cdz-rtl #checkout-step-review .data-table tr td.last { border-left-width: 1px; border-right-width: 0px; } #checkout-step-review .data-table tr.last td { border-bottom-width: 1px; } #checkout-step-review .data-table tr td, #checkout-step-review .data-table th { padding-left: 10px; padding-right: 10px; } #checkout-step-review .data-table td { /*padding:34px 10px 10px;*/ } #checkout-step-review .data-table tr.last td { /*padding-bottom:34px;*/ } #checkout-step-review .data-table tfoot tr td { border: none; padding: 0 10px 5px 20px; } #checkout-step-review .data-table tfoot tr td.last { text-align: left !important; } #checkout-step-review .data-table tfoot tr td .price { display: block; margin-top: 0px; } #checkout-step-review .data-table tfoot tr.first td { padding-top: 21px; } #checkout-step-review .data-table tfoot tr.last td { padding-top: 0px; padding-bottom: 16px; } #checkout-step-review .data-table tfoot tr.last td .price { margin-top: 0px; } #checkout-step-review .data-table .cart-price { /*display:block; margin-top:-6px;*/ } .cart .data-table tr th { border-left-width: 0; border-right-width: 0; } .cart .data-table tr th:first-child { border-left-width: 1px; } .cdz-rtl .cart .data-table tr th:first-child { border-left-width: 0px; border-right-width: 1px; } .cart .data-table tr th.last { border-right-width: 1px; } .cdz-rtl .cart .data-table tr th.last { border-left-width: 1px; border-right-width: 0px; } .cart .data-table tr td { border-width: 0; } .cart .data-table tr td:first-child { border-left-width: 1px; } .cdz-rtl .cart .data-table tr td:first-child { border-left-width: 0px; border-right-width: 1px; } .cart .data-table tr td.last { border-right-width: 1px; } .cdz-rtl .cart .data-table tr td.last { border-left-width: 1px; border-right-width: 0px; } .cart .data-table tr.last td { border-bottom-width: 1px; } /*============== Hover Alternative Images ===============*/ .item .cdz-hover-img a.product-image .alternative-img, .item .cdz-hover-section a.product-image .alternative-img { position: absolute; left: 0; top: 0; opacity: 0 !important; filter: alpha(opacity=0) !important; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .item .cdz-hover-img a.product-image:hover img, .item .cdz-hover-section a.product-image:hover img { opacity: 0 !important; filter: alpha(opacity=0) !important; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .item .cdz-hover-img a.product-image:hover img.alternative-img, .item .cdz-hover-section a.product-image:hover img.alternative-img { opacity: 1 !important; filter: alpha(opacity=100) !important; } .item .cdz-hover-img a.product-image.no-alt-img img, .item .cdz-hover-section a.product-image.no-alt-img img { opacity: 1 !important; filter: alpha(opacity=100) !important; } .cdz-best-seller-wrap .item:not(.width-2) .alternative-img { position: absolute; left: 0; top: 0; opacity: 0 !important; filter: alpha(opacity=0) !important; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-best-seller-wrap .item:not(.width-2):hover img { opacity: 0 !important; filter: alpha(opacity=0) !important; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-best-seller-wrap .item:not(.width-2):hover img.alternative-img { opacity: 1 !important; filter: alpha(opacity=100) !important; } .cdz-best-seller-wrap.cdz-best-seller-wrap-hover .item .alternative-img { position: absolute; left: 0; top: 0; opacity: 0 !important; filter: alpha(opacity=0) !important; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-best-seller-wrap.cdz-best-seller-wrap-hover .item:hover img { opacity: 0 !important; filter: alpha(opacity=0) !important; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-best-seller-wrap.cdz-best-seller-wrap-hover .item:hover img.alternative-img { opacity: 1 !important; filter: alpha(opacity=100) !important; } @media (min-width: 992px) { /*button show01 Home Sport*/ .cdz-button-show01 .products-grid .product-item-info .product-item-details { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-button-show01 .products-grid .product-item-info .product-item-details .configurable-swatch-list { height: 0; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-button-show01 .products-grid .product-item-info .product-item-details .cdz-buttons-container { height: 0; margin-top: 0; display: block; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-button-show01 .products-grid .product-item-info .product-item-details .cdz-buttons-container .cdz-buttons-inner { display: inline-block; } .cdz-button-show01 .products-grid .product-item-info .product-item-details .cdz-buttons-container .action, .cdz-button-show01 .products-grid .product-item-info .product-item-details .cdz-buttons-container button.btn-cart, .cdz-button-show01 .products-grid .product-item-info .product-item-details .cdz-buttons-container .qs-button { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .cdz-button-show01 .products-grid .product-item-info:hover .product-item-details { margin-top: -85px; /*.product-name{ margin-bottom: 12px; }*/ } .cdz-button-show01 .products-grid .product-item-info:hover .product-item-details .cdz-buttons-container { height: 40px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .cdz-button-show01 .products-grid .product-item-info:hover .product-item-details .configurable-swatch-list { height: 100%; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .products-grid .product-item-info .cdz-product-bottom { position: absolute; left: 0; top: 0; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); width: 100%; height: 100%; z-index: 2; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .products-grid .product-item-info .cdz-buttons-container { text-align: center; display: table; height: 100%; width: 100%; margin-bottom: 10px; } .products-grid .product-item-info .cdz-buttons-container form { display: inline-block; } .products-grid .product-item-info .cdz-buttons-container .cdz-buttons-inner { display: table-cell; vertical-align: middle; } .products-grid .product-item-info .cdz-buttons-container .cdz-buttons-inner .configurable-swatch-list { display: block; } .products-grid .product-item-info:hover .cdz-product-bottom { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .products-grid .product-item-info:hover .cdz-product-bottom .cdz-buttons-container .qs-button { transform: translate(0, 0); } .products-grid .product-item-info:hover .cdz-product-bottom .cdz-buttons-container button.tocart.primary { transform: translate(0, 0); } /*button show 02 Home Outdoor*/ .cdz-button-show02 .products-grid .product-item-info .cdz-buttons-container { position: relative; } .cdz-button-show02 .products-grid .product-item-info .cdz-buttons-container button.btn-cart { width: 100%; font-size: inherit; } .cdz-button-show02 .products-grid .product-item-info .cdz-buttons-container button.btn-cart:before { display: none; } .cdz-button-show02 .products-grid .product-item-info .cdz-buttons-container .qs-button { position: absolute; left: 0; top: 0; } .cdz-button-show02 .products-grid .product-item-info .cdz-buttons-container a.action { position: absolute; right: 0; top: 0; } } @media (max-width: 991px) { .cdz-best-seller-wrap .products-grid .cdz-product-bottom { padding-top: 10px; } } .products-grid .product-item-info .cdz-buttons-inner .configurable-swatch-list { display: none; } .products-grid .product-item-info .cdz-buttons-container .cdz-buttons-inner.actions { font-size: 0; } .products-grid .product-item-info .cdz-buttons-container .cdz-buttons-inner.actions a, .products-grid .product-item-info .cdz-buttons-container .cdz-buttons-inner.actions button.button { margin: 0 3px; } /*Default Header*/ /* ============================================ * * Header * ============================================ */ .page-header .cdz-header-top { padding-bottom: 5px; padding-top: 5px; } .cdz-col-left { float: left; } .header .cdz-header-top .cdz-dropdown { display: inline-block; margin-left: 0; margin-right: 15px; } .header .cdz-top-login .block-login a.link-tip { display: none !important; } .cdz-top-login.cdz-dropdown .cdz-dropdown-content { width: 320px; right: 0; left: auto; } .cdz-top-login.cdz-dropdown .cdz-dropdown-content .block-login .block-content { min-width: 1px; } .cdz-top-login.cdz-dropdown .cdz-dropdown-content .form-list .control label { min-width: 200px; } .cdz-top-login .cdz-dropdown-content { padding: 20px; color: #282828; } .cdz-top-login .block-login, #login-form .block-login { padding: 0; margin: 0 !important; } .cdz-top-login #remember-me-box, #login-form #remember-me-box { margin: 0; } .cdz-top-login .block-login .block-content, #login-form .block-login .block-content { padding: 0 !important; min-width: 300px; } .cdz-top-login .block-login .block-content input, #login-form .block-login .block-content input { margin-bottom: 0px; } .cdz-top-login .block-login .block-content .input-text, #login-form .block-login .block-content .input-text { width: 100%; } .cdz-top-login .block-login .block-content .field, #login-form .block-login .block-content .field { margin-bottom: 20px; } .cdz-top-login .block-login .block-content .field label, #login-form .block-login .block-content .field label { position: absolute; } .cdz-top-login .block-login .block-content .form-list .field.active label, #login-form .block-login .block-content .form-list .field.active label { top: 8px; } .cdz-top-login .block-login .block-content button.button, #login-form .block-login .block-content button.button { background: #282828; color: white; } .cdz-top-login .block-login .block-content button.button:hover, #login-form .block-login .block-content button.button:hover { background: white; color: #282828; } .cdz-top-login .block-login.block .actions .button, #login-form .block-login.block .actions .button { float: none; width: 100%; } .cdz-top-login .block-login.block .forgot-password, #login-form .block-login.block .forgot-password { text-align: center; padding: 0px 0 0; } .cdz-top-login .block-login.block .forgot-password a, #login-form .block-login.block .forgot-password a { padding: 0 !important; } .cdz-top-login .block-login.block .forgot-password a:before, #login-form .block-login.block .forgot-password a:before { display: none; } .cdz-top-login .block-login.block .block-title, #login-form .block-login.block .block-title { display: none; } .header { border: 0; margin-bottom: 0; background-color: white; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .header .logo { margin: 0; } .header .logo img { max-height: inherit; max-width: 100%; } .header .cdz-header-top { border-bottom: 1px solid #e7e7e7; background-color: #f1f1f1; padding-bottom: 5px; padding-top: 5px; color: #999999; } .header .cdz-header-top .cdz-col-right .cdz-dropdown { margin-right: 0; } .header .cdz-header-top .store-switcher .cdz-dropdown-content a { padding: 5px 10px; display: block; } .header .cdz-header-top .cdz-dropdown { position: relative; } .header .cdz-header-top .cdz-top-link { margin: 0; padding: 0; display: inline-block; list-style: none none; float: right; margin-left: auto; } .header .cdz-header-top .cdz-top-link .link { display: inline-block; vertical-align: top; margin-left: 20px; } .header .cdz-header-top .cdz-top-link .link a { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; } .header .cdz-header-top .cdz-top-link .compare { display: none; } .header .cdz-header-top .cdz-top-link li { display: inline-block; vertical-align: top; margin: 0 0 0 20px; } .header .cdz-header-top .cdz-top-link li a { display: inline-block; vertical-align: middle; color: #999999; text-decoration: none; } .header .cdz-header-top .cdz-top-link li a:visited, .header .cdz-header-top .cdz-top-link li a:hover, .header .cdz-header-top .cdz-top-link li a:active { color: #999999; text-decoration: none; } .header .cdz-header-top .cdz-top-link li.welcome { display: none; } .header .cdz-header-top .cdz-top-link li.welcome a { color: #ffffff; padding-left: 5px; } .header .cdz-header-top .cdz-top-link .authorization-link:after { content: attr(data-label); display: inline-block; margin: 0 -5px 0 5px; } .header .cdz-header-top .cdz-top-link .customer-welcome + .authorization-link { display: none; } .header .cdz-header-top .cdz-top-link { margin: 0; padding: 0; list-style: none none; } .header .cdz-header-top .cdz-top-link li { display: inline-block; vertical-align: top; } .header .cdz-header-top .cdz-top-link li a { position: relative; } .header .cdz-header-top .cdz-top-link li a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f007"; font-size: 12px; margin-right: 5px; } .header .cdz-header-top .cdz-top-link .cdz-top-login .cdz-trigger:before { content: "\f090"; } .header .cdz-header-top .cdz-top-link .cdz-top-login .cdz-trigger:after { padding-left: 5px; } .header .cdz-header-top .cdz-top-link li.greet.welcome { display: none; } .header .cdz-header-top .cdz-top-link li.wishlist a:before { content: "\f08a"; } .header .cdz-header-top .cdz-top-link li.compare a:before { content: "\f012"; } .header .cdz-header-top .cdz-top-link li #authorization-trigger:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f090"; font-size: 12px; margin-right: 5px; } .header .cdz-header-top .cdz-top-link li.compare .qty { display: inline-block; } .header .cdz-header-top .cdz-top-link li.logout a:before { content: "\f08b"; } .header #cdz-pc-stores .cdz-dropdown-content { padding: 0; } .header #cdz-pc-stores .cdz-dropdown-content a { padding: 10px 10px; display: block; } .header #cdz-pc-stores .cdz-dropdown-content a:hover { background: #f8f8f8; color: #282828; } .header #cdz-pc-stores .cdz-trigger { color: #999999; } .header .form-language .cdz-trigger .lang-flag { display: inline-block; vertical-align: middle; margin-right: 5px; } .header .form-language #select-language li, .header .form-language .cdz-dropdown-content li { float: left; width: 100%; line-height: 15px; } .header .form-language #select-language li a, .header .form-language .cdz-dropdown-content li a { overflow: hidden; height: 100%; } .header .form-language #select-language li a span, .header .form-language .cdz-dropdown-content li a span { float: left; margin-right: 5px; line-height: 12px; } .header .cdz-col-left { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; } .header-bottom { clear: both; } .cdz-content-search { float: right; } /*Logo and Cart area*/ /*Search box area*/ .block-search { margin-bottom: 0 !important; position: relative; float: right; width: 100%; z-index: 4; } .block-search .block-title { display: none; } .block-search .search-icon span { display: none; } .block-search .block-content { margin-bottom: 0; } .block-search .label { text-decoration: none; display: inline-block; float: right; } .block-search .label span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-search .label:before { -webkit-font-smoothing: antialiased; font-size: 22px; line-height: 28px; color: #8f8f8f; content: '\f002 '; font-family: FontAwesome; margin: 0 10px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-search .label:hover:before { color: #282828; } .block-search .label:active:before { color: #282828; } .block-search .button { display: none; } .block-search .control { border-top: 1px solid #e1e1e1; clear: both; margin: 0 -15px -1px; padding: 0 15px; } .block-search input { left: -300%; position: absolute; margin: 15px 0; } .block-search .nested { display: none; } .block-search .form-search label { display: none !important; } .block-search .search-form-container { position: relative; } .block-search .control { border-top: 0; margin: 0; padding: 0; background-color: #282828; } .block-search input { position: static; padding-right: 40px; margin: 0; } .block-search input[type="text"] { color: #999999; background-color: #282828; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-color: #000000; font-style: italic; height: 40px; border-top-width: 0; border-bottom-width: 0; } .block-search .button { position: absolute; right: 0; width: 40px; height: 40px; text-align: center; top: 0; z-index: 1; display: inline-block; background-image: none; background: none; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; background-color: #2f7eb6; } .block-search .button span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-search .button:before { -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 40px; color: #ffffff; content: '\f002 '; font-family: FontAwesome; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; min-width: 20px; } .block-search .button:hover:before { color: #282828; } .block-search .button:active:before { color: inherit; } .block-search .button:focus, .block-search .button:active { background: none; border: none; } .block-search .button:hover { background: none; border: none; } .block-search .button.disabled, .block-search .button:focus:before { color: #282828; } .block-search .button:before { color: #fff; } .sticky-menu:not(.active) .block-search .cat-search-enable { border-style: solid; border-width: 3px; display: inline-block; width: 100%; border-radius: 5px; position: relative; } .sticky-menu:not(.active) .block-search .cat-search-enable .cat-input { float: left; width: 35%; } .sticky-menu:not(.active) .block-search .cat-search-enable .cat-input .current-cat { display: block; padding: 9px 10px 8px; min-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-right-style: solid; border-right-width: 2px; cursor: pointer; } .sticky-menu:not(.active) .block-search .cat-search-enable .cat-input .cat-tree { padding: 15px 10px; max-height: 400px !important; overflow: auto; padding: 10px 10px; } .sticky-menu:not(.active) .block-search .cat-search-enable .cat-input .cat-tree li { cursor: pointer; } .sticky-menu:not(.active) .block-search .cat-search-enable input[type="text"] { float: right; width: 65%; border: none; border-radius: 0; height: 35px !important; line-height: 36px; text-transform: none; } .sticky-menu:not(.active) .block-search .cat-search-enable .button { width: 35px; height: 35px; } .sticky-menu:not(.active) .block-search .cat-search-enable .button:before { line-height: 35px; } .block-search .button[disabled], fieldset[disabled] .block-search .button { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .block-search input::-webkit-input-placeholder { text-transform: uppercase; } /*----- Codazon Search box*/ .block-search .label.active + .control input { position: static; } .search-autocomplete { position: absolute; z-index: 3; overflow: hidden; } .search-autocomplete ul { margin: 0; padding: 0; list-style: none none; } .search-autocomplete ul li { border-top: 1px solid #e5e5e5; cursor: pointer; padding: 5px 40px 5px 10px; margin: 0; position: relative; text-align: left; white-space: normal; } .search-autocomplete ul li .amount { color: #999999; position: absolute; right: 7px; top: 5px; } .search-autocomplete ul li:first-child { border-top: none; } .search-autocomplete ul li:hover, .search-autocomplete ul li.selected { background: #e8e8e8; } .search-autocomplete ul:not(:empty) { background: #ffffff; border: 1px solid #c2c2c2; border-top: 0; } .form.search.advanced .fields.range .field:first-child { position: relative; } .form.search.advanced .fields.range .field:first-child .control { padding-right: 25px; } .form.search.advanced .fields.range .field:first-child .control:after { content: ' \2013 '; display: inline-block; text-align: center; width: 25px; position: absolute; right: 0; top: 6px; } .form.search.advanced .fields.range .field:last-child { position: relative; } .form.search.advanced .fields.range .field:last-child div.mage-error[generated] { position: absolute; top: 32px; left: 0; } .form.search.advanced .fields.range .field.with-addon .control { padding-right: 45px; } .form.search.advanced .group.price .addon .addafter { background: none; border: 0; padding-top: 6px; position: absolute; right: 0; top: 0; } .search-terms { line-height: 2em; } .search-terms li { display: inline-block; margin-right: 10px; } .search-autocomplete { margin-top: 0; } .mobile-search-wrapper .block-search { width: inherit; margin: 0; padding: 0; position: relative; } .mobile-search-wrapper .block-search input[type="text"] { border-top-width: 1px; border-bottom-width: 1px; } .mobile-search-wrapper .block-search .mobile-search-icon { color: #999999; position: relative; display: inline-block; padding: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; } .mobile-search-wrapper .block-search .mobile-search-icon span { font-size: 0; } .mobile-search-wrapper .block-search .mobile-search-icon span:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002"; font-size: 20px; line-height: 40px; } .mobile-search-wrapper .ui-dialog { position: absolute; right: 0; top: 100%; padding: 10px; z-index: 5; background: #ffffff; box-shadow: 0 3px 3px #e1e1e1; -moz-box-shadow: 0 3px 3px #e1e1e1; -webkit-box-shadow: 0 3px 3px #e1e1e1; -o-box-shadow: 0 3px 3px #e1e1e1; -ms-box-shadow: 0 3px 3px #e1e1e1; width: 280px; } .mobile-search-wrapper .ui-dialog .label { display: none; } .mobile-search-wrapper .ui-dialog .minisearch { position: relative; border: 1px solid #999999; } .mobile-search-wrapper .ui-dialog .control { padding-right: 40px; } .mobile-search-wrapper .ui-dialog .actions { position: absolute; right: 0; top: 0; z-index: 3; } .mobile-search-wrapper .ui-dialog input[type="text"] { border: 0px solid; color: #999999; background-color: transparent; border-color: #999999; font-style: italic; height: 40px; text-transform: uppercase; font-size: 10px; } .mobile-search-wrapper .ui-dialog .button { width: 40px; height: 40px; text-align: center; z-index: 1; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .mobile-search-wrapper .ui-dialog .button span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .mobile-search-wrapper .ui-dialog .button:before { -webkit-font-smoothing: antialiased; font-size: 20px; line-height: 40px; color: #999999; content: '\f002 '; font-family: FontAwesome; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .mobile-search-wrapper .ui-dialog .button:hover:before { color: #282828; } .mobile-search-wrapper .ui-dialog .button:active:before { color: inherit; } .mobile-search-wrapper .ui-dialog .button:focus, .mobile-search-wrapper .ui-dialog .button:active { background: none; border: none; } .mobile-search-wrapper .ui-dialog .button:hover { background: none; border: none; } .mobile-search-wrapper .ui-dialog .button.disabled, .mobile-search-wrapper .ui-dialog .button[disabled], fieldset[disabled] .mobile-search-wrapper .ui-dialog .button { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .mobile-search-wrapper .ui-dialog .button:focus:before { color: #282828; } .mobile-search-wrapper .ui-dialog .button:before { color: #999999; } /*------Search area*/ .header .cdz-bottom-logo-cart { padding: 30px 10px 30px; } .header .cdz-bottom-logo-cart .logo strong { display: none; } .header .cdz-bottom-logo-cart .cdz-header-cart { float: right !important; width: auto; } .cdz-rtl .header .cdz-bottom-logo-cart .cdz-header-cart { float: left !important; } .cart-icon:before { background-color: transparent; background-image: url("../images/icon.png"); background-position: 7px 8px; background-repeat: no-repeat; border-right: 0 solid #e7e7e7; content: ""; display: inline-block; min-height: 41px; padding: 7px 10px; vertical-align: top; width: 40px; } .cdz-top-cart.cdz-dropdown .cdz-trigger::after { display: none; } .cart-icon .cart-qty { background: #fc7070 none repeat scroll 0 0; border: 0 solid #999999; border-radius: 20px; color: #fff; display: inline-block; height: 18px; left: 27px; line-height: 19px; margin: 0; min-width: 18px; overflow: hidden; padding: 0 3px; position: absolute; text-align: center; top: -3px; vertical-align: top; white-space: normal; font-size: 12px; font-weight: bold; } .cdz-rtl .cart-icon .cart-qty { left: auto; right: 0px; } .cart-label { display: none; } .cart-icon .cart-subtotal .price { display: inline-block; font-size: 14px; font-weight: 700; min-height: 40px; padding: 10px 0 10px 15px; vertical-align: middle; } .block-cart.cdz-dropdown-content { right: 0; left: auto; min-width: 350px; } .block-cart.cdz-dropdown-content .empty { text-align: center; } .block-cart.cdz-dropdown-content .block-title { display: none; } .block-cart .button { float: none; width: 100%; background: #282828; color: white; } .header .block-cart, .header .block:not(.block-static-block) { padding: 0; } .header .block-cart .cdz-dropdown-content, .header .block:not(.block-static-block) .cdz-dropdown-content { padding: 20px 0 0; } .header .block-cart .block-content, .header .block:not(.block-static-block) .block-content { padding: 15px 0 0; margin: 0; } .header .block-cart .summary, .header .block:not(.block-static-block) .summary { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; text-transform: uppercase; float: left; width: 100%; margin: 0 0 20px; padding: 0 20px; } .header .block-cart .summary .cart-total-title, .header .block:not(.block-static-block) .summary .cart-total-title { float: left; } .cdz-rtl .header .block-cart .summary .cart-total-title, .cdz-rtl .header .block:not(.block-static-block) .summary .cart-total-title { float: right; } .header .block-cart .summary .cart-total-title h4, .header .block:not(.block-static-block) .summary .cart-total-title h4 { margin-bottom: 10px; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; } .header .block-cart .summary .cart-total-title p, .header .block:not(.block-static-block) .summary .cart-total-title p { margin: 0; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; font-weight: 600; } .header .block-cart .summary .subtotal, .header .block:not(.block-static-block) .summary .subtotal { float: right; text-align: right; } .cdz-rtl .header .block-cart .summary .subtotal, .cdz-rtl .header .block:not(.block-static-block) .summary .subtotal { float: left; } .header .block-cart .summary .subtotal .sub-total-label, .header .block:not(.block-static-block) .summary .subtotal .sub-total-label { margin-bottom: 10px; font-weight: 600; } .header .block-cart .summary .subtotal .price, .header .block:not(.block-static-block) .summary .subtotal .price { display: block; } .header .block-cart .actions, .header .block:not(.block-static-block) .actions { clear: left; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; padding: 0 20px 20px; } .header .block-cart .actions .button, .header .block:not(.block-static-block) .actions .button { float: none; width: 100%; } .header .block-cart .block-subtitle, .header .block:not(.block-static-block) .block-subtitle { display: none; } .header .block-cart .mini-products-list, .header .block:not(.block-static-block) .mini-products-list { clear: left; margin-bottom: 0px; border-bottom: 1px solid #e1e1e1; padding: 0 20px 10px; } .header .block-cart .mini-products-list li.item, .header .block:not(.block-static-block) .mini-products-list li.item { margin: 0 0 10px 0px; } .header .block-cart .cart-viewcart a, .header .block:not(.block-static-block) .cart-viewcart a { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; line-height: 20x; padding: 10px 20px; display: block; text-align: center; } .header .block-cart .btn-edit, .header .block:not(.block-static-block) .btn-edit { font-size: 0; } .header .block-cart .btn-edit:before, .header .block:not(.block-static-block) .btn-edit:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\F044"; font-size: 18px; margin-right: 0px; position: absolute; right: 0px; top: 30px; color: #282828; } .header .block-cart .btn-remove, .header .block:not(.block-static-block) .btn-remove { font-size: 0; width: 0; height: 0; padding: 0; margin: 0; border: 0; } .header .block-cart .btn-remove:before, .header .block:not(.block-static-block) .btn-remove:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00d"; font-size: 15px; margin-right: 0px; position: absolute; right: 0px; top: 0px; color: #282828; padding: 0 2px; border: 1px solid #282828; border-radius: 2px; } .header .block-cart .btn-remove:after, .header .block:not(.block-static-block) .btn-remove:after { display: none; } .header .block-cart .mini-products-list .product-image, .header .block:not(.block-static-block) .mini-products-list .product-image { min-width: 50px; } .header .block-cart .mini-products-list .product-details, .header .block:not(.block-static-block) .mini-products-list .product-details { position: relative; margin-left: 70px; } .cdz-rtl .header .block-cart .mini-products-list .product-details, .cdz-rtl .header .block:not(.block-static-block) .mini-products-list .product-details { margin-left: 0px; margin-right: 70px; } .header .block-cart .product-details-name, .header .block:not(.block-static-block) .product-details-name { float: left; margin-right: 30px; } .cdz-rtl .header .block-cart .product-details-name, .cdz-rtl .header .block:not(.block-static-block) .product-details-name { float: right; margin-right: 0px; margin-left: 30px; } .header .block-cart .mini-products-list .product-details .product-name, .header .block:not(.block-static-block) .mini-products-list .product-details .product-name { padding: 0; margin: 0; } .header .block-cart .mini-products-list li.item, .header .block:not(.block-static-block) .mini-products-list li.item { margin-bottom: 20px; } .header .block-cart .mini-products-list li.item.last, .header .block:not(.block-static-block) .mini-products-list li.item.last { margin-bottom: 0; } .header .block-login .actions { border-bottom: 0px solid #e1e1e1 !important; padding: 0px !important; } /*Logo and Cart area*/ /*================ CdzCart Bottom ===================*/ .footer-cart { position: fixed; bottom: 0; width: 100%; z-index: 100; left: 0; } .footer-cart:before { content: ''; position: absolute; width: 100%; top: -3px; left: 0; height: 3px; box-shadow: 0 2px 3px #e1e1e1; } .footer-cart .cart-trigger { position: absolute; background: #fc7070; color: #fff; top: -34px; left: 0; font-size: 85%; text-transform: uppercase; padding: 10px 20px 7px; z-index: 200; cursor: pointer; text-decoration: none; } .footer-cart .cart-trigger:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f106"; font-size: 16px; margin: 0 5px; float: right; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-top: -1px; } .footer-cart.active .cart-trigger:after { -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .footer-cart .cart-content { background: #fff; padding: 0; overflow: hidden; position: relative; min-height: 85px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); } .footer-cart .cart-content .cart-icon { width: 0; height: 0; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; } .footer-cart .cart-content .check-out { float: right; padding: 20px; width: 421px; position: absolute; top: 0; right: 0; border-left: 1px solid #dfdfdf; } .cdz-rtl .footer-cart .cart-content .check-out { float: left; left: 0; right: auto; border-left: 0; border-right: 1px solid #dfdfdf; } .footer-cart .cart-content .check-out .summary { float: left; width: 190px; } .cdz-rtl .footer-cart .cart-content .check-out .summary { float: right; } .footer-cart .cart-content .check-out .summary .cart-total-title { display: inline-block; width: 100%; } .footer-cart .cart-content .check-out .summary .cart-total-title h4 { float: left; margin: 0; margin-right: 10px; } .cdz-rtl .footer-cart .cart-content .check-out .summary .cart-total-title h4 { float: right; margin-left: 10px; margin-right: 0px; } .footer-cart .cart-content .check-out .summary .cart-total-title .amount { float: right; margin: 0; } .cdz-rtl .footer-cart .cart-content .check-out .summary .cart-total-title .amount { float: left; } .footer-cart .cart-content .check-out .summary .subtotal { display: inline-block; width: 100%; } .footer-cart .cart-content .check-out .summary .subtotal .sub-total-label { float: left; margin-right: 10px; } .cdz-rtl .footer-cart .cart-content .check-out .summary .subtotal .sub-total-label { float: right; margin-right: 0px; margin-left: 10px; } .footer-cart .cart-content .check-out .summary .subtotal .price { float: right; font-weight: 700; } .cdz-rtl .footer-cart .cart-content .check-out .summary .subtotal .price { float: left; } .footer-cart .cart-content .check-out .actions { float: right; height: 100px; margin: -20px 0; border-left: 1px solid #dfdfdf; padding: 20px 0; padding-left: 20px; } .cdz-rtl .footer-cart .cart-content .check-out .actions { float: left; padding-left: 0; padding-right: 20px; border-left: 0; border-right: 1px solid #dfdfdf; } .footer-cart .cart-content .check-out .actions button.button { padding: 10px 20px; } .footer-cart .cart-content .check-out .actions button.button:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00c"; font-size: 16px; margin-right: 10px; } .footer-cart .cart-content .cart-items { float: left; padding-left: 20px; width: calc(100% - 420px); overflow-x: auto; } .cdz-rtl .footer-cart .cart-content .cart-items { float: right; padding-left: 0px; padding-right: 20px; } .footer-cart .cart-content .cart-items .cart-items-inner { display: block; overflow-x: auto; } .footer-cart .cart-content .cart-items .cart-products-list { float: left; white-space: nowrap; font-size: 0; } .cdz-rtl .footer-cart .cart-content .cart-items .cart-products-list { float: right; } .footer-cart .cart-content .cart-items .product { position: relative; cursor: pointer; } .footer-cart .cart-content .cart-items .product strong { position: absolute; top: -5px; right: -5px; z-index: 1; background: #fc7070; color: #fff; display: block; border-radius: 100%; width: 16px; height: 16px; text-align: center; font-size: 11px; font-weight: 500; } .footer-cart .cart-content .cart-items .product:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f14b"; font-size: 16px; position: absolute; bottom: 0; right: 5px; z-index: 1; } .footer-cart .cart-content .cart-items .cart-item { position: relative; width: 80px; margin-right: 10px; display: inline-block; font-size: 13px; padding: 10px 0; } .footer-cart .cart-content .cart-items .cart-item input.item-qty { height: 23px; width: 40px; text-align: center; float: left; } .footer-cart .cart-content .cart-items .cart-item .btn-remove { border: none; background: none; display: block; float: none; clear: both; font-size: 10px; width: auto; color: #f86532; line-height: 1.35; padding-top: 17px; margin: 0; text-decoration: underline; text-transform: uppercase; } .footer-cart .cart-content .cart-items .cart-item .btn-remove:after { display: none; } .footer-cart .cart-content .cart-items .cart-item .btn-edit { font-size: 11px; float: right; padding: 3px 5px 2px; } .footer-cart .cart-content .cart-items .cart-item .btn-edit:before { display: none; } .footer-cart .cart-content .cart-items .cart-item .product-details { position: absolute; left: 100%; top: 0; float: left; height: 100%; padding: 5px 10px; background: #F4F4F4; width: 0; visibility: hidden; overflow: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; -webkit-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; -o-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translateX(-30px); -webkit-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); z-index: 2; } .footer-cart .cart-content .cart-items .cart-item .product-details .product-hover-container { display: table; width: 100%; height: 100%; } .footer-cart .cart-content .cart-items .cart-item .product-details .product-hover-container .product-hover-inner { display: table-cell; vertical-align: middle; } .cdz-rtl .footer-cart .cart-content .cart-items .cart-item .product-details { left: auto; right: 100%; -moz-transform: translateX(30px); -webkit-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } .footer-cart .cart-content .cart-items .cart-item.active .product-details { width: 100px; padding: 5px 10px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); visibility: inherit; } .footer-cart .cart-content .cart-items .owl-nav [class*='owl-'], .footer-cart .cart-content .cart-items .owl-theme .owl-nav [class*=owl-] { width: 30px; height: 30px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .footer-cart .cart-content .cart-items .owl-nav [class*='owl-'].owl-next, .footer-cart .cart-content .cart-items .owl-theme .owl-nav [class*=owl-].owl-next { left: -35px; top: 10px; right: auto; } .footer-cart .cart-content .cart-items .owl-nav [class*='owl-'].owl-next:before, .footer-cart .cart-content .cart-items .owl-theme .owl-nav [class*=owl-].owl-next:before { line-height: 21px; font-size: 25px; } .footer-cart .cart-content .cart-items .owl-nav [class*='owl-'].owl-prev, .footer-cart .cart-content .cart-items .owl-theme .owl-nav [class*=owl-].owl-prev { left: -35px; top: 45px; right: auto; } .footer-cart .cart-content .cart-items .owl-nav [class*='owl-'].owl-prev:before, .footer-cart .cart-content .cart-items .owl-theme .owl-nav [class*=owl-].owl-prev:before { line-height: 21px; font-size: 25px; } /*Custom RTL*/ .cdz-rtl .cdz-top-login.cdz-dropdown .cdz-dropdown-content, .cdz-rtl .block-cart.cdz-dropdown-content { left: 0; right: auto; } .cdz-rtl .block-search { float: left; } .cdz-rtl .block-search .button { float: left; left: 0; right: auto; } .cdz-rtl .sticky-menu:not(.active) .cat-search-enable .cat-input { float: right; } .cdz-rtl .sticky-menu:not(.active) .cat-search-enable .cat-input .current-cat { border-left-style: solid; border-left-width: 2px; border-right-width: 0px; } .cdz-rtl .sticky-menu:not(.active) .cat-search-enable .cat-input .cdz-dropdown-content { left: auto; right: 0; } .cdz-rtl .sticky-menu:not(.active) .cat-search-enable input[type="text"] { float: left; padding-left: 40px; padding-right: 10px; } .cdz-rtl .header .cdz-header-top .cdz-dropdown { margin-left: 15px; margin-right: 0px; } .cdz-rtl .header .cdz-header-top .cdz-top-link { float: left; } .cdz-rtl .header .cdz-header-top .cdz-top-link .link { margin-left: 0px; margin-right: 20px; } .cdz-rtl .header .cdz-header-top .cdz-top-link li a:before { margin-right: 0px; margin-left: 5px; } [name=google_conversion_frame] { position: absolute; } /*Header 02*/ .cms-index-index .cdz-header-style-02 { margin-bottom: 20px; } .cdz-header-style-02 .header .search-autocomplete { top: 45px !important; } .cdz-header-style-02 .header .cdz-header-top { border: 0; margin-top: 20px; border-radius: 5px 5px 0 0; padding-top: 0; padding-bottom: 0; } .cdz-header-style-02 .header .cdz-header-top .cdz-top-link { float: right; margin-right: 195px; } .cdz-header-style-02 .header .cdz-header-top .cdz-top-link .link a { padding: 8px 0px; } .cdz-header-style-02 .header .cdz-header-top .cdz-col-left .cdz-trigger { padding: 8px 0px; display: inline-block; } .cdz-header-style-02 .header .cdz-header-top .cdz-col-left .store-switcher { padding-left: 10px; } .cdz-header-style-02 .header .cdz-header-top .cdz-col-right .cdz-top-cart { margin-right: -10px; margin-top: -5px; } .cdz-header-style-02 .header .cdz-header-bottom { border-radius: 0px 0px 5px 5px; } .cdz-header-style-02 .header .block-search input[type="text"] { border: 0; height: 30px !important; line-height: 30px; border-radius: 15px; float: right; } .cdz-header-style-02 .header .block-search input[type="text"]:focus { border: 0; outline: none; } .cdz-header-style-02 .header .block-search .button { height: 30px; width: 40px; } .cdz-header-style-02 .header .block-search .button:before { line-height: 30px; } .cdz-header-style-02 .header .block-search .button:hover { background: transparent !important; } .cdz-header-style-02 .header .cdz-header-bottom { padding-bottom: 20px; padding-top: 30px; } .cdz-header-style-02 .header .cdz-header-bottom .cdz-header-menu { padding-right: 10px; } .cdz-header-style-02 .header .cdz-bottom-logo-cart { padding: 0; } .cdz-header-style-02 .header .cdz-bottom-logo-cart h1.logo { padding-left: 10px; } .cdz-header-style-02 .header .cdz-bottom-logo-cart .cdz-main-menu .groupmenu li.level0 > a.menu-link { padding: 5px 15px; margin: 0 0 10px; border-radius: 15px; border: 2px solid; } .cdz-header-style-02 .header .cdz-bottom-logo-cart .cdz-main-menu .groupmenu li.level0 > a.menu-link:hover { border: 2px solid; border-radius: 15px; } .cdz-header-style-02 .header .cdz-bottom-logo-cart .cdz-main-menu .groupmenu li.level0.parent:hover:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d8"; font-size: 21px; bottom: -7px; } .cdz-header-style-02 .header .sticky-menu:not(.active) .block-search { width: 100%; } .cdz-rtl .cdz-header-style-02 .header .sticky-menu:not(.active) .block-search input[type="text"] { padding-right: 8px; padding-left: 40px; } .cdz-header-style-02 .header .sticky-menu .cdz-top-cart { position: absolute; top: -68px; right: -11px; } .cdz-header-style-02 .header .sticky-menu .cdz-top-cart { float: right; width: auto; text-transform: uppercase; padding: 0 10px; border-radius: 0 5px 0 0; height: 38px; } .cdz-header-style-02 .header .sticky-menu .cdz-top-cart .cart-icon .cart-subtotal .price { font-family: arial; font-weight: bold; padding: 10px 0 0px 5px; } .cdz-header-style-02 .header .sticky-menu .cdz-top-cart .cart-icon .cart-qty { left: -10px; border-radius: 5px; } .cdz-header-style-02 .header .sticky-menu .cdz-top-cart .cart-label { display: inherit; padding: 10px 0 0px; } .cdz-header-style-02 .header .sticky-menu .cdz-top-cart .cart-icon:before { background: none; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f291"; font-size: 21px; padding: 7px 0 0; min-height: 35px; width: 30px; } .cdz-header-style-02 .header .sticky-menu.active { padding-top: 10px; padding-bottom: 10px; } .cdz-header-style-02 .header .sticky-menu.active .cdz-header-logo { display: none; } .cdz-header-style-02 .header .sticky-menu.active .cdz-header-menusearch { width: 100%; } .cdz-header-style-02 .header .sticky-menu.active .cdz-top-cart { position: absolute; top: -3px; right: 0; } .cdz-header-style-02 .header .sticky-menu.active .cdz-bottom-logo-cart .cdz-main-menu .groupmenu li.level0 > a.menu-link { margin: 0; } .cdz-header-style-02 .header .sticky-menu.active .logo { width: 100%; } .cdz-header-style-02 .header .sticky-menu.active .block-search input[type="text"] { padding: 0; margin: 0; } .cdz-header-style-02 .header .sticky-menu.active .block-search .form-search:hover input[type="text"] { border: 0; padding: 0 10px; } .cdz-header-style-02 .header .sticky-menu.active .cdz-top-cart { background-color: transparent; float: right; width: auto; text-transform: uppercase; padding: 0 10px; border-radius: 0 5px 0 0; height: 38px; } .cdz-header-style-02 .header .sticky-menu.active .cdz-top-cart .cart-subtotal, .cdz-header-style-02 .header .sticky-menu.active .cdz-top-cart .cart-label { display: none !important; } .cdz-header-style-02 .header .sticky-menu.active .cdz-top-cart .cart-icon .cart-subtotal .price { font-family: arial; font-weight: bold; padding: 10px 0 0px 5px; } .cdz-header-style-02 .header .sticky-menu.active .cdz-top-cart .cart-icon .cart-qty { left: auto; right: 0px; border-radius: 5px; } .cdz-header-style-02 .header .sticky-menu.active .cdz-top-cart .cart-label { display: inherit; padding: 10px 0 0px; } .cdz-header-style-02 .header .sticky-menu.active .cdz-top-cart .cart-icon:before { background: none; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f291"; font-size: 21px; padding: 7px 0 0; min-height: 35px; width: 30px; } @media (min-width: 992px) { .cdz-header-style-02 .header .cdz-bottom-logo-cart h1.logo { margin-top: -7px; } } /*============RTL HEADER 02=============*/ .cdz-rtl .cdz-header-style-02 .header .cdz-header-top .cdz-top-link { float: left; margin-right: 0 !important; margin-left: 160px; } .cdz-rtl .cdz-header-style-02 .header .cdz-header-top .cdz-col-left .store-switcher { padding-left: 0; } .cdz-rtl .cdz-header-style-02 .header .sticky-menu .cdz-top-cart { left: 0; right: auto; } .cdz-rtl .cdz-header-style-02 .header .sticky-menu .cdz-top-cart .cart-icon .cart-qty { left: auto; right: -10px; } .cdz-rtl .cdz-header-style-02 .header .sticky-menu .search-wrapper .block-search { float: right; } /*Default Footer*/ .footer-top-ads { color: #282828; } .footer-top-ads .ftop-ads-title { font-size: 250%; font-weight: 700; text-transform: uppercase; } .footer-top-ads .ftop-ads-small { font-size: 90%; clear: left; margin: 0; } .footer-top-ads .ftop-newsletter { margin: 0; } .footer-top-ads .block.block-subscribe { margin-bottom: 0; } .footer-top-ads .block.block-subscribe .block-title { display: none; } .ftop-newsletter .block.block-subscribe .block-content, .cdz-popup-newsletter .block.block-subscribe .block-content { float: none; width: 50%; overflow: hidden; height: 100%; margin: 0 auto; position: relative; } .cdz-popup-newsletter .block.block-subscribe .input-box { float: left; padding: 0; margin: 0; } .cdz-popup-newsletter .block.block-subscribe .block-content { width: 100%; } .cdz-popup-newsletter .block.block-subscribe .block-content .input-box { display: inline-block; text-decoration: none; display: block; width: 344px; } .ftop-newsletter .block.block-subscribe .block-content { margin: 15px auto; padding: 0; } .ftop-newsletter .block.block-subscribe .block-content .input-box { display: inline-block; text-decoration: none; display: block; width: 100%; float: left; padding: 0; margin: 0; } .ftop-newsletter .block.block-subscribe .actions { margin: 0; float: left; position: absolute; right: 0; top: 0; } .cdz-rtl .ftop-newsletter .block.block-subscribe .actions { float: right; right: auto; left: 0; } .ftop-newsletter .block.block-subscribe .actions button { padding: 6px 20px 7px; margin: 0; } .block.block-subscribe { margin-bottom: 20px; } .block.block-subscribe .title { display: none; } .block.block-subscribe .form.subscribe { display: table; width: 100%; } .block.block-subscribe .fieldset { display: table-cell; margin: 0; padding: 0; vertical-align: top; } .block.block-subscribe .block-content .input-box:before { -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 40px; color: #c2c2c2; content: '\f0e0'; font-family: FontAwesome; margin: 0 0 0 8px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; position: absolute; } .cdz-rtl .block.block-subscribe .block-content .input-box:before { margin: 0 8px 0 0px; } .block.block-subscribe .block-content input { padding-left: 35px; height: 40px !important; border: 3px solid; width: 100%; border-radius: 0; text-transform: uppercase; } .cdz-rtl .block.block-subscribe .block-content input { padding-left: 10px; padding-right: 35px; } .block.block-subscribe .block-content input[type="email"] { background: #ffffff; color: #646464; } .block.block-subscribe .field { margin: 0 0 10px; } .block.block-subscribe .actions button { padding: 8px 20px; float: none; margin-top: 10px; } .block.block-subscribe .action.subscribe { min-height: 41px; } /* Codazon_Footer*/ .page-footer ul, .page-footer li { margin: 0; padding: 0; list-style: none none; } .page-footer .top-footer-wrapper { padding: 30px 0; } .page-footer .footer-container-wrapper { padding-top: 50px; padding-bottom: 30px; } .page-footer .footer-content-top { padding-top: 30px; padding-bottom: 30px; } .page-footer .footer-content-top .block-static-block.widget { margin-bottom: 0; } .page-footer .footer-bottom { padding: 60px 0; } .page-footer p.h5 { font-weight: 600; margin-bottom: 25px; text-transform: uppercase; } .page-footer .footer-link { margin-top: -10px; } .page-footer .footer-link li a { display: block; padding: 10px 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .page-footer .footer-link li.last a { border-bottom: none; } .page-footer .item_tag { margin: 0 -5px; } .page-footer .item_tag li a { float: left; padding: 10px; border: 1px solid; margin: 5px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-rtl .page-footer .item_tag li a { float: right; } .page-footer .footer-social { overflow: hidden; margin: 0 -5px; padding-top: 50px; } .page-footer .footer-social a { display: inline-block; vertical-align: top; width: 30px; height: 30px; line-height: 30px; text-align: center; float: left; margin: 0 10px 5px 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 1px solid; } .cdz-rtl .page-footer .footer-social a { margin: 0 0px 5px 10px; float: right; } .page-footer .footer-social a span { font-size: 0; } .page-footer .footer-social a span:before { font-size: 14px; } .page-footer .bottom-footer-wrapper { padding: 30px 0 20px; overflow: hidden; border-top: 2px solid; } .page-footer .bottom-footer-wrapper .block-static-block.widget { margin-bottom: 0; } .page-footer .copyright { float: left; } .page-footer address { margin-top: 5px; } .page-footer .footer-custom-block { float: right; } .page-footer .footer-bottom-link { margin: 0 -10px 10px; text-align: right; } .page-footer .footer-bottom-link li { display: inline-block; margin: 0 10px; } .page-footer .links { display: none; } .page-footer .cdz-footer-bottom-payment { display: block; float: right; } .page-footer .footer address { border: 0; color: #fff; } .newsletter-style02 .block.block-subscribe { margin-bottom: 20px; } .footer-newsletter-02 .ftop-newsletter .block.block-subscribe .block-content { margin: 0; width: auto; } .footer-newsletter-02 .ftop-newsletter .block.block-subscribe .block-content .input-box { width: 75%; } .cdz-rtl .footer-newsletter-02 .ftop-newsletter .block.block-subscribe .block-content .input-box { float: right; } .footer-newsletter-02 .ftop-newsletter .block.block-subscribe .block-content .input-box input { border: 1px solid; border-radius: 3px; } .footer-newsletter-02 .ftop-newsletter .block.block-subscribe .block-content .actions { float: right; } .footer-newsletter-02 .ftop-newsletter .block.block-subscribe .block-content .actions .button { border-radius: 5px; } .footer-newsletter-02 .social { text-align: right; margin: 20px 0 0; } .footer-newsletter-02 .social a { display: inline-block; border: 2px solid; min-width: 34px; min-height: 30px; border-radius: 6px; line-height: 30px; padding: 0; margin: 0px 5px 0 0; text-align: center; } .footer-newsletter-02 .social a .fa { font-size: 0; } .footer-newsletter-02 .social a .fa:before { font-size: 14px; } .page-footer .footer-newsletter-02.top-footer-wrapper { padding: 20px 0; } .fototer-contact span.fa { padding-right: 10px; } .cdz-rtl .fototer-contact span.fa { padding-right: 0px; padding-left: 10px; } .footer-style-02 .bottom-footer-wrapper { border-top: 1px solid; } .footer-style-02 .footer-link li.last { border: 0; } .cdz-footer-style-02 .footer-newsletter-02 .social { margin-top: 3px; } /*Page*/ .toolbar { position: relative; margin-bottom: 20px; padding: 0 20px; width: 100%; /*z-index:1;*/ border: 0; } .toolbar .pager, .toolbar .to-top { display: none; } .toolbar .pager .amount { display: none; text-transform: uppercase; } .toolbar .pager .pages { display: none; } .toolbar .pager .pages a { -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .toolbar .i-previous, .toolbar .i-next { display: inline-block; padding: 2px 8px 3px !important; border: 1px solid !important; min-width: 24px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .toolbar .toolbar-switch, .toolbar .sort-by { margin: 10px 0; display: inline-block; float: right; } .toolbar .toolbar-dropdown { width: 150px; } .toolbar .toolbar-dropdown span.current { padding: 7px 10px; } .toolbar .toolbar-dropdown span.current:after { margin-top: 3px; } .toolbar .toolbar-dropdown ul { width: 150px; top: 35px; } .toolbar .limiter { margin-right: 10px; } .toolbar .sort-by > a { position: relative; float: right; margin-top: 7px; margin-left: 20px; } .toolbar .sort-by > a img { display: none; } .toolbar .sort-by .sort-desc:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f175"; font-size: 14px; } .toolbar .sort-by .sort-asc:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f176"; font-size: 14px; } .toolbar .sort-by .v-middle { display: none; } .toolbar .pager label, .toolbar .sort-by label, .toolbar .sorter label { margin-top: 5px; } .toolbar .btn-filter { cursor: pointer; display: inline-block; padding: 3px 10px; font-size: 12px; font-weight: 500; position: relative; top: -5px; } .toolbar .btn-filter:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0b0"; font-size: 14px; margin-right: 10px; } .cdz-rtl .toolbar .btn-filter { margin-right: 0px; margin-left: 10px; } .toolbar-bottom .toolbar { margin-top: 0; } .toolbar-bottom .pager .amount { display: inline; margin: 0; padding: 0 5px 0 0; } .toolbar-bottom .pager .pages { display: inline; margin: 0; background: transparent; float: right; } .toolbar-bottom .toolbar .sorter, .toolbar-bottom .toolbar .pager .limiter { display: none; } .toolbar-bottom .pager { padding: 10px 0; display: block; margin: 0; float: none; } .toolbar-bottom .pager li { height: 34px; line-height: 34px !important; min-width: 34px; display: inline-block; vertical-align: top; text-align: center; font-weight: bold; border: 0; border-radius: 0; } .toolbar-bottom .pager li a { background: transparent; padding: 0 5px; border-radius: 0; border: none; display: block; line-height: 34px; } .toolbar-bottom .pager li.current a { padding: 0 5px; border-radius: 0; border: none; display: block; } .toolbar-bottom .pager a.next, .toolbar-bottom .pager a.previous { line-height: 32px; height: 34px; } .toolbar-bottom .pager a.next:before, .toolbar-bottom .pager a.previous:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; font-size: 21px; } .toolbar-bottom .pager a:focus, .toolbar-bottom .pager a:hover { background: transparent; } .toolbar-bottom .sorter { display: none; } /*View mode*/ .view-mode label { display: none; } .view-mode .list { font-size: 0; display: inline-block; text-indent: -44499px; overflow: hidden; vertical-align: middle; text-align: left; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-indent: 0; } .view-mode .list:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f03a"; font-size: 21px; } .view-mode .grid { font-size: 0; display: inline-block; text-indent: -44499px; overflow: hidden; vertical-align: middle; text-align: left; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-indent: 0; margin-right: 3px; } .view-mode .grid:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00a"; font-size: 21px; } /*Product list type*/ .products-list li.item { padding: 0; border: 0; } .widget.widget-static-block .products-list li.item .cdz-product-left { position: relative; } .widget.widget-static-block .products-list li.item .cdz-product-left .qs-button { position: absolute; right: 10px; top: 0; display: none; border: none; width: 20px; height: 20px; line-height: 1; color: #000; background: none; } .widget.widget-static-block .products-list li.item .cdz-product-left .qs-button:before { content: "\f0b2"; line-height: 1; } .widget.widget-static-block .products-list li.item:hover .cdz-product-left .qs-button { display: block; } .products-list .product-item-info { float: left; width: 100%; padding: 10px; } .products-list .product-shop .desc { float: none; width: 100%; margin: 20px 0; } .products-list .add-to-links { display: inline-block; } .products-list .add-to-links li { border: 3px solid; cursor: pointer; display: inline-block; padding: 9px 10px; box-sizing: border-box; vertical-align: middle; font-size: 0px; } .products-list .add-to-links .compare:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f012"; font-size: 16px; } .products-list .add-to-links .wishlist:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f08a"; font-size: 16px; } .products-list .btn-cart { width: 100%; } .category-products .products-list .btn-cart { width: 40px; height: 40px; padding: 0; margin: 0; line-height: 40px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; border: 3px solid; min-width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .category-products .products-list .btn-cart:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f291"; font-size: 16px; line-height: 34px; } .category-products .configurable-swatch-list { margin-bottom: 10px; } /* Filter navigation ------------*/ .block-layered-nav .btn-filter { display: none; height: 40px; width: 40px; font-size: 0; position: absolute; right: -40px; } .block-layered-nav .btn-filter:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00d"; font-size: 23px; } .block-layered-nav dd ol li a { color: #282828; padding: 5px 0; } .block-layered-nav dd ol li label { display: inline-block; height: 15px; line-height: 13px; font-size: 10px; padding: 0 2px; margin-left: 2px; border: 1px solid; border-radius: 2px; vertical-align: text-bottom; opacity: 0.5; font-family: arial; min-width: 15px; text-align: center; } .block-layered-nav .price-btn { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .block-layered-nav .configurable-swatch-list .block-content dl dd li:before { display: none; font-size: 0; } .block-layered-nav .configurable-swatch-list .swatch-link { position: relative; } .block-layered-nav .configurable-swatch-list .swatch-link .count { display: inline-block; font-size: 10px; padding: 0 1px; color: #ccc; border-radius: 100px; margin-left: 2px; border: 1px solid; vertical-align: text-bottom; position: absolute; top: -2px; right: -5px; background: #fff; display: block; min-width: 15px; line-height: 13px; min-height: 13px; text-align: center; font-family: arial; } .block-layered-nav .price-btn { border: 1px solid; } .block-layered-nav .block-content > dl > dd { padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid; } .block-layered-nav .block-content > dl > dd.last { border: 0; padding: 0; } .block-layered-nav .slider-handle { top: 0px; } .block-layered-nav .price-form-container { padding: 20px 0 0; } .block-layered-nav .slider.slider-horizontal .slider-tick, .block-layered-nav .slider.slider-horizontal .slider-handle { margin: 0 0 0 -3px; } .block-layered-nav .slider-handle { width: 10px; height: 10px; } .catalog-category-view .col1-layout .page-title { width: 100%; } .catalog-category-view .col1-layout .page-title h1 { float: left; width: 70%; } .catalog-category-view .col1-layout .category-products { clear: left; } .catalog-category-view .col1-layout .category-products .toolbar .btn-filter { display: none; } #cdz-filter-bar .block-title { border: 0; text-align: right; } #cdz-filter-bar .block-title strong { margin: 0; border: 3px solid; padding: 5px 10px; cursor: pointer; } #cdz-filter-bar .block-title strong:hover { margin: 0; border: 3px solid; } #cdz-filter-bar .block-title strong:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0b0"; font-size: 14px; margin-right: 10px; } .cdz-rtl #cdz-filter-bar .block-title strong:before { margin-right: 0px; margin-left: 10px; } #cdz-filter-bar .block-content #narrow-by-list dt { margin-bottom: 10px; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } #cdz-filter-bar .block-content #narrow-by-list .slider.slider-horizontal { width: 160px; } #cdz-filter-bar .block-content #narrow-by-list .price-btn { border: 1px solid; } #cdz-filter-bar .block-layered-nav .block-content dl dt:after { display: none; } #cdz-filter-bar .filter-content { display: none; } #cdz-filter-bar dd ol li a { color: #282828; padding: 5px 0; display: inline-block; } #cdz-filter-bar dd ol li label { display: inline-block; height: 15px; line-height: 13px; font-size: 10px; padding: 0 2px; margin-left: 2px; border: 1px solid; border-radius: 2px; vertical-align: text-bottom; opacity: 0.5; font-family: arial; min-width: 15px; text-align: center; } #cdz-filter-bar .configurable-swatch-list .block-content dl dd li:before { display: none; font-size: 0; } #cdz-filter-bar .configurable-swatch-list .swatch-link { position: relative; } #cdz-filter-bar .configurable-swatch-list .swatch-link .count { display: inline-block; font-size: 9px !important; padding: 0 1px; border-radius: 100px; margin-left: 2px; border: 1px solid; vertical-align: text-bottom; position: absolute; top: -2px; right: -5px; background: #fff; display: block; min-width: 15px; line-height: 13px !important; min-height: 13px; font-family: arial; text-align: center; } #cdz-filter-bar .block-content > dl > dd { padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid; } #cdz-filter-bar .block-content > dl > dd.last { border: 0; padding: 0; } #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47%; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 2px; text-align: left; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #282828; } #narrow-by-list dd .swatch-label { background: #f4f4f4; border: 0; display: block; float: left; line-height: 1.5em; margin: 0 5px 0 0; padding: 2px 6px 0px; white-space: nowrap; border-radius: 0; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; border-radius: 3px; box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.1); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.1); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.1); -webkit-border-radius: 0px; -moz-border-radius: 0px; } /* ------------Filter navigation */ /* ------------Grid product for PC and Mobile */ .category-products .products-grid li.item { padding: 0 10px; } .category-products .products-grid .col-desktop-1 li.item { width: 100%; } .category-products .products-grid .col-desktop-2 li.item { width: 50%; } .category-products .products-grid .col-desktop-3 li.item { width: 33.33333%; } .category-products .products-grid .col-desktop-4 li.item { width: 25%; } .category-products .products-grid .col-desktop-5 li.item { width: 20%; } .category-products .products-grid .col-desktop-6 li.item { width: 16.66667%; } @media (min-width: 992px) and (max-width: 1199px) { .category-products .products-grid .col-tablet-l-1 li.item { width: 100%; } .category-products .products-grid .col-tablet-l-2 li.item { width: 50%; } .category-products .products-grid .col-tablet-l-3 li.item { width: 33.33333%; } .category-products .products-grid .col-tablet-l-4 li.item { width: 25%; } .category-products .products-grid .col-tablet-l-5 li.item { width: 20%; } .category-products .products-grid .col-tablet-l-6 li.item { width: 16.66667%; } } @media (min-width: 768px) and (max-width: 991px) { .category-products .products-grid .col-tablet-p-1 li.item { width: 100%; } .category-products .products-grid .col-tablet-p-2 li.item { width: 50%; } .category-products .products-grid .col-tablet-p-3 li.item { width: 33.33333%; } .category-products .products-grid .col-tablet-p-4 li.item { width: 25%; } .category-products .products-grid .col-tablet-p-5 li.item { width: 20%; } .category-products .products-grid .col-tablet-p-6 li.item { width: 16.66667%; } } @media (max-width: 767px) { .category-products .products-grid .col-mobile-1 li.item { width: 100%; } .category-products .products-grid .col-mobile-2 li.item { width: 50%; } .category-products .products-grid .col-mobile-3 li.item { width: 33.33333%; } .category-products .products-grid .col-mobile-4 li.item { width: 25%; } .category-products .products-grid .col-mobile-5 li.item { width: 20%; } .category-products .products-grid .col-mobile-6 li.item { width: 16.66667%; } } /* ------------Grid product for PC and Mobile */ .themeframework-category-index .col-main-containter .col-main .col-wrapper-main { background-color: transparent; padding: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 0; } .themeframework-category-index .col-main-containter .col-main .toolbar { margin-bottom: 10px; } .cat-list .cat-item { margin-bottom: 0px; padding: 10px; } .cat-list .cat-item .product-item-info { padding: 10px; border-radius: 5px; } /*Grid product for style food */ .cdz-block-product01 .product-item .product-item-info .qs-button-icon { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); z-index: 2; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; top: calc(50% - 16px); -webkit-top: calc(50% - 16px); -o-top: calc(50% - 16px); -moz-top: calc(50% - 16px); left: 50%; left: calc(50% - 16px); -webkit-left: calc(50% - 16px); -o-left: calc(50% - 16px); -moz-left: calc(50% - 16px); text-align: center; position: absolute; } .cdz-block-product01 .product-item .product-item-info .qs-button-icon .qs-button { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .cdz-block-product01 .product-item .product-item-info:hover .qs-button-icon { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .cdz-block-product01 .product-item .cart-wrapper { display: inline-block; margin-right: 10px; } .cdz-rtl .cdz-block-product01 .product-item .cart-wrapper { margin-right: 0; margin-left: 10px; } .box-style04 .cdz-block-product01 .product-item .cart-wrapper, .box-style03 .cdz-block-product01 .product-item .cart-wrapper { margin: 0; } .cdz-block-product01 .product-item .cart-wrapper .cart-qty { display: inline-block; padding: 5px; margin-right: -1px; margin-bottom: 5px; } .cdz-block-product01 .product-item .cart-wrapper .cart-qty input[type=text].qty { float: left; height: 25px !important; width: 30px; line-height: 25px; border: none; border-radius: 0; } .cdz-rtl .cdz-block-product01 .product-item .cart-wrapper .cart-qty input[type=text].qty { float: right; } .cdz-block-product01 .product-item .cart-wrapper .cart-qty .qty-ctl button { width: 25px; height: 25px; padding: 0 3px; border-color: #d9d9d9; color: #2b2b2b; background-color: #d9d9d9; text-align: center; } .cdz-block-product01 .product-item .cart-wrapper .cart-qty .qty-ctl button:before { padding: 0; line-height: 1.25; color: #2b2b2b; } .cdz-block-product01 .product-item .cart-wrapper .actions-secondary { display: inline; margin-left: 5px; } .cdz-rtl .cdz-block-product01 .product-item .cart-wrapper .actions-secondary { margin-left: 0; margin-right: 5px; } .cdz-block-product01 .product-item .cdz-buttons-container .cdz-buttons-inner { font-size: 0; } .cdz-block-product01 .product-item .cdz-buttons-container button.btn-cart { width: 36px; height: 35px; border-radius: 0 !important; margin: 0 0 5px !important; } .cdz-block-product01 .product-item .cdz-buttons-container button.btn-cart:before { line-height: 31px; } .cdz-block-product01 .product-item .cdz-buttons-container .action { width: 36px; height: 35px; margin: 0 0 5px !important; } .cdz-block-product01 .product-item .cdz-buttons-container .action:before { line-height: 31px; } @media (max-width: 768px) { .cdz-block-product01 .product-item .product-item-info .qs-button-icon { display: none; } } /*customm gallery product*/ .products-list .product-gallery, .products-grid .product-gallery { text-align: center; margin: 0 -10px 10px; vertical-align: top; opacity: 1 !important; filter: alpha(opacity=100 !important) !important; } .products-list .product-gallery .gitems, .products-grid .product-gallery .gitems { display: inline-block; vertical-align: top; width: 100%; } .products-list .product-gallery .gitems .gitem, .products-grid .product-gallery .gitems .gitem { display: inline-block; vertical-align: top; width: 20%; padding: 0 2px; } .products-list .product-gallery .gitems .gitem a, .products-grid .product-gallery .gitems .gitem a { border: 1px solid transparent; padding: 1px; display: block; overflow: hidden; } /*Category*/ .catalog-category-view .products-list:not(.hover-image-grid) a.product-item-photo .main-image .product-image-container { position: static !important; width: 100% !important; } .catalog-category-view .products-list:not(.hover-image-grid):hover a.product-item-photo .main-image .product-image-container { opacity: 1 !important; filter: alpha(opacity=100 !important) !important; } .catalog-category-view .products-list:not(.hover-image-grid) .product-item-details { float: left; width: 65%; } .cdz-rtl .catalog-category-view .products-list:not(.hover-image-grid) .product-item-details { float: right; } .catalog-category-view .products-list:not(.hover-image-grid) .cdz-hover-img { width: 30%; float: left; margin-right: 5%; } .cdz-rtl .catalog-category-view .products-list:not(.hover-image-grid) .cdz-hover-img { float: right; margin-left: 5%; margin-right: 0; } .catalog-category-view .products-list .item { box-shadow: 1px 2px 8px #e1e1e1; -moz-box-shadow: 1px 2px 8px #e1e1e1; -webkit-box-shadow: 1px 2px 8px #e1e1e1; -o-box-shadow: 1px 2px 8px #e1e1e1; -ms-box-shadow: 1px 2px 8px #e1e1e1; } /*=====***=====*/ .products-list .cdz-hover-section { position: relative; } @media (max-width: 767px) { .block-layered-nav .btn-filter { display: block; } .mb-sidebar-on .mb-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; } .mb-sidebar-on .mb-sidebar { z-index: 9999; } .mb-sidebar-on .mb-sidebar .sidebar { padding: 0; } } .product-view .product-shop-stock-avai { margin-bottom: 30px; } .product-view .product-shop-wrap { margin-bottom: 30px; clear: left; float: left; width: 100%; } .product-view .product-shop-wrap.product-shop-desc { margin-bottom: 0; } .product-view .old-price { margin: 0; } .product-view .product-shop { width: auto; float: none; } .product-view .product-shop-title { margin-bottom: 5px; } .product-view .product-name { margin: 0 0 10px; } .product-view .product-img-box { width: inherit; min-width: 100%; } .product-view .product-name h1 { border: 0; margin: 0px; padding: 0; line-height: 28px; text-transform: inherit; } .product-view .product-shop-sku { clear: left; font-weight: 400; margin: 0; } .product-view .product-shop-sku strong { font-weight: 400; } .product-view .grouped-items-table { margin: 20px 0 0; } .product-view .grouped-items-table tr td { padding: 4px 5px; vertical-align: middle; } .product-view .availability label { display: none; } .product-view .availability.in-stock { font-weight: 400; } .product-view .product-options p.note { padding-top: 5px; } .product-view #downloadable-links-list { margin: 0; } .product-view #downloadable-links-list .label { display: inline-block; } .product-view .availability.in-stock strong { font-weight: 400; } .product-view .product-shop .ratings { text-align: right; margin: 0; } .product-view .ratings .rating-links { clear: none; float: none; display: inline-block; text-transform: uppercase; margin: 0; } .product-view .ratings .rating-links a { font-weight: 400; } .product-view .no-rating { margin: 0; text-align: right; text-transform: uppercase; font-weight: 400; } .product-view .price-box { margin: 0; } .product-view .product-shop-button, .product-view .product-shop-option { margin-bottom: 0; } .product-view .product-shop-button .or, .product-view .product-shop-option .or { display: none; } .product-view .qty_cart input.qty { width: 100%; margin: 0; border-width: 1px; border-right: 0; border-left: 0; } .product-view .add-to-cart { padding: 0; margin: 0; border: 0; } .product-view .product-shop .button.btn-cart, .product-view .product-options-bottom .button.btn-cart { width: 100%; } .product-view .cdz-social-listing li { float: left; margin-right: 20px; } .cdz-rtl .product-view .cdz-social-listing li { float: right; margin-left: 20px; margin-right: 0; } .product-view .product-button-top { margin-bottom: 20px; float: left; } .product-view .product-options dl.last dd.last { margin-bottom: 0; } .product-view .product-options dl { margin-bottom: 30px; } .product-view .product-options dl dt label { font-size: 12px; font-weight: 500; text-transform: uppercase; } .product-view .action.primary, .product-view button.button { line-height: 28px; } .product-view .add-to-links { margin-top: 20px; float: left; display: block; width: 100%; } .product-view .add-to-links li { float: left; width: 50%; } .product-view .add-to-links li a { padding: 10px; display: block; margin: 0 5px 0 0; text-align: center; text-transform: uppercase; font-size: 11px; } .product-view .add-to-links li.compare a { margin: 0 0 0 10px; } .product-view .product-shop-social { margin-top: 15px; } .product-view .size-chart-btn { background: transparent; border: 0; text-decoration: underline; } .product-view .nav-tab-content { padding: 15px 0 0; } .cdz-rtl .product-view .product-image-moreview .no-fullscreen .rsOverflow { float: left; } .product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related { padding: 0; } /**/ /*Start Product media*/ .product-view-media .more-views h2 { display: none; } .product-view-media .more-views li { margin-bottom: 10px; } .product-view-media .product-img-box .product-image { padding: 0 30px; } .product-view-media .product-img-box .product-image #image { width: 100%; } .product-view .product-essential, .product-view .product-detail-tab, .product-view .box-collateral, .product-view .block-related, .product-view .block-upsell { margin-bottom: 20px; padding: 20px; } .product-view .product-essential .product-item, .product-view .product-detail-tab .product-item, .product-view .box-collateral .product-item, .product-view .block-related .product-item, .product-view .block-upsell .product-item { margin: 0; } .product-view .product-essential .product-item-info, .product-view .product-detail-tab .product-item-info, .product-view .box-collateral .product-item-info, .product-view .block-related .product-item-info, .product-view .block-upsell .product-item-info { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .product-view .product-detail-tab .box-collateral { padding: 0; margin: 0; box-shadow: none; border: none; } .product-view .product-detail-tab .box-collateral h2 { display: none; } .product-view .product-detail-tab .nav-tabs .nav-tab-item .switch, .product-view .product-detail-tab .nav.nav-tabs .nav-tab-item .switch { background: transparent !important; } .product-view .box-reviews .form-list { width: 60%; } .product-view .box-reviews .form-list textarea { min-height: 200px; } .product-view .box-tags input.input-text { margin-bottom: 10px; } /*End Product media*/ .product-view .box-collateral h2, .block-related .block-title { display: block; padding-bottom: 0px; margin-bottom: 20px; float: left; width: 100%; } /*.product-view .product-shop, .product-collateral, .product-view .block-related, .product-view.block-related {margin-bottom:60px;}*/ .product-view .box-collateral h2 strong, .product-view .block-related .block-title strong { left: 0; transition: all 250ms ease 0s; font-weight: 500; display: block; float: left; padding-bottom: 5px; } .product-collateral .product-tabs li a::before, .product-collateral .product-tabs li a::after { content: ""; height: 2px; left: 50%; position: absolute; transition: all 250ms ease 0s; width: 50%; } .product-button-top label { display: none; } .qty-ctl { float: left; height: auto; line-height: normal; margin: 0px !important; padding: 0px !important; } .cdz-rtl .qty-ctl { float: right; } .qty-ctl button { font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-bottom: 0px; cursor: pointer; position: relative; background-color: transparent; border: 1px solid; text-indent: 0; width: 40px; height: 40px; padding: 0 13px; position: relative; z-index: 1; } .qty-ctl button.decrease:before { content: "-"; font-size: 20px; font-weight: bold; line-height: 1; padding-left: 4px; } .qty-ctl button.increase:before { content: "+"; font-size: 20px; line-height: 0.5; } .qty_cart input.qty { float: left; height: 40px; width: 120px !important; text-align: center; margin: 0 -1px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .cdz-rtl .qty_cart input.qty { float: right; } /*More view images and Slider ---*/ .rsThumbsArrow { background-color: rgba(0, 0, 0, 0.6); } .product-img-box .rsUni .rsThumbsArrowIcn { width: 16px; height: 16px; top: 20%; left: 50%; margin-top: -8px; margin-left: -8px; position: absolute; cursor: pointer; background: none !important; display: inline-block; text-align: center; font-size: 0px; } .product-img-box .rsUni .rsThumbsArrowLeft .rsThumbsArrowIcn { top: 60%; } .product-img-box .rsUni .rsThumbsArrowRight .rsThumbsArrowIcn:before { font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0dd"; font-size: 21px; color: #fff; } .product-img-box .rsUni .rsThumbsArrowLeft .rsThumbsArrowIcn:before { font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0de"; font-size: 21px; color: #fff; } .product-img-box .rsUni.rsWithThumbsHor .rsThumbsArrowIcn { top: 45%; } .product-img-box .rsUni.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn:before { content: "\f0da"; } .product-img-box .rsUni.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn:before { content: "\f0d9"; } /*.rsMainSlideImage{float:right}*/ .magnify { width: 250px; height: 250px; position: absolute; border-radius: 100%; /*Multiple box shadows to achieve the glass effect*/ box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25); /*hide the glass by default*/ display: none; } .more-views .rsUni .rsThumbsVer { z-index: 0; } .rsUni .rsThumbsHor { margin-top: 10px; } /*--More view images and Slider*/ /*product review*/ #product-review-table { margin-bottom: 20px; } /*RTL*/ .cdz-rtl .rsUni .rsThumbsVer { left: auto; right: 0; } .cdz-rtl .rsUni .rsFullscreenBtn { left: 0; right: auto; } @media (max-width: 767px) { .product-view .no-fullscreen .rsOverflow { min-width: 280px !important; } .toolbar { padding: 0 10px; } } @media (max-width: 1199px) { .product-view .no-fullscreen .rsOverflow { min-width: 270px !important; } } .cdz-qs-image .royalSlider { width: auto; } /* ============================================ * * Codazon_Blog * ============================================ */ .cdz_wapper-blog01 .cdz-post { background-color: #ffffff; } .cdz_wapper-blog01 .blog-title { margin: 0px 0 10px; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog01 .blog-title a { color: #282828; text-decoration: none; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog01 .blog-title a:visited { color: #282828; text-decoration: none; } .cdz_wapper-blog01 .blog-title a:hover, .cdz_wapper-blog01 .blog-title a:active { color: #fc7070; text-decoration: none; } .cdz_wapper-blog01 .blog-text-link a { display: inline-block; margin-top: 10px; position: relative; } .cdz_wapper-blog01 .blog-text-link a:before { margin-right: 5px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f101"; font-size: 12px; } .cdz_wapper-blog01 .cdz-blog-bottom { padding: 20px; } .cdz_wapper-blog01 .cdz-blog-bottom .blog-author { display: none; } .cdz_wapper-blog01 .blog-desc { color: #999999; font: 400 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog01 .blog-text-link { margin: 0; } .cdz_wapper-blog01 .cdz-blog-top { position: relative; overflow: hidden; } .cdz_wapper-blog01 .cdz-blog-top .blog-date { position: absolute; bottom: 10px; left: 10px; background: #fff; color: #333333; padding: 7px 10px; color: #999999; font: 400 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; float: left; } .cdz_wapper-blog01 .cdz-blog-top .blog-date:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f073"; font-size: 16px; margin-right: 5px; } .cdz_wapper-blog01 .cdz-blog-top a img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz_wapper-blog01 .cdz-blog-top:hover a img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); } .cdz_wapper-blog01 .owl-theme.owl-carousel .owl-controls { margin: 0; } .cdz_wapper-blog01 .owl-theme.owl-carousel .owl-nav { position: absolute; top: -20px; left: 0; width: 100%; margin-top: 0; } .cdz_wapper-blog01 .owl-theme.owl-carousel .owl-nav [class*='owl-'] { width: 40px; height: 40px; text-align: center; font-size: 0; margin: 0 5px !important; padding: 0; border: 2px solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; left: calc((100% - 100px)/2); left: -webkit-calc((100% - 100px)/2); left: -o-calc((100% - 100px)/2); left: -moz-calc((100% - 100px)/2); right: auto; top: auto; } .cdz_wapper-blog01 .owl-theme.owl-carousel .owl-nav [class*='owl-']:before { -webkit-font-smoothing: antialiased; font-size: 30px; line-height: 34px; content: '\f104'; font-family: FontAwesome; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cdz_wapper-blog01 .owl-theme.owl-carousel .owl-nav [class*='owl-'].owl-next { left: calc((100% - 0px)/2); left: -webkit-calc((100% - 0px)/2); left: -o-calc((100% - 0px)/2); left: -moz-calc((100% - 0px)/2); } .cdz_wapper-blog01 .owl-theme.owl-carousel .owl-nav [class*='owl-'].owl-next:before { content: '\f105'; } .cdz_wapper-blog01 .owl-theme.owl-carousel .owl-nav [class*='owl-'].disabled { -webkit-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; } .cdz_wapper-blog01 { background-color: transparent; } .cdz_wapper-blog01 .owl-carousel .owl-stage-outer { padding-top: 50px; } /*AW Blog List and Post detail*/ .postTitle { border: 0 !important; overflow: hidden; } .postTitle h2 { text-transform: uppercase; } .postTitle h2 a { color: #282828; font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .postTitle .postTitle-blog { float: left; width: 80%; } .postTitle .addthis_toolbox { float: right; } .postTitle .blog-date { color: #999999; } .post-image { position: relative; } .post-image .blog-date { position: absolute; bottom: 10px; left: 20px; background: #fff; color: #333333; padding: 7px 10px; color: #999999; font: 400 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; float: left; width: 55px; text-align: center; } .postContent .aw-blog-read-more { display: block; color: #282828; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; margin-top: 10px; text-transform: uppercase; text-decoration: underline; } .postDetails { color: #282828; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; color: #999999; clear: left; } .block-blog .block-content .menu-recent UL LI, .block-blog .block-content .menu-categories UL LI { margin-left: 0; } .block-blog .block-title strong { background: none !important; padding-left: 0 !important; } .block-blog .block-content .menu-categories ul li, .block-blog .block-content .menu-recent ul li { border-top: 1px dashed #e1e1e1; padding-top: 10px; margin-top: 10px; } .block-blog .block-content .menu-categories ul li a, .block-blog .block-content .menu-recent ul li a { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .block-blog .block-content .menu-categories ul li:first-child, .block-blog .block-content .menu-recent ul li:first-child { padding-top: 0; border: 0; margin-top: 0; } .postContent img { max-width: 100%; height: auto; } .menu-tags, .menu-categories, .menu-recent { padding: 0; margin: 0 !important; } .blog-post-view .post-image { margin-bottom: 20px; } .blog-post-view .post-image img { width: 100%; } .blog-post-view .post-image .blog-date { position: absolute; bottom: auto; top: 10px; left: 10px; } .blog-post-view .postDetails { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .blog-post-view .postDetails h4 { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #fc7070; } .blog-post-view .postDetails a { line-height: normal; } .blog-post-view .postContent { clear: left; } .blog-post-view .postTitle { overflow: hidden; } .blog-index-list .toolbar { padding: 0; box-shadow: none; } .blog-index-list .toolbar .sorter { display: none; } .blog-index-list .toolbar .pager { display: block; width: 100%; } .blog-index-list .toolbar .pager .amount { display: inline-block; margin-top: 5px; } .blog-index-list .toolbar .pager .limiter { margin-bottom: 20px; } .blog-index-list .toolbar .pager .pages { display: inline-block; background-color: transparent; } .blog-index-list .toolbar .pager .pages li { height: 34px; line-height: 34px !important; min-width: 34px; display: inline-block; vertical-align: top; text-align: center; font-weight: bold; border: 0; border-radius: 0; } .blog-index-list .toolbar .pager .pages li a { background: transparent; padding: 0 5px; border-radius: 0; border: none; display: block; line-height: 34px; } .blog-index-list .toolbar .pager .pages li.current a { padding: 0 5px; border-radius: 0; border: none; display: block; } .blog-index-list .toolbar .pager .pages a.next, .blog-index-list .toolbar .pager .pages a.previous { line-height: 32px; height: 34px; } .blog-index-list .toolbar .pager .pages a.next:before, .blog-index-list .toolbar .pager .pages a.previous:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; font-size: 21px; } .blog-index-list .toolbar .pager .pages a.previous:before { content: "\f104"; } .blog-index-list .toolbar .pager .pages a:focus, .blog-index-list .toolbar .pager .pages a:hover { background: transparent; } .postWrapper:last-child { padding-bottom: 0; } /* ============================================ * * Codazon_Blog style 2 - Home Handbag * ============================================ */ .cdz-wapper-blog-02 .post-items .owl-nav { margin: 0; display: none; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-wapper-blog-02 .post-items:hover .owl-nav { margin: 0; display: block; } .cdz-wapper-blog-02 .owl-item h5.blog-title { padding: 20px 10px 0; } .cdz-wapper-blog-02 .owl-item .cdz-blog-right { text-align: left; } .cdz-rtl .cdz-wapper-blog-02 .owl-item .cdz-blog-right { text-align: right; } .cdz-wapper-blog-02 .owl-item .blog-author { font-size: 80%; padding: 0 10px 20px; } .cdz-wapper-blog-02 .owl-item .blog-desc { padding: 0 10px 20px; } .cdz-wapper-blog-02 .owl-item .blog-date { position: absolute; height: 45px; width: 45px; right: 10px; top: 0; padding: 5px 10px; font-size: 11px; } .cdz-wapper-blog-02 .owl-item .blog-text-link { text-align: center; margin: 0 0 10px -10px; } .cdz-wapper-blog-02 .owl-item .blog-text-link a { border: 1px solid; box-sizing: border-box; vertical-align: middle; display: inline-block; padding: 10px 20px; } .cdz-wapper-blog-02 .owl-item .blog-text-link a span { text-transform: uppercase; font-size: 80%; } /* ============================================ * * Codazon_Blog style 2 - Home Handbag * ============================================ */ /* ============================================ * * Codazon_Blog style 3 - Home Outdoor * ============================================ */ .cdz-wapper-blog-03 .cdz-block-title { border-bottom-width: 2px; border-bottom-style: solid; margin-bottom: 50px; } .cdz-wapper-blog-03 .cdz-post { text-align: center; } .cdz-wapper-blog-03 .cdz-post .cdz-blog-top { padding: 2rem; } .cdz-wapper-blog-03 .cdz-post .cdz-blog-top .blog-date { text-transform: uppercase; margin-bottom: 1rem; } /* ============================================ * * Codazon_Blog style 5 - Home WeStyleFashion * ============================================ */ @media (min-width: 768px) { .cdz_wapper-blog05 { overflow: hidden; } .cdz_wapper-blog05 .post-items { margin: 0 -20px; } .cdz_wapper-blog05 .post-item { float: left; width: 25%; padding: 0 20px; } .cdz-rtl .cdz_wapper-blog05 .post-item { float: right; } .cdz_wapper-blog05 .post-item.width-1 { width: 50%; text-align: center; } .cdz_wapper-blog05 .post-item.width-1 .blog-title a { font-size: 200%; text-transform: lowercase; } } .cdz_wapper-blog05 { overflow: hidden; } .cdz_wapper-blog05 .blog-title { margin: 15px 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .cdz_wapper-blog05 .blog-title a { font-weight: 600; text-transform: uppercase; } .cdz_wapper-blog05 .blog-text-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz_wapper-blog05 .blog-text-link:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; } .cdz_wapper-blog05 .blog-text-link .text-link-center { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } .cdz_wapper-blog05 .blog-text-link a { display: table-cell; vertical-align: middle; font-weight: 600; text-decoration: underline !important; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0 !important; filter: alpha(opacity=0 !important) !important; background-color: transparent; border: none; } .cdz_wapper-blog05 .blog-text-link a span { position: relative; padding: 10px; } .cdz_wapper-blog05 .blog-text-link a span:after, .cdz_wapper-blog05 .blog-text-link a span:before { content: ''; width: 100%; height: 1px; background: #fff; position: absolute; left: -50%; top: -28px; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cdz_wapper-blog05 .blog-text-link a span:after { top: 70px; left: 55px; } .cdz_wapper-blog05 .blog-text-link:hover:before { background: rgba(15, 14, 14, 0.28); } .cdz_wapper-blog05 .blog-text-link:hover a { opacity: 1 !important; filter: alpha(opacity=100 !important) !important; } .cdz_wapper-blog05 .cdz-blog-bottom { padding: 0 0 20px; } .cdz_wapper-blog05 .blog-author { display: none; } .cdz_wapper-blog05 .cdz-blog-top { position: relative; overflow: hidden; } .cdz_wapper-blog05 .cdz-blog-top .blog-date { position: absolute; bottom: 10px; right: 10px; background: #fff; padding: 7px 10px; text-transform: uppercase; } @keyframes translator { from { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } to { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } .cdz-translator { animation-name: translator; animation-duration: 1s; } .shipping .sp-methods { padding: 30px 0 20px; margin: 0; } .shipping .sp-methods dd { margin: 0 0 20px; } .cart .page-title h1 { border: 0; border-bottom: none; margin-top: 10px; margin-right: 10px; line-height: 30px; margin-bottom: 0; } .cdz-rtl .cart .page-title h1 { float: right; margin-left: 10px; margin-right: 0px; } .cdz-rtl .cart .checkout-types { float: left; } .cdz-rtl .cart .button.btn-continue { float: left; } .cart .page-title { border: 0; border-bottom: none; margin: 0 -10px; padding: 10px 10px 15px; } .cart form fieldset { margin-bottom: 20px; padding: 20px; } .cart-table { margin-bottom: 0; } .cart-collaterals { overflow: hidden; height: 100%; } .cart-collaterals #discount-coupon-form, .cart-collaterals .cart .giftcard, .cart-collaterals .shipping, .cart-collaterals .totals-content { /* width: 100%; */ -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; -moz-border-radius: 0px; padding: 20px; margin-bottom: 20px; } .cart-collaterals .form-list .field-select-box label { top: 7px; } .cart-collaterals .col-sm-16.first, .cart-collaterals .col-sm-16.last { padding: 0; } .cart-collaterals #discount-coupon-form .input-text, .cart-collaterals .cart .giftcard .input-text { width: 100%; margin: 4px 0px 0 0; } .cart-collaterals #shopping-cart-totals-table td { padding: 10px 0 10px 10px; } .cart-collaterals .totals { padding: 0 0 0 20px; } .cdz-rtl .cart-collaterals .totals { padding: 0 20px 0 0px; } .cart-collaterals .totals .checkout-types { float: none; } .cart-collaterals .totals .checkout-types .button { width: 100%; } .cart-collaterals tfoot strong { font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cart-collaterals .buttons-set button.button { float: none; margin: 0; } .cart-collaterals .buttons-set { text-align: left; margin: 20px 0 0; } .cdz-rtl .cart-collaterals .buttons-set { text-align: right; } .cart-collaterals .shipping .buttons-set { margin: 20px 0 0; } .cart-collaterals #discount-coupon-form .input-text, .cart-collaterals .cart .giftcard .input-text { padding: 0 10px; } .block-crosssell .block-content li.item { width: 100%; margin: 0; } @media (min-width: 768px) { .cart-collaterals #discount-coupon-form, .cart-collaterals .cart .giftcard, .cart-collaterals .shipping, .cart-collaterals .totals-content { min-height: 380px; } } /*Custom Checkout form ------*/ .checkout-onepage-index .col-main-containter .col-main .col-wrapper-main { background-color: transparent; padding: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 0; } .checkout-onepage-index .col-main { float: none; width: 70%; padding: 0; margin: 0 auto; } .checkout-onepage-index .col-main .page-title { display: none; } #checkout-progress-wrapper { margin: 30px 0 60px; } .cdz-onestepcheckout { margin: 0px 0 60px; } .cdz-onestepcheckout li.section { width: 70%; margin: 0 auto; display: none; } .cdz-onestepcheckout li.section .step { padding: 20px !important; } .cdz-onestepcheckout li.section.active { display: block; } .cdz-onestepcheckout .section .step-title { border: 0; } .cdz-onestepcheckout .section .step-title h2 { text-align: center !important; float: none; padding: 0; margin: 0 0 20px; height: auto; } .cdz-onestepcheckout .section .step-title span.number { display: none !important; } .cdz-onestepcheckout .buttons-set { margin: 0 -20px -20px; background: #f4f4f4; padding: 40px 20px; position: relative; z-index: 1; text-align: center; } .cdz-onestepcheckout .buttons-set p.required { position: absolute; right: 10px; top: 10px; float: none; } .cdz-onestepcheckout .buttons-set button.button { float: none; width: 40%; } .cdz-onestepcheckout #opc-login { width: 40%; } .cdz-onestepcheckout #opc-login #checkout-step-login .col-1 { float: none; width: 100%; } .cdz-onestepcheckout #opc-login #checkout-step-login .col-2 { float: none; width: 100%; } .cdz-onestepcheckout #opc-login .buttons-set { padding: 40px 20px; } .cdz-onestepcheckout .please-wait { display: block; } .cdz-onestepcheckout .please-wait { display: block; margin-left: 10px; margin-top: 5px; line-height: 24px; height: 24px; white-space: nowrap; width: 200px; margin: 30px auto 0; } .cdz-onestepcheckout #checkout-review-table-wrapper { padding-bottom: 20px; } .cdz-onestepcheckout #review-buttons-container .f-left { float: none; } .cdz-onestepcheckout #review-buttons-container .please-wait { float: none; margin: 30px auto 0; } .cdz-onestepcheckout #review-buttons-container { margin: 0 -20px -20px; width: auto; } #remember-me-box label { min-width: inherit; } .form-list .field label { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #999999; } .form-list .field.active label { background: #e1e1e1; } .form-list select { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #999999; } .form-list .validation-advice { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .form-list .field.active .validation-advice { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .form-list .field-select-box label { background: #e1e1e1; } .form-list .field { position: relative; clear: left; } .form-list .field label { top: 0px; right: auto; bottom: 0px; position: absolute; left: 10px; -webkit-transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s; -moz-transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s; transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s; line-height: 44px; margin: 0; } .form-list .field.active label { right: 10px; left: auto; padding: 3px 10px; color: white; border-radius: 3px; top: 10px; line-height: 20px; height: 24px; } .cdz-rtl .form-list .field.active label { right: auto; left: 10px; } .form-list select { max-width: inherit; padding: 9px 5px; } .form-list .validation-advice { position: absolute; top: 10px; font-style: italic; right: 10px; } .form-list .field.active .validation-advice { position: absolute; top: 10px; font-style: italic; right: 10px; display: none; } .form-list .fields { clear: left; } .form-list .fields .field:last-child { margin-right: 0; } .form-list .field-select-box label { right: 30px; left: auto; padding: 3px 10px; color: white; border-radius: 3px; top: 16px; line-height: 20px; height: 24px; } .cdz-rtl .form-list .field-select-box label { right: auto; left: 30px; } .form-list .wide.field-select-box label { display: none; } .form-list .wide.field-select-box select { padding: 5px; } .customer-account-index .block.block-banner, .customer-account-index .block.block-reorder { display: none; } .form-list .wide { position: relative; clear: left; } .form-list .wide label { top: 0px; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; right: auto; bottom: 0px; position: absolute; left: 10px; -webkit-transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s; -moz-transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s; transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s; line-height: 40px; } .form-list .wide.active label { right: 10px; left: auto; padding: 3px 10px; color: white; border-radius: 3px; top: 10px; line-height: 20px; height: 24px; } .opc-block-progress { padding: 0; } .opc-block-progress .block-title { border: 0 !important; text-align: center; } .opc-block-progress .block-title strong { border: 0 !important; font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif !important; } .opc-block-progress .block-content { padding: 40px 0 0 !important; text-align: center !important; } .opc-block-progress .block-content div { position: relative; display: inline-block; padding: 0 30px; margin: 0; } .opc-block-progress .block-content dd.complete { display: none; } .opc-block-progress .block-content dt.complete:after { background: #fc7070; z-index: 1; } .opc-block-progress .changelink a { font-size: 0px; } .opc-block-progress .changelink a:before { font-family: FontAwesome; content: '\f044'; position: absolute; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; font-size: 16px; top: 2px; } .cdz-rtl .opc-block-progress .changelink a:before { right: 9px; } #shipping-progress-opcheckout:before, #shipping_method-progress-opcheckout:before, #payment-progress-opcheckout:before, .checkout-progress li:before { content: ""; position: absolute; display: block; width: 100%; height: 2px; top: -11px; right: 54%; margin-right: 4px; } .cdz-rtl #shipping-progress-opcheckout:before, .cdz-rtl #shipping_method-progress-opcheckout:before, .cdz-rtl #payment-progress-opcheckout:before, .cdz-rtl .checkout-progress li:before { right: auto; left: 44%; } #payment-progress-opcheckout dt:after { display: none; } .opc-block-progress .block-content dt:before, .checkout-progress li span:before { font-family: FontAwesome; content: '\f111'; position: absolute; display: block; width: 8px; height: 8px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; top: -19px; left: 41%; font-size: 12px; z-index: 1; } .opc-block-progress .block-content dt:before { left: 41%; } .opc-block-progress .block-content dt.complete:before, .checkout-progress li.active span:before { content: '\f00c'; color: #fff; height: 16px; width: 16px; border-radius: 100px; padding: 0; margin: 0; text-align: center; } .opc-block-progress .block-content dt:after, .checkout-progress li span:after { content: ""; position: absolute; display: block; width: 97%; height: 2px; margin-left: 7px; top: -11px; left: 45%; } .cdz-rtl .opc-block-progress .block-content dt:after, .cdz-rtl .checkout-progress li span:after { right: 58%; left: auto; margin-left: 0; margin-right: 0px; width: 98%; } /*Custom Step by Step checkout*/ .cdz-stepbystep .section .step { background: white; padding: 20px; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; -moz-border-radius: 0px; padding: 20px !important; } .cdz-stepbystep li.section { display: none; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; width: 50%; margin: 0 auto; } .cdz-stepbystep li.section.active { display: block; } .cdz-stepbystep .form-list .fields .field { position: relative; } .cdz-stepbystep .form-list .fields .field label { position: absolute; top: 13px; left: 10px; } .checkout-onepage-index .col-main-containter .col-main { float: none; width: 100%; padding-right: 0; } .checkout-onepage-index .col-main-containter .col-main .col-wrapper-main { background-color: transparent; padding: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; } /*Custom Step by Step checkout-----------*/ /*Custom Step by Step checkout on mobile*/ @media only screen and (max-width: 768px) { .opc-block-progress .block-content dt:before, .checkout-progress li span:before { display: none; } .opc-block-progress .block-content dt:after, .checkout-progress li span:after { display: none; } #shipping-progress-opcheckout:before, #shipping_method-progress-opcheckout:before, #payment-progress-opcheckout:before, .checkout-progress li:before { display: none; } .opc-block-progress .block-content div { padding: 0 20px 0 9px; } .opc-block-progress dl > div:after { font-family: FontAwesome; content: '\f101'; position: absolute; top: 2px; right: 0; font-size: 15px; } .opc-block-progress dl > div#payment-progress-opcheckout:after { content: ""; } .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator { display: inline-block; } .opc-block-progress .changelink a { line-height: 1; text-decoration: none; } .opc-block-progress .changelink a:before { position: static; } } .customer-account-forgotpassword .page-main, .customer-account-create .account-create, .customer-account-login .account-login { width: 520px; } .login-container .block.login .actions-toolbar > .primary { margin-bottom: 0; margin-right: 30px; } .login-container .block.login .actions-toolbar > .secondary { float: left; } .login-container .fieldset > .field > .control { width: 100%; } .form-create-account .fieldset-fullname .fields .field { float: left; margin: 0 10px 10px 0; } .form-create-account .fieldset-fullname .field-name-prefix, .form-create-account .fieldset-fullname .field-name-suffix { width: 50px; } .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account { min-width: 500px; } .account.page-layout-2columns-left .sidebar-main, .account.page-layout-2columns-left .sidebar-additional { width: 22.3%; } .account.page-layout-2columns-left .column.main { width: 77.7%; } .account .data.table { margin-bottom: 0; } .account .data.table .col.actions { white-space: nowrap; } .customer-account-login .page-title-wrapper, .customer-account-create .page-title-wrapper { display: none; } .customer-account-login .sticky-menu.active, .customer-account-create .sticky-menu.active { display: none; } .account-login, .account-create { width: 100%; margin: 40px auto; } .login-container .block-customer-login, #register-form-now .block-customer-login, .login-container .block-register-account, #register-form-now .block-register-account { margin: 0 0 30px !important; } .account-login .page-title h1, .account-create .page-title h1 { display: block; text-align: center; padding: 0; border-width: 0; margin-bottom: 5px; } .account-login .page-title, .account-create .page-title { text-align: center; padding-bottom: 35px; } .account-create form .legend, .account-login form .legend { border: 0; padding: 0; } .account-login .page-title strong, .account-create .page-title strong { padding: 0; border-width: 0; } .account-login .page-title .field.note, .account-create .page-title .field.note { text-transform: initial; } .account-login #login-form, .account-create #form-validate, .customer-account-forgotpassword .col-main #form-validate, .sales-guest-form .search-form { padding: 20px !important; max-width: 520px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; margin: 0 auto; } .sales-guest-form .page-title { text-align: center; } .account-create .form-list li#remember-me-box label { display: inline-block; min-width: inherit; } .account-login #login-form .new-users { display: none; } .account-login #login-form .registered-users { float: none; width: 100%; padding: 0; border: 0; margin: 0; } .account-login #login-form .registered-users .buttons-set .button { float: none; width: 100%; margin-bottom: 10px; } .account-login #login-form .registered-users .forgot-password-link { text-align: center; } .account-login #login-form .registered-users .form-list li#remember-me-box label { display: inline-block; min-width: inherit; } .account-login #login-form .registered-users p.required { display: none; } .account-login .fieldset .fields, .account-create .fieldset .fields, .customer-account-forgotpassword .col-main .form-list li { margin-bottom: 10px; } .account-login .buttons-set, .account-create .buttons-set, .customer-account-forgotpassword .col-main .fieldset .buttons-set { text-align: center; border: 0; } .account-login #login-form .registered-users .forgot-password-link { text-transform: uppercase; } .account-login .buttons-set .required, .account-create .buttons-set .required, .account-login .buttons-set .back-link, .account-create .buttons-set .back-link { display: none; } .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { max-width: inherit; margin: 0; } .customer-account-forgotpassword .col-main { padding: 40px 0 60px; } .customer-account-forgotpassword .col-main .page-title { padding: 30px !important; max-width: 520px; margin: 0 auto; } .customer-account-forgotpassword .col-main .page-title h1 { text-align: center; padding-bottom: 0px; border: 0; margin: 0; } .customer-account-forgotpassword .col-main #form-validate { margin: 0 auto 40px auto; } .customer-account-forgotpassword .col-main #form-validate .buttons-set { max-width: inherit; margin: 0; text-align: center; } .customer-account-forgotpassword .col-main #form-validate .buttons-set .required { display: none; } .customer-account-forgotpassword .col-main #form-validate .buttons-set .back-link { display: none; } .customer-account-forgotpassword .col-main #form-validate .buttons-set button.button { float: none; min-width: 100%; margin: 0; } .account-create .buttons-set button.button { float: none; min-width: 100%; margin: 0; } .account-create .buttons-set button.button:hover { float: none; min-width: 100%; margin: 0; } .account-login .buttons-set button.button { float: none; min-width: 100%; margin: 0; } .account-login .buttons-set button.button:hover { float: none; min-width: 100%; margin: 0; } .customer-account-forgotpassword .buttons-set button.button { float: none; min-width: 100%; margin: 0; } .customer-account-forgotpassword .buttons-set button.button:hover { float: none; min-width: 100%; margin: 0; } .customer-account-create .fieldset, .customer-account-create .buttons-set { margin: 0; } .account-create .buttons-set button.button { float: none; min-width: 100%; } .customer-account-create .fieldset, .customer-account-create .buttons-set { margin: 0; max-width: inherit; } /*------------------My account-----------------*/ /*nav bar*/ .block-account .block-content { padding-top: 11px; padding-bottom: 29px; } .block-account .block-content ul { margin-bottom: 0; } .block-account .block-content ul li { position: relative; padding: 7px 0 6px; } .block-account .block-content ul li a, .block-account .block-content ul li strong { display: inline-block; font-weight: normal; } /*dashboard*/ .dashboard .welcome-msg { padding: 2rem; margin-bottom: 2rem; } .dashboard .welcome-msg p.hello { margin: 0px 0 5px; } .dashboard .welcome-msg p.hello strong { font-weight: normal; } .dashboard .welcome-msg p { margin: 0; } .dashboard .box-account { clear: both; padding: 10px 0px 0; border: 0; margin: 0; } .dashboard .head { margin-top: 30px; font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; padding-bottom: 7px; } .my-account-logo { display: none; } .manage-address, .change-pass { background-image: none; cursor: pointer; display: inline-block; padding: 5px 10px; box-sizing: border-box; vertical-align: middle; text-transform: uppercase; clear: left; border: 3px solid; } .customer-edit { text-transform: uppercase; font-size: 11px; text-decoration: underline; line-height: 30px; } .box-account-content { padding: 2rem; overflow: hidden; margin-bottom: 2rem; } /*account info*/ .my-account .page-title { margin-bottom: 0; } .my-account .data-table { margin-bottom: 20px; } .my-account .data-table#my-orders-table tr td { padding: 20px; } .my-account .data-table#my-orders-table tr td .price { display: block; } .my-account .box { border: none; padding: 0; } .my-account .box address { margin-bottom: 17px; clear: both; width: 100%; } .my-account .col2-set:first-child { margin-bottom: 8px; } .my-account .box-content h3, .my-account .box-content h4, .my-account .box-title h3, .my-account .box-title h4 { margin: 8px 20px 8px 0; float: left; min-width: 250px; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 600; } .my-account .box-content h3.address-book, .my-account .box-title h3.address-book { margin-bottom: 15px; } .my-account .box-content a.link-edit, .my-account .box-title a.link-edit { float: left; margin: 8px 0; } .my-account .box-content p { margin-bottom: 16px; } .my-account .box-content p.change-pass { text-transform: uppercase; } /*RECENT REVIEWS - RECENT TAGS */ .dashboard .box-reviews .number, .dashboard .box-tags .number { float: left; margin: 0px -20px 0 0; } .dashboard .box-reviews .details, .dashboard .box-tags .details { margin-left: 20px; } .dashboard .box-reviews li.item, .dashboard .box-tags li.item { padding: 7px 0 10px; } .dashboard .box-reviews .ratings { display: inline-block; clear: both; margin-top: 0; } .dashboard .box-reviews .ratings strong { display: none; } .dashboard .box-tags li.item strong { font-weight: normal; float: left; display: inline; } .dashboard .box-tags li.item li { float: left; display: inline; padding-left: 5px; } /*Account Information*/ .customer-account-edit .my-account .fieldset { width: 100%; } .customer-account-edit .my-account .form-list li.control { margin: 15px 0 18px; } .customer-account-edit .my-account .buttons-set p.required { float: left; clear: none; margin-top: 6px; } .customer-address-info .box-title { margin-top: 30px; padding-bottom: 0px; margin-bottom: 10px; } .customer-address-info .box-title h3 { float: none; margin-bottom: 10px; font-weight: 600; } .customer-address-info .customer-edit { float: right; } /*Address Book*/ .customer-address-index .my-account .em-box-02 { display: none; } .customer-address-index .my-account .box-account-content { padding-bottom: 9px; } .customer-address-index .my-account .col2-set .col-2, .customer-address-index .my-account .col2-set .col-1 { padding-top: 7px; } .customer-address-index .my-account .col2-set .col-2 address, .customer-address-index .my-account .col2-set .col-1 address { margin-bottom: 8px; } .customer-address-index .my-account .addresses-primary ol { margin-bottom: 0; oveflow: hidden; } .customer-address-index .my-account .addresses-primary ol li.item { display: block; } .customer-address-index .my-account .addresses-primary ol li.item:first-child { padding-bottom: 13px; } /*MY ORDERS*/ .sales-order-history .my-account .box-account-content { padding: 0; border: 0; margin-bottom: 0; } /*Account Page*/ .my-account .pager { margin: 10px 0 10px; } .my-account .pager .amount { margin: 1px 10px 0 0; font-weight: normal; } .my-account .pager .amount strong { font-weight: 500; } .my-account .pager .limiter { margin: 0 0 5px; } .my-account .pager .limiter label { font-size: 100%; margin-top: 2px; } .my-account .pager .limiter select { height: 30px; padding: 0 10px; } /*Account wishlist*/ .my-wishlist .data-table tr td { padding: 20px; } .my-wishlist textarea { width: 90%; margin-top: 5px; } .my-wishlist .cart-cell { display: inline-block; margin-top: -8px; } .my-wishlist .cart-cell .price-box { margin-bottom: 10px; } .my-wishlist .cart-cell button.button { margin-bottom: 5px; margin-top: 2px; } /*Account button set*/ /*.customer-address-index, .sales-order-history{ .my-account{ .buttons-set{ padding-left:20px; } } }*/ .customer-address-form .fieldset { width: 100%; } /*My wishlist*/ .data-table a.product-image img { width: auto; height: auto; } #wishlist-table .cart-cell .link-edit { float: left; clear: both; margin-top: 10px; } #wishlist-table .cart-cell input.qty { height: 34px; line-height: 34px; } .my-account .title-buttons { overflow: hidden; height: 100%; margin-bottom: 20px; } .title-buttons { overflow: hidden; height: 100%; text-align: right; margin-bottom: 20px; } .title-buttons h1 { float: left; margin-bottom: 0; } .title-buttons .button { float: right; } /*Custom my account full width*/ .my-account { padding: 20px; } .my-account-logo { display: block; } .customer-account-index .header-container, .customer-account-index .footer, .customer-account-edit .header-container, .customer-account-edit .footer, .wishlist-index-index .header-container, .wishlist-index-index .footer, .customer-address-form .header-container, .customer-address-form .footer, .sales-order-history .header-container, .sales-order-history .footer, .sales-billing-agreement-index .header-container, .sales-billing-agreement-index .footer, .sales-recurring-profile-index .header-container, .sales-recurring-profile-index .footer, .review-customer-index .header-container, .review-customer-index .footer, .oauth-customer-token-index .header-container, .oauth-customer-token-index .footer, .newsletter-manage-index .header-container, .newsletter-manage-index .footer, .downloadable-customer-products .header-container, .downloadable-customer-products .footer, .customer-address-index .header-container, .customer-address-index .footer, .sales-order-view .header-container, .sales-order-view .footer, .tag-customer-index .header-container, .tag-customer-index .footer, .sales-order-shipment .header-container, .sales-order-shipment .footer, .sales-order-invoice .header-container, .sales-order-invoice .footer { display: none; } .customer-account-index .main-container .col-main-containter, .customer-account-edit .main-container .col-main-containter, .wishlist-index-index .main-container .col-main-containter, .customer-address-form .main-container .col-main-containter, .sales-order-history .main-container .col-main-containter, .sales-billing-agreement-index .main-container .col-main-containter, .sales-recurring-profile-index .main-container .col-main-containter, .review-customer-index .main-container .col-main-containter, .oauth-customer-token-index .main-container .col-main-containter, .newsletter-manage-index .main-container .col-main-containter, .downloadable-customer-products .main-container .col-main-containter, .customer-address-index .main-container .col-main-containter, .sales-order-view .main-container .col-main-containter, .tag-customer-index .main-container .col-main-containter, .sales-order-shipment .main-container .col-main-containter, .sales-order-invoice .main-container .col-main-containter { padding-top: 0; } .customer-account-index .col-main-containter, .customer-account-edit .col-main-containter, .wishlist-index-index .col-main-containter, .customer-address-form .col-main-containter, .sales-order-history .col-main-containter, .sales-billing-agreement-index .col-main-containter, .sales-recurring-profile-index .col-main-containter, .review-customer-index .col-main-containter, .oauth-customer-token-index .col-main-containter, .newsletter-manage-index .col-main-containter, .downloadable-customer-products .col-main-containter, .customer-address-index .col-main-containter, .sales-order-view .col-main-containter, .tag-customer-index .col-main-containter, .sales-order-shipment .col-main-containter, .sales-order-invoice .col-main-containter { width: 100%; } .customer-account-index .col-left.sidebar, .customer-account-edit .col-left.sidebar, .wishlist-index-index .col-left.sidebar, .customer-address-form .col-left.sidebar, .sales-order-history .col-left.sidebar, .sales-billing-agreement-index .col-left.sidebar, .sales-recurring-profile-index .col-left.sidebar, .review-customer-index .col-left.sidebar, .oauth-customer-token-index .col-left.sidebar, .newsletter-manage-index .col-left.sidebar, .downloadable-customer-products .col-left.sidebar, .customer-address-index .col-left.sidebar, .sales-order-view .col-left.sidebar, .tag-customer-index .col-left.sidebar, .sales-order-shipment .col-left.sidebar, .sales-order-invoice .col-left.sidebar { width: 18%; right: 80%; height: 100%; padding: 20px 20px; position: fixed; left: 0; right: auto; } .customer-account-index .col-main, .customer-account-edit .col-main, .wishlist-index-index .col-main, .customer-address-form .col-main, .sales-order-history .col-main, .sales-billing-agreement-index .col-main, .sales-recurring-profile-index .col-main, .review-customer-index .col-main, .oauth-customer-token-index .col-main, .newsletter-manage-index .col-main, .downloadable-customer-products .col-main, .customer-address-index .col-main, .sales-order-view .col-main, .tag-customer-index .col-main, .sales-order-shipment .col-main, .sales-order-invoice .col-main { width: 78%; padding: 20px 0; left: 20%; float: left; right: auto; } .customer-account-index .sidebar .block:not(.block-static-block), .customer-account-edit .sidebar .block:not(.block-static-block), .wishlist-index-index .sidebar .block:not(.block-static-block), .customer-address-form .sidebar .block:not(.block-static-block), .sales-order-history .sidebar .block:not(.block-static-block), .sales-billing-agreement-index .sidebar .block:not(.block-static-block), .sales-recurring-profile-index .sidebar .block:not(.block-static-block), .review-customer-index .sidebar .block:not(.block-static-block), .oauth-customer-token-index .sidebar .block:not(.block-static-block), .newsletter-manage-index .sidebar .block:not(.block-static-block), .downloadable-customer-products .sidebar .block:not(.block-static-block), .customer-address-index .sidebar .block:not(.block-static-block), .sales-order-view .sidebar .block:not(.block-static-block), .tag-customer-index .sidebar .block:not(.block-static-block), .sales-order-shipment .sidebar .block:not(.block-static-block), .sales-order-invoice .sidebar .block:not(.block-static-block) { border: 0; } .customer-account-index .block-banner, .customer-account-index .block-reorder, .customer-account-edit .block-banner, .customer-account-edit .block-reorder, .wishlist-index-index .block-banner, .wishlist-index-index .block-reorder, .customer-address-form .block-banner, .customer-address-form .block-reorder, .sales-order-history .block-banner, .sales-order-history .block-reorder, .sales-billing-agreement-index .block-banner, .sales-billing-agreement-index .block-reorder, .sales-recurring-profile-index .block-banner, .sales-recurring-profile-index .block-reorder, .review-customer-index .block-banner, .review-customer-index .block-reorder, .oauth-customer-token-index .block-banner, .oauth-customer-token-index .block-reorder, .newsletter-manage-index .block-banner, .newsletter-manage-index .block-reorder, .downloadable-customer-products .block-banner, .downloadable-customer-products .block-reorder, .customer-address-index .block-banner, .customer-address-index .block-reorder, .sales-order-view .block-banner, .sales-order-view .block-reorder, .tag-customer-index .block-banner, .tag-customer-index .block-reorder, .sales-order-shipment .block-banner, .sales-order-shipment .block-reorder, .sales-order-invoice .block-banner, .sales-order-invoice .block-reorder { display: none; } .customer-account-index .block-account, .customer-account-edit .block-account, .wishlist-index-index .block-account, .customer-address-form .block-account, .sales-order-history .block-account, .sales-billing-agreement-index .block-account, .sales-recurring-profile-index .block-account, .review-customer-index .block-account, .oauth-customer-token-index .block-account, .newsletter-manage-index .block-account, .downloadable-customer-products .block-account, .customer-address-index .block-account, .sales-order-view .block-account, .tag-customer-index .block-account, .sales-order-shipment .block-account, .sales-order-invoice .block-account { clear: left; } .customer-account-index .block-account .block-content, .customer-account-edit .block-account .block-content, .wishlist-index-index .block-account .block-content, .customer-address-form .block-account .block-content, .sales-order-history .block-account .block-content, .sales-billing-agreement-index .block-account .block-content, .sales-recurring-profile-index .block-account .block-content, .review-customer-index .block-account .block-content, .oauth-customer-token-index .block-account .block-content, .newsletter-manage-index .block-account .block-content, .downloadable-customer-products .block-account .block-content, .customer-address-index .block-account .block-content, .sales-order-view .block-account .block-content, .tag-customer-index .block-account .block-content, .sales-order-shipment .block-account .block-content, .sales-order-invoice .block-account .block-content { padding: 0; } .customer-account-index .block-account .block-content li, .customer-account-edit .block-account .block-content li, .wishlist-index-index .block-account .block-content li, .customer-address-form .block-account .block-content li, .sales-order-history .block-account .block-content li, .sales-billing-agreement-index .block-account .block-content li, .sales-recurring-profile-index .block-account .block-content li, .review-customer-index .block-account .block-content li, .oauth-customer-token-index .block-account .block-content li, .newsletter-manage-index .block-account .block-content li, .downloadable-customer-products .block-account .block-content li, .customer-address-index .block-account .block-content li, .sales-order-view .block-account .block-content li, .tag-customer-index .block-account .block-content li, .sales-order-shipment .block-account .block-content li, .sales-order-invoice .block-account .block-content li { margin: 0 -20px; padding: 0px; } .customer-account-index .block-account .block-content li a, .customer-account-edit .block-account .block-content li a, .wishlist-index-index .block-account .block-content li a, .customer-address-form .block-account .block-content li a, .sales-order-history .block-account .block-content li a, .sales-billing-agreement-index .block-account .block-content li a, .sales-recurring-profile-index .block-account .block-content li a, .review-customer-index .block-account .block-content li a, .oauth-customer-token-index .block-account .block-content li a, .newsletter-manage-index .block-account .block-content li a, .downloadable-customer-products .block-account .block-content li a, .customer-address-index .block-account .block-content li a, .sales-order-view .block-account .block-content li a, .tag-customer-index .block-account .block-content li a, .sales-order-shipment .block-account .block-content li a, .sales-order-invoice .block-account .block-content li a { display: block; padding: 10px 20px; text-transform: uppercase; } .customer-account-index .block-account .block-content li a:hover, .customer-account-edit .block-account .block-content li a:hover, .wishlist-index-index .block-account .block-content li a:hover, .customer-address-form .block-account .block-content li a:hover, .sales-order-history .block-account .block-content li a:hover, .sales-billing-agreement-index .block-account .block-content li a:hover, .sales-recurring-profile-index .block-account .block-content li a:hover, .review-customer-index .block-account .block-content li a:hover, .oauth-customer-token-index .block-account .block-content li a:hover, .newsletter-manage-index .block-account .block-content li a:hover, .downloadable-customer-products .block-account .block-content li a:hover, .customer-address-index .block-account .block-content li a:hover, .sales-order-view .block-account .block-content li a:hover, .tag-customer-index .block-account .block-content li a:hover, .sales-order-shipment .block-account .block-content li a:hover, .sales-order-invoice .block-account .block-content li a:hover { background: #333; } .customer-account-index .block-account .block-content li strong, .customer-account-edit .block-account .block-content li strong, .wishlist-index-index .block-account .block-content li strong, .customer-address-form .block-account .block-content li strong, .sales-order-history .block-account .block-content li strong, .sales-billing-agreement-index .block-account .block-content li strong, .sales-recurring-profile-index .block-account .block-content li strong, .review-customer-index .block-account .block-content li strong, .oauth-customer-token-index .block-account .block-content li strong, .newsletter-manage-index .block-account .block-content li strong, .downloadable-customer-products .block-account .block-content li strong, .customer-address-index .block-account .block-content li strong, .sales-order-view .block-account .block-content li strong, .tag-customer-index .block-account .block-content li strong, .sales-order-shipment .block-account .block-content li strong, .sales-order-invoice .block-account .block-content li strong { padding: 10px 20px; display: block; } .customer-account-index .block-account .block-content li:first-child a, .customer-account-edit .block-account .block-content li:first-child a, .wishlist-index-index .block-account .block-content li:first-child a, .customer-address-form .block-account .block-content li:first-child a, .sales-order-history .block-account .block-content li:first-child a, .sales-billing-agreement-index .block-account .block-content li:first-child a, .sales-recurring-profile-index .block-account .block-content li:first-child a, .review-customer-index .block-account .block-content li:first-child a, .oauth-customer-token-index .block-account .block-content li:first-child a, .newsletter-manage-index .block-account .block-content li:first-child a, .downloadable-customer-products .block-account .block-content li:first-child a, .customer-address-index .block-account .block-content li:first-child a, .sales-order-view .block-account .block-content li:first-child a, .tag-customer-index .block-account .block-content li:first-child a, .sales-order-shipment .block-account .block-content li:first-child a, .sales-order-invoice .block-account .block-content li:first-child a { display: block; padding: 10px 20px; } .customer-account-index .block-account .block-content li:first-child strong, .customer-account-edit .block-account .block-content li:first-child strong, .wishlist-index-index .block-account .block-content li:first-child strong, .customer-address-form .block-account .block-content li:first-child strong, .sales-order-history .block-account .block-content li:first-child strong, .sales-billing-agreement-index .block-account .block-content li:first-child strong, .sales-recurring-profile-index .block-account .block-content li:first-child strong, .review-customer-index .block-account .block-content li:first-child strong, .oauth-customer-token-index .block-account .block-content li:first-child strong, .newsletter-manage-index .block-account .block-content li:first-child strong, .downloadable-customer-products .block-account .block-content li:first-child strong, .customer-address-index .block-account .block-content li:first-child strong, .sales-order-view .block-account .block-content li:first-child strong, .tag-customer-index .block-account .block-content li:first-child strong, .sales-order-shipment .block-account .block-content li:first-child strong, .sales-order-invoice .block-account .block-content li:first-child strong { padding: 10px 20px; display: block; } .customer-account-index .block:not(.block-static-block) .block-content, .customer-account-edit .block:not(.block-static-block) .block-content, .wishlist-index-index .block:not(.block-static-block) .block-content, .customer-address-form .block:not(.block-static-block) .block-content, .sales-order-history .block:not(.block-static-block) .block-content, .sales-billing-agreement-index .block:not(.block-static-block) .block-content, .sales-recurring-profile-index .block:not(.block-static-block) .block-content, .review-customer-index .block:not(.block-static-block) .block-content, .oauth-customer-token-index .block:not(.block-static-block) .block-content, .newsletter-manage-index .block:not(.block-static-block) .block-content, .downloadable-customer-products .block:not(.block-static-block) .block-content, .customer-address-index .block:not(.block-static-block) .block-content, .sales-order-view .block:not(.block-static-block) .block-content, .tag-customer-index .block:not(.block-static-block) .block-content, .sales-order-shipment .block:not(.block-static-block) .block-content, .sales-order-invoice .block:not(.block-static-block) .block-content { padding: 0px 0px 15px; } .customer-account-index .block:not(.block-static-block) .block-title, .customer-account-edit .block:not(.block-static-block) .block-title, .wishlist-index-index .block:not(.block-static-block) .block-title, .customer-address-form .block:not(.block-static-block) .block-title, .sales-order-history .block:not(.block-static-block) .block-title, .sales-billing-agreement-index .block:not(.block-static-block) .block-title, .sales-recurring-profile-index .block:not(.block-static-block) .block-title, .review-customer-index .block:not(.block-static-block) .block-title, .oauth-customer-token-index .block:not(.block-static-block) .block-title, .newsletter-manage-index .block:not(.block-static-block) .block-title, .downloadable-customer-products .block:not(.block-static-block) .block-title, .customer-address-index .block:not(.block-static-block) .block-title, .sales-order-view .block:not(.block-static-block) .block-title, .tag-customer-index .block:not(.block-static-block) .block-title, .sales-order-shipment .block:not(.block-static-block) .block-title, .sales-order-invoice .block:not(.block-static-block) .block-title { border: 0; } .customer-account-index .block:not(.block-static-block) .block-title strong, .customer-account-edit .block:not(.block-static-block) .block-title strong, .wishlist-index-index .block:not(.block-static-block) .block-title strong, .customer-address-form .block:not(.block-static-block) .block-title strong, .sales-order-history .block:not(.block-static-block) .block-title strong, .sales-billing-agreement-index .block:not(.block-static-block) .block-title strong, .sales-recurring-profile-index .block:not(.block-static-block) .block-title strong, .review-customer-index .block:not(.block-static-block) .block-title strong, .oauth-customer-token-index .block:not(.block-static-block) .block-title strong, .newsletter-manage-index .block:not(.block-static-block) .block-title strong, .downloadable-customer-products .block:not(.block-static-block) .block-title strong, .customer-address-index .block:not(.block-static-block) .block-title strong, .sales-order-view .block:not(.block-static-block) .block-title strong, .tag-customer-index .block:not(.block-static-block) .block-title strong, .sales-order-shipment .block:not(.block-static-block) .block-title strong, .sales-order-invoice .block:not(.block-static-block) .block-title strong { border: 0; } .customer-account-index .my-account-logo, .customer-account-edit .my-account-logo, .wishlist-index-index .my-account-logo, .customer-address-form .my-account-logo, .sales-order-history .my-account-logo, .sales-billing-agreement-index .my-account-logo, .sales-recurring-profile-index .my-account-logo, .review-customer-index .my-account-logo, .oauth-customer-token-index .my-account-logo, .newsletter-manage-index .my-account-logo, .downloadable-customer-products .my-account-logo, .customer-address-index .my-account-logo, .sales-order-view .my-account-logo, .tag-customer-index .my-account-logo, .sales-order-shipment .my-account-logo, .sales-order-invoice .my-account-logo { margin: -20px -20px 20px; padding: 20px; text-align: center; float: left; width: calc(100% + 40px); } .customer-account-index .my-account-logo .logo-myaccount, .customer-account-edit .my-account-logo .logo-myaccount, .wishlist-index-index .my-account-logo .logo-myaccount, .customer-address-form .my-account-logo .logo-myaccount, .sales-order-history .my-account-logo .logo-myaccount, .sales-billing-agreement-index .my-account-logo .logo-myaccount, .sales-recurring-profile-index .my-account-logo .logo-myaccount, .review-customer-index .my-account-logo .logo-myaccount, .oauth-customer-token-index .my-account-logo .logo-myaccount, .newsletter-manage-index .my-account-logo .logo-myaccount, .downloadable-customer-products .my-account-logo .logo-myaccount, .customer-address-index .my-account-logo .logo-myaccount, .sales-order-view .my-account-logo .logo-myaccount, .tag-customer-index .my-account-logo .logo-myaccount, .sales-order-shipment .my-account-logo .logo-myaccount, .sales-order-invoice .my-account-logo .logo-myaccount { display: block; float: left; margin: 0 0 0 30%; } .customer-account-index .my-account-logo .logo-myaccount a, .customer-account-edit .my-account-logo .logo-myaccount a, .wishlist-index-index .my-account-logo .logo-myaccount a, .customer-address-form .my-account-logo .logo-myaccount a, .sales-order-history .my-account-logo .logo-myaccount a, .sales-billing-agreement-index .my-account-logo .logo-myaccount a, .sales-recurring-profile-index .my-account-logo .logo-myaccount a, .review-customer-index .my-account-logo .logo-myaccount a, .oauth-customer-token-index .my-account-logo .logo-myaccount a, .newsletter-manage-index .my-account-logo .logo-myaccount a, .downloadable-customer-products .my-account-logo .logo-myaccount a, .customer-address-index .my-account-logo .logo-myaccount a, .sales-order-view .my-account-logo .logo-myaccount a, .tag-customer-index .my-account-logo .logo-myaccount a, .sales-order-shipment .my-account-logo .logo-myaccount a, .sales-order-invoice .my-account-logo .logo-myaccount a { display: block; text-align: center; margin: 0 auto; font-size: 0; } .customer-account-index .my-account-logo .logo-myaccount a:before, .customer-account-edit .my-account-logo .logo-myaccount a:before, .wishlist-index-index .my-account-logo .logo-myaccount a:before, .customer-address-form .my-account-logo .logo-myaccount a:before, .sales-order-history .my-account-logo .logo-myaccount a:before, .sales-billing-agreement-index .my-account-logo .logo-myaccount a:before, .sales-recurring-profile-index .my-account-logo .logo-myaccount a:before, .review-customer-index .my-account-logo .logo-myaccount a:before, .oauth-customer-token-index .my-account-logo .logo-myaccount a:before, .newsletter-manage-index .my-account-logo .logo-myaccount a:before, .downloadable-customer-products .my-account-logo .logo-myaccount a:before, .customer-address-index .my-account-logo .logo-myaccount a:before, .sales-order-view .my-account-logo .logo-myaccount a:before, .tag-customer-index .my-account-logo .logo-myaccount a:before, .sales-order-shipment .my-account-logo .logo-myaccount a:before, .sales-order-invoice .my-account-logo .logo-myaccount a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f015"; font-size: 21px; padding: 9px 10px; margin: 0 10px; border-radius: 100px; } .customer-account-index .my-account-logo .logo-myaccount strong, .customer-account-edit .my-account-logo .logo-myaccount strong, .wishlist-index-index .my-account-logo .logo-myaccount strong, .customer-address-form .my-account-logo .logo-myaccount strong, .sales-order-history .my-account-logo .logo-myaccount strong, .sales-billing-agreement-index .my-account-logo .logo-myaccount strong, .sales-recurring-profile-index .my-account-logo .logo-myaccount strong, .review-customer-index .my-account-logo .logo-myaccount strong, .oauth-customer-token-index .my-account-logo .logo-myaccount strong, .newsletter-manage-index .my-account-logo .logo-myaccount strong, .downloadable-customer-products .my-account-logo .logo-myaccount strong, .customer-address-index .my-account-logo .logo-myaccount strong, .sales-order-view .my-account-logo .logo-myaccount strong, .tag-customer-index .my-account-logo .logo-myaccount strong, .sales-order-shipment .my-account-logo .logo-myaccount strong, .sales-order-invoice .my-account-logo .logo-myaccount strong { display: none; } .customer-account-index .my-account-logo .logo-myaccount img, .customer-account-edit .my-account-logo .logo-myaccount img, .wishlist-index-index .my-account-logo .logo-myaccount img, .customer-address-form .my-account-logo .logo-myaccount img, .sales-order-history .my-account-logo .logo-myaccount img, .sales-billing-agreement-index .my-account-logo .logo-myaccount img, .sales-recurring-profile-index .my-account-logo .logo-myaccount img, .review-customer-index .my-account-logo .logo-myaccount img, .oauth-customer-token-index .my-account-logo .logo-myaccount img, .newsletter-manage-index .my-account-logo .logo-myaccount img, .downloadable-customer-products .my-account-logo .logo-myaccount img, .customer-address-index .my-account-logo .logo-myaccount img, .sales-order-view .my-account-logo .logo-myaccount img, .tag-customer-index .my-account-logo .logo-myaccount img, .sales-order-shipment .my-account-logo .logo-myaccount img, .sales-order-invoice .my-account-logo .logo-myaccount img { margin: 0 auto; } .customer-account-index .my-account-logo .logo-myaccount a:hover, .customer-account-edit .my-account-logo .logo-myaccount a:hover, .wishlist-index-index .my-account-logo .logo-myaccount a:hover, .customer-address-form .my-account-logo .logo-myaccount a:hover, .sales-order-history .my-account-logo .logo-myaccount a:hover, .sales-billing-agreement-index .my-account-logo .logo-myaccount a:hover, .sales-recurring-profile-index .my-account-logo .logo-myaccount a:hover, .review-customer-index .my-account-logo .logo-myaccount a:hover, .oauth-customer-token-index .my-account-logo .logo-myaccount a:hover, .newsletter-manage-index .my-account-logo .logo-myaccount a:hover, .downloadable-customer-products .my-account-logo .logo-myaccount a:hover, .customer-address-index .my-account-logo .logo-myaccount a:hover, .sales-order-view .my-account-logo .logo-myaccount a:hover, .tag-customer-index .my-account-logo .logo-myaccount a:hover, .sales-order-shipment .my-account-logo .logo-myaccount a:hover, .sales-order-invoice .my-account-logo .logo-myaccount a:hover { color: #fc7070; } .customer-account-index .my-account-logo .logout-link, .customer-account-edit .my-account-logo .logout-link, .wishlist-index-index .my-account-logo .logout-link, .customer-address-form .my-account-logo .logout-link, .sales-order-history .my-account-logo .logout-link, .sales-billing-agreement-index .my-account-logo .logout-link, .sales-recurring-profile-index .my-account-logo .logout-link, .review-customer-index .my-account-logo .logout-link, .oauth-customer-token-index .my-account-logo .logout-link, .newsletter-manage-index .my-account-logo .logout-link, .downloadable-customer-products .my-account-logo .logout-link, .customer-address-index .my-account-logo .logout-link, .sales-order-view .my-account-logo .logout-link, .tag-customer-index .my-account-logo .logout-link, .sales-order-shipment .my-account-logo .logout-link, .sales-order-invoice .my-account-logo .logout-link { display: block; font-size: 0; float: left; } .customer-account-index .my-account-logo .logout-link a, .customer-account-edit .my-account-logo .logout-link a, .wishlist-index-index .my-account-logo .logout-link a, .customer-address-form .my-account-logo .logout-link a, .sales-order-history .my-account-logo .logout-link a, .sales-billing-agreement-index .my-account-logo .logout-link a, .sales-recurring-profile-index .my-account-logo .logout-link a, .review-customer-index .my-account-logo .logout-link a, .oauth-customer-token-index .my-account-logo .logout-link a, .newsletter-manage-index .my-account-logo .logout-link a, .downloadable-customer-products .my-account-logo .logout-link a, .customer-address-index .my-account-logo .logout-link a, .sales-order-view .my-account-logo .logout-link a, .tag-customer-index .my-account-logo .logout-link a, .sales-order-shipment .my-account-logo .logout-link a, .sales-order-invoice .my-account-logo .logout-link a { display: inline-block; } .customer-account-index .my-account-logo .logout-link a:before, .customer-account-edit .my-account-logo .logout-link a:before, .wishlist-index-index .my-account-logo .logout-link a:before, .customer-address-form .my-account-logo .logout-link a:before, .sales-order-history .my-account-logo .logout-link a:before, .sales-billing-agreement-index .my-account-logo .logout-link a:before, .sales-recurring-profile-index .my-account-logo .logout-link a:before, .review-customer-index .my-account-logo .logout-link a:before, .oauth-customer-token-index .my-account-logo .logout-link a:before, .newsletter-manage-index .my-account-logo .logout-link a:before, .downloadable-customer-products .my-account-logo .logout-link a:before, .customer-address-index .my-account-logo .logout-link a:before, .sales-order-view .my-account-logo .logout-link a:before, .tag-customer-index .my-account-logo .logout-link a:before, .sales-order-shipment .my-account-logo .logout-link a:before, .sales-order-invoice .my-account-logo .logout-link a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f08b"; font-size: 21px; padding: 9px 10px; border-radius: 100px; } .customer-account-index .col2-set .col-1 h2, .customer-account-index .col2-set .col-2 h2, .customer-account-edit .col2-set .col-1 h2, .customer-account-edit .col2-set .col-2 h2, .wishlist-index-index .col2-set .col-1 h2, .wishlist-index-index .col2-set .col-2 h2, .customer-address-form .col2-set .col-1 h2, .customer-address-form .col2-set .col-2 h2, .sales-order-history .col2-set .col-1 h2, .sales-order-history .col2-set .col-2 h2, .sales-billing-agreement-index .col2-set .col-1 h2, .sales-billing-agreement-index .col2-set .col-2 h2, .sales-recurring-profile-index .col2-set .col-1 h2, .sales-recurring-profile-index .col2-set .col-2 h2, .review-customer-index .col2-set .col-1 h2, .review-customer-index .col2-set .col-2 h2, .oauth-customer-token-index .col2-set .col-1 h2, .oauth-customer-token-index .col2-set .col-2 h2, .newsletter-manage-index .col2-set .col-1 h2, .newsletter-manage-index .col2-set .col-2 h2, .downloadable-customer-products .col2-set .col-1 h2, .downloadable-customer-products .col2-set .col-2 h2, .customer-address-index .col2-set .col-1 h2, .customer-address-index .col2-set .col-2 h2, .sales-order-view .col2-set .col-1 h2, .sales-order-view .col2-set .col-2 h2, .tag-customer-index .col2-set .col-1 h2, .tag-customer-index .col2-set .col-2 h2, .sales-order-shipment .col2-set .col-1 h2, .sales-order-shipment .col2-set .col-2 h2, .sales-order-invoice .col2-set .col-1 h2, .sales-order-invoice .col2-set .col-2 h2 { padding-bottom: 7px; margin-bottom: 20px; } .customer-account-index .col2-set .col-1.addresses-primary p a, .customer-account-index .col2-set .col-2.addresses-primary p a, .customer-account-edit .col2-set .col-1.addresses-primary p a, .customer-account-edit .col2-set .col-2.addresses-primary p a, .wishlist-index-index .col2-set .col-1.addresses-primary p a, .wishlist-index-index .col2-set .col-2.addresses-primary p a, .customer-address-form .col2-set .col-1.addresses-primary p a, .customer-address-form .col2-set .col-2.addresses-primary p a, .sales-order-history .col2-set .col-1.addresses-primary p a, .sales-order-history .col2-set .col-2.addresses-primary p a, .sales-billing-agreement-index .col2-set .col-1.addresses-primary p a, .sales-billing-agreement-index .col2-set .col-2.addresses-primary p a, .sales-recurring-profile-index .col2-set .col-1.addresses-primary p a, .sales-recurring-profile-index .col2-set .col-2.addresses-primary p a, .review-customer-index .col2-set .col-1.addresses-primary p a, .review-customer-index .col2-set .col-2.addresses-primary p a, .oauth-customer-token-index .col2-set .col-1.addresses-primary p a, .oauth-customer-token-index .col2-set .col-2.addresses-primary p a, .newsletter-manage-index .col2-set .col-1.addresses-primary p a, .newsletter-manage-index .col2-set .col-2.addresses-primary p a, .downloadable-customer-products .col2-set .col-1.addresses-primary p a, .downloadable-customer-products .col2-set .col-2.addresses-primary p a, .customer-address-index .col2-set .col-1.addresses-primary p a, .customer-address-index .col2-set .col-2.addresses-primary p a, .sales-order-view .col2-set .col-1.addresses-primary p a, .sales-order-view .col2-set .col-2.addresses-primary p a, .tag-customer-index .col2-set .col-1.addresses-primary p a, .tag-customer-index .col2-set .col-2.addresses-primary p a, .sales-order-shipment .col2-set .col-1.addresses-primary p a, .sales-order-shipment .col2-set .col-2.addresses-primary p a, .sales-order-invoice .col2-set .col-1.addresses-primary p a, .sales-order-invoice .col2-set .col-2.addresses-primary p a { text-transform: uppercase; font-size: 11px; text-decoration: underline; line-height: 30px; } .customer-account-index .col2-set .col-1 h3, .customer-account-index .col2-set .col-2 h3, .customer-account-edit .col2-set .col-1 h3, .customer-account-edit .col2-set .col-2 h3, .wishlist-index-index .col2-set .col-1 h3, .wishlist-index-index .col2-set .col-2 h3, .customer-address-form .col2-set .col-1 h3, .customer-address-form .col2-set .col-2 h3, .sales-order-history .col2-set .col-1 h3, .sales-order-history .col2-set .col-2 h3, .sales-billing-agreement-index .col2-set .col-1 h3, .sales-billing-agreement-index .col2-set .col-2 h3, .sales-recurring-profile-index .col2-set .col-1 h3, .sales-recurring-profile-index .col2-set .col-2 h3, .review-customer-index .col2-set .col-1 h3, .review-customer-index .col2-set .col-2 h3, .oauth-customer-token-index .col2-set .col-1 h3, .oauth-customer-token-index .col2-set .col-2 h3, .newsletter-manage-index .col2-set .col-1 h3, .newsletter-manage-index .col2-set .col-2 h3, .downloadable-customer-products .col2-set .col-1 h3, .downloadable-customer-products .col2-set .col-2 h3, .customer-address-index .col2-set .col-1 h3, .customer-address-index .col2-set .col-2 h3, .sales-order-view .col2-set .col-1 h3, .sales-order-view .col2-set .col-2 h3, .tag-customer-index .col2-set .col-1 h3, .tag-customer-index .col2-set .col-2 h3, .sales-order-shipment .col2-set .col-1 h3, .sales-order-shipment .col2-set .col-2 h3, .sales-order-invoice .col2-set .col-1 h3, .sales-order-invoice .col2-set .col-2 h3 { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 600; } /*Contact form*/ .contacts-index-index .col-main-containter .col-main .col-wrapper-main { background-color: transparent; padding: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 0; } .contacts-index-index .col-main-containter .col-main .col-wrapper-main #contactForm { background: white; padding: 20px; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; -moz-border-radius: 0px; } .contacts-index-index .col-main-containter .col-main .col-wrapper-main #contactForm textarea.input-text { min-height: 300px; } .contacts-index-index #cdz-google-map { height: 458px !important; } .contacts-index-index .contact-adress { margin-top: 20px; padding: 20px 20px 1px; background: white; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); } /*Layout*/ .col-main .widget .products-grid .item:not(.owl-carousel) { margin-left: -10px; margin-right: -10px; overflow: hidden; background: white; } .col-main .widget .products-grid .item { width: 20%; padding-left: 10px; padding-right: 10px; text-align: center; float: left; } .col-main .widget .widget-title { text-align: center; margin-bottom: 20px; } .col-main .widget .widget-title h2 { padding: 0 30px 15px; display: inline-block; vertical-align: top; position: relative; min-width: 310px; text-transform: uppercase !important; border-bottom: 1px solid #282828; color: #282828 !important; font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif !important; } .col-main .widget .widget-title h2:before { position: absolute; bottom: -11px; width: 40px; height: 20px; line-height: 20px; background: white; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f219'; font-size: 14px; left: 40%; left: calc(50% - 20px); -webkit-left: calc(50% - 20px); -o-left: calc(50% - 20px); -moz-left: calc(50% - 20px); } /* ============================================ * * Content * ============================================ */ body { color: #282828; font: 400 13px/1.55 Poppins,Helvetica Neue,Verdana,Arial,sans-serif; } /* .wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0; min-height: 100%; position: relative; transition: margin 0.3s ease-out 0; } .page-wrapper > .breadcrumbs, .page-wrapper > .top-container, .page-wrapper > .widget { box-sizing: border-box; width: 100%; } .ie10 .page-wrapper, .ie11 .page-wrapper { height: 100%; }*/ .cdz-dropdown { position: relative; } .cdz-dropdown-content { left: 0; top: 12px; border: 1px solid; z-index: 100; margin: 0; padding: 0; list-style: none none; box-sizing: border-box; position: absolute; top: 100%; background: white; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; -moz-border-radius: 0px; margin-top: 4px; min-width: 190px; display: none; padding: 10px; } .cdz-trigger:after { -webkit-font-smoothing: antialiased; font-size: 100%; line-height: 1; color: inherit; content: '\f107'; font-family: FontAwesome; margin: 0 3px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; line-height: 14px; } /*2 Column Right & Left*/ .col-main { padding-bottom: 20px; } .main-container .col-main-containter { padding-top: 20px; } .cms-index-index .main-container .col-main-containter { padding-top: 0; } .col-main-containter .col-main .col-wrapper-main { margin-bottom: 20px; } .catalog-product-view .col-main-containter .col-main, .cms-index-index .col-main-containter .col-main, .catalog-product-view .col-main-containter .col-main, .checkout-cart-index .col-main-containter .col-main, .catalog-category-view .col-main-containter .col-main, .customer-account-create .col-main-containter .col-main, .customer-account-login .col-main-containter .col-main, .customer-account-forgotpassword .col-main-containter .col-main { padding-bottom: 0; } .checkout-cart-index .col-main-containter .col-main { padding-bottom: 20px; } .cms-page-view .col-wrapper-main { float: left; width: 100%; } /*=================box/wide setting====================*/ .page { margin: 0 auto; } @media (min-width: 1200px) { body.cdz-boxed .page { width: 1200px; } } .cdz-menu-toggle { display: none; } .cdz-mobile-nav { left: -100%; } .cdz-navbar-toggle { float: left; } .mobile-logo { float: left; } .mobile-nav-tabs { display: none; } .active.mobile-nav-tabs { display: block; } /*.cdz-main-menu .groupmenu li.level0:hover { overflow: inherit; } .cdz-main-menu .groupmenu li.level0:hover .groupmenu-drop { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: inherit; }*/ .cms-index-index .cdz-main-menu .groupmenu li.level0.nav-home > a.menu-link { cursor: pointer; } .cdz-main-menu .groupmenu li.level0.parent:hover:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f0dd'; font-size: 24px; color: #525252; position: absolute; bottom: -10px; left: 42%; left: calc((100% - 14px) / 2); -webkit-left: calc((100% - 14px) / 2); -o-left: calc((100% - 14px) / 2); -moz-left: calc((100% - 14px) / 2); z-index: 100; } .cdz-main-menu.default-menu .groupmenu-drop { position: absolute; top: 100%; z-index: 99; left: -9999px; visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -moz-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; -webkit-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; -o-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translateY(20px); -webkit-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } .cdz-main-menu.default-menu li.level0:hover > .groupmenu-drop { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: inherit; left: 0; padding: 5px 10px; } .cdz-main-menu .groupmenu-drop-content .groupdrop-banner-pos { position: absolute; right: 0; bottom: 0; width: 100%; max-height: 100%; z-index: 0; overflow: hidden; } .cdz-main-menu .groupmenu-drop-content .groupdrop-banner-pos img { float: right; } /* ============================================ */ [class*='cdz-menu-icon-']:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f108"; font-size: 14px; margin-right: 10px; min-width: 15px; } .cdz-menu-icon-1:before { content: "\f1b9"; } .cdz-menu-icon-2:before { content: "\f108"; } .cdz-menu-icon-3:before { content: "\f030"; } .cdz-menu-icon-4:before { content: "\f03d"; } .cdz-menu-icon-5:before { content: "\f19c"; } .cdz-menu-icon-6:before { content: "\f06c"; } .cdz-menu-icon-7:before { content: "\f0e4"; } .cdz-menu-icon-8:before { content: "\f000"; } .cdz-menu-icon-9:before { content: "\f02c"; } /* ===========Megamenu ================================= */ .header-main-menu .nav-sections { float: left; clear: both; } .header-main-menu .block-static-block.widget { float: left; margin-bottom: 0; } .cdz-main-menu ul, .cdz-main-menu ul ul { margin: 0; padding: 0; list-style: none none; } .cdz-main-menu .groupmenu { margin: 0; padding: 0; list-style: none none; } .cdz-main-menu .groupmenu li { margin: 0; } .cdz-main-menu .groupmenu li.level0 { position: relative; display: inline-block; float: left; } .cdz-main-menu .groupmenu li.level0 > a.menu-link { text-transform: uppercase; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; vertical-align: top; padding: 12px 20px; box-sizing: border-box; border-width: 0px; border-style: solid; text-decoration: none; } .cdz-main-menu .groupmenu li.level0:hover > a.menu-link { cursor: pointer; color: white; background-color: #525252; border-color: #282828; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu-drop { z-index: 99; background-color: white; box-shadow: 0 1px 3px #e1e1e1; -moz-box-shadow: 0 1px 3px #e1e1e1; -webkit-box-shadow: 0 1px 3px #e1e1e1; -o-box-shadow: 0 1px 3px #e1e1e1; -ms-box-shadow: 0 1px 3px #e1e1e1; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content { padding: 0px; color: #282828; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-title { text-transform: uppercase; color: #282828; font-weight: 700; padding: 0px 0 10px; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content a { color: #282828; text-decoration: none; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content a:hover, .cdz-main-menu .groupmenu-drop .groupmenu-drop-content a:active { color: #fc7070; text-decoration: none; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-link li { margin: 0; padding: 6px 0; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-link li a { position: relative; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-link li a:before { content: ""; position: absolute; width: 0px; height: 1px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; left: 0; top: 7px; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-link li a:hover { padding-left: 15px; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-link li a:hover:before { width: 10px; background-color: #fc7070; } /*Sticky menu------*/ .logo .small-logo { display: none; } .sticky-menu.active .logo .small-logo { display: inline-block; } .sticky-menu.active .logo .main-logo { display: none; } @media (min-width: 767px) { .header .sticky-menu.active { box-shadow: 0 0 5px #bdbdbd; -moz-box-shadow: 0 0 5px #bdbdbd; -webkit-box-shadow: 0 0 5px #bdbdbd; -o-box-shadow: 0 0 5px #bdbdbd; -ms-box-shadow: 0 0 5px #bdbdbd; background: #282828; width: 100%; max-width: 100% !important; top: 0; left: 0; right: 0; z-index: 889; margin: 0 auto; position: fixed !important; -webkit-animation-name: fadeInDown; -webkit-animation-duration: 5.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-name: anim_titles; -moz-animation-duration: 5.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; } .header .sticky-menu.active .cdz-bottom-logo-cart { padding: 0 70px; position: relative; max-width: 1200px; margin: 0 auto; } .header .sticky-menu.active .header-wrapper-bottom { padding: 4px 0; } .header .sticky-menu.active .cdz-bottom-logo-cart { padding: 0; } .header .sticky-menu.active .cdz-header-logo { margin: 0; left: 10px; top: 0; height: 40px; z-index: 5; display: none; } .header .sticky-menu.active .search-wrapper, .header .sticky-menu.active .cart-wrapper { position: static; padding: 0; width: auto; min-height: 0; } .header .sticky-menu.active .cdz-header-menu-content { position: relative; } .header .sticky-menu.active .cdz-header-cart { margin: 0; position: absolute; right: 10px; top: 0; z-index: 5; } .header .sticky-menu.active .cdz-header-cart .price-label { display: none; } .header .sticky-menu.active .cdz-header-cart .cdz-dropdown { position: initial; } .header .sticky-menu.active .cdz-header-cart .cart-icon { background-color: transparent; color: #fff; } .header .sticky-menu.active .cdz-header-cart .cart-icon:before { color: #fff; height: 42px; width: 42px; background-position: 9px -34px; } .header .sticky-menu.active .cdz-header-cart .cart-icon .cart-label { display: none !important; } .header .sticky-menu.active .cdz-header-cart .cart-icon .cart-qty { top: 0; right: 0; left: auto; background-color: #fc7070; color: #fff; } .header .sticky-menu.active .cdz-header-cart .cart-icon .cart-subtotal { display: none; } .header .sticky-menu.active .cdz-header-cart .cdz-dropdown-content { margin: 0; } .header .sticky-menu.active .block-search { position: absolute; right: 50px; top: 0; width: 40px; } .header .sticky-menu.active .block-search:hover { width: 250px; } .header .sticky-menu.active .block-search .form-search .cat-input { display: none; } .header .sticky-menu.active .block-search .form-search input[type="text"] { width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-width: 0; float: right; padding: 0 10px; margin: 0; } .cdz-rtl .header .sticky-menu.active .block-search .form-search input[type="text"] { float: left; } .header .sticky-menu.active .block-search .form-search .button:before { color: white; } .header .sticky-menu.active .block-search .form-search:hover input[type="text"] { width: 100%; border-left-width: 1px; } .header .sticky-menu.active .block-search .form-search:hover .button:before { color: white; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /* ============================================ */ [class*='cdz-menu-icon-']:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f108"; font-size: 14px; margin-right: 10px; min-width: 15px; } .cdz-menu-icon-1:before { content: "\f1b9"; } .cdz-menu-icon-2:before { content: "\f108"; } .cdz-menu-icon-3:before { content: "\f030"; } .cdz-menu-icon-4:before { content: "\f03d"; } .cdz-menu-icon-5:before { content: "\f19c"; } .cdz-menu-icon-6:before { content: "\f06c"; } .cdz-menu-icon-7:before { content: "\f0e4"; } .cdz-menu-icon-8:before { content: "\f000"; } .cdz-menu-icon-9:before { content: "\f02c"; } /* ============================================ */ .header-main-menu .nav-sections { float: left; clear: both; } .header-main-menu .block-static-block.widget { float: left; margin-bottom: 0; } .cdz-main-menu ul, .cdz-main-menu ul ul { margin: 0; padding: 0; list-style: none none; } .cdz-main-menu .groupmenu { margin: 0; padding: 0; list-style: none none; } .cdz-main-menu .groupmenu li { margin: 0; } .cdz-main-menu .groupmenu li.level0 { position: relative; display: inline-block; float: left; } .cdz-main-menu .groupmenu li.level0 > .dropdown-toggle { display: none; } .cdz-main-menu .groupmenu li.level0 > a.menu-link { text-transform: uppercase; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; vertical-align: top; padding: 12px 20px; box-sizing: border-box; border-width: 0px; border-style: solid; text-decoration: none; } .cdz-main-menu .groupmenu li.level0:hover > a.menu-link { cursor: pointer; color: white; background-color: #525252; border-color: #282828; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu.default-menu .groupmenu-drop .groupmenu-drop-content { width: 200px; } .cdz-main-menu.default-menu .groupmenu-drop .groupmenu-drop-content li { margin: 5px 0; } .cdz-main-menu.default-menu .groupmenu-drop .groupmenu-drop-content li.parent { position: relative; } .cdz-main-menu.default-menu .groupmenu-drop .groupmenu-drop-content li.parent:hover > .groupmenu-drop { visibility: visible; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; top: -30px; left: 100%; padding: 5px 10px; } .cdz-main-menu .groupmenu-drop { z-index: 99; background-color: white; box-shadow: 0 1px 3px #e1e1e1; -moz-box-shadow: 0 1px 3px #e1e1e1; -webkit-box-shadow: 0 1px 3px #e1e1e1; -o-box-shadow: 0 1px 3px #e1e1e1; -ms-box-shadow: 0 1px 3px #e1e1e1; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content { color: #282828; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-title { text-transform: uppercase; color: #282828; font-weight: 700; margin-bottom: 0; padding: 0 0 10px; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content a { color: #282828; text-decoration: none; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content a:visited { color: #282828; text-decoration: none; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content a:hover, .cdz-main-menu .groupmenu-drop .groupmenu-drop-content a:visited { color: #fc7070; text-decoration: none; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-link li { margin: 0; padding: 6px 0; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-link li a { position: relative; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-link li a:before { content: ""; position: absolute; width: 0px; height: 1px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; left: 0; top: 7px; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-link li a:hover { padding-left: 15px; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-link li a:hover:before { width: 10px; background-color: #fc7070; } /* ============================================ */ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .groupmenu-drop-content.groupmenu-1 { width: 124.66666667px; } .groupmenu-drop-content.groupmenu-2 { width: 249.33333333px; } .groupmenu-drop-content.groupmenu-3 { width: 374px; } .groupmenu-drop-content.groupmenu-4 { width: 498.66666667px; } .groupmenu-drop-content.groupmenu-5 { width: 623.33333333px; } .groupmenu-drop-content.groupmenu-6 { width: 748px; } @media all and (min-width: 1440px), print { .groupmenu-drop-content.groupmenu-1 { width: 196.66666667px; } .groupmenu-drop-content.groupmenu-2 { width: 393.33333333px; } .groupmenu-drop-content.groupmenu-3 { width: 590px; } .groupmenu-drop-content.groupmenu-4 { width: 786.66666667px; } .groupmenu-drop-content.groupmenu-5 { width: 983.33333333px; } .groupmenu-drop-content.groupmenu-6 { width: 1180px; } .cdz-brand-slider-wrap .cdz-slider-banners.owl-carousel .owl-nav [class*='owl-'] { left: -15px; } .cdz-brand-slider-wrap .cdz-slider-banners.owl-carousel .owl-nav [class*='owl-'].owl-next { right: -15px; } .sidebar .product-items .product-item-info .product-item-photo { float: none; margin: 0; position: absolute; left: 0; top: 0; } .sidebar .product-items .product-item-details { margin-left: 85px; } } @media (max-width: 767px) { .groupmenu-drop-content.groupmenu-1, .groupmenu-drop-content.groupmenu-2, .groupmenu-drop-content.groupmenu-3, .groupmenu-drop-content.groupmenu-4, .groupmenu-drop-content.groupmenu-5, .groupmenu-drop-content.groupmenu-6 { width: auto; } } /*Sticky menu-----*/ /*Custom RTL*/ .cdz-rtl .cdz-main-menu .groupmenu li.level0 { float: right; } .cdz-rtl .header .sticky-menu.active .cdz-header-cart { left: 0; right: auto; } .cdz-rtl .header .sticky-menu.active .block-search { left: 60px; right: auto; } .cdz-rtl .cdz-main-menu .groupmenu-drop-content .groupdrop-banner-pos img { float: left; } /*Custom menu icon*/ .cdz-main-menu.menu-main-icon .groupmenu li.level0 > a.menu-link, .menu-content-icon .groupmenu li.level0 > a.menu-link { border: 1px solid; padding: 5px 20px; width: 119px; min-height: 84px; margin-right: -1px; margin-bottom: -1px; text-align: center; text-transform: none; -webkit-transition: background 500ms ease, border-color 500ms ease, color 500ms ease; -moz-transition: background 500ms ease, border-color 500ms ease, color 500ms ease; transition: background 500ms ease, border-color 500ms ease, color 500ms ease; } .cdz-main-menu.menu-main-icon .groupmenu li.level0 > a.menu-link .menu-icon, .menu-content-icon .groupmenu li.level0 > a.menu-link .menu-icon { display: block; text-align: center; margin: 0 0 5px; } .cdz-main-menu.menu-main-icon .groupmenu li.level0 > a.menu-link .menu-icon img, .menu-content-icon .groupmenu li.level0 > a.menu-link .menu-icon img { max-width: 30px; max-height: 30px; margin: 0 auto; } .cdz-main-menu.menu-main-icon .groupmenu li.level0 > .groupmenu-drop, .menu-content-icon .groupmenu li.level0 > .groupmenu-drop { top: 100%; } .cdz-main-menu.menu-main-icon .groupmenu li.level0.parent:hover:after, .menu-content-icon .groupmenu li.level0.parent:hover:after { display: none; } .cdz-main-menu.menu-main-icon.sticky-menu.active .cdz-main-menu.top-menu-link, .menu-content-icon.sticky-menu.active .cdz-main-menu.top-menu-link { display: none; } .cdz-main-menu.menu-main-icon.sticky-menu.active .header.content .header.content, .menu-content-icon.sticky-menu.active .header.content .header.content { display: none; } .cdz-main-menu.menu-main-icon.sticky-menu.active .cdz-main-menu.menu-main-icon, .menu-content-icon.sticky-menu.active .cdz-main-menu.menu-main-icon { margin-top: 10px; margin-bottom: 10px; } .cdz-main-menu.menu-main-icon.sticky-menu.active .cdz-main-menu.menu-main-icon .cdz-horizontal-menu, .menu-content-icon.sticky-menu.active .cdz-main-menu.menu-main-icon .cdz-horizontal-menu { padding-right: 100px; } .rtl-layout .cdz-main-menu.menu-main-icon.sticky-menu.active .cdz-main-menu.menu-main-icon .cdz-horizontal-menu, .rtl-layout .menu-content-icon.sticky-menu.active .cdz-main-menu.menu-main-icon .cdz-horizontal-menu { padding-right: 0px; padding-left: 100px; } .cdz-main-menu.menu-main-icon.sticky-menu.active .cdz-main-menu.menu-main-icon .groupmenu li.level0 > a.menu-link, .menu-content-icon.sticky-menu.active .cdz-main-menu.menu-main-icon .groupmenu li.level0 > a.menu-link { border: 2px solid transparent; min-height: 1px; margin: 0; width: auto; padding: 6px 7px; } .cdz-main-menu.menu-main-icon.sticky-menu.active .cdz-main-menu.menu-main-icon .groupmenu li.level0 > a.menu-link .menu-icon, .menu-content-icon.sticky-menu.active .cdz-main-menu.menu-main-icon .groupmenu li.level0 > a.menu-link .menu-icon { display: none; } .cdz-main-menu.menu-main-icon.sticky-menu.active .cdz-main-menu.menu-main-icon .groupmenu li.level0 > .groupmenu-drop, .menu-content-icon.sticky-menu.active .cdz-main-menu.menu-main-icon .groupmenu li.level0 > .groupmenu-drop { top: 32px; } .menu-content-icon .groupmenu li.item { margin-top: 0; margin-bottom: 0; position: relative; display: inline-block; vertical-align: top; } .menu-content-icon .groupmenu li.item > a.menu-link { display: inline-block; } @media (min-width: 991px) and (max-width: 1200px) { .cdz-main-menu.menu-main-icon .groupmenu li.level0 > a.menu-link, .menu-content-icon .groupmenu li.level0 > a.menu-link { padding: 5px 10px; width: 111px; } } @media (max-width: 991px) and (min-width: 768px) { .cdz-main-menu.menu-main-icon .groupmenu li.level0 > a.menu-link, .menu-content-icon .groupmenu li.level0 > a.menu-link { padding: 5px 5px; width: 93px; } } .menu-vertical-title { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 8px 10px 8px 20px; margin-bottom: -2px; position: relative; z-index: 3; } .menu-vertical-title h3 { margin: 0; padding: 0; } .menu-vertical-title h3:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f03a"; font-size: 17px; margin-right: 10px; line-height: 18px; } .menu-vertical { position: relative; z-index: 2; } .menu-vertical .cdz-nav-wrap { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .menu-vertical .cdz-nav-wrap [class*='vertical-level'] .dropdown-toggle { display: none !important; } .menu-vertical .cdz-nav-wrap li.first.vertical-level1 a.menu-link { -moz-border-radius: 5px 0.5px 0 0; -webkit-border-radius: 5px 0.5px 0 0; border-radius: 5px 0.5px 0 0; } .menu-vertical .cdz-nav-wrap li.last.vertical-level1 a { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .menu-vertical .cdz-nav-wrap li.vertical-level1:hover a.menu-link { margin: 0 -1px; } .menu-vertical .cdz-nav-wrap li.first.vertical-level1:hover a.menu-link { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .menu-vertical .cdz-nav-wrap .parent { position: relative; } .menu-vertical .cdz-nav-wrap [class*='vertical-level'] a.menu-link { padding: 12px 17px; line-height: 17px; display: block; } .menu-vertical .cdz-nav-wrap [class*='vertical-level'] .cdz-sub-cat { right: 0; min-width: 100%; position: absolute; top: 0; left: 100%; margin: 0; display: none; padding: 0; -moz-border-radius: 0px 5px 5px 0; -webkit-border-radius: 0px 5px 5px 0; border-radius: 0px 5px 5px 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); border-bottom: 0; } .cdz-rtl .menu-vertical .cdz-nav-wrap [class*='vertical-level'] .cdz-sub-cat { right: auto; left: -100%; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .menu-vertical-right .menu-vertical .cdz-nav-wrap [class*='vertical-level'] .cdz-sub-cat { right: auto; left: -100%; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .menu-vertical .cdz-nav-wrap [class*='vertical-level'] .cdz-sub-cat li [class*='vertical-level'] { display: block; position: relative; } .menu-vertical .cdz-nav-wrap [class*='vertical-level'] .cdz-sub-cat li.parent:after { top: 7px; } .menu-vertical .cdz-nav-wrap .parent:hover > .cdz-sub-cat { display: block; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .menu-vertical .cdz-nav-wrap .parent:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; font-size: 12px; text-align: right; position: absolute; right: 10px; top: 15px; } .menu-vertical-right .menu-vertical .cdz-nav-wrap .parent:after { content: "\f053"; } .menu-vertical .cdz-nav-wrap .parent .parent .cdz-sub-cat { top: -5px; } .menu-vertical .cdz-nav-wrap .view-all a { padding: 12px 17px; line-height: 17px; display: block; } .menu-vertical .cdz-nav-wrap .view-all a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f196"; font-size: 17px; float: right; } @media (max-width: 991px) { .menu-vertical-title h3 { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .menu-vertical-title h3:before { display: none; } .menu-vertical .cdz-nav-wrap [class*='vertical-level'] a.menu-link { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; padding: 10px 17px; } .menu-vertical .cdz-nav-wrap li.view-all a { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .menu-vertical .cdz-nav-wrap li.view-all a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f196"; font-size: 12px; } } /*menu vertical style home Sportwear*/ .menu-vertical-style02 .nav.nav-tabs { border: none; } .menu-vertical-style02 .nav.nav-tabs .nav-tab-item { margin: 0; float: left; width: 50%; } .menu-vertical-style02 .nav.nav-tabs .nav-tab-item .switch { padding: 15px 10px !important; height: auto; margin: 0; border: none !important; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-weight: 700; } .menu-vertical-style02 .nav-tab-content { padding: 1px 0 0; } .menu-vertical-style02 .nav-tab-content .cdz-nav-wrap li.vertical-level1 a.vertical-level1 { padding: 11px 17px; } /*Sub page*/ .menu-vertical-subpage { position: relative; z-index: 1; } .menu-vertical-subpage .menu-vertical-title { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; } .menu-vertical-subpage .menu-vertical-title h3:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; font-size: 23px; float: right; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .menu-vertical-subpage .space-base { margin: 0; } .menu-vertical-subpage .menu-vertical-dropdown .menu-vertical-content { position: absolute; display: none; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .menu-vertical-subpage .menu-vertical-dropdown.dd-open .menu-vertical-content { position: absolute; } .menu-vertical-subpage .menu-vertical-dropdown.dd-open .menu-vertical-title { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .menu-vertical-subpage .menu-vertical-dropdown.dd-open .menu-vertical-title h3:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-size: 23px; } .menu-breadcrumbs .breadcrumbs { background: #f9f9f9; display: block; border: 0; padding: 10px 10px 0 30px; height: 35px; -moz-border-radius: 0 5px 5px 0px; -webkit-border-radius: 0 5px 5px 0px; border-radius: 0 5px 5px 0px; margin: 0 0 0 -30px; } /*=================== RTL ==================*/ .cdz-rtl .menu-vertical .cdz-nav-wrap .parent:after { left: 10px; right: auto; content: "\f053"; } .cdz-rtl .menu-vertical .cdz-nav-wrap .view-all a:before { float: left; } .cdz-rtl .menu-vertical-title h3:before { float: left; } /* ============================================ * * Content * ============================================ */ /*three block*/ /*Background parallax*/ .groupbanner-text { position: relative; } .groupbanner-text .banner-border img { width: 100%; } .groupbanner-text .groupinfo { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 20px; z-index: 2; } .groupbanner-text .groupinfo .groupinfo-inner { display: table; width: 100%; height: 100%; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc { display: table-cell; vertical-align: middle; color: #ffffff; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .grifo-title { padding: 10px 0; color: #fff; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .text-link { color: #ffffff; text-decoration: none; margin-top: 30px; display: inline-block; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .text-link:visited { color: #ffffff; text-decoration: none; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .text-link:hover { color: #ffffff; text-decoration: none; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .text-link:active { color: #ffffff; text-decoration: none; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .text-link:hover { text-decoration: underline; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .text-link span:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f105'; font-size: 14px; padding-left: 5px; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .action.primary { color: #ffffff; background-color: transparent; border-color: #ffffff; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .action.primary:hover { color: #282828; background-color: #ffffff; border-color: #282828; } .wrapper-ads02 { color: #ffffff; border-top: 3px solid #e1e1e1; padding: 60px 0; } .wrapper-ads02 .cdz-item-types { display: inline-block; width: 100%; text-align: center; } .wrapper-ads02 ul.items { padding-bottom: 30px; display: inline-block; } .wrapper-ads02 ul.items li { float: left; margin: 0 5px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wrapper-ads02 ul.items li:hover { -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); } .wrapper-ads02 .statement { padding-bottom: 30px; } .wrapper-ads02 .statement p { margin-bottom: 0; } .wrapper-ads02 .newsletter-style02 .block.newsletter input[type="email"] { background-color: transparent; } .wrapper-ads02 .newsletter-style02 .block.newsletter .action.subscribe { width: auto; min-width: 200px; } .wrapper-ads02 .action.primary { padding: 10px 30px; } /* ============================================ * * Codazon_Banner_Effect * ============================================ */ /*Zoom Banner*/ .eff-zoombanner { overflow: hidden; position: relative; } .eff-zoombanner .banner-zoom img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .eff-zoombanner:hover .banner-zoom img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); } /*Banner Border*/ .banner-border { position: relative; display: inline-block; overflow: hidden; float: left; width: 100%; } .banner-border:before, .banner-border:after { content: ""; position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; opacity: 0; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; z-index: 1; } .banner-border:before { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); top: 30px; right: 15px; bottom: 30px; left: 15px; } .banner-border:after { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); top: 15px; right: 30px; bottom: 15px; left: 30px; } .banner-border:hover:before, .banner-border:hover:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .banner-border img { -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .banner-border:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); opacity: 0.8; } .banner-border.style2:after { border-left: 5px solid #ffffff; border-right: 5px solid #ffffff; } .banner-border.style2:before { border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; } .main-instagram .photo-item .photo-item-link { position: relative; display: block; } .main-instagram .photo-item .photo-item-link:before { background: rgba(15, 14, 14, 0.28); content: ""; top: 0; position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; opacity: 0 !important; filter: alpha(opacity=0 !important) !important; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .main-instagram .photo-item .photo-item-link:after { content: ""; top: 0; position: absolute; text-align: center; color: #fff; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f16d"; font-size: 34px; width: 30px; height: 30px; z-index: 1; top: 47%; top: calc((100% - 30px)/2); -webkit-top: calc((100% - 30px)/2); -o-top: calc((100% - 30px)/2); -moz-top: calc((100% - 30px)/2); left: 47%; left: calc((100% - 30px)/2); -webkit-left: calc((100% - 30px)/2); -o-left: calc((100% - 30px)/2); -moz-left: calc((100% - 30px)/2); opacity: 0 !important; filter: alpha(opacity=0 !important) !important; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .main-instagram .photo-item .photo-item-link:hover:after, .main-instagram .photo-item .photo-item-link:hover:before { opacity: 1 !important; filter: alpha(opacity=100 !important) !important; } /* ============================================ * * Codazon_BlockSidebar * ============================================ */ .cdz-block-title { text-align: center; margin-bottom: 20px; } .cdz-block-title .b-title { padding: 0 30px 15px; display: inline-block; vertical-align: top; position: relative; min-width: 310px; text-transform: uppercase !important; font-weight: 400; border-bottom: 1px solid; } .cdz-block-title .b-title strong { font-size: 100%; } .cdz-block-title .b-title:before { position: absolute; bottom: -11px; width: 40px; height: 20px; line-height: 20px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f219'; font-size: 14px; left: 40%; left: calc(50% - 20px); -webkit-left: calc(50% - 20px); -o-left: calc(50% - 20px); -moz-left: calc(50% - 20px); } /*Block Sidebar*/ .block:not(.block-static-block) { margin-bottom: 2rem; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; } .block:not(.block-static-block) .block-collapsible-nav-title, .block:not(.block-static-block) .block-title { background-color: transparent; text-transform: uppercase; position: relative; padding: 0; margin-bottom: 0; min-width: 100%; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border-bottom: 1px solid; } .block-title { border-top: 0; } .block:not(.block-static-block) .block-collapsible-nav-title:before, .block:not(.block-static-block) .block-title:before { display: none; } .block:not(.block-static-block) .block-collapsible-nav-title strong, .block:not(.block-static-block) .block-title strong { border: 0; padding-bottom: 10px; margin-bottom: 0; display: inline-block; vertical-align: top; } .block:not(.block-static-block) .block-content { padding: 15px 0; text-align: left; clear: left; } .block:not(.block-static-block) .block-content .empty { padding: 0; } .block:not(.block-static-block) .block-content.filter-content { padding-top: 0; } .block:not(.block-static-block) .empty { padding: 15px 0 0; } .block.review-add .block-content { padding-top: 0 !important; } .sidebar .block-currency select { width: 100%; } .sidebar .block-banner .block-content { padding: 0; } .sidebar .block:not(.block-static-block) .block-content { padding-bottom: 0; } .sidebar .block .actions .button { padding: 3px 5px; } .sidebar .block dl { margin: 0; } /*Box Style Home Sport*/ .box-style01 { margin-bottom: 20px; /*.box-content{overflow:hidden;}*/ /*RTL*/ } .box-style01 .cdz-block-title { padding: 20px 20px 7px; margin-bottom: -1px; border-bottom-width: 1px; border-bottom-style: solid; text-align: inherit; display: inline-block; width: 100%; } .box-style01 .cdz-block-title .h2 { font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .box-style01 .cdz-block-title a.view-all { text-transform: lowercase; font-style: italic; font-size: 70%; float: right; margin-top: 3px; margin-right: -15px; } .box-style01 .cdz-block-title a.view-all:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f178"; font-size: 14px; margin: 0 15px; } .box-style01 .codazon-filter { padding: 0; } .box-style01 .products-grid { border-left: 1px solid; } .box-style01 .products-grid .owl-carousel { margin: 0; } .box-style01 .products-grid .owl-carousel .owl-stage-outer { clear: both; } .box-style01 .products-grid .product-item { padding: 0 !important; margin: 0 0 -1px; } .box-style01 .products-grid .product-item .product-item-info { border: 1px solid; border-left: none; } .box-style01 .products-grid:after { display: none; } .box-style01 .products-list .product-item-info { padding: 0 10px; } .box-style01 .products-list .cdz-buttons-container button.btn-cart { width: auto; height: auto; padding: 7px 10px 4px; } .box-style01 .products-list .cdz-buttons-container button.btn-cart:before { display: none; } .box-style01 .mobile-nav-tab-dropdown { margin: 0 0 -1px; } .box-style01 .nav.nav-tabs { text-align: inherit; margin: 0 0 -1px; } .box-style01 .nav.nav-tabs .nav-tab-item .switch { height: 60px; padding: 19px 20px; text-transform: uppercase; border: none !important; } .box-style01 .nav-tab-content { padding: 0; } .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content { padding: 20px; } .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content .cdz-blog-bottom { padding: 20px 0; } .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content .owl-carousel .owl-stage-outer { padding: 0; } .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content .owl-theme.owl-carousel .owl-nav { position: static; left: auto; width: auto; top: auto; } .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content .owl-theme .owl-nav [class*=owl-] { width: 30px; height: 30px; top: -65px; position: absolute; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 4px 7px; margin: 0; } .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content .owl-theme .owl-nav [class*=owl-].owl-next { right: 0px; left: auto; } .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content .owl-theme .owl-nav [class*=owl-].owl-next:before { content: "\f178"; line-height: 21px; font-size: 14px; } .cdz-rtl .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content .owl-theme .owl-nav [class*=owl-].owl-next { left: 35px; right: auto; } .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content .owl-theme .owl-nav [class*=owl-].owl-prev { right: 40px; left: auto; } .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content .owl-theme .owl-nav [class*=owl-].owl-prev:before { content: "\f177"; line-height: 21px; font-size: 14px; } .cdz-rtl .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content .owl-theme .owl-nav [class*=owl-].owl-prev { left: -5px; right: auto; } .cdz-rtl .box-style01 .cdz-block-title a.view-all { float: left; margin-left: -15px; margin-right: 0; } @media (min-width: 767px) { .box-style01:not(.product-style02) .owl-nav [class*='owl-'], .box-style01:not(.product-style02) .owl-theme .owl-nav [class*=owl-] { width: 30px; height: 30px; top: -45px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .box-style01:not(.product-style02) .owl-nav [class*='owl-'].owl-next, .box-style01:not(.product-style02) .owl-theme .owl-nav [class*=owl-].owl-next { right: 10px; } .box-style01:not(.product-style02) .owl-nav [class*='owl-'].owl-next:before, .box-style01:not(.product-style02) .owl-theme .owl-nav [class*=owl-].owl-next:before { content: "\f178"; line-height: 21px; font-size: 14px; } .cdz-rtl .box-style01:not(.product-style02) .owl-nav [class*='owl-'].owl-next, .cdz-rtl .box-style01:not(.product-style02) .owl-theme .owl-nav [class*=owl-].owl-next { left: 50px; right: auto; } .box-style01:not(.product-style02) .owl-nav [class*='owl-'].owl-prev, .box-style01:not(.product-style02) .owl-theme .owl-nav [class*=owl-].owl-prev { right: 50px; left: auto; } .box-style01:not(.product-style02) .owl-nav [class*='owl-'].owl-prev:before, .box-style01:not(.product-style02) .owl-theme .owl-nav [class*=owl-].owl-prev:before { content: "\f177"; line-height: 21px; font-size: 14px; } .cdz-rtl .box-style01:not(.product-style02) .owl-nav [class*='owl-'].owl-prev, .cdz-rtl .box-style01:not(.product-style02) .owl-theme .owl-nav [class*=owl-].owl-prev { left: 10px; right: auto; } } /*Product style 02 - Product name fixed left & price fixed right*/ @media (min-width: 767px) { .product-style02 .products-grid .product-item-info { text-align: inherit; } .product-style02 .products-grid .product-item-info .product-name-price { position: relative; } .product-style02 .products-grid .product-item-info .product-name-price .product-name { padding-right: 100px; } .product-style02 .products-grid .product-item-info .product-name-price .price-box { position: absolute; right: 0px; top: 0px; margin: 0; width: 95px; text-align: right; } } /*Style Home Outdoor*/ .line-style01 .cdz-block-title { text-align: inherit; border-bottom-width: 2px; border-bottom-style: solid; } .line-style01 .cdz-block-title .b-title { padding: 10px 20px; min-width: 1px; border: 1px solid; margin-bottom: -2px; } .line-style01 .cdz-block-title .b-title:before { display: none; } .line-style01 .nav-tabs { border-bottom-width: 2px !important; text-align: inherit; } .line-style01 .nav-tabs .nav-tab-item .switch { text-transform: uppercase; border-radius: 0; height: 45px; padding: 12px 10px; margin-bottom: -2px; } .line-style01 .products-grid .item { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } /*Box Style Home BigMarket*/ .box-style02 { border-width: 1px; border-style: solid; /*RTL*/ } .box-style02 .cdz-block-title { padding: 20px 20px 7px; margin-bottom: 0px; border-bottom-width: 1px; border-bottom-style: solid; text-align: inherit; display: inline-block; width: 100%; } .box-style02 .cdz-block-title .h2 { font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .box-style02 .cdz-block-title a.view-all { text-transform: lowercase; font-style: italic; font-size: 70%; float: right; margin-top: 3px; margin-right: -15px; } .box-style02 .cdz-block-title a.view-all:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f178"; font-size: 14px; margin: 0 15px; } .box-style02 .codazon-filter { padding: 0; } .box-style02 .box-content { padding: 20px 10px 0; } .box-style02 .products-grid .item:not(.owl-carousel) { margin: 0; padding: 0; } .box-style02 .products-grid .item:not(.owl-carousel) .cdz-hover-section { margin: 0px 16px; } .box-style02 .products-grid .product-item-info .product-item-details { padding: 10px; } .box-style02 .products-grid .owl-carousel { margin: 0; } .box-style02 .products-grid .owl-carousel .owl-stage-outer { clear: both; } .box-style02 .products-grid .owl-nav [class*='owl-'], .box-style02 .products-grid .owl-theme .owl-nav [class*=owl-] { width: 37px; height: 37px; top: -69px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .box-style02 .products-grid .owl-nav [class*='owl-'].owl-next, .box-style02 .products-grid .owl-theme .owl-nav [class*=owl-].owl-next { right: 10px; } .box-style02 .products-grid .owl-nav [class*='owl-'].owl-next:before, .box-style02 .products-grid .owl-theme .owl-nav [class*=owl-].owl-next:before { line-height: 25px; } .cdz-rtl .box-style02 .products-grid .owl-nav [class*='owl-'].owl-next, .cdz-rtl .box-style02 .products-grid .owl-theme .owl-nav [class*=owl-].owl-next { left: 57px; right: auto; } .box-style02 .products-grid .owl-nav [class*='owl-'].owl-prev, .box-style02 .products-grid .owl-theme .owl-nav [class*=owl-].owl-prev { right: 57px; left: auto; } .box-style02 .products-grid .owl-nav [class*='owl-'].owl-prev:before, .box-style02 .products-grid .owl-theme .owl-nav [class*=owl-].owl-prev:before { line-height: 25px; } .cdz-rtl .box-style02 .products-grid .owl-nav [class*='owl-'].owl-prev, .cdz-rtl .box-style02 .products-grid .owl-theme .owl-nav [class*=owl-].owl-prev { left: 10px; right: auto; } .box-style02 .products-grid .product-item { margin: 0 0 -1px; } .box-style02 .products-grid:after { display: none; } .cdz-rtl .box-style02 .cdz-block-title a.view-all { float: left; margin-left: -15px; margin-right: 0; } .box-style03 .block-title { padding: 0; margin: 0 0 15px; } .box-style03 .block-title .h2 { margin: 0; } .box-style03 .box-cate-link { margin-top: 3px; } .box-style03 .box-cate-link .item { float: right; margin-left: 50px; } .cdz-rtl .box-style03 .box-cate-link .item { margin-left: 0px; margin-right: 50px; } .box-style03 .box-cate-link .item a { padding-left: 15px; position: relative; font-size: 115%; } .cdz-rtl .box-style03 .box-cate-link .item a { padding-left: 0px; padding-right: 15px; } .box-style03 .box-cate-link .item a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f111"; font-size: 6px; position: absolute; left: 0px; top: 9px; } .cdz-rtl .box-style03 .box-cate-link .item a:before { left: auto; right: 0px; } .box-style03.box-style03-01 .block-title .h2 { color: #e040fc; } .box-style03.box-style03-01 .box-cate-products { border: 1px solid #e040fc; } .box-style03.box-style03-01 .box-cate-products:before { background: url(../images/bkg-line.png) 0 0 repeat-x transparent; } .box-style03.box-style03-02 .block-title .h2 { color: #fbb33b; } .box-style03.box-style03-02 .box-cate-products { border: 1px solid #fbb33b; } .box-style03.box-style03-02 .box-cate-products:before { background: #fbb33b; } .box-style03.box-style03-03 .block-title .h2 { color: #c20000; } .box-style03.box-style03-03 .box-cate-products { border: 1px solid #c20000; } .box-style03.box-style03-03 .box-cate-products:before { background: #c20000; } .box-style03 .box-cate-products { position: relative; border: 1px solid #fbb33b; } .box-style03 .box-cate-products:before { content: ''; position: absolute; top: -5px; left: -1px; right: -1px; background: #fbb33b; height: 5px; } .box-style03 .box-cate-products .codazon-filter { padding: 0; } .box-style03 .box-cate-products .owl-carousel .owl-stage { margin-left: -1px; } .box-style03 .box-cate-products .products-grid .item-group { overflow: hidden; border-left: 1px solid; } .cdz-rtl .box-style03 .box-cate-products .products-grid .item-group { border-left-width: 0px; border-right-width: 1px; border-right-style: solid; } .box-style03 .box-cate-products .products-grid .item-group .item { margin: 0; padding: 10px; } .box-style03 .box-cate-products .products-grid .item-group .item:first-child { border-bottom: 1px solid; } .box-style03 .box-cate-products .products-grid .item-group .item .product-item-info .product-item-details { padding: 10px 10px 0; } .box-style03 .box-cate-products .products-grid .item-group .item .product-item-info .cdz-hover-section { margin: 0px 16px; } .box-style04 { border-width: 1px; border-style: solid; } .box-style04 .cdz-block-title { padding: 15px 20px; margin-bottom: 0px; text-align: inherit; display: inline-block; width: 100%; } .box-style04 .cdz-block-title .h2 { margin: 0; font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .box-style04 .box-right .cdz-block-title { border-bottom-width: 2px; border-bottom-style: solid; padding: 12px 0px 7px; margin: 0 10px 5px; width: calc(100% - 20px); } .box-style04 .box-right .cdz-block-title .h2 { font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .box-style04 .box-cate-link { overflow: hidden; } .box-style04 .box-cate-link .item { position: relative; width: 50%; float: left; margin-bottom: 0; padding: 15px 10px; text-align: center; } .box-style04 .box-cate-link .item img { display: inline-block; vertical-align: top; margin-bottom: 11px; } .box-style04 .box-cate-link .item span { display: block; clear: both; } .box-style04 .box-cate-link .item:after { content: ''; width: 1px; height: 100%; left: -1px; position: absolute; top: 0; z-index: 1; background: #e1e1e1; } .box-style04 .box-cate-link .item:before { content: ''; width: 100%; height: 1px; left: 0; position: absolute; bottom: -1px; z-index: 1; background: #e1e1e1; } .box-style04 .codazon-filter { padding: 0; } .box-style04 .owl-carousel .owl-stage { margin-left: -1px; } .box-style04 .box-products .products-grid .item-group { overflow: hidden; border-left: 1px solid; } .cdz-rtl .box-style04 .box-products .products-grid .item-group { border-left-width: 0px; border-right-width: 1px; border-right-style: solid; } .box-style04 .box-products .products-grid .item-group .item { margin: 0; padding: 10px; } .box-style04 .box-products .products-grid .item-group .item:first-child { border-bottom: 1px solid; } .box-style04 .box-products .products-grid .item-group .item .product-item-info .product-item-details { padding: 10px 10px 0; } .box-style04 .box-products .products-grid .item-group .item .product-item-info .cdz-hover-section { margin: 0px 16px; } .box-style04 .products-list { margin: 0; } .box-style04.box-style04-02 .cdz-block-title { border-color: #2962ff; color: #2962ff; } .box-style04.box-style04-02 .box-left .cdz-block-title { background: #2962ff; color: #fff; } .product-list-style02 .products-list .item { border-top: 1px solid; margin: 0; } .product-list-style02 .products-list .item:first-child { border-top: none; } .product-list-style02 .products-list .item .product-item-info .qs-button { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); z-index: 2; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 34px !important; height: 34px !important; top: calc(50% - 16px) !important; -webkit-top: calc(50% - 16px) !important; -o-top: calc(50% - 16px) !important; -moz-top: calc(50% - 16px) !important; right: auto !important; left: 50%; left: calc(50% - 16px) !important; -webkit-left: calc(50% - 16px) !important; -o-left: calc(50% - 16px) !important; -moz-left: calc(50% - 16px) !important; text-align: center; position: absolute; } .product-list-style02 .products-list .item .product-item-info .qs-button:before { content: "\f06e" !important; line-height: 34px !important; } .product-list-style02 .products-list .item .product-item-info:hover .qs-button { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .product-list-style02 .products-list .item .cdz-product-left { float: left; margin-right: 20px; } .product-list-style02 .products-list .item .cdz-product-left .product-image { border: 1px solid; } .product-list-style02 .products-list .item .cdz-product-right { overflow: hidden; position: relative; } .product-list-style02 .products-list .item .cdz-product-right .product-name a { font-size: 12px; } .product-list-style02 .products-list .item .cdz-product-right .old-price { margin-left: 0; } .product-list-style02 .products-list .item .cdz-product-right .cdz-product-bottom { position: absolute; left: 0; bottom: 0; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-list-style02 .products-list .item .cdz-product-right .cdz-product-bottom .cart-wrapper { margin: 0; } .product-list-style02 .products-list .item:hover .cdz-product-right .cdz-product-bottom { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .product-list-style02 .box .cdz-block-title { text-align: inherit; } .product-list-style02 .box .cdz-products-list { border: 1px solid; } .product-list-style02 .box .cdz-products-list .codazon-filter { padding: 0; } .product-list-style02 .box .cdz-products-list .products-list { margin: 0; } /*WeStyle Fashion*/ .cdz-block-title-style02 .cdz-block-title .b-title { margin-bottom: 0; padding: 0 0 10px; display: inline-block; vertical-align: top; position: relative; text-transform: uppercase; border-bottom-width: 0px; } .cdz-block-title-style02 .cdz-block-title .b-title:before { display: none; } .cdz-block-title-style02 .cdz-block-title.no-space { margin-bottom: 0; } .cdz-block-title-style02 .cdz-block-title.no-space .b-title { padding-bottom: 18px; } .cdz-block-title-style02 .cdz-block-title .view-all { font-size: 100%; text-transform: lowercase; font-style: italic; } .cdz-block-title-style02 .cdz-block-title .view-all:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f178'; font-size: 12px; margin-left: 5px; } .cdz-block-title-style02 .cdz-block-content .nav-tabs, .cdz-block-title-style02 .cdz-block-content .nav.nav-tabs { border-bottom: 0; } .cdz-block-title-style02 .cdz-block-content .nav-tabs .nav-tab-item, .cdz-block-title-style02 .cdz-block-content .nav.nav-tabs .nav-tab-item { margin: 0 15px 20px; } .cdz-block-title-style02 .cdz-block-content .nav-tabs .nav-tab-item.active .switch:before, .cdz-block-title-style02 .cdz-block-content .nav.nav-tabs .nav-tab-item.active .switch:before { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .cdz-block-title-style02 .cdz-block-content .nav-tabs .nav-tab-item .switch, .cdz-block-title-style02 .cdz-block-content .nav.nav-tabs .nav-tab-item .switch { padding: 0 0 10px; border: none; height: auto; } .cdz-block-title-style02 .cdz-block-content .nav-tabs .nav-tab-item .switch:before, .cdz-block-title-style02 .cdz-block-content .nav.nav-tabs .nav-tab-item .switch:before { content: ''; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-block-title-style02 .cdz-block-content .nav-tabs .nav-tab-item .switch:hover:before, .cdz-block-title-style02 .cdz-block-content .nav.nav-tabs .nav-tab-item .switch:hover:before { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } /*Product style 03 - Content fixed left & cart fixed right*/ .product-style03 .products-grid .product-item { margin-left: 0 !important; margin-right: 0 !important; } .product-style03 .products-grid .product-item .product-item-info .product-item-details { padding: 10px 0 0; } .product-style03 .products-grid .product-item .product-item-info .info-details { text-align: left; padding-right: 40px; } .cdz-rtl .product-style03 .products-grid .product-item .product-item-info .info-details { text-align: right; padding-right: 0px; padding-left: 40px; } .product-style03 .products-grid .product-item .product-item-info .addto-hover-container { position: absolute; bottom: 10px; left: 0; text-align: center; width: 100%; padding: 0 30px; z-index: 2; opacity: 0 !important; filter: alpha(opacity=0 !important) !important; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-rtl .product-style03 .products-grid .product-item .product-item-info .addto-hover-container { left: auto; right: 0; } .product-style03 .products-grid .product-item .product-item-info .addto-hover-container .qs-button { width: auto; height: auto; font-size: 100%; min-height: 0; padding: 0px 30px; font-weight: 600; border: none; } .product-style03 .products-grid .product-item .product-item-info .addto-hover-container .qs-button:before { display: none; } .product-style03 .products-grid .product-item .product-item-info:hover .addto-hover-container { opacity: 1 !important; filter: alpha(opacity=100 !important) !important; } .product-style03 .products-grid .product-item .product-item-info:hover .product-item-inner .cdz-buttons-container button.btn-cart { opacity: 1 !important; filter: alpha(opacity=100 !important) !important; } .product-style03 .products-grid .product-item .product-item-info .product-item-inner .cdz-buttons-container button.btn-cart { position: absolute; top: 10px; right: 0px; display: inline-block; opacity: 0 !important; filter: alpha(opacity=0 !important) !important; border-width: 1px; } .product-style03 .products-grid .product-item .product-item-info .product-item-inner .cdz-buttons-container button.btn-cart:before { content: "\f290"; font-size: 16px; line-height: 38px; } .cdz-rtl .product-style03 .products-grid .product-item .product-item-info .product-item-inner .cdz-buttons-container button.btn-cart { left: 0; right: auto; } .product-style03 .owl-nav [class*='owl-'], .product-style03 .owl-theme .owl-nav [class*=owl-] { width: 40px; height: 40px; top: calc(40% - 20px); -webkit-top: calc(40% - 20px); -o-top: calc(40% - 20px); -moz-top: calc(40% - 20px); border-width: 1px; -webkit-border-radius: 0px; -moz-border-radius: 0; border-radius: 0; } .product-style03 .owl-nav [class*='owl-']:before, .product-style03 .owl-theme .owl-nav [class*=owl-]:before { line-height: 30px; } @media (max-width: 767px) { .product-style03 .products-grid .product-item .product-item-info .addto-hover-container .qs-button { padding: 0 10px; } } /*Product style 04 - QS + Cart on image product*/ .product-style04 .products-grid .product-items:not(.owl-carousel) .product-item { width: calc(100% / 3) !important; } .cdz-rtl .product-style04 .products-grid .product-items:not(.owl-carousel) .product-item { float: right; } .product-style04 .products-grid .product-item .product-item-info .cdz-hover-section:hover a.product-image img.alternative-img { opacity: 1 !important; filter: alpha(opacity=100) !important; } .product-style04 .products-grid .product-item .product-item-info .addto-hover-container { position: absolute; top: calc(50% - 20px); -webkit-top: calc(50% - 20px); -o-top: calc(50% - 20px); -moz-top: calc(50% - 20px); left: calc(50% - 20px); -webkit-left: calc(50% - 20px); -o-left: calc(50% - 20px); -moz-left: calc(50% - 20px); -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); z-index: 2; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-rtl .product-style04 .products-grid .product-item .product-item-info .addto-hover-container { left: auto; -webkit-left: auto; -o-left: auto; -moz-left: auto; right: calc(50% - 20px); -webkit-right: calc(50% - 20px); -o-right: calc(50% - 20px); -moz-right: calc(50% - 20px); } .product-style04 .products-grid .product-item .product-item-info .addto-hover-container .actions-secondary { display: inline-block; } .product-style04 .products-grid .product-item .product-item-info .addto-hover-container .addto-button { top: calc(50% - 20px); -webkit-top: calc(50% - 20px); -o-top: calc(50% - 20px); -moz-top: calc(50% - 20px); text-align: center; right: 0; left: 0; position: absolute; } .product-style04 .products-grid .product-item .product-item-info .addto-hover-container .addto-button .tooltip.top { min-width: 90px; } .product-style04 .products-grid .product-item .product-item-info .addto-hover-container .qs-button { border-radius: 100%; } .product-style04 .products-grid .product-item .product-item-info:hover .product-item-inner, .product-style04 .products-grid .product-item .product-item-info:hover .addto-hover-container { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .product-style04 .products-grid .product-item .product-item-info .product-item-inner { position: absolute; bottom: 0; z-index: 3; width: 100%; left: 0; right: 0; -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-style04 .products-grid .product-item .product-item-info .product-item-inner .button.btn-cart { min-width: 150px; margin-top: 10px; width: auto; font-size: 100%; min-height: 0; line-height: 1.35; } .product-style04 .products-grid .product-item .product-item-info .product-item-inner .button.btn-cart:before { display: none; } .product-style04 .ajax-load-wrapper .ajax-load-button a, .product-style04 .ajax-load-wrapper .ajax-load-button .ajax-loader { width: 100px; height: 100px; line-height: 100px; min-width: 100px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding: 0; text-transform: lowercase; border-width: 1px; } .product-style05.product-title-tab-01 { text-align: center; } .product-style05.product-title-tab-01.cdz-block-title-style02 .cdz-block-title { text-align: left; } .cdz-rtl .product-style05.product-title-tab-01.cdz-block-title-style02 .cdz-block-title { text-align: right; } .product-style05 .products-grid .item { box-shadow: 0 2px 5px #e1e1e1; -moz-box-shadow: 0 2px 5px #e1e1e1; -webkit-box-shadow: 0 2px 5px #e1e1e1; -o-box-shadow: 0 2px 5px #e1e1e1; -ms-box-shadow: 0 2px 5px #e1e1e1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .product-style05 .products-grid .item .addto-hover-container { position: absolute; left: 0; bottom: 0; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); width: 100%; z-index: 2; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-rtl .product-style05 .products-grid .item .addto-hover-container { left: auto; right: 0; } .product-style05 .products-grid .item .addto-hover-container .qs-button { border-width: 2px; } .product-style05 .products-grid .item .addto-hover-container .addto-button { bottom: 0; text-align: center; right: 0; left: 0; position: absolute; } .product-style05 .products-grid .item .addto-hover-container .qs-button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: auto; height: inherit; font-size: 100%; min-height: 0; padding: 7px 30px; height: auto; line-height: 1.35; } .product-style05 .products-grid .item .addto-hover-container .qs-button:before { line-height: 1; margin-right: 5px; } .cdz-rtl .product-style05 .products-grid .item .addto-hover-container .qs-button:before { margin-right: 0; margin-left: 5px; } .product-style05 .products-grid .item .product-item-details { padding-bottom: 45px; } .product-style05 .products-grid .item .product-item-inner { background: #f9f9f9; border-top: 1px solid #f1f1f1; position: absolute; left: 0; right: 0; bottom: 0; } .product-style05 .products-grid .item .product-item-inner .cdz-buttons-container { display: block; width: 100%; height: auto; position: relative; margin-bottom: 0; } .product-style05 .products-grid .item .product-item-inner .cdz-buttons-container .cdz-buttons-inner { display: block; overflow: hidden; } .product-style05 .products-grid .item .product-item-inner .cdz-buttons-container .cdz-buttons-inner .product-actions-right a { float: right; border: none; width: 35px; height: 35px; padding: 0; margin: 0; line-height: 35px; background-color: transparent; } .cdz-rtl .product-style05 .products-grid .item .product-item-inner .cdz-buttons-container .cdz-buttons-inner .product-actions-right a { float: left; } .product-style05 .products-grid .item .product-item-inner .cdz-buttons-container .cdz-buttons-inner .product-actions-right a.link-compare:before { content: '\f066'; } .product-style05 .products-grid .item .product-item-inner .cdz-buttons-container .cdz-buttons-inner .product-actions-right a.link-wishlist:before { content: '\f08a'; } .product-style05 .products-grid .item .cart-wrapper { position: absolute; left: 0; top: 0; width: 130px; overflow: hidden; text-align: left; height: 100%; } .cdz-rtl .product-style05 .products-grid .item .cart-wrapper { left: auto; right: 0; } .product-style05 .products-grid .item .cart-wrapper .cart-qty { display: inline-block; vertical-align: top; margin-bottom: 0; left: -100px; position: absolute; top: 0px; margin: 5px; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-rtl .product-style05 .products-grid .item .cart-wrapper .cart-qty { right: -100px; left: auto; } .product-style05 .products-grid .item .cart-wrapper .cart-qty .qty-ctl button { width: 25px; height: 25px; line-height: 25px; color: #000000; background-color: #d9d9d9; border-color: #d9d9d9; padding: 0; text-align: center; } .product-style05 .products-grid .item .cart-wrapper .cart-qty .qty-ctl button:before { padding-left: 0; line-height: 22px; } .product-style05 .products-grid .item .cart-wrapper .cart-qty .input-text.qty { width: 30px; height: 25px !important; padding: 0; float: left; } .product-style05 .products-grid .item .cart-wrapper button.btn-cart { -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; white-space: nowrap; text-transform: uppercase; width: auto; height: auto; min-height: 1px; text-transform: capitalize; line-height: 1.35; padding: 7px 0px; font-size: 100%; border: none; background-color: transparent; } .product-style05 .products-grid .item .cart-wrapper button.btn-cart:before { line-height: 1.35; padding: 0 10px; } .cdz-rtl .product-style05 .products-grid .item .cart-wrapper button.btn-cart { left: auto; right: 0; } .product-style05 .products-grid .item .cart-wrapper button.btn-cart span { width: 100%; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-style05 .products-grid .item .cart-wrapper:hover .cart-qty { left: 5px; } .cdz-rtl .product-style05 .products-grid .item .cart-wrapper:hover .cart-qty { left: auto; right: 5px; } .product-style05 .products-grid .item .cart-wrapper:hover button.btn-cart { left: 90px; } .cdz-rtl .product-style05 .products-grid .item .cart-wrapper:hover button.btn-cart { right: 90px; left: auto; } .product-style05 .products-grid .item .cart-wrapper:hover button.btn-cart span { display: inline-block; opacity: 0; } .product-style05 .products-grid .item .product-item-info:hover .addto-hover-container { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } @media (max-width: 767px) { .product-style05 .products-grid .item .product-item-inner .cdz-buttons-container .cdz-buttons-inner .product-actions-right { display: none; } .product-style05 .products-grid .item .cart-wrapper { position: static; width: 100%; } .product-style05 .products-grid .item .cart-wrapper .cart-qty { display: inline-block; position: static; } .product-style05 .products-grid .item .cart-wrapper button.btn-cart { position: static; display: inline-block; } .product-style05 .products-grid .item .cart-wrapper button.btn-cart span { display: none !important; } } @media (min-width: 768px) { .product-style05.product-title-tab-01.cdz-block-title-style02 .cdz-block-title { margin-bottom: -45px; } .product-style05.product-title-tab-01 .nav-tab-content { padding-top: 25px; } .product-style05.product-title-tab-01 .nav.nav-tabs { display: inline-block; border: 5px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item { position: relative; margin: 0; } .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item .switch { text-transform: uppercase; border: none; position: relative; padding: 12px 20px 10px 20px; height: auto; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item.active:before, .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item:hover:before { content: ""; display: inline-block; position: absolute; left: calc((100% - 30px) /2); bottom: -8px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #f00; } .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item.active:after, .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item:hover:after { content: ""; display: inline-block; position: absolute; left: calc((100% - 10px) /2); bottom: 0px; border-top: 1px dashed blue; border-right: 1px dashed blue; z-index: 2; width: 10px; height: 10px; transform: rotate(135deg); } .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item.active .switch:after, .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item:hover .switch:after { content: ""; display: inline-block; border: 1px dashed red; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; } } /*Product Style Home Auto Parts*/ .product-style06 .addto-hover-container button.btn-cart, .product-style07 .addto-hover-container button.btn-cart { font-size: 0; } .product-style06 .addto-hover-container button.btn-cart:before, .product-style07 .addto-hover-container button.btn-cart:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f07a"; font-size: 20px; } .product-style06 .addto-hover-container .addto-button, .product-style07 .addto-hover-container .addto-button { display: inline-block; vertical-align: top; } @media (min-width: 768px) { .product-style06 .cdz-hover-section, .product-style07 .cdz-hover-section { overflow: hidden; } .product-style06 .cdz-hover-section .addto-hover-container, .product-style07 .cdz-hover-section .addto-hover-container { position: absolute; bottom: -50px; left: 0; right: 0; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-style06 li.item .product-item-info:hover .cdz-hover-section, .product-style07 li.item .product-item-info:hover .cdz-hover-section { overflow: hidden; } .product-style06 li.item .product-item-info:hover .cdz-hover-section .addto-hover-container, .product-style07 li.item .product-item-info:hover .cdz-hover-section .addto-hover-container { bottom: 20px; } } /*Box Style Home HighTech*/ .box-style05 { border-width: 1px; border-style: solid; /*RTL*/ } .box-style05 .cdz-block-title { padding: 10px 20px 2px; margin-bottom: 0px; border-bottom-width: 1px; border-bottom-style: solid; text-align: inherit; display: inline-block; width: 100%; } .box-style05 .cdz-block-title .h2 { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .box-style05 .cdz-block-title .h2 span { border-bottom-width: 3px; border-bottom-style: solid; padding-bottom: 6px; } .box-style05 .cdz-block-title .nav-tabs { border: none; text-align: inherit; } .box-style05 .cdz-block-title .nav-tabs li { margin-right: 20px; margin-bottom: -2px; } .box-style05 .cdz-block-title .nav-tabs li a { text-transform: uppercase; border: none; background: transparent; padding: 0; padding-bottom: 9px; font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; position: relative; } .box-style05 .cdz-block-title .nav-tabs li a:before { content: ''; width: 100%; height: 3px; position: absolute; left: 0; bottom: -1px; -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .box-style05 .cdz-block-title .nav-tabs li a:hover:before { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .box-style05 .cdz-block-title .nav-tabs li.active a:before { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .box-style05 .codazon-filter { padding: 0; } .box-style05 .box-content { padding: 20px 10px 0; } .box-style05 .products-grid .item:not(.owl-carousel) { margin: 0; padding: 0; } .box-style05 .products-grid .product-item-info .wrapper-rating { height: 12px; margin-bottom: 10px; } .box-style05 .products-grid .product-item-info .wrapper-rating .rating-box { display: block; } .box-style05 .products-grid .product-item-info .addto-hover-container { position: absolute; left: 0; right: 0; bottom: 10px; z-index: 1; } .box-style05 .products-grid .product-item-info .addto-hover-container .addto-button { display: inline-block; } .box-style05 .products-grid .product-item-info .addto-hover-container .action, .box-style05 .products-grid .product-item-info .addto-hover-container .qs-button { border-width: 1px; width: 35px; height: 35px; line-height: 35px; } .box-style05 .products-grid .product-item-info .addto-hover-container .action:before, .box-style05 .products-grid .product-item-info .addto-hover-container .qs-button:before { font-size: 14px; } .box-style05 .products-grid .product-item-info .product-item-details { padding: 10px 10px 5px; } .box-style05 .products-grid .product-item-info .product-item-details .product-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .box-style05 .products-grid .product-item-info .product-item-details .cdz-buttons-container button.btn-cart { width: 100%; height: auto; line-height: 1.3; padding: 9px 10px; font: 400 13px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border: 1px solid; } .box-style05 .products-grid .product-item-info .product-item-details .cdz-buttons-container button.btn-cart:before { display: none; } .box-style05 .products-grid .owl-carousel { margin: 0; } .box-style05 .products-grid .owl-carousel .owl-stage-outer { clear: both; } .box-style05 .products-grid .owl-nav [class*='owl-'], .box-style05 .products-grid .owl-theme .owl-nav [class*=owl-] { width: 30px; height: 37px; top: -60px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #000; background: transparent; border-color: transparent; } .box-style05 .products-grid .owl-nav [class*='owl-']:before, .box-style05 .products-grid .owl-theme .owl-nav [class*=owl-]:before { font-size: 27px; } .box-style05 .products-grid .owl-nav [class*='owl-'].owl-next, .box-style05 .products-grid .owl-theme .owl-nav [class*=owl-].owl-next { right: 0px; } .box-style05 .products-grid .owl-nav [class*='owl-'].owl-next:before, .box-style05 .products-grid .owl-theme .owl-nav [class*=owl-].owl-next:before { line-height: 25px; } .cdz-rtl .box-style05 .products-grid .owl-nav [class*='owl-'].owl-next, .cdz-rtl .box-style05 .products-grid .owl-theme .owl-nav [class*=owl-].owl-next { left: 30px; right: auto; } .box-style05 .products-grid .owl-nav [class*='owl-'].owl-prev, .box-style05 .products-grid .owl-theme .owl-nav [class*=owl-].owl-prev { right: 30px; left: auto; } .box-style05 .products-grid .owl-nav [class*='owl-'].owl-prev:before, .box-style05 .products-grid .owl-theme .owl-nav [class*=owl-].owl-prev:before { line-height: 25px; } .cdz-rtl .box-style05 .products-grid .owl-nav [class*='owl-'].owl-prev, .cdz-rtl .box-style05 .products-grid .owl-theme .owl-nav [class*=owl-].owl-prev { left: 0px; right: auto; } .box-style05 .products-grid .product-item { margin: 0 0 -1px; } .box-style05 .products-grid:after { display: none; } .cdz-rtl .box-style05 .cdz-block-title .nav-tabs li { margin-right: 0px; margin-left: 20px; } @media (max-width: 767px) { .box-style05 .cdz-block-title .nav-tabs { margin: 0; position: absolute; left: 20px; top: 40px; z-index: 2; background: #ffffff; width: calc(100% - 40px); border: 1px solid #dddddd; margin: 0; padding: 10px; } .box-style05 .cdz-block-title .nav-tabs li { display: block; } .box-style05 .cdz-block-title .nav-tabs li a:before { display: none; } .box-style05 .cdz-block-title { position: relative; } .box-style05 .cdz-block-title .mobile-toggle { border: none; margin: 0 0 -2px; font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; padding: 0; padding-bottom: 9px; position: relative; } .box-style05 .cdz-block-title .mobile-toggle:before { content: ''; width: 60px; height: 3px; position: absolute; left: 0; bottom: -1px; } .box-style05 .cdz-block-title .mobile-toggle.open:after { -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .box-style05 .cdz-block-title .mobile-toggle:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f103"; font-size: 18px; margin: 0 10px; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } } @media (min-width: 768px) { .box-style05 .products-grid .product-item-info .addto-hover-container, .box-style06 .products-grid .product-item-info .addto-hover-container { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .box-style05 .products-grid .product-item-info:hover .addto-hover-container, .box-style06 .products-grid .product-item-info:hover .addto-hover-container { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } } .box-style06 { border-width: 1px; border-style: solid; /*RTL*/ } .box-style06 .cdz-block-title { padding: 10px 20px 2px; margin-bottom: 0px; border-bottom-width: 1px; border-bottom-style: solid; text-align: inherit; display: inline-block; width: 100%; } .box-style06 .cdz-block-title .h2 { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .box-style06 .box-content { padding: 20px 10px 0; } .box-style06.product-list-style02 .codazon-filter { padding: 0; } .box-style06.product-list-style02 .products-list { margin: 0; } .box-style06.product-list-style02 .products-list .item .cdz-product-left .product-image { border: none; } .box-style06.product-list-style02 .products-list .product-item-info .action, .box-style06.product-list-style02 .products-list .product-item-info .qs-button, .box-style06.product-list-style02 .products-list .product-item-info button.btn-cart { border-width: 1px; margin-right: 2px; width: 35px; height: 35px; line-height: 35px; } .box-style06.product-list-style02 .products-list .product-item-info .actions-secondary { display: inline-block; } .box-style06 .cdz-brand-slider .cdz-banners-item { border: none; } .box-style06 .cdz-brand-slider .cdz-banners-item > a { display: block; margin-bottom: 20px; } .box-style06 .cdz-brand-slider .owl-carousel { margin: 0; } .box-style06 .cdz-brand-slider .owl-carousel .owl-stage-outer { clear: both; } .box-style06 .cdz-brand-slider .owl-theme.owl-carousel .owl-nav { position: static; width: auto; } .box-style06 .cdz-brand-slider .owl-theme.owl-carousel .owl-nav [class*=owl-] { width: 30px; height: 30px; top: -57px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #fff; background: transparent; border-color: transparent; position: absolute; } .box-style06 .cdz-brand-slider .owl-theme.owl-carousel .owl-nav [class*=owl-]:before { font-size: 27px; } .box-style06 .cdz-brand-slider .owl-theme.owl-carousel .owl-nav [class*=owl-].owl-next { right: 0px; } .box-style06 .cdz-brand-slider .owl-theme.owl-carousel .owl-nav [class*=owl-].owl-next:before { line-height: 25px; } .cdz-rtl .box-style06 .cdz-brand-slider .owl-theme.owl-carousel .owl-nav [class*=owl-].owl-next { left: 30px; right: auto; } .box-style06 .cdz-brand-slider .owl-theme.owl-carousel .owl-nav [class*=owl-].owl-prev { right: 30px; left: auto; } .box-style06 .cdz-brand-slider .owl-theme.owl-carousel .owl-nav [class*=owl-].owl-prev:before { line-height: 25px; } .cdz-rtl .box-style06 .cdz-brand-slider .owl-theme.owl-carousel .owl-nav [class*=owl-].owl-prev { left: 0px; right: auto; } .box-style06 .ratings .amount { display: none; } .box-style06 .products-grid .item:not(.owl-carousel) { margin: 0; padding: 0; } .box-style06 .products-grid .item:not(.owl-carousel) .cdz-hover-section { margin: 0px 16px; } .box-style06 .products-grid .product-item-info .addto-hover-container { position: absolute; left: 0; right: 0; bottom: 10px; z-index: 1; } .box-style06 .products-grid .product-item-info .addto-hover-container .addto-button { display: inline-block; } .box-style06 .products-grid .product-item-info .addto-hover-container button.btn-cart { border-width: 1px; width: 35px; height: 35px; line-height: 35px; font-size: 0; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 0; vertical-align: middle; } .box-style06 .products-grid .product-item-info .addto-hover-container button.btn-cart:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f291"; font-size: 14px; line-height: 35px; } .box-style06 .products-grid .product-item-info .addto-hover-container .action, .box-style06 .products-grid .product-item-info .addto-hover-container .qs-button { border-width: 1px; width: 35px; height: 35px; line-height: 35px; vertical-align: middle; } .box-style06 .products-grid .product-item-info .addto-hover-container .action:before, .box-style06 .products-grid .product-item-info .addto-hover-container .qs-button:before { font-size: 14px; } .box-style06 .products-grid .product-item-info .product-item-details { padding: 10px; } .box-style06 .products-grid .product-item-info .product-item-details .cdz-buttons-container button.btn-cart { width: 100%; height: auto; line-height: 1.3; padding: 9px 10px; font: 400 13px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border: 1px solid; } .box-style06 .products-grid .product-item-info .product-item-details .cdz-buttons-container button.btn-cart:before { display: none; } .box-style06 .products-grid .owl-carousel { margin: 0; } .box-style06 .products-grid .owl-carousel .owl-stage-outer { clear: both; } .box-style06 .products-grid .owl-nav [class*='owl-'], .box-style06 .products-grid .owl-theme .owl-nav [class*=owl-] { width: 30px; height: 37px; top: -70px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #fff; background: transparent; border-color: transparent; } .box-style06 .products-grid .owl-nav [class*='owl-']:before, .box-style06 .products-grid .owl-theme .owl-nav [class*=owl-]:before { font-size: 27px; } .box-style06 .products-grid .owl-nav [class*='owl-'].owl-next, .box-style06 .products-grid .owl-theme .owl-nav [class*=owl-].owl-next { right: 0px; } .box-style06 .products-grid .owl-nav [class*='owl-'].owl-next:before, .box-style06 .products-grid .owl-theme .owl-nav [class*=owl-].owl-next:before { line-height: 25px; } .cdz-rtl .box-style06 .products-grid .owl-nav [class*='owl-'].owl-next, .cdz-rtl .box-style06 .products-grid .owl-theme .owl-nav [class*=owl-].owl-next { left: 30px; right: auto; } .box-style06 .products-grid .owl-nav [class*='owl-'].owl-prev, .box-style06 .products-grid .owl-theme .owl-nav [class*=owl-].owl-prev { right: 30px; left: auto; } .box-style06 .products-grid .owl-nav [class*='owl-'].owl-prev:before, .box-style06 .products-grid .owl-theme .owl-nav [class*=owl-].owl-prev:before { line-height: 25px; } .cdz-rtl .box-style06 .products-grid .owl-nav [class*='owl-'].owl-prev, .cdz-rtl .box-style06 .products-grid .owl-theme .owl-nav [class*=owl-].owl-prev { left: 0px; right: auto; } .box-style06 .products-grid .product-item { margin: 0 0 -1px; } .box-style06 .products-grid:after { display: none; } .cdz-rtl .box-style06 .cdz-block-title a.view-all { float: left; margin-left: -15px; margin-right: 0; } /*product deal*/ .product-deal .deal-item { display: inline-block; } .product-deal .deal-item span { display: block; } .product-deal .deal-item span.value { min-width: 45px; min-height: 45px; text-align: center; font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; line-height: 45px; margin: 0 3px 5px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .product-deal .deal-item span.label { text-transform: uppercase; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 400; } /* ============================================ * * Codazon_Slider * ============================================ */ .cdz-brand-slider .owl-theme.owl-carousel .owl-item > [class*='cdz-sm-'] { padding: 0; } .cdz-brand-slider .owl-theme.owl-carousel .owl-item .item { width: 100%; } .cdz-slider-banners { padding-top: 0 !important; } .cdz-brand-slider .owl-theme.owl-carousel .owl-nav { position: absolute; top: -20px; left: 0; width: 100%; margin-top: 0; } .cdz-brand-slider .owl-theme.owl-carousel .owl-nav [class*='owl-'] { width: 40px; height: 40px; text-align: center; position: relative; font-size: 0; margin: 0 5px; padding: 0; border: 2px solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; } .cdz-brand-slider .owl-theme.owl-carousel .owl-controls { margin: 0; } .cdz-brand-slider .owl-theme.owl-carousel .owl-nav [class*='owl-']:before { -webkit-font-smoothing: antialiased; font-size: 30px; line-height: 34px; content: '\f104'; font-family: FontAwesome; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cdz-brand-slider .owl-theme.owl-carousel .owl-nav [class*='owl-'].owl-next:before { content: '\f105'; } .cdz-brand-slider .owl-theme.owl-carousel .owl-nav [class*='owl-'].disabled { -webkit-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; } .cdz-brand-slider-wrap { background-color: transparent; } .cdz-brand-slider-wrap .cdz-banners-item { padding: 5px; border: 1px solid; } .cdz-brand-slider-wrap .cdz-slider-banners.owl-carousel .owl-nav { position: static; } .cdz-brand-slider-wrap .cdz-slider-banners.owl-carousel .owl-nav [class*='owl-'] { left: 0; top: 10px; position: absolute; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-brand-slider-wrap .cdz-slider-banners.owl-carousel .owl-nav [class*='owl-'].owl-next { right: 0; left: auto; } .cdz-brand-slider-wrap .cdz-slider-banners.owl-carousel:hover .owl-nav [class*='owl-'] { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); cursor: pointer; } .owl-nav [class*='owl-'], .owl-theme .owl-nav [class*=owl-] { width: 50px; height: 50px; background: rgba(0, 0, 0, 0.2); text-align: center; position: relative; font-size: 0; margin: 0 5px; cursor: pointer; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 20px; top: 45%; top: calc((100% - 50px)/2); -webkit-top: calc((100% - 50px)/2); -o-top: calc((100% - 50px)/2); -moz-top: calc((100% - 50px)/2); border: 2px solid; color: #ffffff; border-color: #ffffff; cursor: pointer; font-size: 0 !important; margin: 0 !important; padding: 0; } .cdz-product-wrapper .owl-nav [class*='owl-'], .cdz-product-wrapper .owl-theme .owl-nav [class*=owl-] { top: 20%; } .owl-nav [class*='owl-']:before { -webkit-font-smoothing: antialiased; font-size: 35px; line-height: 39px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; content: '\f104'; font-family: FontAwesome; text-align: center; } .owl-nav [class*='owl-'].owl-next { right: 20px; left: auto; } .owl-nav [class*='owl-'].owl-next:before { content: '\f105'; } .owl-nav [class*='owl-'].disabled { -webkit-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; } .slideshow-content .owl-theme .owl-nav { margin: 0; } /* ============================================ */ .ft-options .slider.slider-horizontal { width: 100%; } /*brand slider bigmarket*/ .cdz-brand-slider-wrap-02 .cdz-brand-title span { padding: 10px 20px; display: inline-block; vertical-align: top; min-width: 250px; text-transform: uppercase; } .cdz-brand-slider-wrap-02 .cdz-brand-slider { border: 1px solid; } .cdz-brand-slider-wrap-02 .cdz-brand-slider .cdz-banners-item { position: relative; padding: 0; border: none; } .cdz-brand-slider-wrap-02 .cdz-brand-slider .cdz-banners-item:before { content: ''; position: absolute; top: 0; right: 0px; width: 1px; height: 100%; } .cdz-brand-slider-wrap-02 .cdz-brand-slider .cdz-banners-item > a { padding: 40px 23px; display: block; min-height: 138px; } .cdz-brand-slider-wrap-02 .cdz-brand-slider .cdz-banners-item > a:first-child { border-bottom: 1px solid; } .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-nav, .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-theme .owl-nav { position: static; width: auto; } .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-nav [class*=owl-], .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-theme .owl-nav [class*=owl-] { width: 37px; height: 37px; top: -42px; position: absolute; } .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-nav [class*=owl-].owl-next, .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-theme .owl-nav [class*=owl-].owl-next { right: 10px; } .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-nav [class*=owl-].owl-next:before, .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-theme .owl-nav [class*=owl-].owl-next:before { line-height: 32px; } .cdz-rtl .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-nav [class*=owl-].owl-next, .cdz-rtl .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-theme .owl-nav [class*=owl-].owl-next { left: 57px; right: auto; } .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-nav [class*=owl-].owl-prev, .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-theme .owl-nav [class*=owl-].owl-prev { right: 57px; left: auto; } .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-nav [class*=owl-].owl-prev:before, .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-theme .owl-nav [class*=owl-].owl-prev:before { line-height: 32px; } .cdz-rtl .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-nav [class*=owl-].owl-prev, .cdz-rtl .cdz-brand-slider-wrap-02 .cdz-brand-slider .owl-theme .owl-nav [class*=owl-].owl-prev { left: 10px; right: auto; } /* ============================================ * * Codazon_Slideshow * ============================================ */ .cdz-slideshow { z-index: 1; } .cdz-slideshow .slider-item { position: relative; } .cdz-slideshow .owl-carousel { padding-top: 0; margin: 0; } .cdz-slideshow .owl-carousel .owl-item { padding: 0; } .cdz-slideshow .owl-carousel .owl-theme .owl-nav { margin-top: 0; position: static; } .cdz-slideshow .owl-carousel .owl-nav [class*='owl-'] { width: 50px; height: 50px; background: rgba(255, 255, 255, 0.2); text-align: center; position: relative; font-size: 0; margin: 0 5px; color: #282828; cursor: pointer; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 20px; top: 45%; top: calc(50% - 15px); -webkit-top: calc(50% - 15px); -o-top: calc(50% - 15px); -moz-top: calc(50% - 15px); border: 2px solid #ffffff; color: #ffffff; background-color: transparent; border-color: #ffffff; cursor: pointer; } .cdz-slideshow .owl-carousel .owl-nav [class*='owl-']:hover { color: #282828; background-color: #ffffff; border-color: #282828; } .cdz-slideshow .owl-carousel .owl-nav [class*='owl-']:before { -webkit-font-smoothing: antialiased; font-size: 35px; line-height: 45px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; content: '\f104'; font-family: FontAwesome; text-align: center; } .cdz-slideshow .owl-carousel .owl-nav [class*='owl-'].owl-next { right: 20px; left: auto; } .cdz-slideshow .owl-carousel .owl-nav [class*='owl-'].owl-next:before { content: '\f105'; } .cdz-slideshow .owl-carousel .owl-nav [class*='owl-'].disabled { -webkit-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; } .cdz-slideshow .owl-carousel .owl-dots { position: absolute; left: 48%; bottom: 10px; } .cdz-slideshow .owl-carousel .owl-dots .owl-dot span { background: transparent; color: #a1a1a1; } .cdz-slideshow .owl-carousel .owl-dot span:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f192'; font-size: 14px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .cdz-slideshow .owl-carousel.owl-theme .owl-dots .owl-dot.active span, .cdz-slideshow .owl-carousel.owl-theme .owl-dots .owl-dot:hover span { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; color: #282828; } .slide-caption { width: 100%; max-width: 100%; top: 25%; position: absolute; color: #282828; left: 0%; } .slide-caption.cls-white { color: #ffffff; } .slide-caption.cls-white .slide-title { color: #ffffff; } .slide-caption.cls-white .slide-title span { border-color: #fff; } .slide-caption.cls-white .slide-btn a { background: #ffffff; color: #282828; } .slide-caption .slide-text { font-size: 16px; margin-bottom: 15px; } .slide-caption .slide-title { margin-bottom: 10px; } .slide-caption .slide-title span { font-size: 16px; display: inline-block; vertical-align: middle; border: 2px solid #282828; padding: 5px 20px; font-weight: 600; } .slide-caption .slide-btn a { display: inline-block; padding: 5px 15px; background: #282828; text-transform: uppercase; vertical-align: middle; color: #fff; font-size: 100%; } .slide-caption { max-width: 600px; top: 25%; left: 30%; } .slide-caption.slide-right { left: auto; right: 10%; } .slide-caption.slide-left { left: 10%; right: auto; } .slide-caption .slide-title { margin-bottom: 40px; } .slide-caption .slide-title span { font-size: 180%; border-width: 5px; padding: 5px 50px; } .active .slide-caption .slide-title { -webkit-animation: slideBounceInDown 800ms ease-in-out; -moz-animation: slideBounceInDown 800ms ease-in-out; animation: slideBounceInDown 800ms ease-in-out; } .active .slide-caption .slide-text { -webkit-animation: slideBounceInDown 1400ms ease-in-out; -moz-animation: slideBounceInDown 1400ms ease-in-out; animation: slideBounceInDown 1400ms ease-in-out; } .active .slide-caption .slide-btn { -webkit-animation: slideBounceInDown 2000ms ease-in-out; -moz-animation: slideBounceInDown 2000ms ease-in-out; animation: slideBounceInDown 2000ms ease-in-out; } @-webkit-keyframes slideBounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideBounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideBounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes slideBounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .active .slideBounceInDown { -webkit-animation-name: slideBounceInDown; -moz-animation-name: slideBounceInDown; -o-animation-name: slideBounceInDown; animation-name: slideBounceInDown; } .block-center { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cdz-slideshow .owl-theme .owl-dots .owl-dot.active span, .cdz-slideshow .owl-theme .owl-dots .owl-dot:hover span { background: transparent; } #ajaxloading_container { position: relative; padding: 20px; text-align: center; border: 10px solid #a1a1a1; background-color: white; z-index: 99999; max-height: 660px; } #ajaxloading_container { min-width: 350px; max-width: 500px; z-index: 9999; display: none; position: fixed; top: 0px; } #bg_fade { background-color: #000; left: 0px; margin: 0px; padding: 0px; position: fixed; top: 0px; visibility: hidden; width: 100%; z-index: 998; height: 1000px; opacity: 0.5; } body._has-modal { height: 100%; overflow: hidden; width: 100%; } .modals-overlay { z-index: 899; } .modal-slide, .modal-popup { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; } .modal-slide._show, .modal-popup._show { visibility: visible; } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .modal-slide { left: 44px; z-index: 900; } .modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); transition-duration: .3s; -webkit-transition-property: -webkit-transform, visibility; transition-property: transform, visibility; transition-timing-function: ease-in-out; width: auto; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-slide._inner-scroll .modal-content { overflow-y: auto; } .modal-slide._inner-scroll .modal-footer { margin-top: auto; } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 2.6rem 2.6rem; } .modal-slide .modal-header { padding-bottom: 2.1rem; padding-top: 2.1rem; } .modal-popup { left: 0; overflow-y: auto; z-index: 900; } .modal-popup._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } .modal-popup .modal-inner-wrap { box-sizing: border-box; height: auto; left: 0; margin: 5rem auto; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); transition-duration: .2s; -webkit-transition-property: -webkit-transform, visibility; transition-property: transform, visibility; transition-timing-function: ease; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 75%; } .modal-popup._inner-scroll { overflow-y: visible; } .ie10 .modal-popup._inner-scroll, .ie9 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie10 .modal-popup._inner-scroll .modal-inner-wrap, .ie9 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; } .modal-popup._inner-scroll .modal-content { overflow-y: auto; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 3rem; padding-right: 3rem; } .modal-popup .modal-header, .modal-popup .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-popup .modal-header { padding-bottom: 1.2rem; padding-top: 3rem; } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 3rem; padding-top: 3rem; } .modal-popup .modal-footer-actions { text-align: right; } @media (max-width: 768px) { .modal-popup.modal-slide { left: 44px; z-index: 900; } .modal-popup.modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-popup.modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); transition-duration: .3s; -webkit-transition-property: -webkit-transform, visibility; transition-property: transform, visibility; transition-timing-function: ease-in-out; width: auto; } .modal-popup.modal-slide .modal-inner-wrap { margin: 0; max-height: none; } } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; position: absolute; right: 0; top: 0; } .cdz-rtl .modal-custom .action-close, .cdz-rtl .modal-popup .action-close, .cdz-rtl .modal-slide .action-close { left: 0; right: auto; } .modal-custom .action-close:focus, .modal-popup .action-close:focus, .modal-slide .action-close:focus, .modal-custom .action-close:active, .modal-popup .action-close:active, .modal-slide .action-close:active { background: none; border: none; } .modal-custom .action-close:hover, .modal-popup .action-close:hover, .modal-slide .action-close:hover { background: none; border: none; } .modal-custom .action-close.disabled, .modal-popup .action-close.disabled, .modal-slide .action-close.disabled, .modal-custom .action-close[disabled], .modal-popup .action-close[disabled], .modal-slide .action-close[disabled], fieldset[disabled] .modal-custom .action-close, fieldset[disabled] .modal-popup .action-close, fieldset[disabled] .modal-slide .action-close { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .modal-custom .action-close > span, .modal-popup .action-close > span, .modal-slide .action-close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { -webkit-font-smoothing: antialiased; font-size: 17px; line-height: 14px; color: #8f8f8f; content: '\f00d'; font-family: 'FontAwesome'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: inherit; } .modal-custom .action-close:active:before, .modal-popup .action-close:active:before, .modal-slide .action-close:active:before { color: inherit; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: #1a1a1a; } .modal-custom .action-close { margin: 25px; } .modal-popup .modal-title { color: #000000; border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; margin-bottom: 20px; min-height: 1em; word-wrap: break-word; } .modal-popup .action-close, .modal-slide .action-close { padding: 0; width: 44px; height: 44px; background: #000 !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; z-index: 1; } .modal-popup .action-close:before, .modal-slide .action-close:before { color: #fff !important; line-height: 33px !important; } .modal-popup .action-close:hover, .modal-slide .action-close:hover { background: #000 !important; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } .modal-popup .page-main-actions, .modal-slide .page-main-actions { margin-top: 2.1rem; margin-bottom: -12.9rem; } .modals-overlay { background-color: rgba(51, 51, 51, 0.55); bottom: 0; left: 0; position: fixed; right: 0; top: 0; } body._has-modal-custom .modal-custom-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 899; } .modal-popup .modal-content { padding-bottom: 3rem; } #ajaxloading_container { position: relative; padding: 20px; text-align: center; border: 10px solid #a1a1a1; background-color: white; z-index: 99999; max-height: 660px; } #ajaxloading_container { min-width: 350px; max-width: 500px; z-index: 9999; display: none; position: fixed; top: 0px; } #bg_fade { background-color: #000; left: 0px; margin: 0px; padding: 0px; position: fixed; top: 0px; visibility: hidden; width: 100%; z-index: 998; height: 1000px; opacity: 0.5; } body._has-modal { height: 100%; overflow: hidden; width: 100%; } .modals-overlay { z-index: 899; } .modal-slide, .modal-popup { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; } .modal-slide._show, .modal-popup._show { visibility: visible; } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .modal-slide { left: 44px; z-index: 900; } .modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); transition-duration: .3s; -webkit-transition-property: -webkit-transform, visibility; transition-property: transform, visibility; transition-timing-function: ease-in-out; width: auto; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-slide._inner-scroll .modal-content { overflow-y: auto; } .modal-slide._inner-scroll .modal-footer { margin-top: auto; } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 2.6rem 2.6rem; } .modal-slide .modal-header { padding-bottom: 2.1rem; padding-top: 2.1rem; } .modal-popup { left: 0; overflow-y: auto; z-index: 900; } .modal-popup._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } .modal-popup .modal-inner-wrap { box-sizing: border-box; height: auto; left: 0; margin: 5rem auto; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); transition-duration: .2s; -webkit-transition-property: -webkit-transform, visibility; transition-property: transform, visibility; transition-timing-function: ease; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 75%; } .modal-popup._inner-scroll { overflow-y: visible; } .ie10 .modal-popup._inner-scroll, .ie9 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie10 .modal-popup._inner-scroll .modal-inner-wrap, .ie9 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; } .modal-popup._inner-scroll .modal-content { overflow-y: auto; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 3rem; padding-right: 3rem; } .modal-popup .modal-header, .modal-popup .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-popup .modal-header { padding-bottom: 1.2rem; padding-top: 3rem; } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 3rem; padding-top: 3rem; } .modal-popup .modal-footer-actions { text-align: right; } @media (max-width: 768px) { .modal-popup.modal-slide { left: 44px; z-index: 900; } .modal-popup.modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-popup.modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); transition-duration: .3s; -webkit-transition-property: -webkit-transform, visibility; transition-property: transform, visibility; transition-timing-function: ease-in-out; width: auto; } .modal-popup.modal-slide .modal-inner-wrap { margin: 0; max-height: none; } } .modal-popup .modal-content { padding-bottom: 3rem; } .cdz-popup-wrapper .modal-popup .modal-header, .cdz-popup-wrapper .modal-popup .modal-content, .cdz-popup-wrapper .modal-popup .modal-footer { padding: 0 !important; border: 0; } .cdz-popup-wrapper .modal-popup .modal-footer { display: none; } .cdz-popup-wrapper .block-static-block.widget { margin: 0; } .cdz-popup-wrapper .modal-popup .close:before { font-weight: bold; } .cdz-popup-wrapper .cdz-popup-newsletter-left, .cdz-popup-wrapper .cdz-popup-newsletter-right { width: 50%; float: left; } .cdz-rtl .cdz-popup-wrapper .cdz-popup-newsletter-left, .cdz-rtl .cdz-popup-wrapper .cdz-popup-newsletter-right { float: right; } .cdz-popup-wrapper .cdz-popup-newsletter { background: #f5f5f5; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-title { padding: 10px 30px; background: #dddddd; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-title h3 { color: #121212; margin-bottom: 0; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content { padding: 40px 30px; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads { color: #282828; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .popup-content-title { margin-bottom: 30px; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .popup-content-desc { font-size: 90%; margin-bottom: 60px; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .popup-content-small { font-size: 90%; color: #999999; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .popup-content-newsletter { margin: 0; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe { margin-bottom: 20px; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe .block-content { padding: 0; margin: 0; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe .block-title, .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe .form-subscribe-header { display: none; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe input.input-text { width: 100%; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe .input-box { float: none; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe .actions { float: none; width: 100%; text-align: center; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe .actions .button { float: none; width: 100%; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe input { border-width: 1px; border-color: #e1e1e1; text-align: center; padding-left: 10px; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe .field { margin-bottom: 20px; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe .field .control:before { display: none; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe .actions { display: block; width: 100%; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe .actions .action.subscribe { width: 100%; } .popup-login .modal-popup .modal-inner-wrap { width: 40% !important; } .popup-login .modal-popup .modal-footer { display: none; } .qs-modal .qs-loader { text-align: center; padding: 20px; } .qs-modal .modal-popup .modal-header { padding: 0; } .qs-modal .modal-popup .modal-header .modal-title { display: none; } .qs-modal .modal-popup .modal-content { padding: 0; } .qs-modal .modal-popup .modal-content .quickshop-wrapper .quickshop-media.product.media { width: 50%; } .qs-modal .modal-popup .modal-content .quickshop-title .page-title { position: static; margin: 0 0 10px; width: auto; height: auto; } .qs-modal .modal-popup .modal-content .page-title-wrapper { display: block !important; } .qs-modal .modal-popup .modal-content .quickshop-wrapper .quickshop-tabs { width: 50%; padding: 30px; } .cdz-popup-wrapper .modal-popup .modal-inner-wrap { width: 80% !important; } @media all and (min-width: 1024px), print { .cdz-popup-wrapper .modal-popup .modal-inner-wrap { width: 840px !important; } } .cdz-popup-newsletter .block.block-subscribe .block-content .input-box { width: 100%; margin-bottom: 10px; } .cdz-popup-newsletter .block.block-subscribe .block-content { float: none; } /*popup login*/ .login-modal .modal-header { padding: 15px 15px 0; border: none; } .login-modal .modal-header button.close { padding: 0; width: 44px; height: 44px; background: #000; color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; z-index: 1; display: inline-block; text-decoration: none; position: absolute; right: 0; top: 0; margin: 0; text-shadow: none; opacity: 1; } .login-modal .modal-header .modal-title { margin-top: 6px; } .login-modal .modal-body .block-title { display: none; } .login-modal .modal-body .block-login .block-content { padding-top: 0; } .qs-modal .modal-body { padding-left: 0; padding-top: 0; } .cdz-rtl .qs-modal .modal-body { padding-left: 20px; padding-right: 0; } .qs-modal .modal-footer { display: none; } .qs-modal .modal-header { padding: 0; border: none; } .qs-modal .modal-header .modal-title { display: none; } .qs-modal .modal-header .close { position: absolute; right: 0; top: 0; margin: 0; z-index: 1; padding: 5px 9px; color: #fff; background: #000; } .cdz-rtl .qs-modal .modal-header .close { right: auto; left: 0; } .qs-modal .ajax-load-wrapper .ajax-load-button { position: absolute; left: 0; right: 0; top: 45%; top: -moz-calc((100% - 45px)/2); top: -webkit-calc((100% - 45px)/2); top: -o-calc((100% - 45px)/2); top: calc((100% - 45px)/2); } .qs-modal .product-view .product-img-box { padding-left: 0; } .qs-modal .product-view-info { padding-top: 20px; padding-bottom: 20px; } .qs-modal .tab-content { padding: 15px 0; } .qs-modal .tab-content .std { margin-bottom: 1rem; } .qs-modal .tab-content .product-shop .email-friend { float: left; margin-bottom: 5px; } .qs-modal .tab-content .product-shop .no-rating, .qs-modal .tab-content .product-shop .ratings { float: right; clear: none; margin-bottom: 2rem; } .qs-modal .tab-content .product-shop .short-description { clear: both; margin-bottom: 2rem; } #MB_window { top: 15%; } .cdz-rtl #MB_window { text-align: right; } #MB_window .qty_cart input.qty { width: 80px !important; } /*=========Breadcrumbs==========*/ .cms-index-index .content-breadcrums { display: none; } .content-breadcrums { padding: 0px 0 0; } .breadcrumbs { padding: 20px 0 0; overflow: hidden; } .breadcrumbs ul { margin-bottom: 0; } .breadcrumbs ul li { display: inline; } .breadcrumbs ul li strong { font-weight: 600; } .breadcrumbs ul li span { position: relative; font-size: 0; margin: 0 12px; } .breadcrumbs ul li span:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f178"; font-size: 11px; } .content-breadcrums { background-position: 0 0; background-repeat: repeat; } .nav-tabs, .nav.nav-tabs { margin-left: 0; margin-right: 0; border: 0; border-bottom: 1px solid; } .nav-tabs .item.content, .nav.nav-tabs .item.content { margin-top: -6px; padding-left: 0; padding-right: 0; } .nav-tabs { position: relative; z-index: 1; border-bottom: 0; margin-left: 0; margin-right: 0; text-align: center; } .nav-tabs .nav-tab-item { float: none; width: auto; display: inline-block; } .nav-tabs .item.content { margin-top: 20px; box-sizing: border-box; float: right; margin-left: -100%; width: 100%; } .nav-tabs .item.content:before, .nav-tabs .item.content:after { content: ''; display: table; } .nav-tabs .item.content:after { clear: both; } .nav-tabs .item.content.active { display: block; } .nav-tabs .nav-tab-item { margin: 0 5px 0 0; } .nav-tabs .nav-tab-item.active .switch { border: 0; border-bottom: 2px solid; } .nav-tabs .nav-tab-item .switch { display: block; position: relative; z-index: 2; text-decoration: none; background: transparent; border: 0; height: 40px; padding: 10px 10px 10px 10px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .nav-tabs .nav-tab-item h2 { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .nav-tabs .nav-tab-item .switch:visited { text-decoration: none; } .nav-tabs .nav-tab-item .switch:hover { text-decoration: none; } .nav-tabs .nav-tab-item .switch:active { text-decoration: none; } .nav-tab-content { padding: 15px 0 0; } .nav-tabs:before, .nav-tabs:after { content: ''; display: table; } .nav-tabs:after { clear: both; } .nav-tabs .nav-tab-item:not(.disabled) .switch:focus, .nav-tabs .nav-tab-item:not(.disabled) .switch:hover, .nav-tabs active.nav-tab-item:not(.disabled) .switch { background: transparent; border-bottom: 2px solid; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .nav-tabs .nav-tab-item:not(.disabled) .switch:active, .nav-tabs .active.nav-tab-item .switch, .nav-tabs .active.nav-tab-item .switch:focus, .nav-tabs .active.nav-tab-item .switch:hover { background: transparent; } .nav-tabs .active.nav-tab-item .switch, .nav-tabs .active.nav-tab-item .switch:focus, .nav-tabs .active.nav-tab-item .switch:hover { padding-bottom: 11px; } .nav-tabs .item.content { background: transparent; margin-top: 39px; padding: 10px 0 10px 0; } .nav-tabs .nav-tab-item a:after { display: none; } /*============================== ==== Deals categories Home Drug ===============================*/ .cdz-block-categories-deals .cdz-block-content { padding: 20px 0 0; } .cdz-block-categories-deals .block-categories-deals { text-align: center; } .cdz-block-categories-deals .block-categories-deals h3 { text-align: center; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #66c916; min-height: 40px; } .cdz-block-categories-deals .block-categories-deals h3 a { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #66c916; } .cdz-block-categories-deals .block-categories-deals .block-categories-images img { margin: 0 auto; } .cdz-block-categories-deals .block-categories-deals .block-categories-desc { border-radius: 3px; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-size: 90%; } .cdz-block-categories-deals .block-categories-deals .block-categories-desc p { margin: 0; position: relative; z-index: 2; } .cdz-block-categories-deals .block-categories-deals .block-categories-desc .block-categories-desc-content { clear: both; width: 100%; border: 1px solid; border-color: #e1e1e1; border-left: 3px solid #66c916; padding: 7px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-block-categories-deals .block-categories-deals .block-categories-desc .block-categories-desc-content:before { content: ''; width: 0; height: 100%; background: #66c916; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; z-index: 1; } .cdz-block-categories-deals .block-categories-deals .block-categories-desc .block-categories-desc-content:hover { color: #fff; border-color: #66c916; } .cdz-block-categories-deals .block-categories-deals .block-categories-desc .block-categories-desc-content:hover:before { width: 100%; } .cdz-block-categories-deals .red h3 a { color: #f86532; } .cdz-block-categories-deals .red h3 { color: #f86532; } .cdz-block-categories-deals .red .block-categories-desc .block-categories-desc-content { border-left-color: #f86532; } .cdz-block-categories-deals .red .block-categories-desc .block-categories-desc-content:hover { border-color: #f86532; } .cdz-block-categories-deals .red .block-categories-desc .block-categories-desc-content:before { background: #f86532; } .cdz-block-categories-deals .blue h3 a { color: #02adec; } .cdz-block-categories-deals .blue h3 { color: #02adec; } .cdz-block-categories-deals .blue .block-categories-desc .block-categories-desc-content { border-left-color: #02adec; } .cdz-block-categories-deals .blue .block-categories-desc .block-categories-desc-content:hover { border-color: #02adec; } .cdz-block-categories-deals .blue .block-categories-desc .block-categories-desc-content:before { background: #02adec; } .cdz-block-categories-deals .orange h3 a { color: #f3a52a; } .cdz-block-categories-deals .orange h3 { color: #f3a52a; } .cdz-block-categories-deals .orange .block-categories-desc .block-categories-desc-content { border-left-color: #f3a52a; } .cdz-block-categories-deals .orange .block-categories-desc .block-categories-desc-content:hover { border-color: #f3a52a; } .cdz-block-categories-deals .orange .block-categories-desc .block-categories-desc-content:before { background: #f3a52a; } /*============================== ==== Deals categories Home Drug ===============================*/ /*============================== ==== Ads 03 Home Handbag ===============================*/ .wrapper-ads03 .text-area { display: flex; } .wrapper-ads03 .text-area i { float: left; color: #fff; width: 14%; text-align: center; line-height: 50px; font-size: 18px; } .wrapper-ads03 .text-area h5 { float: left; color: #fff; width: 86%; text-align: center; padding: 16px 0; margin: 0; } .wrapper-ads03 .text-area:hover { box-shadow: 5px 5px 0px #b9baba; -moz-box-shadow: 5px 5px 0px #b9baba; -webkit-box-shadow: 5px 5px 0px #b9baba; -o-box-shadow: 5px 5px 0px #b9baba; -ms-box-shadow: 5px 5px 0px #b9baba; } .wrapper-ads04 .groupinfo { background: white; padding: 20px; } .wrapper-ads04 .groupinfo .grifo-title { margin-bottom: 30px; } .wrapper-ads04 .groupinfo .grifo-title a { color: #121212; } .wrapper-ads04 .groupinfo .grifo-title a:hover { color: #fc7070; } .wrapper-ads05 { padding: 10px 20px; background: white; } .wrapper-ads05 .newsletter-ads { background-image: url(../images/bkg-newsletter.png); background-position: 0 center; background-repeat: no-repeat; text-align: center; padding: 40px 10px; } .wrapper-ads05 .newsletter-ads .h3 { margin-bottom: 10px; } .wrapper-ads05 .newsletter-container { font-size: 90%; padding: 10px 0; } .wrapper-ads05 .newsletter-container .block.block-subscribe { margin-bottom: 10px; } .wrapper-ads05 .newsletter-container .block.block-subscribe #newsletter { border: 0; background: #f5f5f5; } .wrapper-ads05 .newsletter-container .block.block-subscribe #newsletter:focus { outline: none; } .wrapper-ads05 .newsletter-container .block.block-subscribe .form-subscribe-header { display: none; } .wrapper-ads05 .newsletter-container .block.block-subscribe .block-title { display: none; } .wrapper-ads05 .newsletter-container .block.block-subscribe .input-box { padding-top: 2px; display: table-cell; width: 100%; } .wrapper-ads05 .newsletter-container .block.block-subscribe .actions { margin: 0; display: table-cell; } .wrapper-ads05 .newsletter-container .block.block-subscribe .actions .button { padding: 10px 20px; margin: 0; border: 1px solid; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; background-color: white; border-color: #282828; } .wrapper-ads05 .newsletter-container .block.block-subscribe .actions .button:hover { background: #282828; border-color: #282828; color: white; } .lazy-loading { min-height: 150px; } .wrapper-ads06 { padding: 20px; color: #fff; } .wrapper-ads06.bg-wrapper-ads { padding: 180px 0; } .wrapper-ads06 .ads-title { font-size: 30px; color: white; } .wrapper-ads06 .ads-desc { font-size: 14px; margin-bottom: 3rem; } .wrapper-ads06 .ads-img img { width: auto !important; display: inline-block !important; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .wrapper-ads06 .ads-author { text-transform: uppercase; margin-bottom: 0; } .wrapper-ads06 .ads-major { color: #f8b5ad; } .wrapper-ads06 .owl-carousel { padding-top: 0; } .wrapper-ads06 .owl-carousel .owl-nav { position: static; } .wrapper-ads06 .owl-carousel .owl-nav [class*='owl-'] { left: 0; top: calc(~'50% - 20px'); position: absolute; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .wrapper-ads06 .owl-carousel .owl-nav [class*='owl-'].owl-next { right: 0; left: auto; } /*============================== ==== Ads 03 Home Handbag ===============================*/ /*============================== ==== Ads 07 Home Outdoor ===============================*/ @media (min-width: 768px) { .wrapper-ads07 { padding: 10px; background: #f2f2f2; border: 1px solid #e1e1e1; position: relative; z-index: 1; } } /*============================== ==== End Ads 07 Home Outdoor ===============================*/ /*Product grid style*/ .codazon-loader-wrap .loader { margin-top: 10%; } .products-grid .product-items:not(.owl-carousel) > .product-item .product-item-info { width: 100%; height: 100%; } .products-grid .product-items:not(.owl-carousel) { margin-left: -10px; margin-right: -10px; overflow: hidden; } .products-grid .product-items:not(.owl-carousel) > .product-item { width: 33.33333333%; padding-left: 10px; padding-right: 10px; background: transparent !important; margin-left: 0 !important; margin-right: 0 !important; } .products-grid .product-items:not(.owl-carousel) > .product-item .product-item-info { width: 100%; height: 100%; } /*.products-grid .product-item { width: 24.439%; margin-left: calc(~"(100% - 4 * 24.439%) / 3"); padding: 0; &:nth-child(4n+1) { margin-left: 0; } } */ .col1-layout .products-grid .product-items:not(.owl-carousel) { overflow: inherit; } .col1-layout .products-grid .product-items:not(.owl-carousel) .product-item { width: 25%; padding-left: 10px; padding-right: 10px; overflow: inherit; } .products-grid .product-items.owl-carousel .product-item { width: 100%; /*padding-left: 10px; padding-right: 10px;*/ } .col1-layout .products-grid .product-items:not(.owl-carousel) > .product-item .product-item-info { width: 100%; height: 100%; } .page-layout-3columns .products-grid .product-items:not(.owl-carousel) { margin-left: -10px; margin-right: -10px; overflow: hidden; } .page-layout-3columns .products-grid .product-items:not(.owl-carousel) > .product-item { width: 50%; padding-left: 10px; padding-right: 10px; } .page-layout-3columns .products-grid .product-items:not(.owl-carousel) > .product-item .product-item-info { width: 100%; height: 100%; } .old-price { margin-left: 10px; } .old-price .price-wrapper { text-decoration: line-through; } .product-item { vertical-align: top; } .products-grid .product-item { display: inline-block; float: left; } .product-name { display: block; margin: 0 0 0.7rem; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position: relative; text-transform: inherit; } .product-item-info { max-width: 100%; position: relative; height: 100%; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; -moz-border-radius: 0px; } .cms-index-index .product-item-info { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .page-products .product-item-info { width: 240px; } .product-item-info .actions { padding-top: 10px; } .product-item-actions { display: none; } .product-item-actions .actions-secondary > .action:before { margin: 0; } .product-item .product-reviews-summary .rating-summary { margin: 0 4px 0 0; } .product-item .product-reviews-summary .reviews-actions { margin-top: 5px; text-transform: lowercase; font-size: 12px; display: none; } .product-item .price-box { margin: 0 0 0.7rem; } .product-item .price-box .price { font-weight: bold; } .product-item .price-box .price-label { font-size: 12px; color: #7d7d7d; } .product-item .old-price { margin-left: 10px; } .product-item .old-price .price-label { display: none; } .product-item .minimal-price .price-container { display: block; } .product-item .minimal-price-link { margin-top: 5px; } .product-item .price-from, .product-item .price-to { margin: 0; } .product-item .tocart { /*white-space: nowrap; border-radius: 0; .lib-font-size(13px); line-height: 1; padding-top: @indent__s; padding-bottom: @indent__s;*/ } .column.main .product-items { /*margin-left: -20px;*/ } .column.main .product-item { /*padding-left: 20px;*/ } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee { margin-top: 5px; } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee, .price-container .price-including-tax + .price-excluding-tax .price, .price-container .weee .price, .price-container .weee + .price-excluding-tax:before, .price-container .weee + .price-excluding-tax .price { font-size: 1.1rem; } .price-container .weee:before { content: "(" attr(data-label) ": "; } .price-container .weee:after { content: ")"; } .price-container .weee + .price-excluding-tax:before { content: attr(data-label) ": "; } .products-list .product-item { clear: both; width: 100%; margin-bottom: 20px; overflow: hidden; padding: 10px; } .products-list .product-item .product-item-info { width: 100%; } .products-grid .product-item { margin-bottom: 20px; } .products-grid .product-image { margin: 0; } .products-grid .product-item-info { text-align: center; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 0px solid transparent; } .products-grid .product-item-info .product-item-details { padding: 10px 20px 10px; position: relative; } .products-grid .product-item-info .product-item-details .product-item-description { overflow: hidden; white-space: nowrap; /* Don't forget this one */ text-overflow: ellipsis; padding: 0 0px 0.7rem; color: #999999; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 400; } .products-grid .product-item-info .cdz-product-wishlist .link-wishlist { display: block; } .products-grid .product-item-info .cdz-product-top, .products-grid .product-item-info .cdz-hover-section { position: relative; } .products-grid .product-item-info .cdz-buttons-container { margin-bottom: 10px; } .products-grid .product-item-info .cdz-buttons-container form { display: inline-block; } .products-grid .product-item-info .cdz-buttons-container .qs-button { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; vertical-align: top; font-size: 0; } .products-grid .product-item-info .cdz-buttons-container button.tocart.primary { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .products-grid .isotope .iso-item.product-item { position: relative; } .products-grid .isotope .iso-item.product-item .product-item-link { text-decoration: none; } .products-grid .isotope .iso-item.product-item .product-item-link:visited, .products-grid .isotope .iso-item.product-item .product-item-link:hover, .products-grid .isotope .iso-item.product-item .product-item-link:active { text-decoration: none; } .products-grid .isotope .iso-item.product-item .price-box { margin-bottom: 15px; } .products-grid .isotope .iso-item.product-item.width-1:not(.width-2) .cdz-buttons form { display: inline-block; vertical-align: top; } .col1-layout .products-grid .product-items.isotope { margin: 0 !important; } .col1-layout .products-grid .product-items.isotope .iso-item.product-item { position: relative; width: 20%; padding: 2px; margin-bottom: 0; } .col1-layout .products-grid .product-items.isotope .iso-item.product-item.width-2 { width: 40%; } .col1-layout .products-grid .product-items.isotope .iso-item.product-item .product-item-info .cdz-product-bottom { background: rgba(0, 0, 0, 0.22); } .cdz-best-seller-wrap .cdz-block-title { margin-bottom: 10px; } .codazon-filter { padding-top: 10px; } tabs-list.product.data.items .item.title { margin: 0 5px 0 6px; } /*rating----------*/ .no-rating, .ratings { overflow: hidden; clear: left; } .ratings { margin: 0 0 10px; } .no-display { display: none; } .rating-box { background: url("../../default/images/bg_rating.png") repeat-x; display: inline-block; height: 12px; position: relative; vertical-align: top; width: 70px; margin: 0; background-size: 1.45rem; margin-right: 5px; margin-top: 2px; } .rating-box .rating { background: url("../../default/images/bg_rating.png") 0 100% repeat-x; height: 12px; left: 0; position: absolute; top: 0; background-size: 1.45rem; } /*----------rating*/ .cdz-block-newproduct .codazon-filter, .cdz-home-block .codazon-filter { padding: 0; } .cdz-block-newproduct .cdz-block-title, .cdz-home-block .cdz-block-title { text-align: left; margin-bottom: 0; } .cdz-block-newproduct .cdz-block-title p.b-title, .cdz-home-block .cdz-block-title p.b-title { background: #e8e8e8; display: block; display: block; border: 0; padding: 0; height: 40px; border-radius: 0 5px 0px 0px; margin: 0; } .cdz-block-newproduct .cdz-block-title p.b-title:before, .cdz-home-block .cdz-block-title p.b-title:before { display: none; } .cdz-block-newproduct .cdz-block-title p.b-title span, .cdz-home-block .cdz-block-title p.b-title span { display: inline-block; background: #fc7070; line-height: 42px; margin-top: -7px; padding: 5px 20px 0 20px; border-radius: 0px 5px 0 0; color: #fff; } .cdz-block-newproduct .cdz-block-title p.b-title span:before, .cdz-block-newproduct .cdz-block-title p.b-title span:after, .cdz-home-block .cdz-block-title p.b-title span:before, .cdz-home-block .cdz-block-title p.b-title span:after { content: ""; position: absolute; width: 0; height: 0; top: -13px; left: 3px; border: 6px solid transparent; border-bottom: 6px solid #fa0c0c; -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .cdz-block-newproduct .cdz-block-title p.b-title .view-all, .cdz-home-block .cdz-block-title p.b-title .view-all { float: right; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; line-height: 40px; margin-right: 20px; } .cdz-block-newproduct .cdz-block-title p.b-title .view-all label, .cdz-home-block .cdz-block-title p.b-title .view-all label { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-block-newproduct .cdz-block-title p.b-title .view-all:hover, .cdz-home-block .cdz-block-title p.b-title .view-all:hover { text-decoration: underline; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) { margin: 0; display: inline-block; width: 100%; border-left: 1px solid; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item { border-bottom: 1px solid; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item .product-item-info { border: 2px solid; border-radius: 0; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item .cdz-hover-section { padding: 10px 10px 0 10px; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item .product-name a { color: #fc7070; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; display: block; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item .product-item-details { padding: 10px; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item .product-item-details button.btn-cart, .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item .product-item-details .action, .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item .product-item-details .qs-button { border-radius: 3px; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item:hover .product-item-info { border: 2px solid; border-color: #fc7070; } @media (min-width: 991px) { .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) { margin: 0; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item { width: 16.6666%; padding: 0; margin: 0; min-height: inherit; border-right: 1px solid; border-bottom: 1px solid; } .col1-layout .codazon-filter-style-05 { padding: 0; } .col1-layout .codazon-filter-style-05 .products-grid { padding: 0 1px; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .item.product-item.width-1 { width: 22%; padding: 2px 1px 1px 2px; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-item-description { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 20px 10px; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-name { padding: 0 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .item.product-item.width-2 { width: 34%; min-height: 490px; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .item.product-item.width-2 .product-item-info { min-height: 487px; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .item.product-item.width-2 .product-item-info .product-name { padding-bottom: 11px; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .item.product-item.width-2 .product-item-info .cdz-product-bottom { background: #fff; height: auto; bottom: 0; top: auto; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .item.product-item.width-2 .product-item-info .cdz-product-bottom .cdz-button-bot { display: none; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .item.product-item.width-2 .product-item-info .cdz-product-bottom .cdz-buttons-container { margin-bottom: 17px; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-item-info:hover .cdz-product-bottom .cdz-button-bot a { color: #fff; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-item-info:hover .cdz-product-bottom .cdz-button-bot .price { color: #fff; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-item-info:hover .cdz-product-bottom .cdz-button-bot .old-price .price { color: #ddd; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-item-info:hover .cdz-product-info { min-height: 62px; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-item-info:hover .cdz-product-info a.product-item-link, .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-item-info:hover .cdz-product-info .product-item-description { color: #fff; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-item-info:hover .cdz-product-info .price { color: #fff; } .codazon-filter-style-05 .products-grid .isotope .width-1 .cdz-product-top .product-image { width: 206px; margin: 0 auto; padding: 10px 10px 11px; } .codazon-filter-style-05 .products-grid .isotope .width-2 .cdz-product-top .product-image { width: auto; margin: 0 auto; } .codazon-filter-style-05 .products-grid .isotope .width-2 .product-item-info .cdz-product-info .product-item-description { display: none; } .codazon-filter-style-05 .products-grid .isotope .width-2 .product-item-info .cdz-media-wrap { padding: 5px 0 9px; } .codazon-filter-style-05 .products-grid .isotope .width-2 .product-item-info .cdz-media-wrap .owl-item { float: none; display: inline-block; } .codazon-filter-style-05 .products-grid .isotope .width-2 .product-item-info .cdz-media-wrap .img-item { margin: 0 5px; } .codazon-filter-style-05 .products-grid .isotope .width-2 .product-item-info .cdz-media-wrap .img-item img { border: 1px solid #f1f1f1; } .codazon-filter-style-05 .products-grid .isotope .width-2 .product-item-info .cdz-product-info { min-height: 45px; } .codazon-filter-style-05 .products-grid .isotope .width-2 .product-item-info:hover .cdz-product-bottom .cdz-button-bot a { color: #fff; } .codazon-filter-style-05 .products-grid .isotope .width-2 .product-item-info:hover .cdz-product-bottom .cdz-button-bot .price { color: #fff; } .codazon-filter-style-05 .products-grid .isotope .width-2 .product-item-info:hover .cdz-product-bottom .cdz-button-bot .old-price .price { color: #ddd; } .codazon-filter-style-05 .products-grid .isotope .width-2 .product-item-info:hover .cdz-product-info { min-height: 45px !important; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .codazon-filter-style-05 .products-grid .isotope .width-2 .product-item-info:hover .cdz-product-info a.product-item-link, .codazon-filter-style-05 .products-grid .isotope .width-2 .product-item-info:hover .cdz-product-info .product-item-description { color: #fff; } .codazon-filter-style-05 .products-grid .isotope .width-2 .product-item-info:hover .cdz-product-info .price { color: #fff; } } @media (min-width: 768px) and (max-width: 991px) { .col1-layout .codazon-filter-style-04 .products-grid { border-left: 1px solid; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) { margin: 0; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item { width: 25%; padding: 0; margin: 0; min-height: 385px; border-right: 1px solid; border-bottom: 1px solid; } .col1-layout .codazon-filter-style-05 { padding: 0; } .col1-layout .codazon-filter-style-05 .products-grid { padding: 0 1px; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .item.product-item.width-1 { width: 22%; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-item-description { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 20px; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-name a { padding: 0 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .item.product-item.width-2 { width: 34%; min-height: 490px; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .item.product-item.width-2 .product-item-info { min-height: 490px; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-item-info:hover .cdz-product-info { min-height: 65px; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-item-info:hover .cdz-product-info a.product-item-link, .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-item-info:hover .cdz-product-info .product-item-description { font-size: 0 !important; } .col1-layout .codazon-filter-style-05 .products-grid .product-items.isotope .product-item-info:hover .cdz-product-info .price { font-size: 0 !important; } .codazon-filter-style-05 .products-grid .isotope .width-1 .cdz-product-top .product-image { width: 155px; margin: 0 auto; padding: 10px 10px 11px; } .codazon-filter-style-05 .products-grid .isotope .width-2 .cdz-product-top .product-image { width: auto; margin: 0 auto; } } /*================ RTL ================*/ .cdz-rtl .cdz-block-newproduct .cdz-block-title, .cdz-rtl .cdz-home-block .cdz-block-title { text-align: right; } .cdz-rtl .cdz-block-newproduct .cdz-block-title p.b-title span, .cdz-rtl .cdz-home-block .cdz-block-title p.b-title span { border-radius: 5px 0px 0 0; } .cdz-rtl .cdz-block-newproduct .cdz-block-title p.b-title span:before, .cdz-rtl .cdz-block-newproduct .cdz-block-title p.b-title span:after, .cdz-rtl .cdz-home-block .cdz-block-title p.b-title span:before, .cdz-rtl .cdz-home-block .cdz-block-title p.b-title span:after { border-left: 6px solid #fa0c0c; border-bottom-color: transparent; right: 3px; left: auto; } /*Start Best seller tab*/ .cdz-best-seller-wrap .nav-tabs, .cdz-best-seller-wrap .nav.nav-tabs { margin-left: 0; margin-right: 0; border: 0; text-align: center; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item .switch, .cdz-best-seller-wrap .nav.nav-tabs .nav-tab-item .switch { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border: 1px solid #e1e1e1; } .cdz-best-seller-wrap .nav-tabs .active.nav-tab-item .switch, .cdz-best-seller-wrap .nav.nav-tabs .active.nav-tab-item .switch { border: 1px solid #e1e1e1; } .cdz-best-seller-wrap .nav-tabs .item.content, .cdz-best-seller-wrap .nav.nav-tabs .item.content { margin-top: -6px; padding-left: 0; padding-right: 0; } .cdz-best-seller-wrap .nav-tabs { position: relative; z-index: 1; border-bottom: 0; margin-left: 0; margin-right: 0; } .cdz-best-seller-wrap .nav-tabs:before, .cdz-best-seller-wrap .nav-tabs:after { content: ''; display: table; } .cdz-best-seller-wrap .nav-tabs:after { clear: both; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item { float: none; width: auto; display: inline-block; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item .switch { height: 20px; display: block; position: relative; z-index: 2; } .cdz-best-seller-wrap .nav-tabs .item.content { margin-top: 20px; box-sizing: border-box; float: right; margin-left: -100%; width: 100%; } .cdz-best-seller-wrap .nav-tabs .item.content:before, .cdz-best-seller-wrap .nav-tabs .item.content:after { content: ''; display: table; } .cdz-best-seller-wrap .nav-tabs .item.content:after { clear: both; } .cdz-best-seller-wrap .nav-tabs .item.content.active { display: block; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item { margin: 0 5px 0 0; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item .switch { font-weight: 600; line-height: 40px; font-size: 1.4rem; color: #999999; text-decoration: none; background: transparent; border: 1px solid #e1e1e1; border-bottom: none; height: 40px; padding: 10px 10px 10px 10px; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item .switch:visited { color: #999999; text-decoration: none; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item .switch:hover { color: #fc7070; text-decoration: none; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item .switch:active { color: #282828; text-decoration: none; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item:not(.disabled) .switch:focus, .cdz-best-seller-wrap .nav-tabs .nav-tab-item:not(.disabled) .switch:hover { background: transparent; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item:not(.disabled) .switch:active, .cdz-best-seller-wrap .nav-tabs .active.nav-tab-item .switch, .cdz-best-seller-wrap .nav-tabs .active.nav-tab-item .switch:focus, .cdz-best-seller-wrap .nav-tabs .active.nav-tab-item .switch:hover { background: transparent; color: #282828; } .cdz-best-seller-wrap .nav-tabs .active.nav-tab-item .switch, .cdz-best-seller-wrap .nav-tabs .active.nav-tab-item .switch:focus, .cdz-best-seller-wrap .nav-tabs .active.nav-tab-item .switch:hover { padding-bottom: 11px; } .cdz-best-seller-wrap .nav-tabs .item.content { background: transparent; margin-top: 39px; padding: 10px 0 10px 0; border: 1px solid #e1e1e1; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item a:after { display: none; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item .switch { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; border-bottom-width: 1px; border-bottom-style: solid; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-best-seller-wrap .nav-tab-content { padding: 0px; } .cdz-best-seller-wrap .product-name a { color: white; } .nav-tabs .nav-tab-item .switch:hover { color: #282828; background-color: transparent; border-color: #282828; border-bottom-width: 0px; } .nav-tabs .active.nav-tab-item .switch { font-weight: 700; color: #282828; background-color: transparent; border-color: #282828; } .cdz-best-seller-wrap .nav-tab-content { background: transparent; border-width: 0; border-top-width: 1px; } .cdz-best-seller-wrap { min-height: 400px; display: inline-block; width: 100%; vertical-align: top; text-align: center; } .cdz-best-seller-wrap .nav-tab-item { float: none; display: inline-block; vertical-align: top; margin: 0 15px 0 16px; } .cdz-best-seller-wrap .nav-tab-item .switch { border-width: 0 !important; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 0; } .cdz-best-seller-wrap .nav-tab-content { border-top-width: 0; } /*End Best seller tab*/ /*Start Grid Best seller*/ .col1-layout .products-grid .product-items.isotope { margin: 0 !important; } .col1-layout .products-grid .product-items.isotope .item.product-item { position: relative; width: 20%; padding: 2px; margin-bottom: 0; } .col1-layout .products-grid .product-items.isotope .item.product-item.width-2 { width: 40%; } .products-grid .isotope.product-item-info .product-item-details { padding: 0; } .cdz-best-seller-wrap .cdz-block-title { margin-bottom: 10px; } .products-grid .isotope .item.product-item.width-1:not(.width-2) .cdz-buttons form { display: inline-block; vertical-align: top; } .products-grid .isotope .item.product-item.width-1.width-2 .product-item-link { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-product-wishlist a.link-wishlist { font-size: 0px; } .products-grid .isotope .item.product-item .price-box { margin-bottom: 15px; } .products-grid .isotope .item.product-item .product-item-details { padding-left: 5px; padding-right: 5px; } @media (min-width: 991px) { .cdz-best-seller-wrap .products-grid .product-items.isotope .item.product-item .cdz-product-bottom { background: rgba(0, 0, 0, 0.22); } .products-grid .isotope .item.product-item .out-of-stock span { color: white; } .products-grid .isotope .item.product-item .product-name a { color: white; } .products-grid .isotope .item.product-item .price { color: white; } .products-grid .isotope .item.product-item { color: white; } } /*Color Important*/ body { font: 400 13px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; background: #f2f2f2; } body a { color: #999999; text-decoration: none; vertical-align: middle; } a:hover { text-decoration: none; vertical-align: middle; } a:hover, a:focus { color: #fc7070; } .wrapper { font: 400 13px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; background-color: #f2f2f2; } .pages { background: #f2f2f2; } .space-base { margin-bottom: 60px; } .space-small-base { margin-bottom: 20px; } .line-left, .line-right { border-color: #e1e1e1; } /* ============================================ * * Typography * ============================================ */ h1, .h1 { font: 500 22px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } h2, .h2 { font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } h3, .h3 { font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } h4, .h4 { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } h5, .h5 { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } h6, .h6 { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .page-title h1, .page-title h2 { text-transform: uppercase; font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 600; color: #282828; padding-bottom: 3px; margin-bottom: 15px; text-transform: uppercase; } .cdz-dropdown-content { background: white; border-color: #e1e1e1; } .breadcrumbs { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .breadcrumbs ul li { color: #282828; } .cdz-best-seller-wra .nav-tabs .nav-tab-item .switch:hover { color: #fc7070; text-decoration: none; } .cdz-best-seller-wra .nav-tabs .nav-tab-item .switch:active { color: #fc7070; text-decoration: none; } .cdz-best-seller-wra .nav-tabs .nav-tab-item:not(.disabled) .switch:focus, .cdz-best-seller-wra .nav-tabs .nav-tab-item:not(.disabled) .switch:hover { background: transparent; } /* ============================================ * * Content * ============================================ */ /*three block*/ /*Background parallax*/ .bg-wrapper-ads { background-image: url(../images/bg-parallax.jpg); background-position: center top; background-repeat: no-repeat; overflow: hidden; } .bg-wrapper-ads .bg-parallax { background-size: cover !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 5rem 0; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc { color: white; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .text-link :hover { text-decoration: underline; color: white; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .text-link :after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; font-size: 14px; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .action.primary { color: white; border-color: white; background: transparent; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .action.primary :hover { color: #282828; border-color: #282828; background: white; } /* ============================================ * * Codazon_Footer style 1 * ============================================ */ .footer-top-ads { color: #282828; } .footer-top-ads .ftop-ads-small { color: #282828; } .footer-top-ads .block.block-subscribe .actions .button { color: white; background-color: #282828; border-color: #282828; font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .footer-top-ads .block.block-subscribe .actions .button:hover { background: white; color: #282828; border-color: #282828; } .block.block-subscribe .block-content input { border-color: #282828; } .page-footer { background: white; color: #282828; } .page-footer .footer, .page-footer .footer button { font: 400 13px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .page-footer .top-footer-wrapper { background: url(/media/fundo-home.jpg); background-position: center; padding: 50px; } .page-footer .footer-bottom { background: #2f7eb6; } .page-footer a { color: #fff; } .page-footer a:hover { color: #fc7070; } .page-footer p.h5 { color: #fff; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .page-footer .item_tag li a { color: #282828; background-color: white; border-color: #282828; } .page-footer .item_tag li a:hover { color: white; background-color: #282828; border-color: #282828; } .page-footer .footer-social a { border: 1px solid; border-color: #fff; } .page-footer .footer-social a:hover { color: white; background-color: #282828; border-color: #282828; } .page-footer .bottom-footer-wrapper { background: #236b9e; border-top-color: #236b9e; } .page-footer .copyright { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .page-footer .footer-bottom-link li a { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-footer-style-03 .bottom-footer-wrapper address { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-footer-style-03 .footer-social a:hover { background: none; border-color: none; } .cdz-footer-style-03 .footer-social a:hover:before { border-color: #fc7070; } .cdz-footer-style-03 .footer-social a:hover span { color: #fc7070; } .cdz-footer-style-03 .footer-social a:before { border-color: #282828; } /* ============================================ * * End Codazon_Footer Style 1 * ============================================ */ /* ============================================ * * End Codazon_Footer Style 2 * ============================================ */ .footer-newsletter-02 .ftop-newsletter .block.block-subscribe .block-content .input-box input { border-color: #282828; } .footer-newsletter-02 .social a { color: white; background-color: #282828; border-color: #282828; } .footer-newsletter-02 .social a:hover { color: #282828; background-color: white; border-color: #282828; } .footer-style-02 .footer-link li { border-bottom: 1px solid #e1e1e1; } /* ============================================ * * End Codazon_Footer Style 2 * ============================================ */ /* ============================================ * * Codazon_Footer style 4 * ============================================ */ .page-footer.cdz-footer-style-04 .top-footer-wrapper { background-color: #fce0dd; } .page-footer.cdz-footer-style-04 .top-footer-wrapper .box-aboutus .box-content { background-color: white; color: #282828; } .page-footer.cdz-footer-style-04 .top-footer-wrapper .box-facebook .box-content { background-color: #4f70c2; } .page-footer.cdz-footer-style-04 .top-footer-wrapper .box-tweets { color: #fc7070; } .page-footer.cdz-footer-style-04 .top-footer-wrapper .box-tweets a { color: #fc7070; } .page-footer.cdz-footer-style-04 .top-footer-wrapper .box-tweets a:hover { color: #0ba5c9; } .page-footer.cdz-footer-style-04 .bottom-footer-wrapper .block-subscribe .block-content .actions button.button { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 400; background: #282828; color: white; border-color: #282828; } /* ============================================ * * End Codazon_Footer style 4 * ============================================ */ /* ============================================ * * Codazon_Footer style 5 * ============================================ */ .page-footer.cdz-footer-style-05 .top-footer-wrapper .footer-social a { border-color: #282828; color: #282828; background: white; } .page-footer.cdz-footer-style-05 .top-footer-wrapper .footer-social a:hover { border-color: #282828; color: white; background: #282828; } .page-footer.cdz-footer-style-05 .top-footer-wrapper .block-subscribe .block-content input { border-color: #282828; color: #282828; } .page-footer.cdz-footer-style-05 .top-footer-wrapper .block-subscribe .block-content .actions button.button { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 300; background: white; color: #282828; border-color: #282828; } .page-footer.cdz-footer-style-05 .top-footer-wrapper .block-subscribe .block-content .actions button.button:hover { border-color: #282828; color: white; background: #282828; } .page-footer.cdz-footer-style-05 .footer-links p.h5 { color: #282828; } .page-footer.cdz-footer-style-05 .footer-links ul li { border-color: #282828; } /* ============================================ * * End Codazon_Footer style 5 * ============================================ */ /* ============================================ * * Codazon_Slider * ============================================ */ .cdz-brand-slider .owl-theme.owl-carousel .owl-nav [class*='owl-'] { color: #282828; background-color: white; border-color: #282828; } .cdz-brand-slider .owl-theme.owl-carousel .owl-nav [class*='owl-']:hover { color: white; background-color: #282828; border-color: #282828; } .cdz-brand-slider-wrap .cdz-banners-item { background-color: white; border-color: #e1e1e1; } .owl-nav [class*='owl-']:hover { color: white; background-color: #282828; border-color: #282828; } .cdz-slideshow .owl-carousel .owl-nav [class*='owl-']:hover { color: white; background-color: #282828; border-color: #282828; } .cdz-brand-slider-wrap-02 .cdz-brand-title span { color: #282828; background-color: white; font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-brand-slider-wrap-02 .cdz-brand-slider { border-color: #e1e1e1; background-color: white; } .cdz-brand-slider-wrap-02 .cdz-brand-slider .cdz-banners-item:before { background-color: #e1e1e1; } .cdz-brand-slider-wrap-02 .cdz-brand-slider .cdz-banners-item > a:first-child { border-color: #e1e1e1; } /* ============================================ */ /*Block Home Jewelry*/ .wrapper-ads02 { color: white; } .wrapper-ads03 .text-area i { background: #424242; } .wrapper-ads03 .text-area h5 { background: #5b5b5b; } /*Default Input and Validate input --- */ input.input-text { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; width: 100%; height: 40px !important; color: #999999; border: 1px solid #e1e1e1; } textarea.input-text { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; width: 100%; color: #999999; border: 1px solid #e1e1e1; max-width: 100%; } .validate-select { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; width: 100%; height: 40px !important; color: #999999; border: 1px solid #e1e1e1; max-width: inherit; } .input-text:focus { border: 1px solid #282828; outline-color: #282828; } .input-text.validation-failed { border-color: #fc7070; } .validate-select.validation-failed { border-color: #fc7070; } .input-text.validation-failed:focus { outline-color: #ef9384; } /*---Default Input and Validate input */ .popup-content-title.h3 { color: #282828; } /*Slideshow and Caption area----*/ .slide-caption .slide-title span { border: 2px solid #282828; font-weight: 600; color: #282828; } .slide-caption.cls-white .slide-title span { color: #fff; } /*Slideshow and Caption area----*/ /* ============================================ * * Codazon_Blog * ============================================ */ .cdz_wapper-blog01 .owl-theme.owl-carousel .owl-nav .owl-next, .cdz_wapper-blog01 .owl-theme.owl-carousel .owl-nav .owl-prev { background: white; font-size: 0px; color: #282828; } .cdz_wapper-blog01 .owl-theme.owl-carousel .owl-nav .owl-next:hover, .cdz_wapper-blog01 .owl-theme.owl-carousel .owl-nav .owl-prev:hover { color: white; background-color: #282828; border-color: #282828; } .cdz_wapper-blog01 .blog-text-link a { color: #282828; } .cdz_wapper-blog01 .blog-text-link a:hover { color: #fc7070; } /* ============================================ * * Codazon_Blog * ============================================ */ /* ============================================ * * Codazon_Blog style 2 - Home Handbag * ============================================ */ .cdz-wapper-blog-02 .owl-item { background: white; } .cdz-wapper-blog-02 .owl-item h5.blog-title a { font: 600 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #666972; } .cdz-wapper-blog-02 .owl-item .cdz-blog-right { font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-wapper-blog-02 .owl-item .blog-author { color: #5b5b5b; } .cdz-wapper-blog-02 .owl-item .blog-desc { font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; } .cdz-wapper-blog-02 .owl-item .blog-date { background: #282828; color: white; } .cdz-wapper-blog-02 .owl-item .blog-text-link a { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; background-color: white; border-color: #282828; } .cdz-wapper-blog-02 .owl-item .blog-text-link a:hover { background: #282828; border-color: #282828; color: white; } /* ============================================ * * Codazon_Blog style 2 - Home Handbag * ============================================ */ /* ============================================ * * Codazon_Blog style 3 - Home Outdoor * ============================================ */ .cdz-wapper-blog-03 .cdz-block-title { font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-color: black; } .cdz-wapper-blog-03 .cdz-post .cdz-blog-top { background: white; } .cdz-wapper-blog-03 .cdz-post .cdz-blog-top .blog-date { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-wapper-blog-03 .cdz-post .cdz-blog-top h5.blog-title { font-weight: 700; } /* ============================================ * * End Codazon_Blog style 3 - Home Outdoor * ============================================ */ /* ============================================ * * Codazon_Blog style 6 - Home Baby * ============================================ */ .cdz_wapper-blog06 .cdz-blog-bottom .blog-title { font: 400 25px/1.35 Bentham, Helvetica Neue, Verdana, Arial, sans-serif; font-size: 18px; } .cdz_wapper-blog06 .cdz-blog-bottom .blog-title a { color: #121212; } .cdz_wapper-blog06 .cdz-blog-bottom .blog-title a:hover { color: #fc7070; } .cdz_wapper-blog06 .cdz-blog-bottom a { color: #121212; } .cdz_wapper-blog06 .cdz-blog-bottom a:hover { color: #fc7070; } /* ============================================ * * Header style 2 * ============================================ */ .cdz-header-style-02 .header .cdz-header-bottom { background-color: white; } .cdz-header-style-02 .header .cdz-bottom-logo-cart .cdz-main-menu .groupmenu li.level0 a.menu-link { border-color: #282828; } .cdz-header-style-02 .header .cdz-bottom-logo-cart .cdz-main-menu .groupmenu li.level0 a.menu-link:hover { border-color: #282828; } .cdz-header-style-02 .header .cdz-bottom-logo-cart .cdz-main-menu .groupmenu .parent:hover:after { color: white; } .cdz-header-style-02 .header .sticky-menu .cdz-top-cart { background-color: white; color: #999999; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; } .cdz-header-style-02 .header .sticky-menu .cdz-top-cart .cart-icon { color: #999999; } .cdz-header-style-02 .header .sticky-menu .cdz-top-cart .cart-icon .cart-subtotal .price { color: #999999; } .cdz-header-style-02 .header .sticky-menu .cdz-top-cart .cart-label { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-header-style-02 .header .sticky-menu .cdz-top-cart .cart-icon:before { color: #999999; } .cdz-header-style-02 .header .sticky-menu.active .block-search .button:before { color: #999999; } .cdz-header-style-02 .header .sticky-menu.active .block-search .form-search:hover input[type="text"] { color: #999999; } .cdz-header-style-02 .header .sticky-menu.active .block-search .form-search:hover .button:before { color: #999999; } .cdz-header-style-02 .header .sticky-menu.active .cdz-top-cart { color: #999999; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-header-style-02 .header .sticky-menu.active .cdz-top-cart .cart-icon { color: #999999; } .cdz-header-style-02 .header .sticky-menu.active .cdz-top-cart .cart-icon .cart-subtotal .price { color: #999999; } .cdz-header-style-02 .header .sticky-menu.active .cdz-top-cart .cart-label { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-header-style-02 .header .sticky-menu.active .cdz-top-cart .cart-icon:before { color: #999999; } /* ============================================ * * Header style 4 * ============================================ */ /* ============================================ * * Header style 4 * ============================================ */ .cdz-header-style-04 .header .cdz-bottom-logo-cart { background-color: white; } .cdz-header-style-04 .header .sticky-menu .cdz-header-cart .cdz-top-login .cdz-trigger:before { color: white; border-color: white; } .cdz-header-style-04 .header .sticky-menu .cdz-top-cart { color: #999999; } .cdz-header-style-04 .header .sticky-menu .cdz-top-cart .cart-icon { color: #999999; } .cdz-header-style-04 .header .sticky-menu .cdz-top-cart .cart-icon .cart-subtotal .price { color: white; } .cdz-header-style-04 .header .sticky-menu .cdz-top-cart .cart-qty { color: white; background-color: #282828; } .cdz-header-style-04 .header .sticky-menu .cdz-top-cart .cart-icon:before { color: white; border-color: white; } /* ============================================ * * End Header style 4 * ============================================ */ /* ============================================ * * Header style 4 * ============================================ */ /* ============================================ * * Header style 5 * ============================================ */ .cdz-header-style-05 .header .cdz-header-cart .cdz-top-login .cdz-trigger { color: #999999; } .cdz-header-style-05 .header .cdz-header-cart .cdz-top-login .cdz-trigger:hover { color: #222222; } .cdz-header-style-05 .header .sticky-menu:not(.active) .cdz-top-cart { background: white; } .cdz-header-style-05 .header .sticky-menu:not(.active) .cdz-top-cart .cart-icon { color: #999999; } .cdz-header-style-05 .header .sticky-menu:not(.active) .cdz-top-cart .cart-icon:hover { color: #222222; } .cdz-header-style-05 .header .sticky-menu.active .cdz-header-cart .cart-icon .cart-qty { background: white; } /* ============================================ * * End Header style 5 * ============================================ */ /* ============================================ * * Header style 6 * ============================================ */ .cdz-header-style-06 .header .cdz-header-top .cdz-top-login .cdz-trigger { color: #999999; } .cdz-header-style-06 .header .cdz-header-top .cdz-top-login .cdz-trigger:hover { color: #222222; } .cdz-header-style-06 .header .cdz-header-top .cdz-top-login .cdz-dropdown-content .forgot-password a, .cdz-header-style-06 .header .cdz-header-top .cdz-top-login .cdz-dropdown-content a { color: #999999; } .cdz-header-style-06 .header .cdz-header-top .cdz-top-login .cdz-dropdown-content .forgot-password a:hover, .cdz-header-style-06 .header .cdz-header-top .cdz-top-login .cdz-dropdown-content a:hover { color: #222222; } .cdz-header-style-06 .header .menu-vertical .cdz-nav-wrap a.menu-link { font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-header-style-06 .header .sticky-menu:not(.active) .cdz-top-cart { background: white; } .cdz-header-style-06 .header .sticky-menu:not(.active) .cdz-top-cart .cart-icon { color: #999999; } .cdz-header-style-06 .header .sticky-menu:not(.active) .cdz-top-cart .cart-icon:hover { color: #222222; } .cdz-header-style-06 .header .sticky-menu:not(.active) .cdz-top-cart .cart-icon:before { border-color: #999999; } .cdz-header-style-06 .header .sticky-menu:not(.active) .cdz-top-cart .cart-icon .price { color: #999999; } .cdz-header-style-06 .header .sticky-menu:not(.active) .cdz-top-cart .cart-icon .cart-qty { background: #999999; color: #222; } .cdz-header-style-06 .header .sticky-menu.active .cdz-header-cart .cart-icon .cart-qty { background: white; } /* ============================================ * * End Header style 6 * ============================================ */ /* ============================================ * * Header style 7 * ============================================ */ .cdz-header-style-07 .cdz-header-top .cdz-top-link .link a { color: #999999; } .cdz-header-style-07 .cdz-header-top .cdz-top-link .link a:hover, .cdz-header-style-07 .cdz-header-top .cdz-top-link .link a:focus { color: #222222; } .cdz-header-style-07 .cdz-header-top .cdz-top-link .cdz-dropdown li a { color: #999999; } .cdz-header-style-07 .cdz-header-top .cdz-top-link .cdz-dropdown li a:hover, .cdz-header-style-07 .cdz-header-top .cdz-top-link .cdz-dropdown li a:focus { color: #222222; } .cdz-header-style-07 .cdz-header-top .cdz-top-link li.cdz-dropdown .forgot-password a { color: #999999; } .cdz-header-style-07 .cdz-header-top .cdz-top-link li.cdz-dropdown .forgot-password a:hover, .cdz-header-style-07 .cdz-header-top .cdz-top-link li.cdz-dropdown .forgot-password a:focus { color: #222222; } .cdz-header-style-07 .cdz-header-bottom { border-bottom-color: #e7e7e7; } /* ============================================ * * End Header style 7 * ============================================ */ /* ============================================ * * Header style 8 - Baby * ============================================ */ .cdz-header-style-08 .header { border-bottom-color: #e7e7e7; } .cdz-header-style-08 .header a { color: #999999; } .cdz-header-style-08 .header a:hover, .cdz-header-style-08 .header a:focus { color: #222222; } .cdz-header-style-08 .sticky-menu:not(.active) .block-search .form-search { border-bottom-color: #282828; } .cdz-header-style-08 .top-information { color: #999999; } .cdz-header-style-08 .cart-icon .cart-qty { background-color: #222222; } .cdz-header-style-08 .cdz-top-link .cdz-dropdown-content .login-section .btn-primary { background: white; color: #282828; border-color: #282828; font: 600 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-header-style-08 .cdz-top-link .cdz-dropdown-content .login-section .btn-primary:hover { background: #282828; color: white; border-color: #282828; } /* ============================================ * * End Header style 8 - Baby * ============================================ */ /* ============================================ * * Header style 9 - Grocery * ============================================ */ .cdz-header-style-09 .store-links li a { color: #999999; background: #f1f1f1; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-header-style-09 .store-links li.active a { color: #222222; background: white; } .cdz-header-style-09 .cdz-mobile-header-panel { background: #f1f1f1; } .cdz-header-style-09 .header .cdz-header-top .cdz-dropdown .cdz-trigger { color: #999999; } .cdz-header-style-09 .header .cdz-header-top .cdz-dropdown .cdz-trigger:hover { color: #222222; } .cdz-header-style-09 .header .cdz-header-top .cdz-dropdown .cdz-dropdown-content .forgot-password a, .cdz-header-style-09 .header .cdz-header-top .cdz-dropdown .cdz-dropdown-content a { color: #999999; } .cdz-header-style-09 .header .cdz-header-top .cdz-dropdown .cdz-dropdown-content .forgot-password a:hover, .cdz-header-style-09 .header .cdz-header-top .cdz-dropdown .cdz-dropdown-content a:hover { color: #222222; } .cdz-header-style-09 .header .cdz-header-top .cdz-top-link li a:visited, .cdz-header-style-09 .header .cdz-header-top .cdz-top-link li a:hover, .cdz-header-style-09 .header .cdz-header-top .cdz-top-link li a:active { color: #222222; } .cdz-header-style-09 .header .menu-vertical .cdz-nav-wrap a.menu-link { font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-header-style-09 .header .sticky-menu:not(.active) .cdz-top-cart { background: none; } .cdz-header-style-09 .header .sticky-menu:not(.active) .cdz-top-cart .cart-icon { color: #525252; } .cdz-header-style-09 .header .sticky-menu:not(.active) .cdz-top-cart .cart-icon:hover { color: #222222; } .cdz-header-style-09 .header .sticky-menu:not(.active) .cdz-top-cart .cart-icon:before { border-color: #999999; background-color: white; } .cdz-header-style-09 .header .sticky-menu:not(.active) .cdz-top-cart .cart-icon .price { color: #999999; } .cdz-header-style-09 .header .sticky-menu:not(.active) .cdz-top-cart .cart-icon .cart-qty { background: #f7f5f5; color: #222; } .cdz-header-style-09 .header .sticky-menu:not(.active) .block-search .form-search { border: 1px solid #f1f1f1; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .cdz-header-style-09 .header .sticky-menu:not(.active) .block-search .form-search .button { width: 42px; height: 42px; } .cdz-header-style-09 .header .sticky-menu:not(.active) .block-search .form-search.cat-search-enable .current-cat { border-color: #f1f1f1; } .cdz-header-style-09 .header .sticky-menu.active .cdz-header-cart .cart-icon .cart-qty { background: #525252; } .cdz-header-style-09 .header .sticky-menu.active .block-search .form-search .button:hover { background: #525252; } .cdz-header-style-09 .header .sticky-menu.active .block-search .form-search .button:hover:before { color: white; } .cdz-header-style-09 .header .cdz-bottom-logo-cart { color: #999999; } .cdz-header-style-09 .header .cdz-bottom-logo-cart a { color: #999999; } .cdz-header-style-09 .header .cdz-bottom-logo-cart a:hover, .cdz-header-style-09 .header .cdz-bottom-logo-cart a:focus { color: #222222; } .cdz-header-style-09 .header .block-search .button { background: #f1f1f1; border: 1px solid #f1f1f1; } .cdz-header-style-09 .header .block-search .button:before { color: #999999; } .cdz-header-style-09 .header .block-search .button:hover { background: #525252; } .cdz-header-style-09 .header .block-search .button:hover:before { color: white; } /* ============================================ * * End Header style 9 * ============================================ */ /* ============================================ * * Header * ============================================ */ .cdz-top-login .cdz-dropdown-content { color: #282828; } .cdz-top-login .block-login .block-content button.button, #login-form .block-login .block-content button.button { background: #282828; color: white; border-color: #282828; } .cdz-top-login .block-login .block-content button.button:hover, #login-form .block-login .block-content button.button:hover { background: white; color: #282828; border-color: #282828; } .header .sticky-menu.active .form-search .button:hover { background: none; color: #282828; } .header { background-color: white; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .header .cdz-header-top { border-bottom: 1px solid #e7e7e7; background-color: #f1f1f1; color: #999999; } .header .cdz-header-top .cdz-top-link .link a { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .header .cdz-header-top .cdz-top-link li a { color: #999999; } .header .cdz-header-top .cdz-top-link li a:visited, .header .cdz-header-top .cdz-top-link li a:hover, .header .cdz-header-top .cdz-top-link li a:active { color: #b3b3b3; } .header .cdz-header-top .cdz-top-link li .forgot-password a { color: #999999; } .header #cdz-pc-stores .cdz-dropdown-content a:hover { background: #f8f8f8; color: #282828; } .header #cdz-pc-stores .cdz-trigger { color: #999999; } .header #cdz-pc-stores .cdz-trigger:hover { color: #b3b3b3; } .header .cdz-col-left { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .header-bottom { clear: both; } .cdz-content-search { float: right; } /*Search box area*/ .cdz-header-menu { background: #307fb7; } .block-search .label:hover:before { color: #282828; } .block-search .label:active:before { color: #282828; } .block-search .control { border-top: 1px solid #e1e1e1; } .block-search input[type="text"] { color: #999999; background-color: #fff; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border: 2px solid #999999; } .block-search .button:hover:before { color: #282828; } .block-search .button.disabled, .block-search .button:focus:before { color: #282828; } .block-search .button:before { color: #fff; } .block-search .cat-search-enable { border-color: #020202; color: #999999; background-color: #282828; } .block-search .cat-search-enable .current-cat { border-color: #020202; } .block-search .cat-search-enable .button { background-color: #282828; } .block-search .cat-search-enable .button:before { color: white; } .block-search .cat-search-enable .button:hover { background-color: #282828; } .block-search .cat-search-enable .button:hover:before { color: white; } .block-search .button[disabled], fieldset[disabled] .block-search .button { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .block-search input ::-webkit-input-placeholder { color: #999999; } .block-search input :-moz-placeholder { color: #999999; } .block-search input ::-moz-placeholder { color: #999999; } .block-search input :-ms-input-placeholder { color: #999999; } /*----- Codazon Search box*/ .search-autocomplete ul li { border-top: 1px solid #e5e5e5; } .search-autocomplete ul li .amount { color: #999999; } .mobile-search-wrapper .block-search .mobile-search-icon { color: #999999; } .mobile-search-wrapper .ui-dialog .minisearch { border: 1px solid #999999; } .mobile-search-wrapper .ui-dialog input[type="text"] { color: #999999; border-color: #999999; } .mobile-search-wrapper .ui-dialog .button:before { color: #999999; } .mobile-search-wrapper .ui-dialog .button:hover:before { color: #282828; } .mobile-search-wrapper .ui-dialog .button:focus:before { color: #282828; } .mobile-search-wrapper .ui-dialog .button:before { color: #999999; } /*------Search area*/ .block-cart.cdz-dropdown-content { right: 0; left: auto; min-width: 350px; } .block-cart.cdz-dropdown-content .empty { text-align: center; } .block-cart.cdz-dropdown-content .block-title { display: none; } .block-cart .button { float: none; width: 100%; background: #282828; color: white; border-color: #282828; } .cdz-top-cart .block-cart.cdz-dropdown-content { color: #282828; } .header .block-cart, .header .block:not(.block-static-block) { /*.button:hover{ background:$btn_primary_background; color:$btn_primary_text }*/ } .header .block-cart .summary, .header .block:not(.block-static-block) .summary { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; } .header .block-cart .summary h4, .header .block:not(.block-static-block) .summary h4 { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; } .header .block-cart .summary p, .header .block:not(.block-static-block) .summary p { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; } .header .block-cart .actions, .header .block:not(.block-static-block) .actions { border-bottom: 1px solid #e1e1e1; /*.button{ background:$btn_default_background; color:$btn_default_text }*/ } .header .block-cart .block-subtitle, .header .block:not(.block-static-block) .block-subtitle { display: none; } .header .block-cart .mini-products-list, .header .block:not(.block-static-block) .mini-products-list { border-bottom: 1px solid #e1e1e1; } .header .block-cart .cart-viewcart a, .header .block:not(.block-static-block) .cart-viewcart a { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .header .block-cart .btn-edit, .header .block:not(.block-static-block) .btn-edit { font-size: 0; } .header .block-cart .btn-edit:before, .header .block:not(.block-static-block) .btn-edit:before { color: #282828; } .header .block-cart .btn-remove, .header .block:not(.block-static-block) .btn-remove { font-size: 0; width: 0; height: 0; padding: 0; margin: 0; } .header .block-cart .btn-remove:before, .header .block:not(.block-static-block) .btn-remove:before { color: #282828; border: 1px solid #e1e1e1; } .footer-cart .cart-content .summary .subtotal .price { color: #282828; } .footer-cart .cart-content button.button { color: white; background-color: #282828; border-color: #282828; } .footer-cart .cart-content button.button:hover { color: #282828; background-color: white; border-color: #282828; } .footer-cart .cart-content .cart-item .btn-remove { color: #121212; } .footer-cart .cart-content .cart-item .btn-remove:hover { color: #fc7070; } .footer-cart .cart-content .cart-items .owl-nav [class*='owl-'], .footer-cart .cart-content .cart-items .owl-theme .owl-nav [class*=owl-] { border: 1px solid black; background: white; color: black; } .footer-cart .cart-content .cart-items .owl-nav [class*='owl-']:hover, .footer-cart .cart-content .cart-items .owl-theme .owl-nav [class*=owl-]:hover { border-color: #fc7070; color: #fc7070; } /*Logo and Cart area*/ /* ============================================ * * Codazon_Header * ============================================ */ /* ============================================ * * Codazon_Product grid & List * ============================================ */ .codazon-filter-style-02 .products-grid .product-item-info .product-name a, .codazon-filter-style-05 .products-grid .product-item-info .product-name a { color: #282828; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item .switch, .cdz-best-seller-wrap .nav.nav-tabs .nav-tab-item .switch { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border: 1px solid #e1e1e1; } .cdz-best-seller-wrap .nav-tabs .active.nav-tab-item .switch, .cdz-best-seller-wrap .nav.nav-tabs .active.nav-tab-item .switch { border: 1px solid #e1e1e1; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item .switch { color: #999999; background: transparent; border: 1px solid #e1e1e1; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item .switch:visited { color: #999999; text-decoration: none; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item .switch:hover { color: #fc7070; text-decoration: none; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item .switch:active { color: #282828; text-decoration: none; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item:not(.disabled) .switch:focus, .cdz-best-seller-wrap .nav-tabs .nav-tab-item:not(.disabled) .switch:hover { background: transparent; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item:not(.disabled) .switch:active, .cdz-best-seller-wrap .nav-tabs .active.nav-tab-item .switch, .cdz-best-seller-wrap .nav-tabs .active.nav-tab-item .switch:focus, .cdz-best-seller-wrap .nav-tabs .active.nav-tab-item .switch:hover { background: transparent; color: #282828; } .cdz-best-seller-wrap .nav-tabs .item.content { background: transparent; border: 1px solid #e1e1e1; } .cdz-best-seller-wrap .nav-tabs .nav-tab-item .switch { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-best-seller-wrap .product-name a { color: white; } .isotope-wrap .products-grid .product-item-info .product-name { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .isotope-wrap .products-grid .product-item-info .cdz-product-wishlist .action:before { color: white; } .isotope-wrap .products-grid .product-item-info .cdz-buttons-container .cdz-buttons button.btn-cart, .isotope-wrap .products-grid .product-item-info .cdz-buttons-container .qs-button, .isotope-wrap .products-grid .product-item-info .cdz-buttons-container .action { color: #282828; background-color: white; border-color: #282828; } .isotope-wrap .products-grid .product-item-info .cdz-buttons-container .cdz-buttons button.btn-cart:hover, .isotope-wrap .products-grid .product-item-info .cdz-buttons-container .qs-button:hover, .isotope-wrap .products-grid .product-item-info .cdz-buttons-container .action:hover { color: white; background-color: #282828; border-color: #282828; } .toolbar { background: white; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; -moz-border-radius: 0px; } .toolbar-bottom .pager li { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .toolbar-bottom .pager li.current { background: #282828; color: white; } .toolbar-bottom .pager a.next, .toolbar-bottom .pager a.previous { border: 1px solid #e1e1e1; } .product-name a { color: #282828; } .price { color: #ffffff; } .old-price { margin-left: 10px; color: #999999; } .old-price .price { color: #999999; } .products-list .product-item { background: white; border: 1px solid #e1e1e1; } .products-grid .isotope .item.product-item .out-of-stock span { color: white; } .products-grid .product-item-info .product-item-details .product-item-description { color: #999999; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .products-grid .product-item .product-item-info .cdz-product-bottom { background: ; } .products-grid .product-items:not(.owl-carousel) { background: white; } .product-item .price { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; } .product-name a { color: #282828; } .product-name a:hover { color: #fc7070; } .product-item-info { background: white; } .product-item-info .product-name { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .products-list .product-item { background: white; border: 1px solid #e1e1e1; } .products-grid .product-item-info .product-item-details .product-item-description { color: #999999; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .products-grid .product-item-info .cdz-product-bottom { background: ; } .products-grid .product-gallery .gitems .gitem.item-active a { border-color: #fc7070; } .products-grid .isotope .iso-item.product-item { color: white; } .products-grid .isotope .iso-item.product-item .product-item-link { color: white; } .products-grid .isotope .iso-item.product-item .product-item-link:visited, .products-grid .isotope .iso-item.product-item .product-item-link:hover, .products-grid .isotope .iso-item.product-item .product-item-link:active { color: white; } .products-grid .isotope .iso-item.product-item .price { color: white; } .products-grid .isotope .iso-item.product-item.width-1.width-2 .product-item-link { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } /* ============================================ * * Codazon_Product grid & List * ============================================ */ /* ============================================ * * Codazon_Button style * ============================================ */ .action.primary, button.button, .btn { background: white; border-color: #282828; color: #282828; font: 600 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; outline: none; } .action.primary:focus, button.button:focus, .btn:focus, .action.primary:active, button.button:active.btn:active, .btn:hover { background: #282828; border-color: #282828; color: white; outline: none; } .action.primary:hover, button.button:hover { background: #282828; border-color: #282828; color: white; border: 3px solid; } button { color: white; background-color: #282828; border-color: #282828; font: 600 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; outline: none; } button:hover { color: #282828; background-color: white; border-color: #282828; } .cdz-buttons-container button.btn-cart { color: white; background-color: #282828; border-color: #282828; } .cdz-buttons-container button.btn-cart:hover { color: #282828; background-color: white; border-color: #282828; } .cdz-buttons-container .qs-button { color: white; background-color: #282828; border-color: #282828; } .cdz-buttons-container .qs-button:hover { color: #282828; background-color: white; border-color: #282828; } .actions-secondary:not(.cdz-product-wishlist &) .action { color: #282828; background-color: white; border-color: #282828; } .actions-secondary:not(.cdz-product-wishlist &) .action:hover { color: white; background-color: #282828; border-color: #282828; } .cdz-buttons-container .action, .addto-hover-container .action { color: white; background-color: #282828; border-color: #282828; } .cdz-buttons-container .action:hover, .addto-hover-container .action:hover { color: #282828; background-color: white; border-color: #282828; } .product-addto-links .action { color: #282828; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-addto-links .action:visited { color: #282828; } .product-addto-links .action:hover { color: #282828; } .product-addto-links .action:active { color: #282828; } .product-addto-links .action span { border-color: #e1e1e1; } .product-addto-links .action:hover span { color: #282828; background-color: white; border-color: #282828; } .cdz-product-wishlist a.link-wishlist { color: #282828; } .cdz-product-wishlist a.link-wishlist:visited { color: #fc7070; } .cdz-product-wishlist a.link-wishlist:hover { color: #fc7070; } .cdz-product-wishlist a.link-wishlist:active { color: #fc7070; } .cdz-product-wishlist a.link-wishlist:hover:before { color: #fc7070; } .product-item-info:hover .cdz-product-wishlist a.link-wishlist { color: #fc7070; } .ajax-load-wrapper .ajax-load-button .ajax-loader, .ajax-load-wrapper .ajax-load-button a { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .ajax-load-wrapper .ajax-load-button .ajax-loader:focus, .ajax-load-wrapper .ajax-load-button a:focus, .ajax-load-wrapper .ajax-load-button .ajax-loader:active, .ajax-load-wrapper .ajax-load-button a:active { background: #282828; border-color: #282828; color: white; } .ajax-load-wrapper .ajax-load-button .ajax-loader:hover, .ajax-load-wrapper .ajax-load-button a:hover { background: #282828; border-color: #282828; color: white; } .ajax-load-wrapper .ajax-load-button .ajax-loader:hover, .ajax-load-wrapper .ajax-load-button a:hover { color: white; background-color: #282828; border-color: #282828; } #back-top a { background: white; border-color: #282828; color: #282828; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-size: 0; } #back-top a:focus, #back-top a:active { background: #282828; border-color: #282828; color: white; } #back-top a:hover { background: #282828; border-color: #282828; color: white; } .qs-button { background: white; color: #282828; background-color: white; border-color: #282828; } .qs-button:focus, .qs-button:active { background: #282828; border-color: #282828; color: white; } .btn-link { background: white; color: #282828; background-color: white; border-color: #282828; } .btn-link:focus, .btn-link:active { background: #282828; border-color: #282828; color: white; } .btn-link:hover { background: #282828; border-color: #282828; color: white; } .btn-link-readmore { background: white; color: #282828; background-color: white; border-color: #282828; } .btn-link-readmore:focus, .btn-link-readmore:active { border-color: #282828; color: white; } .btn-link-readmore:hover { border-color: #282828; color: white; } .qs-button:hover { color: white; background-color: #282828; border-color: #282828; } .btn { border-radius: 0; } .ajax-load-button .ajax-loader, .ajax-load-button a { background: white; border: 3px solid #282828; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; box-sizing: border-box; vertical-align: middle; color: #282828; background-color: white; border-color: #282828; } /* ============================================ * * Codazon_Button style * ============================================ */ /* ============================================ * * Codazon_Product detail * ============================================ */ .product-shop .qty-ctl button { border-color: #e1e1e1; color: #121212; } .data-table .input-text.qty { min-width: 40px; padding: 0 8px; color: #282828; } .qty-ctl .increase:before { border-color: #e1e1e1; color: #121212; } .qty-ctl .decrease:before { color: #121212; border-color: #e1e1e1; } .product-name h1, .product-name .h1 { text-transform: uppercase; font: 500 22px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 600; color: #282828; border-bottom: 1px solid #e1e1e1; padding-bottom: 3px; margin-bottom: 15px; text-transform: uppercase; } .product-view .product-name h1 { font: 500 22px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view .product-shop-sku { clear: left; color: #282828; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; margin: 0; } .product-view .product-shop-sku strong { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view #downloadable-links-list { margin: 0; } .product-view #downloadable-links-list .label { color: #282828; } .product-view .grouped-items-table .availability.out-of-stock span { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view .grouped-items-table .price-box .regular-price .price { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif !important; } .product-view .availability label { display: none; } .product-view .availability.in-stock { font-weight: 400; color: #999999; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view .availability.in-stock span { color: #fc7070; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view .availability.in-stock strong { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view .availability.out-of-stock span { color: #999999; } .product-view .availability.in-stock strong { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view .ratings .rating-links { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view .ratings .rating-links a { color: #999999; } .product-view .no-rating { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view .cdz-social-listing li { font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view .cdz-social-listing li .trasition-all { color: #282828; } .product-view .action.primary, .product-view button.button { background: #282828; border: 3px solid #282828; color: white; line-height: 28px; } .product-view .product-essential .button.btn-cart { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view button.button:hover { background: white; border: 3px solid #282828; color: #282828; } .product-view .add-to-links li a { border: 1px solid #e1e1e1; color: #282828; } .product-view .add-to-links li.compare a { border-right: 1px solid #e1e1e1 !important; } .product-view .add-to-links li a:hover { border: 1px solid #282828 !important; } .product-view .size-chart-btn { color: #282828; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view .short-description h2 { color: #282828; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view .product-options .swatch-attr .select-label { color: #fc7070; } .product-view .rsUni .rsThumb.rsNavSelected .thumbIco { border-color: #fc7070; } .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price { color: #fc7070; font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } /**/ /*Start Product media*/ .product-view-media .more-views li a:hover img { border: 2px solid #282828; } .product-view .product-essential, .product-view .product-detail-tab, .product-view .box-reviews, .product-view .block-related, .product-view .block-upsell { background: white; } /*End Product media*/ .product-view .box-collateral h2, .block-related .block-title { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-bottom: 1px solid #282828; } .product-view .box-collateral h2 strong, .product-view .block-related .block-title strong { border-bottom: 3px solid #282828; } .product-collateral .product-tabs li a::before, .product-collateral .product-tabs li a::after { background: #282828; } /* ============================================ * * Codazon_Product detail * ============================================ */ /* ============================================ * * Codazon_Checkout * ============================================ */ .form-list .control label, .sp-methods dt label, #checkout-shipping-method-load .sp-methods dd label, #co-shipping-method-form .sp-methods dd label, .product-options ul.options-list label { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cart form fieldset { background: white; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; } .cart-collaterals #discount-coupon-form, .cart-collaterals .cart .giftcard, .cart-collaterals .shipping, .cart-collaterals .totals-content { /* width: 100%; */ background: white; border: 1px solid #e1e1e1; border-top: 3px solid #e1e1e1; } .cart-collaterals tfoot strong { font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .block.block-crosssell { background: white; border: 1px solid #e1e1e1; border-top: 3px solid #e1e1e1; } .cart-collaterals .totals .checkout-types .button { background: #282828; color: white; font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cart-collaterals .totals .checkout-types .button:hover { background: white; color: #282828; } /*Custom Checkout form ------*/ .cdz-onestepcheckout li.section .step { background: white; padding: 20px; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; -moz-border-radius: 0px; } .cdz-onestepcheckout .section .step-title { text-align: center !important; font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif !important; color: #282828 !important; } .cdz-onestepcheckout .buttons-set { background: #f4f4f4; } .cdz-onestepcheckout .buttons-set p.required { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #999999; } .cdz-onestepcheckout .buttons-set button.button { background: #282828; color: white; border-color: #282828; } .cdz-onestepcheckout .buttons-set button.button:hover { background: white; color: #282828; border-color: #282828; } .cart-empty { background: white; padding: 20px; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; -moz-border-radius: 0px; padding: 200px 20px; text-align: center; } .form-list .field label { color: #999999; } .form-list .field.active label { background: #e1e1e1; color: white; } .form-list select { color: #999999; border: 1px solid #e1e1e1; } .form-list .field-select-box label { background: #e1e1e1; } .opc h3, .opc h4 { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .form-list .wide label { color: #999999; } .form-list .wide.active label { background: #e1e1e1; color: white; } .opc-block-progress .block-title strong { font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif !important; } .opc-block-progress .block-content dt.complete:after { background: #fc7070; } .opc-block-progress .changelink a:before { color: #282828; } .opc-block-progress .block-content dt, .checkout-progress li span { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; } #shipping-progress-opcheckout:before, #shipping_method-progress-opcheckout:before, #payment-progress-opcheckout:before, .checkout-progress li:before { background: #424242; } .opc-block-progress .block-content dt:before, .checkout-progress li span:before { color: #424242; } .opc-block-progress .block-content dt.complete:before, .checkout-progress li.active span:before { background: #fc7070; color: white; } /* ============================================ * * Codazon_Checkout * ============================================ */ /* ============================================ * * Codazon_My Account * ============================================ */ .manage-address, .change-pass { background: white; border-color: #282828; color: #282828; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .manage-address a, .change-pass a { color: #282828; } .manage-address:hover, .change-pass:hover { background: #282828; border-color: #282828; color: white; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .manage-address:hover a, .change-pass:hover a { color: white; } .dashboard .welcome-msg { border: 1px solid #e1e1e1; } .dashboard .head { border-bottom: 1px solid #e1e1e1; font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .box-account-content { border: 1px solid #e1e1e1; } .customer-address-info .box-title { border-bottom: 1px solid #e1e1e1; font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .customer-address-info .box-title h3 { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } /*Custom my account full width*/ .my-account { background: white; } .my-account .page-title h1, .my-account .page-title h2 { color: #282828; } .my-account-logo { display: block; } .customer-account-index .wrapper, .customer-account-edit .wrapper, .wishlist-index-index .wrapper, .customer-address-form .wrapper, .sales-order-history .wrapper, .sales-billing-agreement-index .wrapper, .sales-recurring-profile-index .wrapper, .review-customer-index .wrapper, .oauth-customer-token-index .wrapper, .newsletter-manage-index .wrapper, .downloadable-customer-products .wrapper, .customer-address-index .wrapper, .sales-order-view .wrapper, .tag-customer-index .wrapper, .sales-order-shipment .wrapper, .sales-order-invoice .wrapper { background: white; } .customer-account-index .col-left.sidebar, .customer-account-edit .col-left.sidebar, .wishlist-index-index .col-left.sidebar, .customer-address-form .col-left.sidebar, .sales-order-history .col-left.sidebar, .sales-billing-agreement-index .col-left.sidebar, .sales-recurring-profile-index .col-left.sidebar, .review-customer-index .col-left.sidebar, .oauth-customer-token-index .col-left.sidebar, .newsletter-manage-index .col-left.sidebar, .downloadable-customer-products .col-left.sidebar, .customer-address-index .col-left.sidebar, .sales-order-view .col-left.sidebar, .tag-customer-index .col-left.sidebar, .sales-order-shipment .col-left.sidebar, .sales-order-invoice .col-left.sidebar { background: #282828; color: white; } .customer-account-index .sidebar .block:not(.block-static-block), .customer-account-index .col-main-containter .col-main .col-wrapper-main, .customer-account-edit .sidebar .block:not(.block-static-block), .customer-account-edit .col-main-containter .col-main .col-wrapper-main, .wishlist-index-index .sidebar .block:not(.block-static-block), .wishlist-index-index .col-main-containter .col-main .col-wrapper-main, .customer-address-form .sidebar .block:not(.block-static-block), .customer-address-form .col-main-containter .col-main .col-wrapper-main, .sales-order-history .sidebar .block:not(.block-static-block), .sales-order-history .col-main-containter .col-main .col-wrapper-main, .sales-billing-agreement-index .sidebar .block:not(.block-static-block), .sales-billing-agreement-index .col-main-containter .col-main .col-wrapper-main, .sales-recurring-profile-index .sidebar .block:not(.block-static-block), .sales-recurring-profile-index .col-main-containter .col-main .col-wrapper-main, .review-customer-index .sidebar .block:not(.block-static-block), .review-customer-index .col-main-containter .col-main .col-wrapper-main, .oauth-customer-token-index .sidebar .block:not(.block-static-block), .oauth-customer-token-index .col-main-containter .col-main .col-wrapper-main, .newsletter-manage-index .sidebar .block:not(.block-static-block), .newsletter-manage-index .col-main-containter .col-main .col-wrapper-main, .downloadable-customer-products .sidebar .block:not(.block-static-block), .downloadable-customer-products .col-main-containter .col-main .col-wrapper-main, .customer-address-index .sidebar .block:not(.block-static-block), .customer-address-index .col-main-containter .col-main .col-wrapper-main, .sales-order-view .sidebar .block:not(.block-static-block), .sales-order-view .col-main-containter .col-main .col-wrapper-main, .tag-customer-index .sidebar .block:not(.block-static-block), .tag-customer-index .col-main-containter .col-main .col-wrapper-main, .sales-order-shipment .sidebar .block:not(.block-static-block), .sales-order-shipment .col-main-containter .col-main .col-wrapper-main, .sales-order-invoice .sidebar .block:not(.block-static-block), .sales-order-invoice .col-main-containter .col-main .col-wrapper-main { background-color: transparent; padding: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 0; } .customer-account-index .block-account .block-content li, .customer-account-edit .block-account .block-content li, .wishlist-index-index .block-account .block-content li, .customer-address-form .block-account .block-content li, .sales-order-history .block-account .block-content li, .sales-billing-agreement-index .block-account .block-content li, .sales-recurring-profile-index .block-account .block-content li, .review-customer-index .block-account .block-content li, .oauth-customer-token-index .block-account .block-content li, .newsletter-manage-index .block-account .block-content li, .downloadable-customer-products .block-account .block-content li, .customer-address-index .block-account .block-content li, .sales-order-view .block-account .block-content li, .tag-customer-index .block-account .block-content li, .sales-order-shipment .block-account .block-content li, .sales-order-invoice .block-account .block-content li { color: white; border-bottom: 1px solid #5b5b5b; } .customer-account-index .block-account .block-content li a, .customer-account-edit .block-account .block-content li a, .wishlist-index-index .block-account .block-content li a, .customer-address-form .block-account .block-content li a, .sales-order-history .block-account .block-content li a, .sales-billing-agreement-index .block-account .block-content li a, .sales-recurring-profile-index .block-account .block-content li a, .review-customer-index .block-account .block-content li a, .oauth-customer-token-index .block-account .block-content li a, .newsletter-manage-index .block-account .block-content li a, .downloadable-customer-products .block-account .block-content li a, .customer-address-index .block-account .block-content li a, .sales-order-view .block-account .block-content li a, .tag-customer-index .block-account .block-content li a, .sales-order-shipment .block-account .block-content li a, .sales-order-invoice .block-account .block-content li a { color: white; border-bottom: 1px solid #0e0e0e; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .customer-account-index .block-account .block-content li a:hover, .customer-account-edit .block-account .block-content li a:hover, .wishlist-index-index .block-account .block-content li a:hover, .customer-address-form .block-account .block-content li a:hover, .sales-order-history .block-account .block-content li a:hover, .sales-billing-agreement-index .block-account .block-content li a:hover, .sales-recurring-profile-index .block-account .block-content li a:hover, .review-customer-index .block-account .block-content li a:hover, .oauth-customer-token-index .block-account .block-content li a:hover, .newsletter-manage-index .block-account .block-content li a:hover, .downloadable-customer-products .block-account .block-content li a:hover, .customer-address-index .block-account .block-content li a:hover, .sales-order-view .block-account .block-content li a:hover, .tag-customer-index .block-account .block-content li a:hover, .sales-order-shipment .block-account .block-content li a:hover, .sales-order-invoice .block-account .block-content li a:hover { background: #424242; } .customer-account-index .block-account .block-content li strong, .customer-account-edit .block-account .block-content li strong, .wishlist-index-index .block-account .block-content li strong, .customer-address-form .block-account .block-content li strong, .sales-order-history .block-account .block-content li strong, .sales-billing-agreement-index .block-account .block-content li strong, .sales-recurring-profile-index .block-account .block-content li strong, .review-customer-index .block-account .block-content li strong, .oauth-customer-token-index .block-account .block-content li strong, .newsletter-manage-index .block-account .block-content li strong, .downloadable-customer-products .block-account .block-content li strong, .customer-address-index .block-account .block-content li strong, .sales-order-view .block-account .block-content li strong, .tag-customer-index .block-account .block-content li strong, .sales-order-shipment .block-account .block-content li strong, .sales-order-invoice .block-account .block-content li strong { color: white; border-bottom: 1px solid #0e0e0e; background: #424242; } .customer-account-index .block-account .block-content li:first-child, .customer-account-edit .block-account .block-content li:first-child, .wishlist-index-index .block-account .block-content li:first-child, .customer-address-form .block-account .block-content li:first-child, .sales-order-history .block-account .block-content li:first-child, .sales-billing-agreement-index .block-account .block-content li:first-child, .sales-recurring-profile-index .block-account .block-content li:first-child, .review-customer-index .block-account .block-content li:first-child, .oauth-customer-token-index .block-account .block-content li:first-child, .newsletter-manage-index .block-account .block-content li:first-child, .downloadable-customer-products .block-account .block-content li:first-child, .customer-address-index .block-account .block-content li:first-child, .sales-order-view .block-account .block-content li:first-child, .tag-customer-index .block-account .block-content li:first-child, .sales-order-shipment .block-account .block-content li:first-child, .sales-order-invoice .block-account .block-content li:first-child { border-top: 1px solid #0e0e0e; } .customer-account-index .block-account .block-content li:first-child a, .customer-account-edit .block-account .block-content li:first-child a, .wishlist-index-index .block-account .block-content li:first-child a, .customer-address-form .block-account .block-content li:first-child a, .sales-order-history .block-account .block-content li:first-child a, .sales-billing-agreement-index .block-account .block-content li:first-child a, .sales-recurring-profile-index .block-account .block-content li:first-child a, .review-customer-index .block-account .block-content li:first-child a, .oauth-customer-token-index .block-account .block-content li:first-child a, .newsletter-manage-index .block-account .block-content li:first-child a, .downloadable-customer-products .block-account .block-content li:first-child a, .customer-address-index .block-account .block-content li:first-child a, .sales-order-view .block-account .block-content li:first-child a, .tag-customer-index .block-account .block-content li:first-child a, .sales-order-shipment .block-account .block-content li:first-child a, .sales-order-invoice .block-account .block-content li:first-child a { color: white; border-top: 1px solid #424242; } .customer-account-index .block-account .block-content li:first-child a:hover, .customer-account-edit .block-account .block-content li:first-child a:hover, .wishlist-index-index .block-account .block-content li:first-child a:hover, .customer-address-form .block-account .block-content li:first-child a:hover, .sales-order-history .block-account .block-content li:first-child a:hover, .sales-billing-agreement-index .block-account .block-content li:first-child a:hover, .sales-recurring-profile-index .block-account .block-content li:first-child a:hover, .review-customer-index .block-account .block-content li:first-child a:hover, .oauth-customer-token-index .block-account .block-content li:first-child a:hover, .newsletter-manage-index .block-account .block-content li:first-child a:hover, .downloadable-customer-products .block-account .block-content li:first-child a:hover, .customer-address-index .block-account .block-content li:first-child a:hover, .sales-order-view .block-account .block-content li:first-child a:hover, .tag-customer-index .block-account .block-content li:first-child a:hover, .sales-order-shipment .block-account .block-content li:first-child a:hover, .sales-order-invoice .block-account .block-content li:first-child a:hover { background: #424242; } .customer-account-index .block-account .block-content li:first-child strong, .customer-account-edit .block-account .block-content li:first-child strong, .wishlist-index-index .block-account .block-content li:first-child strong, .customer-address-form .block-account .block-content li:first-child strong, .sales-order-history .block-account .block-content li:first-child strong, .sales-billing-agreement-index .block-account .block-content li:first-child strong, .sales-recurring-profile-index .block-account .block-content li:first-child strong, .review-customer-index .block-account .block-content li:first-child strong, .oauth-customer-token-index .block-account .block-content li:first-child strong, .newsletter-manage-index .block-account .block-content li:first-child strong, .downloadable-customer-products .block-account .block-content li:first-child strong, .customer-address-index .block-account .block-content li:first-child strong, .sales-order-view .block-account .block-content li:first-child strong, .tag-customer-index .block-account .block-content li:first-child strong, .sales-order-shipment .block-account .block-content li:first-child strong, .sales-order-invoice .block-account .block-content li:first-child strong { color: white; border-top: 1px solid #424242; background: #424242; } .customer-account-index .block:not(.block-static-block) .block-title, .customer-account-edit .block:not(.block-static-block) .block-title, .wishlist-index-index .block:not(.block-static-block) .block-title, .customer-address-form .block:not(.block-static-block) .block-title, .sales-order-history .block:not(.block-static-block) .block-title, .sales-billing-agreement-index .block:not(.block-static-block) .block-title, .sales-recurring-profile-index .block:not(.block-static-block) .block-title, .review-customer-index .block:not(.block-static-block) .block-title, .oauth-customer-token-index .block:not(.block-static-block) .block-title, .newsletter-manage-index .block:not(.block-static-block) .block-title, .downloadable-customer-products .block:not(.block-static-block) .block-title, .customer-address-index .block:not(.block-static-block) .block-title, .sales-order-view .block:not(.block-static-block) .block-title, .tag-customer-index .block:not(.block-static-block) .block-title, .sales-order-shipment .block:not(.block-static-block) .block-title, .sales-order-invoice .block:not(.block-static-block) .block-title { color: white; } .customer-account-index .my-account-logo, .customer-account-edit .my-account-logo, .wishlist-index-index .my-account-logo, .customer-address-form .my-account-logo, .sales-order-history .my-account-logo, .sales-billing-agreement-index .my-account-logo, .sales-recurring-profile-index .my-account-logo, .review-customer-index .my-account-logo, .oauth-customer-token-index .my-account-logo, .newsletter-manage-index .my-account-logo, .downloadable-customer-products .my-account-logo, .customer-address-index .my-account-logo, .sales-order-view .my-account-logo, .tag-customer-index .my-account-logo, .sales-order-shipment .my-account-logo, .sales-order-invoice .my-account-logo { background: #5b5b5b; } .customer-account-index .my-account-logo .logo-myaccount a:before, .customer-account-edit .my-account-logo .logo-myaccount a:before, .wishlist-index-index .my-account-logo .logo-myaccount a:before, .customer-address-form .my-account-logo .logo-myaccount a:before, .sales-order-history .my-account-logo .logo-myaccount a:before, .sales-billing-agreement-index .my-account-logo .logo-myaccount a:before, .sales-recurring-profile-index .my-account-logo .logo-myaccount a:before, .review-customer-index .my-account-logo .logo-myaccount a:before, .oauth-customer-token-index .my-account-logo .logo-myaccount a:before, .newsletter-manage-index .my-account-logo .logo-myaccount a:before, .downloadable-customer-products .my-account-logo .logo-myaccount a:before, .customer-address-index .my-account-logo .logo-myaccount a:before, .sales-order-view .my-account-logo .logo-myaccount a:before, .tag-customer-index .my-account-logo .logo-myaccount a:before, .sales-order-shipment .my-account-logo .logo-myaccount a:before, .sales-order-invoice .my-account-logo .logo-myaccount a:before { background: #424242; color: white; } .customer-account-index .my-account-logo .logo-myaccount a:hover, .customer-account-edit .my-account-logo .logo-myaccount a:hover, .wishlist-index-index .my-account-logo .logo-myaccount a:hover, .customer-address-form .my-account-logo .logo-myaccount a:hover, .sales-order-history .my-account-logo .logo-myaccount a:hover, .sales-billing-agreement-index .my-account-logo .logo-myaccount a:hover, .sales-recurring-profile-index .my-account-logo .logo-myaccount a:hover, .review-customer-index .my-account-logo .logo-myaccount a:hover, .oauth-customer-token-index .my-account-logo .logo-myaccount a:hover, .newsletter-manage-index .my-account-logo .logo-myaccount a:hover, .downloadable-customer-products .my-account-logo .logo-myaccount a:hover, .customer-address-index .my-account-logo .logo-myaccount a:hover, .sales-order-view .my-account-logo .logo-myaccount a:hover, .tag-customer-index .my-account-logo .logo-myaccount a:hover, .sales-order-shipment .my-account-logo .logo-myaccount a:hover, .sales-order-invoice .my-account-logo .logo-myaccount a:hover { color: white; } .customer-account-index .my-account-logo .logout-link, .customer-account-edit .my-account-logo .logout-link, .wishlist-index-index .my-account-logo .logout-link, .customer-address-form .my-account-logo .logout-link, .sales-order-history .my-account-logo .logout-link, .sales-billing-agreement-index .my-account-logo .logout-link, .sales-recurring-profile-index .my-account-logo .logout-link, .review-customer-index .my-account-logo .logout-link, .oauth-customer-token-index .my-account-logo .logout-link, .newsletter-manage-index .my-account-logo .logout-link, .downloadable-customer-products .my-account-logo .logout-link, .customer-address-index .my-account-logo .logout-link, .sales-order-view .my-account-logo .logout-link, .tag-customer-index .my-account-logo .logout-link, .sales-order-shipment .my-account-logo .logout-link, .sales-order-invoice .my-account-logo .logout-link { color: white; } .customer-account-index .my-account-logo .logout-link a:hover, .customer-account-edit .my-account-logo .logout-link a:hover, .wishlist-index-index .my-account-logo .logout-link a:hover, .customer-address-form .my-account-logo .logout-link a:hover, .sales-order-history .my-account-logo .logout-link a:hover, .sales-billing-agreement-index .my-account-logo .logout-link a:hover, .sales-recurring-profile-index .my-account-logo .logout-link a:hover, .review-customer-index .my-account-logo .logout-link a:hover, .oauth-customer-token-index .my-account-logo .logout-link a:hover, .newsletter-manage-index .my-account-logo .logout-link a:hover, .downloadable-customer-products .my-account-logo .logout-link a:hover, .customer-address-index .my-account-logo .logout-link a:hover, .sales-order-view .my-account-logo .logout-link a:hover, .tag-customer-index .my-account-logo .logout-link a:hover, .sales-order-shipment .my-account-logo .logout-link a:hover, .sales-order-invoice .my-account-logo .logout-link a:hover { color: #fc7070; } .customer-account-index .my-account-logo .logout-link a, .customer-account-edit .my-account-logo .logout-link a, .wishlist-index-index .my-account-logo .logout-link a, .customer-address-form .my-account-logo .logout-link a, .sales-order-history .my-account-logo .logout-link a, .sales-billing-agreement-index .my-account-logo .logout-link a, .sales-recurring-profile-index .my-account-logo .logout-link a, .review-customer-index .my-account-logo .logout-link a, .oauth-customer-token-index .my-account-logo .logout-link a, .newsletter-manage-index .my-account-logo .logout-link a, .downloadable-customer-products .my-account-logo .logout-link a, .customer-address-index .my-account-logo .logout-link a, .sales-order-view .my-account-logo .logout-link a, .tag-customer-index .my-account-logo .logout-link a, .sales-order-shipment .my-account-logo .logout-link a, .sales-order-invoice .my-account-logo .logout-link a { color: white; } .customer-account-index .my-account-logo .logout-link a:before, .customer-account-edit .my-account-logo .logout-link a:before, .wishlist-index-index .my-account-logo .logout-link a:before, .customer-address-form .my-account-logo .logout-link a:before, .sales-order-history .my-account-logo .logout-link a:before, .sales-billing-agreement-index .my-account-logo .logout-link a:before, .sales-recurring-profile-index .my-account-logo .logout-link a:before, .review-customer-index .my-account-logo .logout-link a:before, .oauth-customer-token-index .my-account-logo .logout-link a:before, .newsletter-manage-index .my-account-logo .logout-link a:before, .downloadable-customer-products .my-account-logo .logout-link a:before, .customer-address-index .my-account-logo .logout-link a:before, .sales-order-view .my-account-logo .logout-link a:before, .tag-customer-index .my-account-logo .logout-link a:before, .sales-order-shipment .my-account-logo .logout-link a:before, .sales-order-invoice .my-account-logo .logout-link a:before { background: #424242; } .customer-account-index .col2-set .col-1 h2, .customer-account-index .col2-set .col-2 h2, .customer-account-edit .col2-set .col-1 h2, .customer-account-edit .col2-set .col-2 h2, .wishlist-index-index .col2-set .col-1 h2, .wishlist-index-index .col2-set .col-2 h2, .customer-address-form .col2-set .col-1 h2, .customer-address-form .col2-set .col-2 h2, .sales-order-history .col2-set .col-1 h2, .sales-order-history .col2-set .col-2 h2, .sales-billing-agreement-index .col2-set .col-1 h2, .sales-billing-agreement-index .col2-set .col-2 h2, .sales-recurring-profile-index .col2-set .col-1 h2, .sales-recurring-profile-index .col2-set .col-2 h2, .review-customer-index .col2-set .col-1 h2, .review-customer-index .col2-set .col-2 h2, .oauth-customer-token-index .col2-set .col-1 h2, .oauth-customer-token-index .col2-set .col-2 h2, .newsletter-manage-index .col2-set .col-1 h2, .newsletter-manage-index .col2-set .col-2 h2, .downloadable-customer-products .col2-set .col-1 h2, .downloadable-customer-products .col2-set .col-2 h2, .customer-address-index .col2-set .col-1 h2, .customer-address-index .col2-set .col-2 h2, .sales-order-view .col2-set .col-1 h2, .sales-order-view .col2-set .col-2 h2, .tag-customer-index .col2-set .col-1 h2, .tag-customer-index .col2-set .col-2 h2, .sales-order-shipment .col2-set .col-1 h2, .sales-order-shipment .col2-set .col-2 h2, .sales-order-invoice .col2-set .col-1 h2, .sales-order-invoice .col2-set .col-2 h2 { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 600; border-bottom: 1px solid #e1e1e1; } .customer-account-index .col2-set .col-1 h3, .customer-account-index .col2-set .col-2 h3, .customer-account-edit .col2-set .col-1 h3, .customer-account-edit .col2-set .col-2 h3, .wishlist-index-index .col2-set .col-1 h3, .wishlist-index-index .col2-set .col-2 h3, .customer-address-form .col2-set .col-1 h3, .customer-address-form .col2-set .col-2 h3, .sales-order-history .col2-set .col-1 h3, .sales-order-history .col2-set .col-2 h3, .sales-billing-agreement-index .col2-set .col-1 h3, .sales-billing-agreement-index .col2-set .col-2 h3, .sales-recurring-profile-index .col2-set .col-1 h3, .sales-recurring-profile-index .col2-set .col-2 h3, .review-customer-index .col2-set .col-1 h3, .review-customer-index .col2-set .col-2 h3, .oauth-customer-token-index .col2-set .col-1 h3, .oauth-customer-token-index .col2-set .col-2 h3, .newsletter-manage-index .col2-set .col-1 h3, .newsletter-manage-index .col2-set .col-2 h3, .downloadable-customer-products .col2-set .col-1 h3, .downloadable-customer-products .col2-set .col-2 h3, .customer-address-index .col2-set .col-1 h3, .customer-address-index .col2-set .col-2 h3, .sales-order-view .col2-set .col-1 h3, .sales-order-view .col2-set .col-2 h3, .tag-customer-index .col2-set .col-1 h3, .tag-customer-index .col2-set .col-2 h3, .sales-order-shipment .col2-set .col-1 h3, .sales-order-shipment .col2-set .col-2 h3, .sales-order-invoice .col2-set .col-1 h3, .sales-order-invoice .col2-set .col-2 h3 { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 600; } /* ============================================ * * Codazon_My Account * ============================================ */ /* ============================================ * * Codazon_Menu Megamenu * ============================================ */ .cms-index-index .cdz-main-menu .groupmenu li.level0.nav-home > a.menu-link { color: white; background-color: #525252; border-color: #282828; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content { color: #282828; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-title { color: #282828; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .widget .widget-title h2 { font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 700; color: #282828; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content a { color: #282828; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content a:hover, .cdz-main-menu .groupmenu-drop .groupmenu-drop-content a:active { color: #fc7070; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-link li a:hover:before { background-color: #fc7070; } /*Sticky menu------*/ @media (min-width: 767px) { .header .sticky-menu.active { box-shadow: 0 0 5px #bdbdbd; -moz-box-shadow: 0 0 5px #bdbdbd; -webkit-box-shadow: 0 0 5px #bdbdbd; -o-box-shadow: 0 0 5px #bdbdbd; -ms-box-shadow: 0 0 5px #bdbdbd; background: #282828; } .header .sticky-menu.active .cdz-header-cart .cdz-dropdown { position: initial; } .header .sticky-menu.active .cdz-header-cart .cart-icon .cart-qty { background-color: #fc7070; } .header .sticky-menu.active .block-search .form-search input[type="text"] { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .header .sticky-menu.active .block-search .form-search .button:before { color: white; } .header .sticky-menu.active .block-search .form-search:hover .button:before { color: white; } } .cdz-main-menu .groupmenu li.level0 > a.menu-link { color: white; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu li.level0 > a.menu-link:hover, .cdz-main-menu .groupmenu li.level0 > a.menu-link:active, .cdz-main-menu .groupmenu li.level0 > a.menu-link:visited { color: white; } .cdz-main-menu .groupmenu li.level0.parent:hover:after { color: #525252; } .cdz-main-menu .groupmenu li.level0:hover > a.menu-link { color: white; background-color: #525252; border-color: #282828; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu-drop { background-color: white; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content { color: #282828; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-title { text-transform: uppercase; color: #282828; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content a { font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content a:visited { color: #282828; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content a:hover, .cdz-main-menu .groupmenu-drop .groupmenu-drop-content a:active { color: #fc7070; } .cdz-main-menu .groupmenu-drop .groupmenu-drop-content .groupdrop-link li a:hover:before { background-color: #fc7070; } .cdz-vertical-menu li.level0 > a.menu-link { color: #282828; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; background: #fafafa; } .cdz-vertical-menu li.level0:hover > a.menu-link { color: white; background: #b0d235; } .cdz-vertical-menu .groupmenu-drop { background-color: white; color: #282828; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-color: #ebebeb; } .cdz-vertical-menu .groupmenu-drop a { color: #282828; } .cdz-vertical-menu .groupmenu-drop a:hover { color: #b0d235; } .cdz-vertical-menu .groupmenu-drop .groupdrop-title { color: #282828; } .cdz-main-menu.menu-main-icon .groupmenu li.level0 > a.menu-link { border-color: #ebebeb; background: #fafafa; color: #282828; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu.menu-main-icon .groupmenu li.level0:hover > a.menu-link { border-color: #ebebeb; background: #fafafa; color: #282828; } .cdz-main-menu.menu-main-icon.sticky-menu.active .cdz-main-menu.menu-main-icon .groupmenu li.level0 > a.menu-link { border: 2px solid transparent; background: #282828; color: white; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; } .cdz-main-menu.menu-main-icon.sticky-menu.active .cdz-main-menu.menu-main-icon .groupmenu li.level0:hover > a.menu-link { border-color: #282828; } .menu-content-icon .groupmenu li.level0 > a.menu-link { border-color: #ebebeb; background: #fafafa; color: #282828; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .menu-content-icon .groupmenu li.level0:hover > a.menu-link { border-color: #ebebeb; background: #fafafa; color: #b0d235; } /* ============================================ * * Codazon_Menu Megamenu * ============================================ */ /* ============================================ * * Codazon_Menu Vertical * ============================================ */ .menu-vertical-title { background: #b0d235; color: white; } .menu-vertical-title h3 { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .menu-vertical-title h3 a { color: white; } .menu-vertical-title h3:before { color: white; } .menu-vertical .cdz-nav-wrap { border: 1px solid #ebebeb; } .menu-vertical .cdz-nav-wrap li.vertical-level1 > a.menu-link { color: #282828; background-color: #fafafa; } .menu-vertical .cdz-nav-wrap li.vertical-level1.view-all a { color: #282828; background-color: #fafafa; } .menu-vertical .cdz-nav-wrap li.vertical-level1:hover > a.menu-link { background: #b0d235; color: white; } .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat { background: white; border-color: #ebebeb; } .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat a { color: #282828; } .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat a:hover, .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat a:active { color: #b0d235; } .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat li.level4 { border-bottom-color: #ebebeb; color: #282828; } .menu-vertical .cdz-nav-wrap .parent:after { color: #282828; } .menu-vertical .cdz-nav-wrap .parent:hover:after { color: white; } .menu-vertical .cdz-nav-wrap .cdz-sub-cat .parent:after { color: #282828; } .menu-vertical .cdz-nav-wrap .cdz-sub-cat .parent:hover:after { color: #b0d235; } .menu-vertical .cdz-nav-wrap .view-all a { color: #fc7070; } @media (max-width: 991px) { .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat { border-color: #b0d235; } .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat li a.vertical-level2 { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } } /*menu vertical style home Sportwear*/ .menu-vertical-style02 .nav.nav-tabs .nav-tab-item .switch { background: #b0d235; color: white; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 600; } .menu-vertical-style02 .nav.nav-tabs .nav-tab-item:hover .switch, .menu-vertical-style02 .nav.nav-tabs .nav-tab-item.active .switch { background: #fafafa; color: #282828; } .menu-vertical-style02 .nav-tab-content { background: #fafafa; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } /* ============================================ * * Codazon_Menu Vertical * ============================================ */ /* ============================================ * * Codazon_BlockSidebar * ============================================ */ .cdz-block-title .b-title { border-bottom-color: #121212; color: #121212; font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-block-title .b-title:before { background: #f2f2f2; } /*Block Sidebar*/ .block:not(.block-static-block) { border-color: #e1e1e1; } .block:not(.block-static-block) .block-collapsible-nav-title, .block:not(.block-static-block) .block-title { color: #282828; font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-bottom-color: #e1e1e1; } .block:not(.block-static-block) .block-collapsible-nav-title strong, .block:not(.block-static-block) .block-title strong { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-bottom: 3px solid #121212; } .block.review-add .block-content { padding-top: 0 !important; } .sidebar .block:not(.block-static-block) { background: white; padding: 20px; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; -moz-border-radius: 0px; } .sidebar .block .block-title { color: #282828; } .sidebar .block .actions .button { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; background: #282828; color: white; } .sidebar .product-name { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } /* ============================================ * * Codazon_BlockSidebar * ============================================ */ /* ============================================ * * Codazon_Product Filter Drug store * ============================================ */ .cdz-block-newproduct .cdz-block-title p.b-title, .cdz-home-block .cdz-block-title p.b-title { font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-block-newproduct .cdz-block-title p.b-title span, .cdz-home-block .cdz-block-title p.b-title span { background: #fc7070; } .cdz-block-newproduct .cdz-block-title p.b-title span:before, .cdz-block-newproduct .cdz-block-title p.b-title span:after, .cdz-home-block .cdz-block-title p.b-title span:before, .cdz-home-block .cdz-block-title p.b-title span:after { border-bottom-color: #fa0c0c; } .cdz-rtl .cdz-block-newproduct .cdz-block-title p.b-title span:before, .cdz-rtl .cdz-block-newproduct .cdz-block-title p.b-title span:after, .cdz-rtl .cdz-home-block .cdz-block-title p.b-title span:before, .cdz-rtl .cdz-home-block .cdz-block-title p.b-title span:after { border-left-color: #fa0c0c; border-bottom-color: transparent; } .cdz-block-orange .cdz-block-title p.b-title span { background: #c97178; } .cdz-block-orange .cdz-block-title p.b-title span:before, .cdz-block-orange .cdz-block-title p.b-title span:after { border-bottom-color: #9a3a42; } .cdz-rtl .cdz-block-orange .cdz-block-title p.b-title span:before, .cdz-rtl .cdz-block-orange .cdz-block-title p.b-title span:after { border-left-color: #9a3a42; border-bottom-color: transparent; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) { margin: 0; border-left-color: #e1e1e1; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item { border-right-color: #e1e1e1; border-bottom-color: #e1e1e1; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item .product-item-info { border-color: white; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item .product-name a { color: #fc7070; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item:hover .product-item-info { border-color: #fc7070; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item .cdz-buttons-inner .qs-button:hover { color: #282828; } /*============================== ================= Deals categories Home Drug */ .cdz-best-selling .products-grid .product-items .item .product-item-info { border-color: #e1e1e1; } @media (max-width: 767px) { .codazon-filter-style-05 .products-grid .product-items .item .product-item-info .cdz-product-bottom .product-name a.product-item-link { color: #fc7070; } .codazon-filter-style-05 .products-grid .product-items .item .product-item-info .cdz-product-bottom .price { color: #282828; } } @media (min-width: 767px) { .codazon-filter-style-05 .products-grid .product-items .item { box-shadow: 0 0 0 0px #e1e1e1, 0 1px 0 0 #e1e1e1, 1px 1px 0 0 #e1e1e1, 1px 0 0 0 #e1e1e1 inset, 0 1px 0 0 #e1e1e1 inset; } .codazon-filter-style-05 .products-grid .product-items .product-item-description { color: #999999; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .codazon-filter-style-05 .products-grid .product-items .item.product-item .product-name a { color: #fc7070; } .codazon-filter-style-05 .products-grid .product-items .item.product-item .price { color: #282828; } .codazon-filter-style-05 .products-grid .product-items .item.product-item .old-price .price { color: #999999; font-weight: 400; } } @media (max-width: 991px) { .col1-layout .codazon-filter-style-04 .products-grid { border-left-color: #e1e1e1; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item { border-right-color: #e1e1e1 !important; border-bottom-color: #e1e1e1 !important; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item .product-item-info { border-color: white; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item .product-name a { color: #fc7070; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item:hover .product-item-info { border-color: transparent; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item .cdz-buttons-inner .qs-button:hover { color: #282828; } } /* ============================================ * * Codazon_Product Filter Drug store * ============================================ */ /* ============================================ * * Codazon_Popup newsletter * ============================================ */ /* ============================================ * * Codazon_Login and Register * ============================================ */ .account-create form .legend, .account-login form .legend, form .legend { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; border: 0; } .account-login .page-title .field.note, .account-create .page-title .field.note { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .account-login #login-form, .account-create #form-validate, .customer-account-forgotpassword .col-main #form-validate, .sales-guest-form .col-main-containter .search-form { background: white; padding: 20px; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; -moz-border-radius: 0px; } .control.signup-newsletter label, .control#remember-me-box label, .link-tip, .forgot-password-link { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; color: #757575; } .account-create .buttons-set button.button { border-color: #282828; background: #282828; color: white; font: 600 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .account-create .buttons-set button.button:hover { background: white; color: #282828; font: 600 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-color: #282828; } .account-login .buttons-set button.button { background: #282828; color: white; font: 600 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-color: #282828; } .account-login .buttons-set button.button:hover { background: white; color: #282828; font: 600 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-color: #282828; } .customer-account-forgotpassword .buttons-set button.button { background: #282828; color: white; font: 600 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-color: #282828; } .customer-account-forgotpassword .buttons-set button.button:hover { background: white; color: #282828; font: 600 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-color: #282828; } /* ============================================ * * Codazon_Login and Register * ============================================ */ .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe .actions .button { background: #282828; color: white; border-color: #282828; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.block-subscribe .actions .button:hover { background: white; color: #282828; border-color: #282828; } /* ============================================ * * Codazon_Login and Register * ============================================ */ /* ============================================ * * Codazon_Categories default * ============================================ */ /*Product list type*/ .rating-links { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .rating-links a { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .rating-links span { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .products-list .add-to-links li { background: white; border-color: #282828; color: #282828; } .products-list .add-to-links li:hover { background: #282828; color: white; border-color: #282828; } .products-list .btn-cart { background: #282828; border-color: #282828; color: white; } .category-products .products-list .btn-cart { background: white; border-color: #282828; color: #282828; } .category-products .products-list .btn-cart:hover { background: #282828; color: white; border-color: #282828; } /* Filter navigation ------------*/ /* ============================================ * * Codazon_Categories default * ============================================ */ .block-layered-nav dd ol li a { color: #282828; } .block-layered-nav dd ol li label { border-color: #959595; } .block-layered-nav dd ol li a:hover { color: #fc7070; } .block-layered-nav .price-btn { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .block-layered-nav .block-content > dl > dd { border-bottom-color: #e1e1e1; } #cdz-filter-bar .block-title strong { background: #282828; color: white; border-color: #282828; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } #cdz-filter-bar .block-title strong:hover { background: white; color: #282828; border-color: #282828; } #cdz-filter-bar .block-content { background: white; padding: 20px; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; -moz-border-radius: 0px; } #cdz-filter-bar .block-content #narrow-by-list dt { color: #282828; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 700; } #cdz-filter-bar .block-content #narrow-by-list .slider.slider-horizontal { width: 160px; } #cdz-filter-bar .block-content #narrow-by-list .price-btn { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } #cdz-filter-bar dd ol li a { color: #282828; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } #cdz-filter-bar dd ol li label { border-color: #959595; color: #999999; } #cdz-filter-bar dd ol li a:hover { color: #fc7070; } #cdz-filter-bar .configurable-swatch-list .swatch-link .count { border-color: #aeaeae; color: #282828; } #cdz-filter-bar .block-content > dl > dd { border-bottom-color: #e1e1e1; } /* ------------Grid product for PC and Mobile */ /* ============================================ * * Codazon_Categories default * ============================================ */ /* ============================================ * * Codazon_Set layout for Col-main * ============================================ */ .col-main-containter .col-main .col-wrapper-main, .product-view .product-essential, .product-view .product-detail-tab, .product-view .box-reviews, .product-view .block-related, .product-view .block-upsell, .block-crosssell { background: white; padding: 20px; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; -moz-border-radius: 0px; } .catalog-product-view .col-main-containter .col-wrapper-main, .cms-index-index .col-main-containter .col-wrapper-main, .catalog-product-view .col-main-containter .col-wrapper-main, .checkout-cart-index .col-main-containter .col-wrapper-main, .catalog-category-view .col-main-containter .col-wrapper-main, .customer-account-create .col-main-containter .col-wrapper-main, .customer-account-login .col-main-containter .col-wrapper-main, .customer-account-forgotpassword .col-main-containter .col-wrapper-main, .sales-guest-form .col-main-containter .col-wrapper-main { background-color: transparent; padding: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 0; } .contacts-index-index .col-main-containter .col-main .col-wrapper-main, .catalog-product-view .col-main-containter .col-main .col-wrapper-main { background-color: transparent; padding: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 0; } .contacts-index-index .col-main-containter .col-main .col-wrapper-main #contactForm, .catalog-product-view .col-main-containter .col-main .col-wrapper-main #contactForm { background: white; padding: 20px; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; -moz-border-radius: 0px; } /* ============================================ * * Codazon_Set layout for Col-main * ============================================ */ /* ============================================ * * Codazon_Tab style * ============================================ */ .nav-tabs, .nav.nav-tabs { border-bottom-color: #e1e1e1; } .nav-tabs .nav-tab-item.active .switch { color: #282828; } .nav-tabs li a { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #999999; border-color: #999999; background: #fbfbfb; } .nav-tabs li a:hover { color: #282828; background: #fbfbfb; } .nav-tabs .nav-tab-item .switch { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #999999; background: #fbfbfb; } .nav-tabs .nav-tab-item .switch:visited, .nav-tabs .nav-tab-item .switch:hover, .nav-tabs .nav-tab-item .switch:active { color: #282828; background: #fbfbfb; } .nav-tabs .nav-tab-item:not(.disabled).active .switch, .nav-tabs .nav-tab-item:not(.disabled) .switch:focus, .nav-tabs .nav-tab-item:not(.disabled) .switch:hover { background: transparent; border-bottom-color: #282828; color: #282828; } .nav-tabs .nav-tab-item:not(.disabled) .switch:active { color: #282828; background: transparent; border-bottom-color: black; } .nav-tabs .nav-tab-item.active .switch, .nav-tabs .nav-tab-item.active .switch:focus, .nav-tabs .nav-tab-item.active .switch:hover { color: #282828; background: transparent; border-bottom-color: black; } .nav-tabs .nav-tab-item h2 { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } /* ============================================ * * Codazon_Tab style * ============================================ */ /*product label*/ .cdz-product-lbs .lb-item { background: black; color: white; } .cdz-product-lbs .lb-item.lb-sale { background: #c97178; } /*Box Style Home Sport*/ .box-style01 { background: white; } .box-style01 .cdz-block-title { color: #121212; border-color: #e1e1e1; } .box-style01 .cdz-block-title .lastcolor { color: #fc7070; } .box-style01 .products-grid { border-left: 1px solid #e1e1e1; } .box-style01 .products-grid .product-item .product-item-info { border: 1px solid #e1e1e1; border-left: none; } .box-style01 .products-list .cdz-buttons-container button.btn-cart { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .box-style01 .products-list .cdz-buttons-container button.btn-cart:before { display: none; } .box-style01 .nav.nav-tabs .nav-tab-item .switch { font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .box-style01 .owl-nav [class*='owl-'], .box-style01 .owl-theme .owl-nav [class*=owl-] { border: 1px solid black; background: white; color: black; } .box-style01 .owl-nav [class*='owl-']:hover, .box-style01 .owl-theme .owl-nav [class*=owl-]:hover { border-color: #fc7070; color: #fc7070; } .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content .owl-nav [class*='owl-'], .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content .owl-theme .owl-nav [class*=owl-] { border: 1px solid black; background: white; color: black; } .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content .owl-nav [class*='owl-']:hover, .box-style01.cdz-wapper-blog-01 .cdz_wapper-blog-content .owl-theme .owl-nav [class*=owl-]:hover { border-color: #fc7070; color: #fc7070; } /*button show01 Home Sport*/ .cdz-button-show01 .products-grid .product-item-info:hover { background: white; } .cdz-button-show01 .products-grid .product-item-info:hover .product-item-details { background: white; } /*button show01 Home Outdoor*/ @media (min-width: 992px) { .cdz-button-show02 .products-grid .product-item-info .cdz-buttons-container button.btn-cart { background: #282828; color: white; border-color: #282828; border-bottom-color: #1b1b1b; } .cdz-button-show02 .products-grid .product-item-info .cdz-buttons-container button.btn-cart:hover { background: white; color: #282828; border-color: #282828; } .cdz-button-show02 .products-grid .product-item-info .cdz-buttons-container .qs-button, .cdz-button-show02 .products-grid .product-item-info .cdz-buttons-container a.action { background: white; color: #282828; border-color: #282828; border-bottom-color: #1b1b1b; } .cdz-button-show02 .products-grid .product-item-info .cdz-buttons-container .qs-button:hover, .cdz-button-show02 .products-grid .product-item-info .cdz-buttons-container a.action:hover { background: white; color: #282828; border-color: #282828; } } .modal-content { border-radius: 0px; } @media (max-width: 767px) { .nav.nav-tabs.mobile-nav-tabs .nav-tab-item .switch, .mobile-nav-tabs .nav-tab-item .switch { border: none; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 2px; } .nav.nav-tabs.mobile-nav-tabs .nav-tab-item .switch:hover, .mobile-nav-tabs .nav-tab-item .switch:hover { border-bottom-color: #999999; } .nav.nav-tabs.mobile-nav-tabs .nav-tab-item.active .switch, .mobile-nav-tabs .nav-tab-item.active .switch { border-bottom-color: #999999; } } /*outdoor*/ .line-style01 .cdz-block-title { border-color: black; } .line-style01 .cdz-block-title .b-title { font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; background: white; color: #282828; border-color: #f7f7f7; } .line-style01 .nav-tabs .nav-tab-item.active .switch { background: #fbfbfb; color: #999999; border-color: #fbfbfb; } .line-style01 .nav-tabs .nav-tab-item .switch { font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; background: #fbfbfb; color: #999999; border-color: #999999; } .line-style01 .nav-tabs .nav-tab-item .switch:hover, .line-style01 .nav-tabs .nav-tab-item .switch:focus { background: #fbfbfb; color: #999999; border-color: #fbfbfb; } /*Grid product for style food */ .cdz-block-product01 .product-item .product-item-info .qs-button { color: white; background-color: #282828; border-color: #282828; } .cdz-block-product01 .product-item .product-item-info .qs-button:hover { color: #282828; background-color: white; border-color: #282828; } .cdz-block-product01 .product-item .cart-wrapper .cart-qty { background: #282828; } .box-style02 { border-color: #e1e1e1; background: white; } .box-style02 .cdz-block-title { border-color: #e1e1e1; } .box-style03 .box-cate-products { background-color: white; } .box-style03 .box-cate-products .products-grid .item-group { border-color: #e1e1e1; } .box-style03 .box-cate-products .products-grid .item-group .item:first-child { border-color: #e1e1e1; } .box-style04 { border-color: #e1e1e1; background: white; } .box-style04 .cdz-block-title { border-color: black; color: #fc7070; } .box-style04 .box-left .cdz-block-title { background: white; color: #282828; } .box-style04 .box-products .products-grid .item-group { border-color: #e1e1e1; } .box-style04 .box-products .products-grid .item-group .item:first-child { border-color: #e1e1e1; } .box-style05 { border-color: #e1e1e1; background: white; } .box-style05 .cdz-block-title { border-color: #e1e1e1; } .box-style05 .cdz-block-title .h2 span { border-bottom-color: white; } .box-style05 .cdz-block-title .nav-tabs li a { color: #999999; } .box-style05 .cdz-block-title .nav-tabs li a:before { background-color: white; } .box-style05 .cdz-block-title .nav-tabs li.active a { color: #282828; } .box-style05 .products-grid .owl-nav [class*='owl-']:hover, .box-style05 .products-grid .owl-theme .owl-nav [class*=owl-]:hover { color: white; } .box-style05 .products-grid .product-item-info .addto-hover-container .action, .box-style05 .products-grid .product-item-info .addto-hover-container .qs-button { color: #282828; background-color: white; border-color: #282828; } .box-style05 .products-grid .product-item-info .addto-hover-container .action:hover, .box-style05 .products-grid .product-item-info .addto-hover-container .qs-button:hover { color: white; background-color: #282828; border-color: #282828; } .box-style05 .products-grid .product-item-info .product-item-details .cdz-buttons-container button.btn-cart { color: #282828; background-color: white; border-color: #282828; } .box-style05 .products-grid .product-item-info .product-item-details .cdz-buttons-container button.btn-cart:hover { color: white; background-color: #282828; border-color: #282828; } @media (max-width: 767px) { .box-style05 .cdz-block-title .mobile-toggle { color: #282828; } .box-style05 .cdz-block-title .mobile-toggle:before { background-color: white; } } .box-style06 { border-color: #e1e1e1; background: white; } .box-style06 .cdz-block-title { border-color: #e1e1e1; background: white; color: #282828; } .box-style06.product-list-style02 .products-list .product-item-info .action, .box-style06.product-list-style02 .products-list .product-item-info .qs-button, .box-style06.product-list-style02 .products-list .product-item-info button.btn-cart { color: #282828; background-color: white; border-color: #282828; } .box-style06.product-list-style02 .products-list .product-item-info .action:hover, .box-style06.product-list-style02 .products-list .product-item-info .qs-button:hover, .box-style06.product-list-style02 .products-list .product-item-info button.btn-cart:hover { color: white; background-color: #282828; border-color: #282828; } .box-style06 .products-grid .product-item-info .addto-hover-container .action, .box-style06 .products-grid .product-item-info .addto-hover-container .qs-button, .box-style06 .products-grid .product-item-info .addto-hover-container button.btn-cart { color: #282828; background-color: white; border-color: #282828; } .box-style06 .products-grid .product-item-info .addto-hover-container .action:hover, .box-style06 .products-grid .product-item-info .addto-hover-container .qs-button:hover, .box-style06 .products-grid .product-item-info .addto-hover-container button.btn-cart:hover { color: white; background-color: #282828; border-color: #282828; } .box-style06 .products-grid .product-item-info .product-item-details .cdz-buttons-container button.btn-cart { color: #282828; background-color: white; border-color: #282828; } .box-style06 .products-grid .product-item-info .product-item-details .cdz-buttons-container button.btn-cart:hover { color: white; background-color: #282828; border-color: #282828; } .product-list-style02 .products-list .item { border-top: 1px solid #e1e1e1; } .product-list-style02 .products-list .item .cdz-product-left .product-image { border: 1px solid #e1e1e1; } .product-list-style02 .products-list .item .cdz-product-left .qs-button { color: white !important; background-color: #282828 !important; border-color: #282828 !important; } .product-list-style02 .products-list .item .cdz-product-left .qs-button:hover { color: #282828 !important; background-color: white !important; border-color: #282828 !important; } .product-list-style02 .box .cdz-products-list { border-color: #e1e1e1; background: white; } /*product deal*/ .product-deal .deal-item span.value { color: #121212; background: #f1f1f1; } .product-deal .deal-item span.label { color: #999999; } /*WeStyle Fashion*/ .cdz-block-title-style02 .cdz-block-title .b-title { font: 400 25px/1.35 Bentham, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-block-title-style02 .cdz-block-title .title-desc { font: 400 25px/1.35 Bentham, Helvetica Neue, Verdana, Arial, sans-serif; font-style: italic; font-size: 16px; color: #121212; margin-bottom: 10px; } .cdz-block-title-style02 .cdz-block-title .view-all { font: 400 25px/1.35 Bentham, Helvetica Neue, Verdana, Arial, sans-serif; font-size: 100%; text-transform: lowercase; font-style: italic; } .cdz-block-title-style02 .cdz-block-content .nav-tabs .nav-tab-item .switch, .cdz-block-title-style02 .cdz-block-content .nav.nav-tabs .nav-tab-item .switch { font: 400 25px/1.35 Bentham, Helvetica Neue, Verdana, Arial, sans-serif; font-style: italic; font-size: 16px; } .cdz-block-title-style02 .cdz-block-content .nav-tabs .nav-tab-item .switch:before, .cdz-block-title-style02 .cdz-block-content .nav.nav-tabs .nav-tab-item .switch:before { background: #282828; } .product-style03 .products-grid .product-item .product-item-info .product-item-inner .cdz-buttons-container button.btn-cart { color: #282828; background-color: white; border-color: #282828; } .product-style03 .products-grid .product-item .product-item-info .product-item-inner .cdz-buttons-container button.btn-cart:hover { color: white; background-color: #282828; border-color: #282828; } .product-style03 .owl-nav [class*='owl-'], .product-style03 .owl-theme .owl-nav [class*=owl-] { color: white; background-color: #282828; border-color: #282828; } .product-style03 .owl-nav [class*='owl-']:hover, .product-style03 .owl-theme .owl-nav [class*=owl-]:hover { color: #282828; background-color: white; border-color: #282828; } .product-style04 .products-grid .product-item .product-item-info .addto-hover-container .qs-button { color: white; background-color: #282828; border-color: #282828; } .product-style04 .products-grid .product-item .product-item-info .addto-hover-container .qs-button:hover { color: #282828; background-color: white; border-color: white; } .product-style04 .products-grid .product-item .product-item-info .product-item-inner .button.btn-cart { color: #282828; background-color: white; border-color: white; } .product-style04 .products-grid .product-item .product-item-info .product-item-inner .button.btn-cart:hover { color: white; background-color: #282828; border-color: #282828; } .cdz_wapper-blog05 .blog-title { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; } .cdz_wapper-blog05 .blog-title:hover { color: #fc7070; } .cdz_wapper-blog05 .blog-title a { color: #282828; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 600; text-transform: uppercase; } .cdz_wapper-blog05 .blog-title a:hover { color: #fc7070; } .cdz_wapper-blog05 .blog-text-link a { color: #ffffff; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog05 .blog-text-link a:hover { color: #ffffff; } .cdz_wapper-blog05 .blog-desc { color: #282828; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog05 .cdz-blog-top .blog-date { color: #999999; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } /*Baby Home Product*/ .product-style05.product-title-tab-01 .nav.nav-tabs { border-color: #999999; } .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item .switch { font: 400 25px/1.35 Bentham, Helvetica Neue, Verdana, Arial, sans-serif; font-size: 14px; background-color: #fbfbfb; color: #999999; } .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item.active:before, .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item:hover:before { border-top-color: #fbfbfb; } .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item.active:after, .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item:hover:after { border-top-color: #282828; border-right-color: #282828; background-color: #fbfbfb; } .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item.active .switch, .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item:hover .switch { background-color: #fbfbfb; color: #282828; } .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item.active .switch:after, .product-style05.product-title-tab-01 .nav.nav-tabs .nav-tab-item:hover .switch:after { border-color: #282828; } .product-style05 .products-grid .item .addto-hover-container .qs-button { color: white; background-color: #282828; border-color: #282828; } .product-style05 .products-grid .item .addto-hover-container .qs-button:hover { color: #282828; background-color: white; border-color: white; } .product-style05 .products-grid .item .product-item-inner .cdz-buttons-container .cdz-buttons-inner .product-actions-right a { color: #282828; } .product-style05 .products-grid .item .product-item-inner .cdz-buttons-container .cdz-buttons-inner .product-actions-right a:hover { color: #fc7070; } .product-style05 .products-grid .item .cart-wrapper button.btn-cart { color: #282828; } .product-style05 .products-grid .item .cart-wrapper button.btn-cart:hover { color: #fc7070; } .product-style05 .products-grid .item .cart-wrapper button.btn-cart:hover:before { color: #fc7070; } /* ============================================ * * Codazon_Theme_Var * ============================================ */ /*Label product*/ /*Setting padding for template*/ /*Spacing for each area*/ /*@mixin abs-stylebg($_bkgcolor, $_bkgurl, $_bkgname, $_bkgposition: 0 0, $_bkgrepeat: no-repeat){ background-color:$_bkgcolor; background-image:url("${_bkgurl}${_bkgname}"); background-position:$_bkgposition; background-repeat:$_bkgrepeat; } */ /*Baby Home Product*/ @media (max-width: 767px) { .cdz-mobile-header-menu { background: #fff; border-bottom: 1px solid #dfdfdf; } .cdz-mobile-header-menu .navbar-default { min-height: inherit; margin: 0; background: transparent no-repeat; box-shadow: inherit; border-radius: 0; border: 0; } .cdz-mobile-header-menu .cdz-mobile-nav { background: #333; border: 0; box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.9); width: 280px; } .cdz-mobile-header-menu .cdz-mobile-nav a { color: #fff; } .cdz-mobile-header-menu .cdz-menu-responsive { border: 0; padding: 0; cursor: pointer; display: inline-block; float: left; height: 50px; position: relative; width: 50px; } .cdz-mobile-header-menu .cdz-menu-responsive .icon-bar { display: block; background: #252525; position: absolute; top: 25px; left: 0; height: 2px; border-radius: 2px; margin: 0; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); -webkit-transition: top 0.2s 0.4s,left 0.2s 0.4s,opacity 0.2s 0.4s,-webkit-transform 0.2s 0.2s; -moz-transition: top 0.2s 0.4s,left 0.2s 0.4s,opacity 0.2s 0.4s,-moz-transform 0.2s 0.2s; transition: top 0.2s 0.4s,left 0.2s 0.4s,opacity 0.2s 0.4s,transform 0.2s 0.2s; } .cdz-mobile-header-menu .cdz-menu-responsive .icon-bar:nth-child(2n) { width: -webkit-calc(100% - 30px); width: calc(100% - 30px); } .cdz-mobile-header-menu .cdz-menu-responsive .icon-bar:first-child { top: 15px; } .cdz-mobile-header-menu .cdz-menu-responsive .icon-bar:last-child { top: 35px; } .cdz-mobile-header-menu .nav-tabs { background: #f8f8f8; border: 0; text-align: left; } .cdz-mobile-header-menu .nav-tabs li { margin: 0; float: left; } .cdz-mobile-header-menu .nav-tabs li a { background-color: #f8f8f8; border: 0; color: #282828; text-transform: uppercase; font-size: 12px; padding: 15px 20px; } .cdz-mobile-header-menu .nav-tabs > li.active > a, .cdz-mobile-header-menu .nav-tabs > li.active > a:hover, .cdz-mobile-header-menu .nav-tabs > li.active > a:focus, .cdz-mobile-header-menu .nav-tabs > li > a:hover { color: #fff; background-color: #333; border: 0px solid #e1e1e1; border-bottom-color: transparent; cursor: default; border-radius: 0; cursor: pointer; } .cdz-mobile-header-menu .cdz-menu { padding: 20px 0 0; } .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0 { float: none; display: block; } .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0 a.menu-link { display: block; color: #777; } .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0 > a.menu-link { background: none !important; color: white !important; } .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0 > .dropdown-toggle { color: white !important; } .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0 .dropdown-toggle { position: absolute; right: 0px; top: 0px; width: 40px; display: block; height: 40px; } .cdz-rtl .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0 .dropdown-toggle { right: auto; left: 0px; } .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0 .dropdown-toggle .caret { border: 0; width: 40px; display: block; height: 40px; text-align: center; cursor: pointer; } .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0 .dropdown-toggle .caret:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; font-size: 20px; color: #fff; line-height: 40px; } .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0 .groupmenu-drop { display: none; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: visible; position: static !important; width: 100%; background: white !important; box-shadow: none; padding-left: 20px; } .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0 .groupmenu-drop li a, .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0 .groupmenu-drop .groupdrop-title { color: #282828 !important; } .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0 .groupmenu-drop .dropdown-toggle { color: #282828; } .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0 .groupmenu-drop .dropdown-toggle:before { font-size: 23px; margin-top: 5px; } .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0:hover:after { display: none; } .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0.parent.open .caret { border: 0; } .cdz-mobile-header-menu .cdz-menu .groupmenu li.level0.parent.open .caret:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-size: 20px; color: #282828; line-height: 40px; } .cdz-mobile-header-menu .cdz-top-link { margin: 15px 0; } .cdz-mobile-header-menu .cdz-top-link li.link { display: block; vertical-align: top; margin: 0px; border-bottom: 1px solid #424242; } .cdz-mobile-header-menu .cdz-top-link li.link a { padding: 10px; display: block; clear: left; margin: 0; } .cdz-mobile-header-menu .cdz-top-link li.link a:hover { display: block; } .cdz-mobile-header-menu .cdz-top-link li.link .cdz-top-login .block-login .block-content { min-width: inherit; width: 100%; } .cdz-mobile-header-menu .cdz-top-link li.link .cdz-dropdown-content { background: #fff; border: 0; box-shadow: inherit; padding: 10px; width: 100%; } .cdz-mobile-header-menu .cdz-top-link #remember-me-box a.link-tip { display: inline-block; } .cdz-mobile-header-menu .cdz-top-link #remember-me-box a.link-tip:hover { display: inline-block; } .cdz-mobile-header-menu .cdz-top-link .forgot-password { padding: 20px !important; font-size: 11px; text-transform: uppercase; } .cdz-mobile-header-menu .cdz-top-login .block-login .block-content, .cdz-mobile-header-menu #login-form .block-login .block-content { min-width: inherit; width: 100%; position: relative; } .cdz-mobile-header-menu .cdz-trigger:after { position: absolute; right: 10px; font-size: 22px; margin-top: 2px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-rtl .cdz-mobile-header-menu .cdz-trigger:after { right: auto; left: 10px; } .cdz-mobile-header-menu .cdz-trigger.active:after { -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .cdz-mobile-header-menu .cdz-mobile-stores { margin: 15px 0; } .cdz-mobile-header-menu .cdz-mobile-stores div.cdz-dropdown { display: block; vertical-align: top; border-bottom: 1px solid #424242; } .cdz-mobile-header-menu .cdz-mobile-stores div.cdz-dropdown a { padding: 10px 17px; display: block; clear: left; margin: 0; color: #fff; } .cdz-mobile-header-menu .cdz-mobile-stores div.cdz-dropdown a:hover { display: block; } .cdz-mobile-header-menu .cdz-mobile-stores div.cdz-dropdown .cdz-dropdown-content { padding: 0; } .cdz-mobile-header-menu .cdz-mobile-nav .cdz-dropdown-content { position: relative; overflow: hidden; margin: 0; background: #fff; font-size: 12px; border: none; } .cdz-mobile-header-menu .cdz-mobile-nav .cdz-dropdown-content a { color: #282828 !important; } .cdz-mobile-header-menu .lang-flag { display: inline-block; } .cdz-mobile-header-menu .navbar-nav li .dropdown-toggle { position: absolute; right: 10px; top: 0px; } .cdz-mobile-header-menu .cdz-navbar-toggle { margin: 0 30px 0 0; position: absolute; left: 0; top: 0; } .cdz-mobile-header-menu .navbar-default .navbar-toggle:hover, .cdz-mobile-header-menu .navbar-default .navbar-toggle:focus { background-color: transparent; } .cdz-mobile-header-menu .cdz-mobile-logo { padding: 10px 40px 10px 40px; float: none; width: 100%; text-align: center; } .cdz-mobile-header-menu .cdz-mobile-logo a { display: inline-block; } .cdz-mobile-header-menu .cdz-mobile-logo img { max-width: 100%; } .cdz-mobile-header-menu .cdz-mobile-search { margin: 10px 0 15px; position: relative; } .cdz-mobile-header-menu .cdz-mobile-search .cdz-search-trigger { background: none; width: 22px; height: 19px; display: block; } .cdz-mobile-header-menu .cdz-mobile-search .cdz-search-trigger:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002"; font-size: 20px; color: #282828; } .cdz-mobile-header-menu .cdz-mobile-search .form-search { position: relative; } .cdz-mobile-header-menu .cdz-mobile-search .form-search label { display: none; } .cdz-mobile-header-menu .cdz-mobile-search .form-search .input-text { background: #f8f8f8; border: 1px solid #f8f8f8; color: #a4a4a4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .cdz-mobile-header-menu .cdz-mobile-search .form-search button.button { position: absolute; right: 0; width: 40px; height: 40px; text-align: center; top: 0; z-index: 1; display: inline-block; font-size: 0; background: none; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .cdz-rtl .cdz-mobile-header-menu .cdz-mobile-search .form-search button.button { right: auto; left: 0; } .cdz-mobile-header-menu .cdz-mobile-search .form-search button.button:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002"; font-size: 16px; line-height: 40px; color: #282828; content: '\f002 '; } .cdz-mobile-header-menu .cdz-mobile-search .cdz-dropdown-content { min-width: 310px; right: -50px; top: 43px; left: auto; margin: 0; } .cdz-mobile-header-menu .cdz-mobile-search .cdz-dropdown-content label { display: none; } .cdz-mobile-header-menu .cdz-mobile-search .cdz-dropdown-content .input-text { width: 64%; height: 34px !important; } .cdz-mobile-header-menu .cdz-mobile-search .cdz-dropdown-content button.button { padding: 6px 15px 6px; width: 30%; position: absolute; right: 10px; top: 12px; } .cdz-rtl .cdz-mobile-header-menu .cdz-mobile-search .cdz-dropdown-content button.button { right: auto; left: 10px; } .cdz-mobile-header-menu .cdz-top-cart { position: static; } .cdz-mobile-header-menu .cdz-top-cart a.cart-icon { float: right; margin-top: 10px; position: absolute; right: 0; top: 0; } .cdz-mobile-header-menu .cdz-top-cart .cart-subtotal { display: none; } .cdz-mobile-header-menu .cdz-top-cart .cart-icon .cart-qty { height: 15px; line-height: 15px; min-width: 15px; font-size: 10px; border-radius: 30px; } .cdz-mobile-header-menu .cart-icon:before { background-position: 7px 8px; } .cdz-mobile-header-menu .cdz-search-trigger .fa-search:before { font-size: 18px; color: #282828; } .cdz-mobile-header-menu .block-cart.cdz-dropdown-content { right: -10px; left: -10px; min-width: 300px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; } .cdz-mobile-header-menu .block-cart.cdz-dropdown-content .empty { text-align: center; } .cdz-mobile-header-menu .block-cart.cdz-dropdown-content .block-title { display: none; } .cdz-mobile-header-menu .cdz-top-cart .cdz-dropdown-content { padding: 20px 0 0; } .cdz-mobile-header-menu .cdz-top-cart .block-content { padding: 0; margin: 0; } .cdz-mobile-header-menu .cdz-top-cart .summary { font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; text-transform: uppercase; float: left; width: 100%; margin: 0 0 20px; padding: 0 20px; } .cdz-mobile-header-menu .cdz-top-cart .summary .cart-total-title { float: left; } .cdz-mobile-header-menu .cdz-top-cart .summary .cart-total-title h4 { margin-bottom: 10px; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; } .cdz-mobile-header-menu .cdz-top-cart .summary .cart-total-title p { margin: 0; font: 500 12px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; font-weight: 600; } .cdz-mobile-header-menu .cdz-top-cart .summary .subtotal { float: right; text-align: right; } .cdz-mobile-header-menu .cdz-top-cart .summary .subtotal .sub-total-label { margin-bottom: 10px; font-weight: 600; } .cdz-mobile-header-menu .cdz-top-cart .summary .subtotal .price { display: block; } .cdz-mobile-header-menu .cdz-top-cart .actions { clear: left; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; padding: 0 20px 20px; } .cdz-mobile-header-menu .cdz-top-cart .actions .button { float: none; width: 100%; } .cdz-mobile-header-menu .cdz-top-cart .block-subtitle { display: none; } .cdz-mobile-header-menu .cdz-top-cart .mini-products-list { clear: left; margin-bottom: 0px; border-bottom: 1px solid #e1e1e1; padding: 0 20px 10px; } .cdz-mobile-header-menu .cdz-top-cart .mini-products-list li.item { margin: 0 0 10px 0px; } .cdz-mobile-header-menu .cdz-top-cart .cart-viewcart a { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; line-height: 20x; padding: 10px 20px; display: block; text-align: center; } .cdz-mobile-header-menu .cdz-top-cart .btn-edit { font-size: 0; } .cdz-mobile-header-menu .cdz-top-cart .btn-edit:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\F044"; font-size: 18px; margin-right: 0px; position: absolute; right: 0px; top: 30px; color: #282828; } .cdz-mobile-header-menu .cdz-top-cart .btn-remove { font-size: 0; width: 0; height: 0; padding: 0; margin: 0; border: 0; } .cdz-mobile-header-menu .cdz-top-cart .btn-remove:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00d"; font-size: 15px; margin-right: 0px; position: absolute; right: 0px; top: 0px; color: #282828; padding: 0 2px; border: 1px solid #282828; border-radius: 2px; } .cdz-mobile-header-menu .cdz-top-cart .btn-remove:after { display: none; } .cdz-mobile-header-menu .cdz-top-cart .mini-products-list .product-image { min-width: 50px; } .cdz-mobile-header-menu .cdz-top-cart .mini-products-list .product-details { position: relative; margin-left: 70px; } .cdz-mobile-header-menu .cdz-top-cart .product-details-name { float: left; margin-right: 30px; } .cdz-mobile-header-menu .cdz-top-cart .mini-products-list .product-details .product-name { padding: 0; margin: 0; } .cdz-mobile-header-menu .cdz-top-cart .mini-products-list li.item { margin-bottom: 20px; } .cdz-mobile-header-menu .cdz-top-cart .mini-products-list li.item.last { margin-bottom: 0; } #MB_window { top: 2% !important; width: 96% !important; left: 2% !important; } #MB_window .product-view .product-shop { margin-top: 0; } #MB_window .product-view .product-options dl { margin-bottom: 10px; } } /*----------------------------------------*/ /*-------Codazon Responsive Menu Default----------------*/ @media (max-width: 767px) { .cdz-mobile-nav li.menu-item a { color: #fff; text-shadow: none; } .cdz-mobile-nav .navbar { padding: 20px 0 0; margin: 0; } .cdz-mobile-nav .navbar .navbar-nav { margin: 0; } .cdz-mobile-nav .navbar .navbar-nav .dropdown-toggle { position: absolute; right: 1px; top: 0px; width: 40px; display: block; height: 40px; padding: 0; cursor: pointer; } .cdz-rtl .cdz-mobile-nav .navbar .navbar-nav .dropdown-toggle { right: auto; left: 1px; } .cdz-mobile-nav .navbar .navbar-nav .dropdown-toggle .caret { border: 0; width: 40px; display: block; height: 40px; text-align: center; padding: 0; line-height: 38px; } .cdz-mobile-nav .navbar .navbar-nav .dropdown-toggle .caret:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f196"; font-size: 15px; } .cdz-mobile-nav .navbar .navbar-nav li.menu-item { float: none; display: block; position: relative; } .cdz-mobile-nav .navbar .navbar-nav li.menu-item a.menu-link { display: block; padding: 10px 17px; } .cdz-mobile-nav .navbar .navbar-nav li.menu-item.level-1 > .dropdown-toggle .caret:before { content: "\f107"; font-size: 22px; margin-top: 7px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-mobile-nav .navbar .navbar-nav li.menu-item.level-1.open > .dropdown-toggle .caret:before { -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .cdz-mobile-nav .navbar .navbar-nav .cdz-sub-cat { padding-left: 10px; background: #3C3A3A; font-size: 12px; } .cdz-mobile-nav .navbar .navbar-nav .cdz-sub-cat li.menu-item a { color: #D6D5D5; } .cdz-mobile-nav .navbar .navbar-nav .cdz-sub-cat li.menu-item.open > .dropdown-toggle .caret:before { content: "\f147"; } } /*----------------------------------------*/ /*-------Codazon Responsive Menu Default----------------*/ @media (max-width: 767px) { body.canvas-slid .main-menu-container:before { opacity: 0.8; transition: opacity 0.2s ease 0.5s; width: 100%; } body.canvas-slid .main-menu-container:before { background-color: #252525; content: ""; display: block; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; width: 0; z-index: -1; } body.canvas-slid .mobile-menu-bg { background-color: #252525; content: ""; display: block; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; width: 0; z-index: -1; } body.canvas-slid .main-menu-container:before { content: ""; display: block; position: fixed; width: 0; top: 0; left: 0; height: 100%; background-color: #252525; opacity: 0; z-index: -1; -webkit-transition: opacity 0.5s 0.5s,width 0 1s; -moz-transition: opacity 0.5s 0.5s,width 0 1s; transition: opacity 0.5s 0.5s, width 0 1s; } body.canvas-slid .main-menu-container:before { transition: width 0.2s ease 0s; width: 100%; } body.canvas-slid .cdz-mobile-header-menu .icon-bar { left: 0px; opacity: 0; -webkit-transition: top 0.2s 0.2s,left 0.2s 0.2s,opacity 0.2s 0.2s,-webkit-transform 0.2s 0.4s; -moz-transition: top 0.2s 0.2s,left 0.2s 0.2s,opacity 0.2s 0.2s,-moz-transform 0.2s 0.4s; transition: top 0.2s 0.2s, left 0.2s 0.2s, opacity 0.2s 0.2s, transform 0.2s 0.4s; } body.canvas-slid .cdz-mobile-header-menu .icon-bar:first-child { left: 0px; opacity: 1; top: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } body.canvas-slid .cdz-mobile-header-menu .icon-bar:last-child { left: 0px; opacity: 1; top: 25px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-vertical-area .space-base { margin: 0; } .menu-vertical-area .menu-vertical-title { padding: 8px 10px; } .menu-vertical-area .menu-vertical-title h3:after { font-size: 18px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f039"; font-size: 20px; float: right; } } @media (max-width: 767px) { /*Footer----*/ .page-footer .footer-bottom { padding: 20px 10px; } .footer-top-ads .ftop-ads-title { font-size: 100%; } .footer-top-ads .ftop-ads-desc { font-size: 90%; display: none; } .footer-top-ads .ftop-newsletter { margin: 0; } .ftop-newsletter .block.block-subscribe { position: relative; } .ftop-newsletter .block.block-subscribe .block-content { position: relative; padding: 0 0 10px; width: auto; display: block; margin: 0 40px; } .ftop-newsletter .block.block-subscribe .block-content .input-box { width: 100% !important; } .ftop-newsletter .block.block-subscribe .block-content .actions { position: absolute; right: 3px; top: 4px; width: 35px; } .cdz-rtl .ftop-newsletter .block.block-subscribe .block-content .actions { right: auto; left: 3px; } .ftop-newsletter .block.block-subscribe .block-content .actions .button { background: transparent; border: 0; padding: 3px 15px; } .ftop-newsletter .block.block-subscribe .block-content .actions .button span { font-size: 0; } .ftop-newsletter .block.block-subscribe .block-content .actions .button:before { -webkit-font-smoothing: antialiased; font-size: 18px; color: #282828; content: '\f105'; font-family: FontAwesome; vertical-align: middle; display: inline-block; font-weight: bold; overflow: hidden; speak: none; text-align: center; } .footer-top-ads .ftop-ads-small { font-size: 80%; } .page-footer .footer-social { padding: 0; margin: 0; text-align: center; } .page-footer .footer-social .social { margin: 0; text-align: center; } .page-footer .footer-social .social a { float: none; } .footer-bottom .col-sm-6 { margin: 0 0 15px; } .footer-bottom .col-sm-6 .footer-box { padding-bottom: 0px; } .page-footer p.h5 { margin-bottom: 0px; padding: 5px 0; } .bottom-footer-wrapper .footer-payment-logo { float: none !important; text-align: center; } .page-footer .cdz-footer-bottom-payment { float: none; } .page-footer .cdz-footer-bottom-payment img { margin: 0 auto; } .page-footer .footer address { text-align: center; margin-top: 0; } .footer-bottom .fototer-tags { margin: 0; } .footer-bottom .fototer-tags li { display: inline-block; } .footer-bottom .col-sm-6 h5 { margin-bottom: 0; line-height: 30px; } .footer-box .footer-link { padding: 15px 0 0; } .footer-box .footer-link.showhide { display: none; } .footer-box .cdz-toggle-title { cursor: pointer; margin: 0; } .footer-box .cdz-toggle-title:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 24px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; font-size: 22px; margin-right: 0px; float: right; cursor: pointer; } .cdz-rtl .footer-box .cdz-toggle-title:before { float: left; } .footer-box .cdz-toggle-title.active:before { content: "\f107"; } /*--- Footer*/ } @media (max-width: 767px) { /*Slideshow*/ .slide-caption .slide-text { margin: 0; font-size: 12px; } .slide-caption .slide-title { margin: 0; } .slide-caption .slide-title span { border: 0 none; font-size: 18px; padding: 0; } .slide-caption .slide-btn { margin: 0; } .slide-caption .slide-btn a { font-size: 12px; } .cdz-slideshow .slider-wrapper .owl-dots { display: none !important; } .cdz-brand-slider-wrap .cdz-slider-banners.owl-carousel .owl-nav [class*="owl-"] { top: -3px; height: 39px; margin: 0; } .slide-caption { width: inherit; left: 25%; } /*Home main content ----*/ } @media (max-width: 767px) { /*Block bestseller product*/ .cdz-best-seller-wrap { min-height: auto; } .cdz-best-seller-wrap .nav-tab-content { margin: 20px 0 0; } .mobile-nav-tab-dropdown { border: 1px solid #e1e1e1; display: block; line-height: 40px; margin: 10px 40px 0px; padding: 0 10px; text-align: left; text-transform: uppercase; cursor: pointer; } .mobile-nav-tab-dropdown:before { -webkit-font-smoothing: antialiased; font-size: 18px; color: #282828; content: '\f0c9'; font-family: FontAwesome; vertical-align: middle; display: inline-block; font-weight: bold; overflow: hidden; speak: none; text-align: center; float: right; line-height: 40px; } .mobile-nav-tabs.active { border: 1px solid; background: #fff; display: block; line-height: 40px; margin: 0 40px; padding: 0 10px; text-align: left; } .codazon-filter-style-02 .owl-nav [class*='owl-'], .codazon-filter-style-05 .owl-nav [class*='owl-'] { color: #fefefe; background: rgba(0, 0, 0, 0.2); border: 0; height: 60px; width: 35px; top: calc(40% - 15px); } .codazon-filter-style-02 .owl-nav [class*='owl-'].owl-next, .codazon-filter-style-05 .owl-nav [class*='owl-'].owl-next { right: 0; } .codazon-filter-style-02 .owl-nav [class*='owl-'].owl-prev, .codazon-filter-style-05 .owl-nav [class*='owl-'].owl-prev { left: 0; margin: 0 0 0 2px; } .codazon-filter-style-02 .owl-nav [class*='owl-']:before, .codazon-filter-style-05 .owl-nav [class*='owl-']:before { line-height: 60px; } .codazon-filter-style-02 .cdz-media-wrap, .codazon-filter-style-05 .cdz-media-wrap { display: none; } } @media (max-width: 767px) { .cdz-best-seller-wrap .nav-tabs, .cdz-best-seller-wrap .nav.nav-tabs { margin: 0 40px; } .cdz-buttons-container .tooltip { display: none !important; } .mobile-nav-tabs .active.nav-tab-item .switch { font-weight: 500; } .cdz-best-seller-wrap .nav-tab-item { display: block; text-align: left; margin: 0; } .nav.nav-tabs.mobile-nav-tabs .nav-tab-item { margin: 7px 0; clear: left; display: block; } .nav.nav-tabs.mobile-nav-tabs .nav-tab-item .switch, .mobile-nav-tabs .nav-tab-item .switch { height: auto; font: 400 12px/24px Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: inherit; padding: 0; } .mobile-nav-tabs .active.nav-tab-item .switch, .mobile-nav-tabs.active.nav-tab-item .switch:focus, .mobile-nav-tabs .active.nav-tab-item .switch:hover { padding: 0; } .col1-layout .products-grid .product-items.isotope .item.product-item.width-2 { width: 98%; } .col1-layout .products-grid .product-items.isotope .item.product-item.width-1 { width: 98%; } .cdz-best-seller-wrap .products-grid .product-items.isotope .item.product-item { width: 100% !important; padding: 0; margin: 0; } .col1-layout .products-grid .product-items:not(.owl-carousel) > .product-item { width: 50%; } .product-style04 .products-grid .product-items:not(.owl-carousel) .product-item { width: 50% !important; } .cdz-best-seller-wra .mobile-nav-tab-dropdown { margin-bottom: 20px; } .cdz-best-seller-wrap .codazon-filter { padding: 0; } .col-main-containter .col-main { padding-top: 0px; padding-bottom: 20px; } .cms-index-index .col-main-containter .col-main { padding-top: 0; padding-bottom: 0; } .products-grid .isotope .item.product-item.width-1.width-2 .product-item-link { font-size: 12px; } .codazon-ajax-wrap .product-items:not(.owl-carousel) > .product-item { min-height: inherit; } .col1-layout .products-grid .product-items:not(.owl-carousel) > .product-item .product-item-info { height: inherit; } } /*----Home main content */ /*Main content layout ---------*/ /*--------- Product detail*/ @media (max-width: 767px) { .product-view .rsOverflow { float: none !important; display: inline-block; } .product-view .rsUni .rsThumbsHor { height: auto; } .product-view .product-shop { width: 100%; float: left; margin-top: 20px; margin-bottom: 5px; } } @media (min-width: 768px) { #addTagForm .form-add { width: 60%; } } /*--------- End Product detail*/ /*--------- Main content*/ /* Popup Newsletter ----*/ @media (max-width: 767px) { .cdz-popup-wrapper .cdz-popup-newsletter-left { float: none; width: 100%; height: 50%; display: none; } .cdz-popup-wrapper .cdz-popup-newsletter-right { float: none; width: 100%; } } /* ----Popup Newsletter*/ /* Slideshow ----*/ @media (max-width: 767px) { .cdz-slideshow .owl-carousel .owl-nav [class*='owl-'] { left: 0; top: calc(40% - 15px); } .cdz-slideshow .owl-carousel .owl-nav [class*='owl-'].owl-next { right: 0; } } /* ---- Slideshow */ /*Product page ---------*/ @media (max-width: 767px) { .product-image-moreview img.rsImg { max-width: none; width: 100% !important; height: 100% !important; margin: 0 !important; } .product-view .product-rating-sku .no-rating { text-align: left; } .product-view .product-rating-sku .product-shop-sku { margin-bottom: 10px; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view .product-rating-sku .product-shop-sku strong { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view .product-rating-sku .pull-right { float: none !important; } .product-view .product-rating-sku .ratings { margin-bottom: 10px; text-align: left; } .product-view .product-rating-sku .ratings .rating-links { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view .availability .in-stock strong { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-view-media { padding: 0; } } /*--------- Product page*/ /*Categories page*/ @media (max-width: 767px) { .category-products .product-grid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .block-layered-nav .block-content dl dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #282828; border-bottom: none; right: 10px; top: 50%; margin-top: -3px; } .cdz-rtl .block-layered-nav .block-content dl dt:after { right: auto; left: 10px; } .products-grid .product-item { width: 50%; } } /*Shopping cart & Checkout page*/ @media (max-width: 767px) { .cart-empty { background: white; padding: 20px; -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0px; -moz-border-radius: 0px; padding: 50px; } .cart-table { border: 0; } .cart-table tr td { display: table-cell; padding: 10px 5px; } .cart-table tr td .item-options { padding: 0; margin: 10px 0 0; } .cart-table tr td .item-options dd { padding-left: 5px; } .cart-table tfoot .button { padding: 0; background: transparent; border: 0; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; margin: 0 6px; } .cart-table tfoot .button:hover { color: #fc7070; } .cart-table .shoppingcart-name .product-name { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cart-table .shoppingcart-edit { display: none; } .cart-table .shoppingcart-unittax { display: none; } .cart-table .qty { width: 40px; height: 35px !important; } .cart-collaterals .totals { padding: 0; margin: 0 0 20px; } #discount-coupon-form { margin: 0 0 20px; } .cart .page-title h1 { margin: 0; } .cart .page-title { padding: 0px 10px 15px; } .cart .data-table tr td { border: 0 !important; } .cart-collaterals { margin: 0 0 20px; } .cart form fieldset { margin: 0 0 20px; padding: 0; } .cart-collaterals .buttons-set { margin: 0; width: 40%; } .cart-collaterals .buttons-set button.button { font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-onestepcheckout #opc-login { width: auto; } .cdz-onestepcheckout li.section { width: auto; margin: 0 10px; } #my-orders-table { display: inline-block; overflow-x: auto; } } /* ============================================ * * Codazon_Drug homepages Responsive * ============================================ */ @media (max-width: 1200px) and (min-width: 992px) { .header-container.cdz-header-style-02 .header .cdz-header-top .cdz-top-link { margin-right: 150px; } } @media (max-width: 991px) { .cdz-header-style-02 .header .cdz-header-top .cdz-top-link { margin-right: 100px !important; } .cdz-header-style-02 .header .cdz-header-top .cdz-top-link .link { display: inline-block; vertical-align: top; margin-left: 20px; } .cdz-header-style-02 .header .cdz-header-top .cdz-top-link .link a { font-size: 0 !important; } .cdz-header-style-02 .header .cdz-header-top .cdz-top-link .compare { display: none; } .cdz-header-style-02 .header .sticky-menu .search-wrapper .cdz-top-cart { position: relative; z-index: 1; top: 0; right: 0; } .cdz-rtl .cdz-header-style-02 .header .sticky-menu .search-wrapper .cdz-top-cart { border-radius: 0; } .cdz-header-style-02 .header .sticky-menu .search-wrapper .cdz-top-cart .cart-icon .cart-qty { right: 0; left: auto !important; } .cdz-rtl .cdz-header-style-02 .header .sticky-menu .search-wrapper .cdz-top-cart .cart-icon .cart-qty { left: 0 !important; right: auto !important; } .cdz-header-style-02 .header .sticky-menu .search-wrapper .cdz-top-cart .cart-icon .cart-subtotal { display: none; } .cdz-header-style-02 .header .sticky-menu .search-wrapper .cdz-top-cart .cart-icon .cart-label { display: none; } .cdz-header-style-02 .header .sticky-menu .cdz-content-megamenu { width: 100%; float: right; } .cdz-header-style-02 .header .sticky-menu .cdz-content-megamenu .groupmenu li.level0 a.menu-link { padding: 5px 8px; } .cdz-header-style-02 .header .sticky-menu .block-search .block-search input[type="text"] { padding: 0; margin: 0; } .cdz-header-style-02 .header .sticky-menu .block-search .block-search .button:before { color: #999999; } .cdz-header-style-02 .header .sticky-menu .block-search .block-search .form-search:hover input[type="text"] { border: 0; padding: 0 10px; color: #999999; } .cdz-header-style-02 .header .sticky-menu .block-search .block-search .form-search:hover .button:before { color: #999999; } .cdz-header-style-02 .header .sticky-menu .search-wrapper { position: absolute; top: -69px; right: -10px; width: auto; } .cdz-rtl .cdz-header-style-02 .header .sticky-menu .search-wrapper { right: auto; left: -10px; } .cdz-header-style-02 .header .sticky-menu .search-wrapper .block-search { width: auto !important; float: left; } .cdz-header-style-02 .header .sticky-menu .search-wrapper .block-search .form-search input[type="text"] { width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-width: 0; height: 38px !important; border-radius: 5px 0 0 0; background: #68696d; color: #fff; } .cdz-rtl .cdz-header-style-02 .header .sticky-menu .search-wrapper .block-search .form-search input[type="text"] { float: left; border-radius: 0px 5px 0 0; } .cdz-header-style-02 .header .sticky-menu .search-wrapper .block-search .form-search .button { height: 38px; } .cdz-header-style-02 .header .sticky-menu .search-wrapper .block-search .form-search .button:before { color: #fff; } .cdz-header-style-02 .header .sticky-menu .search-wrapper .block-search .form-search:hover input[type="text"] { width: 100%; border-left-width: 1px; } .cdz-header-style-02 .header .sticky-menu .search-wrapper .block-search .form-search:hover .button:before { color: white; } } @media (min-width: 767px) and (max-width: 991px) { .cdz-block-categories-deals { display: block; } .cdz-block-categories-deals h3 { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-block-categories-deals h3 a { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } } @media (max-width: 767px) { .cdz-block-categories-deals { display: none; } .cdz-block-categories-deals h3 { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-block-categories-deals h3 a { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .menu-breadcrumbs .breadcrumbs { margin: 0; padding: 10px 10px 0 10px; border-radius: 5px; font-size: 10px; line-height: 24px; } } @media (max-width: 991px) { .col1-layout .codazon-filter-style-04 .products-grid { border-left-color: #e1e1e1; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) { margin: 0; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item { padding: 0 0 10px; margin: 0; border-right: 1px solid; border-bottom: 1px solid; } .col1-layout .codazon-filter-style-04 .products-grid .product-items:not(.owl-carousel) .product-item .product-item-info { border: 0px solid; border-width: 0 !important; } .cdz-buttons-inner .qs-button { display: none; } .products-grid .isotope .item.product-item .availability.out-of-stock { /* color: #df280a; */ display: inline-block; } .products-grid .isotope .item.product-item .out-of-stock span { color: #fc7070 !important; width: 40px; display: block; font-size: 10px; border: 2px solid #fc7070; padding: 3px; text-transform: lowercase; } /*.codazon-filter-style-01{ .products-grid{ .product-item-info{ .cdz-product-bottom{ position:inherit; background:none; padding-top:10px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); .cdz-buttons-container { .qs-button { transform: translate(0, 0); } button.tocart.primary { transform: translate(0, 0); } } } &:hover{ } } } }*/ .codazon-filter-style-02 .products-grid .product-item-info .cdz-product-bottom .ratings { display: none; } /*.codazon-filter-style-03{ .products-grid{ .product-item-info{ .cdz-product-bottom{ position:inherit; background:none; padding-top:10px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); .cdz-buttons-container { .qs-button { transform: translate(0, 0); } button.tocart.primary { transform: translate(0, 0); } } } &:hover{ } } } }*/ /*.codazon-filter-style-04{ .products-grid{ .product-item-info{ .cdz-product-bottom{ position:inherit; background:none; padding-top:10px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); .cdz-buttons-container { .qs-button { transform: translate(0, 0); } button.tocart.primary { transform: translate(0, 0); } } } &:hover{ } } } }*/ .codazon-filter-style-05 .products-grid .owl-theme .owl-nav { margin: 0; } .codazon-filter-style-05 .products-grid .product-item .product-item-info .cdz-product-info { display: none; } .codazon-filter-style-05 .products-grid .product-item .product-item-info .cdz-product-bottom { position: inherit; background: none !important; padding-top: 10px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .codazon-filter-style-05 .products-grid .product-item .product-item-info .cdz-product-bottom .cdz-buttons-container .qs-button { transform: translate(0, 0); } .codazon-filter-style-05 .products-grid .product-item .product-item-info .cdz-product-bottom .cdz-buttons-container button.tocart.primary { transform: translate(0, 0); } } /* ============================================ * * Codazon_Drug homepages Responsive * ============================================ */ /* ============================================ * * Codazon_Menu Vertical Responsive * ============================================ */ @media (max-width: 991px) { .menu-vertical-subpage { padding: 0; margin: 0 10px; } .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat { position: inherit; left: 0; right: 0; background-color: transparent; padding: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 0; } .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat li a.menu-link { font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat li a.menu-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0da"; font-size: 13px; margin-right: 10px; } .cdz-rtl .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat li a.menu-link:before { margin-right: 0px; margin-left: 10px; } .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat .cdz-sub-cat { padding-left: 20px; } .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat .dropdown-toggle { position: absolute; right: 0px; top: 0px; width: 37px; display: block; height: 37px; } .cdz-rtl .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat .dropdown-toggle { right: auto; left: 0px; } .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat .dropdown-toggle .caret { border: 0; width: 37px; display: block; height: 37px; text-align: center; cursor: pointer; } .menu-vertical .cdz-nav-wrap li.vertical-level1 .cdz-sub-cat .dropdown-toggle .caret:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f196"; font-size: 15px; color: #282828; line-height: 37px; } .menu-vertical .cdz-nav-wrap .parent:hover > .cdz-sub-cat { display: inherit; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .menu-vertical .cdz-nav-wrap .parent .open.cdz-sub-cat { display: inherit; -moz-transition: all 100ms ease; -webkit-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .menu-vertical .cdz-nav-wrap .parent:after { display: none; } .menu-vertical .cdz-nav-wrap .parent .dropdown-toggle { display: block !important; } .menu-vertical .cdz-nav-wrap .parent .dropdown-toggle { position: absolute; right: 0px; top: 0px; width: 37px; display: block; height: 37px; } .cdz-rtl .menu-vertical .cdz-nav-wrap .parent .dropdown-toggle { right: auto; left: 0px; } .menu-vertical .cdz-nav-wrap .parent .dropdown-toggle .caret { border: 0; width: 37px; display: block; height: 37px; text-align: center; cursor: pointer; } .menu-vertical .cdz-nav-wrap .parent .dropdown-toggle .caret:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; font-size: 20px; color: #282828; line-height: 37px; } } /* ============================================ * * Codazon_Menu Vertical Responsive * ============================================ */ /* ============================================ * * Codazon_Footer 2 * ============================================ */ @media (min-width: 767px) and (max-width: 991px) { .footer-newsletter-02 { /*.ftop-newsletter{ .block.block-subscribe{ .block-content { .input-box { width:70%; input { height:34px!important; &:before{ line-height:34px; } } } .actions{ width:28%; .button{ padding:6px 10px 5px; font:$f_note; } } } } }*/ } .footer-newsletter-02 .ftop-newsletter .block.block-subscribe .block-content .input-box { width: 100%; } .footer-newsletter-02 .social { margin: 15px 0 0; } } @media (max-width: 767px) { .footer-newsletter-02 .ftop-newsletter .block.block-subscribe .block-content .input-box { width: 100% !important; } .footer-newsletter-02 .ftop-newsletter .block.block-subscribe .block-content .input-box:before { line-height: 34px; } .footer-newsletter-02 .ftop-newsletter .block.block-subscribe .block-content .input-box input { height: 34px !important; } .footer-newsletter-02 .ftop-newsletter .block.block-subscribe .block-content .input-box input:before { line-height: 34px; } .footer-newsletter-02 .ftop-newsletter .block.block-subscribe .block-content .actions { width: 35px !important; text-align: center !important; top: 0; } .footer-newsletter-02 .ftop-newsletter .block.block-subscribe .block-content .actions .button { padding: 5px 10px !important; font: 500 11px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .footer-newsletter-02 .footer02-social { clear: left; } .footer-newsletter-02 .social { margin: 15px 0; text-align: center !important; } } /* ============================================ * * Codazon_Footer 2 * ============================================ */ /* ============================================ * * Codazon_Login & Register * ============================================ */ @media (max-width: 767px) { .customer-account-forgotpassword .page-main, .customer-account-create .account-create, .customer-account-login .account-login { width: auto; } .account-login #login-form, .account-create #form-validate, .customer-account-forgotpassword .col-main #form-validate { min-width: inherit; } } /* ============================================ * * Codazon_Login & Register * ============================================ */ /* ============================================ * * Codazon_Account * ============================================ */ @media (max-width: 767px) { .customer-account-index .header-container, .customer-account-index .footer, .customer-account-edit .header-container, .customer-account-edit .footer, .wishlist-index-index .header-container, .wishlist-index-index .footer, .customer-address-form .header-container, .customer-address-form .footer, .sales-order-history .header-container, .sales-order-history .footer, .sales-billing-agreement-index .header-container, .sales-billing-agreement-index .footer, .sales-recurring-profile-index .header-container, .sales-recurring-profile-index .footer, .review-customer-index .header-container, .review-customer-index .footer, .oauth-customer-token-index .header-container, .oauth-customer-token-index .footer, .newsletter-manage-index .header-container, .newsletter-manage-index .footer, .downloadable-customer-products .header-container, .downloadable-customer-products .footer, .customer-address-index .header-container, .customer-address-index .footer, .sales-order-view .header-container, .sales-order-view .footer, .tag-customer-index .header-container, .tag-customer-index .footer, .sales-order-shipment .header-container, .sales-order-shipment .footer, .sales-order-invoice .header-container, .sales-order-invoice .footer { display: block; } .customer-account-index .col-left.sidebar, .customer-account-edit .col-left.sidebar, .wishlist-index-index .col-left.sidebar, .customer-address-form .col-left.sidebar, .sales-order-history .col-left.sidebar, .sales-billing-agreement-index .col-left.sidebar, .sales-recurring-profile-index .col-left.sidebar, .review-customer-index .col-left.sidebar, .oauth-customer-token-index .col-left.sidebar, .newsletter-manage-index .col-left.sidebar, .downloadable-customer-products .col-left.sidebar, .customer-address-index .col-left.sidebar, .sales-order-view .col-left.sidebar, .tag-customer-index .col-left.sidebar, .sales-order-shipment .col-left.sidebar, .sales-order-invoice .col-left.sidebar { width: auto; height: auto; position: static; margin: 0 10px 20px; padding-bottom: 0; } .customer-account-index .col-left.sidebar .my-account-logo, .customer-account-edit .col-left.sidebar .my-account-logo, .wishlist-index-index .col-left.sidebar .my-account-logo, .customer-address-form .col-left.sidebar .my-account-logo, .sales-order-history .col-left.sidebar .my-account-logo, .sales-billing-agreement-index .col-left.sidebar .my-account-logo, .sales-recurring-profile-index .col-left.sidebar .my-account-logo, .review-customer-index .col-left.sidebar .my-account-logo, .oauth-customer-token-index .col-left.sidebar .my-account-logo, .newsletter-manage-index .col-left.sidebar .my-account-logo, .downloadable-customer-products .col-left.sidebar .my-account-logo, .customer-address-index .col-left.sidebar .my-account-logo, .sales-order-view .col-left.sidebar .my-account-logo, .tag-customer-index .col-left.sidebar .my-account-logo, .sales-order-shipment .col-left.sidebar .my-account-logo, .sales-order-invoice .col-left.sidebar .my-account-logo { display: none; } .customer-account-index .col-left.sidebar .block.block-account, .customer-account-edit .col-left.sidebar .block.block-account, .wishlist-index-index .col-left.sidebar .block.block-account, .customer-address-form .col-left.sidebar .block.block-account, .sales-order-history .col-left.sidebar .block.block-account, .sales-billing-agreement-index .col-left.sidebar .block.block-account, .sales-recurring-profile-index .col-left.sidebar .block.block-account, .review-customer-index .col-left.sidebar .block.block-account, .oauth-customer-token-index .col-left.sidebar .block.block-account, .newsletter-manage-index .col-left.sidebar .block.block-account, .downloadable-customer-products .col-left.sidebar .block.block-account, .customer-address-index .col-left.sidebar .block.block-account, .sales-order-view .col-left.sidebar .block.block-account, .tag-customer-index .col-left.sidebar .block.block-account, .sales-order-shipment .col-left.sidebar .block.block-account, .sales-order-invoice .col-left.sidebar .block.block-account { margin-bottom: 0; } .customer-account-index .col-main, .customer-account-edit .col-main, .wishlist-index-index .col-main, .customer-address-form .col-main, .sales-order-history .col-main, .sales-billing-agreement-index .col-main, .sales-recurring-profile-index .col-main, .review-customer-index .col-main, .oauth-customer-token-index .col-main, .newsletter-manage-index .col-main, .downloadable-customer-products .col-main, .customer-address-index .col-main, .sales-order-view .col-main, .tag-customer-index .col-main, .sales-order-shipment .col-main, .sales-order-invoice .col-main { width: auto; float: none; position: static; } .my-account .order-details .data-table { display: block; overflow-x: auto; } } /* ============================================ * * Codazon_Account * ============================================ */ /* ============================================ * * LuPa custom * ============================================ */ /*========box/wide custom===========*/ @media (min-width: 768px) { .cdz-boxed .page { width: 760px; } } @media (min-width: 992px) { .cdz-boxed .page { width: 980px; } } /*========custom layout===========*/ @media (min-width: 767px) and (max-width: 991px) { .cdz-header-style-04.header-container .header .cart-icon .cart-label { display: none; } .cdz-header-style-04.header-container .header .cart-icon .cart-subtotal { display: none; } .cdz-header-style-04.header-container .sticky-menu:not(.active) .cdz-top-cart .cart-icon { width: 38px; height: 38px; padding: 0; } .page-footer.footer-container.cdz-footer-style-04 .bottom-footer-wrapper .block-subscribe { margin-left: 0px !important; } .page-footer.footer-container.cdz-footer-style-04 .bottom-footer-wrapper .block-subscribe .block-content input { padding-right: 10px; } .page-footer.footer-container.cdz-footer-style-04 .bottom-footer-wrapper .block-subscribe .block-content .actions { position: static; margin-top: 10px; } .page-footer .item_tag li a { padding: 0; border: none; } } @media (max-width: 766px) { .page-footer.footer-container.cdz-footer-style-04 .bottom-footer-wrapper { padding-left: 10px; padding-right: 10px; } .page-footer.footer-container.cdz-footer-style-04 .bottom-footer-wrapper .block-subscribe { margin-left: 0px !important; } .page-footer.footer-container.cdz-footer-style-04 .bottom-footer-wrapper .footer-social a { float: left; margin: 5px 10px 5px 0; } .cdz-rtl .page-footer.footer-container.cdz-footer-style-04 .bottom-footer-wrapper .footer-social a { float: right; margin: 5px 0px 5px 10px; } /*cart bottom*/ .footer-cart.cdz-dropdown .cart-trigger { min-width: 55px; padding: 16px 10px; top: -61px; text-align: center; left: 5px; border-radius: 100px; } .footer-cart.cdz-dropdown .cart-trigger span.amount { display: none !important; } .footer-cart.cdz-dropdown .cart-trigger:after { content: "\f291"; font-size: 22px; margin: 0; float: none; } .footer-cart.cdz-dropdown.active .cart-trigger { border-radius: 0px; top: -56px; left: 0; } .footer-cart.cdz-dropdown.active .cart-trigger:after { -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); content: "\f00d"; } .footer-cart.cdz-dropdown .cart-content { background: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9); } .footer-cart.cdz-dropdown .cart-content .cart-items { padding-right: 10px; position: static; padding: 0; width: 100%; height: auto; } .footer-cart.cdz-dropdown .cart-content .cart-items .cart-products-list { border: none; padding: 10px 10px 0; } .footer-cart.cdz-dropdown .cart-content .cart-items .cart-products-list .cart-item { width: 50px; } .footer-cart.cdz-dropdown .cart-content .cart-items .cart-products-list .cart-item .product-image img { max-width: 100%; } .footer-cart.cdz-dropdown .cart-content .cart-items .cart-products-list .cart-item .btn-remove { margin-top: 7px; } .footer-cart.cdz-dropdown .cart-content .check-out { position: static; padding: 0; width: 100%; padding: 20px 10px 0; } .footer-cart.cdz-dropdown .cart-content .check-out .summary { float: none; width: 100%; padding: 0 10px; } .footer-cart.cdz-dropdown .cart-content .check-out .actions { float: none; height: auto; margin: 0; border-left: none; border-top: 1px solid #dfdfdf; padding: 20px; } .footer-cart.cdz-dropdown .cart-content .check-out .actions button.button { width: 100%; } } /*home bigmarket*/ @media (min-width: 767px) and (max-width: 1200px) { .box-style03 .products-grid .product-item-info .cdz-buttons-container .action { display: none; } .box-style03 .box-cate-link .item { margin-left: 10px; } .cdz-rtl .box-style03 .box-cate-link .item { margin-left: 0px; margin-right: 10px; } .box-style03 .box-cate-link .item a { font-size: 100%; padding-left: 10px; } .cdz-rtl .box-style03 .box-cate-link .item a { padding-left: 0px; padding-right: 10px; } .box-style03 .box-cate-link .item a:before { top: 6px; } .product-list-style02 .products-list .item .cdz-product-right .cdz-product-bottom { display: none; } .product-list-style02 .products-list .item .product-item-info .product-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .box-style04 .box-products .products-grid .item-group .item .product-item-info .cdz-hover-section { margin: 0; } .box-style04 .box-cate-link .item { padding: 15px 5px; } .box-style04 .box-cate-link .item span { font-size: 10px; } .box-style04 .products-grid .product-item-info .cdz-buttons-container .action { display: none; } } @media (min-width: 767px) and (max-width: 991px) { .product-list-style02 .products-list .item .price { font-size: 12px; } .box-style03 .block-title .h2 { font-size: 130%; } .box-style03 .products-grid .product-item-info .cdz-product-bottom { position: absolute; left: 0; top: 0; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); width: 100%; height: 100%; z-index: 2; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .box-style03 .products-grid .product-item-info .cdz-buttons-container { text-align: center; display: table; height: 100%; width: 100%; margin-bottom: 10px; } .box-style03 .products-grid .product-item-info .cdz-buttons-container form { display: inline-block; } .box-style03 .products-grid .product-item-info .cdz-buttons-container .cdz-buttons-inner { display: table-cell; vertical-align: middle; } .box-style03 .products-grid .product-item-info .cdz-buttons-container .cdz-buttons-inner .configurable-swatch-list { display: block; } .box-style03 .products-grid .product-item-info:hover .cdz-product-bottom { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .box-style03 .products-grid .product-item-info:hover .cdz-product-bottom .cdz-buttons-container .qs-button { transform: translate(0, 0); } .box-style03 .products-grid .product-item-info:hover .cdz-product-bottom .cdz-buttons-container button.tocart.primary { transform: translate(0, 0); } .box-style04 .products-grid .product-item-info .cdz-product-bottom { position: absolute; left: 0; top: 0; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); width: 100%; height: 100%; z-index: 2; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .box-style04 .products-grid .product-item-info .cdz-buttons-container { text-align: center; display: table; height: 100%; width: 100%; margin-bottom: 10px; } .box-style04 .products-grid .product-item-info .cdz-buttons-container form { display: inline-block; } .box-style04 .products-grid .product-item-info .cdz-buttons-container .cdz-buttons-inner { display: table-cell; vertical-align: middle; } .box-style04 .products-grid .product-item-info .cdz-buttons-container .cdz-buttons-inner .configurable-swatch-list { display: block; } .box-style04 .products-grid .product-item-info:hover .cdz-product-bottom { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .box-style04 .products-grid .product-item-info:hover .cdz-product-bottom .cdz-buttons-container .qs-button { transform: translate(0, 0); } .box-style04 .products-grid .product-item-info:hover .cdz-product-bottom .cdz-buttons-container button.tocart.primary { transform: translate(0, 0); } } @media (max-width: 767px) { .cart-table tfoot .button { float: left; text-align: left; } .rtl-layout .cart-table tfoot .button { float: right; text-align: right; } .cart-table tfoot .checkout-types { float: left; } } /*Custom RTL*/ .cdz-rtl { /*custom rtl default*/ /*codazon menu*/ } .cdz-rtl .cdz-col-left { float: right; } .cdz-rtl .cdz-col-right { float: left; } .cdz-rtl .block:not(.block-static-block) .block-content { text-align: right; clear: right; } .cdz-rtl .logo { float: right; } .cdz-rtl .configurable-swatch-list li { float: right; } /*RTL Layout*/ .cdz-rtl .page-footer .cdz-footer-bottom-payment { float: left; } .cdz-rtl .rsUni .rsThumbsVer { left: auto; right: 0; } .cdz-rtl .rsUni .rsFullscreenBtn { left: 0; right: auto; } .cdz-rtl .products-grid .product-item { float: right; } .cdz-rtl .block-layered-nav .block-content dl dd li:before { content: "\f104"; } .cdz-rtl .product-view .product-button-top { float: right; } .cdz-rtl .cdz-mobile-header-menu .cdz-navbar-toggle { left: auto; right: 0; margin: 0 0 0 30px; } .cdz-rtl .cdz-mobile-header-menu .cdz-top-cart a.cart-icon { right: auto; left: 0; } .cdz-rtl .cdz-mobile-header-menu .cdz-menu-responsive .icon-bar { right: 0; } .cdz-rtl.canvas-slid { left: auto !important; right: 280px !important; } .cdz-rtl.canvas-slid .offcanvas.in { right: auto !important; left: 95px !important; } .cdz-rtl .cdz-mobile-header-menu .nav-tabs li { float: right; } .cdz-rtl .my-account .box-content h3, .cdz-rtl .my-account .box-content h4, .cdz-rtl .my-account .box-title h3, .cdz-rtl .my-account .box-title h4 { float: right; margin: 8px 0px 8px 20px; } .cdz-rtl .breadcrumbs ul li span:before { content: '\f177'; } .cdz-rtl .mini-products-list .product-details { margin-left: 0; margin-right: 60px; } .cdz-rtl .mini-products-list .product-image { min-width: 50px; } .cdz-rtl .block-wishlist .price-box { float: right; } .cdz-rtl .block-wishlist .link-cart { float: right; } .cdz-rtl .block-content li.item { margin: 0 9px 10px 0; } .cdz-rtl .category-products .products-list > li .cdz-product-left { float: right; } .cdz-rtl .products-list .cdz-hover-section { float: right; } .cdz-rtl .products-list .product-shop { float: right; padding-right: 20px; padding-left: 0; } .cdz-rtl.customer-account-index .col-main, .cdz-rtl.customer-account-edit .col-main, .cdz-rtl.wishlist-index-index .col-main, .cdz-rtl.customer-address-form .col-main, .cdz-rtl.sales-order-history .col-main, .cdz-rtl.sales-billing-agreement-index .col-main, .cdz-rtl.sales-recurring-profile-index .col-main, .cdz-rtl.review-customer-index .col-main, .cdz-rtl.oauth-customer-token-index .col-main, .cdz-rtl.newsletter-manage-index .col-main, .cdz-rtl.downloadable-customer-products .col-main, .cdz-rtl.customer-address-index .col-main, .cdz-rtl.sales-order-view .col-main, .cdz-rtl.tag-customer-index .col-main, .cdz-rtl.sales-order-shipment .col-main, .cdz-rtl.sales-order-invoice .col-main { left: auto; right: 20%; float: right; } .cdz-rtl.customer-account-index .col-left.sidebar, .cdz-rtl.customer-account-edit .col-left.sidebar, .cdz-rtl.wishlist-index-index .col-left.sidebar, .cdz-rtl.customer-address-form .col-left.sidebar, .cdz-rtl.sales-order-history .col-left.sidebar, .cdz-rtl.sales-billing-agreement-index .col-left.sidebar, .cdz-rtl.sales-recurring-profile-index .col-left.sidebar, .cdz-rtl.review-customer-index .col-left.sidebar, .cdz-rtl.oauth-customer-token-index .col-left.sidebar, .cdz-rtl.newsletter-manage-index .col-left.sidebar, .cdz-rtl.downloadable-customer-products .col-left.sidebar, .cdz-rtl.customer-address-index .col-left.sidebar, .cdz-rtl.sales-order-view .col-left.sidebar, .cdz-rtl.tag-customer-index .col-left.sidebar, .cdz-rtl.sales-order-shipment .col-left.sidebar, .cdz-rtl.sales-order-invoice .col-left.sidebar { right: 0; left: auto; }