@font-face { font-family: 'ArialNovaCond'; src: url('../fonts/ArialNovaCond.eot'); src: url('../fonts/ArialNovaCond.eot?#iefix') format('embedded-opentype'), url('../fonts/ArialNovaCond.woff2') format('woff2'), url('../fonts/ArialNovaCond.woff') format('woff'), url('../fonts/ArialNovaCond.ttf') format('truetype'), url('../fonts/ArialNovaCond.svg#svgFontName') format('svg'); } @font-face { font-family: 'ArialNovaCond-Bold'; src: url('../fonts/ArialNovaCond-Bold.eot'); src: url('../fonts/ArialNovaCond-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ArialNovaCond-Bold.woff2') format('woff2'), url('../fonts/ArialNovaCond-Bold.woff') format('woff'), url('../fonts/ArialNovaCond-Bold.ttf') format('truetype'), url('../fonts/ArialNovaCond-Bold.svg#svgFontName') format('svg'); } .iqitfake{ display: none;} /*** Style mixins ***/ /*** Variables mixins and functions ***/ main { overflow: hidden; max-width: 1380px; margin: 0 auto; } body { background: #d3d9e2; } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1380px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #393939; } a:hover:not(.nav-link):not(.btn) { color: #ffc000; } .pagination .page-list li:hover { border-color: #ffc000; } .pagination .page-list li.current { border-color: #ffc000; } .pagination .page-list li.current a { color: #ffc000; } #mobile-header { background: #ffffff; border-bottom: none 1px #e3e3e3; } #mobile-header #mobile-header-sticky { background: #ffffff; } #mobile-header .mobile-main-bar { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; } #mobile-header .m-nav-btn { color: #2e2323; } #mobile-header .m-nav-btn:hover { color: #695c52; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #ffffff; } html { font-size: 15px; } @media (max-width: 767px) { html { font-size: 14px; } } body { line-height: 1.5rem; } body { font-family: ArialNovaCond; } #blockcart-content { background: #ffffff; color: #000000; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } #blockcart-content a:not(.btn) { color: #000000; } #blockcart-content a:not(.btn):hover { color: #000000; } #blockcart-content .cart-products > li, #blockcart-content .cart-subtotals { border-color: #ededed; } #blockcart-content .cart-products::-webkit-scrollbar-thumb { background-color: #ededed; } /*** 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: #ffc000; color: #2e2323; border: none 1px #695c52; } .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: #2e2323; color: #ffffff; } .btn-secondary:not(:disabled):not(.disabled):active { background: #2e2323; color: #ffffff; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #ffc000; color: #2e2323; border: none 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #2e2323; color: #ffffff; border: none 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #ffc000; color: #2e2323; 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: #2e2323; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #2e2323; color: #ffffff; } #wrapper .breadcrumb { background: #f2f2f2; padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; margin-top: -0.0666666667rem; margin-bottom: 0.0666666667rem; font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; color: #999999; } #wrapper .breadcrumb li:after { color: #999999; } #wrapper .breadcrumb a { color: #999999; } /*** Text fields ***/ .form-control { background-color: #ffffff; color: #393939; border: none 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #393939; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #393939; border: none 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #393939; background: #ffffff; } .form-control::-webkit-input-placeholder { color: #393939; } .form-control::-moz-placeholder { color: #393939; } .form-control:-ms-input-placeholder { color: #393939; } .form-control:-moz-placeholder { color: #393939; } .form-control:focus { color: #393939; background: #ffffff; border-color: #8a8a8a; box-shadow: 0px 2px 0px 0px #ffc000; } .custom-select2:focus-within { background: #ffffff; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #393939; } .custom-radio input[type=radio]:checked + span { background-color: #393939; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #393939; border-color: #e0e0e0; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #f2f2f2; border: none 1px #e3e3e3; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #393939!important; border-bottom: none 1px #e3e3e3; } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(57, 57, 57, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: #000000; color: #ffffff; } .tooltip.bs-tether-element-attached-bottom .tooltip-inner:before, .tooltip.tooltip-top .tooltip-inner:before, .bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before { border-top-color: #000000; } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #000000; } /*** Modals ***/ .modal-backdrop { background: rgba(0, 0, 0, 0.67); } .modal-content { background: #ffffff; border: none 1px; box-shadow: 0px 0px 31px 0px rgba(0, 0, 0, 0.2); } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #695c52; color: #ffffff; border: none 1px; } .product-price { color: #393939; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-size: 0.8rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #ad0700; color: #ffffff; } .product-flags .new { background: #fafafa; color: #000000; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #000000; } .product-flags .out_of_stock { background: #a17738; color: #fff7f7; } .discount { background: #ad0700; color: #ffffff; } .product-available { background: #67a675; color: #ffffff; } .product-unavailable { background: #a17738; color: #fff7f7; } .product-unavailable-allow-oosp { background: #17459e; color: #0dd138; } .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: solid 1px #2e2323; border-left: solid 1px #2e2323; border-right: solid 1px #2e2323; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.03); } #iqitcompare-floating a { color: #2e2323; } #page-preloader { background: #ffffff; } #back-to-top { background: #2e2323; color: #ffffff; display: none; } #back-to-top:hover { background: #695c52; color: #ffffff; } #header, #checkout-header { background: #ffffff; border-top: none 1px; border-bottom: none 3px #f8f8f8; } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #ffffff; border-bottom: none 3px #f8f8f8; } #header .header-nav { color: #999999; background: #f2f2f2; border-bottom: none 1px; padding-top: 0.5333333333rem; padding-bottom: 0.5333333333rem; font-size: 0.8rem; } #header .header-nav a { color: #999999; } #header .header-nav a:hover { color: #ffc000; } #header .header-nav .social-links._topbar { font-size: 0.9333333333rem; } .header-top { padding-top: 3rem; padding-bottom: 3rem; color: #3d2815; } .header-top a:not(.btn):not(.nav-link) { color: #999999; } .header-top a:not(.btn):not(.nav-link):hover { color: #ffc000; } .header-top .form-search-control { border: none 1px #e3e3e3; } .header-top .header-btn-w .header-btn > .icon { font-size: 2.3333333333rem; display: block; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #999999; padding: 0.6rem 0.6rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #999999; } .header-top a.header-cart-btn:not(:hover) { color: #999999; } .stuck-header .header-top { padding-top: 0.5333333333rem; padding-bottom: 0.5333333333rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #ffffff; } .cart-products-count-btn { background: #ffc000; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 85%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #ffffff; border-top: none 3px #521919; border-right: none 3px #38b82c; border-bottom: none 3px #457deb; border-left: none 3px #a6cc0f; margin: 0 -500%; padding: 0 500%; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 2.6666666667rem; max-width: 15.6666666667rem; color: #393939; border-left: none 2px rgba(232, 232, 232, 0.29); } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #393939; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -0.8rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 2.6666666667rem !important; } .cbp-vertical-on-top .cbp-vertical-title-text { display: none !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 { background: #f2f2f2; color: #393939; } .cbp-horizontal .cbp-tab-title { font-size: 1.2rem; font-style: normal; font-weight: bold; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.3333333333rem; max-height: 1.3333333333rem; } .cbp-horizontal .cbp-submenu-aindicator { display: none; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 0.9333333333rem; } } .container-iqitmegamenu, .iqit-megamenu-container, .cbp-hrsub-narrow, #desktop-header-container.container { position: static !important; } .cbp-hrmenu .cbp-hrsub-inner { padding-left: 0; padding-right: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { background: #ffffff; border: solid 1px #e3e3e3; } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: solid 1px #e3e3e3; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1.2rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background: #000000; line-height: 3.3333333333rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #ffffff; background: #000000; } #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.5333333333rem; padding-bottom: 0.5333333333rem; border-top: solid 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.6rem; max-height: 1.6rem; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f2f2f2; color: #333333; } #cbp-hrmenu1 .cbp-legend { background: #ca5058; 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: #ffffff; background: #000000; } .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: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #f2f2f2; border: none 1px #37a625; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: #393939 !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #ffc000 !important; } .cbp-hrmenu .tabs-links { background: #f2f2f2; } .cbp-hrmenu .cbp-tabs-names li a { color: #393939 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #ffc000 !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: #393939 !important; border-bottom: none 3px #c2bc29; font-size: 1.4666666667rem; font-style: normal; font-weight: bold; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: #ffc000 !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #ffffff; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #393939 !important; } #iqitmegamenu-mobile { background: #ffffff; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3.6rem; } #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.0666666667rem; padding-bottom: 1.0666666667rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1.0666666667rem; padding-bottom: 1.0666666667rem; font-size: 1.2rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .col-mobile-menu-push #_mobile_iqitmegamenu-mobile { box-shadow: 9px 0px 30px 0px rgba(0, 0, 0, 0.38); } .mobile-menu__submenu { background: #ffffff; } .mobile-menu__tab { border-bottom: solid 1px rgba(255, 255, 255, 0.18); min-height: 3.4666666667rem; } .mobile-menu__link { color: #393939 !important; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.4666666667rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1rem; padding-bottom: 1rem; color: #393939; font-size: 1.4666666667rem; } .mobile-menu__tab-icon { font-size: 1.4666666667rem; } .mobile-menu__tab-icon--img { max-height: 1.4666666667rem; } .mobile-menu__legend { font-size: 0.8rem; font-style: normal; font-weight: normal; text-transform: none; color: #393939; background-color: #ffffff; } .mobile-menu__header-wrapper { color: #393939; background-color: #f2f2f2; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.4666666667rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.4666666667rem; font-style: normal; font-weight: normal; text-transform: none; color: #393939 !important; } .mobile-menu__column { font-size: 1.2rem; font-style: normal; font-weight: normal; text-transform: none; color: #393939; margin-bottom: 3.3333333333rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 3.3333333333rem; } .mobile-menu__column-title { margin-bottom: 0.8rem; } .mobile-menu__links-list-li { padding-top: 0.5333333333rem; padding-bottom: 0.5333333333rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #393939; } .mobile-menu__footer { border-top: none 1px; color: #393939; background-color: #f2f2f2; } /*** PS_FacatedSearch ***/ #search_filters .noUi-connect { background: #695c52; } /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: rgba(255, 255, 255, 0); color: rgba(0, 0, 0, 0.43); } .swiper-pagination-bullet { background: #000000; } .swiper-pagination-product { display: none !important; } /*** Product miniature ***/ .products.row { margin: -1rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 1rem; } .swiper-container-wrapper { margin: -1rem; } .swiper-container-wrapper .products.swiper-container { padding: 1rem; } .swiper-container-wrapper .product-carousel { padding: 1rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 1rem; } .product-miniature { border: none 1px; outline: 1px none transparent; } .product-miniature-grid .product-title { font-size: 1.0666666667rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 1.0666666667rem; font-style: normal; font-weight: bold; text-transform: none; } @media (hover: hover) { .product-miniature:hover { outline: none 1px #f2f2f2; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); } } .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-reference { display: none !important; } .products-grid .product-miniature .product-brand { display: none !important; } .products-grid .product-miniature .product-description-short { display: none !important; } .products-grid .product-miniature .product-add-cart { 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.5rem 1rem; background: black; color: #ffffff; border: none 1px; } .btn-product-list:hover { background: #ffffff; color: #000000; } .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: 1rem; } .products-grid .product-miniature-layout-2 .product-add-cart { display: none !important; } .products-grid .product-miniature-layout-2 .products-variants { padding-top: 0rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 1rem; } .products-grid .product-miniature-layout-3 .product-description { background: rgba(40, 44, 51, 0.93); } .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.8666666667rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 1px; } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #000000; 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: #000000; 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; } #main #main-product-wrapper { transition: opacity 0.3s ease; } #main.-combinations-loading { position: relative; } #main.-combinations-loading #product-preloader { display: block; position: absolute; z-index: 10; top: -10px; } #main.-combinations-loading #main-product-wrapper { opacity: 0.3; } #wrapper { background: #f2f2f2; border-top: none 1px; border-bottom: none 1px; padding-top: 0.0666666667rem; padding-bottom: 0.0666666667rem; color: #393939; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 0rem; padding-bottom: 0rem; } #content-wrapper .page-title { color: #393939; font-size: 2.5333333333rem; 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%; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #393939; } #content-wrapper .page-title span { margin-right: 0.5rem; } #content-wrapper .page-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: none 1px #e3e3e3; } #content-wrapper .section-title { color: #393939; font-size: 1.3333333333rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: none 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #393939; } .nav-tabs .nav-link { color: #393939; font-size: 1.3333333333rem; 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: #393939; border-bottom: solid 3px #ffc000; } .iqit-accordion .title { font-size: 0.9333333333rem; font-style: normal; font-weight: bold; text-transform: none; } .iqit-accordion .title a:link:not(.nav-link):not(.btn), .iqit-accordion .title a:visited:not(.nav-link):not(.btn) { color: #393939; } .iqit-accordion .nav-link { border-bottom: solid 3px #ffc000; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #393939; border-bottom: solid 3px #ffc000; } #wrapper .block-title { color: #393939; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #393939; } #left-column .block, #right-column .block { border: none 1px; } #footer, #checkout-footer { background: #595959; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: solid 1px #ffc000; background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #999999; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #2e2323; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #ffffff; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #999999; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #999999; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #999999; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #999999; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 1.0666666667rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #f2f2f2 !important; } #footer .social-links._footer a:hover, #checkout-footer .social-links._footer a:hover { color: #ffc000 !important; } #footer .block-title, #checkout-footer .block-title { color: #999999; font-size: 1.0666666667rem; font-style: normal; font-weight: normal; text-transform: none; border-bottom: none 6px #49b540; margin-bottom: 0.8em; padding-bottom: 0.5em; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #999999; } #footer-container-first { border-top: none 1px; padding-top: 3.3333333333rem; padding-bottom: 3.3333333333rem; background: #ffffff; color: #999999; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: normal; text-transform: none; } #footer-container-main, #checkout-footer { border-top: none 1px; padding-top: 0.6666666667rem; padding-bottom: 0; color: #999999; } #footer-container-main a, #checkout-footer a { color: #999999; } #footer-container-main a:hover, #checkout-footer a:hover { color: #ffc000; } #footer-copyrights { border-top: solid 1px #a1a1a1; background: #595959; } #maintenance-page { background: #ffffff; color: #555555; } #maintenance-page a, #maintenance-page a:link { color: #555555; } .maintenance-page-newsletter .maintenance-page-newsletter-btn { background: #2e2323; color: #ffffff; } .maintenance-page-newsletter .maintenance-page-newsletter-btn:hover { background: #333333; color: #ffffff; } .maintenance-page-newsletter input[type=email] { border: solid 1px #2e2323; background: #f5f5f5; color: #555555; } .maintenance-page-newsletter input[type=email]::-webkit-input-placeholder { color: #555555; } .maintenance-page-newsletter input[type=email]::-moz-placeholder { color: #555555; } .maintenance-page-newsletter input[type=email]:-ms-input-placeholder { color: #555555; } .maintenance-page-newsletter input[type=email] :-moz-placeholder { color: #555555; } /*GLOBAL*/ @media (max-width: 1400px){ main { margin: 0px auto; } } #main .page-content{ margin-bottom: 0; } #wrapper{ padding-bottom:0; } h2{ font-size: 2.7rem; font-weight: normal; line-height: 1.2em; } a.yellow{ color: #ffc000 !important; text-decoration: none; font-weight: normal !important; } a.yellow:hover{ color: #ffc000 !important; text-decoration: underline; font-weight: normal !important; } .fa-angle-right{ color: #FFC000; } .btn{ border-radius: 5px; } .container, .container-fluid{ padding-right: 3em; padding-left: 3em; } .fa-3x{ color: #FFC000; } .download-button{ font-size: 29px; text-transform: none; } .download-button::after { content: "\f0ed"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin-left: 8px; } .wpcf7 h3{ display: none; } .dropdown-item i{ margin-right: 4px; } .dropdown-item:has(b) { padding-top: 15px; padding-bottom: 0; } .cbp-hrmenu .cbp-links li{ margin: 0; } .cbp-category-link-image{ display: flex !important; align-items: center; column-gap: 5px; line-height: 17px; } .cbp-category-title{ line-height: 1.7rem; } .swiper-button-next, .swiper-button-prev{ background-color: #dfdfe4; border-radius: 50%; height: 36px; width: 36px; padding: 1rem; color: rgba(0, 0, 0, .56); /*margin-top: -18px;*/ } .swiper-button-next:after, .swiper-button-prev:after{ font-size: 22px; font-weight: bold; } .elementor-element .swiper-slide-image{ margin: 0 3.5em; } /* TAB Destockage rouge */ .elementor-element-vfyg07s ul > li:last-child > a { color: red !important; } /* Desktop : 5 colonnes par ligne */ @media (min-width: 1025px) { .responsive-grid > .elementor-container > .elementor-row { display: flex; flex-wrap: wrap; } .responsive-grid .elementor-column { width: 20% !important; max-width: 20% !important; flex: 0 0 20% !important; } } /* Mobile : 2 colonnes par ligne */ @media (max-width: 1025px) { .responsive-grid .elementor-column { width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; } } .cbp-empty-column .cbp-column-title{ display: none; } /*LEA*/ #cms .titre-bold .elementor-text-editor p{ font-size: 24px; } .titre-bold h1, .titre-bold h2, .titre-bold h3 { font-family: ArialNovaCond-Bold, sans-serif; font-weight: 600; } .list-disc { margin-left: 66px; list-style: disc; } .list-disc::markeur { color: #ffc71d !important; } .check-liste { font-size: 20px; margin-left: 30px; margin-right: -10px; font-family: inherit; /* Retire Wingdings */ position: relative; } /* Masquer le "ü" */ .check-liste::before { content: "\f00c"; /* Unicode Font Awesome pour le check */ font-family: "Font Awesome 6 Pro"; /* Assurez-vous d'utiliser la bonne version */ font-weight: 900; /* Important pour fa-solid */ color: #ffc000; position: absolute; left: 0; top: 0; } .check-liste { color: transparent; /* Cache le texte 'ü' */ } .list-style-indent { text-indent: -30px; } .w-30 { width: 30% } .btn-absolute .elementor-button-wrapper { position: absolute; left: 50%; top: 16px; transform: translate(-50%, 0); } .btn-absolute-sam .elementor-button-wrapper { position: absolute; left: 50%; top: -21px; transform: translate(-50%, 0); z-index: 1; } .space-evenly .elementor-row { justify-content: space-evenly; } .gap-40 .elementor-row { gap: 40px } .mt-40 .elementor-row { margin-top: 40px; } .nav-tabs { margin-bottom: 0.5em; border: none; } .nav-tabs .nav-link { padding: 25px 20px; } .tab-responsive .nav-tabs .nav-link.active, .tab-responsive .nav-tabs .nav-link:hover, .tab-responsive .nav-tabs .nav-link:focus { background: #fff2cc; padding: 25px 20px; clip-path: polygon(68% 0, 100% 53%, 100% 100%, 0 100%, 0 0); } .tab-responsive .tab-simple .nav-tabs .nav-link.active, .tab-responsive .tab-simple .nav-tabs .nav-link:hover, .tab-responsive .tab-simple .nav-tabs .nav-link:focus { background: none; color: #ffc000; border: none; } .tab-responsive .nav-link i { font-size: 45px; padding-bottom: 15px; } .tab-responsive td { vertical-align: top; } .tab-simple .nav-tabs { justify-content: space-around; border-bottom: solid 1px #a6a6a6; } .tab-simple .row { display: flex; padding: 20px 50px; flex-wrap: wrap; } .tab-simple .nav-tabs .nav-link:hover, .tab-simple .nav-tabs .nav-link.active { color: #ffc000; } .tab-check .elementor-accordion-content { padding: 0px 15px; border-left: 1px solid #ffc000 !important; margin-left: 30px; } .tab-check tr { border-bottom: 1px solid #d0cece; } .tab-check tr td:nth-child(3) { background-color: #fffaf6; } .elementor-tab-title { text-align: center } .elementor-tab-title i { font-size: 25px; padding-bottom: 10px; } .elementor-blog-posts .row.simpleblog-posts .simpleblog-posts-column { padding: 1rem 0; } .plus::before { content: "\2b"; position: absolute; top: 50%; right: -52px; z-index: 2; color: #ffc107; font-size: 130px; font-weight: bold; } .hgradient-black > .elementor-element-populated::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(38, 38, 38, 0.93) 49%, rgba(176, 176, 176, 0) 99%); pointer-events: none; } .gradient-black .elementor-element-populated::before { content: ""; position: absolute; top: 0; left: 0; border-radius: 10px; width: 100%; height: 100%; background: linear-gradient(to right, rgba(38, 38, 38, 0.93) 49%, rgba(176, 176, 176, 0) 99%); pointer-events: none; } .gradient-white::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0.96) 49%, rgba(176, 176, 176, 0) 99%); pointer-events: none; } @media (min-width: 1400px){ .by-right { border-right: 1px solid #ffc000; } } .elementor-element.elementor-element-ixfjkru > .elementor-background-overlay { background-position: top 40px right 50px !important; background-size: 100px; } .accordion-fleche a{ color: #FFC000 !important; } .accordion-fleche a:hover{ color: #FFC000 !important; text-decoration: underline; } .accordion-fleche .elementor-accordion-content p { margin-left: 31px; } .accordion-fleche .elementor-accordion .elementor-accordion-content { padding: 0px 20px; } .accordion-fleche .elementor-accordion .elementor-accordion-title .elementor-accordion-icon .fa:before { content: "⏵"; color: #ffc000; font-size: 20px; } .tab-check .elementor-accordion .elementor-accordion-title .elementor-accordion-icon .fa:before { content: "\f054"; color: #ffc000; } .accordion-fleche .elementor-accordion .elementor-accordion-title.active .elementor-accordion-icon .fa:before { content: "⏷"; } .tab-check .elementor-accordion .elementor-accordion-title.active .elementor-accordion-icon .fa:before { content: "\f078"; } .accordion-plus .elementor-accordion .elementor-accordion-item { border: none; border-bottom: 1px solid #f4b183; } .accordion-plus .elementor-accordion .elementor-accordion-title .elementor-accordion-icon .fa:before { content: "\f067"; color: #f4b183; } .form form input, .form form textarea { border : 1px solid #faddca; } .form form textarea { height: 120px; } .form form input::placeholder, .form form textarea::placeholder { color: #a6a6a6; font-size: 16px } .tabs-y { background-color: #fff2cc; padding: 1em; } .tabs-y td{ padding: 0 1.5em !important; } /*Fin LEA*/ .bg-blur { position: relative; overflow: hidden; z-index: 1; } .bg-blur::before { content: ""; position: absolute; inset: 0; /* équivalent de top/left/right/bottom à 0 */ background: inherit; filter: blur(3px); transform: scale(1.05); /* pour éviter les bords visibles */ z-index: 0; } .bg-blur > .elementor-container { position: relative; z-index: 1; } /*GREYS*/ .lightgrey a { color: #f2f2f2 !important; text-decoration: none; -webkit-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out; } .lightgrey a:focus, .lightgrey a:hover { color: #ffc000 !important; } .lightgrey a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .lightgrey a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } .lightgrey a:not([href]):not([tabindex]):focus, .lightgrey a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } .lightgrey a:not([href]):not([tabindex]):focus { outline: none; } .mediumgrey { color: #999999; } .mediumgrey label{ color: #999999 !important; } .mediumgrey a { color: #999999; text-decoration: none; -webkit-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out; } .mediumgrey a:focus, .mediumgrey a:hover { color: #ffc000; } .mediumgrey a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .mediumgrey a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } .mediumgrey a:not([href]):not([tabindex]):focus, .mediumgrey a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } .mediumgrey a:not([href]):not([tabindex]):focus { outline: none; } .light-shadow{ box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px !important; } /*GLOBAL HEADER*/ .col-header-right{ padding-left: 0; } .col-header-right .justify-content-end{ align-items: center; } .col-help-contact{ padding-left: 8em !important; } .iqit-megamenu-container{ padding:0; } .container-iqitmegamenu{ padding:0; padding-right:2.5em; } .iqitmegamenu-submenu-container{ padding:0; } .cbp-hrmenu .cbp-tabs-container{ margin-right: 0; } .cbp-hrmenu .tabs-links{ background-color: #FFF; } .cbp-hrmenu .cbp-show{ box-shadow: rgba(99, 99, 99, 0.2) 0px 4px 8px -2px; } .dropdown-menu{ box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .cbp-hrmenu-tab-8 .iqitmegamenu-submenu-container, .cbp-hrmenu-tab-9 .iqitmegamenu-submenu-container, .cbp-hrmenu-tab-10 .iqitmegamenu-submenu-container, .cbp-hrmenu-tab-19 .iqitmegamenu-submenu-container{ padding:0 2em; } .cbp-hrmenu .cbp-hrsub-inner .iqitmegamenu-submenu-container > .row:last-child{ margin-bottom: 0; } a.dropdown-item b{ font-size: 1.1rem; color: #999; } a.dropdown-item:hover{ color: #FFC000 !important; background-color: #F2F2F2 !important; } ul.cbp-tabs-names{ margin-left: 2em; } #cbp-hrmenu-tab-10 > a::before, #cbp-hrmenu-tab-19 > a::before, #cbp-hrmenu-tab-20 > a::before { content: ''; position: absolute; top: 10px; left: 0; height: 20px; width: 1px; background-color: #393939; } .cbp-hrmenu .cbp-mainlink-iicon, .cbp-hrmenu .cbp-mainlink-icon{ vertical-align: bottom; } .fa-leaf{ color: #d3edd3; } .fa-comments, .fa-question-circle, .fa-message-captions{ color: #ffc000; } a[data-target="#iq-17-innertab-2"] { font-size: 12px; color: red; padding: 5px 16px !important; } .reassurance-header{ width: 225px; font-size: 13px; line-height: 15px; text-align: left; display: block; } .reassurance-header span:first-of-type { font-size: 22px; } .reassurance-header i{ font-size: 29px; float: left; margin-right: 15px; color: #FFC000; } #header .desktop-header-style-1 .col-header-center .search-widget, #header .desktop-header-style-2 .col-header-center .search-widget{ margin: 0 0 0 auto; } .search-widget .form-search-control{ padding: 1rem; } .search-widget form { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .search-widget form input{ background-color: #FFF; } .search-widget form input::placeholder { color: #999; } .search-widget .fa-search{ color: #999; } .btn-destocking { color: white; background-color: #e00000; } /*GLOBAL FOOTER*/ #footer-container-main, #checkout-footer{ padding: 1em 3em 0; } #footer #footer-container-first{ padding: 0; background-color: #595959; } #footer-copyrights._footer-copyrights-2 .copyright-img, #footer-copyrights._footer-copyrights-2 .copyright-txt{ margin-bottom: 0; } #footer .footer-style-3, #footer-container-main.footer-style-4, #footer-copyrights._footer-copyrights-2{ border-top: 1px solid hsla(0, 0%, 63%, .25); } #footer .ps-emailsubscription-block .newsletter-input-group{ border: solid 1px #ffc000; background: #ffffff; border-radius: 8px; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:not(:hover){ background-color: #FFC000; } #footer .newsletter-social{ color: #999; } #footer-container-main > .container{ border-top: 1px solid hsla(0,0%,63%,.25); padding: 35px; } #footer .footer-container{ border-top: none; } #footer .block-iqithtmlandbanners-html h5{ display: none; } #footer .block-iqitcontactpage{ display: none; } #footer .block-iqithtmlandbanners-html{ padding: 35px; } #footer .newsletter-background-white { background-color: #ffffff; /* Fond blanc */ height: 250px; /* Hauteur ajustable selon votre design */ position: relative; z-index: 1; } #footer .newsletter-section { background-color: #FFF2CC; /* Fond jaune clair */ padding: 30px 130px; text-align: center; max-width: 920px; margin: -200px auto 0; /* Permet de chevaucher le blanc et le gris */ border-radius: 15px; /* Coins arrondis */ color: #333; /* Texte sombre */ position: relative; z-index: 2; } #footer .newsletter-text { font-size: 2.5rem; line-height: 2.5rem; margin-bottom: 20px; } #footer .newsletter-subsection { margin: 0 30px; border-top: solid 2px #FFC000; } #footer .newsletter-subtext { margin: 20px 0; font-size: 1.4rem; font-style: italic; } #footer .newsletter-email-input { max-width: 400px; margin: 20px auto; } #footer .newsletter-email-note { font-size: 0.8rem; color: #A6A6A6; /* Texte de note en gris moyen */ margin-top: 15px; line-height: 1.5; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription{ font-size: 20px; } .reassurance-footer{ font-size: 14px; text-align: left; display: block; text-align: center; } .reassurance-footer i{ font-size: 50px; display: block; margin-bottom: 10px; } #footer .block-title{ font-size: 25px; font-weight: bold; } #footer #iqithtmlandbanners-block-13{ padding: 0 3em; text-align: center; } #footer #iqithtmlandbanners-block-13 i{ font-size: 40px; padding: 10px 16px; } #footer #iqithtmlandbanners-block-13 .block-content.rte-content a{ padding: 0 1em; } /*PAGE INDEX*/ #index #inner-wrapper{ padding-right: 0px; padding-left: 0px; } #index .elementor-products-tabs .nav-link{ font-size: 1.7rem; } #index .main-slider .swiper-slide-image{ margin: 0 2em; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px !important; } /*PAGE CATEGORY*/ #category #inner-wrapper{ padding-right: 0px; padding-left: 0px; } #category h1{ text-transform: uppercase; font-family: ArialNovaCond-Bold, Sans-serif; font-size: 43px; } #category #content-wrapper .page-title{ text-transform: uppercase; } #category #js-product-list-header{ display: none; } @media (min-width: 768px) { #category .filter-button { display: none; } } .category-image { display: flex; align-items: flex-start; gap: 30px; margin: 0 3em; } .category-image .category-description{ position: relative; color: #393939; font-size: 26px; line-height: 30px; padding-bottom: 1em; margin: 0; } .category-description { flex: 1; } .category-image picture { flex-shrink: 0; } .category-description .rte-content { display: inline; } .category-description .rte-content p { display: inline; } .category-description .rte-content a.yellow { display: inline; white-space: nowrap; margin-left: 0.3ch; } #category .category-summary{ z-index: 1; } #category #subcategories div{ row-gap: 2em; } #category .elementor-image-box-wrapper{ text-align: center; font-size: 20px; } #category .elementor-image-box-img{ margin-bottom: 10px; } #category .block_subcategory{ margin: 3em 0; row-gap: 3em; column-gap: 3em; } #category .block_subcategory_content{ background-color: #ffffff; font-size: 1.4rem; line-height: 1.8rem; border-radius: 15px 15px 15px 15px; box-shadow: 0px 0px 10px 0px rgba(149, 157, 165, 0.2); padding: 0em 3em 2em 3em; flex: 0 0 calc(50% - 1.5rem); max-width: calc(50% - 1.5rem); } #category .block_subcategory_content ul{ padding: 1em 0; border-top: solid 1px #393939; } #category .block_subcategory_title{ align-items: center; } #category .block_subcategory_title h2{ font-size: 2.5rem; font-weight: normal; } #category .block_subcategory_content:last-child .block_subcategory_title h2 a{ color: red; } #category .block_subcategory_content:last-child .block_subcategory_title h2 a:hover{ color: #FFC000; } #category .products-selection{ background-color: #f2f2f2; font-size: 22px; margin: 0; padding: 1.5rem 0; } #category .select-title .select-title-name{ display: inline; } #category .products-sort-nb-dropdown{ padding-right: 45px; } #category #left-column .products-selection{ padding-left: 45px; } #category .active-filter-title{ display: none; } .block.block-facets .facet:first-of-type .block-title { border: none !important; } #category #wrapper .block-title{ padding: 0.5em 45px 0; font-size: 1.2rem; border-top: solid 1px #e3e3e3; border-bottom: 0; margin: 0.5em 0 0; } #category #search_filters .facet .facet-label{ margin-bottom: 0; } #category .custom-checkbox input[type=checkbox]+span{ height: 20px; width: 20px; } #category .second-category-description { font-size: 19px; } #category .second-category-description h2{ font-size: 2.5rem; font-weight: normal; line-height: 1.1; margin: 2rem 0 0.8rem; } #category .second-category-description h3{ font-size: 2.5rem; font-weight: normal; line-height: 1.1; margin: 2rem 0 0.8rem; } #category .second-category-description a{ color: #FFC000; } #category .second-category-description a:hover{ color: #FFC000; text-decoration: underline; } #category #second-category-description{ background-color: #ffF; padding: 0 2em; } #category .facet ul{ padding: 0.5em 3em; } #category #search_filters .facet{ padding-top: 0; } #category .facet-label { display: flex; align-items: center; } #category .custom-checkbox { display: flex; align-items: center; } #facets_search_wrapper { height: 1700px; overflow-y: auto; } #facets_search_center .filter-button{ text-align: center; } #facets_search_center #search_center_filter_toggler{ background-color: #F8F8F8; color: #FFC000; } .products-sort-nb-dropdown .dropdown-menu a:nth-last-of-type(-n+2) { display: none; } .js-search-link{ padding: .2em .4em; } /*Fond blanc*/ #category .left-column{ background-color: #fff; } #category .products.row{ padding: 2em 3em; } /*PAGE PRODUIT*/ /*Fond blanc*/ #product .col-product-image{ background-color: #fff; } #product-infos-tabs-content{ background-color: #fff; padding: 3em 4em; } #product #main-product-wrapper{ padding: 0 1em; } /*Short Desc.*/ #product .col-product-info{ padding-left: 25px; } .price-information{ font-size: 22px; font-style: normal; font-weight: bold; text-transform: none; } #product .product-description{ font-size: 18px; } #product .product-description .rte-content a{ color: #FFC000; } #product .product-description .rte-content a:hover{ color: #FFC000; text-decoration: underline; } #product .product-description li{ padding: 2px; } #product .product-description li:first-child{ font-weight: bold; } #product .form-control-label{ color: #999; } #product .social-sharing{ display: none; } #product .product-features>dl.data-sheet dt.name{ font-size: 18px; } /*Dropdown*/ #product .product-variants>.product-variants-item .custom-select2 { max-width: 100%; width: 100%; } .an-pf-field{ padding: 0 !important; } .an-pf-fields-wrap{ padding: 0 !important; } .an-pf-field-red{ display: none !important; } .an-pf-field-label-title{ color: #999 !important; } /*Btn ATC*/ #product .add-to-cart, #cart .add-to-cart, .cart-content-btn .add-to-cart{ width: 100%; font-weight: bold; font-size: 22px; padding: 13px 42px; margin-bottom: .8rem; text-transform: uppercase; } #product .add-to-quote, #cart .add-to-quote, .cart-content-btn .add-to-quote{ padding: 8px 42px; font-size: 18px; } #product .product_p_price_container { margin-top: 0; border-top: 0; padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; } #product .nav-link[data-toggle="tab"]{ font-size: 22px; text-transform: uppercase; } #product .product-reassurance{ text-align: center; padding-bottom: 1em; } #product .product-reassurance a:not(:hover){ color: #999; } /*Chapo*/ #product p.top-product-description { font-size: 26px; font-weight: 700; color: #404040; line-height: normal; } #product .product-description h3{ font-size: 2rem; margin-top: 1rem; } #product #product-availability b{ font-size: 22px; } .discount { background: red; color: #ffffff; } /* Make the image block the clipping container */ .thumbnail-container { position: relative; overflow: hidden; /* <-- prevents the ribbon from spilling below */ } /* Reset the flags list */ .product-flags { position: absolute; top: 0; left: 0; margin: 0; padding: 0; list-style: none; width: 100%; pointer-events: none; /* ribbon not clickable */ z-index: 2; } /* Diagonal "Nouveau" ribbon */ .product-flag.new { position: absolute; top: 71px; /* décale plus bas */ left: -20px; /* rapproche vers l’intérieur */ text-align: center !important; background: #ffc000; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; width: 130px; /* largeur fixe */ text-align: center; line-height: 1.4; padding: 4px 0; transform: rotate(-45deg); transform-origin: 0 0; /* point d’ancrage en haut/gauche */ box-shadow: 0 2px 4px rgba(0,0,0,.2); pointer-events: none; } /* Optional: smaller ribbon on mobile to avoid clipping too much */ @media (max-width: 480px) { .product-flag.new { left: -34px; padding: 5px 44px; font-size: 11px; } } /* Diagonal "Nouveau" ribbon */ .product-flag.discount { position: absolute; top: 71px; /* décale plus bas */ left: -20px; /* rapproche vers l’intérieur */ text-align: center !important; background: red; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; width: 130px; /* largeur fixe */ text-align: center; line-height: 1.4; padding: 4px 0; transform: rotate(-45deg); transform-origin: 0 0; /* point d’ancrage en haut/gauche */ box-shadow: 0 2px 4px rgba(0,0,0,.2); pointer-events: none; } /* Optional: smaller ribbon on mobile to avoid clipping too much */ @media (max-width: 480px) { .product-flag.discount { left: -34px; padding: 5px 44px; font-size: 11px; } } /* === Page produit : rubans "Nouveau" / "Discount" === */ /* PAGE PRODUIT — garder le ruban visible même au hover */ .product-cover { position: relative; overflow: hidden; } /* La liste des flags au-dessus de tout (zoom, overlay, etc.) */ .product-cover .product-flags { position: absolute; top: 0; left: 0; margin: 0; padding: 0; list-style: none; pointer-events: none; z-index: 9; /* plus haut que l’overlay de zoom */ opacity: 1 !important; visibility: visible !important; } /* Si un style de thème masque les flags au hover, on neutralise */ .product-cover:hover .product-flags { opacity: 1 !important; visibility: visible !important; } /* Style commun du ruban diagonal */ .product-cover .product-flag { position: absolute; top: 90px; /* tes coordonnées */ left: -23px; width: 170px; /* largeur fixe => FR/EN ok */ padding: 8px 0; text-align: center; color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; line-height: 1.2; box-shadow: 0 2px 4px rgba(0,0,0,.2); transform: rotate(-45deg); transform-origin: 0 0; pointer-events: none; } /* Couleurs par type */ .product-cover .product-flag.new { background: #ffc000; } .product-cover .product-flag.discount { background: red; } /* Ajustements responsive si besoin */ @media (max-width: 991px) { .product-cover .product-flag { left: -20px; width: 150px; padding: 7px 0; font-size: 13px; } } @media (max-width: 576px) { .product-cover .product-flag { top: 65px; left: -18px; width: 130px; padding: 6px 0; font-size: 12px; } } /*Masque Tarifs*/ #product .product-variants-item-23{ display: none; } #product .tablecombz-table thead th:last-child{ display: none; } #product .tablecombz-table tbody tr td:last-child{ display: none; } #product .tablecombz-table thead tr th{ width: 1%; } #product .product-accessories,#product .crossselling-products{ margin: 0 -3em; text-align: center; } #product p.section-title, #product h4.section-title{ font-size: 2.7em; background-color: #FFF; margin: 0; padding: 2em 3em 0.5em; } #product .swiper-container-wrapper{ background-color: #fff; margin: 0; } #product .label{ transform: unset; } /*PAGE CMS*/ #cms #inner-wrapper{ padding: 0; } #cms .hgradient-black .elementor-text-editor p{ font-size: 33px; } #cms .fichier-antivol .elementor-text-editor p, #cms .fichier-antivol .elementor-button-text{ font-size: 1rem; font-weight: normal; } #cms .fichier-antivol h3.elementor-heading-title a{ font-size: 1.3rem; } #cms .elementor-text-editor p,#cms .elementor-text-editor li{ font-size: 20px; } #cms .h1{ display: none !important; /* A RETIRER */ } #cms h2{ padding-top: 0.5em; } #cms h5{ display: none; } #cms .top-cms{ font-size: 26px !important; font-weight: 700; color: #404040; line-height: normal; } #cms .category-cms { font-weight: 700; font-size: 22px; margin-bottom: 10px; } /* #cms .elementor-text-editor a{ color: #FFC000; } */ #cms .menu-cms ul{ list-style: none !important; padding-left: 0 !important; } #cms .elementor-accordion-content ul{ list-style: disc; padding-left: 4em; } #cms .elementor-accordion-content a{ color: #FFC000; } #cms .elementor-accordion-content a:hover{ color: #FFC000; text-decoration: underline; } #cms .elementor-text-editor a:hover{ color: #FFC000; } #cms .elementor-accordion .elementor-accordion-title.active .elementor-accordion-icon .fa:before{ color: #FFC000; } #cms .menu-cms li{ padding: 3px 0 } #cms .menu-cms a{ color: #393939; } #cms .menu-cms a:hover{ color: #FFC000; text-decoration: none; } #cms .elementor-accordion-title:hover{ color: #FFC000; } #cms .elementor-icon-list-item{ display: flex; } #cms form > .wpcf7-form-control-wrap{ font-size: 20px; } #cms .rappel{ margin-top: 20px; margin-bottom: 0; } #cms .newsletter{ margin-bottom: 10px; } #cms input[type="checkbox"] { appearance: none; width: 20px; /* Définit la largeur */ height: 20px; /* Définit la hauteur */ border: 1px solid #faddca; border-radius: 4px; /* Ajoute des bords arrondis */ cursor: pointer; position: relative; background-color: #FFF; } #cms input[type="checkbox"]:checked::before { content: "✔"; /* Ajoute un check mark */ font-size: 16px; color: #faddca; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #cms .elementor-button{ box-shadow: 2.1px 2.1px 5.3px rgba(0, 0, 0, 0.4); transition: all 0.1s ease-in-out; } #cms .elementor-button:active{ top: 4px; /* Le bouton "descend" */ box-shadow: 0 0 0 #0056b3; /* Plus d'ombre visible */ } #cms button,#cms .elementor-button-text, #cms .elementor-button-icon{ font-size: 20px; text-transform: none; } #cms .elementor{ background-color: #FFF; } #cms .elementor-text-editor a{ color: #FFC000; } #cms .elementor-text-editor a:hover{ color: #FFC000; text-decoration: underline; } #cms .tab-responsive h3{ font-size: 34px; text-align: center; padding-bottom: 1em; } #cms .elementor-tab-content a{ color: #FFC000; } #cms .elementor-tab-content a:hover{ color: #FFC000; text-decoration: underline; } /* FIX ancres desktop */ #cms .elementor-tab-content{ scroll-margin-top: 140px; } #cms .accordion-fleche .elementor-accordion-title{ display: flex; column-gap: 10px; line-height: 1.1em; } #cms .elementor-accordion .elementor-accordion-title .elementor-accordion-icon{ width: auto; } #cms .tab-check .elementor-accordion .elementor-accordion-title .elementor-accordion-icon{ width: 1.5em; } #cms .more a{ color: #393939; } #cms .more a:hover{ color: #FFC000; text-decoration: none; } @media (min-width: 1200px){ #cms .swiper-container-wrapper{ display: flex; } #cms .products-grid{ justify-content: center; } } #cms .product-category-name{ display: none; } #cms h2.product-title{ font-size: 14px; } #cms .etude .elementor-widget-text-editor{ padding-left: 30px; } #cms .etude p{ text-indent: -30px; } #cms .sam-links{ font-size: 20px; } /*PAGE CONTACT*/ /*Fond blanc*/ #contact .contact-box { margin-bottom: 16px; background-color: #FFF; padding: 15px 25px; font-size: 22px; line-height: 28px; } #contact .contact-box h2{ font-size: 2rem; } #contact .contact-box a.yellow{ color: #FFC000; } #contact .contact-box a.yellow:hover{ color: #FFC000; text-decoration: underline; } #contact #inner-wrapper{ padding: 0 45px; } #contact .wpcf7 h3{ display: none; } #contact .wpcf7-form-control:not(input[type=submit]){ background-color:#FFF; color: #999; } #contact .wpcf7-form-control::placeholder{ color:#999; } #contact .wpcf7-submit{ background-color: #FFC000; color: #000; border-radius: 5px; font-size: 18px; } #contact .wpcf7-submit:hover{ background-color: #000; color: #FFF; } #contact .button_choosefile{ display: none; } /*Select style*/ #contact select#dropdown{ height: 50px; font-size: 25px; color: #999; width: 100%; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-appearance: none; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-position-x: 99%; background-size: 20px 20px; padding-right: 32px; padding-left: 10px; margin-bottom: 1em; } #contact input[type=file]{ padding: 0; } #contact input[type=file]::file-selector-button { margin-right: 20px; border: none; background: #FFC000; padding: 10px 20px; color: #000; cursor: pointer; transition: background .2s ease-in-out; font-weight: bold; } #contact input[type=file]::file-selector-button:hover { background: #000; color: #FFF; } #module-iqitsearch-searchiqit #left-column{ display: none; } #module-iqitsearch-searchiqit #content-wrapper{ flex: 0 0 100%; max-width: 100%; } #module-iqitsearch-searchiqit #js-product-list,#module-iqitsearch-searchiqit .simpleblog-posts{ background-color: #FFF; } .autocomplete-suggestions{ background-color: #FFF; } #blockcart-modal .modal-dialog{ max-width: 450px; } #cart .cart-grid-body, #cart .cart-summary, #checkout .checkout-step, #checkout .cart-summary{ background-color: #FFF; border: solid 1px #DDD; margin-bottom: 1em; } #cart .price{ font-size: 1.5rem; margin: 0; } #cart .cart-grid-body .input-group, #checkout .col-md-8 .form-control{ border: 1px solid rgba(160, 160, 160, .25); } #cart .js-cart-line-product-quantity{ padding: .6rem; } #cart .cart-reassurance, #checkout .cart-reassurance{ padding: 1em 0; } #cart .cart-reassurance i, #checkout .cart-reassurance i{ color: #FFC000 !important; } #cart .page-title{ font-size: 30px; margin-bottom: 0; padding-top: 1em; } .cart-grid{ margin-bottom: 0; } .product-line-info{ line-height: 1; } .product-line-info-secondary{ line-height: 1.2 !important; } .col.col-9 .product-line-info-secondary:nth-of-type(2) { padding-top: 5px; } /* Met le conteneur en flex */ .custom-checkbox{ display:flex; align-items:flex-start; /* aligne le texte en haut si plusieurs lignes */ gap:8px; } /* PrestaShop masque souvent l'input : on le laisse invisible mais présent pour l’accessibilité */ .custom-checkbox input[type="checkbox"]{ position:absolute; opacity:0; width:18px; height:18px; margin:0; } /* La "fausse" case : c’est le span suivant l’input */ .custom-checkbox input[type="checkbox"] + span{ flex:0 0 18px; /* <- empêche l’écrasement */ width:18px; height:18px; border:2px solid #777; border-radius:3px; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; } /* L’icône check est cachée par défaut */ .custom-checkbox input[type="checkbox"] + span i{ display:none; font-size:12px; line-height:1; } /* Quand c’est coché, on affiche l’icône */ .custom-checkbox input[type="checkbox"]:checked + span i{ display:block; } /* Le texte prend tout l’espace restant */ .custom-checkbox label{ flex:1 1 auto; margin:0; cursor:pointer; min-width:0; /* évite les débordements */ } .block-promo .voucher-icon{ padding-top: .8rem; } .address-item{ background-color: #F9F9F9; } .js-address-form p:first-of-type { color: red; } #checkout section.checkout-step .add-address a i{ font-size: 4rem !important; } #checkout #payment-option-2-container{ display: none; } .order-confirmation-details{ background-color: #FFF; padding-top: 2em; } /*BLOG*/ .blog-container{ margin: -20px 0 0 -30px; } .blog-header { background-image: url(/img/cms/bg-listing-blog.jpg); width: 1380px; height: 566px; } .blog-header-desc { position: relative; top: 65%; left: 50%; transform: translate(-50%, -50%); width: 480px; text-align: center; } .blog-header-desc h1,.blog-header-desc h2{ margin-bottom: 20px; } .blog-header-desc h2{ font-weight: normal; font-size: 27px; } /*BLOG SINLGE*/ .simpleblog__listing{ padding: 0 2em; } .simpleblog__listing__pagination{ padding: 0 2em; } .simpleblog__listing__post{ padding: 0 1em; } .simpleblog__listing__post__wrapper{ background-color: #f2f2f2; } .simpleblog__listing__post__wrapper__content{ padding: 0 1em 1em !important; } .simpleblog__listing__post__wrapper__footer{ display: none; } .simpleblog_footer_btn_readmore{ padding: 0.25rem 0.75rem; } .simpleblog__listing__post__wrapper__content__footer{ margin-top: 1em; justify-content: space-between; } .simpleblog__listing__post__wrapper__content__footer__category a{ color: #FFC000 !important; } .simpleblog__listing__post__wrapper__content__headline{ font-size: 1.2rem !important; height: 56px; } .simpleblog__listing__post__wrapper__content__readmore{ display: block; font-size: 14px; font-weight: bold; color: #393939; background-color: #ffc000; padding: 5px; width: 85px; margin: 20px 0 0; } .simpleblog__post__content{ font-size: 19px; line-height: 26px; } .simpleblog__post__content h2{ font-size: 28px; } .simpleblog__post__content a{ color: #ffc000 !important; text-decoration: underline; } .simpleblog__post__content a:hover{ text-decoration: none; } #module-ph_simpleblog-single div#inner-wrapper{ background-color: #FFF; padding: 3em 6em; margin: 0 6em; } #module-ph_simpleblog-single #content-wrapper .page-title{ font-size: 3em; } #module-ph_simpleblog-category div#inner-wrapper{ background-color: #FFF; padding: 1em; } #module-ph_simpleblog-list div#inner-wrapper{ background-color: #FFF; padding: 1em; } #module-ph_simpleblog-category h1{ text-align: center; } #module-ph_simpleblog-category .back-to-blog{ padding: 0 2em; } #module-ph_simpleblog-category .fa-angle-left{ color: #FFC000; } } .sam-pricing { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .pricing-container { width: 100%; max-width: 1380px; } .slider-container { position: relative; margin-bottom: 50px; text-align: center; font-size: 2rem; } #asset-slider { margin-left: -11px; width: 102%; margin-top: 20px; } input[type="range"] { -webkit-appearance: none; appearance: none; width: 100%; height: 8px; background: #f5e9be; border-radius: 5px; outline: none; position: relative; } input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 22px; height: 22px; background: #f6ba00; border-radius: 50%; border: 4px solid #ffe58c; cursor: pointer; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } input[type="range"]::-moz-range-thumb { width: 22px; height: 22px; background: #f6ba00; border-radius: 50%; border: 4px solid #ffe58c; cursor: pointer; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } .labels { position: relative; margin-top: 10px; display: flex; justify-content: space-between; } .label { font-size: 12px; color: #666; transform: translateX(-50%); } .form-sam{ outline: none; /* Standard */ background: none; /* Retire le fond par défaut */ border: none; text-decoration: underline; /* Garde le soulignement du texte */ cursor: pointer; /* Maintient l'indicateur de clic */ display: inline; width: 87px; padding: 0; font-size: 2rem; color: #393939; } .plans { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; } .plan { background-color: #fff; padding: 20px; border: 1px solid #ddd; border-radius: 8px; width: 30%; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .plan.popular { border: 2px solid #ffa500; } .plan h3 { font-size: 2.5rem; font-weight: normal; margin-bottom: 10px; } .price { font-size: 2.5rem; margin: 20px 0 10px; line-height: 40px; color: #ffc000; } #essential-price,#pro-price,#entreprise-price{ font-size: 3rem; font-weight: bold; } .plan-detail{ text-align: left; padding: 1rem; } .plan ul { list-style: none; padding: 0; } .plan li { margin: 5px 0; } .plan-discount { color: #FFC000; font-size: 1.2rem; margin: 0; } ul.check-list { list-style: none; /* Retirer les puces par défaut */ padding-left: 0; /* Alignement à gauche */ } ul.check-list li { position: relative; padding-left: 25px; /* Espace pour l'icône */ margin-bottom: 10px; } ul.check-list li::before { content: "\f00c"; /* Unicode de l'icône fa-check */ font-family: "Font Awesome 6 Pro"; /* Famille Font Awesome */ font-weight: 900; /* Poids pour afficher les icônes solides */ position: absolute; left: 0; color: #FFC000; /* Couleur jaune */ } .buy-plan { font-size: 1.2rem; } @media (min-width: 1200px){ .w-50 { width: 50%; } } @media (max-width: 500px){ .header-nav{ display: none; } .mobile-menu__row { display: flex; flex-direction: column; } .col-mobile-menu-push #_mobile_iqitmegamenu-mobile{ height: 100dvh; } .mobile-menu__row > .mobile-menu__column { width: 100%; } .mobile-menu__column-title{ font-size: 22px; font-weight: bold; } .mobile-menu__column{ margin: 0; font-size: 1rem; } .mobile-menu__column img{ margin-top: 1.5rem; margin-bottom: 0.5rem; } .mobile-menu__back-btn{ display: flex !important; } .mobile-menu__tab--id-29 .mobile-menu__link { display: flex; align-items: center; } .mobile-menu__tab--id-29 .mobile-menu__tab-icon { order: 2; /* Met l'icône après le texte */ margin-left: 8px; /* Espacement entre le texte et l'icône */ } .mobile-menu__tab--id-29 .js-mobile-menu__tab-title { order: 1; /* Met le texte avant l'icône */ } /* Première colonne dynamique, toujours en haut */ .mobile-menu__row > .mobile-menu__column:nth-child(1) { order: 1; margin-top: -1em; } /* Ensuite, on cible les colonnes par leur ordre dans le DOM : attention, l'ordre ici doit correspondre à la structure exacte du HTML */ .mobile-menu__row > .mobile-menu__column:nth-child(2) { order: 2; } /* Image 1 */ .mobile-menu__row > .mobile-menu__column:nth-child(6) { order: 3; } /* Liste 1 */ .mobile-menu__row > .mobile-menu__column:nth-child(3) { order: 4; } /* Image 2 */ .mobile-menu__row > .mobile-menu__column:nth-child(7) { order: 5; } /* Liste 2 */ .mobile-menu__row > .mobile-menu__column:nth-child(4) { order: 6; } /* Image 3 */ .mobile-menu__row > .mobile-menu__column:nth-child(8) { order: 7; } /* Liste 3 */ .mobile-menu__row > .mobile-menu__column:nth-child(10) { order: 8; } /* Image 4 */ .mobile-menu__row > .mobile-menu__column:nth-child(14) { order: 9; } /* Liste 4 */ .mobile-menu__row > .mobile-menu__column:nth-child(11) { order: 10; } /* Image 5 */ .mobile-menu__row > .mobile-menu__column:nth-child(15) { order: 11; } /* Liste 5 */ .mobile-menu__row > .mobile-menu__column:nth-child(12) { order: 12; } /* Image 6 */ .mobile-menu__row > .mobile-menu__column:nth-child(16) { order: 13; } /* Liste 6 */ /* FIX Colonne 2 SA */ .mobile-menu__column .col-md-6:nth-child(2) { margin-top: -10px; } .mobile-menu__column a.dropdown-item{ display: flex; align-items: center; line-height: 1.1; column-gap: 5px; } .mobile-menu__column--id-10,.mobile-menu__column--id-19{ text-align: center; } .mobile-menu__column--id-10 a,.mobile-menu__column--id-19 a{ color: #FFC000 !important; text-decoration: underline; font-size: 1rem; font-weight: normal; } .mobile-menu__links-list-li{ padding-top: 0.4em; padding-bottom: 0.4em; } .dropdown-item{ border-top: 0 !important; } a.dropdown-item b{ font-size: 22px; } .dropdown-item:has(b){ padding-bottom: 5px; } .reassurance-header i { font-size: 23px; margin: 0 15px; } #language_selector .lang-flag{ width: 25px; max-width: 25px; } /* Masque le fil d'ariane*/ .breadcrumb{ display: none !important; } .reassurance-header span{ display: none; } .header-nav .d-inline-block{ display: inline !important; } .dropdown-item{ white-space: normal; } #footer-container-main > .container{ padding: 2em 0 0 0; } #footer .block-iqithtmlandbanners-html{ padding: 15px; } #footer #iqithtmlandbanners-block-13{ padding: 2em 3em; } .copyright-txt{ font-size: 12px; line-height: 1.2em; } .lh-min{ line-height: 16px; } #index .products-grid{ padding: 1em; } #index .main-slider .swiper-slide-image{ margin: 0; } #category .category-image{ margin: 2em 3em; } #category .category-image .category-description{ font-size: 16px; line-height: 24px; } #category h1.page-title{ font-size: 30px; } #category h1{ font-size: 30px; } #category .products-selection, #search_filter_toggler, #search_center_filter_toggler{ background-color: #FFF; color: #2e2323; } #category #subcategories div{ row-gap: 1em; } #category .block_subcategory_content{ flex: 100%; max-width: 100%; padding-top: 1em; } #facets_search_wrapper { height: 400px; overflow-y: auto; overflow-x: hidden; } #search_filters aside:not(:first-child) { border-left: 1px solid #e3e3e3; padding-left: 1rem; } #category .facet ul{ padding: 0.5em; } #category .fa-filter::before { content: "\e0ad"; font-family: "Font Awesome 6 Pro"; font-weight: 300; } #category .block_subcategory_content{ padding: 1em 2em; } #subcategories .row { display: flex; flex-wrap: wrap; justify-content: center; } #subcategories .elementor-column { width: 50% !important; /* pour compenser le gap */ max-width: 50% !important; padding: 1em; } .hgradient-black > .elementor-element-populated::before { background: none; } #category .products-selection{ font-size: 14px; padding-left: 2.5em; } #category #left-column{ display: none; } #category .fa-arrow-turn-down-left{ font-size: 20px; } .block.block-facets .facet:nth-child(2) .block-title { border: none !important; } #product #inner-wrapper.container { padding-right: 1em; padding-left: 1em; } #product #main-product-wrapper{ padding: 0; } #product #content-wrapper .page-title{ font-size: 26px; } .product_header_container{ padding-bottom: 0; margin-bottom: 0; padding-top: 1rem; } #product .col-product-info{ padding-left: 1em; } #product .product-info-row{ margin-bottom: 0; } #product .tab-content{ background-color: #FFF; padding: 1em; } #product .product-tabs{ display: none; } #product .product-accessories, #product .crossselling-products{ margin: 0 -1em; } #product p.section-title, #product h4.section-title{ font-size: 2.5rem; background-color: #FFF; margin: 0; padding: 1em 0.5em; } #product p.top-product-description,#product h3{ font-size: 20px !important; text-align: left !important; } #cart .cart-grid-right{ padding: 0; } #cart .cart-reassurance i, #checkout .cart-reassurance i{ font-size: 20px; } .address-item{ flex: 100% !important; } .sol-header { position: relative; z-index: 1; } /* Cible le bloc contenant le background-image pour y insérer le voile */ .sol-header > .elementor-column-wrap::before { content: ""; position: absolute; inset: 0; background-color: rgba(33, 33, 33, 0.6); /* Gris foncé à 10% */ z-index: 1; pointer-events: none; } /* Remonte le contenu au-dessus du voile */ .sol-header .elementor-widget-wrap { position: relative; z-index: 2; } .bg-blur::before { filter: blur(1px); } #cms .titre-bold h1{ text-shadow: 2.8px 2.8px 5.3px rgba(0, 0, 0, 0.4); } #cms .hgradient-black .elementor-text-editor p{ font-size: 22px; text-shadow: 2.8px 2.8px 5.3px rgba(0, 0, 0, 0.4); } .elementor-element-kkxo3ev li{ width: 33%; } .elementor-element-kkxo3ev .nav-tabs .nav-link { font-size: 16px !important; line-height: 1.2em; padding: 0.5rem 1rem; margin-right: 0.5rem; background-color: #fff2cc; } .elementor-element-kkxo3ev .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{ border: 0 !important; border-bottom: solid 3px #ffc000 !important; border-radius: 0 !important; } .products-grid .product-miniature-layout-1 .product-description{ padding: 0.1rem 1rem; } /* .tab-simple .elementor-tab-content .row { padding: 0; text-align: center } */ .tab-simple .elementor-tab-content .row .w-50{ width: 100% } .tab-responsive td { width: 100%; display: block; /*text-align: center; */ } .tab-responsive td img { width: 50%; margin: 15px 0; } .tab-responsive .nav-tabs .nav-item, .tab-simple .nav-tabs .nav-item{ width: 50% } .nav-tabs .nav-item{ margin-right: 0; } .tab-responsive .nav-tabs .nav-link.active{ color: #ffc000; } /* FIX ancres desktop */ #cms .elementor-tab-content{ scroll-margin-top: 80px; } .tabs-y a{ color: #FFC000; text-decoration: italic; } .tabs-y a:hover{ color: #FFC000; text-decoration: underline; } .accordion-fleche .elementor-accordion-content p { margin: 0 5px 0 25px; font-size: 17px; line-height: 1.2em; } .plans div { width: 100% } .tabs-y h2 { font-size: 28px; } .btn-absolute-sam .elementor-button-wrapper, .btn-absolute .elementor-button-wrapper { position: initial !important; transform: none !important } .plus::before { top: 100%; left: 50%; right: auto; bottom: -26px; transform: translate(-50%, 0); } .labels .label:not(:nth-child(1)):not(:nth-child(7)):not(:nth-child(13)){ display: none; } /* #iqithtmlandbanners-block-7,#iqithtmlandbanners-block-8,#iqithtmlandbanners-block-9,#iqithtmlandbanners-block-10,#iqithtmlandbanners-block-11,#iqithtmlandbanners-block-12{ display: none; } */* #cms h1{ font-size: 35px; line-height: 37px; } #cms h2{ font-size: 31px; line-height: 1.1em; } #cms h3,#cms .tab-responsive h3{ font-size: 27px; } #cms .titre-bold h2{ font-size: 27px; } #cms .sam-links{ font-size: 18px; } #cms .wpcf7-list-item label{ display: flex; } #cms form > .wpcf7-form-control-wrap{ font-size: 17px; } #cms input[type="checkbox"]{ width: 24px; } #cms button,#cms .elementor-button-text, #cms .elementor-button-icon{ display: inline; font-size: 16px; } .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border: solid 3px #ffc000; border-radius: 20px; } .nav-tabs .nav-link{ font-size: 18px !important; line-height: 1.2em; } .tab-simple{ padding-top: 2em; } .list-style-indent{ font-size: 17px; line-height: 1.2em; } /*.elementor-icon-wrapper{ text-align: left !important; }*/ #footer .newsletter-section{ padding: 1em; max-width: 350px; } #footer .newsletter-text{ font-size: 2rem; } } @media (min-width: 360px) and (max-width: 1020px){ .elementor-column.elementor-col-50.tab-100 { width: 100%; } } .dropdown-cms { position: relative; display: inline-block; width: 100%; } .dropdown-cms-toggle { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; text-align: left; cursor: pointer; user-select: none; } .dropdown-cms-menu { display: none; position: absolute; top: 100%; left: 0; width: 100%; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; z-index: 1000; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .dropdown-cms:hover .dropdown-cms-menu { display: block; } .dropdown-cms-menu a { display: block; padding: 10px; text-decoration: none; color: #333; cursor: pointer; } .dropdown-cms-menu a:hover { background-color: #f0f0f0; } .category-cms { font-weight: bold; padding: 10px; background-color: #f9f9f9; } .sam-tools { display: flex; justify-content: center; align-items: center; } .grid-container-sam { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; border-radius: 10px; } .sam-int { display: flex; align-items: center; background: white; padding: 15px 20px; margin-bottom: 12px !important; border-radius: 8px; border: solid 1px #999; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); font-size: 1.7rem; font-weight: 500; letter-spacing: -.03em; line-height: 1.25; text-wrap: balance; text-decoration: none; color: black; white-space: nowrap; transition: transform 0.2s, box-shadow 0.2s; } .sam-int:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .sam-int img { height: 28px; margin-right: 8px; } /*Tableaux Responsive*/ .dcf-table table { background-color: transparent; border-collapse: collapse; } .dcf-table tbody { border-bottom: 1px solid #e3e3e2; border-top: 1px solid #e3e3e2 } .dcf-table td,.dcf-table th { padding-right: 1.78em } .dcf-table td ul { list-style-type: disc; -webkit-margin-before: 0; -webkit-margin-after: 20px; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 20px; text-align: left } /* .dcf-table-bordered,.dcf-table-bordered td,.dcf-table-bordered th { border: 1px solid #e3e3e2 } */ .dcf-table-bordered td,.dcf-table-bordered th,.dcf-table-striped td,.dcf-table-striped th { padding-left: 1em; padding-right: 1em } .dcf-table-bordered tr:not(:last-child),.dcf-table-striped tr:not(:last-child) { border-bottom: 1px solid #e3e3e2 } .dcf-table-striped tbody tr:nth-of-type(2n) { background-color: #f6f6f5 } .dcf-table thead td,.dcf-table thead th { padding-bottom: .75em; vertical-align: bottom } .dcf-table tbody td,.dcf-table tbody th,.dcf-table tfoot td,.dcf-table tfoot th { padding-top: .75em } .dcf-table tbody td,.dcf-table tbody th { padding-bottom: .75em } .dcf-table-bordered thead th { padding-top: 1.33em } .dcf-wrapper-table-scroll { left: 50%; margin-left: -50vw; margin-right: -50vw; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 1em; position: relative; right: 50%; width: 100vw } #cms .dcf-table tbody td:last-child{ text-align: center; } #cms .dcf-table tbody td:last-child a{ color: #393939 !important; font-size: 30px; } #cms .dcf-table tbody td:last-child a:hover{ color: #FFC000 !important; font-size: 30px; } @media only screen and (max-width: 42.09em) { .dcf-table-responsive thead { clip:rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px; white-space: nowrap } .dcf-table-responsive tr { display: block } .dcf-table-responsive td { -webkit-column-gap: 3.16vw; -moz-column-gap: 3.16vw; column-gap: 3.16vw; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 2fr; grid-template-columns: 1fr 2fr; text-align: left!important } .dcf-table-responsive.dcf-table-bordered,.dcf-table-responsive.dcf-table-bordered thead th { border-width: 0 } .dcf-table-responsive.dcf-table-bordered tbody td { border-top-width: 0 } .dcf-table-responsive:not(.dcf-table-bordered) tbody tr { padding-bottom: .75em } .dcf-table-responsive:not(.dcf-table-bordered) tbody td { padding-bottom: 0 } .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td { padding-right: 0 } .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child { border-bottom-width: 0 } .dcf-table-responsive tbody td:before { content: attr(data-label); float: left; font-weight: 700; padding-right: 1.78em } } /* TIMELINE */ .timeline { display: flex; flex-direction: column; width: 50vw; margin: 5% auto; } .timeline__event { background: #fff; margin-bottom: 20px; position: relative; display: flex; margin: 20px 0; border-radius: 8px; box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025); } .timeline__event__title { font-size: 1.2rem; line-height: 1.4; text-transform: uppercase; font-weight: 600; color: #FFC000; letter-spacing: 1.5px; } .timeline__event__content { padding: 20px; } .timeline__event__date { color: #fff2cc; font-size: 1.5rem; font-weight: 600; white-space: nowrap; } .timeline__event__icon { border-radius: 8px 0 0 8px; background: #FFC000; display: flex; align-items: center; justify-content: center; /*flex-basis: 40%;*/ font-size: 2rem; color: #FFC000; padding: 20px; } .timeline__event__icon i { position: absolute; top: 50%; left: -65px; font-size: 2.5rem; transform: translateY(-50%); } .timeline__event__description { flex-basis: 60%; } .timeline__event:after { content: ""; width: 2px; height: 100%; background: #FFC000; position: absolute; top: 52%; left: -3.5rem; z-index: -1; } .timeline__event:before { content: ""; width: 5rem; height: 5rem; position: absolute; background: #fff2cc; border-radius: 100%; left: -6rem; top: 50%; transform: translateY(-50%); border: 2px solid #FFC000; } .timeline__event--type2:before { background: #FFC000; border-color: #fff2cc; } .timeline__event--type2:after { background: #fff2cc; } .timeline__event--type2 .timeline__event__date { color: #FFC000; } .timeline__event--type2 .timeline__event__icon { background: #fff2cc; color: #fff2cc; } .timeline__event--type2 .timeline__event__title { color: #FFC000; } .timeline__event--type3:before { background: #aff1b6; border-color: #f2f2f2; } .timeline__event--type3:after { background: #f2f2f2; } .timeline__event--type3 .timeline__event__date { color: #aff1b6; } .timeline__event--type3 .timeline__event__icon { background: #f2f2f2; color: #f2f2f2; } .timeline__event--type3 .timeline__event__title { color: #f2f2f2; } .timeline__event:last-child:after { content: none; } @media (max-width: 786px) { .timeline__event { flex-direction: column; } .timeline__event__icon { border-radius: 4px 4px 0 0; } } /* FIN TIMELINE */ /*TABLE SCROLL*/ /* ------------- VARIABLES LOCALES (scopées sur le wrapper) ------------- */ .pc-compat { /* Largeurs */ --pc-first-col-width: 150px; --pc-content-col-width: 175px; /* Padding */ --pc-cell-padding: 16px; /* Couleurs */ --pc-row-bg-even: #ffffff; --pc-row-bg-odd: #fcf4d9; --pc-first-col-bg-even: #ffffff; --pc-first-col-bg-odd: #fcf4d9; --pc-header-gradient: linear-gradient(135deg, #fce8ac 0%, #fcf4d9 50%, #fce8ac 100%); --pc-border-color: #e2e4e6; --pc-shadow: 4px 0 10px rgba(0, 0, 0, 0.15); /* Typo */ --pc-font-body: 14px; --pc-font-header: 16px; } /* ------------- CONTAINER RESPONSIVE ------------- */ .pc-compat .pc-table-container { position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%; } .pc-compat .pc-table-container::before { content: ""; position: absolute; left: 0; bottom: 0; width: var(--pc-first-col-width); height: 16px; /* hauteur approx. scrollbar */ background: var(--pc-first-col-bg-even); box-shadow: var(--pc-shadow); pointer-events: none; } /* ------------- TABLE DE BASE ------------- */ .pc-compat .pc-table { border-collapse: separate; border-spacing: 0; table-layout: fixed; width: max-content; min-width: calc(var(--pc-first-col-width) + var(--pc-content-col-width) * 5); font-size: var(--pc-font-body); color: #222; } .pc-compat .pc-table th, .pc-compat .pc-table td { padding: var(--pc-cell-padding); border-bottom: 1px solid var(--pc-border-color); border-right: 1px solid var(--pc-border-color); white-space: nowrap; } /* ------------- EN-TÊTES ------------- */ .pc-compat .pc-table thead th { position: sticky; top: 0; z-index: 3; font-size: var(--pc-font-header); font-weight: 700; text-align: center; background: var(--pc-header-gradient); color: #004a60; } .pc-compat .pc-table thead th:first-child { background: #fff; color: #000; text-align: left; box-shadow: var(--pc-shadow); z-index: 4; } .pc-compat .pc-table thead th:not(:first-child) { border: 4px solid #fff; border-radius: 15px; } /* ------------- COLONNE STICKY GAUCHE ------------- */ .pc-compat .pc-table th:first-child, .pc-compat .pc-table td:first-child { background: #fff; position: sticky; left: 0; width: var(--pc-first-col-width); min-width: var(--pc-first-col-width); max-width: var(--pc-first-col-width); white-space: normal; overflow-wrap: anywhere; text-align: left; box-shadow: var(--pc-shadow); z-index: 2; } /* Alternance de lignes */ .pc-compat .pc-table tbody tr:nth-child(odd) { background: var(--pc-row-bg-odd); } .pc-compat .pc-table tbody tr:nth-child(even) { background: var(--pc-row-bg-even); } .pc-compat .pc-table tbody tr:nth-child(odd) th:first-child { background: var(--pc-first-col-bg-odd); } .pc-compat .pc-table tbody tr:nth-child(even) th:first-child { background: var(--pc-first-col-bg-even); } /* ------------- LARGEUR COLONNES CONTENU ------------- */ .pc-compat .pc-table th:not(:first-child), .pc-compat .pc-table td:not(:first-child) { width: var(--pc-content-col-width); min-width: var(--pc-content-col-width); max-width: var(--pc-content-col-width); text-align: center; } /* ------------- DERNIÈRE COLONNE : WRAP ------------- */ .pc-compat .pc-table th:last-child, .pc-compat .pc-table td:last-child { white-space: normal; overflow-wrap: anywhere; text-align: left; } /* ------------- ICÔNES CHECK / CROSS ------------- */ .pc-compat .pc-check { color: #0066c0; font-weight: 600; } .pc-compat .pc-cross { color: #d61c4e; font-weight: 600; }