.iqitfake{ display: none;} /*** Style mixins ***/ /*** Variables mixins and functions ***/ main { overflow: hidden; max-width: 1440px; margin: 1px auto; } body { background: #ffffff; } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1440px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #484848; } a:hover:not(.nav-link):not(.btn) { color: #e40040; } .pagination .page-list li:hover { border-color: #e40040; } .pagination .page-list li.current { border-color: #e40040; } .pagination .page-list li.current a { color: #e40040; } #mobile-header { border-bottom: none 1px #d9d9d9; } #mobile-header .mobile-main-bar { padding-top: 2.6923076923rem; padding-bottom: 2.6923076923rem; } #mobile-header .m-nav-btn { color: #484848; } #mobile-header .m-nav-btn:hover { color: #e40040; } #mobile-header .mobile-buttons-bar { background: #ffffff; } html { font-size: 13px; } @media (max-width: 767px) { html { font-size: 12px; } } body { line-height: 1.4rem; } body { font-family: 'Raleway', sans-serif; } #blockcart-content { background: #ffffff; color: #484848; border: none 1px #f5e70f; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } #blockcart-content a:not(.btn) { color: #484848; } #blockcart-content a:not(.btn):hover { color: #484848; } #blockcart-content .cart-products > li, #blockcart-content .cart-subtotals { border-color: rgba(0, 0, 0, 0.16); } #blockcart-content .cart-products::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.16); } /*** Secondary button ***/ .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled, .bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default { background: #ffffff; color: #000000; border: solid 1px rgba(0, 0, 0, 0.11); } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary :active, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled :active, .btn-secondary:disabled:hover, .btn-secondary:disabled:focus, .btn-secondary:disabled :active, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:hover, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:focus, .bootstrap-touchspin .group-span-filestyle .btn-touchspin :active, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:hover, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:focus, .group-span-filestyle .bootstrap-touchspin .btn-touchspin :active, .group-span-filestyle .btn-default:hover, .group-span-filestyle .btn-default:focus, .group-span-filestyle .btn-default :active { background: #f2f2f2; color: #000000; } .btn-secondary:not(:disabled):not(.disabled):active { background: #f2f2f2; color: #000000; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #ffffff; color: #000000; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #f2f2f2; color: #000000; border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #060607; color: #ffffff; border: none 1px; } .btn-primary:hover, .btn-primary:focus, .btn-primary :active, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled :active, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled :active { background: #060607; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #060607; color: #ffffff; } #wrapper .breadcrumb { background: #f0f0f0; padding-top: 0.9230769231rem; padding-bottom: 0.9230769231rem; margin-top: -3.0769230769rem; margin-bottom: 3.0769230769rem; font-size: 0.8461538462rem; font-style: normal; font-weight: normal; text-transform: none; color: #858585; } #wrapper .breadcrumb li:after { color: #858585; } #wrapper .breadcrumb a { color: #858585; } /*** Text fields ***/ .form-control { background-color: #ffffff; color: #484848; border: solid 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #484848; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #484848; border: solid 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #484848; } .form-control::-webkit-input-placeholder { color: #484848; } .form-control::-moz-placeholder { color: #484848; } .form-control:-ms-input-placeholder { color: #484848; } .form-control:-moz-placeholder { color: #484848; } .form-control:focus { color: #484848; border-color: #9e9e9e; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #1d1d1d; } .custom-radio input[type=radio]:checked + span { background-color: #1d1d1d; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #1d1d1d; border-color: #e3e3e3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: solid 1px rgba(0, 0, 0, 0.27); box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.1); } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #484848!important; border-bottom: solid 1px rgba(0, 0, 0, 0.27); } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(72, 72, 72, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: #333!important; color: white!important; } .tooltip { --bs-tooltip-bg: #333333; --bs-tooltip-color: #ffffff; } /*** Modals ***/ .modal-backdrop { background: rgba(255, 255, 255, 0.8); } .modal-content { background: #ffffff; border: solid 2px #e0e0e0; box-shadow: 7px 3px 30px 0px rgba(0, 0, 0, 0.16); } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #f5e70f; color: #000000; border: none 1px; box-shadow: 7px 3px 30px 0px rgba(0, 0, 0, 0.16); } .product-price { color: #5d8eb3; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #2972a7; color: #ffffff; } .product-flags .new { background: #e9e9e9; color: #000000; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #000000; } .product-flags .out_of_stock { background: #a17738; color: #fff7f7; } .discount { background: #2972a7; color: #ffffff; } .product-available { background: #67a675; color: #ffffff; } .product-unavailable { background: #a17738; color: #fff7f7; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } #iqitcompare-floating { background: #ffffff; border-top: none 1px; border-left: none 1px; border-right: none 1px; } #page-preloader { background: #ffffff; } #back-to-top { background: rgba(213, 0, 50, 0.26); color: #ffffff; } #back-to-top:hover { background: #e40040; color: #ffffff; } #header, #checkout-header { background: #ffffff; border-top: none 1px; border-bottom: none 1px; } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #ffffff; border-bottom: none 1px; } #header .header-nav { color: #484848; background: #f5f5f5; border-bottom: none 1px; padding-top: 0.6153846154rem; padding-bottom: 0.6153846154rem; font-size: 0.9230769231rem; display: none !important; } #header .header-nav a { color: #484848; } #header .header-nav a:hover { color: #e40040; } #header .header-nav .social-links._topbar { font-size: 1.1538461538rem; } .header-top { padding-top: 2.3076923077rem; padding-bottom: 2.3076923077rem; color: #484848; } .header-top a:not(.btn):not(.nav-link) { color: #484848; } .header-top a:not(.btn):not(.nav-link):hover { color: #e40040; } .header-top .form-search-control { background: #ffffff; color: #484848; border: solid 3px #e6e6e6; } .header-top input.form-search-control::-webkit-input-placeholder { color: #484848; } .header-top input.form-search-control:-moz-placeholder { color: #484848; } .header-top input.form-search-control:-ms-input-placeholder { color: #484848; } .header-top input.form-search-control:-moz-placeholder { color: #484848; } .header-top .search-btn { color: #484848; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.5384615385rem; display: block; } .header-top .header-btn-w .header-btn .title { display: none !important; } .header-top .header-cart-default a.cart-toogle { color: #484848; padding: 0.0769230769rem 0.0769230769rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #484848; } .header-top .header-cart-default .cart-toogle > .icon { font-size: 2.8rem; display: inline-block; vertical-align: middle; } .header-top .header-cart-default .cart-toogle > .info-wrapper { text-align: left; display: inline-block; vertical-align: middle; } .header-top .header-cart-default .cart-toogle > .info-wrapper > .cart-toggle-details, .header-top .header-cart-default .cart-toogle > .info-wrapper > .title { display: block; } .header-top .header-cart-default .cart-toogle > .info-wrapper > .title { opacity: 0.8; } .header-top .header-cart-default .cart-toogle > .info-wrapper > .cart-toggle-details { font-weight: bold; } .header-top .header-cart-default .cart-toogle > .info-wrapper .cart-separator { display: none; } .header-top a.header-cart-btn:not(:hover) { color: #484848; } .stuck-header .header-top { padding-top: 0.6153846154rem; padding-bottom: 0.6153846154rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #ffffff; } .header-top { transition: padding 0.3s ease; } .cart-products-count-btn { background: #e40040; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 70%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { border-top: none 1px #e6e6e6; border-right: none 1px #e6e6e6; border-bottom: none 1px rgba(255, 255, 255, 0.4); border-left: none 3px #a6cc0f; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 3.6923076923rem; max-width: 15.3846153846rem; color: #1d1d1d; padding-left: 1.8461538462rem; padding-right: 1.8461538462rem; border-left: none 1px #e6e6e6; } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #1d1d1d; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1.2307692308rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3.6923076923rem !important; } .cbp-horizontal > ul > li.cbp-hropen > a, .cbp-horizontal > ul > li.cbp-hropen > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li.cbp-hropen > a:hover { color: #e40040; } .cbp-horizontal .cbp-tab-title { font-size: 1.1538461538rem; font-style: normal; font-weight: bold; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #e40040; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 2.3076923077rem; max-height: 2.3076923077rem; } .cbp-horizontal .cbp-submenu-aindicator { display: none; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 1.2307692308rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 1.5384615385rem; padding-right: 1.5384615385rem; } } #cbp-hrmenu .cbp-hrsub { transform: translateY(15px); } #cbp-hrmenu .cbp-hropen .cbp-hrsub { transform: translateY(0px); } #cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper { transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; } .iqitmegamenu-submenu-container { padding: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { background: #ffffff; border: solid 1px #f5f5f5; } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: solid 1px #f5f5f5; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1.2307692308rem; font-style: normal; font-weight: bold; text-transform: none; color: #ffffff; background: #484848; line-height: 3.8461538462rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #e40040; background: #f0f0f0; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.6153846154rem; padding-bottom: 0.6153846154rem; border-top: none 1px rgba(227, 227, 227, 0.35); } #cbp-hrmenu1 > ul > li > a .cbp-mainlink-icon, #cbp-hrmenu1 > ul > li > a .cbp-mainlink-iicon { font-size: 1.8461538462rem; max-height: 1.8461538462rem; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #333333; } #cbp-hrmenu1 .cbp-legend { background: #e40040; color: #ffffff; } #cbp-hrmenu1 .cbp-hrsub, #cbp-hrmenu1 > ul, #cbp-hrmenu1 .cbp-hrsub-level2, #cbp-hrmenu1 .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-vert-expanded #cbp-hrmenu1 .cbp-vertical-title { color: #e40040; background: #f0f0f0; } .cbp-not-on-top #cbp-hrmenu1-ul { position: relative; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper { top: 0; margin-top: 0px !important; min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-hrsub { min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-show { -js-display: flex; display: flex; flex-wrap: wrap; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-inner { width: 100%; } /*** SUBMENU ***/ .cbp-hrmenu .cbp-hrsub { font-size: 1.0769230769rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #ffffff; border: none 1px #e3e3e3; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: #484848 !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #e40040 !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #777777 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #e40040 !important; } .cbp-hrmenu .cbp-links li a:before { display: none; } .cbp-hrmenu .cbp-links li a { padding-left: 0; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #484848 !important; border-bottom: none 1px rgba(0, 0, 0, 0.12); font-size: 1.0769230769rem; font-style: normal; font-weight: bold; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: #e40040 !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #ffffff; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #1d1d1d !important; } #iqitmegamenu-mobile { background: #ffffff; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 4rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab:not(:last-child) { border-bottom: none 1px; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__arrow { padding-top: 1.2307692308rem; padding-bottom: 1.2307692308rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1.2307692308rem; padding-bottom: 1.2307692308rem; font-size: 1.3846153846rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: solid 1px #c9c9c9; } .col-mobile-menu-push #_mobile_iqitmegamenu-mobile { box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.24); } .mobile-menu__submenu { background: #ffffff; } .mobile-menu__tab { border-bottom: dotted 1px rgba(145, 179, 165, 0.54); min-height: 4rem; } .mobile-menu__link { color: #1d1d1d !important; padding-top: 1.2307692308rem; padding-bottom: 1.2307692308rem; font-size: 1.2307692308rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1.2307692308rem; padding-bottom: 1.2307692308rem; color: #1d1d1d; font-size: 1.5384615385rem; } .mobile-menu__tab-icon { font-size: 1.2307692308rem; } .mobile-menu__tab-icon--img { max-height: 1.2307692308rem; } .mobile-menu__legend { font-size: 0.9230769231rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #91b3a5; } .mobile-menu__header-wrapper { color: #ffffff; background-color: #91b3a5; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.3846153846rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.3846153846rem; font-style: normal; font-weight: bold; text-transform: none; color: #1d1d1d !important; } .mobile-menu__column { font-size: 1.2307692308rem; font-style: normal; font-weight: normal; text-transform: none; color: #1d1d1d; margin-bottom: 3.0769230769rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 3.0769230769rem; } .mobile-menu__column-title { margin-bottom: 1.3846153846rem; } .mobile-menu__links-list-li { padding-top: 0.4615384615rem; padding-bottom: 0.4615384615rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #ffffff; } .mobile-menu__footer { border-top: none 1px; color: #ffffff; background-color: #91b3a5; display: none; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #ffffff; color: #000000; } .swiper-pagination-bullet { background: #333333; } /*** Product miniature ***/ .products.row { margin: -0.3846153846rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.3846153846rem; } .swiper-container-wrapper { margin: -0.3846153846rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.3846153846rem; } .swiper-container-wrapper .product-carousel { padding: 0.3846153846rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.3846153846rem; } .product-miniature { border: solid 1px #f0f0f0; outline: 2px solid transparent; background: #ffffff; color: #000000; } .product-miniature a:link:not(.nav-link):not(.btn), .product-miniature a:visited:not(.nav-link):not(.btn) { color: #000000; } .product-miniature .product-price { color: #000000; } .product-miniature .thumbnail-container .product-thumbnail-second { position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.3s ease; backface-visibility: hidden; } .product-miniature .thumbnail-container:hover .product-thumbnail-second { opacity: 1; } .product-miniature .thumbnail-container:hover .product-thumbnail-first { opacity: 0; } .product-miniature .thumbnail-container:hover picture:last-child .product-thumbnail-first { opacity: 1; } .product-miniature-grid { padding: 0.1538461538rem; } .product-miniature-grid .product-title { font-size: 1.0769230769rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 1.2307692308rem; font-style: normal; font-weight: bold; text-transform: none; } @media (hover: hover) { .product-miniature:hover { outline: solid 2px rgba(161, 161, 161, 0.25); background: #ffffff; color: #000000; } .product-miniature:hover a:link:not(.nav-link):not(.btn), .product-miniature:hover a:visited:not(.nav-link):not(.btn) { color: #000000; } .product-miniature:hover .product-price { color: #000000; } } .product-miniature-grid .product-functional-buttons { display: none; } .product-miniature-grid .product-functional-buttons a:link, .product-miniature-grid .product-functional-buttons a:visited, .product-miniature-grid .product-functional-buttons a:hover { color: !important; } .products-grid .product-miniature .product-category-name { display: none !important; } .products-grid .product-miniature .products-variants { display: none !important; } .products-grid .product-miniature .flag-discount-value { display: none !important; } .product-miniature .input-qty, .product-miniature .input-group-add-cart .bootstrap-touchspin { display: none !important; } .btn-product-list { padding: 0.5384615385rem 1.0769230769rem; background: #ffffff; color: #d50032; border: solid 1px #d50032; } .btn-product-list:hover { background: #d50032; color: #ffffff; border-color: #d50032; } .products-grid .product-miniature-default { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-miniature-default .product-description { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-add-cart { margin: auto auto 0 auto; } .product-carousel { height: 100%; } .products.swiper-container .swiper-slide { height: auto; } .products-grid .product-miniature-layout-1 { text-align: center; } .products-grid .product-miniature-layout-1 .input-group-add-cart { justify-content: center; } .products-grid .product-miniature-layout-1 .product-description { padding: 0.7692307692rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.7692307692rem; } .products-grid .product-miniature-layout-3 .product-description { background: #ffffff; } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(6, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(5, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(6, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(5, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 2.1538461538rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 1px rgba(0, 0, 0, 0.05); } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #484848; background: rgba(0, 0, 0, 0); } .images-container .swiper-button-arrow:hover, #product .product-cover .expander > span:hover, #product-modal .modal-body .swiper-button-arrow:hover { opacity: 0.6 !important; } .product-cover .expander { width: 100%; height: 100%; padding: 0; bottom: 0; right: 0; } .product-cover .expander > span { position: absolute; bottom: 1rem; right: 1rem; padding: 0.6rem; } #product .product-cover .expander > span { color: #484848; background: rgba(0, 0, 0, 0); transition: opacity 0.2s cubic-bezier(0.7, 0, 0.3, 1), color 0.2s cubic-bezier(0.7, 0, 0.3, 1); } #product .product-cover .expander > span:hover { opacity: 0.6 !important; } @media screen and (max-width: 768px) { .col-left-product-cover, .col-left-product-thumbs { flex: 0 0 100%; max-width: 100%; } .col-left-product-thumbs { order: 2; margin-top: 2rem; } } #wrapper { background: #fafafa; border-top: none 1px; border-bottom: none 1px; padding-top: 3.0769230769rem; padding-bottom: 3.0769230769rem; color: #484848; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.3); } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 0rem; padding-bottom: 0rem; } #content-wrapper .page-title { color: #1d1d1d; font-size: 2.4615384615rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: none 5px #2183e6; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #1d1d1d; } #content-wrapper .section-title { color: #333333; font-size: 1.3846153846rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #333333; } #content-wrapper .section-title:after { content: ""; position: absolute; bottom: -1.5px; display: block; width: 30px; height: 1px; border-bottom: solid 3px #5d8eb3; left: 0; right: 0; } .nav-tabs .nav-link { color: #000000; font-size: 1.2307692308rem; font-style: normal; font-weight: bold; text-transform: none; } .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: #000000; border-bottom: solid 3px #5d8eb3; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: solid 3px #5d8eb3; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #000000; border-bottom: solid 3px #5d8eb3; } #wrapper .block-title { color: #000000; font-size: 1.0769230769rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #000000; } #wrapper .block-title span { margin-right: 0.5rem; } #wrapper .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: none 1px #e3e3e3; } #left-column .block, #right-column .block { background: #ffffff; padding: 1.1538461538rem; border: solid 1px #f0f0f0; } #footer, #checkout-footer { background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: none 1px #000000; background: rgba(0, 0, 0, 0.08); } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #c7c7c7; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #c7c7c7; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #000000; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 2rem; } #footer .block-title, #checkout-footer .block-title { color: #000000; font-size: 1.2307692308rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #000000; } #footer .block-title span, #checkout-footer .block-title span { margin-right: 0.5rem; } #footer .block-title:after, #checkout-footer .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: none 3px #f5e70f; } #footer-container-first { border-top: none 1px rgba(161, 161, 161, 0.25); padding-top: 2.3076923077rem; padding-bottom: 2.3076923077rem; background: #d50032; color: #ffffff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: none; } #footer-container-main, #checkout-footer { border-top: none 1px rgba(161, 161, 161, 0.25); padding-top: 4.6153846154rem; padding-bottom: 3.6153846154rem; color: #000000; } #footer-container-main a, #checkout-footer a { color: #000000; } #footer-container-main a:hover, #checkout-footer a:hover { color: #e40040; } #footer-copyrights { border-top: solid 1px rgba(161, 161, 161, 0.25); background: #fafafa; padding-top: 1.6153846154rem; padding-bottom: 1.6153846154rem; } #maintenance-page { background: #e3e3e3; color: #333333; } #maintenance-page a, #maintenance-page a:link { color: #333333; } .maintenance-page-newsletter .maintenance-page-newsletter-btn { background: #000000; color: #ffffff; } .maintenance-page-newsletter .maintenance-page-newsletter-btn:hover { background: #333333; color: #ffffff; } .maintenance-page-newsletter input[type=email] { border: solid 1px #333333; background: #e3e3e3; color: #333333; } .maintenance-page-newsletter input[type=email]::-webkit-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]::-moz-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]:-ms-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email] :-moz-placeholder { color: #333333; } /* add background colors in variouse boxes - start */ html body { font-family: 'Roboto', sans-serif; } .product-info-row{ background: #fff; margin: 0; padding: 2rem 1rem; margin-bottom: 3rem; border: 1px solid #f0f0f0 } .page-registration label.col-form-label.required[for="field-firstname"]::after, .page-registration label.col-form-label.required[for="field-lastname"]::after, .page-registration label.col-form-label.required[for="field-email"]::after, .page-registration label.col-form-label.required[for="field-password"]::after, .page-registration label[for="ff_psgdpr"]::after { content: " *"; } html body .swiper-pagination-bullet { background: #d50032; } html body .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; border-radius: 5px; } .elementor-element.elementor-element-kjhlgh5 .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; border-radius: 5px; } html body #content-wrapper .section-title:after { border-bottom: solid 3px #d50032; width: 100px; } .page-registration #content-wrapper { max-width: 75%; margin: auto; background: white; margin-top: 50px; padding: 25px; } .page-module-iqitsearch-searchiqit .product-miniature .product-labels { position: initial; } .page-registration #content-wrapper .h1.page-title { text-align: left; margin-bottom: 0; } .page-registration #content-wrapper .page-content { border: 0; border-top: 1px solid #00000024; } .page-product .swiper-fade .swiper-slide-active, .page-product .swiper-fade .swiper-slide-active .swiper-slide-active { border: 1px solid #D9D9D9; } a.nav-link.active { border: 0 !important; border-bottom: solid 3px #d50032 !important; } .page-product .product-cover img { height: 445px; width: 100%; object-fit: contain; } p.price-ecotax.text-muted { opacity: 0.4; font-size: 12px; } .price-ecotax span { text-decoration: underline; } .page-module-iqitsearch-searchiqit .product-miniature { height: auto !important; } .page-module-iqitsearch-searchiqit #js-product-list { max-width: 80%; margin: auto; } .autocomplete-suggestions .col.col-auto.col-shop.pt-3.pb-3 { display: none; } .swiper-button-next.swiper-button-inner-next.swiper-button-arrow, .swiper-button-prev.swiper-button-inner-prev.swiper-button-arrow { visibility: visible; opacity: 1; color: white; background: #D9D9D9; width: 37px; height: 37px; border-radius: 37px; } html body .swiper-button-next:after, html body .swiper-button-prev:after { font-size: 22px; } .col-md-6.col-product-info { padding-left: 50px; } html body .text-muted { opacity: 1; text-align: left; } .page-category .product-miniature span.product-reference a, .page-category .product-miniature span.product-brand a { font-size: 16px; } .page-category .product-miniature span.product-reference, .page-category .product-miniature span.product-brand { font-size: 16px; } .title-filter { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 5px; margin-bottom: 20px; } .page-product .text-muted a { font-size: 16px; } .title-filter hr { margin: 0; width: 50px; border-top: 3px solid #E40040; opacity: 1; margin-bottom: -6px; } .block.block-toggle.block-categories.block-links.js-block-toggle { border-bottom: 0 !important; margin-bottom: 0 !important; } #search_filters .facet.clearfix { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .product-miniature-default .thumbnail-container { padding: 50px 0 0 0; } .block-links ul.category-sub-menu li { text-align: left; } .img-prod img { width: 100%; } .btn-product-list { border-radius: 20px; width: 215px; font-size: 16px; } html body #header .header-btn-w { padding: 0 15px; } .js-mailalert .form-control { background: #F7FBFF; border-radius: 12px !important; padding: 15px; } .js-mailalert .btn-secondary { background: linear-gradient(90deg, rgba(213, 0, 50, 1) 0%, rgba(243, 79, 118, 1) 100%); font-size: 18px; font-weight: 400; color: white; border-radius: 20px !important; padding: 15px 25px; } .js-mailalert .btn-secondary img { padding-right: 15px; } #desktop-header-container .row.no-gutters { position: relative; } #desktop-header-container .row.no-gutters .dropdown-content.dropdown-menu.dropdown-search { top: -10px !important; padding: 0; border: 0; box-shadow: none; left: 17%; z-index: 1; } #desktop-header-container .row.no-gutters .dropdown-content.dropdown-menu.dropdown-search .form-control.form-search-control { border: 1px solid #00000042; border-radius: 32px; box-shadow: 0px 4px 12px 0px rgba(13, 10, 44, 0.06); background: #80808014; } #desktop-header-container .row.no-gutters .dropdown-content.dropdown-menu.dropdown-search .search-btn { display: none; } .col.col-auto.header-btn-w.header-search-btn-w { order: 1; } .col.col-header-right .col.col-auto#ps-shoppingcart-wrapper { order: 2; } .col.col-auto.header-btn-w.header-user-btn-w { order: 3; } .header-btn.header-user-btn, .col.col-mobile-btn.col-mobile-btn-account.text-center a { background: url(/themes/warehouse/assets/img/user.png); color: transparent !important; background-size: 24px; background-position: center; background-repeat: no-repeat; } .col.col-auto.header-btn-w.header-search-btn-w a, .col.col-mobile-btn.col-mobile-btn-search.text-center a { background: url(/themes/warehouse/assets/img/search.png); color: transparent !important; background-size: 24px; background-position: center; background-repeat: no-repeat; z-index: 2; position: relative; } .header-btn-w.header-cart-btn-w.ps-shoppingcart.dropdown #blockcart a.cart-toogle.header-btn.header-cart-btn, .col.col-mobile-btn.col-mobile-btn-cart.ps-shoppingcart.text-center.dropdown a#mobile-cart-toogle { background: url(/themes/warehouse/assets/img/cart.png); color: transparent !important; background-size: 22px; background-position: center; background-repeat: no-repeat; } .cart-products-count-btn { color: white; } .product-miniature-default .product-thumbnail img { max-height: 260px; object-fit: contain; min-height: 260px; } html body #wrapper { color: black; } .img-prod { text-align: center; } .recall-product.row { color: black; background: #F5F5F5; padding: 5px 25px 5px 25px; } .recall-product.row .product-price.current-price-value { font-size: 30px; } .fixed-product { position: fixed; top: 104px; z-index: 5; width: 1440px; margin-left: 0px; } @media screen and (max-width: 1280px) { .fixed-product { top: 0; width: 100%; } .col-md-1.img-prod { display: none; } .recall-product.row { padding: 5px; } } html body #header .header-nav { display: block !important; max-width: 1440px; margin: auto; } html body #header .header-nav a:hover { color: #d50032; } html body .header-nav .left-nav .block-links-inline ul > li:first-child::before { content: ""; display: inline-block; width: 24px; height: 24px; background-image: url('/img/cms/refresh-header.png'); background-size: cover; margin-right: 8px; vertical-align: middle; } html body .header-nav .left-nav .block-links-inline ul > li:nth-child(2)::before { content: ""; display: inline-block; width: 24px; height: 18px; background-image: url('/img/cms/mail-header.png'); background-size: cover; margin-right: 8px; vertical-align: middle; margin-left: 13px; } html body .header-nav .left-nav .block-links-inline ul > li:nth-child(3)::before { content: ""; display: inline-block; width: 19px; height: 22px; background-image: url('/img/cms/shield-header.png'); background-size: cover; margin-right: 8px; vertical-align: middle; margin-left: 13px; } html body .block-links-inline ul > li:after { display: none; } html body #header .header-nav a { color: black; text-transform: uppercase; font-size: 10px; } .page-home .elementor .elementor-section.elementor-element .elementor-element-populated .elementor-image { width: 113px; height: 94px; text-align: center; margin: auto; background: rgba(245, 245, 245, 1); display: flex; align-items: center; justify-content: center; } .page-home .elementor .elementor-section.elementor-element .elementor-element-populated .elementor-column.elementor-element:last-child .elementor-image img, .page-home .elementor .elementor-section.elementor-element .elementor-element-populated .elementor-column.elementor-element:nth-child(5) .elementor-image img { max-width: 80%; } #iqitcontactpage-map { display: none; } .cbp-vertical-title .cbp-vertical-title-text { font-weight: 400; } #left-column{ padding-right: 0;} body#checkout section.checkout-step, .cart-grid-right .cart-summary{ background: #fff } .cart-items{ background: #fff; border: 1px solid #f0f0f0 } .cart-item{ padding: 1rem } .products-selection{ background: #fff; padding-left: 1rem; padding-right: 1rem; border: 1px solid #f0f0f0 } .product-tabs .nav-link{ padding: 1rem; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; } .product-tabs .nav-tabs{ margin: 0; } .product-tabs .tab-content{ background: #fff; padding: 1.5rem; border: 1px solid #f0f0f0; border-top: none; } /* add background colors in variouse boxes - end */ /* * Custom code goes here. * A template should always ship with an empty custom.css */ body { font-family: 'Raleway', sans-serif; } @media (min-width: 768px) { #index .elementor-column-gap-default .elementor-element-populated { padding: 0px; padding-bottom: 15px; } } .header-top { padding-top: 20px; padding-bottom: 20px; } .cbp-horizontal .cbp-tab-title { font-size: 16px; font-weight: normal; } #index .elementor-heading-title { font-size: 20px; text-align: left; font-weight: bold; margin-left: 70px; } #index .elementor-divider { text-align: left; margin-left: 70px; } #index .elementor-divider-separator { border-top-style: solid; border-top-width: 2px; border-top-color: #D50032; width: 25%; } #cbp-hrmenu1 .cbp-vertical-title { color: black; background: white; } #index #inner-wrapper { padding-left: 0px; padding-right: 0px; } #index .swipper-button-next { margin-right: 70px; } .product-miniature { border-radius: 5px; height: 570px !important; } .product-miniature .price-ecotax.text-muted { text-align: left; position: absolute; bottom: 50px; } #category .product-miniature .price-ecotax.text-muted { position: unset; } .product-labels img { max-width: 50px; } .product-labels { margin-top: 15px; } .product-miniature .product-labels { right: 4px; position: absolute; font-size: 11px; z-index: 2; top: 50px; } .page-category .product-miniature .product-labels.d-flex.flex-row { position: initial; } .product-miniature span.product-reference, .product-miniature span.product-brand { padding: 0 3px; font-size: 13px; } .product-miniature span.product-reference a, .product-miniature span.product-brand a { font-size: 13px; } .text-muted a { color: black !important; font-size: 13px; } li.product-flag.discount { background: #d50032; /*width: 74px; height: 16px;*/ text-align: center; border-radius: 5px 0px 5px 0px; } .product-miniature-grid { padding: 0; } .product-miniature-grid .h3.product-title { text-align: left; font-size: 16px; font-weight: 700; } .product-miniature-grid .btn.btn-product-list.add-to-cart { font-size: 15px; } .product-miniature-grid .btn.btn-product-list.add-to-cart img { top: -5px; position: relative; } .product-miniature-grid .btn.btn-product-list.add-to-cart:hover img { filter: brightness(0) invert(1); } .product-miniature-grid .product-price-and-shipping { text-align: left; position: absolute; bottom: 75px; } .product-miniature-grid .product-price-and-shipping a span { font-size: 23px; } .product-miniature-grid .product-description-short.text-muted ul { list-style-type: disc; padding: 0 15px; margin: 15px 0; } .product-miniature-grid .product-description-short.text-muted ul li { text-align: left; padding: 2px 0; font-size: 11px; } .product-miniature .product-description { height: 295px; } button.add-to-cart { width: 215px; border-radius: 20px; } .block-links ul { list-style-type: none !important; margin: 0; padding: 0; } .block-links ul li { text-align: center; } .col-add-qty, .col-add-wishlist, .col-add-compare { display:none; } .col-add-btn .add button { background: linear-gradient(90deg,rgba(213, 0, 50, 1) 0%, rgba(243, 79, 118, 1) 100%); width: 386px; font-size: 20px; font-weight: 600; } #inner-wrapper { padding-right: 0; padding-left: 0; } #product-infos-tabs-content { border: none; } .social-sharing, .product-comments-additional-info { display:none; } .product-price { color: black; font-weight: 700; font-size: 20px; } .tax-shipping-delivery-label { display: none; } .product_p_price_container { border: none; } .product-info-row { margin: 0; border: none; } #wrapper .breadcrumb { margin-bottom: 0 !important; } #empty-product-comment { display: none !important; } .product-tabs { margin-top: 0; } .product-discount .regular-price { opacity: 0.4; font-size: 12px; } .nav-link { text-transform: uppercase !important; } #footer-container-first { background: linear-gradient(90deg,rgba(213, 0, 50, 1) 0%, rgba(243, 79, 118, 1) 100%); } .newsletter-input-group { opacity: 1; background: white !important; border-radius: 20px; } .input-subscription { color: black !important; } .ps-emailsubscription-conditions { display:none; } /* START custom css for carrousel innovation */ .innovations-carrousel { margin-bottom: 25px; } .innovations-carrousel.elementor-element .elementor-swiper-button:after { font-size: 30px; } .innovations-carrousel .swiper-button-next, .innovations-carrousel .swiper-button-prev { border-radius: 46px; height: 46px; width: 46px; } .innovations-carrousel .swiper-button-prev { left: 25px; } .innovations-carrousel .swiper-button-next { right: 25px; } html body .innovations-carrousel.elementor-element .elementor-image-carousel-wrapper { padding-right: initial; } .innovations-carrousel .swiper { position: static; } .innovations-carrousel .swiper-pagination-bullet-active { width: 30px; border-radius: 5px; } .innovations-carrousel .swiper-pagination-bullets.swiper-pagination-horizontal { position: absolute; bottom: -50px; } .innovations-carrousel.elementor-element .swiper-slide-inner { background: #ffffff82; margin: 15px; } .innovations-carrousel.elementor-element .swiper-slide-inner img:after{ background: white; border-radius: 5px; width: 200px; bottom: 18px; color: black; content: ""; display: block; padding: 5px; position: absolute; font-family: sans-serif; white-space: break-spaces; z-index: 98; font-size: 14px; border: 1px solid black; } /* END custom css for carrousel innovation */ /* START custom css for category page */ span.product-reference, span.product-brand { font-size: 18px; font-weight: 700; color: black !important; } html body .category-products.block.block-section .product-miniature-default .product-flags { top: 0; left: 0; } html body .product-flags .discount, html body .product-flags .on-sale, .product-flags .new { background: #E40040; color: #ffffff; padding: 7px 25px; font-size: 10px; border-top-left-radius: 8px; border-bottom-right-radius: 8px; display: inline-block; } html body .product-miniature-default .product-flags { top: -22px; left: -18px; } html body.page-index .product-miniature-default .product-flags { top: 0; left: 0; } .product-availability.in-stock { color: #06872A; } .product-availability.out-of-stock { color: #D50032; } .product-availability { display: flex; align-items: center; font-weight: 400; font-size: 16px; margin-bottom: 0; margin-top: 15px; } .product-availability::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 20px; } .product-miniature-grid .product-availability::before { margin-right: 5px; } .in-stock::before { background-color: #06872A; } .out-of-stock::before { background-color: #D50032; } .product-unavailable { display: none; } #content-wrapper .page-title .nb-products { font-weight: 400; } .page-category .product-description-short ul li { list-style: disc; padding: 5px 0; } .page-category .product-description-short { margin-top: 25px; margin-left: 15px; } .page-category .iqitreviews-simple.product-list-reviews { visibility: visible; display: block; margin-bottom: 20px; margin-top: 15px; } .page-category .iqitreviews-simple.product-list-reviews .iqitreviews-nb { display: inline-block; text-decoration: underline; font-size: 14px; } .fa.fa-star.iqit-review-star { font-size: 15px; color: #FFCB13; } .fa.fa-star-o.iqit-review-star { font-size: 15px; } .page-category .product-miniature { height: auto !important; } .page-category .product-price-and-shipping .regular-price, .product_p_price_container .regular-price { opacity: 0.6; font-size: 15px; margin-bottom: 10px; } .page-category .product-price-and-shipping .product-price, .product_p_price_container .product-price { font-size: 27px; display: block; margin-top: 15px; } .pay-with-alma { font-size: 15px; font-weight: 700; margin: 20px 0; } .pay-with-alma span { padding-left: 10px; } .page-category .btn-product-list { background: linear-gradient(to left, #F34F76, #D50032); color: white; border: 1px solid transparent; font-size: 15px; font-weight: 700; width: 300px; } .page-category .btn-product-list:hover { background: white; color: #D50032; border: 1px solid #D50032; } .below-addtocart div { padding-bottom: 15px; } .below-addtocart div span { padding: 0 15px; } .below-addtocart div span img { padding-right: 15px; } .below-addtocart-hr { border-top: 1px solid black; opacity: 0.3; width: 90%; margin: 25px auto; } .js-quick-view-iqit { display: none; } .page-category .product-functional-buttons-links { text-align: center; margin-top: 25px; } .page-category #wrapper nav.breadcrumb { background: #fafafa; color: black; } html body #wrapper nav.breadcrumb { color: black; } html body #wrapper .breadcrumb a { color: black; } html body #wrapper .breadcrumb li::after { content: ">"; color: black; } html body #wrapper .breadcrumb li:last-child::after { content: ""; } html body #search_filters .noUi-connect { background: #D50032; } @media screen and (min-width: 768px) { .page-category #left-column { margin-top: 80px; } .page-category h1.page-title { left: -230px; } } /* END custom css for category page */ /* START custom css for product page */ html body .product_header_container { border-bottom: 0; } .product-actions .product_p_price_container .regular-price, .recall-product .regular-price { display: inline-block; } .product-actions .product_p_price_container .badge.badge-discount, .recall-product .badge.badge-discount{ background: transparent; color: black; font-size: 15px; display: inline-block; padding: 0 .2rem; } .product-actions .product_p_price_container .current-price, .recall-product .current-price{ display: block; margin-bottom: 15px; } .recall-product .current-price{ margin-top: 5px; } /* END custom css for product page */ /* START custom css for footer */ @media screen and (min-width: 768px) { .col.block-newsletter h5 { float: left; margin-left: 50px !important; font-weight: 400 !important; } .col.block-newsletter .ps-emailsubscription-block { float: right; margin-right: 50px; } .col.block-newsletter .ps-emailsubscription-block input.input-subscription { min-width: 350px; } .col-4.copyright-txt { text-align: left; } .col-4.copyright-img { text-align: right; } #footer-copyrights { margin-left: 50px; margin-right: 50px; } } html body .col.block-newsletter .ps-emailsubscription-block .btn-subscribe.btn-iconic { color: black !important; background: #D9D9D9; border-radius: 0 20px 20px 0; min-width: 100px; } .col-md.block.block-toggle.block-iqitcontactpage { display: none; } .block-links.block-iqitlinksmanager ul li { text-align: start; } html body .block-links ul > li a:before { content: ""; } html body .block-links ul > li a { padding-left: 0; } html body .logo-footer { width: 150px; height: 39px; margin-right: 50px; } #footer-container-main .row { padding: 0 50px; } .block-footer .block-social-links { margin-top: 15px; } #footer-copyrights { color: #5A636B; font-weight: 600; background: white; } /* END custom css for footer */ /* START custom css for cuisson page */ .cms-txt-detail { padding-left: 15px; padding-right: 15px; } .cms-id-6 .page-header, .cms-id-8 .page-header, .cms-id-9 .page-header, .cms-id-14 .page-header, .cms-id-15 .page-header, .cms-id-16 .page-header, .cms-id-17 .page-header, .cms-id-18 .page-header { display: none; } .cuisson { background: white; color: black; } .cuisson header { height: 300px; overflow: hidden; } .cuisson header img { object-fit: cover; height: 100%; } .cuisson header .position-absolute { left: 25%; } .cuisson ul { padding-left: 1rem; } .cuisson .fw-bold { text-transform: uppercase; text-align: left; } .background-linear { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(213, 0, 50, 0.5) 0%, rgba(234, 80, 117, 0.15) 63.41%); } .cuisson h3 { margin-bottom: 25px; } .col-md-6 { padding: 0; } .background-beige { background: #F3EFE8; } .text-danger { text-decoration: auto; font-weight: 800; color: #D50032 !important; } .cuisson .mb-5 { margin-bottom: 0 !important; } .cuisson li { margin-bottom: 25px; } @media screen and (max-width: 768px) { .elementor-element.elementor-element-kjhlgh5 .elementor-widget-container { margin: 0 !important; } .col-md-2.block-services .overlay, .col-md-3.block-services .overlay { width: 96% !important; } html body .reassurance-home table { width: auto !important; } html body .reassurance-home p { margin-bottom: 0; } .elementor-column.elementor-element.elementor-element-04hs0h0.elementor-col-33.elementor-inner-column, .elementor-column.elementor-element.elementor-element-sl2rnis.elementor-col-33.elementor-inner-column, .elementor-column.elementor-element.elementor-element-xnwynnw.elementor-col-33.elementor-inner-column { width: 33%; font-size: 10px; } html body .reassurance-home img { width: 20px; } .elementor-column.elementor-element.elementor-element-xnwynnw.elementor-col-33.elementor-inner-column img { width: 25px; } #content-wrapper .page-title { font-size: 18px; } html body .mobile-menu__header-wrapper, html body .mobile-menu__footer { background: linear-gradient(90deg, rgba(213, 0, 50, 1) 0%, rgba(243, 79, 118, 1) 100%); } .innovations-carrousel .swiper-button-next, .innovations-carrousel .swiper-button-prev { width: 20px; height: 20px; border-radius: 20px; margin-top: 0; padding: 0; } .contact-section .elementor-widget-container { margin-bottom: 10px !important; margin-left: 20px !important; margin-right: 20px !important; } .ps-emailsubscription-block::after { content: "Inscrivez-vous à la newsletter"; display: block; color: black; font-weight: 400; margin-left: 10px; text-align: left; border-bottom: 1px solid #C1C7CD; padding-bottom: 5px; } #footer-container-first { background: white; } #footer-container-main { padding: 0 !important; } html body .logo-footer { position: absolute; top: -150px; left: 50%; transform: translateX(-50%); } .recall-product.row { display: none; } #left-column .block { background: transparent; } .title-filter.filters-open img { display: none; } .title-filter.filters-open::before { content: "×"; display: inline-block; font-size: 35px; color: black; cursor: pointer; top: 6px; position: relative; } .product-tabs .nav-link { position: relative; border-bottom: 1px solid #00000052 !important; background: white !important; border-top: 0; } .tabs.product-tabs { background: white; } .tabs.product-tabs .nav-link.active::after{ content: "-"; display: inline-block; font-size: 29px; color: black; cursor: pointer; right: 10px; position: absolute; top: 10px; font-weight: 400; } .tabs.product-tabs .nav-link::after{ content: "+"; display: inline-block; font-size: 29px; color: black; cursor: pointer; right: 10px; position: absolute; top: 10px; font-weight: 400; } .title-filter.filters-open h5 { display: inline-block; } .category-top-menu.block-content, #category .block-categories h5.block-title { display: none; } .title-filter { border-bottom: 0; border: 1px solid black; border-radius: 32px; text-align: center; padding-top: 11px; } .title-filter hr { display: none; } .page-category .btn-product-list { width: 100%; } .below-addtocart { font-size: 10px; } #footer-container-main { position: relative; } #footer-container-main .row { padding: 0; } .elementor-element.elementor-element-i1tpwdl .swiper-slide-inner { padding: 15px; } #footer .footer-style-3 .block-newsletter .ps-emailsubscription-block { display: block; } #footer .footer-style-3 .block-newsletter .ps-emailsubscription-block .input-subscription { background: #F2F4F8; border-bottom: 1px solid #F2F4F8; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .elementor-element.elementor-element-i1tpwdl .elementor-swiper-button:after { font-size: 15px !important; } .elementor-element.elementor-element-i1tpwdl .elementor-widget-container { padding: 50px !important; } .col-4.copyright-txt { font-size: 9px; width: 100%; text-align: left; margin-bottom: 0 !important; } .col-4.copyright-img { position: absolute; bottom: 25px; right: 15px; } .col-4.contact-img { color: transparent; } .innovations-carrousel .swiper-button-next { right: 5px; } .innovations-carrousel .swiper-button-prev { left: 5px; } .elementor-element.elementor-element-i1tpwdl .elementor-widget-container { padding: 50px; } #index .elementor-divider { margin-left: 0; } #index .elementor-heading-title { margin-left: 0; } .btn-product-list { width: auto; } .product-miniature-grid .product-availability { font-size: 9px; } .col-md-6.col-product-info { padding-left: 0; } .cuisson header .position-absolute { left: 40%; } .page-registration #content-wrapper { max-width: 100%; } } /* END custom css for cuisson page */ /* START custom css for marque page */ .cms-id-7 .page-header { display: none; } .marque { background: white; color: black; } .marque header { height: 300px; overflow: hidden; } .marque header img { object-fit: cover; height: 100%; } .marque header .position-absolute { left: 35%; } .marque ul { padding: 2px; } .marque .fw-bold { text-transform: uppercase; text-align: left; } .background-linear { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(213, 0, 50, 0.5) 0%, rgba(234, 80, 117, 0.15) 63.41%); } .marque h3 { margin-bottom: 25px; } .col-md-6 { padding: 0; } .background-beige { background: #F3EFE8; } .text-danger { text-decoration: auto; font-weight: 800; color: #D50032 !important; } .marque .mb-5 { margin-bottom: 0 !important; } .marque .historique li { margin-bottom: 0; } .marque .historique p { margin-bottom: 0; } .marque h3 { color: #D50032 !important; } .produits-phares { margin: 50px 0; text-align: center; } .divider-separator { border-top-style: solid; border-top-width: 2px; border-top-color: #D50032; width: 35%; text-align: center; margin: 0 auto; margin-bottom: 25px; left: 60px; position: relative; } .fond-usine { background-image: url(/img/cms/fond-usine.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.7; } .marque h2 { font-size: 20px; text-align: center; } .engagement p { text-align: center; } .engagement img { margin: auto; display: block; padding: 15px 0; } .engagement { background-image: url(/img/cms/fond-electro.png); background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 768px) { .marque header .position-absolute { left: 40%; } } /* END custom css for marque page */ /* START custom css for contact page */ .col-sm-4.contact-page-info { display: none; } .page-contact nav.breadcrumb { display: none; } .page-contact .page-header { display: none; } .col-md-2.block-services, .col-md-3.block-services { position: relative; overflow: hidden; } .col-md-2.block-services img.background-image, .col-md-3.block-services img.background-image { width: 100%; height: 100%; object-fit: cover; display: block; } .col-md-2.block-services .overlay, .col-md-3.block-services .overlay { position: absolute; bottom: 0; width: 91.5%; background: rgba(0, 0, 0, 0.6); color: white; text-align: center; padding: 20px 0; height: 100%; } .col-md-2.block-services .overlay img { height: 35px; } .col-md-2.block-services .overlay p, .col-md-3.block-services .overlay a { color: white; font-size: 11px; } .page-contact .center-title { width: 50%; margin: auto; margin-bottom: 20px; } .page-contact { color: black; } .faq-section { background-image: url('/img/cms/fond-faq.jpg'); background-size: cover; background-position: center; position: relative; height: 300px; display: flex; align-items: center; justify-content: center; text-align: center; } .faq-section.section-depannage { background-image: url('/img/cms/fond-depannage.jpg'); } .faq-overlay { background-color: rgba(0, 0, 0, 0.4); padding: 40px; color: white; width: 100%; height: 100%; } .faq-overlay h2 { font-size: 24px; font-weight: bold; margin-bottom: 10px; } .faq-overlay p { font-size: 16px; margin: 40px 0; } .faq-button:hover, .faq-button:focus, .contact-boutique-sav .col-md-3.block-services .overlay a:hover, section.contact-form .btn.btn-primary:hover, html body.page-customer-account #submit-login:hover, html body.page-registration .btn.btn-primary.form-control-submit:hover, html body #send-reset-link:hover { text-decoration: none; background: linear-gradient(to right, #f36, #e50045); } .faq-button { background: linear-gradient(to right, rgba(213, 0, 50, 1), rgba(243, 79, 118, 1)); color: white !important; border-radius: 20px; text-decoration: none; transition: background 0.3s ease; height: 50px; display: block; width: 350px; font-weight: 600 !important; margin: auto; vertical-align: middle; padding-top: 16px; font-size: 17px; font-weight: 400; } .notices { padding: 40px 0; color: black; background: white; scroll-margin-top: 80px; } #contact-boutique-sav, #depannage-title, #intro-contact { scroll-margin-top: 120px; } .notices .row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 40px; } .notices img { max-width: 100%; border-radius: 5px; } .notices h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .notices p { margin-bottom: 10px; font-size: 15px; line-height: 1.6; color: #333; } .search { display: flex; margin: 20px 0; width: 100%; } .search input { flex: 1; padding: 10px 15px; border: 1px solid #ddd; border-right: none; border-radius: 5px 0 0 5px; font-size: 14px; background-color: #f9f9f9; } .search button { width: 45px; background-color: #e50045; border: none; border-radius: 0 5px 5px 0; cursor: pointer; background-image: url('/img/cms/search.png'); background-repeat: no-repeat; background-position: center; background-size: 100%; } .found-notices a { display: inline-block; background: linear-gradient(to right, #e50045, #f36); color: white !important; text-decoration: none; padding: 15px 15px; border-radius: 20px; font-weight: 600; font-size: 14px; margin-top: 10px; transition: background 0.3s ease; width: 100%; text-align: center; } .found-notices a:hover { background: linear-gradient(to right, #f36, #e50045); } .contact-boutique-sav .title { text-align: center; width: 50%; margin: 30px auto; color: black; } .contact-boutique-sav .col-md-3.block-services .overlay { height: 100%; width: 94.5%; } .contact-boutique-sav .col-md-3.block-services .overlay a { bottom: 25px; position: absolute; border-radius: 20px; font-weight: 600; left: 50%; transform: translateX(-50%); background: linear-gradient(266.95deg, #F34F76 2.65%, #D50032 97.47%); padding: 10px 70px; } h2.depannage-title { text-align: center; background: white; padding: 25px; margin: 0; } .faq-button img { left: 0; padding-left: 25px; padding-right: 15px; width: 85px; position: absolute; top: 17px; } .second-btn .faq-button img { top: 13px; } .intro-contact ul { list-style: circle; padding-left: 15px; } .captcha_contact label { display: none; } .section-depannage .faq-button { height: 70px; width: 300px; border-radius: 20px; font-weight: 800; font-size: 15px; margin-top: 10px; position: relative; padding: 0; text-align: center; padding-top: 22px; } section.contact-form { width: 65%; margin: auto; background: rgba(245, 245, 245, 1); padding: 35px; margin-top: 25px; color: black; } .intro-contact { color: black; width: 65%; margin: auto; margin-top: 25px; } section.contact-form .form-control { border: solid 1px rgba(217, 217, 217, 1); border-radius: 12px; } section.contact-form .form-footer.text-right { text-align: left !important; } section.contact-form .btn.btn-primary { background: linear-gradient(to right, rgba(213, 0, 50, 1), rgba(243, 79, 118, 1)); width: 300px; border-radius: 20px; height: 45px; font-size: 15px; text-transform: uppercase; font-weight: 600; } .cuisson.vaisselle header .position-absolute { left: 40%; } @media screen and (max-width: 768px) { .header-nav .col.col-md6.left-nav { display: none; } .page-contact .center-title { width: 100%; } section.contact-form { width: 100%; } .intro-contact { width: 100%; } section.contact-form .btn.btn-primary { width: 100%; } .faq-section.section-depannage { height: 445px; } .second-btn { margin-top: 15px; } } /* END custom css for contact page */ /* START custom css for menu */ html body .cbp-vertical-on-top > .cbp-vertical > ul { left: -10px; padding: 27px 50px; min-width: 350px; } html body .cbp-hrmenu .cbp-links li { margin: 10px 0; } html body .cbp-vertical-on-top #cbp-hrmenu1-ul { border-top: 1px solid #D50032; } html body .cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper { border-top: 1px solid #D50032; margin-top: -1px !important; } html body .cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper .cbp-hrsub-inner { background: #F8FAFC; } /* END custom css for menu */ /* START custom css for connect page */ .img-connect { width: 80%; } .page-authentication .page-header { display: none; } html body.page-authentication .breadcrumb { display: none !important; } html body.page-authentication #main .page-content { border: 0; } html body.page-authentication #wrapper { padding-top: 0; } html body.page-authentication .login-form #login-form { color: black; } html body.page-authentication .col-md-8, html body.page-authentication .col-md-2 { width: 100%; } html body.page-authentication #field-email, html body.page-authentication #field-password { background: #F7FBFF; border-radius: 12px; padding: 15px; } html body.page-authentication .btn.btn-outline-secondary { right: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; background: #F7FBFF; position: absolute; } html body.page-customer-account #content .forgot-password { text-align: right; } html body.page-customer-account #content .forgot-password a { color: #e40040; font-size: 15px; } html body.page-customer-account #submit-login, html body.page-registration .btn.btn-primary.form-control-submit, html body #send-reset-link { width: 100%; background: linear-gradient(266.95deg, #F34F76 2.65%, #D50032 97.47%); border-radius: 12px; font-size: 16px; padding: 12px; } .captcha_register label, .captcha_login label { display: none; } html body.page-registration .btn.btn-primary.form-control-submit, html body #send-reset-link { max-width: 350px; margin-top: 15px; } .no-account { margin-top: 25px; } html body.page-customer-account .no-account a { font-size: 15px; color: black !important; } html body.page-customer-account .no-account a span { color: #e40040; } /* END custom css for connect page */ /* START custom css for cart */ .page-cart .h1.page-title { display: none; } .page-cart #main, .page-order #main { padding: 15px; } .cart-container { background: white; padding: 50px; color: black; } .cart-container h2 { border-bottom: 1px solid #00000017; padding-bottom: 12px; } #cart-article-count { font-weight: 400; } .cart-item, .cart-item-header { border: 0; } .cart-items { border: 0; } .product-line-grid-body .product-line-info a { color: black !important; font-size: 19px; font-weight: 800; } .product-line-grid-body .product-line-info a:hover { color: red !important; } .cart-ref a, .cart-ref span { color: black !important; font-size: 15px; } .cart-ref { margin-top: 10px; } .col.col-auto.col-md.qty .input-group.bootstrap-touchspin { margin: 0; } .col.col-auto.col-md.qty { margin-top: 20px; margin-bottom: 5px; } .cart-item .product-image { max-width: initial; } .cart-items .cart-item { border-bottom: 1px solid #00000017; } .cart-items .cart-item .product-price { font-size: 30px; } .totals-title { text-align: center; padding: 16px; } .cart-detailed-subtotals .cart-summary-line, .card-block.cart-summary-subtotals-container .cart-summary-line.cart-summary-subtotals { border-bottom: 1px solid #00000017; padding: 15px 0; color: black; font-size: 18px; } .cart-detailed-subtotals .cart-summary-line:first-child, .card-block.cart-summary-subtotals-container .cart-summary-line.cart-summary-subtotals:first-child { border-top: 1px solid #00000017; } .page-order .card.cart-summary.js-cart { font-size: 18px; } #cart-subtotal-shipping .value { color: #06872A; } .blockcart-content .btn-primary, .card.cart-summary .btn-primary { background: linear-gradient(90deg,rgba(213, 0, 50, 1) 0%, rgba(243, 79, 118, 1) 100%); } .card.cart-summary .btn-primary { border-radius: 12px; font-size: 22px; } .cart-grid-right .cart-summary { border: 0; } .delivery-info { margin: 15px; background: #F4F4F6; padding: 15px; color: black; } .delivery-info .title { font-weight: 800; } .delivery-info .description { padding: 5px 0; } .delivery-info .link a { color: #D50032 !important; font-weight: 800; text-decoration: underline; } .block-promo .cart-voucher-area { background: white !important; padding-bottom: 30px; } .promo-code .btn.btn-secondary { height: 50px; margin-left: 5px !important; color: white; background: linear-gradient(266.95deg, #F34F76 2.65%, #D50032 97.47%); font-size: 22px; padding-left: 23px; } .voucher-title h3 { margin: 15px 0; color: #D50032; font-size: 20px; border-bottom: 1px solid #00000017; padding-bottom: 10px; } #checkout-personal-information-step, #checkout-addresses-step, #checkout-delivery-step, #checkout-payment-step { color: black; } html body .btn-primary, html body .btn-primary.disabled, html body .btn-primary:disabled { background: linear-gradient(266.95deg, #F34F76 2.65%, #D50032 97.47%); font-size: 20px; } html body .btn-primary:hover { background: linear-gradient(266.95deg, #F34F76 2.65%, #D50032 97.47%); } .page-order .js-address-form .col-md-2 { width: 100%; } .page-order .h1.page-title { display: none; } .page-order #checkout-addresses-step input[type="text"], .page-order #checkout-addresses-step input[type="tel"] { background: #F7FBFF; border-radius: 12px; padding: 15px; } .page-order #checkout-addresses-step select { background: #F7FBFF !important; border-radius: 12px; height: 50px; } /* END custom css for cart */ /* START custom css for account page */ .header-account { width: 100%; height: 250px; object-fit: cover; } .accountWelcome { text-align: center; margin-top: 15px; font-size: 20px; } .contentWelcome { position: absolute; top: 35px; left: 35px; color: white; } .page-customer-account .h1.page-title, .page-addresses .h1.page-title, .page-order-detail .h1.page-title { text-align: center; margin-top: 15px } .page-content.my-account-page-content-wrapper { border-top: 0 !important; } .my-account-side-links .fa-fw { float: right; } html body .my-account-side-links.col-sm-3 a { color: black !important; font-size: 15px; padding: 12px 0; } .col-form-label { width: 100%; } .page-customer-account .form-control { background: #F7FBFF; border-radius: 12px; padding: 15px; } #sogecommerce-wallet-link .material-icons { display: none; } .text-center.order-actions a { background: linear-gradient(266.95deg, #F34F76 2.65%, #D50032 97.47%); font-size: 20px; color: white !important; display: block; padding: 10px !important; } .view-switcher a { display: none; } .category_image { width: 100%; } .category-image { margin: 0; z-index: -9999; } /* START custom css for account page */ @media (max-width: 991.98px) { #desktop-header, .sticky-desktop-wrapper { display: block; } #desktop-header .header-top { display: none; } } /* END custom css for account page */ /* START custom css for Homepage */ @media screen and (max-width: 768px) { .product-home, .subtitle-home, .subtitle-line { padding: 0 20px; } .reassurance-home .elementor-text-editor { display: flex; justify-content: center; } .reassurance-home .elementor-text-editor td p { padding: 0 0 0 5px; } .product-home .elementor-products .thumbnail-container { padding: 10px 0 0; } .product-home .swiper-button { display: none; } } /* END custom css for Homepage */ /* START custom css for Page Product */ @media screen and (max-width: 768px) { #product .category-products { padding: 0 20px; } .product-tabs .nav-link:focus { text-decoration: none; } } /* END custom css for Page Product */ /* START custom css for Header mobile */ #mobile-header-sticky .col-mobile-btn-menu { order: 1; flex: 0 0 10%; text-align: center; } #mobile-header-sticky .col-mobile-btn-search { order: 3; flex: 0 0 10%; text-align: center; } #mobile-header-sticky .col-mobile-logo { order: 2; flex: 0 0 70%; text-align: left !important; } #mobile-header-sticky .col-mobile-btn-account { order: 4; flex: 0 0 10%; text-align: center; } #mobile-header-sticky .col-mobile-btn-menu .m-nav-btn span, #mobile-header-sticky .col-mobile-btn-search .m-nav-btn span, #mobile-header-sticky .col-mobile-btn-account .m-nav-btn span { display: none; } #mobile-header .m-nav-btn > i { font-size: 1.8rem; } #mobile-header .mobile-main-bar { padding: 10px 0; } #mobile-header-sticky .col-mobile-btn-account a { background: url(/themes/warehouse/assets/img/user.png); color: transparent !important; background-size: 24px; background-repeat: no-repeat; background-position: center; font-size: 24px; } #mobile-header-sticky .col-mobile-btn-search a { background: url(/themes/warehouse/assets/img/search.png); color: transparent !important; background-size: 24px; background-position: center; background-repeat: no-repeat; font-size: 24px; } #mobile-header .m-nav-btn { color: #000000; } @media screen and (max-width: 768px) { #desktop-header { text-align: center; } } /* END custom css for Header mobile */ /* START custom css for Account */ .my-account-page-content .btn-primary { padding: 0.5384615385rem 1.0769230769rem; color: #fff; border: solid 1px #d50032; border-radius: 20px; font-size: 15px; font-weight: 700; width: 300px; } .my-account-page-content .btn-primary:hover { background: #ffffff; color: #d50032; border-color: #d50032; } /* END custom css for Account */ /* START custom css for swiper slider */ .swiper-wrapper .swiper-slide { height: auto !important; } .swiper-vertical > .swiper-wrapper { justify-content: space-evenly; } /* END custom css for swiper slider */