/* Theme Name: Pandora Getraffic Child Theme Description: Pandora Getraffic Child Theme Author: Getraffic Author URI: https://getraffic.co.il Template: getraffic Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready */ @import url("style2.css"); @font-face { font-family: PanTextTT; src: url('assets/fonts/PanTextTT/PanTextTT-Regular.ttf') format("truetype"); unicode-range: U+0020-007F; } *, body, html { font-family: Rubik, PanTextTT, sans-serif; font-size: 19px; } #wrapper { position: relative; width: 100%; overflow: hidden; } .top-stripe { background-color: #ffcad4; text-align: center; } .top-stripe a { color: #ffffff; font-size: 17px; } .footer { background-color: #303030; color: #d6d6d6; } .footer a { color: #d6d6d6; } .footer-widgets { text-align: right; display: flex; justify-content: space-between; padding: 60px 0; width: 100%; } .f-widget.widget-right { margin: 0; flex-basis: 80%; width: 80%; } .f-widget.widget-right .row.full-width { margin: 0; } .f-widget.widget-left { width: 18%; padding: 0; flex-basis: 18%; margin: 0; display: flex; flex-direction: column; } .f-widget h2 { font-size: 23px; text-align: right; } .f-widget ul { padding: 0; text-align: right; font-size: 16px; } .newsletter-input-wrap a.disable { opacity: 0.5; cursor: not-allowed; } .f-newsletter h2 { text-align: left; color: #d6d6d6; } .f-newsletter input.newsletter { text-align: left; color: #d6d6d6; width: 100%; border: 0; background: transparent; border-bottom: 1px solid #d6d6d6; direction: ltr; } a.newsletter-submit { display: block; border: 1px solid #d6d6d6; width: 100%; font-weight: bold; text-align: center; padding: 15px; cursor: pointer; } .f-newsletter label { margin: 15px 0; } .footer-bottom { border-top: 1px solid #d6d6d6; display: flex; justify-content: center; padding: 25px 25px 0; } .credit { text-align: left; padding: 0px 25px 10px; font-size: 16px; } .footer-bottom p { margin-right: 35px; } .footer-bottom img { margin-right: 10px; } img.secured-by { height: 38px; } img.pay-with { height: 27px; } .product-info h1.title { font-size: 21px; margin: 0; padding-left: 20px; } .product-info img.stars { display: none; } .product-info { display: flex; justify-content: space-between; align-items: center; } .product-info span.amount { font-size: 28px; } .shipping-labels .tnx-shipping-item { display: flex; } .product-badge.badge-oos::before { content: 'out of stock'; } .container div.delivery-section { background-color: white; } body.single .slider-wrapper { margin: 0; } .modal-backdrop.show { opacity: 0; } .carousel-link { font-size: 18px; border-bottom: solid 1px #f2a1b2; align-self: flex-start; font-weight: bold; } .zoomLens, .zoomLens img, .zoomContainer { z-index: 4 !important; } .wp-block-gallery .slick-dots { bottom: 25px; } .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item { margin-left: 0; width: 100%; } .wp-block-gallery .slick-dots li button:before { font-size: 40px; } p#order_card span.woocommerce-input-wrapper { display: none; } .archive-filter:last-child { display: none; } .term-sale .archive-filter { display: inherit; } .page-template-gifts p#breadcrumbs, .page-template-gifts .slider-wrapper { display: none; } .g_banner1 img { width: 100%; margin-bottom: 20px; } .gifts .second { position: relative; padding: 0 70px; margin-bottom: 50px; display: flex; flex-direction: row-reverse; justify-content: center; } .gifts .first, .gifts .third, .gifts .fourth { margin-bottom: 20px; } .gifts .second img { margin-top: 5%; width: 40%; height: auto; margin-left: -3%; z-index: 3; align-self: center; } .gifts .second iframe { float: left; max-width: 60%; } .page-template-gifts .third .slider-wrapper { display: block; } .g_last img.bg { width: 100%; } .just-mobile { display: none; } .acsb-trigger { bottom: 60px !important; } .archive-banner img { height: auto !important; } /* mobile category style */ .mobile-category-nav { padding: 7px 3%; } .mobile-category-nav ul { list-style: none; padding: 0; margin: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -3px; justify-content: center; } .mobile-category-nav ul li { flex-basis: 20%; max-width: 20%; padding: 3px; } .mobile-category-nav ul li:nth-child(5)~li { display: none; } .mobile-category-nav ul a { display: block; font-size: 12px; line-height: 1.25; padding: 6px 3px; text-align: center; color: #27251f; background: #dbdbdc; border-radius: 10px; } .mobile-category-menu { margin: 10px 0 0; width: 100%; max-width: 100%; } .mobile-category-menu ul.menu { list-style: none; position: relative; padding: 0 calc(5% - 2px) 0 calc(5% + 3px); overflow: hidden; margin: 0; } .mobile-category-menu .slick-arrow { position: absolute; top: 50%; transform: translate(0, -50%); border: none; outline: none; padding: 0; margin: 0; background: none; width: 6px; } .mobile-category-menu .slick-arrow svg { width: 100%; } .mobile-category-menu .slick-prev { right: calc(5% - 8px); } .mobile-category-menu .slick-next { left: calc(5% - 8px); } .mobile-category-menu:not(.slick-initialized) { white-space: nowrap; } .mobile-category-menu:not(.slick-initialized) li { display: inline-block; vertical-align: top; } .mobile-category-menu a { display: table; font-size: 12px; line-height: 1.25; color: #000; border-bottom: 1px solid #000; padding: 2px 0; margin: 0 4px; } .mobile-category-menu li.current-menu-item a { color: #000; } body .locations h2 { color: #000; font-weight: bold; } body .area_col li a { color: #f35597; } body .area_col li a strong { font-weight: 500; } @media (min-width: 375px) { .mobile-category-menu li.current-menu-item a { font-size: 14px; line-height: 18px; } } @media (min-width: 416px) { .mobile-category-menu li.current-menu-item a { font-size: 15px; line-height: 1.4; padding: 4px; } } @media (min-width: 768px) { .mobile-category-nav, .mobile-category-menu { display: none; } } @media (max-width: 767px) { .page.page-template-locations .header-container .bg-image { display: none; } .page.page-template-locations .location-title { background: #f2a1b2; color: #fff; position: relative; margin-bottom: 10px !important; } .page.page-template-locations .location-title::before, .page.page-template-locations .location-title::after { position: absolute; top: 0; width: 20%; height: 100%; background: #f2a1b2; z-index: 0; margin: 0; content: ""; display: block; } .page.page-template-locations .location-title::before { left: -10%; } .page.page-template-locations .location-title::after { right: -10%; } .loc_col { margin-bottom: -45px; } .loc_col .area_col+.area_col+.area_col, .loc_col .area_col:last-child { order: -1; } .area_col { width: 100% !important; padding: 10px 15px !important; } } body .wc-social-login { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin: 0 -1.25rem; } body .wc-social-login>p { flex-basis: 100%; max-width: 100%; font-size: 14px; line-height: 1.25; text-align: center; } body .wc-social-login a.button-social-login { background: none; outline: none; border: none; width: auto; height: auto; font-size: 14px; line-height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; text-decoration: none; color: #000; font-weight: 400; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 10px 10px; border-radius: 0; box-shadow: none; padding: 9px 14px 7px; border: 1px solid #f2a1b2; border-radius: 100px; transition: 0.2s ease background-color; text-indent: 0; } body .wc-social-login a.button-social-login.button-social-login-facebook, body .wc-social-login .widget-area a.button-social-login.button-social-login-facebook, body .wc-social-login a.button-social-login.button-social-login-google, body .wc-social-login .widget-area a.button-social-login.button-social-login-google { background: none; } body .wc-social-login a.button-social-login.button-social-login-facebook:hover, body .wc-social-login a.button-social-login.button-social-login-google:hover { background: #f2f2f2; } .rtl body .wc-social-login a.button-social-login { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } body .wc-social-login a.button-social-login .si { margin: -2px 0 0 8px; position: relative; z-index: 2; width: 20px; height: 20px; background: none; border-radius: 0; -webkit-background-size: 18px auto; background-size: 18px auto; background-repeat: no-repeat; background-position: 50% 50%; } body .wc-social-login a.button-social-login .si.si-facebook { background-image: url('assets/images/facebook.svg'); } body .wc-social-login a.button-social-login .si.si-google { background-image: url('assets/images/google.svg'); } .rtl body .wc-social-login a.button-social-login .si { margin-left: 0; margin-right: 8px; } .woocommerce-order-received .woocommerce>.woocommerce-info>p { padding: 0 20px; text-align: center; display: none; } .woocommerce-order-received .woocommerce>.woocommerce-info .wc-social-login { display: none !important; } @media (max-width: 767px) { .woocommerce-order-received .woocommerce>.woocommerce-info>p { padding: 0 15px; } } .matat-info { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; /* align-items: flex-end; */ align-items: center; direction: ltr; font-size: 0.8rem; } .matat-info * { font-size: inherit !important; line-height: 1; } .matat-info>a { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; pointer-events: none; } .matat-info>a:hover { text-decoration: underline; } .matat-info>span { margin-top: 4px; } .matat-info img { width: 2em; height: auto; margin: 0 0.6em; } @media (max-width: 767px) { .matat-info { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; padding-top: 15px; } } .checkout-price s, .woocommerce-Price-amount s, .product-price s { text-decoration: none; } .dgwt-wcas-search-icon svg { display: block; } /* html:not(.js_active) .elfsight-widget-cookie-consent, html:not(.js_active) div.top-stripe a, html:not(.js_active) .menubar .menu-right ul { display: none !important; } */ @media (min-width: 1200px) { .menubar .menu-right { min-height: 43px } } div.top-stripe { min-height: 27px; } div.top-stripe a { display: block; line-height: 17px; padding: 5px 0; } @media (min-width: 1200px) { .xsell-products:not(.slick-initialized) { display: flex; flex-wrap: wrap; } .xsell-products:not(.slick-initialized) .product-wrapper { flex-basis: 25%; max-width: 25%; } .xsell-products:not(.slick-initialized) .product-wrapper:nth-child(4)~.product-wrapper { display: none } .xsell-products .thumb-wrapper, .xsell-products .product-wrapper .product-info { max-width: 390px; margin-left: auto; margin-right: auto; } .xsell-products .product-wrapper .product-info { width: 100%; } } /*New css*/ .single-product .add-to-cart-form .variations #pa_size, .quick-view .add-to-cart-form .variations #pa_size { width: 180px; } .woocommerce-product-gallery .flex-control-nav li img { height: auto; } .blocks .order-meta-wrap { min-width: 35%; } .blocks .block-inner { flex: 1; } @media screen and (max-width: 1500px) { body.single-product .product div.gt-single-product-right { padding-left: 5%; } } @media screen and (max-width: 991px) { body.single-product .product div.gt-single-product-right { flex: 0 0 100%; max-width: 100%; padding-left: 0; } } @media screen and (max-width: 768px) { /* .single-product .add-to-cart-form .variations_form.cart .variations { padding-left: 0; } */ .single-product .product .add-to-cart-form .variations #pa_size { font-size: 16px; width: 145px; padding-right: 15px; } } .woosb-products .woosb-product .variations_form .variations .variation .label { display: none; } .single-product .woosb-products .woosb-product .variations_form .variations .variation { border: none; padding: 0; margin: 0; } .single-product .woosb-products .woosb-product .variations_form .variations .variation .select select { padding-right: 0; padding-left: 16px; background-position: 0 50%; } .single-product .product .add-to-cart-form p.stock { display: none !important; } body .cc-window.cc-banner { -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; } body .cc-window.cc-theme-edgeless .cc-message { margin: 0; padding: 1em; font-size: 12px; line-height: 1.5; } body .cc-window .cc-compliance { font-size: 12px; line-height: 1.5; } body .cc-window.cc-theme-edgeless .cc-message a.cc-link { font-size: inherit; } body .cc-window.cc-theme-edgeless .cc-btn { font-size: inherit; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; } @media screen and (max-width: 767px) { body .cc-theme-edgeless.cc-window { max-width: 100%; bottom: 0; padding-bottom: 1em; } body .cc-window.cc-floating .cc-compliance { max-width: calc(100% - 1.5em); margin: auto; width: 100%; } } .footer .elfsight-widget .eacc-item-container .eacc-message-component { font-size: 12px; margin: 0; } .footer .elfsight-widget .eacc-item-container .eacc-message-component * { font-size: inherit; line-height: inherit; } .footer .elfsight-widget .eacc-item-container .eacc-actions-actions { margin: 0; font-size: 12px; } .footer .elfsight-widget .eacc-item-container .eacc-actions-actions * { font-size: inherit; } .footer .elfsight-widget .eacc-widget-mobile { padding-right: 10px; } .footer .elfsight-widget .eacc-widget-mobile .eacc-message-text { padding: 0; } /*Checkout page Greeting card form*/ .greetingcard-checkbox { position: relative; } .greetingcard-checkbox { position: relative; } .greetingcard-checkbox label { margin: 0; position: relative; display: flex; flex-wrap: wrap; color: #888888; font-size: 18px; } .greetingcard-checkbox .fake-input { border-radius: 0; margin-left: 10px; border: 1px solid; display: inline-block; width: 20px; height: 20px; margin-top: 3px; position: relative; } .greetingcard-checkbox .fake-input::before { content: '✔'; background: none; text-align: center; color: #000; font-size: 15px; position: absolute; top: -2px; left: 0; right: 0; opacity: 0; visibility: hidden; } .greetingcard-checkbox input[type="checkbox"]:checked+label .fake-input::before { opacity: 1; visibility: visible; } .greetingcard-checkbox .checkbox-text { flex: 1; display: inline-flex; flex-wrap: wrap; } .greeting-cart-block .greetingcard-form { display: none; max-width: 480px; margin-top: 25px; } .greetingcard-form-inner { display: flex; flex-wrap: wrap; flex-direction: row-reverse; border: 1px solid #f8d1d8; min-height: 250px } .greetingcard-form-inner .greetingcard-img { width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px 0; } .greetingcard-form-inner .greetingcard-img img { max-width: 100%; height: auto; } .greetingcard-form-inner .greetingcard-textarea { width: 50%; display: flex; flex-direction: column; flex: 1; border-left: 1px dashed #f8d1d8; } .greetingcard-form-inner .greetingcard-textarea textarea, .greetingcard-form-inner .greetingcard-textarea .gretting-textbox { height: 100%; width: 100%; border-radius: 0; border: none; resize: none; padding: 10px; font-size: 16px; min-height: 150px; position: relative; } .gretting-textfield { height: 100%; } .gretting-textbox .textbox-placeholder { display: inline-block; color: gray; pointer-events: none; } .gretting-textbox .textbox-placeholder { position: absolute; top: 10px; right: 10px; } .gretting-textfield.focus-visible+.textbox-placeholder, .gretting-textfield:not(:empty)~.textbox-placeholder { display: none; } .greetingcard-form-inner .greetingcard-textarea textarea::-webkit-input-placeholder { color: gray; } .greetingcard-form-inner .greetingcard-textarea textarea:-ms-input-placeholder { color: gray; } .greetingcard-form-inner .greetingcard-textarea textarea::placeholder { color: gray; } .greeting-char-count { /* direction: ltr; */ text-align: right; font-size: 16px; margin-top: 5px; display: flex; flex-wrap: wrap; } .greeting-char-count>* { font-size: inherit; } @media (min-width: 768px) { #nav-billing .wizard-item-content .checkout-button-wrapper { margin-top: 40px; } } @media (max-width: 767px) { p#terms { margin-left: 0; margin-right: 0; padding-right: 0; padding-left: 0; } p#terms .checkbox input[type="checkbox"] { position: absolute; } #nav-delivery .woocommerce-shipping-fields.checkout-shipping-fields { padding-left: 5px; padding-right: 5px; } .greeting-cart-block .greetingcard-form { max-width: 387px; } .greetingcard-form-inner { min-height: 200px; } } .page-template-checkout #customer_details>.woocommerce-account-fields { display: none; } .add-to-cart-form .variations_button .squ, form.cart>.squ { position: relative; top: -15px; } @media screen and (max-width: 768px) { .add-to-cart-form .variations_button .squ, form.cart>.squ { position: relative; top: -27px; } } .post-top-image img { width: 100%; } /*Footer newsletter design*/ body #glassix-widget-launcher-container { bottom: 50px !important; } .footer-newsletter>h2 { margin-bottom: 10px; } .footer-newsletter>h3 { font-weight: 400; font-size: 22px; margin-bottom: 20px; } .footer-newsletter p:empty { display: none; } .footer-newsletter .homepage-newsletter { max-width: 450px; } .newsletter-form .newsletter-response { margin-bottom: 10px; color: #FFCAD4; font-size: 13px; } .footer-newsletter .newsletter-input-wrap { margin-top: 0; margin-bottom: 20px; justify-content: initial; display: flex; flex-wrap: wrap; } .footer-newsletter .newsletter-input-wrap #newsletter_email { border: 1px solid #fff; background: none; color: #fff; width: calc(100% - 60px); height: 50px; padding: 5px 15px; } .footer-newsletter .newsletter-input-wrap #newsletter-submit { width: 60px; height: 50px; background: #fff; color: #000; font-size: 35px; font-weight: 100; font-family: monospace; margin: 0; border: none; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; } .footer-newsletter .homepage-newsletter label.newsletter { justify-content: initial; font-size: 13px; position: relative; padding-right: 20px; } .footer-newsletter .homepage-newsletter label.newsletter #newsletter-checkbox { width: 20px; height: 20px; position: absolute; top: 0; right: 0; opacity: 0; } .footer-newsletter .homepage-newsletter label.newsletter p { position: static; top: 0; margin: 0; text-align: right; font-size: inherit; } .footer-newsletter .homepage-newsletter label.newsletter p::before { content: ""; background: #fff; position: absolute; top: 4px; right: 0; width: 12px; height: 12px; border-radius: 2px; } .footer-newsletter .homepage-newsletter label.newsletter input[type="checkbox"]:checked+p::before { background: #FFCAD4; } .footer-newsletter .homepage-newsletter label.newsletter p::after { content: ""; border-bottom: 2px solid #000; border-right: 2px solid #000; position: absolute; top: 4px; right: 4px; width: 5px; height: 9px; opacity: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .footer-newsletter .homepage-newsletter label.newsletter input[type="checkbox"]:checked+p::after { opacity: 1; } .footer-newsletter .homepage-newsletter label.newsletter a { text-decoration: underline; font-size: inherit; } .footer-newsletter .textwidget { margin-top: 20px; position: relative; padding-top: 20px; } .footer-newsletter .textwidget::before { content: ""; background: #d6d6d6; width: 160px; height: 1px; position: absolute; top: 0; right: 0; } .footer-newsletter .textwidget p { margin-bottom: 10px; } .footer-newsletter .textwidget a[href*="mailto:"] { margin-bottom: 5px; display: inline-block; font-weight: 400; } .footer-newsletter .textwidget a[href*="tel:"] { padding-right: 5px; } .f-widget.widget-right .col-md-2:first-child .textwidget { padding-right: 5%; position: relative; padding-top: 15px; } .f-widget.widget-right .col-md-2:first-child .textwidget::before { content: ""; background: #d6d6d6; width: 160px; height: 1px; position: absolute; top: 0; right: 5%; } @media screen and (min-width: 769px) { .f-widget.widget-right .col-md-2:first-child div[class*="menu-"] { display: block !important; } .f-widget.widget-right .col-md-2:first-child .textwidget { display: none !important; } } @media screen and (min-width: 769px) and (max-width: 991px) { .footer-newsletter .newsletter-input-wrap { flex-direction: column; } .footer-newsletter .newsletter-input-wrap #newsletter_email { width: 100%; } .footer-newsletter .newsletter-input-wrap #newsletter-submit { width: 100%; } } @media screen and (max-width: 768px) { .footer-newsletter { margin-top: 40px; margin-bottom: 40px; padding-left: 0; padding-right: 0; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; } .footer .f-widget .footer-newsletter div { display: block; width: 100%; padding: 0; } .f-widget .footer-newsletter div.homepage-newsletter { max-width: 90%; } .f-widget .footer-newsletter div.newsletter-input-wrap { display: flex; } .footer .f-widget .footer-newsletter div.textwidget { display: none; } footer .f-widget.widget-right .col-md-2.col-xs-6 { width: 100%; padding: 0; } .f-widget.widget-right .col-md-2.col-xs-6 div { margin-bottom: 20px; text-align: right; position: relative; } footer .f-widget.widget-right .col-md-2.col-xs-6 div.footer-title:after { content: ">"; font-size: 17px; position: absolute; top: 4px; left: 0; } footer .f-widget.widget-right .col-md-2.col-xs-6 div.footer-title.active:after { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .footer-newsletter .homepage-newsletter label.newsletter { font-size: 14px; } .footer-newsletter .homepage-newsletter label.newsletter p::before { top: 5px; } .footer-newsletter .homepage-newsletter label.newsletter p::after { top: 5px; } } @media screen and (max-width: 640px) { .newsletter-form .newsletter-response { font-size: 3vw; } .footer .f-widget .footer-newsletter div.newsletter-response { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; text-align: center; } } /*css for modal*/ .login-modal .modal-dialog { max-width: 500px; } .login-modal .modal-content { box-shadow: none; color: #000; padding: 30px 50px; border: 1px solid #000; } .login-modal .main-title { margin-bottom: 20px; } .login-modal .main-title h2, .login-modal .main-title .h2 { display: block; color: #ffcad4; font-size: 36px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; } .login-modal .main-title span { font-weight: 600; font-size: 18px; display: block; } .login-modal .main-title span.short-desc { font-weight: 400; font-size: 14px; } .login-modal .linked-css { color: #000; font-weight: 300; } .login-modal form { margin-top: 30px; } .login-modal .form-group { position: relative; } .login-modal .form-group .qoute { position: absolute; left: 0; cursor: pointer; top: 5px; } .login-modal .form-group .qoute>img { width: 16px; } .login-modal .form-group .qoute span { position: absolute; font-size: 10px; background-color: #e6e6e6; border-radius: 5px; display: inline-block; width: 97px; padding: 3px 4px; top: -127%; left: -40px; opacity: 0; visibility: hidden; transition: all ease 0.5s; } .login-modal .form-group .qoute:hover span { opacity: 1; visibility: visible; } .login-modal .form-group input, .login-modal .form-group button { width: 100%; } .login-modal .form-group input { border: none; border-bottom: 1px solid #000; color: #808080; height: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .login-modal .form-group input.color-red { color: #ff8080; } .login-modal .form-group input::placeholder { color: #808080; } .login-modal .form-group button { background: #000; color: #fff; transition: all ease 0.3s; border: 1px solid #000; font-size: 21px; font-weight: 600; text-align: center; box-shadow: none; border-radius: 0; cursor: pointer; padding: 10px 10px 12px; line-height: 1.2; } .login-modal .form-group button:hover { background: transparent; color: #000; transition: all ease 0.3s; } .login-modal .form-group .input-wrap { margin-bottom: 40px; position: relative; } .login-modal .form-group .input-wrap:last-child { margin-bottom: 0; } .login-modal .seperator { position: relative; margin: 30px 0; } .login-modal .seperator span { background: #fff; display: inline-block; position: relative; padding: 0 20px; color: #969696; } .login-modal .seperator:before { content: ''; position: absolute; height: 1px; width: 100%; top: 50%; transform: translateY(-50%); background: #969696; left: 0; } .login-modal .social-icons { padding: 0; } .login-modal .social-icons .icons { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr); } .login-modal .social-icons .icons>div a { border: 1px solid #000; position: relative; height: 40px; display: block; line-height: 36px; font-weight: 800; } .login-modal .social-icons .icons .facebook a { color: #3b5998; transition: all ease 0.5s; } .login-modal .social-icons .icons .facebook a:hover { color: #fff; background: #3b5998; border-color: #3b5998; } .login-modal .social-icons .icons .google span { margin: 0 -1.5px; } .login-modal .social-icons .icons .google span:nth-child(1) { color: #5283ed } .login-modal .social-icons .icons .google span:nth-child(2) { color: #e43c53; } .login-modal .social-icons .icons .google span:nth-child(3) { color: #f7cf55; } .login-modal .social-icons .icons .google span:nth-child(4) { color: #5283ed; } .login-modal .social-icons .icons .google span:nth-child(5) { color: #3ec365; } .login-modal .social-icons .icons .google span:nth-child(6) { color: #e43c53; } .login-modal .social-icons .icons .google a { transition: all ease 0.5s; } .login-modal .social-icons .icons .google a:hover { background: #000; } .login-modal button.close { width: 20px; height: 20px; margin: 30px auto 0; display: inline-block; float: none; opacity: 1; cursor: pointer; outline: 0; } .login-modal button.close img { width: 100%; height: 100%; vertical-align: middle; } .login-modal .msg-alert { font-weight: 600; color: #808080; margin-top: -30px; } .login-modal .msg-alert a { text-decoration: underline; color: #808080; } .precheck .social-btn-wrap { display: flex; flex-wrap: wrap; } .precheck .social-btn-wrap button { flex-basis: 70%; max-width: 70%; } .precheck .social-btn-wrap .icons { flex-basis: 29%; max-width: 29%; margin-right: 1%; display: flex; justify-content: center; align-items: center; } .precheck .social-btn-wrap .icons>div { border: 1px solid #000; padding: 10px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; height: 49px; width: 50px; margin-right: 2px; } .precheck .social-btn-wrap .icons div:last-child { margin-right: 5px; } .precheck .guest-sec { margin: 30px 0 0; } .precheck .guest-sec a { color: #808080; text-decoration: underline; } .userform .form-group .input-wrap { margin-bottom: 15px; } .userform .form-group .input-wrap .radio-button>div { position: relative; } .userform .form-group .input-wrap [type="radio"]:checked, .userform .form-group .input-wrap [type="radio"]:not(:checked) { position: absolute; display: none; } .userform .form-group .input-wrap [type="radio"]:checked+label, .userform .form-group .input-wrap [type="radio"]:not(:checked)+label { position: relative; padding-right: 20px; cursor: pointer; line-height: 20px; display: block; color: #666; text-align: right; } .userform .form-group .input-wrap [type="radio"]:checked+label:before, .userform .form-group .input-wrap [type="radio"]:not(:checked)+label:before { content: ''; position: absolute; right: 0; top: 5px; width: 13px; height: 13px; border: 1px solid #000; border-radius: 0; background: #fff; } .userform .form-group .input-wrap [type="radio"]:checked+label:after, .userform .form-group .input-wrap [type="radio"]:not(:checked)+label:after { content: ''; width: 7px; height: 7px; background: #ffcad4; position: absolute; top: 8px; right: 3px; border-radius: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .userform .form-group .input-wrap [type="radio"]:not(:checked)+label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .userform .form-group .input-wrap [type="radio"]:checked+label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .userform .form-group .input-wrap.gender { display: flex; flex-wrap: wrap; color: #808080; } .userform .form-group .input-wrap.gender .drop-down { margin-right: 15px; color: #808080; position: relative; } .userform .form-group .input-wrap.gender .drop-down span.opener { display: inline-block; position: relative; } .userform .form-group .input-wrap.gender .drop-down span.opener img { position: absolute; width: 15px; top: 10px; left: -30px; } .userform .form-group .input-wrap.gender .drop-down .radio-button { position: absolute; background: #fff; z-index: 99; padding: 8px; width: 150px; box-shadow: 0 0 6px #ccc; top: 130%; display: none; } .userform .form-group .input-wrap.gender .drop-down .qoute { left: -30px; top: -5px; } .userform .form-group .input-wrap.gender .drop-down .qoute img, .qoute.opcimg img { opacity: 0.5; } .login-modal .form-group .drop-down .qoute span { top: -30px; left: -70px; } .userform .form-group .input-wrap.text-wrap label { font-size: 12px; font-weight: 600; } .modal.show .modal-dialog { -webkit-transform: translate(0, 170px); transform: translate(0, 170px); } @media screen and (max-width: 460px) { .precheck .social-btn-wrap button { flex-basis: 100%; max-width: 100%; margin-bottom: 15px; } .precheck .social-btn-wrap .icons { flex-basis: 100%; max-width: 100%; } } .single #primary .content>.row>* { width: 100%; } .single #primary .content>.row>.row { order: 3; margin-left: 0; margin-right: 0; } .single #primary .content>.row>.social-icons.blog { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: flex-end; margin-bottom: 40px; } a.reset_variations { color: #a8858b; margin-right: 10px; font-size: 14px !important; } .register-bg { margin-top: 90px; } ul.slides li img.bg { margin-top: 0 !important; } /* new category style */ .home_cat_section { padding: 20px 0 30px; } .home_cat_section .cat_title { font-size: 30px; line-height: 1; font-weight: 400; text-align: center; margin: 0 0 14px; } .home_cat_section .cat_title strong { font-size: inherit; font-weight: 600; } .home_cat_holder { display: flex; flex-wrap: wrap; margin: 0 -7px; } .home_cat_holder .home_cat_col { padding: 0 7px 14px; flex-basis: 33.33%; max-width: 33.33%; display: flex; } .home_cat_item { width: 100%; border: 1px solid rgba(0, 0, 0, 0.25); display: flex; } .home_cat_item>a { display: flex; flex-direction: column; width: 100%; } .home_cat_item .img-wrap { position: relative; width: 100%; padding-bottom: 100%; } .home_cat_item .img-wrap img, .home_cat_item .img-wrap .video-player { position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .video-player.video-frame { overflow: hidden; position: relative; } .video-player.video-frame video { object-fit: cover; position: absolute; top: 0; right: 0; } .video-player.video-frame .video-error-load { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; padding: 10px; display: flex; align-items: center; justify-content: center; color: #f00; font-size: 13px; } .home_cat_item .cat_detail_wrap { padding: 8px 8px 11px; width: 100%; margin-top: auto; width: 100%; } .home_cat_item .cat-name { font-size: 13px; line-height: 1.2142857143; text-align: center; border-bottom: 1px solid #ffcad4; padding: 5px 0; } @media (min-width: 480px) { .home_cat_item .cat-name { font-size: 14px; } } @media (min-width: 768px) { .home_cat_section { padding-bottom: 40px; } .home_cat_holder { margin: 0 -7.5px; } .home_cat_holder .home_cat_col { padding: 0 7.5px 15px; flex-basis: 20%; max-width: 20%; } .home_cat_item .cat-name { font-size: 17px; padding: 7px 0; } .home_cat_section .cat_title { font-size: 40px; margin-bottom: 20px; } .home_cat_item .cat_detail_wrap { padding: 10px 10px 17px; } } @media (min-width: 1024px) { .home_cat_section { padding-bottom: 50px; } .home_cat_holder .home_cat_col { flex-basis: 16.6667%; max-width: 16.6667%; } .home_cat_item .cat_detail_wrap { padding: 15px 12px 20px; } } @media (min-width: 1200px) { .home_cat_section .home_cat_row { display: flex; } .home_cat_wrap { flex-basis: calc(100% - 180px); max-width: calc(100% - 180px); } .home_cat_section .cat_title { flex-basis: 180px; max-width: 180px; text-align: right; margin-bottom: 0.25em; align-self: center; } .home_cat_section .cat_title strong { display: block; } .home_cat_item .cat_detail_wrap { padding: 17px 14px 22px; } } @media (min-width: 1500px) { .home_cat_wrap { flex-basis: calc(100% - 249px); max-width: calc(100% - 249px); } .home_cat_section .cat_title { font-size: 60px; flex-basis: 249px; max-width: 249px; } .home_cat_item .cat_detail_wrap { padding-bottom: 27px; } } .top-stripe { display: block !important; } .top-stripe a:empty { display: none; } .woocommerce-no-js .header-container .topbar { margin-top: 0 !important; } .header-container .topbar { margin-top: 0 !important; } /* body, .topbar, img.bg { margin-top: 25px !important; } */ input.placeholder-red::placeholder { color: #ff8080; } .placeholder-red::-moz-placeholder { color: #ff8080; } .input-wrap .first_name_error, .input-wrap .last_name_error, .input-wrap .email_error, .input-wrap .bdate_error { position: absolute; color: red; font-size: 12px; width: 100%; top: 100%; left: 0; right: 0; text-align: right; margin-top: -2px; display: none; } /*Top strip slider*/ .top-stripe .top-strip-slider { margin: 0 auto; padding: 0 25px; list-style: none; position: relative; max-width: 540px; } .top-stripe .top-strip-slider:not(.slick-initialized) { display: flex; justify-content: center; } .top-stripe .top-strip-slider:not(.slick-initialized) .top-strip-item~.top-strip-item { display: none; } .top-stripe .top-strip-item a { padding-bottom: 5px; display: inline-block; } .top-stripe .top-strip-slider .slick-arrow { position: absolute; top: 50%; width: 20px; height: 20px; background: none; border: none; padding: 0; line-height: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 0; box-shadow: none; outline: none; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; } .top-stripe .top-strip-slider .slick-arrow.slick-prev { right: 0; padding-right: 20px; } .top-stripe .top-strip-slider .slick-arrow.slick-next { left: 0; padding-left: 20px; } .top-stripe .top-strip-slider .slick-arrow img { max-width: 100%; height: 16px; width: 15px; object-fit: cover; vertical-align: middle; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } @media (max-width: 767px) { .top-stripe .top-strip-slider { max-width: 320px; } .top-stripe .top-strip-item a { font-size: 12px; padding-bottom: 6px; } /* .top-stripe .top-strip-slider .slick-arrow.slick-next { padding-left: 7px; } .top-stripe .top-strip-slider .slick-arrow.slick-prev { padding-right: 7px; } */ .top-stripe .top-strip-slider .slick-arrow img { height: 15px; width: 10px; } } /*product page select field*/ .single-product .variations_form .jcf-select { height: 26px; float: left; width: 180px; border: 0; padding-right: 20px; text-align-last: left; position: relative; padding-left: 20px; } .single-product .variations_form .jcf-select .jcf-select-text { font-size: 20px; } .single-product .variations_form .jcf-select .jcf-select-text span { font-size: inherit; } .single-product .variations_form .jcf-select .jcf-select-opener { position: absolute; top: 7px; left: 0; width: 15px; height: 15px; background-image: url(assets/images/drop-open.png); background-repeat: no-repeat; background-size: 10px; background-position: center; } .single-product .variations_form .jcf-select .jcf-select-drop { background: #fff; border: 1px solid rgba(0, 0, 0, 0.5); direction: rtl; position: absolute; top: 100%; left: 0; z-index: 9; } .single-product .variations_form .jcf-select ul { margin: 0; padding: 0; list-style: none; } .single-product .variations_form .jcf-select .jcf-option { padding: 5px 20px; line-height: 1.3; display: flex; flex-direction: column; align-items: flex-start; } .single-product .variations_form .jcf-select .jcf-option.jcf-hover { background: #ffcad4; color: #000; } .single-product .variations_form .jcf-select .jcf-option.jcf-option-oos_option { color: lightgray; text-decoration: line-through; } .single-product .variations_form .jcf-select .jcf-option.jcf-option-oos_option.jcf-hover { color: lightgray; /* opacity: 0.8; */ } .login-link img:not(.removeFromWish) { height: 26px; } /*Archive page design*/ body.minicart-active .acsb-trigger { z-index: 1 !important; } .minicart-active #glassix-container { position: relative; z-index: 0; } .minicart-active .header-container .sticky.fixed { z-index: 9999; } .minicart-active .header-container .sticky.fixed::before { display: none; } .header-container .minicart::before { content: ""; background: #000; opacity: 0.5; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -9; display: none; } .minicart-active .header-container .minicart::before { display: block; } .minicart-active .modal-backdrop { z-index: 1000 !important; display: none; } div.bg-image { background-size: cover; } .archive .header-container { display: flex; flex-direction: column; } .archive.tax-product_cat .content-area { margin-left: 0; margin-right: 0; padding-bottom: 80px; } .archive.tax-product_cat .header-container div.bg-image { padding: 20px 4vw; /* max-width: 1600px; */ margin: 0 auto; background-color: #f6f6f6; /* min-height: 285px; */ min-height: 21vw; } .archive .header-container .bg-image { order: 4; } .archive.tax-product_cat .header-container .woocommerce-category-description { padding: 0; } .archive.tax-product_cat .header-container .woocommerce-category-description .title, .hs-overlay-cat-banner .archive-desc-holder .title { text-align: initial; font-size: 28px; margin-top: 0.67em; margin-bottom: 0.67em; } .hs-overlay-cat-banner .archive-desc-holder .title { margin-top: 0; text-align: inherit; } .archive.tax-product_cat .header-container .woocommerce-category-description .title .underline-1, .hs-overlay-cat-banner .archive-desc-holder .title .underline-1 { margin-left: 0; margin-right: 0; display: none; } .archive.tax-product_cat .header-container .woocommerce-category-description .description, .hs-overlay-cat-banner .archive-desc-holder .description { padding-bottom: 60px; max-width: 500px; font-size: 14px; } .hs-overlay-cat-banner .archive-desc-holder .description { padding-bottom: 0; } .archive.tax-product_cat .header-container .woocommerce-category-description .description *, .hs-overlay-cat-banner .archive-desc-holder .description * { font-size: inherit; } .archive .header-container .bg-image+.container { margin: 0 auto; padding: 0 4vw; /* max-width: 1600px; */ max-width: 100%; } .archive .header-container p#breadcrumbs { background: #fff; padding-top: 36px; padding-bottom: 20px; margin-left: 0; margin-right: 0; display: block; } .archive .header-container.hs-countdown p#breadcrumbs { padding-top: 25px; } .archive.admin-bar .header-container.hs-countdown p#breadcrumbs { padding-top: 50px; } .archive .header-container p#breadcrumbs>span { display: block; width: 100%; /* padding-left: 15px; padding-right: 15px; */ } .archive #wrapper { /* background: #f6f6f6; */ overflow: hidden; } /* .archive .products { background: #f6f6f6; } */ .archive .sticky-wrap-category-topbar { width: 100%; } .archive .site-main .category-topbar { margin-top: 0; padding: 0 4vw; position: relative; z-index: 1; background: #fff; border-bottom: 1px solid #e5e5e5; z-index: 991; } /* .archive.admin-bar .site-main .category-topbar { margin-top: 40px; } .archive.admin-bar .site-main .fixed-position .category-topbar { margin-top: 33px; } */ .archive .hs-countdown+.container .site-main .fixed-position .category-topbar { margin-top: 0; } /* .archive .site-main .category-topbar::after { content: ""; background: #fff; border-bottom: 1px solid #e5e5e5; position: absolute; top: 0; left: -999px; right: -999px; height: 100%; z-index: -2; } */ .archive #main .category-filters { position: relative; /* border-bottom: 1px solid #e5e5e5; */ /* background: #fff; */ } /* .archive #main .category-filters .desktop-filtering { justify-content: flex-start; } */ .archive #main .category-filters .archive-filter { margin: 0; padding: 0 10px; position: relative; } .archive #main .category-filters .archive-filter:first-child { padding-left: 0; } .archive #main .category-filters .archive-filter:last-child { display: block; } .archive #main .category-filters .archive-filter-title { font-size: 14px; font-weight: 400; letter-spacing: normal; text-transform: uppercase; margin: 0; padding: 20px 0 20px 17px; background: none; position: relative; } .archive #main .category-filters .archive-filter-title::after { content: ""; width: 8px; height: 8px; position: absolute; top: 26px; left: 0; border-width: 0 1px 1px 0; border-style: solid; border-color: rgba(0, 0, 0, 0.35); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .archive #main .category-filters .archive-filter-title.active::after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); top: 30px; } .archive #main .category-filters .archive-filter-title::before { content: ""; background: #f2a1b2; width: 100%; height: 1px; position: absolute; bottom: 20px; left: 0; display: none; } .archive #main .category-filters .archive-filter-title.active::before { display: block; } .archive #main .category-filters .order-by .archive-filter-title::before { display: none; } .archive #main .category-filters .archive-filter .woocommerce-widget-layered-nav-list, .archive #main .category-filters .archive-filter .active+form { left: auto; right: -2vw; top: 100%; background: #fff; box-shadow: 5px 5px 40px 0 rgba(0, 0, 0, 0.1); width: max-content; padding: 30px; margin: 0; border: none; max-height: 70vh; overflow-y: auto; overflow-x: hidden; z-index: 2; } .archive #main .category-filters .archive-filter form .price_slider_wrapper { top: 0; border: none; padding-top: 0; padding-left: 10px; padding-right: 10px; } .archive #main .category-filters .archive-filter form .price_slider_wrapper .ui-slider-handle { margin-left: -0.5em; } .archive #main .category-filters .archive-filter .woocommerce-widget-layered-nav-list li { min-width: max-content; margin: 0; font-size: 14px; } .archive #main .category-filters .archive-filter .woocommerce-widget-layered-nav-list li.submitFilter { opacity: 0; visibility: hidden; height: 0; overflow: hidden; } .archive #main .category-filters .archive-filter .woocommerce-widget-layered-nav-list li a { display: inline-block; height: 35px; font-weight: 100; font-size: inherit; } .archive #main .category-filters .archive-filter .woocommerce-widget-layered-nav-list li.submitFilter a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .archive #main .category-filters .archive-filter .woocommerce-widget-layered-nav-list li .swatch-color { display: inline-block; width: 18px; height: 18px; border-radius: 100%; position: relative; top: 4px; } .archive #main .category-filters .archive-filter .woocommerce-widget-layered-nav-list li.chosen .swatch-color { border: 2px solid #fff; box-shadow: 0 0 0 1px #000; } .archive #main .category-filters .archive-filter .woocommerce-widget-layered-nav-list li span+a::before { display: none; } /* .archive #main .category-filters .desktop-orderby { order: 2; } */ .archive #main .category-filters .archive-filter.order-by { display: block; padding-right: 0; position: relative; } .archive #main .category-filters .order-by .archive-filter-title { padding-right: 17px; padding-left: 0; } .archive #main .category-filters .order-by .archive-filter-title span { display: inline-block; border-left: 1px solid #27251f; padding-left: 20px; margin-left: 10px; font-size: inherit; } .archive #main .category-filters .order-by .archive-filter-title::after { left: auto; right: 0; } .archive #main .category-filters .archive-filter.order-by .woocommerce-widget-layered-nav-list { border: 1px solid #ccc; margin-top: 0; padding: 10px 0; position: absolute; top: 100%; left: 0; right: auto; } .archive #main .category-filters .archive-filter.order-by .woocommerce-widget-layered-nav-list li { margin: 0; padding: 0; font-size: 14px; line-height: 1.3; } .archive #main .category-filters .archive-filter.order-by .woocommerce-widget-layered-nav-list li a { font-size: inherit; padding: 5px 10px; display: block; height: auto; } .archive #main .category-filters .archive-filter.order-by .woocommerce-widget-layered-nav-list li a:hover { background: #ffcad4; color: #000; } .archive #wrapper>.container { /* max-width: 1600px; */ max-width: 100%; padding: 0; background: #f6f6f6; } .archive #main .category-filters { /* max-width: 1340px; */ margin: 0 auto; /* padding: 0 15px; */ } .archive .site-main .filter-tags:empty { display: none; } .archive .site-main div.products { grid-gap: 0; padding-top: 0; /* border: 1px solid #fff; */ border-bottom: 1px solid #fff; justify-content: center; /* max-width: fit-content; */ max-width: 1568px; margin-left: auto; margin-right: auto; } .archive .site-main .product-wrapper { border: 1px solid #fff; text-align: center; } .archive .site-main .product-wrapper .thumb-wrapper { padding-top: 20px; } .archive .thumb-wrapper p.collection-text { display: none; } .archive .site-main .product-wrapper .product-info { margin-top: 0; padding: 10px 20px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; } .product-wrapper .product-info .nh-cat-badge { color: #72716d; font-size: 10px; font-weight: 400; letter-spacing: 1px; line-height: 16px; margin: 0; overflow-wrap: break-word; text-transform: uppercase; word-break: normal; display: none; } .product-wrapper .product-info { margin-top: 10px; display: block; text-align: center; } .archive .product-wrapper .product-info h3.title { max-width: 100%; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; -o-flex: 1; flex: 1; margin-bottom: 0; min-height: 46px; line-height: 18px; } .product-wrapper .product-info h3.title a { font-size: 14px; } .product-wrapper .product-info .price-wrap { align-items: center; width: 100%; text-align: inherit; justify-content: center; margin-top: 5px; } .product-wrapper .product-info .price-wrap .whishlist { width: 25px; height: 25px; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } .product-wrapper .product-badge { font-size: 12px; border-radius: 0; /* padding: 7px 7px 0; */ padding: 5px; } .product-wrapper .price-wrap { font-size: 13px; } .product-wrapper .product-info .price-wrap * { font-size: inherit; line-height: 1; } .prices .new-price { color: #d2255b; } .product-wrapper .product-badge.badge-percentage { background: none !important; padding: 0; position: static; color: #71706c; font-size: 14px; margin-top: 15px; direction: ltr; } .product-wrapper .product-badge.badge-percentage .onsale { font-size: inherit; font-family: inherit; } .product-wrapper .thumb-wrapper { padding-bottom: 15px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .product-wrapper .thumb-wrapper img.product-badge { background: none !important; height: 4.5vw; max-height: 18px; width: auto; object-fit: contain; left: 10px; padding: 0; margin: 10px 0; } .product-wrapper .thumb-wrapper .prod-thumb-bottom .whishlist, .product-wrapper .thumb-wrapper .prod-thumb-bottom .yith-wcwl-add-to-wishlist { position: fixed; top: 0; right: 0; border: none; width: 50px; height: 50px; padding: 0; display: none; padding-right: 15px; flex-direction: column; justify-content: center; align-items: center; } .product-wrapper .thumb-wrapper .prod-thumb-bottom .yith-wcwl-add-to-wishlist { font-size: 0; } .product-wrapper .thumb-wrapper .prod-thumb-bottom .yith-wcwl-add-to-wishlist * { font-size: inherit; } .product-wrapper .thumb-wrapper .prod-thumb-bottom .whishlist img, .product-wrapper .thumb-wrapper .prod-thumb-bottom .yith-wcwl-add-to-wishlist a img, .product-wrapper .thumb-wrapper .prod-thumb-bottom .yith-wcwl-add-to-wishlist .feedback img { width: 20px; height: 20px; object-fit: contain; } .product-wrapper .thumb-wrapper img.category-label { top: 22px; left: 10px; width: 138px; height: auto; } .product-wrapper .thumb-wrapper .prod-thumb-bottom .quickview { width: 100%; text-align: center; font-size: 16px; line-height: 1.3; } .archive-banner img { height: 100% !important; object-fit: cover; } .matat-category-slider-outer { width: 100%; background: #fff; border-bottom: 1px solid #e5e5e5; padding: 20px 4vw; } .matat-category-slider-outer .matat-category-slider .slide .img_wrap { overflow: hidden; margin-bottom: 10px; } .matat-category-slider-outer .matat-category-slider .slide .cat_name { font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 0; } .woocommerce-checkout .checkout-review-summary .coupon-code { display: inline-block; margin-right: 0; margin-left: 5px; } .archive .footer { margin-top: 0; } .single-product .entry-summary .yith-wcwl-add-to-wishlist { display: block; width: 30px; height: 25px; text-align: left; margin-right: auto; } .single-product .entry-summary .yith-wcwl-add-to-wishlist { font-size: 0; } .single-product .entry-summary .yith-wcwl-add-to-wishlist * { font-size: inherit; } .single-product .entry-summary .yith-wcwl-add-to-wishlist img:not(.ajax-loading) { width: 25px; height: 25px; object-fit: contain; margin: 0; } .single-product .entry-summary .cart:not(.variations_form) { border-top: 1px solid #000; } @media screen and (min-width: 769px) { .archive .header-container.hs-countdown p#breadcrumbs, .archive.admin-bar .header-container.hs-countdown p#breadcrumbs { padding-top: 60px; } .product-wrapper .thumb-wrapper:hover .prod-thumb-bottom .whishlist, .product-wrapper .thumb-wrapper:hover .prod-thumb-bottom .yith-wcwl-add-to-wishlist { display: flex; } .archive .site-main div.products { grid-template-columns: repeat(4, 1fr); } /* .archive .site-main .product-wrapper:nth-child(4n) { border-left: none; } .archive .site-main .product-wrapper:nth-child(4n+1) { border-right: none; } */ /* .archive .header-container p#breadcrumbs > span { max-width: 720px; } */ /* .archive .header-container .bg-image + .container { margin-top: 36px; margin-bottom: 20px; } .archive .header-container.hs-countdown .bg-image + .container { margin-top: 60px; margin-bottom: 0; } */ } @media screen and (min-width: 992px) { /* .archive .site-main div.products { grid-template-columns: repeat(4, 1fr); } */ /* .archive .header-container p#breadcrumbs > span { max-width: 960px; } */ } @media screen and (min-width: 1024px) { .product-wrapper .thumb-wrapper img.product-badge { margin: 15px 10px 0; max-height: 24px; height: auto; } } @media screen and (min-width: 1200px) { /* .archive .header-container p#breadcrumbs > span { max-width: 1140px; } */ } @media screen and (min-width: 1300px) { .archive #main .category-filters { max-width: 1240px; } /* .archive .header-container p#breadcrumbs > span { max-width: 1240px; } */ } @media screen and (min-width: 1400px) { .archive #main .category-filters { max-width: 1340px; } /* .archive .header-container p#breadcrumbs > span { max-width: 1340px; } */ } @media screen and (min-width: 1600px) { .archive #main .category-filters { max-width: 1540px; } } @media screen and (min-width: 1800px) { .archive #main .category-filters { max-width: 1720px; } } @media screen and (min-width: 1900px) { .archive #main .category-filters { max-width: 1820px; } } @media screen and (max-width: 768px) { .archive.tax-product_cat .header-container div.bg-image { min-height: 43vw; /* background-size: contain; */ } .product-wrapper .thumb-wrapper { padding-top: 15px; } .product-wrapper .thumb-wrapper img.product-badge { margin-top: 0; } .product-wrapper .thumb-wrapper .prod-thumb-bottom .yith-wcwl-add-to-wishlist { display: block; top: 10px; padding-right: 0; width: 30px; height: 30px; margin-top: -4px; } .home .product-wrapper .thumb-wrapper .prod-thumb-bottom .yith-wcwl-add-to-wishlist img { margin-right: 0; } /* .archive .header-container p#breadcrumbs > span { max-width: 540px; } */ .archive .site-main .category-topbar { padding-top: 15px; padding-bottom: 15px; justify-content: inherit; } .archive .site-main .fixed-position .category-topbar { margin-top: 0; padding-top: 0; padding-bottom: 0; } .archive .site-main .category-topbar .category-sort-mobile { display: none; } .archive .site-main .category-topbar .category-filter-mobile { flex-basis: 50%; max-width: 50%; padding: 0 20px; justify-content: center; } .archive .site-main .category-topbar .category-sort-mobile span, .archive .site-main .category-topbar .category-filter-mobile span { border: none; padding: 10px 0 10px 20px; position: relative; width: auto; line-height: 1.3; } /* .archive .site-main .category-topbar .category-filter-mobile { border-left: 1px solid #e5e5e5; } */ .archive .site-main .category-topbar .category-sort-mobile span::after, .archive .site-main .category-topbar .category-filter-mobile span::after { content: ""; width: 8px; height: 8px; position: absolute; top: 16px; left: 0; border-width: 0 1px 1px 0; border-style: solid; border-color: rgba(0, 0, 0, 0.35); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); background: none; } .archive #main .category-filters { display: flex; border: none; padding: 0 20px; border-left: 1px solid #e5e5e5; flex-basis: 50%; max-width: 50%; align-items: center; justify-content: center; } .archive #main .category-filters .archive-filter.order-by { position: static; } .archive #main .category-filters .order-by .archive-filter-title::after { left: 0; right: auto; } .archive #main .category-filters .order-by .archive-filter-title { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; font-size: 0; } .archive #main .category-filters .order-by .archive-filter-title span { font-size: 16px; border-left: none; margin-left: 0; padding-left: 0; } .archive #main .category-filters .archive-filter-title::after { top: 16px; } .archive #main .category-filters .archive-filter-title.active::after { top: 20px; } .archive #main .category-filters .archive-filter.order-by .woocommerce-widget-layered-nav-list { top: calc(100% + 14px); } .site-main .mobile-filter-container { position: fixed; top: 0; right: 0; width: 100%; height: 100%; padding: 10% 5%; z-index: 999999; overflow-x: hidden; overflow-y: auto; } /* .admin-bar .site-main .mobile-filter-container { padding-top: 126px; } */ .site-main .mobile-sort-container { display: none !important; } .site-main .mobile-filter-container .mobile-filter-close { position: absolute; top: 0; left: 0; right: 0; height: 60px; padding: 10px 5%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: #fff; display: none; } /* .admin-bar .site-main .mobile-filter-container .mobile-filter-close { top: 46px; } */ .site-main .mobile-filter-container .mobile-filter-title { height: 60px; padding: 10px 10%; margin-left: -10%; margin-right: -10%; width: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: #fff; position: relative; } .site-main .mobile-filter-container .mobile-filter-title .back { position: absolute; top: 50%; right: 10%; -webkit-transform: translateY(-55%); -moz-transform: translateY(-55%); transform: translateY(-55%); } .site-main .mobile-filter-container .mobile-filter-title .back::before { content: ""; background-image: url(../getraffic/assets/images/filter-close.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 18px; height: 18px; display: block; } .site-main .mobile-filter-container .mobile-filter-title .back img { display: none; } .archive #main .category-filters .desktop-filtering { display: none; } .mobile-filter-options .archive-filter { border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding: 10px 0; } .mobile-filter-container .mobile-filter-options .archive-filter .archive-filter-title { background: none; font-weight: 400; position: relative; padding-right: 0; } .mobile-filter-container .mobile-filter-options .archive-filter.has-chosen-items .archive-filter-title::before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M4.693 13.178 1.414 9.899 0 11.314l3.934 3.934.656.656L15.904 4.59l-1.312-1.312-9.9 9.9z' fill-rule='evenodd'/%3E%3C/svg%3E") 0 -1px no-repeat; display: inline-block; width: 16px; height: 16px; margin-left: 5px; } .mobile-filter-container .mobile-filter-options .archive-filter .archive-filter-title::after { content: ""; width: 12px; height: 12px; position: absolute; top: 13px; left: 5px; border-width: 0 1px 1px 0; border-style: solid; border-color: rgba(0, 0, 0, 0.5); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); background: none; } .mobile-filter-options .archive-filter.active .archive-filter-title::after { top: 21px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); } .mobile-filter-container .mobile-filter-options .price_slider_wrapper { border: none; width: 100%; padding-left: 0; padding-right: 0; } .mobile-filter-options .archive-filter.active ul.woocommerce-widget-layered-nav-list { border: none; margin-bottom: 0; padding: 0; } .mobile-filter-options .archive-filter.active ul.woocommerce-widget-layered-nav-list .submitFilter { display: none; } .mobile-filter-container .mobile-filter-options .archive-filter ul li a { font-weight: 400; font-size: 16px; } .product-wrapper .product-info .price-wrap a.whishlist { left: auto !important; right: 10px !important; } .product-wrapper .product-info .price-wrap a.whishlist img { /* width: 20px; height: 20px; object-fit: contain; */ width: 100%; height: auto; object-fit: initial; } .archive .site-main .filter-tags:empty { display: none; } .archive .site-main div.products { grid-gap: 0; padding: 0; } .archive .site-main .product-wrapper:nth-child(2n) { border-left: none; } .archive .site-main .product-wrapper:nth-child(2n+1) { border-right: none; } /* .archive .site-main div.products .product-wrapper { border: 1px solid #fff; padding: 7%; } .archive .site-main div.products .product-wrapper:first-child, .archive .site-main div.products .product-wrapper:nth-child(2) { border-top: none; } */ .archive .site-main .product-wrapper .product-info { padding-top: 15px; padding-bottom: 30px; } .archive .site-main div.products .product-wrapper .product-info a.whishlist { top: 13px; left: auto !important; right: 12px !important; width: 20px; height: 20px; } .product-wrapper .thumb-wrapper img.category-label { width: 105px; } .archive .product-wrapper .product-info h3.title { margin-bottom: 20px; } .archive .product-wrapper .product-info h3.title a { font-size: 14px; } .single-product .product .summary.entry-summary { flex-flow: row wrap; } .single-product .product .summary.entry-summary>*:not(.price):not(.yith-wcwl-add-to-wishlist):not(.above-cart) { width: 100%; } .single-product .product .entry-summary .yith-wcwl-add-to-wishlist { display: inline-block; font-size: 0; width: 40px; height: 40px; text-align: left; margin-top: 8px; } .single-product .product .entry-summary .yith-wcwl-add-to-wishlist * { font-size: inherit; } .single-product .product .entry-summary .yith-wcwl-add-to-wishlist img { margin: 0; } } @media screen and (max-width: 430px) { .product-wrapper .thumb-wrapper img.category-label { width: 95px; } } @media screen and (max-width: 375px) { .home .product-wrapper .thumb-wrapper img.category-label { width: 90px; } .woocommerce-wishlist .product-wrapper .thumb-wrapper img.category-label { width: 85px; } .product-wrapper .thumb-wrapper .prod-thumb-bottom .yith-wcwl-add-to-wishlist { padding-right: 0; width: 35px; } .home .product-wrapper .thumb-wrapper .prod-thumb-bottom .yith-wcwl-add-to-wishlist img { margin-right: 0; } .woocommerce-wishlist .product-wrapper .thumb-wrapper .prod-thumb-bottom .yith-wcwl-add-to-wishlist img { margin-left: auto; margin-right: 0; } } /*Top countdown*/ .admin-bar .header-container .sticky.fixed { top: 32px; } .top-countdown { padding: 5px 0; display: none; } .top-countdown.active { display: block; } .countdown-hidden .top-countdown { display: none; } .top-countdown .container { display: flex; flex-direction: column; justify-content: center; align-items: center; } .page-template-with-sidebar .top-countdown .container, .page-template-with-sidebar .topbar .container { margin-top: 0; } .top-countdown .top-countdown-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; padding: 0 25px; position: relative; } .top-countdown .countdown-right { padding-left: 15px; } .rtl .top-countdown .countdown-right { padding-left: 0; padding-right: 15px; } .top-countdown .countdown-timer { display: flex; flex-wrap: wrap; flex-direction: row-reverse; } .top-countdown .countdown-timer .time-col { position: relative; font-size: 14px; color: #000; } .top-countdown .countdown-timer .time-col * { font-size: inherit; line-height: 1; position: relative; padding: 0 15px; display: block; } .top-countdown .countdown-timer .time-col .smalltext { opacity: 0.6; font-size: 12px; margin-top: 5px; } .top-countdown .countdown-timer .time-col * { font-size: inherit; line-height: 1; position: relative; padding: 0 15px; display: block; } .top-countdown .countdown-timer .time-col:not(:last-child)>span::after { content: ":"; position: absolute; top: 0; left: -2px; font-weight: 700; } .rtl .top-countdown .countdown-timer .time-col:not(:last-child)>span::after { left: auto; right: -2px; } .top-countdown .countdown-title { font-size: 13px; text-transform: uppercase; font-weight: 700; line-height: 1.3; margin-bottom: 5px; } .top-countdown .countdown-title a { text-decoration: underline; color: #000; font-size: inherit; } .top-countdown .countdown-title a:hover { text-decoration: none; } .top-countdown .countdown-desc { font-size: 13px; line-height: 1.3; color: rgba(0, 0, 0, 0.75); } .top-countdown .countdown-close { position: absolute; top: 0; left: 0; width: 20px; height: 20px; overflow: hidden; font-size: 0; background: none; border: none; border-radius: 0; padding: 0; cursor: pointer; } .top-countdown .countdown-close::before, .top-countdown .countdown-close::after { content: ""; background: #000; width: 15px; height: 1px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .top-countdown .countdown-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .top-countdown .countdown-close:hover::before, .top-countdown .countdown-close:hover::after { opacity: 0.6; } @media screen and (min-width: 769px) { .top-countdown .countdown-close { left: -20px; } /* .no-padding.no-margin.header-container.hs-countdown:not(.countdown-hidden) { padding-top: 15px; } */ .archive .header-container.hs-countdown .bg-image, .page-template-about .header-container.hs-countdown .bg-image, .home .hs-countdown .slider-wrapper, .home .hs-countdown~.slider-wrapper { /* margin-top: 60px; */ margin-top: 25px; } } @media screen and (min-width: 787px) { /* .no-padding.no-margin.header-container.hs-countdown:not(.countdown-hidden) { padding-top: 25px; } */ .page-template-pre-checkout .hs-countdown:not(.countdown-hidden) .slider-wrapper, .page-template-checkout .hs-countdown:not(.countdown-hidden) .slider-wrapper { margin-bottom: 25px; } } @media screen and (max-width: 782px) { .admin-bar .header-container .sticky.fixed { top: 46px; } } @media screen and (max-width: 768px) { /* .no-padding.no-margin.header-container.hs-countdown:not(.countdown-hidden) { padding-top: 92px; } */ .top-countdown .top-countdown-inner { flex-direction: column; } .top-countdown .countdown-right, .rtl .top-countdown .countdown-right { padding-left: 0; padding-right: 0; margin-top: 10px; } .page-template-pre-checkout .slider-wrapper, .page-template-checkout .slider-wrapper { display: none; } .page-template-checkout .checkout-cart-container { padding-top: 40px; } } @media screen and (max-width: 600px) { body #wpadminbar { position: fixed; } } .woocommerce-wishlist .yith_wcwl_wishlist_footer::before, .woocommerce-wishlist .yith_wcwl_wishlist_footer::after { content: ""; display: table; } .woocommerce-wishlist .yith_wcwl_wishlist_footer::after { clear: both; } /*Wishlist page*/ .woocommerce-wishlist table.shop_table { width: 100%; font-size: 100%; } .woocommerce-wishlist table.shop_table th, .woocommerce-wishlist table.shop_table tr, .woocommerce-wishlist table.shop_table td { padding: 10px; width: auto !important; text-align: center; } .woocommerce-wishlist table.shop_table th { font-weight: 500 !important; } .woocommerce-wishlist table.shop_table th * { font-weight: inherit; } .woocommerce-wishlist table.shop_table th.product-name, .woocommerce-wishlist table.shop_table td.product-name { text-align: right; } .woocommerce-wishlist table.shop_table tr { padding: 0; } .woocommerce-wishlist table.shop_table td a.remove { position: static; justify-content: center; } .woocommerce-wishlist .wishlist_table tr td.product-thumbnail a { max-width: 100%; width: 100px; } .woocommerce-wishlist .wishlist_table tr td.product-thumbnail a img { height: auto; } .woocommerce-wishlist table.shop_table td .woocommerce-Price-amount { font-size: 16px; font-weight: 500; } .woocommerce-wishlist table.shop_table td .woocommerce-Price-amount .woocommerce-Price-currencySymbol { font-size: inherit; font-weight: inherit; margin-right: 0; margin-left: 3px; } .woocommerce-wishlist table.shop_table td a.button { padding: 10px 20px !important; display: inline-block !important; font-size: 14px; font-weight: 500; border-radius: 0 !important; margin: 5px !important; text-align: center; line-height: 1.3; } .woocommerce-wishlist table.shop_table td a.button i { margin-right: 0; margin-left: 5px; } /*slider controls*/ .slider-wrapper .slides:not(.slick-initialized) li:first-child~li { display: none; } .slider-wrapper .slick-arrow { display: none !important; } .slider-wrapper ul.slick-dots { bottom: 10px; left: 0; right: 0; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; position: static; margin-top: 10px; } .slider-wrapper ul.slick-dots li { width: auto; height: auto; margin: 0; padding: 5px; } .slider-wrapper ul.slick-dots li button { background: rgba(0, 0, 0, 0.15); padding: 0; border-radius: 100%; width: 18px; height: 18px; border: 2px solid #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.16); } .slider-wrapper ul.slick-dots li button:hover, .slider-wrapper ul.slick-dots li.slick-active button { background: #ffcad4; } .slider-wrapper ul.slick-dots li button::before { display: none; } .hs-overlay-cat-banner .archive-desc-holder .woocommerce-category-description { grid-column: initial; width: 100%; align-items: center; text-align: center; } .archive .bg-image .woocommerce-category-description .description h2 { text-align: initial; } @media screen and (max-width: 768px) { .woocommerce-account .header-container .slider-wrapper { margin-bottom: 0; } .woocommerce-account .woocommerce .woocommerce-notices-wrapper:empty { display: none; } .single-product .add-to-cart-form .variations_button .squ { padding-left: 100px; } .single-product .add-to-cart-form .quantity { position: relative; z-index: 2; } } /*category filter design*/ .site-main .mobile-filter-container { padding-bottom: 100px; z-index: 9999999991; background: #fff; display: none; } .site-main .mobile-filter-container .filter-header { background-color: #f5f5f5; bottom: 0; left: 0; margin: 0; position: fixed; right: 0; z-index: 99; } .site-main .mobile-filter-container .filter-header .header-bar { align-items: center; display: flex; justify-content: space-between; padding: 0.625rem 0.9375rem; flex-flow: row-reverse wrap; } .site-main .mobile-filter-container .filter-header .result-count { font-size: 1rem; flex-grow: 2; text-align: left; } .site-main .mobile-filter-container .filter-header .result-count div { font-size: inherit; } .site-main .mobile-filter-container .filter-header button.btn-primary { background-color: #27251f; color: #fff; flex-grow: 1.8; font-size: .75rem; opacity: 1 !important; text-shadow: none; min-height: 2.8125rem; border-radius: 0; width: auto; white-space: initial; float: none; font-weight: normal; border: none; outline: none; box-shadow: none; } @media screen and (max-width: 768px) { .price_slider_wrapper .price_slider_amount button.button { display: none; } } .dgwt-wcas-overlay-mobile-on.dgwt-wcas-is-ios body:not(.dgwt-wcas-theme-flatsome)>#wrapper:not(.dgwt-wcas-overlay-mobile) { display: block; } .dgwt-wcas-overlay-mobile-on.dgwt-wcas-is-ios body:not(.dgwt-wcas-theme-flatsome)>.acsb-trigger:not(.dgwt-wcas-overlay-mobile) { display: none !important; } .woocommerce-cart .cart-item-actions .q_wrapper { width: 70px; } @media screen and (min-width: 769px) { .woocommerce-cart .woocommerce-cart-form .product-price { display: flex; flex-direction: column; justify-content: center; } .woocommerce-cart .woocommerce-cart-form .awdr_cart_strikeout_line { padding-top: 30px; } .woocommerce-cart .cart-item-actions select { max-width: 100%; } } .woocommerce-cart .woocommerce-cart-form .blockUI { display: none !important; } .woocommerce-cart-form.processing, button.single_add_to_cart_button.loading { position: relative; } .woocommerce-cart-form.processing::before, .mini-cart-wrapper.loading::before { content: ""; background: #fff; opacity: 0.75; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } button.single_add_to_cart_button.loading::after { content: 'מוסיף'; padding-left: 20px; } .woocommerce-cart-form.processing::after, button.single_add_to_cart_button.loading::before, .mini-cart-wrapper.loading::after { content: ""; background: transparent; width: 10px; height: 10px; border-radius: 100%; position: absolute; top: 0; left: -10px; right: 0; bottom: 0; margin: auto; z-index: 99; box-shadow: 10px 0 #000, 25px 0 #000, 40px 0 #000; -webkit-animation-name: loader-bounce; animation-name: loader-bounce; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-play-state: both; animation-play-state: both; } .mini-cart-wrapper.loading::after { left: -25%; } button.single_add_to_cart_button.loading::before { left: -125px; top: 12px; width: 7px; height: 7px; box-shadow: 7px 0 #fff, 20px 0 #fff, 33px 0 #fff; -webkit-animation-name: white-loader-bounce; animation-name: white-loader-bounce; } .single-product .add-to-cart-form button.single_add_to_cart_button:hover { opacity: 1; } @media (max-width: 768px) { .single-product .cart button.single_add_to_cart_button.loading, .single-product .cart button.single_add_to_cart_button.added { position: fixed; } } @-webkit-keyframes loader-bounce { 0%, 100% { box-shadow: 10px 0 #000, 25px 0 #000, 40px 0 #000; } 25% { box-shadow: 10px -10px #000, 25px -5px #000, 40px 0 #000; } 50% { box-shadow: 10px -5px #000, 25px -10px #000, 40px -5px #000; } 75% { box-shadow: 10px 0 #000, 25px -5px #000, 40px -10px #000; } } @keyframes loader-bounce { 0%, 100% { box-shadow: 10px 0 #000, 25px 0 #000, 40px 0 #000; } 25% { box-shadow: 10px -10px #000, 25px -5px #000, 40px 0 #000; } 50% { box-shadow: 10px -5px #000, 25px -10px #000, 40px -5px #000; } 75% { box-shadow: 10px 0 #000, 25px -5px #000, 40px -10px #000; } } @-webkit-keyframes white-loader-bounce { 0%, 100% { box-shadow: 7px 0 #fff, 20px 0 #fff, 33px 0 #fff; } 25% { box-shadow: 7px -7px #fff, 20px -3px #fff, 33px 0 #fff; } 50% { box-shadow: 7px -3px #fff, 20px -7px #fff, 33px -3px #fff; } 75% { box-shadow: 7px 0 #fff, 20px -3px #fff, 33px -7px #fff; } } @keyframes white-loader-bounce { 0%, 100% { box-shadow: 7px 0 #fff, 20px 0 #fff, 33px 0 #fff; } 25% { box-shadow: 7px -7px #fff, 20px -3px #fff, 33px 0 #fff; } 50% { box-shadow: 7px -3px #fff, 20px -7px #fff, 33px -3px #fff; } 75% { box-shadow: 7px 0 #fff, 20px -3px #fff, 33px -7px #fff; } } .woocommerce-cart .shop_table .cart_item .clear-selection { display: none !important; } /*wishlist page*/ .wishlist_table.modern_grid li .item-details table.item-details-table td.value input[type="number"], .wishlist_table.images_grid li .item-details table.item-details-table td.value input[type="number"] { max-width: 50px; text-align: center; font-size: inherit; min-height: auto; } .wishlist_table.modern_grid li .item-details table.item-details-table td.value input[type="number"]::-webkit-inner-spin-button, .wishlist_table.images_grid li .item-details table.item-details-table td.value input[type="number"]::-webkit-inner-spin-button { opacity: 1; } .wishlist_table .product-stock-status span.wishlist-in-stock { color: inherit; font-size: inherit; } .wishlist_table .product-stock-status span.wishlist-out-of-stock { font-size: inherit; } .wishlist_table.modern_grid, .wishlist_table.images_grid { list-style-type: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wishlist_table.modern_grid li, .wishlist_table.images_grid li { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .wishlist_table.modern_grid li .item-wrapper, .wishlist_table.images_grid li .item-wrapper { height: 100%; } .wishlist_table.modern_grid li .product-thumbnail, .wishlist_table.images_grid li .product-thumbnail { height: 100%; } .wishlist_table.modern_grid li .product-thumbnail>a, .wishlist_table.images_grid li .product-thumbnail>a { height: 100%; } .wishlist_table.modern_grid li .product-thumbnail>a img, .wishlist_table.images_grid li .product-thumbnail>a img { height: 100%; object-fit: cover; } .wishlist_table.modern_grid li .move-to-another-wishlist-button, .wishlist_table.images_grid li .move-to-another-wishlist-button { font-size: 0.7em; font-weight: 600; text-decoration: none; } .wishlist_table.modern_grid li .product-add-to-cart a, .wishlist_table.images_grid li .product-add-to-cart a { text-transform: uppercase; font-size: 0.875rem; font-weight: 600; } .wishlist_table.modern_grid li .item-details, .wishlist_table.images_grid li .item-details { border: none; } .wishlist_table.modern_grid li .item-details:before, .wishlist_table.images_grid li .item-details:before { border: none !important; box-shadow: -2px 0px 30px -10px rgba(0, 0, 0, 0.2); } .wishlist_table.modern_grid li .item-details .item-details-wrapper, .wishlist_table.images_grid li .item-details .item-details-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 12px 1.40625rem; } .wishlist_table.modern_grid li .item-details .item-details-wrapper .add_to_cart_button, .wishlist_table.images_grid li .item-details .item-details-wrapper .add_to_cart_button { padding: 5px 15px !important; background: #000; font-size: 14px; font-weight: 500; min-height: 35px; min-width: 130px; display: inline-flex !important; flex-wrap: wrap; justify-content: center; align-items: center; } .wishlist_table.modern_grid li .item-details .item-details-wrapper .add_to_cart_button:hover, .wishlist_table.images_grid li .item-details .item-details-wrapper .add_to_cart_button:hover { background: #ffcad4; color: #000; } .wishlist_table.modern_grid li .item-details .item-details-wrapper .add_to_cart_button i, .wishlist_table.images_grid li .item-details .item-details-wrapper .add_to_cart_button i { margin-right: 0; margin-left: 5px; } .wishlist_table.modern_grid li .item-details .product-add-to-cart, .wishlist_table.images_grid li .item-details .product-add-to-cart { margin-top: auto; } .wishlist_table.modern_grid li .item-details h3, .wishlist_table.images_grid li .item-details h3 { font-size: 0.875rem; font-weight: 500; margin-top: 0; margin-bottom: 1em; text-align: center; padding: 0 5px; } .wishlist_table.modern_grid li .item-details table.item-details-table, .wishlist_table.images_grid li .item-details table.item-details-table { margin-bottom: auto; margin-left: auto; margin-right: auto; width: 100%; text-align: center; } .wishlist_table.modern_grid li .item-details table.item-details-table tr, .wishlist_table.images_grid li .item-details table.item-details-table tr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .wishlist_table.modern_grid li .item-details table.item-details-table tr td, .wishlist_table.images_grid li .item-details table.item-details-table tr td { width: auto !important; padding-left: 3px; padding-right: 3px; } .wishlist_table.modern_grid li .item-details table.item-details-table tr td br, .wishlist_table.images_grid li .item-details table.item-details-table tr td br { display: none; } .wishlist_table.modern_grid li .item-details table.item-details-table tr td del, .wishlist_table.images_grid li .item-details table.item-details-table tr td del { margin-left: 5px; } .wishlist_table.modern_grid li .item-details table.item-details-table td, .wishlist_table.images_grid li .item-details table.item-details-table td { padding: 0 0 10px; } .wishlist_table.modern_grid li .item-details table.item-details-table td .variation dt, .wishlist_table.images_grid li .item-details table.item-details-table td .variation dt { float: left; clear: left; margin: 0; } .wishlist_table.modern_grid li .item-details table.item-details-table td .variation dd, .wishlist_table.images_grid li .item-details table.item-details-table td .variation dd { float: right; clear: right; margin: 0; } .wishlist_table.modern_grid li .item-details table.item-details-table td .prices, .wishlist_table.modern_grid li .item-details table.item-details-table td>.amount { font-size: 14px; } .wishlist_table.modern_grid li .item-details table.item-details-table td .prices *, .wishlist_table.modern_grid li .item-details table.item-details-table td>.amount * { font-size: inherit; } .wishlist_table.modern_grid li .item-details table.item-details-table td .prices .old-price span.amount::before { top: 50%; } .wishlist_table.modern_grid li .item-details table.item-details-table td .prices .new-price { margin-right: 0; } .wishlist_table.modern_grid li .product-remove a, .wishlist_table.images_grid li .product-remove a { color: inherit; } .wishlist_table.modern_grid li .product-remove a.remove_from_wishlist, .wishlist_table.images_grid li .product-remove a.remove_from_wishlist { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: -webkit-max-content; max-width: max-content; margin-left: auto; margin-right: auto; } .wishlist_table.modern_grid li .product-remove a:hover, .wishlist_table.images_grid li .product-remove a:hover { color: #000; } .wishlist_table.modern_grid li .product-remove i:before, .wishlist_table.images_grid li .product-remove i:before { content: "\f014"; display: block; font-size: 1rem; } .wishlist_table.modern_grid li .product-thumbnail .placeholder-item.empty-box, .wishlist_table.images_grid li .product-thumbnail .placeholder-item.empty-box { min-height: 455px; } .wishlist_table.modern_grid .price-variation, .wishlist_table.images_grid .price-variation { margin-top: 5px; } .wishlist_table.modern_grid .price-variation span, .wishlist_table.images_grid .price-variation span { margin-bottom: 5px; display: inline-block; } /*WISHLIST PAGE MOBILE LAYOUT*/ .wishlist_table.mobile { padding: 0; } .wishlist_table.mobile li { margin-bottom: 50px; position: relative; } .wishlist_table.mobile li .product-checkbox { width: 30px; } .wishlist_table.mobile li .item-wrapper { width: calc(100% - 35px); } .wishlist_table.mobile li .item-wrapper .product-thumbnail { margin-right: unset; margin-left: 10px; } .wishlist_table.mobile li .additional-info-wrapper { padding: 0 !important; } .wishlist_table.mobile li .item-details h3 { margin-top: 0; font-size: 0.875rem; } .wishlist_table.mobile li .item-details h3 a { text-decoration: none; } .wishlist_table.mobile li .item-details table.item-details-table td { line-height: normal; font-size: 0.5rem; } .wishlist_table.mobile li table.additional-info { width: 100%; } .wishlist_table.mobile li table.additional-info td { vertical-align: bottom; line-height: normal; padding-bottom: 15px; } .wishlist_table.mobile li table.additional-info td.label { text-align: right; } .wishlist_table.mobile li table.additional-info td.value { text-align: left; } .wishlist_table.mobile li table.additional-info input[type="number"] { max-width: 120px !important; text-align: center; } .wishlist_table.mobile li .product-add-to-cart a { display: block !important; text-decoration: none; } .wishlist_table.mobile li .move-to-another-wishlist-button { text-decoration: none; font-size: 0.8em; } .wishlist_table.mobile li .product-remove { position: absolute; top: 0; left: 0; } .wishlist_table.mobile li .remove_from_wishlist { line-height: normal; } .wishlist_table.mobile li .remove_from_wishlist i { line-height: normal; color: inherit; font-size: inherit; } .wishlist_table.mobile li .remove_from_wishlist i:before { content: "\e811"; display: block; font-family: Linearicons-Free; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; height: 1rem; } .wishlist_table.mobile.wishlist_manage_table .show-title-form { border: none; padding: 0; cursor: pointer; background: none; } .wishlist_table.mobile.wishlist_manage_table .show-title-form:hover { color: inherit; } .woocommerce-wishlist .wishlist_table.modern_grid li .product-thumbnail .product-checkbox { left: auto; right: calc(100% + 0.78125rem); width: 0.9375rem; height: 0.9375rem; border: 1px solid #000; top: 12px; } .woocommerce-wishlist .wishlist_table.modern_grid li .product-thumbnail .product-checkbox.checked { background: #000; } .woocommerce-wishlist .wishlist_table.modern_grid li .product-thumbnail .product-checkbox.checked::before { display: block; } .woocommerce-wishlist .wishlist_table.modern_grid li .product-thumbnail .product-checkbox::before { content: ''; position: absolute; top: 40%; right: 50%; display: none; -webkit-transform: translate(50%, -50%) rotate(-45deg); -ms-transform: translate(50%, -50%) rotate(-45deg); transform: translate(50%, -50%) rotate(-45deg); border-width: 0 0px 1px 1px; border-style: solid; border-color: #fff; width: 10px; height: 5px; } .woocommerce-wishlist .wishlist_table.modern_grid li .product-thumbnail .product-checkbox input[type="checkbox"] { position: absolute; top: 0; right: 0; opacity: 0; } .yith_wcwl_wishlist_footer { clear: both; margin-bottom: 1.875rem; display: block !important; } .yith_wcwl_wishlist_footer .button { text-transform: uppercase; } .yith_wcwl_wishlist_footer input[type="submit"] { text-transform: uppercase; } .yith_wcwl_wishlist_footer .ask-an-estimate-button:before { content: "\e818"; display: inline-block; color: inherit; font-family: Linearicons-Free; font-weight: 300; font-size: 2rem; line-height: 0; margin-right: 10px; vertical-align: sub; } .yith_wcwl_wishlist_footer .yith-wcwl-share { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; flex: 1; } .yith_wcwl_wishlist_footer .yith-wcwl-share .yith-wcwl-share-title { font-size: 0.75rem; font-weight: 400; margin: 0 0 0 5px; } .yith_wcwl_wishlist_footer .yith-wcwl-share ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .yith_wcwl_wishlist_footer .yith-wcwl-share ul li { margin: 0 5px 0 0; } .yith_wcwl_wishlist_footer .yith-wcwl-share ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2em; height: 2em; line-height: 2em; border-radius: 3px; color: #fff; } .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action { float: none; padding: 0; margin: 0; } .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action label { margin: 0 0 0 0.625rem; } .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action .select2 { margin: 30px 0; } .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action select { -webkit-appearance: none; appearance: none; border: solid 1px #000; padding: 6px 10px; margin: 0 !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.4 9.4' style='enable-background:new 0 0 16.4 9.4' xml:space='preserve'%3E%3Cpath d='M8.2 6.6 2 .4C1.5-.1.8-.1.4.4c-.5.5-.5 1.2 0 1.7l7 7c.4.4 1.2.5 1.6 0l7.1-7c.4-.5.4-1.2 0-1.7-.5-.4-1.2-.4-1.6 0L8.2 6.6z'/%3E%3C/svg%3E") 10px 50%/auto 20% no-repeat; } .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action input[type="submit"] { -webkit-appearance: none; appearance: none; background: #000; color: #fff; border: solid 1px #000; border-radius: 0; font-size: 0.625rem; font-weight: 600; margin-right: 0.625rem; margin-left: 0; padding: 6px 20px; min-height: 41px; cursor: pointer; } @media (min-width: 768px) { .wishlist_table.modern_grid li, .wishlist_table.images_grid li { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .wishlist_table.modern_grid li .item-details .item-details-wrapper, .wishlist_table.images_grid li .item-details .item-details-wrapper { padding-left: 25px; padding-right: 25px; } .wishlist_table.modern_grid li .item-details h3, .wishlist_table.images_grid li .item-details h3 { margin-bottom: 2em; } .wishlist_table.mobile li .remove_from_wishlist i:before { height: 0.9375rem; } .woocommerce-wishlist .wishlist_table.modern_grid li .product-thumbnail .product-checkbox { top: 14px; right: calc(100% + 15px); width: 16px; height: 16px; } .yith_wcwl_wishlist_footer { margin-bottom: 60px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .yith_wcwl_wishlist_footer .yith-wcwl-share .yith-wcwl-share-title { font-size: 16px; } .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action input[type="submit"] { font-size: 14px; } .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 992px) { .wishlist_table.modern_grid li, .wishlist_table.images_grid li { -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; max-width: 33.33%; } .wishlist_table.modern_grid li .item-details .item-details-wrapper, .wishlist_table.images_grid li .item-details .item-details-wrapper { padding: 15px 20px; } } @media (max-width: 767.98px) { .wishlist_table.modern_grid li .product-thumbnail>a img, .wishlist_table.images_grid li .product-thumbnail>a img { min-height: 15.5rem; } .yith_wcwl_wishlist_footer .yith-wcwl-share { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0.625rem; } .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action label { display: block; width: 100%; margin: 0 0 0.625rem; text-align: center; } .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action select { width: calc(100% - 6.25rem); } .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action select#bulk_actions { min-width: 0; } .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action input[type="submit"] { width: 5.625rem; margin-right: 0.625rem; float: left; } } @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .wishlist_table.modern_grid .product-thumbnail .placeholder-item.empty-box { min-height: 540px; } } .old-price span.amount, .price-wrap>del span.amount { text-decoration: none; position: relative; display: inline-block; } .old-price span.amount::before, .price-wrap>del span.amount::before { content: ""; background: currentColor; position: absolute; top: 55%; left: 0; right: 0; margin: 0 auto; height: 1px; z-index: 1; } .mini-cart-price .old-price span.amount::before { top: 58%; } .product-wrapper .product-info .old-price span.amount::before, .product-wrapper .product-info .price-wrap>del span.amount::before { top: 50%; } .single_add_to_cart_button:focus { outline: none; } /*header new design*/ body #glassix-widget-launcher-container, body .acsb-trigger { z-index: 99999 !important; } .header-container .topicons-container { display: flex; flex-wrap: wrap; } .header-container .topicons-container .topicons-right { display: none; flex-wrap: wrap; align-items: center; } .header-container .topicons-container .topicons-right .topicon.place { display: none; } .header-container .topicons-container .topicons-left { display: flex; flex-wrap: wrap; } .header-container .topicons-container .topicons-left .topicon { margin-right: 0; margin-left: 35px; } .header-container .topicons-container .topicons-left .dgwt-wcas-search-wrapp { order: 1; } .header-container .topicons-container .topicons-left .topicon.minicart { order: -1; } .topicons-left .mini-cart-wrapper { left: auto; right: 0; } .minicart-active .header-container .topicons-container .topicons-left .dgwt-wcas-search-form input[type="search"] { background: transparent; border-color: rgba(0, 0, 0, 0.1); } .header-container .topicons-container .logo-holder { order: 1; flex: 1; text-align: left; } .header-container .topicons-container .topicons-left .dgwt-wcas-search-form .dgwt-wcas-ico-magnifier { display: block !important; } .header-container .topicons-container .topicons-left .dgwt-wcas-search-form .dgwt-wcas-search-input::-webkit-input-placeholder { font-style: normal !important; } .header-container .topicons-container .topicons-left .dgwt-wcas-search-form .dgwt-wcas-search-input:-ms-input-placeholder { font-style: normal !important; } .header-container .topicons-container .topicons-left .dgwt-wcas-search-form .dgwt-wcas-search-input::placeholder { font-style: normal !important; } .menu-right .nav-right { justify-content: initial; } .menubar ul.nav li:hover a::after { width: 100%; height: 3px; } .minicart-active .top-stripe .top-strip-slider { opacity: 0; } .menu-right .nav ul.sub-menu>.container { display: flex; flex-wrap: wrap; max-width: 100%; } .menu-right .nav ul.sub-menu>.container .container { max-width: 100%; margin: 0; padding: 0 25px; } .menu-right .nav ul.sub-menu>.container .menu-no-image~.submenu-wrapper:not(.menu-no-image) { flex: 1; flex-wrap: wrap; } .menu-right .nav ul.sub-menu>.container .submenu-wrapper.menu-no-image { flex: initial; flex-wrap: wrap; max-width: 100%; width: auto; } .menu-right .nav ul.sub-menu>.container .submenu-wrapper .sub-menu { display: block; box-shadow: none; padding: 30px 0 57px; } .menu-right .nav ul.sub-menu>.container .submenu-wrapper.menu-no-image>.sub-menu { display: flex; flex-wrap: wrap; margin: 0; width: 100%; } .menu-right .nav ul.sub-menu>.container .submenu-wrapper .sub-menu li a { padding: 0; text-align: initial; display: block; font-size: 14px; color: #71706c !important; background: none; font-weight: 400; } .menu-right .nav ul.sub-menu>.container .submenu-wrapper .sub-menu li a:hover { color: #979797 !important; font-weight: 400; } .menu-right .nav ul.sub-menu>.container .submenu-wrapper.menu-no-image>.sub-menu>li>a { margin-bottom: 15px; color: #000 !important; font-size: 15px; } .menu-right .nav ul.sub-menu>.container .submenu-wrapper.menu-no-image>.sub-menu>li>a:hover { color: #979797 !important; } .menu-right .nav ul.sub-menu>.container .submenu-wrapper .sub-menu li { margin-bottom: 15px; } ul.nav li.menu-item-has-children ul.sub-menu li a { padding: 30px 30px 57px; font-size: 20px; } ul.nav li.menu-item-has-children ul.sub-menu li a:hover { font-weight: normal; background: none; } .menu-right .nav li>ul.sub-menu { border-top: none; } .menu-right .nav ul.sub-menu>.container .submenu-wrapper.menu-no-image>.sub-menu ul.sub-menu { padding: 0; } ul.nav li.menu-item-has-children ul.sub-menu .submenu-wrapper.menu-no-image li { flex: initial; margin: 0; } .menu-right .nav ul.sub-menu>.container .submenu-wrapper.menu-no-image>.sub-menu>li { margin: 0 0 0 60px; max-width: 200px; /* width: 100%; flex: 1; */ min-width: 120px; } ul.nav li.menu-item-has-children ul.sub-menu .menu-no-image~.submenu-wrapper:not(.menu-no-image) li { flex: initial; margin: 0; max-width: 365px; width: 100%; } ul.nav li.menu-item-has-children ul.sub-menu li a img.mega-menu-item-image { height: auto; max-width: 100%; margin-bottom: 25px; } ul.nav li.menu-item-has-children ul.sub-menu li a .menu-subtitle { display: block; margin-top: 10px; font-size: 16px; border-bottom: 1px solid #ffcad4; padding-bottom: 5px; } ul.nav li.menu-item-has-children ul.sub-menu li a .menu-subtitle:hover { border-bottom-width: 3px; } @media screen and (min-width: 769px) { .header-container .topbar { padding-top: 0; padding-bottom: 0; position: relative; } #menu-mobile.active { display: none !important; } .header-container .topbar .topicons-container { position: static; } /* .header-container .menubar { border-top: 3px solid #ffcad4; padding-top: 5px; } */ .header-container .topbar .menubar { order: 2; flex: 1; display: flex; flex-direction: column; /* justify-content: center; */ align-items: center; position: static; } .header-container .topbar .menubar .padmenot, .header-container .topbar .menubar .menu-right, .header-container .topbar .menubar .menu-right>div, .header-container .topbar .menubar ul.nav { flex: 1; display: flex; } .header-container .topbar .menubar ul.nav { justify-content: center; align-items: center; } .header-container .topbar .menubar .padmenot, .header-container .topbar .menubar .menu-right, .header-container .topbar .menubar .menu-right>div { flex-direction: column; } .topbar .menu-right ul.nav>li>a, div.top-stripe, .header-container .topicons-container .logo-holder { position: relative; z-index: 101; } .header-container .topbar .menubar ul.nav li { display: flex; flex-wrap: wrap; align-items: center; margin-left: 10px; margin-right: 10px; } .header-container .topbar .menubar ul.nav .sub-menu li { display: block; } .topbar .menu-right .nav ul.sub-menu { top: 100%; padding-top: 20px; } .topbar .menu-right .nav ul.sub-menu:before { content: ''; position: absolute; height: 250px; left: 0; right: 0; bottom: 100%; } .header-container .topicons-container .logo-holder { order: 3; flex: initial; padding-top: 10px; padding-bottom: 10px; } .header-container .topicons-container .logo-holder img { height: 1.5rem; } .header-container .topicons-container .topicons-right, .header-container .topicons-container .topicons-left { position: relative; top: auto; left: auto; right: auto; z-index: 101; } .header-container .topbar .topicons-container .topicons-left { order: 1; padding-top: 10px; padding-bottom: 10px; } /* .header-container .topicons-container .topicons-left .js-dgwt-wcas-search-icon-handler, */ .header-container .topicons-container .topicons-left .dgwt-wcas-search-icon-arrow { display: none; } /* .header-container .topicons-container .topicons-left .dgwt-wcas-search-form { position: static !important; display: block !important; min-width: auto !important; width: 242px; opacity: 1 !important; } */ .header-container .topicons-container .topicons-left .topicon { margin-left: 20px; } .topbar .topicon.minicart a.mini-cart-toggle { width: 16px; height: 20px; background-size: contain; } .topbar .topicon.minicart.full a.mini-cart-toggle { width: 24px; height: 24px; } .topbar .topicon.minicart a.mini-cart-toggle .mini-count { width: auto; top: 5px; left: 0; right: 0; font-size: 11px; font-weight: 700; } .topbar .topicon.minicart:not(.full) a.mini-cart-toggle .mini-count { opacity: 0 !important; } .header-container .topicons-container .topicons-left .topicon.wishlisticon { height: auto; justify-content: center; margin-top: 2px; } .topbar .topicon.wishlisticon img { width: auto; height: 20px; } .wishlisticon.full .topicon-image.wl-full { height: 19px; } .topbar .topicon.wishlisticon .wishlist-count { display: none; } .header-container .topicons-container .topicons-left .dgwt-wcas-search-wrapp { order: 2; margin-right: 20px; border-right: 1px solid rgba(73, 73, 73, .4); padding-right: 20px; } .header-container .topicons-container .topicons-left .topicon.login { order: 1; margin-left: 0; } .topbar .topicon.login a { line-height: 1; } .topbar .topicon.login a img { width: auto; height: 20px; } /* .header-container .topicons-container .topicons-left .dgwt-wcas-search-wrapp { border-left: 1px solid rgba(73,73,73,.4); padding-left: 20px; } */ .topbar .dgwt-wcas-search-icon { width: auto !important; } .topbar .dgwt-wcas-search-icon svg { max-width: inherit !important; height: 18px; width: 18px; } .menubar .menu-right>div { max-width: 800px; margin-left: auto; margin-right: auto; } .menu-right .nav ul.sub-menu>.container { max-width: 810px; } .topbar ul.nav li.menu-item-has-children::before { display: none; } .topbar ul.nav li a { padding: 10px; font-size: 16px; } .topbar .menu-right ul.nav>li:first-child>a { padding-right: 10px; } .topbar .menu-right ul.nav>li:last-child>a { padding-left: 10px; } .topbar .menu-right ul.nav li:hover a::after { margin-bottom: -3px; } } @media screen and (min-width: 787px) { .header-container .sticky { position: fixed; width: 100%; z-index: 5; background: #fff; height: auto; top: 0; box-shadow: 1px 1px 4px #ccc; padding: 0; border: none; } } @media screen and (min-width: 992px) { .menubar .menu-right>div, .menu-right .nav ul.sub-menu>.container { max-width: 1040px; } } @media screen and (min-width: 1200px) { .menubar .menu-right>div, .menu-right .nav ul.sub-menu>.container { max-width: 1220px; } } @media screen and (min-width: 1300px) { .menubar .menu-right>div, .menu-right .nav ul.sub-menu>.container { max-width: 1240px; margin-left: auto; margin-right: auto; } .menu-right .nav ul.sub-menu>.container { padding-left: 0; padding-right: 0; } .menu-right .nav ul.sub-menu>.container .container:first-child { padding-left: 0; padding-right: 0; } .menu-right ul.nav>li:first-child { margin-right: 0; } .menu-right ul.nav>li:first-child>a { padding-right: 0; } .menu-right ul.nav>li:last-child>a { padding-left: 0; } } @media screen and (min-width: 1400px) { .menubar .menu-right>div, .menu-right .nav ul.sub-menu>.container { max-width: 1340px; } } @media screen and (min-width: 1600px) { .menubar .menu-right>div, .menu-right .nav ul.sub-menu>.container { max-width: 1540px; } } @media screen and (min-width: 1800px) { .menubar .menu-right>div, .menu-right .nav ul.sub-menu>.container { max-width: 1720px; } } @media screen and (min-width: 1900px) { .menubar .menu-right>div, .menu-right .nav ul.sub-menu>.container { max-width: 1820px; } } @media screen and (max-width: 812px) { .menubar .menu-right>div { max-width: 761px; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 786px) { body { padding-top: 0; } .header-container .sticky.fixed { display: block !important; } } @media screen and (max-width: 768px) { body .no-padding.no-margin.header-container { margin-top: 95px; } .header-container .topbar { padding: 15px 0; } .header-container .topbar .topicons-container { padding-left: 15px !important; padding-right: 15px !important; } .header-container .topicons-container .topicons-right { top: 17px; right: 15px; } .header-container .topicons-container .logo-holder { text-align: center; padding: 0 15px; } .header-container .topicons-container .logo-holder #logo { display: inline-block; line-height: 1; } .header-container .topicons-container .logo-holder #logo img { width: 100%; max-width: 126px; vertical-align: top; } .header-container .topicons-container .topicons-left { position: relative; top: 0; order: 1; } body .modal-backdrop { z-index: 99999 !important; } .header-container .menubar { display: flex; flex-direction: column; justify-content: center; margin-left: 20px; right: 35px; } .header-container .menubar .menubar-mobile { padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: none; } .header-container .menubar a#logo-mobile { display: none; } .header-container .menubar .hamburger { position: relative; top: 0; right: 0; padding: 0; -webkit-transition: top ease 0.35s; -moz-transition: top ease 0.35s; transition: top ease 0.35s; } .header-container .menubar .hamburger.is-active { top: 4px; } .minicart-active .header-container .menubar .hamburger { z-index: 0; } .header-container .menubar .hamburger .hamburger-box { width: 20px; height: 18px; bottom: -2px; } .header-container .menubar .hamburger .hamburger-inner, .header-container .menubar .hamburger .hamburger-inner::before, .header-container .menubar .hamburger .hamburger-inner::after { width: 100%; background-color: rgba(0, 0, 0, 0.75); } .header-container .menubar .hamburger:not(.is-active) .hamburger-inner::before { top: -7px; } .header-container .menubar .hamburger:not(.is-active) .hamburger-inner::after { top: -14px; } .header-container .topicons-container .topicons-right .topicon.phone { line-height: 1; } .header-container .topicons-container .topicons-left .topicon { margin-left: 15px; } .header-container .topicons-container .topicons-left .dgwt-wcas-search-icon, .header-container .topicons-container .topicons-left .topicon.login, .header-container .topicons-container .topicons-left .topicon.wishlisticon, .header-container .topicons-container .topicons-left .topicon.minicart { margin-top: 0 !important; } .header-container .topicons-container .topicons-left .dgwt-wcas-search-icon { margin: 3px 0 0 !important; width: auto !important; } .header-container .topicons-container .topicons-left .dgwt-wcas-search-icon .dgwt-wcas-ico-magnifier-handler { width: 18px; height: 18px; max-width: initial !important; margin-bottom: 0; } .header-container.js-loaded .topicons-container .topicons-left .topicon.minicart { display: flex; position: static; margin-top: 0 !important; } .header-container .topicons-container .topicons-left .topicon.minicart { top: 0 !important; } .header-container .topicons-container .topicons-left .topicon.minicart a.mini-cart-toggle { width: 15px; height: 20px; position: relative; } .header-container .topicons-container .topicons-left .topicon.minicart span.mini-count { width: auto; top: 5px; left: 0; right: 0; font-size: 11px; font-weight: 700; } .header-container .topicons-container .topicons-left .topicon.minicart:not(.full) span.mini-count { display: none; } .header-container .topicons-container .topicons-left .topicon.login { display: block; order: 1; position: fixed; right: 15px; } .header-container .topicons-container .topicons-left .topicon.login a.login-popup-trigger { line-height: 1; display: block; } .header-container .topicons-container .topicons-left .topicon.login img { width: auto; height: 18px; vertical-align: text-bottom; } .header-container .topicons-container .topicons-left .topicon.wishlisticon { display: none; } .header-container .topicons-container .topicons-left .topicon.wishlisticon img { width: auto; height: 19px; } .header-container .topicons-container .topicons-left .topicon.wishlisticon span.wishlist-count { display: none; } .menubar-mobile { padding-left: 60px; padding-right: 60px; padding-top: 10px; padding-bottom: 10px; position: relative; } .menubar-mobile .topicon.minicart { position: absolute; top: 14px; right: 10px; } .header-container .menubar-mobile .topicon.minicart { display: none; } .menubar-mobile a#logo-mobile img { width: 50%; max-width: 136px; margin-top: 0; } .matat-category-slider .slick-arrow { top: 38%; -webkit-transform: translateY(-38%); -moz-transform: translateY(-38%); transform: translateY(-38%); } .product-wrapper .thumb-wrapper img.category-label { width: auto; height: 5vw; top: 5px; } .topbar #menu-mobile { top: 93px; border-top: 5px solid #ffcad4; width: auto; left: 0; right: 0; display: flex !important; flex-direction: column; visibility: hidden; overflow: visible; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform ease 0.35s, visibility ease 0.35s; -moz-transition: transform ease 0.35s, visibility ease 0.35s; transition: transform ease 0.35s, visibility ease 0.35s; } .hs-countdown .topbar #menu-mobile { top: 167px; } .topbar #menu-mobile.active { visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .topbar #menu-mobile .top-mm { order: 4; margin: 0; flex-direction: column; justify-content: normal; align-items: flex-start; padding: 0; border: none; -webkit-transition: transform ease 0.35s; -moz-transition: transform ease 0.35s; transition: transform ease 0.35s; } .topbar #menu-mobile.grandchild-open .top-mm { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } .topbar #menu-mobile .top-mm a { padding: 14px 20px; border-top: 1px solid #dbdbdb; width: 100%; text-align: initial; display: flex; flex-wrap: wrap; align-items: center; font-weight: 400; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; } .topbar #menu-mobile .top-mm a:first-child { border-top: none; } .topbar #menu-mobile .top-mm a.login-link { display: none; } .topbar #menu-mobile .top-mm a img { width: auto; height: 20px; } .topbar #menu-mobile .top-mm a span { display: inline-block; padding-right: 10px; font-size: inherit; } .topbar #menu-mobile .mobile-menu-back-button { display: none !important; } .topbar #menu-mobile>ul { overflow: auto; max-height: calc(100% - 100px); position: relative; left: 0; -webkit-transition: left ease 0.35s; -moz-transition: left ease 0.35s; transition: left ease 0.35s; } .topbar #menu-mobile ul li { margin: 0; padding: 0; display: block !important; } .topbar #menu-mobile ul li.has-children { background: none; } .topbar #menu-mobile ul li.has-children::before { content: ""; background-image: url('https://www.pandora-shop.co.il/wp-content/themes/getraffic/assets/images/arrow_black_right.png'); background-repeat: no-repeat; background-size: contain; width: 8px; height: 15px; position: absolute; top: 20px; left: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .topbar #menu-mobile ul li.has-children.open::before { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } .topbar #menu-mobile ul>ul>li.has-children::before { top: 12px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .topbar #menu-mobile ul li a { display: block; max-width: initial; text-align: initial; padding: 14px 20px; font-size: 14px; font-weight: 500; } .topbar #menu-mobile ul ul.submenu { background: rgba(0, 0, 0, 0.03); padding: 10px 0; } .topbar #menu-mobile ul ul li { right: 0; width: 100%; float: none; border-bottom: none; } .topbar #menu-mobile ul ul li img { display: none; } .topbar #menu-mobile ul ul.submenu li a { padding-top: 10px; padding-bottom: 10px; } .topbar #menu-mobile ul ul.submenu ul.submenu .menu-heading { background: #fafafa; border-bottom: 1px solid #e7e6e7; margin-bottom: 10px; display: flex !important; flex-direction: row-reverse; flex-wrap: wrap; } .topbar #menu-mobile ul ul.submenu ul.submenu .menu-heading::before { display: none; } .topbar #menu-mobile ul ul.submenu ul.submenu .menu-heading .submenu-toggle { background: none; border: none; border-radius: 0; padding: 0; /* top: 17px; */ position: relative; display: inline-block; top: 0; left: 0; width: 20px; height: 20px; background-image: url('https://www.pandora-shop.co.il/wp-content/themes/getraffic/assets/images/arrow_black_right.png'); background-repeat: no-repeat; background-size: 8px; background-position: center; margin-left: 15px; outline: none; cursor: pointer; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .topbar #menu-mobile ul ul.submenu ul.submenu .menu-heading a { padding-top: 15px; padding-bottom: 15px; flex: 1; } .topbar #menu-mobile ul ul.submenu ul.submenu { padding: 0; position: fixed; top: -6px; left: 0; right: 0; background: #fff; bottom: 0; z-index: 11; overflow: auto; border-top: 5px solid #ffcad4; display: block; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform ease 0.35s; -moz-transition: transform ease 0.35s; transition: transform ease 0.35s; } .topbar #menu-mobile.grandchild-open ul ul.submenu .open+ul.submenu { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .topbar #menu-mobile.grandchild-open>ul { left: -100%; } } /*Banner buttons design*/ .slider-wrapper div.overlay { top: auto; bottom: 8%; padding: 3%; } .slider-wrapper div.overlay h2 { color: #fff; text-align: initial; display: none; } .slider-wrapper div.overlay h2 p { font-size: inherit; } .slider-wrapper .banner-btn-holder { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .slider-wrapper .banner-btn-holder.center { justify-content: center; } .slider-wrapper a.tony-button { margin: 10px; display: inline-flex; flex-wrap: wrap; min-width: 150px; min-height: 50px; justify-content: center; align-items: center; background: #fff; color: #000; border-radius: 5px; padding: 5px 15px; font-size: 22px; font-weight: 400; text-transform: uppercase; line-height: 1.3; } @media screen and (min-width: 1600px) { .slider-wrapper div.overlay { bottom: 10%; } } @media screen and (max-width: 1299px) { .slider-wrapper a.tony-button { font-size: 20px; min-width: 130px; min-height: 45px; } } @media screen and (max-width: 1199px) { .slider-wrapper a.tony-button { margin: 5px; font-size: 16px; min-width: 120px; min-height: 40px; } } @media screen and (max-width: 768px) { .slider-wrapper div.overlay { font-size: 32px; bottom: 3.5em; padding-left: 1.25em; padding-right: 1.25em; } .slider-wrapper .banner-btn-holder { margin-left: -0.46875em; margin-right: -0.46875em; font-size: inherit; justify-content: center; } .slider-wrapper a.tony-button { font-size: 0.75em; margin: 0.46875em; padding: 0.3125em 0.46875em; min-width: 4.375em; min-height: 1.5625em; } .slider-wrapper .banner-btn-holder.btn-two a.tony-button, .slider-wrapper .banner-btn-holder.btn-four a.tony-button { width: calc(50% - 0.9375em); } .slider-wrapper .banner-btn-holder.btn-three a.tony-button, .slider-wrapper .banner-btn-holder.btn-five a.tony-button, .slider-wrapper .banner-btn-holder.btn-six a.tony-button { width: calc(33.33% - 0.9375em); } } @media screen and (max-width: 640px) { .slider-wrapper div.overlay { font-size: 5vw; bottom: 3.125em; } .slider-wrapper a.tony-button { font-size: 0.6875em; min-height: 1.71875em; } } @media screen and (max-width: 768px) { body #glassix-widget-launcher-container #customized-launcher { width: 50px !important; height: 50px !important; } body #glassix-widget-launcher-container #customized-launcher img { max-width: 70% !important; } } body.modal-open { padding-right: 0 !important; } .checkout-buttons a.checkout-btn { border: solid 1px #f2a1b2; background: #f2a1b2; color: #fff; padding: 8px 20px; min-width: 350px; font-weight: bold; font-size: 18px; width: auto; height: auto; text-indent: unset; cursor: pointer; text-align: center; } .checkout-buttons a.checkout-btn:hover { background: none; color: #f2a1b2; } @media screen and (max-width: 768px) { .checkout-buttons a.checkout-btn { display: block; width: 100%; text-align: center; padding: 8px; } } /*Fibo search*/ .dgwt-wcas-details-wrapp .dgwt-wcas-stock { display: none; } .dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form>.quantity { margin-right: 0; padding-left: 10px; flex: initial; } .dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form>.quantity .jcf-number { display: flex; max-width: 80px; min-height: 40px; } .dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form>.quantity .jcf-number .qty { -moz-appearance: textfield; display: flex; order: 2; border: none; text-align: center; width: calc(100% - 40px); padding: 5px; height: 40px; } .dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form>.quantity .jcf-number .qty::-webkit-outer-spin-button, .dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form>.quantity .jcf-number .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form>.quantity .jcf-number .jcf-btn-inc { order: 1; display: flex; width: 20px; color: #000; justify-content: center; align-items: center; font-size: 24px; line-height: 1; font-weight: 100; cursor: pointer; } .dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form>.quantity .jcf-number .jcf-btn-inc::after { content: "+"; } .dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form>.quantity .jcf-number .jcf-btn-dec { order: 3; display: flex; width: 20px; color: #000; justify-content: center; align-items: center; font-size: 24px; line-height: 1; font-weight: 100; cursor: pointer; } .dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form>.quantity .jcf-number .jcf-btn-dec::after { content: "-"; } .dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form .quantity label.screen-reader-text { display: none; } .dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc .add_to_cart_inline { flex: 1; } .dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc .add_to_cart_button { display: inline-flex; min-height: 40px; flex-wrap: wrap; justify-content: center; align-items: center; background: #000; color: #fff; padding: 5px 10px; font-size: 16px; text-align: center; width: 100%; } /* Single product page */ body .fancybox__container { flex-direction: row-reverse; flex-wrap: wrap; z-index: 9999999; } .fancybox__container.has-toolbar .fancybox__toolbar { animation: none; left: 100px; } .admin-bar .fancybox__container.has-toolbar .fancybox__toolbar { top: 40px; } .fancybox__container.has-toolbar .fancybox__toolbar button.f-button { background: none; box-shadow: none; color: #777; background: rgba(255, 255, 255, 0.5); border: 1px solid #f0f0f0; margin: 0 2px; outline: none; } .fancybox__container.has-toolbar .fancybox__toolbar button.f-button:hover { color: #333; border-color: #e0e0e0; } .fancybox__container.has-toolbar .fancybox__toolbar button.f-button svg { filter: none; } .fancybox__container.has-toolbar .fancybox__toolbar .fancybox__infobar { color: #333; text-shadow: none; } .fancybox__container.has-toolbar .fancybox__toolbar .fancybox__infobar span { font-size: inherit; padding-left: 3px; padding-right: 3px; } .fancybox__container .fancybox__backdrop { background: #fff; } .fancybox__container.has-toolbar.is-idle .fancybox__nav { animation: none; } .fancybox__container.has-toolbar .fancybox__nav .f-button { background: #f3f3f3; } .fancybox__container.has-toolbar .fancybox__nav .f-button:hover { background: #e3e3e3; } .fancybox__container.has-toolbar .fancybox__nav .f-button svg { filter: none; color: #666; width: 20px; height: 20px; } .fancybox__container.has-toolbar .fancybox__nav .f-button:hover svg { color: #333; } .fancybox__container .fancybox__carousel { direction: ltr; height: 100%; } .fancybox__container .fancybox__carousel * { direction: inherit; } .fancybox__container .fancybox__carousel .fancybox__slide { padding: 0; margin: 0; } .fancybox__slide.has-image>.fancybox__content { width: 100% !important; height: 100% !important; will-change: auto; } /* .fancybox__slide.has-image > .fancybox__content img.fancybox-image { object-fit: cover; height: 100%; } */ .fancybox__slide.has-image>.fancybox__content>*:not(.fancybox-image) { opacity: 0; } .fancybox__container .fancybox__footer { width: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; background: #fff; } .fancybox__container.is-idle .fancybox__footer { z-index: 0; } .fancybox__footer .is-modern .f-thumbs__track { flex-direction: column; justify-content: center; padding: 0; direction: ltr; transform: none !important; } .fancybox__footer .is-modern .f-thumbs__track * { direction: inherit; } .fancybox__container .fancybox__footer .fancybox__thumbs { padding: 0; } .fancybox__footer .is-modern .f-thumbs__track .f-thumbs__slide { --shift: 0 !important; padding: 3px; } .fancybox__footer .is-modern .f-thumbs__track .f-thumbs__slide__button { width: 63px; height: 63px; clip-path: none; border: 1px solid transparent; outline: none; } .fancybox__footer .is-modern .f-thumbs__track .is-selected .f-thumbs__slide__button, .fancybox__footer .is-modern .f-thumbs__track .f-thumbs__slide__button:hover { border-color: #f2a1b2; } .single-product .product .variations_form .jcf-select { width: 170px; } .single-product .product .woocommerce-product-gallery { margin-bottom: 0; display: block; } .single-product .product .woocommerce-product-gallery .slick-dots { margin-bottom: 0; position: static; margin-top: 10px; } .single-product .product .woocommerce-product-gallery .slick-dots li { width: auto; height: auto; margin: 0 3px; } .single-product .product .woocommerce-product-gallery .slick-dots li button { width: 8px; height: 8px; padding: 0; background: #d0d1d2; border-radius: 100%; } .single-product .product .woocommerce-product-gallery .slick-dots li button::before { visibility: hidden; } .single-product .product .woocommerce-product-gallery .slick-dots li.slick-active button { background: #27251f; } .single-product .product .woocommerce-product-gallery__image a { display: block; background: #f5f5f5; cursor: zoom-in; } .single-product .product .woocommerce-product-gallery .slider-thumb-holder { margin-bottom: 40px; margin-left: auto; margin-right: auto; } .single-product .product .woocommerce-product-gallery .slider-thumb-holder .slider-thumb { margin: 0 10px; width: 65px; height: 65px; } .single-product .product .woocommerce-product-gallery .slider-thumb-holder .slider-thumb img { width: 100%; height: 100%; object-fit: cover; border: 1px solid transparent; } .single-product .product .woocommerce-product-gallery .slider-thumb-holder .slider-thumb.slick-current img { border-color: #27251f; } body.single-product .product .product_title.entry-title { text-align: initial; font-weight: 500; font-size: 28px; } body.single-product .product .single-product-top { margin-bottom: 1.25rem; } .single-product .product .summary .product-badge { background: none !important; position: static; text-align: initial; color: #71706c !important; font-size: .75rem; letter-spacing: .03125rem; line-height: 1.5; margin-bottom: 1.25rem; text-transform: uppercase; } .single-product .product .summary .price { justify-content: initial; line-height: 1; border-bottom: 1px solid #d0d1d2; padding-bottom: 1.25rem; margin-bottom: 0; width: 100%; } .single-product .product .summary .price .woocommerce-Price-amount.amount { font-size: 1rem; } .single-product .product .summary .price .woocommerce-Price-currencySymbol { font-size: inherit; } .single-product .product .summary .add-to-cart-form { margin-top: 0; } .single-product .product .add-to-cart-form .variations, .qv-modal .add-to-cart-form .variations { margin: 0; padding: 20px 0; border-top: none; border-bottom: 1px solid #d0d1d2; } .single-product .product .add-to-cart-form .woosb-wrap .variations, .qv-modal .add-to-cart-form .woosb-wrap .variations { border-bottom: none; padding-bottom: 0; padding-top: 10px; } .single-product .product .add-to-cart-form .variations label, .qv-modal .add-to-cart-form .variations label { font-size: 14px; line-height: 1.3; display: flex; flex-wrap: wrap; justify-content: space-between; } .single-product .product .add-to-cart-form .variations label[for="pa_size"], .qv-modal .add-to-cart-form .variations label[for="pa_size"] { font-size: 14px; } .single-product .product .add-to-cart-form .variations label a.sizec, .qv-modal .add-to-cart-form .variations label a.sizec { font-size: inherit; background: none; padding-left: 0; } .single-product .product .add-to-cart-form .variations .variable-items-wrapper, .qv-modal .add-to-cart-form .variations .variable-items-wrapper { margin: 0 -5px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } .single-product .product .add-to-cart-form .variations .variable-items-wrapper .variable-item:not(.radio-variable-item), .qv-modal .add-to-cart-form .variations .variable-items-wrapper .variable-item:not(.radio-variable-item) { padding: 5px; } .single-product .product .add-to-cart-form .variations .variable-items-wrapper .variable-item-span, .qv-modal .add-to-cart-form .variations .variable-items-wrapper .variable-item-span { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border: 1px solid #d0d1d2; color: #27251f; min-height: 45px; line-height: 1; padding: 5px; text-transform: lowercase; min-width: 65px; border-radius: .125rem; font-size: 14px; font-weight: 400; cursor: pointer; } .single-product .product .add-to-cart-form .variations .variable-items-wrapper .disabled .variable-item-span, .qv-modal .add-to-cart-form .variations .variable-items-wrapper .disabled .variable-item-span { opacity: 0.5; position: relative; overflow: hidden; pointer-events: none; } .single-product .product .add-to-cart-form .variations .variable-items-wrapper .selected .variable-item-span, .single-product .product .add-to-cart-form .variations .variable-items-wrapper .variable-item-span:hover, .qv-modal .add-to-cart-form .variations .variable-items-wrapper .selected .variable-item-span, .qv-modal .add-to-cart-form .variations .variable-items-wrapper .selected .variable-item-span:hover { background: #27251f; color: #fff; border-color: #27251f; } .single-product .product .add-to-cart-form .variations .variable-items-wrapper .cross-oos-var .variable-item-span, .qv-modal .add-to-cart-form .variations .variable-items-wrapper .cross-oos-var .variable-item-span { opacity: 0.5; position: relative; overflow: hidden; } .single-product .product .add-to-cart-form .variations .variable-items-wrapper .disabled .variable-item-span::before, .qv-modal .add-to-cart-form .variations .variable-items-wrapper .disabled .variable-item-span::before, .single-product .product .add-to-cart-form .variations .variable-items-wrapper .cross-oos-var .variable-item-span::before, .qv-modal .add-to-cart-form .variations .variable-items-wrapper .cross-oos-var .variable-item-span::before { content: ""; background: #f00; width: 100%; height: 1px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transform: rotate(-35deg) scale(2); -moz-transform: rotate(-35deg) scale(2); transform: rotate(-35deg) scale(2); } .single-product .product .variations a.reset_variations { margin-right: 0; color: #27251f; text-decoration: underline; } .single-product .product .variations a.reset_variations:hover { text-decoration: none; } .single-product .product .variations a.reset_variations[style*="visibility: hidden;"] { display: none !important; } .single-product .product .add-to-cart-form .quantity { border-bottom: none; order: 2; padding: 0; } .single-product .product .add-to-cart-form .quantity .inner-q { margin-top: 0; margin-bottom: 0; } .single-product .product .add-to-cart-form .cart .squ { top: 0; margin-top: 0; min-height: auto; margin-bottom: 0; } .single-product .entry-summary .cart:not(.variations_form) { border-top: none; padding-top: 25px; } .single-product .product .add-to-cart-form .qty-sku-holder { border-bottom: 1px solid #d0d1d2; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 15px 0; } .single-product .product .single_add_to_cart_button { margin-top: 25px; font-size: 20px; line-height: 1; background: #27251f; color: #fff; } .single-product .product .cart button.single_add_to_cart_button.loading, .single-product .product .cart button.single_add_to_cart_button.added { position: relative; text-indent: unset; font-size: 0; z-index: inherit; bottom: 0; } .single-product .product .cart button.single_add_to_cart_button.loading::after, .single-product .product .cart button.single_add_to_cart_button.added::after { font-size: 20px; position: static; } .single-product .product button.added+a.added_to_cart.wc-forward { display: none; } .single-product .product .single_add_to_cart_button:not(:disabled):hover, .single-product .product .single_add_to_cart_button:not(.disabled):hover { background: #ffcad4; color: #27251f; } .single-product .product .entry-summary .yith-wcwl-add-to-wishlist { margin-top: 20px; margin-right: 0; font-size: 13px; width: auto; height: auto; text-align: initial; } .single-product .product .entry-summary .yith-wcwl-add-to-wishlist img:not(.ajax-loading) { width: 16px; height: 16px; } .single-product .product .entry-summary .yith-wcwl-add-to-wishlist .add_to_wishlist { display: flex; flex-wrap: wrap; align-items: center; } .single-product .product .entry-summary .yith-wcwl-add-to-wishlist a span { padding-right: 7px; display: block; text-decoration: underline; } .single-product .entry-summary .collection-text { margin-top: 1rem; font-size: 16px; font-weight: 400; } .single-product .entry-summary .collection-text a { font-size: inherit; } .single-product .product .gt-row.icons-4 { display: block !important; border-bottom: none; border-top: 1px solid #d0d1d2; margin-bottom: 20px; padding-top: 20px; } .single-product .product .gt-row.icons-4>div { margin-bottom: 15px; } .single-product .product .gt-row.icons-4>div:last-child { margin-bottom: 0; } .single-product .product .gt-row.icons-4 .img-fluid { width: 25px; height: auto; } .single-product .product .gt-row.icons-4>div>p { font-size: 14px; } .single-product .product .content-mobile-accrodian { border-top: 1px solid #d0d1d2; } .single-product .product .content-mobile-accrodian .product-block { padding: 15px 0; border-bottom: 1px solid #d0d1d2; } body.single-product .product .content-mobile-accrodian .product-block.desc { border-bottom-color: #d0d1d2; } body.single-product .product .content-mobile-accrodian .product-block, body.single-product .product .content-mobile-accrodian .product-block.send-rules { margin: 0; padding: 15px 0; } .single-product .product .content-mobile-accrodian .product-block a.title { margin-bottom: 0; background: none; font-size: 1rem; font-weight: 400; color: #27251f; position: relative; padding: 10px 0; } .single-product .product .content-mobile-accrodian .product-block a.title::before, .single-product .product .content-mobile-accrodian .product-block a.title::after { content: ""; background: #444; width: 18px; height: 2px; position: absolute; top: 24px; left: 0; } .single-product .product .content-mobile-accrodian .product-block a.title::after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .single-product .product .content-mobile-accrodian .product-block.active a.title::after { visibility: hidden; } .single-product .product .content-mobile-accrodian .product-block .content { font-size: 14px; color: #71706c; padding-bottom: 10px; } .single-product .product .content-mobile-accrodian .product-block:not(.active) .content:not(.js-acc-hidden) { display: none; } .single-product .product .content-mobile-accrodian .product-block .content.js-acc-hidden { width: 0 !important; height: 0; overflow: hidden; } .single-product .product .content-mobile-accrodian .product-block .content * { font-size: inherit; color: inherit; text-align: initial; } body.single-product .product-block.product-size-guide .content a { text-decoration: underline; } body.single-product .product-block.product-size-guide .slideBtn-wrapper { display: flex; } body.single-product .product-block.product-size-guide .content .slideBtn-wrapper button { background: #f5f5f5; border: none; border-radius: 100px; min-height: 30px; padding: 0 30px; flex: 1; color: #27251f; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; cursor: pointer; outline: none; } body.single-product .product-block.product-size-guide .content .slideBtn-wrapper button.active { background: #27251f; color: #fff; z-index: 3; } body.single-product .product-block.product-size-guide .content .slideBtn-wrapper button.first-btn:not(.active) { border-top-left-radius: 0; border-bottom-left-radius: 0; } body.single-product .product-block.product-size-guide .content .slideBtn-wrapper button.second-btn:not(.active) { border-top-right-radius: 0; border-bottom-right-radius: 0; } body.single-product .product-block.product-size-guide .content .slideBtn-wrapper button::before { content: ""; background: #f5f5f5; width: 30px; height: 100%; position: absolute; top: 0; display: none; } body.single-product .product-block.product-size-guide .content .slideBtn-wrapper button.second-btn:not(.active)::before { display: block; left: 100%; } body.single-product .product-block.product-size-guide .content .slideBtn-wrapper button.first-btn:not(.active)::before { display: block; right: 100%; } .single-product .product .content-mobile-accrodian .product-block .attribute-list-item { display: flex; flex-wrap: wrap; margin-bottom: 10px; } .single-product .product .content-mobile-accrodian .product-block .attribute-list-item .attribute-label { flex-basis: 150px; max-width: 150px; color: #27251f; } .single-product .product .content-mobile-accrodian .product-block .product-attributes { margin-top: 30px; } .single-product .product .content-mobile-accrodian .product-block .left-icon { min-width: 2.5rem; } .single-product .product .content-mobile-accrodian .product-block .shipping-icon { width: 1.2rem; height: 1.2rem; display: block; } .single-product .product .content-mobile-accrodian .product-block .delivery-icon { background: url(assets/images/icons.svg#sprite-delivery-fragment) no-repeat; height: 1.2rem; width: 1.2rem; } .single-product .product .content-mobile-accrodian .product-block .store-icon { background: url(assets/images/icons.svg#sprite-store-fragment) no-repeat; height: 1.2rem; } .single-product .product .content-mobile-accrodian .product-block .exchange-icon { background: url(assets/images/icons.svg#sprite-exchange-fragment) no-repeat; height: 1.2rem; } .single-product .product .content-mobile-accrodian .product-block .sub-heading { color: #27251f; display: inline-block; font-size: .875rem; font-weight: 400; line-height: 1.5; margin: 0 0.625rem 0.625rem 0; vertical-align: middle; width: calc(100% - 35px); } .single-product .product .content-mobile-accrodian .product-block .content .collections-desc { color: #27251f; } .single-product .product .content-mobile-accrodian .product-block .content .row { padding: 0; list-style: none; margin: 0 -7.5px; } .single-product .product .content-mobile-accrodian .product-block .content .collection-grid { color: #27251f; display: flex; font-size: .875rem; line-height: 1.3125rem; list-style: none; padding: 0 7.5px; } .single-product .product .content-mobile-accrodian .product-block .content .collection-box { background-color: #f5f5f5; border-radius: 0.625rem; font-size: .75rem; padding-bottom: 0.625rem; width: 100%; } .single-product .product .content-mobile-accrodian .product-block .content .collection-img { margin-bottom: 0.625rem; max-width: 100%; } .single-product .product .content-mobile-accrodian .product-block .content img { width: 100%; } .single-product .product .content-mobile-accrodian .product-block .content .compatibility-icon { content: ''; background: url(assets/images/icons.svg#sprite-red-cross-fragment) no-repeat; display: block; height: 20px; margin: 0 auto 0.625rem; width: 20px; } .single-product .product .content-mobile-accrodian .product-block .content .active .compatibility-icon { background: url(assets/images/icons.svg#sprite-check-green-fragment) no-repeat; } .single-product .product .content-mobile-accrodian .product-block .content .collection-name { align-items: center; display: flex; min-height: 2.625rem; justify-content: center; } .single-product .product .content-mobile-accrodian .product-block .content .collection-name span { text-align: center; } .single-product .product .xsell-container { margin-top: 60px !important; } .single-product .product .sticky-addtocart-btn { background-color: #fff; bottom: 0; left: 0; padding: 1.25rem; position: fixed; right: 0; z-index: 700; } .single-product .product .sticky-addtocart-btn .single_add_to_cart_button { margin: 0; } .single-product .summary .below-cart { display: flex; flex-wrap: wrap; align-items: center; } .single-product .summary .below-cart .icons-secure-key { font-size: 13px; margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; margin-right: 20px; } .single-product .summary .below-cart .icons-secure-key .img-fluid { width: 20px; height: 20px; object-fit: contain; margin-left: 5px; margin-top: -4px; } .single-product .summary .below-cart .icons-secure-key span { font-size: inherit; } .single-product .product-type-woosb .entry-summary .cart:not(.variations_form) { padding-top: 0; } .single-product .product .woocommerce-notices-wrapper:empty { display: none; } @media screen and (min-width: 768px) { body.single-product .product:not(.hs-gallery-images) .row { justify-content: space-between; } body.single-product .product:not(.hs-gallery-images) .desktop-new-gallery, body.single-product .product:not(.hs-gallery-images) div.gt-single-product-right { width: 100%; flex-basis: 45%; max-width: 45%; } body.single-product .product div.gt-single-product-right { margin-top: 20px; } body.single-product .product .content-mobile-accrodian .product-block .title, .single-product .product .add-to-cart-form .variations a.sizec, .qv-modal .add-to-cart-form .variations a.sizec { background: none; } body.single-product .product .content-mobile-accrodian .product-block .title { background: none !important; } .single-product .product .single_variation_wrap::after, .single-product .product .entry-summary .cart:not(.variations_form)::after { display: none; } .single-product .product .add-to-cart-form .single_add_to_cart_button { position: static; width: 100%; } .single-product .product .summary.entry-summary .add-to-cart-form { order: inherit; } .single-product .product .sticky-addtocart-btn { display: none !important; } .single-product .product .add-to-cart-form .cart .squ { font-size: 14px; padding-left: 10px; } .footer .footer-bottom img.pay-with { width: auto; max-width: 100%; } } @media screen and (min-width: 992px) { .single-product .product .hs-gallery-images .woocommerce-product-gallery__wrapper { display: flex; flex-wrap: wrap; margin: 0 -15px; width: auto; } .single-product .product .hs-gallery-images .woocommerce-product-gallery__image { flex-basis: 50%; max-width: 50%; padding: 15px; } .single-product .product .woocommerce-product-gallery .slider-thumb-holder { display: none !important; } } @media screen and (min-width: 1200px) { .single-product .product .container, .single-product .header-container>.container { max-width: 1440px; } .single-product .product .container>.row, .single-product .header-container>.container>.row { margin-left: 0; margin-right: 0; } .single-product .header-container p#breadcrumbs { padding-left: 15px; padding-right: 15px; } body.single-product .product div.gt-single-product-right { padding-right: 15px; } } @media screen and (min-width: 1700px) { body.single-product .product div.gt-single-product-right { width: auto; flex-basis: 41.666666667%; max-width: 41.666666667%; padding-left: 5%; } } @media screen and (max-width: 991px) { body.single-product .product div.gt-single-product-right { flex-basis: 50%; max-width: 50%; overflow: hidden; padding-left: 5%; margin-top: 30px; } body.single-product .content-mobile-accrodian .product-block, body.single-product .content-mobile-accrodian .product-block.send-rules, .single-product .add-to-cart-form .variations, .single-product .add-to-cart-form .variations_button .quantity, .single-product .add-to-cart-form form.cart .quantity { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .single-product .product .desktop-new-gallery { margin-top: 30px; flex-basis: 50%; max-width: 50%; } .single-product .product .woocommerce-product-gallery { margin-bottom: 40px; } .single-product .product .woocommerce-product-gallery__wrapper { margin-bottom: 0; } .single-product .woocommerce-product-gallery__wrapper .slick-arrow { position: absolute; top: 50%; width: 30px; height: 30px; border-radius: 0; background: none; border: none; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 4; outline: none; } .single-product .woocommerce-product-gallery__wrapper .slick-arrow.slick-disabled { display: none !important; } .single-product .woocommerce-product-gallery__wrapper .slick-arrow.slick-prev { right: 0; } .single-product .woocommerce-product-gallery__wrapper .slick-arrow.slick-next { left: 0; } .single-product .woocommerce-product-gallery__wrapper .slick-arrow img { width: 15px; height: auto; } } @media screen and (max-width: 782px) { .admin-bar .header-container .sticky { top: 46px; } } @media screen and (max-width: 767px) { .single-product .fancybox__container:not(.is-idle) .fancybox__nav button.f-button.is-prev { display: none; } .single-product .product .row { flex-direction: column-reverse; flex-wrap: initial; } body.single-product .product div.gt-single-product-right { flex-basis: 100%; max-width: 100%; overflow: hidden; padding-left: 0; margin-top: 0; } .single-product .product .desktop-new-gallery { margin-top: 40px; padding-left: 0; padding-right: 0; flex-basis: 100%; max-width: 100%; } .single-product .product .woocommerce-product-gallery .slider-thumb-holder { display: none; } .single-product .product .summary.entry-summary { margin-bottom: 30px; } .single-product .product .summary.entry-summary .add-to-cart-form { order: inherit; } .single-product .product .single_variation_wrap::after, .single-product .product .entry-summary .cart:not(.variations_form)::after { display: none; } .single-product .product .add-to-cart-form .variations, .qv-modal .add-to-cart-form .variations { padding-top: 20px; } .single-product .product .add-to-cart-form .single_add_to_cart_button { position: static; width: 100%; } .single-product .product .single_add_to_cart_button:not(:disabled):hover, .single-product .product .single_add_to_cart_button:not(.disabled):hover { background: #27251f; color: #fff; } body.single-product .product .content-mobile-accrodian .product-block.active .title { background: none; } .single-product .product .content-mobile-accrodian .product-block .content .row { flex-direction: row; flex-wrap: wrap; } .footer .footer-bottom img.pay-with { width: auto; max-width: 100%; } .single-product .product .summary.entry-summary .variation-error:not(:empty) { margin-top: 15px; margin-bottom: 0; } body.single-product .acsb-trigger { bottom: 100px !important; } body.single-product #glassix-widget-launcher-container { bottom: 80px !important; } } .woocommerce-order-received .woocommerce-order-details .order_details { display: none; } /*Size guide page template*/ .page-template-page-size-guide .header-container .bg-image { height: 32vh; min-height: 17.5rem; overflow: hidden; padding: 0; } .page-template-page-size-guide .header-container .bg-image .bg-container { text-align: left; margin: 0 -15px; background-color: transparent; color: #fff; max-height: 100%; padding: 30px 15px; position: relative; max-width: 28.75rem; } .page-template-page-size-guide .header-container .bg-image .container { height: 100%; display: flex; flex-direction: column; justify-content: center; padding-left: 0; padding-right: 0; align-items: flex-end; } .page-template-page-size-guide .header-container .bg-image h1 { margin-bottom: 0.625rem; text-transform: uppercase; font-size: 2.875rem; font-weight: 700; line-height: 1; } .page-template-page-size-guide .header-container .bg-image span { display: block; font-size: .75rem; overflow: hidden; position: relative; } .page-template-page-size-guide .header-container .bg-image span p { font-size: inherit; line-height: inherit; } .page-template-page-size-guide .container .row>.container { padding-left: 0; padding-right: 0; } .page-template-page-size-guide .container.my-5 { margin-top: 40px !important; margin-bottom: 40px !important; } .page-template-page-size-guide .size-guide-links>a { display: inline-block; border-bottom: 3px solid #d0d1d2; color: #71706c; font-size: 18px; font-weight: bold; line-height: 1; padding: 0 30px 10px; text-align: center; text-transform: uppercase; margin: 0 10px !important; } .page-template-page-size-guide .size-guide-links>a.selected { border-color: #27251f; color: #27251f; } .page-template-page-size-guide .size-guide-aside { background: #f5f5f5; padding: 30px !important; } .page-template-page-size-guide .size-guide-aside .size-guide-desc { font-size: .75rem; padding: 0; text-align: initial; min-height: 80vh; } .page-template-page-size-guide .size-guide-aside h2 { font-size: 1.375rem; font-weight: 700; text-transform: none; text-align: initial; margin-bottom: 15px; } .page-template-page-size-guide .size-guide-aside p { font-size: inherit; } .border-bottom { border-bottom: 1px solid #d0d1d2 !important; } .page-template-page-size-guide .size-guide-main .sizeguide-actions { display: flex; flex-wrap: wrap; align-items: center; } .page-template-page-size-guide .size-guide-main .sizeguide-actions>h4 { margin-bottom: 0 !important; flex: 1; font-size: 1.125rem; font-weight: 700; } .page-template-page-size-guide .size-guide-main .slideBtn-wrapper { display: flex; font-size: .875rem; background: #f5f5f5; border-radius: 2.1875rem; } .page-template-page-size-guide .size-guide-main .slideBtn-wrapper .js-switch-trigger { background-color: #f5f5f5; border: none; border-radius: 2.1875rem; color: #27251f; height: 1.875rem; padding: 0 1.875rem; text-transform: capitalize; cursor: pointer; outline: none; } .page-template-page-size-guide .size-guide-main .slideBtn-wrapper .js-switch-trigger.active { background-color: #27251f; color: #fff; } .page-template-page-size-guide .size-guide-main .slideBtn-wrapper .js-switch-trigger span { font-size: inherit; } .page-template-page-size-guide .size-guide-table-head { font-size: 1rem; } .page-template-page-size-guide .sizeGuide-bottom-description { font-size: 0.75rem; } .page-template-page-size-guide .table { margin-top: 1.25rem !important; } .page-template-page-size-guide .table th { font-size: .875rem; font-weight: normal; padding: 0 0.3125rem 0.625rem; } .page-template-page-size-guide .table td { border-top: 0; color: #71706c; font-size: .875rem; font-weight: normal; padding: 0.3125rem; } .page-template-page-size-guide .sizeGuide-bottom-description h4 { font-size: 18px; font-weight: 700; } .page-template-page-size-guide .sizeGuide-bottom-description p { font-size: inherit; color: #71706c; } .page-template-page-size-guide .size-guide-aside img { padding-bottom: 1.25rem; } .page-template-page-size-guide .size-guide-aside p { margin-bottom: 10px; } .page-template-page-size-guide .size-guide-aside h2+p { margin-bottom: 1rem; } .page-template-page-size-guide .size-guide-aside p a { font-size: inherit; text-decoration: underline; } .page-template-page-size-guide .size-guide-aside p a.sizeguide-modal::before { content: ""; background: url('assets/images/icons.svg#sprite-window-fragment') no-repeat; display: inline-block; height: 0.9375rem; margin-left: 0.3125rem; vertical-align: middle; width: 0.9375rem; } .page-template-page-size-guide .sizeGuide-bottom-description h2 { text-align: initial; font-size: 32px; font-weight: 700; margin-bottom: 20px; } .page-template-page-size-guide .sizeGuide-bottom-description h3 { margin-bottom: 0.5rem; font-size: 24px; font-weight: 700; line-height: 1; } .page-template-page-size-guide .sizeGuide-bottom-description p * { font-size: inherit; } .popup-modals .modal { background: rgba(0, 0, 0, 0.5); z-index: 900111; } .popup-modals .modal-dialog { max-width: 730px; margin: 5px auto; min-height: calc(100% - 10px); display: flex; align-items: center; } .popup-modals .modal-content { padding: 0 30px; width: 100%; } .popup-modals .modal.show .modal-dialog { transform: translate(0, 0); } .popup-modals .modal-header { background-color: transparent; border: 0; border-bottom: 1px solid #d0d1d2; padding: 1.875rem 0 1.25rem; } .popup-modals .modal-header .modal-title { flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); text-align: right; } .popup-modals .modal-header .close { flex-basis: 20px; max-width: 20px; cursor: pointer; outline: none; } .popup-modals .modal-header .close svg { display: block; width: 100%; height: auto; } .popup-modals .modal-body { padding: 1.875rem 0; } .popup-modals .modal-body * { font-size: 14px; } .popup-modals .modal-body ul, .popup-modals .modal-body ol { padding-right: 16px; } .popup-modals .modal-body img { max-width: 100%; height: auto; } @media (max-width: 991px) { .page-template-page-size-guide .header-container .bg-image { background-size: cover; } .page-template-page-size-guide .header-container .bg-image .bg-container { margin: 0; padding-top: 1.25rem; padding-bottom: 1.25rem; } .page-template-page-size-guide .header-container .bg-image h1 { font-size: 2rem; } .page-template-page-size-guide .size-guide-links>a { padding-left: 0; padding-right: 0; } .page-template-page-size-guide .container .row>.container { padding-left: 15px; padding-right: 15px; } .page-template-page-size-guide .size-guide-aside .size-guide-desc { min-height: auto; padding-left: 1.25rem; padding-right: 1.25rem; } .page-template-page-size-guide .size-guide-aside h2 { font-size: 1.125rem; } .page-template-page-size-guide .size-guide-main .sizeguide-actions { flex-direction: column; flex-wrap: initial; align-items: flex-start; } .page-template-page-size-guide .size-guide-main .slideBtn-wrapper { margin-top: 1.25rem; } .page-template-page-size-guide .sizeGuide-bottom-description h2 { font-size: 28px; } } @media (max-width: 767px) { .page-template-page-size-guide .header-container .bg-image { min-height: auto; height: 100%; background-color: #f5f5f5; background-image: none !important; } .page-template-page-size-guide .header-container .bg-image .bg-container { text-align: center; color: #27251f; max-width: 100%; } .page-template-page-size-guide .header-container .bg-image span p { color: #27251f; } .page-template-page-size-guide .size-guide-aside .size-guide-desc { padding-left: 0; padding-right: 0; } .popup-modals .modal-content { padding: 0 18px; } } @media (max-width: 480px) { .single-product .woosb-products .woosb-product { flex-wrap: wrap; align-items: flex-start; } .single-product .woosb-products .woosb-product .woosb-title { flex: 1; } .woosb-products .woosb-product .variations_form { margin-bottom: 15px; } .woosb-products .woosb-product .variations_form[current-image=""] .variations .reset { display: none; } .single-product .woosb-products .woosb-product .woosb-price { width: 100%; flex: auto; text-align: initial; padding-right: 55px; } } /*Footer new design*/ .footer { background: #f5f5f5; color: #27251f; } .foot-newsletter-section .footer-newsletter { padding: 40px 0; border-bottom: 1px solid #d0d1d2; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .foot-newsletter-section .newsletter-title-holder { padding-left: 15px; max-width: 350px; text-align: initial; } .foot-newsletter-section .footer-newsletter h3 { margin: 0; padding: 0; font-size: 16px; max-width: 100; } .foot-newsletter-section .newsletter-title-holder p { margin-top: 10px; font-size: 13px; margin-bottom: 0; color: #27251f; } .foot-newsletter-section .homepage-newsletter { max-width: 350px; padding-right: 15px; } .foot-newsletter-section .homepage-newsletter .newsletter-input-wrap { margin: 0; } .footer-newsletter .newsletter-input-wrap #newsletter_email { border: 1px solid #71706c; color: #27251f; width: auto; flex: 1; font-size: 14px; font-weight: 400; height: 45px; } .footer-newsletter .newsletter-input-wrap #newsletter-submit { width: 105px; height: 45px; background: #71706c; font-family: inherit; color: #fff; font-size: 14px; border: 1px solid #71706c; padding: 5px 10px; } .footer-newsletter .homepage-newsletter label.newsletter { margin: 0; position: relative; font-weight: 400; padding-right: 28px; } .footer-newsletter .homepage-newsletter label.newsletter p::before { width: 18px; height: 18px; top: 2px; border-radius: 0; background: none; border: 1px solid #FFCAD4; } .footer-newsletter .homepage-newsletter label.newsletter p::after { width: 6px; height: 12px; top: 3px; right: 6px; } .footer-newsletter .homepage-newsletter label.newsletter a { color: inherit; } .footer .footer-widgets { padding: 30px 0; display: block; } .footer .footer-widgets .footer-row { display: flex; flex-wrap: wrap; margin: 0 -15px; } .footer .footer-widgets .footer-col { flex-basis: 0; flex-grow: 1; max-width: 100%; display: flex; justify-content: center; padding: 0 15px; } .footer .footer-widgets .footer-title, .footer .footer-widgets .footer-col-inner>h2 { color: #27251f; font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 10px; text-align: inherit; } .footer .footer-widgets ul { margin: 0; padding: 0; list-style: none; } .footer .footer-widgets ul li { font-size: 14px; font-weight: 400; margin-top: 15px; line-height: 1.3; } .footer .footer-widgets ul li a { font-size: inherit; color: #71706c; } .footer .footer-widgets ul li a:hover { color: #27251f; } .footer .footer-widgets .footer-col4 ul li { position: relative; } .footer .footer-widgets .footer-col4 ul li img { width: 18px; margin-left: 10px; height: 15px; object-fit: contain; margin-top: -2px; } .footer .footer-widgets .footer-col4 ul li img[alt="mail"] { height: auto; opacity: 0.3; } .footer .footer-widgets .footer-col4 ul li a img { width: 29px; height: 29px; margin: 0; } .footer .footer-widgets .footer-branches .store_link { margin-top: 0; margin-bottom: 0; } .footer .footer-widgets .footer-branches .store_link a { border: 2px solid #f2a1b2; border-radius: 10px; padding: 10% 5%; text-align: center; width: 200px; height: 130px; display: flex; flex-direction: column; justify-content: center; } .footer .footer-widgets .footer-branches .store_link a img { width: auto; max-width: 30px; margin-bottom: 10px; } .footer .footer-widgets .footer-branches .store_link a span { color: #1f1f1f; text-decoration: none; line-height: 1.3; display: block; } .footer-bottom { padding: 0; border-top: none; display: block; } .footer-bottom .footer-btm-inner { padding: 20px 0; border-top: 1px solid #d0d1d2; display: flex; flex-wrap: wrap; align-items: center; /* justify-content: space-between; */ } .footer-bottom .footer-payment { display: flex; flex-wrap: wrap; flex: 1; } .footer-bottom .footer-payment>div { display: flex; flex-wrap: wrap; align-items: center; } .footer-bottom .footer-payment p { margin: 0; font-size: 14px; color: #71706c; } .footer-bottom .footer-payment .foot-secured { margin-left: 30px; } .footer-bottom .footer-payment img { height: 25px; width: auto; } .footer-bottom .credit { padding: 0; } .footer-bottom .credit img { margin-left: 0; width: 20px; } .footer-bottom .credit .matat-info { font-size: 14px; font-weight: 400; color: #27251f; } .footer-bottom .credit .matat-info>span { margin-top: 2px; } @media (min-width: 769px) { .footer .footer-widgets .footer-title, .footer .footer-widgets .footer-col-inner>h2 { pointer-events: none; } .footer .footer-widgets .footer-col-inner>div { display: block !important; } } @media (min-width: 992px) { .footer .footer-widgets .footer-branches .store_link a { width: 150px; } } @media (min-width: 1200px) { .footer .container { max-width: 1440px; } .footer .footer-widgets .footer-branches .store_link a { width: 200px; } } @media screen and (min-width: 769px) and (max-width: 991px) { .foot-newsletter-section .homepage-newsletter .newsletter-input-wrap { flex-direction: row; } .footer .footer-widgets .footer-branches .store_link a { width: auto; } .footer-bottom .footer-payment img { height: 20px; } } @media (max-width: 768px) { .home footer.footer { margin-top: 40px !important; } .foot-newsletter-section .footer-newsletter { margin: 0; text-align: initial; flex-direction: column; align-items: initial; flex-wrap: initial; padding: 20px 0; } .foot-newsletter-section .newsletter-title-holder { padding: 0; max-width: 100%; } .foot-newsletter-section .homepage-newsletter { max-width: 100%; padding-right: 0; margin-top: 15px; } .home footer.footer { margin-top: 40px; } .footer .footer-widgets { padding-top: 0; padding-bottom: 0; } .footer .footer-widgets .footer-row { flex-direction: column; flex-wrap: initial; margin-left: 0; margin-right: 0; } .footer .footer-widgets .footer-col { padding: 0; display: block; border-bottom: 1px solid #d0d1d2; flex: initial; } .footer .footer-widgets .footer-title, .footer .footer-widgets .footer-col-inner>h2 { margin: 0; min-height: 45px; padding: 10px 0; display: flex; flex-direction: column; justify-content: center; position: relative; } .footer .footer-widgets ul { padding-bottom: 10px; } .footer .footer-widgets ul li { padding: 0; margin-top: 0; margin-bottom: 15px; } .footer .footer-widgets .footer-col-inner>div:not(.footer-title) { display: none; } .footer .footer-widgets .footer-title::after, .footer .footer-widgets .footer-col-inner>h2::after { content: ""; background: url(assets/images/icons.svg#sprite-plus-fragment) no-repeat center; position: absolute; top: 17px; left: 0; width: 11px; height: 11px; filter: drop-shadow(0px 0px 0 black); } .footer .footer-widgets .footer-title.active::after, .footer .footer-widgets .footer-col-inner>h2.active::after { background: url(assets/images/icons.svg#sprite-minus-fragment) no-repeat center; } /* .footer .footer-widgets .footer-col4 .footer-col-inner > h2::after { display: none; } */ .footer .footer-widgets .footer-branches .footer-col-inner>div.f-widget { display: block; } .footer .footer-widgets .footer-branches { text-align: center; display: flex; padding: 20px 0; border-bottom: none; } /* .footer .footer-widgets .footer-col4 .footer-col-inner > div.textwidget { display: block; } */ .footer .footer-widgets .footer-col4 ul li:last-child { margin-bottom: 5px; } .footer-bottom .footer-btm-inner { justify-content: center; flex-direction: column; flex-wrap: initial; } .footer-bottom .footer-payment { flex: auto; } .footer-bottom .footer-payment>div { flex-direction: column; flex-wrap: initial; align-items: initial; } .footer-bottom .footer-payment p { margin-bottom: 10px; } .footer-bottom .footer-payment .foot-secured { display: none; } .footer-bottom .credit { margin-top: 20px; } .footer-bottom .credit .matat-info { padding-top: 0; } } /*trading promo section*/ .tpm-bold { font-weight: var(--tpm-font-weight) !important; } .tpm-underline { text-decoration: var(--tpm-txt-underline) !important; } .tpm-section { margin-bottom: 20px; padding-top: 20px; text-align: center; } .admin-bar .tpm-section { padding-top: 0; } .tpm-section .tpm-inner { background: var(--tpm-bg-color); padding: 20px; } .tpm-section .tpm-item { color: var(--tpm-txt-color); } .tpm-section .tpm-item+.tpm-item { margin-top: 25px; } .tpm-section .tpm-title { font-size: 14px; line-height: 1.3; } .tpm-section a { color: inherit; font-size: inherit; } .tpm-section .tpm-desc { font-size: 14px; margin-top: 10px; line-height: 1.3; } .tpm-section.tpm-hs-countdown .tpm-item + .tpm-countdown { margin-top: 20px; } .tpm-section.tpm-hs-countdown .countdown-timer { display: flex; color: #fff; flex-direction: row-reverse; justify-content: center; } .tpm-section.tpm-hs-countdown .time-col { padding: 0 10px; position: relative; } .tpm-section.tpm-hs-countdown .time-col:not(:last-child)::after { content: ":"; position: absolute; top: -2px; right: -2px; } .tpm-section.tpm-hs-countdown .time-col span { font-size: 16px; } .tpm-section.tpm-hs-countdown .time-col .smalltext { font-size: 12px; line-height: 1; opacity: 0.7; } @media (max-width: 767px) { .tpm-section { margin-bottom: 0; } .admin-bar .tpm-section { padding-top: 20px; } .tpm-section .tpm-inner { padding-left: 10px; padding-right: 10px; } .tpm-section.tpm-hs-countdown .tpm-inner { flex-direction: column; align-items: center; } .tpm-section.tpm-hs-countdown .tpm-item { max-width: 100%; padding: 0; } .tpm-section.tpm-hs-countdown .tpm-countdown { max-width: 100%; padding: 0; } } /* Stlyes for category page filter */ .shops-sidebar-filter .filter-option-list .sidebar-column { font-size: 0.75rem; padding: 0.3125rem 0 0.3125rem 0.625rem; border-bottom: solid 1px #ccc; } .filter-option-list .sidebar-column .sidebar-column-title, .filter-option-list .sidebar-column .category-title { font-size: 16px; font-weight: 400; position: relative; padding: 0.3125rem 0 0.3125rem 0.9375rem; cursor: pointer; margin: 0; } .filter-option-list .sidebar-column .filter-drop-list h2 { font-size: 0.625rem; font-weight: 400; position: relative; /* padding: 0.3125rem 0.9375rem 0.3125rem 0; */ padding: 0.3125rem 0 0.3125rem 0; cursor: pointer; margin: 0; background: none; border: none; } .filter-option-list .sidebar-column .filter-drop-list h2 a { font-size: 0.625rem; } .filter-option-list .sidebar-column .filter-drop-list .submitFilter { display: none; } /* .filter-option-list .sidebar-column .sidebar-column-title:after, .filter-option-list .sidebar-column .category-title:after { */ /* content: "+"; */ /* font-family: icomoon !important; */ /* font-size: 1rem; font-weight: 300; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } */ .archive-filter .shop-categ-row-wrapp .filter-option-list .sidebar-column .sidebar-column-title:after, .filter-option-list .sidebar-column .category-title:after { content: ""; width: 8px; height: 8px; position: absolute; left: 0; top: 50%; border-width: 0 1px 1px 0; border-style: solid; border-color: rgba(0, 0, 0, 0.35); -webkit-transform: rotate(45deg) translateY(-50%); -moz-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); margin-top: -3px; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .archive-filter .shop-categ-row-wrapp .filter-option-list .sidebar-column.filter-drop-active .sidebar-column-title:after, .filter-option-list .sidebar-column.filter-drop-active .category-title:after { margin-top: -5px; -webkit-transform: rotate(225deg) translateY(-50%); -moz-transform: rotate(225deg) translateY(-50%); transform: rotate(225deg) translateY(-50%); } .filter-option-list .sidebar-column .filter-drop-list { list-style: none; position: relative; display: block; margin: 0; padding: 0; top: unset; background: none; width: 100%; } .filter-option-list .sidebar-column .filter-drop-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0.25rem 0; position: relative; } .filter-option-list .sidebar-column .filter-drop-list li .checkbox { color: #999; padding: 0 24px 0 0; margin: 0; width: 100%; cursor: pointer; -webkit-transition: color 0.3s; transition: color 0.3s; } .filter-option-list .sidebar-column .filter-drop-list li .checkbox input[type="checkbox"] { position: absolute; top: 0; right: 0; opacity: 0; } .filter-option-list .sidebar-column .filter-drop-list li .checkbox .fake-input { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; /* right: unset; */ /* opacity: 0; */ /* visibility: hidden; */ width: 15px; height: 15px; border: solid 1px #000; border-radius: 0; background: 0 0; } .filter-option-list .sidebar-column .filter-drop-list li .checkbox .fake-input:before { content: ""; border-bottom: 1px solid #000; border-right: 1px solid #000; position: absolute; top: 4px; right: 5px; width: 5px; height: 9px; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: rotate(45deg) translate(-50%, -50%); -moz-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%); font: 0.3125rem / 1 "icomoon"; color: #000; } .filter-option-list .sidebar-column .filter-drop-list li .checkbox input[type="checkbox"]:checked+.fake-input { opacity: 1; visibility: visible; } .filter-option-list .sidebar-column .filter-drop-list li .checkbox input[type="checkbox"]:checked+.fake-input:before { opacity: 1; } .filter-option-list .sidebar-column .filter-drop-list li .checkbox input[type="checkbox"]:checked~.label-text { font-weight: 600; color: #000; } .filter-option-list .sidebar-column .filter-drop-list li .checkbox .label-text { font-size: 16px; color: #000; } .filter-option-list .sidebar-column .filter-drop-list li.has-no-item { pointer-events: none; opacity: 0.3; } .filter-option-list .sidebar-column .filter-drop-list li.has-no-item .checkbox { position: relative; } .filter-option-list .sidebar-column .filter-drop-list li.has-no-item .label-text::before { content: ""; background: #000; height: 1px; position: absolute; top: 11px; left: 0; right: 0; margin: auto; } .filter-option-list .sidebar-column .filter-drop-list li.has-no-item .label-text { position: relative; } .filter-option-list .sidebar-column .filter-drop-list li.has-no-item .fake-input::before, .filter-option-list .sidebar-column .filter-drop-list li.has-no-item .fake-input::after { display: none !important; } .filter-option-list .sidebar-column .filter-drop-list li.has-no-item .fake-input { background: #999; border-color: #999; } .shops-sidebar-filter .filter-body .reset-wrap { padding: 0.75rem 0 0; } .shops-sidebar-filter .filter-body .reset-wrap .btn-filter-reset { padding: 0; margin: 0; list-style: none; text-decoration: underline; outline: none; border: none; background: 0 0; font-size: 0.75rem; line-height: 1.5; color: #000; } .shops-sidebar-filter .filter-body .reset-wrap .btn-filter-close { text-decoration: none; border: 1px solid #000; background: #000; padding: 0.375rem; color: #fff; border-radius: 0; outline: none; box-shadow: none; min-width: 200px; padding: 10px 20px; font-size: 14px; font-weight: 400; } .shop-products-row { position: relative; } .shop-products-row .load_more:not(.hidden) { background: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: center; z-index: 99; } .shop-products-row .load_more:not(.hidden):after { content: ""; background-image: url("assets/images/pandora-loading-gif-data.gif"); background-size: 10%; background-repeat: no-repeat; background-position: 50% 50px; background-color: #f5f5f5; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .shop-products-row .load_more img { display: none; } /* category filter styles for mobile */ .archive-filter .shop-categ-row-wrapp .filter-option-list .sidebar-column:has(.filter-drop-list:empty) { display: none; } @media only screen and (min-width: 768px) { .shops-sidebar-filter { background: #fff; padding-bottom: 20px; } .shops-sidebar-filter .filter-option-list { width: 230px; margin-top: 60px; padding: 0 15px; } .shops-sidebar-filter .filter-option-list .sidebar-column { font-size: 14px; padding: 10px 0 10px 10px; } .filter-option-list .sidebar-column .sidebar-column-title, .filter-option-list .sidebar-column .category-title { font-size: 14px; padding: 8px 0 8px 18px; } .filter-option-list .sidebar-column .filter-drop-list h2 a { font-size: 14px; } /* .filter-option-list .sidebar-column .sidebar-column-title:after, .filter-option-list .sidebar-column .category-title:after { font-size: 20px; } */ .filter-option-list .sidebar-column .filter-drop-list li { padding: 5px 0; } .filter-option-list .sidebar-column .filter-drop-list li .checkbox { padding-left: 22px; } .filter-option-list .sidebar-column .filter-drop-list li .checkbox .label-text { font-size: 12px; } .filter-option-list .sidebar-column .filter-drop-list li .checkbox .fake-input { width: 16px; height: 16px; } .filter-option-list .sidebar-column .filter-drop-list li .checkbox .fake-input:before { width: 5px; height: 10px; top: 6px; right: 6px; } .shops-sidebar-filter .filter-body .reset-wrap { padding-top: 16px; padding-left: 15px; padding-right: 15px; } .shops-sidebar-filter .filter-body .reset-wrap .btn-filter-reset { font-size: 14px; } /* .archive .site-main div.products { max-width: unset; padding: 0 calc(4vw + 260px) 0 4vw; } */ .archive-filter .shop-categ-row-wrapp .shops-sidebar-filter { position: relative !important; background: none; padding-bottom: 0; } .archive-filter .shop-categ-row-wrapp .filter-option-list { margin: 0; width: auto; display: flex; align-items: center; } .archive-filter .shop-categ-row-wrapp .filter-option-list .sidebar-column { border: none; padding: 15px 10px; position: relative; } .archive-filter .shop-categ-row-wrapp .filter-option-list .sidebar-column:first-of-type { padding-right: 0; } .archive-filter .shop-categ-row-wrapp .filter-option-list .sidebar-column .filter-drop-list { position: absolute; top: 100%; background: #fff; /* width: 140px; */ width: max-content; right: 0; padding: 20px 30px 20px; box-shadow: 5px 5px 40px 0 rgba(0, 0, 0, 0.1); max-height: 70vh; overflow-y: auto; overflow-x: hidden; z-index: 2; } .archive-filter .shop-categ-row-wrapp .filter-option-list .sidebar-column .filter-drop-list.price-range-holder { min-width: 200px; } .archive-filter .shop-categ-row-wrapp .filter-option-list .sidebar-column .filter-drop-list li .checkbox { padding-left: 0; padding-right: 22px; color: #000; } .archive-filter .shop-categ-row-wrapp .filter-option-list .sidebar-column .filter-drop-list li .checkbox .fake-input { right: 0; visibility: visible; opacity: 1; border-radius: 2px; } .archive-filter .shop-categ-row-wrapp .filter-option-list .sidebar-column .filter-drop-list li .checkbox .label-text { font-size: 14px; } /*.archive-filter .shop-categ-row-wrapp .reset-wrap {*/ /* display: none !important;*/ /*}*/ .archive-filter .shop-categ-row-wrapp .filter-body { display: flex; align-items: center; } .archive-filter .shop-categ-row-wrapp .filter-body .reset-wrap { display: block !important; padding: 15px 10px; } .archive-filter .shop-categ-row-wrapp .filter-body .reset-wrap .btn-filter-reset { cursor: pointer; } .archive-filter .shop-categ-row-wrapp .filter-body .reset-wrap .btn-filter-reset:hover { text-decoration: none; } } @media only screen and (max-width: 767px) { .mobile-filter-options .archive-filter { border: none; max-height: calc(100dvh - 180px); overflow-y: auto; } .shops-sidebar-filter .filter-body .reset-wrap { padding: 0.75rem 0 0; position: fixed; bottom: 0; left: 0; right: 0; height: 70px; background: #f5f5f5; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; } } .price-range-holder { padding: 1.5385em 0.4615em 0 1em; font-size: 13px; } @media only screen and (min-width: 768px) { .price-range-holder { font-size: 14px; padding: 20px 0 0; } } @media only screen and (min-width: 992px) { .price-range-holder { margin-bottom: 0; } } .price-range-slider { position: relative; padding: 1em 0 1.625em; } .price-range-slider #minPrice, .price-range-slider #maxPrice { position: absolute; top: 0; right: 0; opacity: 0; } .price-range-slider .ui-slider { height: 0.3077em; position: relative; /* margin-right: 1.3462em; */ margin-right: 0.875em; } .price-range-slider .ui-slider:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; /* right: -1.3462em; */ right: 0; background: #ccc; border-radius: 0.3077em; } .price-range-slider .ui-slider-horizontal .ui-slider-range { height: 0.3077em; background: #000; position: absolute; top: 0; margin-left: 0.1538em; } .price-range-slider .ui-slider-horizontal .ui-slider-handle { position: absolute; width: 1em; height: 1em; background: #000; border-radius: 50%; top: 50% !important; transform: translate(0, -50%) !important; outline: none; } .price-range-slider .ui-slider-horizontal .ui-slider-handle:focus { outline: none; } .price-range-slider .ui-slider-horizontal .ui-slider-handle[style="left: 95%;"] .slider-tooltip, .price-range-slider .ui-slider-horizontal .ui-slider-handle[style="left: 96%;"] .slider-tooltip, .price-range-slider .ui-slider-horizontal .ui-slider-handle[style="left: 97%;"] .slider-tooltip, .price-range-slider .ui-slider-horizontal .ui-slider-handle[style="left: 98%;"] .slider-tooltip, .price-range-slider .ui-slider-horizontal .ui-slider-handle[style="left: 99%"] .slider-tooltip, .price-range-slider .ui-slider-horizontal .ui-slider-handle[style="left: 100%;"] .slider-tooltip { right: 100%; } .price-range-slider .ui-slider-horizontal .ui-slider-handle .slider-tooltip { position: absolute; top: 100%; right: 50%; transform: translate(50%, 0); font-size: 12px; white-space: nowrap; color: #000; font-weight: 400; line-height: 1.25; margin: 0.75em 0 0; display: flex; outline: none; color: #999; } @media only screen and (min-width: 768px) { .price-range-slider .ui-slider-horizontal .ui-slider-handle .slider-tooltip { font-size: 14px; } } .price-range-slider .ui-slider-horizontal .ui-slider-handle .slider-tooltip:focus { outline: none; } .archive-banner .matat_media_wrapper a { position: relative; display: block; height: 100%; } .archive-banner .matat_media_wrapper .shop-the-look-icon { position: absolute; bottom: 4.5%; right: 3%; font-size: 0; width: 40px; height: 40px; background-color: #fff; background-image: url('assets/images/cart.png'); background-repeat: no-repeat; background-position: center; background-size: 16px; border-radius: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .archive-banner.hs-video-link>a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; } .archive-banner_mob>a.quickview { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; } .archive-banner.hs-video-link>a .shop-the-look-icon, .archive-banner_mob .shop-the-look-icon { position: absolute; bottom: 3%; right: 3%; font-size: 0; width: 40px; height: 40px; background-color: #fff; background-image: url('assets/images/cart.png'); background-repeat: no-repeat; background-position: center; background-size: 16px; border-radius: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .archive-banner.hs-video-link .matat_media_wrapper .shop-the-look-icon { display: none; } /*page template unsubscribe*/ .page-template-template-unsubscribe .content { max-width: 630px; margin: 0 auto; } .page-template-template-unsubscribe .content .unsubscribe-content { text-align: center; } .page-template-template-unsubscribe form .form-group { margin: 0; } .page-template-template-unsubscribe form .form-group .form-row { display: block; margin: 0 0 52px; } .page-template-template-unsubscribe form .form-group .form-row:last-child { margin-bottom: 20px; } .page-template-template-unsubscribe form .form-group label { font-size: 14px; color: #aeaeae; margin: 0; } .page-template-template-unsubscribe form .form-group .form-control { max-width: 100%; display: block; font-size: 16px; height: 29px; padding: 0; border-radius: 0; border-width: 0 0 1px 0; background: none; border-bottom-color: #000; } .page-template-template-unsubscribe form .form-group .form-row input[type="submit"] { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 248px; height: 50px; background-color: #303030; margin: 10px auto; color: #fff; border: none; font-size: 24px; font-weight: 700; cursor: pointer; } .page-template-template-unsubscribe form .form-group .form-row input[type="submit"]:hover { background: #696969; } .page-template-template-unsubscribe .content .btn-back { padding: 0 25px 0 0; margin-bottom: 30px; border: none; position: relative; cursor: pointer; } .page-template-template-unsubscribe .content .btn-back::before { content: ""; background: url('assets/images/arrow_black_right.png'); background-repeat: no-repeat; background-position: center; background-size: 100%; position: absolute; top: 4px; right: 0; width: 15px; height: 16px; filter: drop-shadow(1px 0px 0px black); } .page-template-template-unsubscribe .content .error { text-align: center; color: #f00; font-size: 14px; } @media (max-width: 767px) { .page-template-template-unsubscribe form .form-group .form-row { margin-bottom: 18px; } } /*Location page design fix*/ .single-location .col-lg-6 .details .address-det span { margin-bottom: 10px; font-size: 16px; position: relative; padding-right: 13px; } .single-location .col-lg-6 .details .address-det span a { font-size: inherit; } .single-location .col-lg-6 .details .address-det span::before { content: ""; background: #212529; width: 6px; height: 6px; border-radius: 100%; position: absolute; top: 10px; right: 0; } .single-location .col-lg-6.content .details div.hours p { width: 100%; font-size: 16px; justify-content: initial; margin-bottom: 10px; } .single-location .col-lg-6 .details div.hours p * { font-size: inherit; } .single-location .col-lg-6 .details div.hours p span:not(.inner-hours) { font-weight: 600; min-width: 80px; } .single-location .col-lg-6 .details div.hours p span.inner-hours { text-align: initial; padding-right: 10px; } .single-location .first-row:not(.hs-image) { justify-content: center; } .single-location .sec-row { flex-direction: column; justify-content: flex-start; } .single-location .sec-row .map { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: initial; margin-bottom: 3%; } .single-location .sec-row .bimages { flex-direction: column; justify-content: initial; gap: 5% 0; flex: initial; align-items: center; } .single-location .sec-row .bimages img { max-width: 100%; width: auto; height: auto; flex: initial; margin-bottom: 5%; } .single-location .sec-row .map .mapouter { width: 100%; max-width: 860px; } .single-location .third-row { max-width: 860px; text-align: center; margin: 0 auto; } @media (min-width: 768px) { .single-location .first-row .col-lg-6.content { padding: 0 15px; max-width: 860px; flex: initial; width: 100%; } .single-location .col-lg-6.content .details div { flex: initial; max-width: 45%; } .single-location .col-lg-6.content .details div.hours { flex: initial; max-width: 50%; } } @media (max-width: 767px) { .single-location .first-row .col-lg-6.content, .single-location .first-row .col-lg-6.images, .single-location .sec-row .map { flex-basis: 100%; } .single-location .first-row .col-lg-6 .details div.address-det .waze { position: static; } .single-location .sec-row .map { flex-basis: 50%; padding-left: 0; padding-right: 0%; } .single-location .sec-row .bimages { display: flex; text-align: center; } .single-location .sec-row .bimages img { margin: 0 auto 5%; max-width: 75%; height: auto; object-fit: cover; } .single-location .third-row { font-size: 16px; } .single-location .third-row * { font-size: inherit; } .single-location .sec-row { display: block; padding: 0 15px; } .single-location .sec-row .map iframe { height: 50vw; } .single-location .col-lg-6.content .details { justify-content: center; align-items: center; } .single-location .col-lg-6.content .details div.address-det { width: 100%; max-width: 305px; } .single-location .col-lg-6.content .details div.hours { flex: initial; max-width: 305px; } .single-location .col-lg-6.content .details div.hours p span.inner-hours { text-align: initial; } } @media (max-width: 640px) { .single-location .col-lg-6 .details .address-det span, .single-location .col-lg-6.content .details div.hours p { font-size: 14px; } } .footer .footer-widgets ul.woocommerce-widget-layered-nav-list { margin-bottom: 20px; padding-bottom: 20px; } .woocommerce-widget-layered-nav-list li.wc-layered-nav-term span.swatch-image { width: 20px; height: 20px; display: inline-block; } .woocommerce-widget-layered-nav-list li.wc-layered-nav-term span.swatch-image img { max-width: 100%; } .woocommerce-widget-layered-nav-list li.wc-layered-nav-term span.count { font-size: inherit; color: #71706c; } @media (min-width: 769px) { .archive #main .category-filters .archive-filter { padding: 0; } } @media (min-width: 769px) and (max-width: 991px) { .archive .site-main .category-topbar { padding-left: 3vw; padding-right: 3vw; } .shops-sidebar-filter .filter-option-list { padding: 0; } .filter-option-list .sidebar-column .sidebar-column-title, .filter-option-list .sidebar-column .category-title { font-size: 12px; } .archive #main .category-filters .archive-filter-title { font-size: 12px; padding-top: 24px; } .archive-filter .shop-categ-row-wrapp .filter-option-list .sidebar-column:not(:first-child) { padding-left: 5px; padding-right: 5px; } .archive-filter .shop-categ-row-wrapp .filter-body .reset-wrap { padding-left: 5px; padding-right: 5px; padding-bottom: 20px; } .shops-sidebar-filter .filter-body .reset-wrap .btn-filter-reset { font-size: 12px; } } .matat-category-slider:not(.slick-initialized) { display: flex; } .matat-category-slider:not(.slick-initialized) .slide { flex-basis: 16.66%; max-width: 16.66%; } .matat-category-slider:not(.slick-initialized) .slide:nth-child(5) ~ .slide { display: none; } .matat-category-slider:not(.slick-initialized) .slide a { max-width: 120px; } .matat-category-slider:not(.slick-initialized) .slide .img_wrap { height: auto; padding: 0; } .matat-category-slider:not(.slick-initialized) .slide .img_wrap img { position: static; width: 120px; height: 120px; object-fit: contain; } /*quick view*/ .qv-details .woosb-products .woosb-product .woosb-title .woosb-title-inner { display: none; } .qv-details .woosb-products .woosb-product { flex-wrap: wrap; } .qv-details .woosb-products .woosb-product .woosb-thumb { order: -1; } .qv-details .woosb-products .woosb-product .woosb-title-inner.added-new { flex: 1; font-size: 16px; } .qv-details .woosb-products .woosb-product .woosb-title { flex: auto; width: 100%; order: 4; } .qv-modal .add-to-cart-form .variations .variable-items-wrapper .variable-item-span { min-height: 35px; min-width: 55px; } .gt-single-product-right .woosb-products .woosb-product>.woosb-title-inner.added-new { display: none; } video.matat_dash_video { vertical-align: top; }