/*!*************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/main.scss ***! \*************************************************************************************************************/ @charset "UTF-8"; @font-face { font-family: "Faktum-Test"; font-style: normal; font-weight: 700; font-display: swap; src: url(../../.././dist/css/build/font/faktum-bold-webfont.woff2) format("woff2"), url(../../.././dist/css/build/font/faktum-bold-webfont.woff) format("woff"), url(../../.././dist/css/build/font/faktum-bold-webfont.ttf) format("truetype"), url(../../.././dist/css/build/img/faktum-bold-webfont.svg#faktumbold) format("svg"); } @font-face { font-family: "Faktum-Test"; font-style: normal; font-weight: 400; font-display: swap; src: url(../../.././dist/css/build/font/faktum-regular-webfont.woff2) format("woff2"), url(../../.././dist/css/build/font/faktum-regular-webfont.woff) format("woff"), url(../../.././dist/css/build/font/faktum-regular-webfont.ttf) format("truetype"), url(../../.././dist/css/build/img/faktum-regular-webfont.svg#faktumregular) format("svg"); } @font-face { font-family: "Plaid"; font-style: normal; font-weight: 700; font-display: swap; src: url(../../.././dist/css/build/font/plaidxl-webfont.woff2) format("woff2"), url(../../.././dist/css/build/font/plaidxl-webfont.woff) format("woff"), url(../../.././dist/css/build/font/plaidxl-webfont.ttf) format("truetype"), url(../../.././dist/css/build/img/plaidxl-webfont.svg#plaidxl) format("svg"); } /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } a { text-decoration: none; } p, li, select, input, button, label, textarea, legend, div, option, input, label, select, option { font-family: "Faktum-Test", sans-serif; font-size: 20px; font-weight: 400; color: #000000; } h1, h2, h3, h4, h5, h6 { font-family: "Plaid", sans-serif; font-weight: 700; color: #000000; } b, strong { font-weight: 700; } h2 { font-size: 36px; line-height: 1; } @media only screen and (min-width: 992px) { h2 { font-size: 50px; line-height: 1.1; } } h3 { font-size: 27px; line-height: 1.2; } @media only screen and (min-width: 992px) { h3 { font-size: 27px; } } h4 { font-size: 22px; line-height: 1.2; } @media only screen and (min-width: 992px) { h4 { font-size: 23px; line-height: 1.4; } } h5 { font-size: 20px; line-height: 1.2; } @media only screen and (min-width: 992px) { h5 { font-size: 18px; line-height: 1.4; } } html { overflow-x: hidden; margin: 0 !important; padding: 0 !important; scroll-behavior: smooth; } body { position: relative; margin: 0; padding: 0; height: 100%; width: 100%; margin-inline: auto; min-height: 100vh; background-color: #ffffff; font-family: "Faktum-Test", sans-serif; word-break: break-word; } .site-container-relative .site-container { position: relative; } video { width: 100%; height: auto; } .sidebar, .post-edit-link, .otgs-development-site-front-end { display: none; } input, textarea, button, select, a { -webkit-tap-highlight-color: transparent; } .woocommerce-error, .woocommerce-info, .woocommerce-message { scroll-margin-top: 100px !important; } .grecaptcha-badge { visibility: hidden !important; } .button { display: block; width: 100%; background-color: #ffffff; border: 2px solid #ffffff; font-family: "Plaid", sans-serif; text-align: center; font-size: 18px; font-weight: 800; line-height: 20px; padding-block: 16px; } @media only screen and (min-width: 1200px) { .button { width: max-content; padding-inline: 100px; cursor: pointer; } } .button:hover { background-color: #000000 !important; color: #ffffff !important; border-color: #000000 !important; } .button--black { background-color: #000000; color: #ffffff; border: none; } .button--black:hover { background-color: #ffffff !important; color: #000000 !important; } .button--outline { background-color: transparent; color: #ffffff; } .button--outline:hover { background-color: #000000 !important; } .button--outline-black { background-color: transparent; color: #000000; border-color: #000000; } .button--outline-black:hover { background-color: #000000 !important; color: #ffffff !important; } input { padding: 12px 8px 12px 8px; border: 1px solid #ffffff; background: transparent; font-size: 19px; line-height: 22px; font-weight: 400; width: 100%; } input::placeholder { color: #ffffff; } .triangle { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid #000000; } .triangle--down { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 20px solid #000000; border-bottom: 0; } .woo-custom-nav { display: flex; align-items: center; justify-content: center; gap: 11px; margin-block: 16px 20px; } @media only screen and (min-width: 1200px) { .woo-custom-nav { margin-block: 20px 72px; } } .woo-custom-nav__item { display: flex; align-items: center; gap: 11px; } .woo-custom-nav__item--active .woo-custom-nav__item-count { color: #000000; font-size: 27px; line-height: 33px; } .woo-custom-nav__item-count { color: #d9d9d9; font-size: 18px; line-height: 22px; font-family: "Plaid", sans-serif; font-weight: 800; } @media only screen and (min-width: 1200px) { .woo-custom-nav__item-count { display: flex; gap: 5px; } } .woo-custom-nav__item-text { display: none; } @media only screen and (min-width: 1200px) { .woo-custom-nav__item-text { display: block; } } .screen-popup { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #ffffff; z-index: 300; } .screen-popup--active { display: block; touch-action: none; } @media only screen and (min-width: 1200px) { .screen-popup--active { touch-action: unset; } } .screen-popup__container { padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; padding-block: 44px; padding-inline: 24px; } @media only screen and (min-width: 1200px) { .screen-popup__container { padding-inline: unset; } } @media only screen and (min-width: 1200px) { .screen-popup__container { padding-block: 100px; } } @media only screen and (min-width: 1440px) { .screen-popup__container { padding-block: 146px; } } .screen-popup__heading { font-size: 32px; line-height: 45px; font-weight: 800; text-align: center; margin-bottom: 70px; font-family: "Plaid", sans-serif; display: block; } @media only screen and (min-width: 1200px) { .screen-popup__heading { font-size: 64px; line-height: 77px; margin-bottom: 100px; } } @media only screen and (min-width: 1920px) { .screen-popup__heading { margin-bottom: 200px; } } .screen-popup__close { display: grid; place-items: center; position: absolute; top: 24px; right: 24px; width: 36px; height: 36px; } @media only screen and (min-width: 1200px) { .screen-popup__close { top: 26px; right: 44px; width: 44px; height: 44px; cursor: pointer; } } .screen-popup__close-icon { width: 20px; height: 20px; filter: invert(1); } @media only screen and (min-width: 1200px) { .screen-popup__close-icon { width: 24px; height: 24px; } } .screen-popup__languages-wrapper ul { display: flex; flex-direction: column; gap: 23px; } .screen-popup__languages-wrapper ul li .wpml-ls-link { padding: 0; display: flex; align-items: center; gap: 17px; font-size: 24px; line-height: 29px; font-family: "Plaid", sans-serif; font-weight: 800; color: #818181; } @media only screen and (min-width: 1200px) { .screen-popup__languages-wrapper ul li .wpml-ls-link { font-size: 48px; line-height: 58px; } } .screen-popup__languages-wrapper ul li .wpml-ls-link .wpml-ls-flag { width: 31px; height: auto; } @media only screen and (min-width: 1200px) { .screen-popup__languages-wrapper ul li .wpml-ls-link .wpml-ls-flag { width: 63px; } } .screen-popup__languages-wrapper ul li.wpml-ls-current-language .wpml-ls-link { color: #000000; } .screen-popup__search-wrapper { padding-top: 80px; } .shottas-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: none; justify-content: center; align-items: center; z-index: 400; } .shottas-popup--active { display: flex; } .shottas-popup__overflow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); z-index: -1; } .shottas-popup__container { position: absolute; bottom: 0; left: 0; background-color: white; padding-top: 100px; text-align: center; height: 100%; width: 100%; padding: 35px 20px 16px 20px; max-height: max-content; } @media only screen and (min-width: 1200px) { .shottas-popup__container { width: 1006px; height: 537px; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-block: 100px 81px; } } .shottas-popup__heading { font-size: 32px; line-height: 1; margin-bottom: 20px; text-align: left; font-family: "Plaid", sans-serif; font-weight: 700; color: #000000; display: block; } @media only screen and (min-width: 1200px) { .shottas-popup__heading { text-align: center; font-size: 50px; line-height: 55px; margin-bottom: 60px; max-width: 802px; margin-inline: auto; } } .shottas-popup__text { text-align: left; font-size: 22px; line-height: 27px; margin-bottom: 87px; font-family: "Plaid", sans-serif; font-weight: 800; } @media only screen and (min-width: 1200px) { .shottas-popup__text { text-align: center; font-size: 23px; line-height: 33px; } } .shottas-popup__buttons-wrapper { display: flex; flex-direction: column; gap: 16px; } @media only screen and (min-width: 1200px) { .shottas-popup__buttons-wrapper { flex-direction: row; max-width: 665px; gap: 25px; margin-inline: auto; } } .shottas-popup__button { display: block !important; width: 100% !important; background-color: #000000 !important; color: #ffffff !important; border: none !important; font-family: "Plaid", sans-serif !important; text-align: center !important; font-size: 18px !important; font-weight: 800 !important; line-height: 20px !important; padding-block: 16px !important; } @media only screen and (min-width: 1200px) { .shottas-popup__button { cursor: pointer; padding-inline: unset; } } .shottas-popup__button--decilne { border: 1px solid #000000 !important; background-color: transparent !important; color: #000000 !important; } .xoo-el-modal .xoo-el-main, .xoo-el-form-inline .xoo-el-main { padding-inline: 0; } @media only screen and (min-width: 1200px) { .xoo-el-modal .xoo-el-main, .xoo-el-form-inline .xoo-el-main { padding-inline: 20px; } } .xoo-el-modal .xoo-el-section, .xoo-el-form-inline .xoo-el-section { padding-left: 16px; } @media only screen and (min-width: 1200px) { .xoo-el-modal .xoo-el-section, .xoo-el-form-inline .xoo-el-section { padding-left: 19px; } } .xoo-el-modal .xoo-el-tabs li, .xoo-el-form-inline .xoo-el-tabs li { font-family: "Plaid", sans-serif; } .xoo-el-modal .xoo-aff-input-icon, .xoo-el-form-inline .xoo-aff-input-icon { display: none; } .xoo-el-modal input, .xoo-el-form-inline input { border: 1px solid #818181 !important; font-size: 19px; line-height: 23px; } .xoo-el-modal input[type=checkbox], .xoo-el-form-inline input[type=checkbox] { width: 16px; height: 16px; padding: unset; margin-right: 10px; } @media only screen and (min-width: 1200px) { .xoo-el-modal input[type=checkbox], .xoo-el-form-inline input[type=checkbox] { cursor: pointer; } } .xoo-el-modal input[type=checkbox]:checked, .xoo-el-form-inline input[type=checkbox]:checked { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%2720 6 9 17 4 12%27%3E%3C/polyline%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 84%; background-color: white; border: 1px solid #818181; } .xoo-el-modal .xoo-el-form-label, .xoo-el-form-inline .xoo-el-form-label { display: flex; align-items: center; } .xoo-el-modal .xoo-el-form-label span, .xoo-el-form-inline .xoo-el-form-label span { font-size: 16px; line-height: 19px; } .xoo-el-modal .xoo-aff-checkbox_single > *, .xoo-el-modal .xoo-el-form-txt, .xoo-el-form-inline .xoo-aff-checkbox_single > *, .xoo-el-form-inline .xoo-el-form-txt { font-size: 16px; line-height: 19px; font-weight: 400; } .xoo-el-modal .xoo-aff-checkbox_single a, .xoo-el-form-inline .xoo-aff-checkbox_single a { text-decoration: underline; } .xoo-el-modal .xoo-aff-checkbox_single > label > input, .xoo-el-form-inline .xoo-aff-checkbox_single > label > input { position: relative; top: 2px; } .xoo-el-modal .xoo-el-form-txt, .xoo-el-form-inline .xoo-el-form-txt { padding-right: 20px; } .xoo-el-modal .xoo-el-lostpw-tgr, .xoo-el-form-inline .xoo-el-lostpw-tgr { font-size: 16px; line-height: 19px; font-weight: 700; text-decoration: underline; } .xoo-el-modal .xoo-el-form-container button.btn.button.xoo-el-action-btn, .xoo-el-modal button[type=submit].button.xoo-el-action, .xoo-el-form-inline .xoo-el-form-container button.btn.button.xoo-el-action-btn, .xoo-el-form-inline button[type=submit].button.xoo-el-action { border: none; } .minicart { position: absolute; top: 54px; right: 0; } @media only screen and (min-width: 1200px) { .minicart { top: 46px; } } .minicart__container { scrollbar-width: thin; scrollbar-color: #000000 #ffffff; position: fixed; top: 0; left: 0; background-color: #ffffff; width: 100%; max-width: 468px; height: 100vh; overflow-y: auto; border: 1px solid #000000; padding: 16px; z-index: 1; } .minicart__container::-webkit-scrollbar { width: 8px; } .minicart__container::-webkit-scrollbar-track { background: #ffffff; } .minicart__container::-webkit-scrollbar-thumb { background-color: #000000; border-radius: 4px; } @media only screen and (min-width: 1200px) { .minicart__container { position: static; height: 100%; max-height: calc(100svh - 132px); padding: 32px; } } .minicart__close { display: flex; filter: brightness(0); margin-left: auto; width: 20px; height: auto; } @media only screen and (min-width: 1200px) { .minicart__close { display: none; } } .minicart__heading-wrapper { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } @media only screen and (min-width: 1200px) { .minicart__heading-wrapper { margin-bottom: 48px; } } .minicart__heading { font-size: 27px; line-height: 32px; font-family: "Plaid", sans-serif; font-weight: 800; } @media only screen and (min-width: 1200px) { .minicart__heading { font-size: 24px; line-height: 29px; } } .minicart__item-count { font-size: 14px; line-height: 17px; } @media only screen and (min-width: 1200px) { .minicart__item-count { font-size: 20px; line-height: 28px; } } .minicart__items { display: flex; flex-direction: column; gap: 36px; padding-bottom: 16px; border-bottom: 1px solid #000000; } @media only screen and (min-width: 1200px) { .minicart__items { gap: 48px; padding-bottom: 48px; } } .minicart__divider { display: none; height: 1px; max-width: 262px; width: 100%; margin-inline: auto; background-color: #f5f5f5; margin-bottom: 4px; } .minicart__divider:last-child { display: none; } .minicart__item { display: flex; height: 96px; gap: 18px; } @media only screen and (min-width: 1200px) { .minicart__item { gap: 16px; height: 130px; } } .minicart__item.is-bonus-product .minicart__item-title { color: #01c809; } .minicart__empty-cart { font-size: 22px; line-height: 27px; color: #818181; text-align: center; font-family: "Plaid", sans-serif; font-weight: 800; } @media only screen and (min-width: 1200px) { .minicart__empty-cart { font-size: 32px; line-height: 35px; } } .minicart__item-image { width: 69px; height: 86px; } @media only screen and (min-width: 1200px) { .minicart__item-image { width: 103px; height: 130px; } } .minicart__item-image img { width: 100%; height: 100%; object-fit: cover; } .minicart__item-details { display: flex; flex-direction: column; gap: 4px; } .minicart__item-title { font-size: 16px; line-height: 19px; font-family: "Plaid", sans-serif; font-weight: 700; } .minicart__item-meta { font-size: 14px; line-height: 17px; } @media only screen and (min-width: 1200px) { .minicart__item-meta { font-size: 17px; line-height: 26px; } } .minicart__item-wrapper { display: flex; flex-direction: column; gap: 1px; flex: 1; } .minicart__item-wrapper .minicart__regular-price, .minicart__item-wrapper .ilabs-omnibus-price-note { font-size: 9px; line-height: 13px; text-align: right; margin-top: 5px; } @media only screen and (min-width: 1200px) { .minicart__item-wrapper .minicart__regular-price, .minicart__item-wrapper .ilabs-omnibus-price-note { font-size: 10px; line-height: 15px; } } .minicart__item-price-wrapper { position: relative; top: 18px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; } @media only screen and (min-width: 1200px) { .minicart__item-price-wrapper { top: 48px; } } .minicart__item-price-wrapper--sale-position { top: -25px; } .minicart__item-price-wrapper--sale-position .minicart__item-price bdi { color: #01c809; } .minicart__item-discount { font-size: 16px; line-height: 19px; color: #818181; font-family: "Plaid", sans-serif; font-weight: 800; } @media only screen and (min-width: 1200px) { .minicart__item-discount { font-size: 15px; line-height: 18px; } } .minicart__item-regular-price { font-size: 15px; line-height: 18px; text-decoration: line-through; color: #818181; margin-left: 4px; font-family: "Plaid", sans-serif; font-weight: 800; } .minicart__item-price { font-family: "Plaid", sans-serif; font-weight: 800; font-size: 22px; line-height: 27px; } @media only screen and (min-width: 1200px) { .minicart__item-price { font-size: 23px; line-height: 32px; } } .minicart__item-price > span.free-product { text-transform: uppercase; color: #01c809; } .minicart__total { display: flex; justify-content: space-between; align-items: center; margin-block: 16px; } @media only screen and (min-width: 1200px) { .minicart__total { margin-block: 48px; } } .minicart__total-label, .minicart__total-price { font-size: 22px; line-height: 27px; font-family: "Plaid", sans-serif; font-weight: 800; } .minicart__free-shipping { font-size: 22px; line-height: 27px; font-family: "Plaid", sans-serif; font-weight: 800; color: #818181; text-align: center; margin-bottom: 16px; } @media only screen and (min-width: 1200px) { .minicart__free-shipping { font-size: 23px; line-height: 32px; margin-bottom: 8px; } } .minicart__buttons-wrapper { display: flex; flex-direction: column; gap: 16px; padding-bottom: 90px; } @media only screen and (min-width: 768px) { .minicart__buttons-wrapper { padding-bottom: 0; } } @media only screen and (min-width: 1200px) { .minicart__buttons-wrapper { gap: 8px; } } .minicart__button { width: 100%; padding-inline: unset; border-radius: 0 !important; text-align: center; justify-content: center; } .minicart__button--outline { border: 2px solid #000000 !important; color: #000000 !important; background-color: transparent !important; } @media only screen and (min-width: 1200px) { .minicart__button--outline { display: none !important; } } .minicart__button--filled { border: 2px solid #000000 !important; color: #ffffff !important; background-color: #000000 !important; } .minicart__button--disabled { pointer-events: none; background-color: #818181 !important; border: 2px solid #818181 !important; } .text-above-nav { width: 100%; padding: 7px 16px; background-color: #ffffff; text-align: center; } @media only screen and (min-width: 1200px) { .text-above-nav { padding: 16px 44px; } } .text-above-nav--white-nav { border-bottom: 1px solid #000000; } .text-above-nav--hidden { display: none; } .text-above-nav__text, .text-above-nav__link { text-decoration: none; color: #000000; font-size: 18px; line-height: 25px; font-family: "Plaid", sans-serif; font-weight: 800; text-transform: uppercase; text-align: center; } @media only screen and (min-width: 1200px) { .text-above-nav__text, .text-above-nav__link { font-size: 22px; line-height: 27px; } } .dgwt-wcas-sf-wrapp { padding: 0 !important; } .dgwt-wcas-search-input { background-color: #ffffff !important; border: unset !important; border-bottom: 2px solid #000000 !important; border-radius: unset !important; font-family: "Plaid", sans-serif !important; font-weight: 800 !important; color: #000000 !important; padding-left: 0 !important; padding-top: 0 !important; padding-bottom: 8px !important; font-size: 20px !important; line-height: 26px !important; } @media only screen and (min-width: 1200px) { .dgwt-wcas-search-input { font-size: 40px !important; line-height: 50px !important; padding-left: 25px !important; padding-bottom: 4px !important; } } .dgwt-wcas-search-input:focus { border: unset !important; border-bottom: 2px solid #000000 !important; } .dgwt-wcas-search-input::placeholder { color: #818181 !important; padding-left: 0 !important; } .dgwt-wcas-preloader { top: -6px !important; right: -10px !important; } @media only screen and (min-width: 1200px) { .dgwt-wcas-preloader { top: -2px !important; right: 12px !important; } } .dgwt-wcas-content-wrapp { flex: 1; flex-direction: column; align-items: flex-start !important; padding-left: unset !important; gap: 10px; } @media only screen and (min-width: 1200px) { .dgwt-wcas-content-wrapp { flex-direction: row; } } .dgwt-wcas-si { width: 80px !important; height: 100px !important; flex: 1; max-width: 80px; } .dgwt-wcas-si img { width: 100% !important; height: 100% !important; object-fit: cover !important; max-height: unset !important; max-width: unset !important; padding: 0 !important; } .dgwt-wcas-suggestion-nores { font-family: "Plaid", sans-serif !important; font-weight: 800 !important; text-align: center !important; align-items: flex-start !important; } .dgwt-wcas-suggestion { background-color: transparent !important; padding: 0 !important; padding-top: 30px !important; gap: 16px; } @media only screen and (min-width: 1200px) { .dgwt-wcas-suggestion { padding-inline: 25px !important; } } .dgwt-wcas-st-title { font-family: "Plaid", sans-serif !important; font-weight: 800 !important; color: #000000 !important; font-size: 16px !important; line-height: 20px !important; } .dgwt-wcas-sp { display: inline-flex; gap: 5px; font-family: "Plaid", sans-serif !important; font-weight: 800 !important; color: #000000 !important; font-size: 20px !important; line-height: 33px !important; padding-left: 0 !important; word-break: normal !important; } .dgwt-wcas-search-submit { display: block !important; right: 5px !important; left: unset !important; top: unset !important; bottom: 12px !important; padding: unset !important; margin: unset !important; width: 22px !important; height: 22px !important; min-height: unset !important; min-width: unset !important; } @media only screen and (min-width: 1200px) { .dgwt-wcas-search-submit { width: 30px !important; height: 30px !important; bottom: 15px !important; right: 12px !important; } } @media only screen and (min-width: 1200px) { .dgwt-wcas-search-submit:hover { background-color: transparent !important; box-shadow: unset !important; } } .dgwt-wcas-search-submit > svg { width: 22px !important; height: 22px !important; max-width: unset !important; } @media only screen and (min-width: 1200px) { .dgwt-wcas-search-submit > svg { width: 30px !important; height: 30px !important; } } .dgwt-wcas-close { display: none !important; } .dgwt-wcas-sp * { line-height: unset !important; } .woocommerce-message, .woocommerce-info { border-top-color: #000000; font-size: 18px; font-family: "Plaid", sans-serif; font-weight: 800; color: #000000; } .woocommerce-message::before, .woocommerce-info::before { color: #000000; } .woocommerce-message .button, .woocommerce-info .button { border-radius: 0 !important; background-color: #000000 !important; border: 2px solid #000000 !important; color: #ffffff !important; margin-top: 10px !important; } @media only screen and (min-width: 1200px) { .woocommerce-message .button, .woocommerce-info .button { margin-top: 0 !important; } } .woocommerce-message .button:hover, .woocommerce-info .button:hover { background-color: #ffffff !important; color: #000000 !important; } /* .woocommerce-breadcrumb, .breadcrumb { display: block; font-size: 14px !important; line-height: 17px !important; padding: unset !important; margin: unset !important; @media only screen and (min-width: 1200px) { display: none; } * { font-size: 14px; line-height: 17px; color: $grey; } & > a:last-child { color: $black; } } */ .search-popup { display: none; background: red; } .search-popup-close { display: none; place-items: center; position: fixed; top: 24px; right: 24px; width: 36px; height: 36px; } @media only screen and (min-width: 1200px) { .search-popup-close { top: 26px; right: 44px; width: 44px; height: 44px; cursor: pointer; } } .search-popup-close--active { display: grid !important; z-index: 2147483647 !important; } .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile { z-index: 2147483646 !important; overflow-x: hidden !important; } .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-om-return.js-dgwt-wcas-om-return { display: none !important; } .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar .dgwt-wcas-search-wrapp-mobile { width: calc(100% - 30px) !important; overflow: hidden !important; } .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar.js-dgwt-wcas-om-bar { position: absolute !important; top: 100px !important; left: 15px !important; width: 100% !important; height: calc(100vh - 140px) !important; overflow: hidden !important; } @media only screen and (min-width: 1200px) { .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar.js-dgwt-wcas-om-bar { scrollbar-width: thin; scrollbar-color: #000000 #ffffff; top: 100px !important; left: 50% !important; transform: translateX(-50%); max-width: 688px !important; height: calc(100vh - 150px) !important; } .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar.js-dgwt-wcas-om-bar::-webkit-scrollbar { width: 8px; } .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar.js-dgwt-wcas-om-bar::-webkit-scrollbar-track { background: #ffffff; } .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar.js-dgwt-wcas-om-bar::-webkit-scrollbar-thumb { background-color: #000000; border-radius: 4px; } } @media only screen and (min-width: 1440px) { .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar.js-dgwt-wcas-om-bar { top: 180px !important; height: calc(100vh - 220px) !important; } } @media only screen and (min-width: 1600px) { .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar.js-dgwt-wcas-om-bar { top: 210px !important; height: calc(100vh - 250px) !important; } } @media only screen and (min-width: 1920px) { .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar.js-dgwt-wcas-om-bar { top: 270px !important; height: calc(100vh - 310px) !important; } } .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar.js-dgwt-wcas-om-bar > div:last-child { border-top: unset !important; width: calc(100% - 30px) !important; } .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-preloader { right: 30px !important; } .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-suggestion-nores { padding: 20px 0 0 0 !important; width: calc(100% - 30px); } .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more { display: block !important; text-transform: unset !important; width: 100% !important; } .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile .dgwt-wcas-st-more { display: flex !important; justify-content: center !important; align-items: center !important; height: 52px !important; margin: 0 !important; width: 100% !important; background-color: #000000 !important; color: #ffffff !important; border-radius: 0 !important; border: 0 !important; padding: 10px !important; font-size: 18px !important; line-height: 20px !important; font-family: "Plaid", sans-serif !important; gap: 5px !important; } @media only screen and (min-width: 1200px) { .js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile input { font-size: 30px !important; } } .share-buttons-button__button-wrapper { display: flex; align-items: center; gap: 6px; height: 25px; } .cmplz-cookiebanner { display: grid !important; padding: 16px !important; gap: 10px !important; grid-template-areas: "header" "body" "links" "buttons"; border-top: 2px solid #000000 !important; min-width: unset !important; width: 100% !important; } @media only screen and (min-width: 768px) { .cmplz-cookiebanner { bottom: 0 !important; right: 0 !important; } } @media only screen and (min-width: 1200px) { .cmplz-cookiebanner { display: flex !important; flex-direction: row !important; max-width: 1440px !important; padding: 44px !important; height: 208px !important; border-top: unset !important; left: 50% !important; transform: translateX(-50%) !important; } } @media only screen and (min-width: 1400px) { .cmplz-cookiebanner::after { content: ""; position: fixed; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 100vw; height: 100vh; background-color: #ffffff; z-index: -1; } } .cmplz-cookiebanner .cmplz-close { display: none !important; } @media only screen and (min-width: 1200px) { .cmplz-cookiebanner.cmplz-categories-visible { height: 340px !important; } } .cmplz-cookiebanner.cmplz-dismissed { display: none !important; } .cmplz-cookiebanner .cmplz-header { grid-area: header !important; display: flex !important; flex-direction: column !important; gap: 16px !important; } @media only screen and (min-width: 1200px) { .cmplz-cookiebanner .cmplz-header { flex-direction: row !important; align-items: flex-start !important; } } .cmplz-cookiebanner .cmplz-logo { margin-inline: auto !important; } .cmplz-cookiebanner .cmplz-logo > img { width: 100px !important; height: 100px !important; max-height: unset !important; } @media only screen and (min-width: 1200px) { .cmplz-cookiebanner .cmplz-logo > img { width: 120px !important; height: 120px !important; } } .cmplz-cookiebanner .cmplz-title { display: block !important; font-size: 32px !important; line-height: 1 !important; font-family: "Plaid", sans-serif !important; font-weight: 800 !important; } @media only screen and (min-width: 1200px) { .cmplz-cookiebanner .cmplz-title { font-size: 50px !important; line-height: 55px !important; } } .cmplz-cookiebanner .cmplz-body { grid-area: body !important; overflow-y: auto !important; max-height: 190px !important; margin-bottom: 10px !important; } @media only screen and (min-width: 1200px) { .cmplz-cookiebanner .cmplz-body { max-width: 580px !important; position: absolute !important; top: 106px !important; left: 183px !important; } } @media only screen and (min-width: 1440px) { .cmplz-cookiebanner .cmplz-body { max-width: 725px !important; } } @media only screen and (min-width: 1200px) { .cmplz-cookiebanner .cmplz-body * { max-width: 580px !important; } } @media only screen and (min-width: 1440px) { .cmplz-cookiebanner .cmplz-body * { max-width: 725px !important; } } .cmplz-cookiebanner .cmplz-message > *, .cmplz-cookiebanner .cookie-statement { font-size: 22px !important; line-height: 27px !important; font-family: "Plaid", sans-serif !important; font-weight: 800 !important; } .cmplz-cookiebanner .cmplz-links { grid-area: links !important; justify-content: flex-start !important; margin-bottom: 22px !important; } @media only screen and (min-width: 1200px) { .cmplz-cookiebanner .cmplz-links { position: absolute !important; top: 58px !important; left: 41% !important; } } .cmplz-cookiebanner .cookie-statement { text-align: left !important; } .cmplz-cookiebanner .cmplz-buttons { grid-area: buttons !important; } @media only screen and (min-width: 1200px) { .cmplz-cookiebanner .cmplz-buttons { position: absolute !important; right: 44px !important; top: 44px !important; display: grid !important; grid-template-columns: repeat(2, 1fr) !important; width: 409px !important; } } .cmplz-cookiebanner .cmplz-btn { font-size: 18px !important; line-height: 20px !important; font-family: "Plaid", sans-serif !important; font-weight: 800 !important; border: 2px solid #000000 !important; } @media only screen and (min-width: 1200px) { .cmplz-cookiebanner .cmplz-btn { height: 52px !important; } } @media only screen and (min-width: 1200px) { .cmplz-cookiebanner .cmplz-btn:first-child { grid-column: span 2 !important; } } .cmplz-cookiebanner .cmplz-divider { display: none !important; } .hero { position: relative; width: 100%; aspect-ratio: 1080/2160; } @media only screen and (min-width: 1200px) { .hero { aspect-ratio: auto; height: 100svh; } } .hero__media { position: absolute; inset: 0; z-index: 1; } .hero__image, .hero__video { display: block; width: 100%; height: 100%; object-fit: cover; } .hero__content { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 40px; width: 100%; height: 100%; padding: 50px 16px; } @media only screen and (min-width: 1200px) { .hero__content { justify-content: flex-end; align-items: center; padding: 140px 16px; } } .hero__heading { font-size: 36px; line-height: 1; font-weight: 800; color: #ffffff; text-align: left; } @media only screen and (min-width: 1200px) { .hero__heading { font-size: 66px; text-align: center; } } @media only screen and (min-width: 1920px) { .hero__heading { font-size: 96px; } } .hero__button { width: 100%; } @media only screen and (min-width: 1200px) { .hero__button { max-width: 320px; } } .hero__video--desktop { display: none; } @media only screen and (min-width: 1200px) { .hero__video--desktop { display: block; } } .hero__video--mobile { display: block; } @media only screen and (min-width: 1200px) { .hero__video--mobile { display: none; } } .navigation-container { position: fixed; top: 0; left: 0; width: 100%; z-index: 200; } .navigation-container--white { position: sticky; } .navigation-container .navigation { background-color: rgba(0, 0, 0, 0.4); height: 54px; backdrop-filter: blur(10px); } @media only screen and (min-width: 1200px) { .navigation-container .navigation { height: 72px; } } .navigation-container .navigation--white { background-color: #000000; } @media only screen and (min-width: 1200px) { .navigation-container .navigation--white { background-color: #ffffff; } } .navigation-container .navigation--white .navigation__logo img { filter: invert(1); } @media only screen and (min-width: 1200px) { .navigation-container .navigation--white .navigation__logo img { filter: unset; } } @media only screen and (min-width: 1200px) { .navigation-container .navigation--white .navigation__hamburger img, .navigation-container .navigation--white .navigation__icon img, .navigation-container .navigation--white .navigation__search img, .navigation-container .navigation--white .navigation__location-switcher img, .navigation-container .navigation--white .navigation__currency-switcher img { filter: invert(1); } } @media only screen and (min-width: 1200px) { .navigation-container .navigation--white .navigation__location-switcher-text, .navigation-container .navigation--white .navigation__currency-switcher-text { color: #000000; } } .navigation-container .navigation--active .navigation__menu-wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #000000; touch-action: none; } @media only screen and (min-width: 1200px) { .navigation-container .navigation--active .navigation__menu-wrapper { touch-action: unset; max-width: 50vw; } } .navigation-container .navigation--active .navigation__menu-wrapper .navigation__menu { display: flex; flex-direction: column; gap: 24px; position: fixed; top: 102px; left: 16px; } @media only screen and (min-width: 1200px) { .navigation-container .navigation--active .navigation__menu-wrapper .navigation__menu { top: 138px; left: 44px; gap: 20px; } } @media only screen and (min-width: 1920px) { .navigation-container .navigation--active .navigation__menu-wrapper .navigation__menu { top: 158px; } } .navigation-container .navigation--active .navigation__menu-wrapper .navigation__menu ul { display: flex; flex-direction: column; gap: 26px; } @media only screen and (min-width: 1200px) { .navigation-container .navigation--active .navigation__menu-wrapper .navigation__menu ul { gap: 10px; } } @media only screen and (min-width: 1440px) { .navigation-container .navigation--active .navigation__menu-wrapper .navigation__menu ul { gap: 20px; } } @media only screen and (min-width: 1920px) { .navigation-container .navigation--active .navigation__menu-wrapper .navigation__menu ul { gap: 26px; } } .navigation-container .navigation--active .navigation__menu-wrapper .navigation__menu ul li { font-size: 22px; line-height: 26px; color: #ffffff; font-weight: 800; font-family: "Plaid", sans-serif; } @media only screen and (min-width: 1200px) { .navigation-container .navigation--active .navigation__menu-wrapper .navigation__menu ul li { font-size: 40px; line-height: 45px; } } @media only screen and (min-width: 1920px) { .navigation-container .navigation--active .navigation__menu-wrapper .navigation__menu ul li { font-size: 50px; line-height: 55px; } } @media only screen and (min-width: 1200px) { .navigation-container .navigation--active .navigation__desktop-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100svh; background-color: rgba(0, 0, 0, 0.2); } } .navigation-container .navigation--active .navigation__logo-menu { display: block; position: fixed; top: 32px; left: 16px; z-index: 2; width: 102px; height: auto; } @media only screen and (min-width: 1200px) { .navigation-container .navigation--active .navigation__logo-menu { top: 44px; left: 44px; width: 163px; } } .navigation-container .navigation--active .navigation__cart-wrapper { display: none; } @media only screen and (min-width: 1200px) { .navigation-container .navigation--active .navigation__cart-wrapper { display: block; } } .navigation-container .navigation--active .navigation__close { display: block; position: absolute; z-index: 2; top: 40px; right: 16px; } @media only screen and (min-width: 1200px) { .navigation-container .navigation--active .navigation__close { cursor: pointer; top: 64px; right: 44px; width: 24px; height: 24px; } } .navigation-container .navigation__container { padding-inline: 16px; width: 100%; margin-inline: auto; display: flex; justify-content: space-between; align-items: center; height: 100%; } @media only screen and (min-width: 1200px) { .navigation-container .navigation__container { padding-inline: unset; } } @media only screen and (min-width: 1200px) { .navigation-container .navigation__container { padding-inline: 44px; } } .navigation-container .navigation__logo { max-width: 87px; } @media only screen and (min-width: 1200px) { .navigation-container .navigation__logo { max-width: 96px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } } .navigation-container .navigation__logo a { display: flex; height: 100%; } .navigation-container .navigation__logo img { width: 100%; height: auto; } .navigation-container .navigation__logo-menu { display: none; } .navigation-container .navigation__logo-menu img { width: 100%; height: auto; } .navigation-container .navigation__desktop-overlay, .navigation-container .navigation__menu-wrapper, .navigation-container .navigation__close { display: none; } .navigation-container .navigation__right-side { display: flex; align-items: center; gap: 13px; } @media only screen and (min-width: 1200px) { .navigation-container .navigation__right-side { gap: 16px; } } @media only screen and (min-width: 1200px) { .navigation-container .navigation__icon img { width: 24px; height: 24px; } } .navigation-container .navigation__cart-wrapper { position: relative; } @media only screen and (min-width: 1200px) { .navigation-container .navigation__cart-wrapper { cursor: pointer; } } @media only screen and (min-width: 1200px) { .navigation-container .navigation__cart-wrapper:hover::before { content: ""; display: block; position: absolute; top: 0; right: 0; width: 50px; height: 100px; cursor: default; } .navigation-container .navigation__cart-wrapper:hover .navigation__minicart { display: block; cursor: default; } } .navigation-container .navigation__cart-wrapper a { display: flex; align-items: center; height: 100%; } .navigation-container .navigation__cart-count { position: absolute; top: -6px; right: -6px; font-family: "Plaid", sans-serif; font-weight: 800; font-size: 8px; line-height: 9px; color: #000000; background-color: #ffffff; border-radius: 100%; padding: 3px 4px; z-index: 1; } @media only screen and (min-width: 1200px) { .navigation-container .navigation__cart-count { color: #ffffff; background-color: #000000; top: -4px; right: -4px; } } .navigation-container .navigation__minicart { display: none; width: 100%; } @media only screen and (min-width: 1200px) { .navigation-container .navigation__minicart { width: 468px; } } .navigation-container .navigation__minicart--active { display: block; } .navigation-container .navigation__hamburger-wrapper { display: none; } @media only screen and (min-width: 1200px) { .navigation-container .navigation__hamburger-wrapper { display: flex; align-items: center; gap: 32px; } } .navigation-container .navigation__hamburger { display: block; width: 24px; height: 24px; margin-left: 7px; } @media only screen and (min-width: 1200px) { .navigation-container .navigation__hamburger { display: none; } } .navigation-container .navigation__hamburger--desktop { display: none; } @media only screen and (min-width: 1200px) { .navigation-container .navigation__hamburger--desktop { display: block; margin-left: unset; } } .navigation-container .navigation .breadcrumbs__container { display: block; background-color: #ffffff; } @media only screen and (min-width: 1200px) { .navigation-container .navigation .breadcrumbs__container { display: none; } } .navigation-container .navigation .breadcrumbs__container .breadcrumb, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb { display: block; padding: 16px 24px; color: #000000; } .navigation-container .navigation .breadcrumbs__container .breadcrumb a, .navigation-container .navigation .breadcrumbs__container .breadcrumb span, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb a, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb span { color: #818181; } .navigation-container .navigation .breadcrumbs__container .breadcrumb .breadcrumb-separator, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb .breadcrumb-separator { color: #818181; padding: 0 4px; } .navigation-container .navigation .breadcrumbs__container .breadcrumb > *:last-child, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb > *:last-child { color: #000000; } .navigation-container .navigation .breadcrumbs__container .breadcrumb > *:last-child .breadcrumb-separator, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb > *:last-child .breadcrumb-separator { color: #000000; } .navigation-container .navigation .breadcrumb, .navigation-container .navigation .woocommerce-breadcrumb { display: none; color: #ffffff; font-size: 12px; line-height: 14px; } @media only screen and (min-width: 1200px) { .navigation-container .navigation .breadcrumb, .navigation-container .navigation .woocommerce-breadcrumb { display: block; font-size: 14px !important; line-height: 1.2 !important; padding: unset !important; margin: unset !important; max-width: 425px; } } @media only screen and (min-width: 1440px) { .navigation-container .navigation .breadcrumb, .navigation-container .navigation .woocommerce-breadcrumb { max-width: 515px; } } @media only screen and (min-width: 1600px) { .navigation-container .navigation .breadcrumb, .navigation-container .navigation .woocommerce-breadcrumb { max-width: 565px; } } @media only screen and (min-width: 1920px) { .navigation-container .navigation .breadcrumb, .navigation-container .navigation .woocommerce-breadcrumb { max-width: 755px; } } .navigation-container .navigation .breadcrumb a, .navigation-container .navigation .woocommerce-breadcrumb a { color: #ffffff; } .navigation-container .navigation .breadcrumb .breadcrumb-separator, .navigation-container .navigation .woocommerce-breadcrumb .breadcrumb-separator { color: #ffffff; padding: 0 4px; } .navigation-container .navigation--white .breadcrumb, .navigation-container .navigation--white .woocommerce-breadcrumb { color: #000000; } .navigation-container .navigation--white .breadcrumb a, .navigation-container .navigation--white .breadcrumb span, .navigation-container .navigation--white .woocommerce-breadcrumb a, .navigation-container .navigation--white .woocommerce-breadcrumb span { color: #818181; } .navigation-container .navigation--white .breadcrumb .breadcrumb-separator, .navigation-container .navigation--white .woocommerce-breadcrumb .breadcrumb-separator { color: #818181; } .navigation-container .navigation--white .breadcrumb > *:last-child, .navigation-container .navigation--white .woocommerce-breadcrumb > *:last-child { color: #000000; } .navigation-container .navigation--white .breadcrumb > *:last-child .breadcrumb-separator, .navigation-container .navigation--white .woocommerce-breadcrumb > *:last-child .breadcrumb-separator { color: #000000; } .navigation-container .navigation__switcher-wrapper { display: flex; flex-direction: row; gap: 13px; } @media only screen and (min-width: 1200px) { .navigation-container .navigation__switcher-wrapper { gap: 24px; } } .navigation-container .navigation__switcher-wrapper img { width: 20px; height: 20px; } @media only screen and (min-width: 1200px) { .navigation-container .navigation__switcher-wrapper img { width: 24px; height: 24px; } } .navigation-container .navigation__location-switcher, .navigation-container .navigation__search { display: flex; align-items: center; } @media only screen and (min-width: 1200px) { .navigation-container .navigation__location-switcher, .navigation-container .navigation__search { cursor: pointer; } } .navigation-container .navigation__location-switcher-text { display: none; } @media only screen and (min-width: 1200px) { .navigation-container .navigation__location-switcher-text { display: block; font-family: "Plaid", sans-serif; font-weight: 800; text-transform: uppercase; color: #ffffff; margin-inline: 12px 8px; font-size: 23px; line-height: 33px; } } .breadcrumbs__container { display: block; width: 100%; background-color: #ffffff; padding: 16px; } .breadcrumbs__container.absolute { z-index: 2; position: absolute; top: 54px; } @media only screen and (min-width: 1200px) { .breadcrumbs__container { display: none; } } .breadcrumbs__container .woocommerce-breadcrumb { font-size: 12px; line-height: 14px; color: #000000; margin-bottom: 0; } .breadcrumbs__container .woocommerce-breadcrumb a { color: #818181; text-decoration: none; } .breadcrumbs__container .woocommerce-breadcrumb a:hover { text-decoration: underline; } .breadcrumbs__container .woocommerce-breadcrumb .breadcrumb-separator { color: #818181; padding: 0 4px; } .breadcrumbs__container .woocommerce-breadcrumb > *:last-child:not(.breadcrumb-separator):not(a) { color: #000000; font-weight: 600; } .breadcrumbs__container .breadcrumb, .breadcrumbs__container .navigation-container .navigation .woocommerce-breadcrumb, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb { font-size: 12px; line-height: 14px; color: #000000; border-top: 0; margin-bottom: 0; } .breadcrumbs__container .breadcrumb span, .breadcrumbs__container .navigation-container .navigation .woocommerce-breadcrumb span, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb span { color: #818181; } .breadcrumbs__container .breadcrumb a, .breadcrumbs__container .navigation-container .navigation .woocommerce-breadcrumb a, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb a { color: #818181; text-decoration: none; } .breadcrumbs__container .breadcrumb a:hover, .breadcrumbs__container .navigation-container .navigation .woocommerce-breadcrumb a:hover, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb a:hover { text-decoration: underline; } .breadcrumbs__container .breadcrumb .breadcrumb-separator, .breadcrumbs__container .navigation-container .navigation .woocommerce-breadcrumb .breadcrumb-separator, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb .breadcrumb-separator { color: #818181; padding: 0 4px; } .breadcrumbs__container .breadcrumb .breadcrumb-link-wrap, .breadcrumbs__container .navigation-container .navigation .woocommerce-breadcrumb .breadcrumb-link-wrap, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb .breadcrumb-link-wrap { display: inline-block; } .breadcrumbs__container .breadcrumb > .breadcrumb-link-wrap:last-child, .breadcrumbs__container .navigation-container .navigation .woocommerce-breadcrumb > .breadcrumb-link-wrap:last-child, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb > .breadcrumb-link-wrap:last-child { color: #000000; } .breadcrumbs__container .breadcrumb > .breadcrumb-link-wrap:last-child a, .breadcrumbs__container .navigation-container .navigation .woocommerce-breadcrumb > .breadcrumb-link-wrap:last-child a, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb > .breadcrumb-link-wrap:last-child a { color: #000000; } .breadcrumbs__container .breadcrumb > .breadcrumb-link-wrap:last-child .breadcrumb-separator, .breadcrumbs__container .navigation-container .navigation .woocommerce-breadcrumb > .breadcrumb-link-wrap:last-child .breadcrumb-separator, .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb > .breadcrumb-link-wrap:last-child .breadcrumb-separator { color: #000000; } .breadcrumbs__container .breadcrumb > *:last-child:not(.breadcrumb-separator):not(a), .breadcrumbs__container .navigation-container .navigation .woocommerce-breadcrumb > *:last-child:not(.breadcrumb-separator):not(a), .navigation-container .navigation .breadcrumbs__container .woocommerce-breadcrumb > *:last-child:not(.breadcrumb-separator):not(a) { color: #000000; font-weight: 600; } .site-container { position: relative; } .inside-nav__container { display: flex; flex-direction: column; gap: 32px; } @media only screen and (min-width: 1200px) { .inside-nav__container { padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; gap: 72px; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .inside-nav__container { padding-inline: unset; } } .inside-nav__heading { font-size: 32px; line-height: 1; text-align: center; } @media only screen and (min-width: 1200px) { .inside-nav__heading { font-size: 64px; line-height: 77px; } } .inside-nav__menu ul.inside-nav__menu { display: flex; flex-direction: column; width: 100%; gap: 4px; list-style: none; padding: 0; margin: 0; } @media only screen and (min-width: 1200px) { .inside-nav__menu ul.inside-nav__menu { flex-direction: row; gap: 8px; } } .inside-nav__menu ul.inside-nav__menu > li { display: flex; width: 100%; padding-block: 16px; background-color: #818181; } @media only screen and (min-width: 1200px) { .inside-nav__menu ul.inside-nav__menu > li { flex: 1; } } .inside-nav__menu ul.inside-nav__menu > li:hover { background-color: #000000; } .inside-nav__menu ul.inside-nav__menu > li.current-menu-item { background-color: #000000; } .inside-nav__menu ul.inside-nav__menu > li > a { font-family: "Plaid", sans-serif; font-weight: 800; font-size: 18px; line-height: 20px; text-align: center; text-decoration: none; color: #ffffff; display: flex; justify-content: center; align-items: center; padding: 5px; width: 100%; height: 100%; } .full-width-slider { width: 100%; height: 100svh; } @media only screen and (min-width: 1200px) { .full-width-slider { position: relative; } } .full-width-slider__container { height: 100%; } @media only screen and (min-width: 1200px) { .full-width-slider__container { position: relative; } } .full-width-slider__image, .full-width-slider__video { width: 100%; height: 100%; object-fit: cover; } @media only screen and (min-width: 1200px) { .full-width-slider__image, .full-width-slider__video { height: 100%; } } .full-width-slider__slide { position: relative; height: 100%; } .full-width-slider__slide-wrapper { height: 100%; } @media only screen and (min-width: 1200px) { .full-width-slider__slide-content { position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; left: 50%; bottom: 50px; transform: translateX(-50%); gap: 40px; width: 100%; max-width: 1240px; } } @media only screen and (min-width: 1600px) { .full-width-slider__slide-content { bottom: 140px; } } .full-width-slider__slide-heading { position: absolute; left: 0; bottom: 80px; padding-inline: 16px; width: 100%; line-height: 1; text-align: left; font-weight: 800; color: #ffffff; font-size: 34px; } @media only screen and (min-width: 380px) { .full-width-slider__slide-heading { font-size: 41px; } } @media only screen and (min-width: 1200px) { .full-width-slider__slide-heading { position: static !important; font-size: 66px; text-align: center; padding-left: 0; } } @media only screen and (min-width: 1920px) { .full-width-slider__slide-heading { font-size: 96px; } } .full-width-slider__slide-button { position: absolute; left: 16px; bottom: 16px; width: calc(100% - 32px); } @media only screen and (min-width: 1200px) { .full-width-slider__slide-button { position: static !important; width: 100%; max-width: 320px; } } .full-width-slider__pagination { display: none; } @media only screen and (min-width: 1200px) { .full-width-slider__pagination { display: flex; flex-direction: column; position: absolute; right: 44px !important; top: 50% !important; bottom: unset !important; left: unset !important; transform: translateY(-50%); width: max-content !important; gap: 16px; margin: unset !important; } } .full-width-slider__pagination .swiper-pagination-bullet { border: 3px solid #ffffff; background-color: unset; width: 20px; height: 20px; opacity: 1; margin: 0 !important; } .full-width-slider__pagination .swiper-pagination-bullet-active { background-color: #ffffff; } .heading-text__container { padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; display: flex; flex-direction: column; gap: 16px; } @media only screen and (min-width: 1200px) { .heading-text__container { padding-inline: unset; } } .heading-text__heading-wrapper { border-bottom: 2px solid #c4c4c4; } .heading-text__heading { font-size: 27px; line-height: 1.2; font-weight: 800; padding-bottom: 8px; } @media only screen and (min-width: 1200px) { .heading-text__heading { font-size: 50px; } } .heading-text__text * { font-size: 17px; line-height: 1.2; } @media only screen and (min-width: 768px) { .heading-text__text * { font-size: 20px; line-height: 1.3; } } .heading-text__text p { margin-block: 12px; } .heading-text__text strong { font-weight: 800; } .heading-text__text a { color: #000000; text-decoration: underline; } .heading-text__text em { font-style: italic; } .heading-text__text ul, .heading-text__text ol { list-style-position: outside; margin-left: 30px; padding-left: 0; } .heading-text__text ul { list-style: disc; } .heading-text__text ol { list-style: decimal; } .heading-text__text table { border: 1px solid var(--wp--preset--color--black); border-collapse: collapse; } .heading-text__text table th, .heading-text__text table td { border: 1px solid var(--wp--preset--color--black); padding: 5px; } .company-members__container { padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; padding-inline: unset; } @media only screen and (min-width: 1200px) { .company-members__container { padding-inline: unset; } } .company-members__heading-wrapper { border-bottom: 2px solid #c4c4c4; margin-bottom: 20px; } @media only screen and (min-width: 1200px) { .company-members__heading-wrapper { margin-bottom: 32px; } } .company-members__heading { font-size: 32px; line-height: 1; padding-bottom: 8px; text-transform: uppercase; } @media only screen and (min-width: 1200px) { .company-members__heading { font-size: 50px; line-height: 55px; } } .company-members__members-wrapper { display: flex; flex-direction: column; gap: 24px; } @media only screen and (min-width: 1200px) { .company-members__members-wrapper { gap: 32px; } } .company-members__member { display: flex; flex-direction: column; gap: 8px; } @media only screen and (min-width: 1200px) { .company-members__member { flex-direction: row-reverse; gap: 24px; } } .company-members__member-info { display: flex; flex-direction: column; gap: 4px; } @media only screen and (min-width: 1200px) { .company-members__member-info { flex: 1; } } .company-members__member-name { font-size: 27px; line-height: 32px; } @media only screen and (min-width: 1200px) { .company-members__member-name { font-size: 32px; line-height: 45px; } } .company-members__member-position { font-family: "Plaid", sans-serif; font-weight: 800; font-size: 22px; line-height: 26px; } @media only screen and (min-width: 1200px) { .company-members__member-position { margin-bottom: 12px; } } .company-members__member-description { font-size: 20px; line-height: 26px; } @media only screen and (min-width: 1200px) { .company-members__member-description { font-size: 17px; line-height: 25px; } } @media only screen and (min-width: 1200px) { .company-members__member-image-wrapper { flex: 1; width: 205px; height: 205px; max-width: 205px; } } .image-image__container, .image-with-caption__container { padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; display: flex; flex-direction: column; gap: 8px; } @media only screen and (min-width: 1200px) { .image-image__container, .image-with-caption__container { padding-inline: unset; } } .image-image__image-wrapper, .image-with-caption__image-wrapper { display: flex; gap: 4px; } @media only screen and (min-width: 1200px) { .image-image__image-wrapper, .image-with-caption__image-wrapper { gap: 8px; } } .image-image__image, .image-with-caption__image { flex: 1; } .image-image__image > img, .image-with-caption__image > img { width: 100%; height: auto; } .image-image__caption, .image-with-caption__caption { font-size: 14px; line-height: 17px; text-align: center; padding-bottom: 8px; } @media only screen and (min-width: 1200px) { .image-image__caption, .image-with-caption__caption { padding-bottom: unset; } } .image-gallery__heading { font-size: 20px; line-height: 24px; padding-bottom: 20px; } @media only screen and (min-width: 1200px) { .image-gallery__heading { font-size: 18px; line-height: 25px; padding-bottom: 24px; } } .image-gallery__gallery-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } @media only screen and (min-width: 1200px) { .image-gallery__gallery-wrapper { display: flex; gap: 8px; } } @media only screen and (min-width: 1200px) { .image-gallery__gallery-item { flex: 1; } } .image-gallery__gallery-item > img { width: 100%; height: auto; } .contact-details__container { padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; } @media only screen and (min-width: 1200px) { .contact-details__container { padding-inline: unset; } } .contact-details__page-heading { text-align: center; font-weight: 800; font-size: 36px; line-height: 36px; margin-bottom: 52px; } @media only screen and (min-width: 1200px) { .contact-details__page-heading { margin-bottom: 72px; font-size: 64px; line-height: 77px; } } .contact-details__heading-wrapper { border-bottom: 2px solid #c4c4c4; margin-bottom: 24px; } @media only screen and (min-width: 1200px) { .contact-details__heading-wrapper { margin-bottom: 32px; } } .contact-details__heading { font-size: 27px; line-height: 32px; font-weight: 800; padding-bottom: 8px; } @media only screen and (min-width: 1200px) { .contact-details__heading { font-size: 50px; line-height: 55px; } } .contact-details__content-wrapper { display: flex; flex-direction: column; gap: 32px; } @media only screen and (min-width: 1200px) { .contact-details__content-wrapper { flex-direction: row; gap: 64px; } } @media only screen and (min-width: 1200px) { .contact-details__left-side { width: 100%; max-width: 690px; } } .contact-details__left-side form { display: flex; flex-direction: column; gap: 6px; width: 100%; } @media only screen and (min-width: 1200px) { .contact-details__left-side form { gap: 20px; } } .contact-details__left-side input, .contact-details__left-side textarea { border: 1px solid #818181; width: 100%; padding: 8px; } .contact-details__left-side input::placeholder, .contact-details__left-side textarea::placeholder { color: #818181; font-size: 19px; line-height: 23px; } .contact-details__left-side .wpcf7-submit { width: 100%; text-align: center; background-color: #000000; color: #ffffff; padding-block: 16px; font-size: 18px; line-height: 20px; margin-top: 3px; font-family: "Plaid", sans-serif; font-weight: 800; border: 2px solid #000000; } @media only screen and (min-width: 1200px) { .contact-details__left-side .wpcf7-submit { max-width: 320px; margin-top: unset; cursor: pointer; } } @media only screen and (min-width: 1200px) { .contact-details__left-side .wpcf7-submit:hover { background-color: #ffffff; color: #000000; border: 2px solid #000000; } } .contact-details__form-group p { display: flex; flex-direction: column; gap: 6px; } .contact-details__form-group p label, .contact-details__form-group p input { font-size: 20px; line-height: 1.4; } .contact-details__form-group p input { font-size: 18px; line-height: 22px; } .contact-details__form-group p input::placeholder { font-size: 18px; line-height: 22px; } @media only screen and (min-width: 1200px) { .contact-details__form-group p input { font-size: 20px; line-height: normal; } } .contact-details__form-group p br { display: none; } .contact-details__left-side-heading { font-size: 22px; line-height: 26px; margin-bottom: 16px; } @media only screen and (min-width: 1200px) { .contact-details__left-side-heading { font-size: 32px; line-height: 45px; margin-bottom: 32px; } } .contact-details__details-wrapper > * { margin-block: 16px; } .contact-details__details-wrapper > p, .contact-details__details-wrapper > li { margin-block: 0; font-size: 20px; line-height: 1.4; } @media only screen and (min-width: 1200px) { .contact-details__details-wrapper > p, .contact-details__details-wrapper > li { font-size: 17px; } } .contact-details__details-wrapper h1, .contact-details__details-wrapper h2, .contact-details__details-wrapper h3, .contact-details__details-wrapper h4, .contact-details__details-wrapper h5, .contact-details__details-wrapper h6 { margin-block: 24px 16px; } @media only screen and (min-width: 1200px) { .contact-details__details-wrapper h1, .contact-details__details-wrapper h2, .contact-details__details-wrapper h3, .contact-details__details-wrapper h4, .contact-details__details-wrapper h5, .contact-details__details-wrapper h6 { margin-block: 32px 16px; } } .contact-details__details-wrapper h2, .contact-details__details-wrapper h3, .contact-details__details-wrapper h4 { font-size: 22px; line-height: 26px; } @media only screen and (min-width: 1200px) { .contact-details__details-wrapper h2, .contact-details__details-wrapper h3, .contact-details__details-wrapper h4 { font-size: 32px; line-height: 45px; } } .contact-details__details-wrapper h2:first-of-type { margin-top: 0; } .contact-details .wpcf7 .screen-reader-response { height: 0; overflow: hidden; } .contact-details .wpcf7-form .wpcf7-response-output { display: none; } .contact-details .wpcf7-form.invalid .wpcf7-response-output, .contact-details .wpcf7-form.sent .wpcf7-response-output { display: block; position: relative; background-color: #ff2e00; color: #ffffff; font-weight: 700; margin-bottom: 10px; padding: 8px 30px; } .contact-details .wpcf7-form.invalid .wpcf7-response-output *, .contact-details .wpcf7-form.sent .wpcf7-response-output * { color: #ffffff; font-weight: 700; font-size: 17px; line-height: 20px; } .contact-details .wpcf7-form.invalid .wpcf7-response-output::after, .contact-details .wpcf7-form.sent .wpcf7-response-output::after { content: ""; background-image: url(../../.././dist/css/build/img/failure.svg); background-size: 14px; background-repeat: no-repeat; background-position: center; width: 14px; height: 14px; position: absolute; left: 8px; top: 14px; } @media only screen and (min-width: 1200px) { .contact-details .wpcf7-form.invalid .wpcf7-response-output::after, .contact-details .wpcf7-form.sent .wpcf7-response-output::after { top: 50%; transform: translateY(-50%); left: 8px; } } .contact-details .wpcf7-form.submitting .wpcf7-response-output { background-color: #818181; } .contact-details .wpcf7-form.sent .wpcf7-response-output { background-color: #01c809; } .contact-details .wpcf7-form.sent .wpcf7-response-output::after { background-image: url(../../.././dist/css/build/img/success.svg); } .contact-details .wpcf7-form .wpcf7-not-valid-tip { color: #ff2e00; margin-top: 5px; } .header-about-us { padding-bottom: 52px; } @media only screen and (min-width: 1200px) { .header-about-us { display: flex; flex-direction: column-reverse; } } @media only screen and (min-width: 1200px) { .header-about-us__image-wrapper { display: flex; flex-direction: column; gap: 36px; } } .header-about-us__image-wrapper > img { width: 100%; max-height: 640px; object-fit: cover; } @media only screen and (min-width: 1200px) { .header-about-us__image-wrapper > img { max-height: 1440px; } } .header-about-us__container { padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; } @media only screen and (min-width: 1200px) { .header-about-us__container { padding-inline: unset; } } @media only screen and (min-width: 1200px) { .header-about-us__container { display: grid; grid-template-areas: "heading-wrapper" "author-wrapper" "description"; padding-block: 140px 100px; } } .header-about-us__author-wrapper { display: flex; align-items: center; gap: 16px; margin-block: 20px; } @media only screen and (min-width: 1200px) { .header-about-us__author-wrapper { grid-area: author-wrapper; margin-block: 12px; } } .header-about-us__author-info { display: flex; flex-direction: column; gap: 2px; } .header-about-us__author-name { font-size: 14px; font-weight: 700; line-height: 20px; } .header-about-us__date { font-size: 12px; line-height: 15px; } .header-about-us__heading-wrapper { display: flex; flex-direction: column; gap: 8px; } @media only screen and (min-width: 1200px) { .header-about-us__heading-wrapper { grid-area: heading-wrapper; gap: 4px; } } .header-about-us__preheading { font-size: 22px; line-height: 26px; font-weight: 800; font-family: "Plaid", sans-serif; text-transform: uppercase; } @media only screen and (min-width: 1200px) { .header-about-us__preheading { font-size: 32px; line-height: 45px; } } .header-about-us__heading { font-size: 41px; line-height: 1; font-weight: 800; text-transform: uppercase; } @media only screen and (min-width: 1200px) { .header-about-us__heading { font-size: 96px; } } .header-about-us__description { margin-top: 20px; font-size: 22px; line-height: 31px; } @media only screen and (min-width: 1200px) { .header-about-us__description { grid-area: description; margin-top: 0; max-width: 577px; font-size: 20px; line-height: 28px; } } .header-about-us__info { display: none; } @media only screen and (min-width: 1200px) { .header-about-us__info { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; font-size: 23px; line-height: 32px; font-family: "Plaid", sans-serif; text-transform: uppercase; text-align: center; font-weight: 800; } } .faq__container { padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; } @media only screen and (min-width: 1200px) { .faq__container { padding-inline: unset; } } .faq__heading-wrapper { border-bottom: 2px solid #c4c4c4; margin-bottom: 32px; } .faq__heading { font-size: 32px; line-height: 1.4; font-weight: 800; padding-bottom: 8px; } @media only screen and (min-width: 1200px) { .faq__heading { font-size: 50px; line-height: 1.1; } } .faq__wrapper { display: flex; flex-direction: column; gap: 32px; } .faq__item--active .faq__item-content { height: auto; } .faq__item--active .faq__arrow { transform: rotate(180deg); } .faq__item-heading-wrapper { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; cursor: pointer; } .faq__item-heading { flex: 1; font-size: 22px; line-height: 1.2; padding-right: 10px; } @media only screen and (min-width: 1200px) { .faq__item-heading { font-size: 32px; line-height: 45px; } } .faq__arrow-wrapper { flex: 1; max-width: 34px; } .faq__item-content { height: 0; overflow: hidden; font-size: 18px; line-height: 22px; } .faq__item-content > p { font-size: 18px; line-height: 22px; } @media only screen and (min-width: 1200px) { .faq__item-content > p { font-size: 17px; line-height: 26px; } } .faq__item-content strong { font-weight: 800; } .faq__item-content em { font-style: italic; } .faq__item-content blockquote > p { font-size: 18px; line-height: 22px; } @media only screen and (min-width: 1200px) { .faq__item-content blockquote > p { font-size: 17px; line-height: 26px; } } .faq__item-content a { color: #01c809; text-decoration: underline; } .faq__item-content ul { list-style-type: disc; list-style-position: outside; padding-left: 25px; } .faq__item-content ol { list-style-type: decimal; list-style-position: outside; padding-left: 40px; } @media only screen and (min-width: 1200px) { .faq__item-content { font-size: 17px; line-height: 25px; } } .latest-blog-posts__container { padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; padding-inline: unset; } @media only screen and (min-width: 1200px) { .latest-blog-posts__container { padding-inline: unset; } } .latest-blog-posts__heading-wrapper { padding-bottom: 20px; border-bottom: 2px solid #c4c4c4; margin-bottom: 12px; margin-inline: 15px; } @media only screen and (min-width: 1200px) { .latest-blog-posts__heading-wrapper { margin-bottom: 51px; margin-inline: unset; } } .latest-blog-posts__heading { font-size: 36px; line-height: 36px; text-transform: uppercase; } @media only screen and (min-width: 1200px) { .latest-blog-posts__heading { font-size: 50px; line-height: 55px; } } @media only screen and (min-width: 1200px) { .latest-blog-posts__wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; } } .latest-blog-posts__post { display: block; margin-block: 20px; } .latest-blog-posts__post > a { text-decoration: none; color: #000000; } @media only screen and (min-width: 1200px) { .latest-blog-posts__post { max-width: 550px; margin-top: unset; } } .latest-blog-posts__post:hover img { transform: scale(1.1); } .latest-blog-posts__post-image { width: 100%; overflow: hidden; aspect-ratio: 3/4; } .latest-blog-posts__post-image > img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.4s ease; will-change: transform; display: block; } .latest-blog-posts__post-content { padding-inline: 16px; width: 100%; margin-inline: auto; } @media only screen and (min-width: 1200px) { .latest-blog-posts__post-content { padding-inline: unset; padding: 20px 20px 32px 20px; } } .latest-blog-posts__post-category { font-family: "Plaid", sans-serif; font-weight: 800; text-transform: uppercase; text-decoration: none; line-height: 1.4; margin-block: 16px 4px; font-size: 18px; } @media only screen and (min-width: 1200px) { .latest-blog-posts__post-category { margin-block: 0 4px; } } .latest-blog-posts__post-title { font-weight: 800; font-size: 27px; line-height: 1.2; margin-bottom: 12px; text-transform: uppercase; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 10px; word-wrap: break-word; } @media only screen and (min-width: 1200px) { .latest-blog-posts__post-title { font-size: 50px; line-height: 1.1; margin-bottom: 16px; margin-top: 5px; } } .latest-blog-posts__post-excerpt { margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } @media only screen and (min-width: 1200px) { .latest-blog-posts__post-excerpt { -webkit-line-clamp: 2; line-height: 26px; margin-bottom: 16px; } } .latest-blog-posts__post-excerpt p { font-size: 20px; line-height: 1.4; } .latest-blog-posts__post-meta { font-size: 16px; line-height: 1.6; font-weight: 700; margin-bottom: 16px; } .latest-blog-posts__post-read-more { display: block !important; width: 100% !important; background-color: transparent !important; color: #000000 !important; border: 2px solid #000000 !important; font-family: "Plaid", sans-serif !important; text-align: center !important; font-size: 18px !important; font-weight: 800 !important; line-height: 20px !important; padding-block: 16px !important; padding-inline: unset !important; border-radius: 0 !important; } @media only screen and (min-width: 1200px) { .latest-blog-posts__post-read-more { max-width: 320px; } } .single-post .content > article .entry-content .latest-blog-posts__post > a { color: #000000; text-decoration: none; } .header-product-category { padding-block: 4px 28px; } @media only screen and (min-width: 1200px) { .header-product-category { padding-block: 100px; } } .header-product-category__container { padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; max-width: 1140px; display: flex; flex-direction: column; gap: 28px; } @media only screen and (min-width: 1200px) { .header-product-category__container { padding-inline: unset; } } @media only screen and (min-width: 1200px) { .header-product-category__container { gap: 32px; } } .header-product-category__heading { font-size: 27px; line-height: 1.2; text-transform: uppercase; } @media only screen and (min-width: 1200px) { .header-product-category__heading { font-size: 96px; line-height: 1; } } .header-product-category__text { font-size: 18px; line-height: 1.2; } @media only screen and (min-width: 1200px) { .header-product-category__text { font-size: 20px; line-height: 1.4; } } .header-product-category__text strong { font-weight: 800; } .header-product-category__text a { color: #000000; text-decoration: underline; } .header-product-category__text em { font-style: italic; } .header-product-category__text ul, .header-product-category__text ol { list-style-position: outside; margin-left: 30px; padding-left: 0; } .header-product-category__text ul { list-style: disc; } .header-product-category__text ol { list-style: decimal; } .featured-product { display: flex; justify-content: center; align-items: center; } .featured-product__link { color: #000000 !important; } .featured-product__image { height: 271px; object-fit: cover; margin-bottom: 20px; } @media only screen and (min-width: 1200px) { .featured-product__image { max-width: 750px; height: 365px; margin-inline: auto; } } .featured-product__title, .featured-product__price { font-family: "Plaid", sans-serif; font-weight: 800; text-align: center; font-size: 16px; line-height: 20px; } .header-customer-support__container { display: flex; flex-direction: column; gap: 32px; } @media only screen and (min-width: 1200px) { .header-customer-support__container { padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; gap: 72px; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .header-customer-support__container { padding-inline: unset; } } .header-customer-support__heading { font-size: 36px; line-height: 36px; text-align: center; } @media only screen and (min-width: 1200px) { .header-customer-support__heading { font-size: 64px; line-height: 77px; } } .header-customer-support__menu ul { display: flex; flex-direction: column; width: 100%; gap: 4px; } @media only screen and (min-width: 1200px) { .header-customer-support__menu ul { flex-direction: row; gap: 8px; } } .header-customer-support__menu ul li { width: 100%; padding-block: 16px; background-color: #818181; } @media only screen and (min-width: 1200px) { .header-customer-support__menu ul li { flex: 1; } } .header-customer-support__menu ul li:hover { background-color: #000000; } .header-customer-support__menu ul li.current-menu-item { background-color: #000000; } .header-customer-support__menu ul li > a { display: flex; justify-content: center; font-family: "Plaid", sans-serif; font-weight: 800; font-size: 18px; line-height: 20px; color: #ffffff; } .related-article { padding: 15px; background-color: #f5f5f5; } .related-article__link { gap: 10px; display: flex; color: #000000 !important; text-decoration: none !important; } @media only screen and (min-width: 1200px) { .related-article__link { gap: 20px; } } .related-article__left-side { width: 112px; height: 111px; } @media only screen and (min-width: 1200px) { .related-article__left-side { width: 170px; height: 168px; } } .related-article__image { width: 112px; height: 111px; max-width: unset; object-fit: cover; } @media only screen and (min-width: 1200px) { .related-article__image { width: 170px; height: 168px; } } .related-article__right-side { display: flex; flex-direction: column; justify-content: space-between; height: 111px; } @media only screen and (min-width: 1200px) { .related-article__right-side { gap: 5px; justify-content: center; height: auto; } } .related-article__text { font-size: 14px; line-height: 17px; } @media only screen and (min-width: 1200px) { .related-article__text { font-size: 20px; line-height: 28px; } } .related-article__title { font-size: 17px; line-height: 24px; } @media only screen and (min-width: 1200px) { .related-article__title { font-size: 32px; line-height: 45px; } } .contents--first-headings-only-mobile ul { display: none !important; } @media only screen and (min-width: 1200px) { .contents--first-headings-only-mobile ul { display: block !important; } } .contents__heading { font-size: 27px; line-height: 32px; margin-bottom: 15px; } @media only screen and (min-width: 1200px) { .contents__heading { font-size: 23px; } } .contents ol { list-style-type: decimal; list-style-position: inside !important; padding-left: 0 !important; } .contents ol li, .contents ol a { color: #000000 !important; font-size: 17px; line-height: 24px; font-family: "Plaid", sans-serif; font-weight: 800; text-decoration: unset !important; padding-top: 0; } @media only screen and (min-width: 1200px) { .contents ol li, .contents ol a { font-size: 17px; line-height: 25px; padding-top: 5px; } } .contents ol a { margin-left: 2px; } .contents ol a { text-decoration: underline !important; } .contents ol span:hover { background-color: #01c809; } .contents ol ul { list-style-type: "• " !important; list-style-position: inside !important; padding-left: 25px !important; } .contents ol ul li, .contents ol ul a { font-family: "Faktum-Test", sans-serif; font-weight: 400; } .contents ol ul a { margin-left: 5px; } .blog-header { position: relative; aspect-ratio: 1080/2160; padding-bottom: 32px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; } @media only screen and (min-width: 1200px) { .blog-header { aspect-ratio: unset; height: 100svh; padding-bottom: unset; margin-top: 0; justify-content: center; } } .blog-header::after { content: ""; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 1; } @media only screen and (min-width: 1200px) { .blog-header::after { background-color: rgba(0, 0, 0, 0.4); } } .blog-header picture { position: absolute; inset: 0; z-index: 0; } .blog-header .blog-header__image { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; } .blog-header .blog-header__content { position: relative; z-index: 2; padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; display: flex; flex-direction: column; gap: 32px; justify-content: flex-end; height: 100%; padding-block: 16px; color: #ffffff; } @media only screen and (min-width: 1200px) { .blog-header .blog-header__content { padding-inline: unset; } } @media only screen and (min-width: 1200px) { .blog-header .blog-header__content { justify-content: center; align-items: flex-start; padding-top: 80px; } } @media only screen and (min-width: 1440px) { .blog-header .blog-header__content { padding-top: 40px; } } .blog-header .blog-header__title { color: #ffffff; font-weight: 800; font-size: 36px; line-height: 36px; text-transform: uppercase; } @media only screen and (min-width: 1200px) { .blog-header .blog-header__title { font-size: 96px; line-height: 96px; } } .blog-header .blog-header__description { color: #ffffff; font-size: 18px; line-height: 1.2; } @media only screen and (min-width: 1200px) { .blog-header .blog-header__description { max-width: 553px; font-size: 17px; line-height: 1.5; } } @media only screen and (min-width: 1200px) { .social-post-share { display: grid; place-items: center; background-color: #f5f5f5; padding-block: 80px; } } .social-post-share iframe { max-width: 100%; } .footer { background-color: #000000; padding: 54px 16px 16px 16px; } @media only screen and (min-width: 1200px) { .footer { padding: 44px; } } .footer__inner { display: grid; grid-template-areas: "logo" "newsletter" "menu" "disclaimer" "social" "lang" "locations" "copyright" "payments"; row-gap: 36px; } @media only screen and (min-width: 1200px) { .footer__inner { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.7fr) minmax(0, 1.7fr) minmax(0, 1.3fr); grid-template-areas: "logo logo logo logo" "newsletter menu locations disclaimer" "newsletter menu locations disclaimer" "payments social locations disclaimer" "payments lang lang copyright"; row-gap: 0; column-gap: 5%; } } .footer__logo { grid-area: logo; } @media only screen and (min-width: 1200px) { .footer__logo { margin-bottom: 44px; } } .footer__newsletter { grid-area: newsletter; display: flex; flex-direction: column; gap: 20px; } .footer__newsletter-heading-wrap { display: flex; align-items: center; gap: 12px; } .footer__newsletter-icon { width: auto; height: 30px; } .footer__newsletter-heading { font-family: "Plaid", sans-serif; font-size: 22px; font-weight: 800; line-height: 120%; text-transform: uppercase; color: #ffffff; } @media only screen and (min-width: 1200px) { .footer__newsletter-heading { font-size: 23px; line-height: 32px; } } .footer__newsletter-text { font-family: "Plaid", sans-serif; font-size: 18px; font-weight: 800; line-height: 140%; text-transform: uppercase; color: #ffffff; } .footer__newsletter-form { display: flex; flex-direction: column; gap: 20px; } .footer__newsletter-form button { font-size: 18px !important; line-height: 110% !important; padding-block: 16px !important; padding-inline: unset !important; width: 100% !important; background-color: #ffffff !important; border-radius: unset !important; color: #000000 !important; border: 2px solid #ffffff !important; } .footer__newsletter-form button:hover { border-color: #ffffff !important; color: #ffffff !important; background-color: #000000 !important; } .footer__newsletter-input { border: 1px solid #ffffff; font-size: 19px; line-height: 120%; color: #ffffff; padding: 8px; } @media only screen and (min-width: 1200px) { .footer__newsletter-input { font-size: 19px; } } .footer__payments { grid-area: payments; display: flex; flex-direction: column; justify-content: flex-end; } @media only screen and (min-width: 1200px) { .footer__payments { margin-top: 40px; } } .footer__payments-wrapper { display: flex; flex-direction: row; align-items: center; gap: 20px; flex-wrap: wrap; } .footer__payments-item { display: flex; align-items: center; } .footer__payments-logo { display: block; height: auto; width: auto; } .footer__menu { grid-area: menu; display: flex; gap: 15px; flex-direction: column; } .footer__menu-list { display: flex; flex-direction: column; gap: 8px; } .footer__menu-list a { font-family: "Plaid", sans-serif; font-size: 18px; font-weight: 800; line-height: 140%; text-transform: uppercase; color: #ffffff; } .footer__social { grid-area: social; display: flex; align-items: flex-end; gap: 16px; } @media only screen and (min-width: 1200px) { .footer__social { margin-bottom: 20px; } } .footer__social-link { border-radius: 100%; } .footer__social-link > img { width: 28px; height: 28px; } .footer__lang { grid-area: lang; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .footer__lang .location-switcher-button { cursor: pointer; display: inline-flex; font-family: "Plaid", sans-serif; font-size: 23px; line-height: 140%; text-transform: uppercase; color: #ffffff; gap: 10px; } .footer__lang > img { width: 24px; height: auto; } .footer__locations { grid-area: locations; display: flex; flex-direction: column; gap: 30px; } .footer__location-city { font-family: "Faktum-Test", sans-serif; font-size: 14px; font-weight: 700; line-height: 100%; text-transform: uppercase; color: #ffffff; } .footer__location-address { font-family: "Faktum-Test", sans-serif; font-size: 14px; font-weight: 400; line-height: 100%; color: #ffffff; } .footer__disclaimer { grid-area: disclaimer; } .footer__disclaimer p { font-family: "Faktum-Test", sans-serif; font-size: 12px; font-weight: 400; line-height: 120%; color: #ffffff; } @media only screen and (min-width: 1200px) { .footer__disclaimer p { max-width: 250px; } } .footer__copyright { grid-area: copyright; } .footer__copyright p { font-family: "Faktum-Test", sans-serif; font-size: 14px; line-height: 100%; color: #ffffff; } .footer__copyright p br { display: none; } @media only screen and (min-width: 1200px) { .footer__copyright p br { display: inline-block; } } @media only screen and (min-width: 1200px) { .footer__copyright p { font-size: 16px; } } .references__container { padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; margin-block: 20px; padding-inline: 0; } @media only screen and (min-width: 1200px) { .references__container { padding-inline: unset; } } .references__sharing { padding-bottom: 10px; margin-bottom: 36px; border-bottom: 2px solid #c4c4c4; } .references__sharing .share-buttons-popup { padding-inline: 0 !important; } .references__sharing .share-buttons-popup__button { padding-bottom: 0 !important; border-bottom: none !important; } .references__heading { padding-bottom: 8px; display: block; font-size: 16px; } @media only screen and (min-width: 1200px) { .references__heading { font-size: 18px; } } .references ol { list-style-type: decimal; list-style-position: inside !important; padding-left: 0 !important; } .references ol li { font-size: 16px !important; font-weight: 400; line-height: 140%; } @media only screen and (min-width: 1200px) { .references ol li { font-size: 18px !important; line-height: 140%; } } @media only screen and (min-width: 1200px) { .entry .references__container { padding-inline: 0px; } } .legal-note__container { padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; margin-block: 20px; padding-inline: 16px; } @media only screen and (min-width: 1200px) { .legal-note__container { padding-inline: unset; } } .legal-note__heading-wrapper { margin: 0; } .legal-note__heading { font-size: 27px; line-height: 32px; font-weight: 800; padding-bottom: 8px; } .legal-note__content p { font-size: 12px; font-weight: 400; line-height: 14px; margin-block: 12px; } .legal-note__content strong { font-weight: 800; } @media only screen and (min-width: 1200px) { .entry .legal-note__container { padding-inline: 0px; } } .lead-text__container { padding-inline: 16px; width: 100%; margin-inline: auto; max-width: 1122px; padding-inline: 0; display: flex; flex-direction: column; gap: 16px; } @media only screen and (min-width: 1200px) { .lead-text__container { padding-inline: unset; } } .lead-text__text p { font-size: 22px; line-height: 1.4; margin-block: 12px; } .lead-text__text strong { font-weight: 800; } .lead-text__text a { color: #000000; text-decoration: underline; } .lead-text__text em { font-style: italic; } .lead-text__text ul { list-style: disc; margin-left: 20px; list-style-position: inside; } .lead-text__text ol { list-style: decimal; margin-left: 20px; list-style-position: inside; } .wp-block-file a { font-size: 18px; font-weight: 800; color: #000000 !important; } .wp-block-file__button.wp-element-button { cursor: pointer; display: inline-block; width: 100%; background-color: #ffffff; border: 2px solid #000000; font-family: "Plaid", sans-serif; text-align: center; text-decoration: none !important; font-size: 18px; font-weight: 800; color: #000000 !important; line-height: 20px; padding-block: 16px; margin-block: 16px; margin-left: 0; } @media only screen and (min-width: 1200px) { .wp-block-file__button.wp-element-button { width: max-content; padding-inline: 100px; margin-inline: 20px; } } .wp-block-file__button.wp-element-button:hover { background-color: #000000 !important; color: #ffffff !important; border-color: #000000 !important; } .wp-block-table thead th { font-size: 22px; font-weight: 800; padding-block: 12px 22px; } .wp-block-table tbody td { font-size: 18px; line-height: 22px; } .wp-block-table tfoot td { font-size: 18px; line-height: 22px; } .wp-block-table .wp-element-caption { color: #818181; margin-block: 8px; } .wp-block-quote { border-left: 2px solid #c4c4c4; } .wp-block-quote p { font-size: 20px; line-height: 140%; padding: 0.5rem 1.5rem; } .wp-block-pullquote { border-left: 2px solid #c4c4c4; padding: 0; } .wp-block-pullquote p { font-size: 20px; line-height: 140%; padding: 0.5rem 1.5rem; } .wp-block-pullquote cite { font-weight: 800; padding: 0.5rem 1.5rem; } body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) { max-width: 1122px; margin-inline: auto; width: 100%; box-sizing: content-box; margin-bottom: 30px; font-size: 18px; line-height: 22px; padding-block: 16px; } @media only screen and (min-width: 1200px) { body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) { font-size: 17px; line-height: 26px; } } body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) h2 { font-size: 27px; line-height: 32px; letter-spacing: 1px; margin-block: 20px 20px; font-weight: 800; } @media only screen and (min-width: 1200px) { body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) h2 { font-size: 50px; line-height: 55px; } } body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) h3, body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) h4, body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) h5, body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) h6 { font-weight: 800; } body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) h3 { font-size: 22px; line-height: 26px; } @media only screen and (min-width: 1200px) { body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) h3 { font-size: 32px; line-height: 45px; } } body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) h4 { font-size: 22px; line-height: 27px; } @media only screen and (min-width: 1200px) { body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) h4 { font-size: 23px; line-height: 33px; } } body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) h5 { font-size: 20px; line-height: 24px; } @media only screen and (min-width: 1200px) { body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) h5 { font-size: 18px; line-height: 25px; } } body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) h6 { font-size: 18px; line-height: 22px; } @media only screen and (min-width: 1200px) { body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) h6 { font-size: 16px; line-height: 25px; } } body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) ul.wp-block-list { list-style-type: disc; list-style-position: outside; padding-left: 25px; } body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) ol.wp-block-list { list-style-type: decimal; list-style-position: outside; padding-left: 40px; } body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) strong { font-weight: 700; } body.page .entry-content > *:not([class^=ilabs-]):not([class*=" ilabs-"]) em { font-style: italic; } body.page .breadcrumbs__container { display: none; } /*# sourceMappingURL=main.min.css.map*/