/*!*************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/main.scss ***! \*************************************************************************************************************/ @font-face { font-family: "RedHatDisplay"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../../.././dist/css/build/font/RedHatDisplay-VariableFont_wght.ttf) format("truetype-variations"); } /*** 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; } body p, body li, body select, body input, body button, body label, body textarea, body legend, body div, body option, body b, body input, body label, body select, body option { font-family: "RedHatDisplay", sans-serif; font-size: 14px; font-weight: 400; color: rgba(26, 26, 26, 0.8); } @media only screen and (min-width: 1200px) { body p, body li, body select, body input, body button, body label, body textarea, body legend, body div, body option, body b, body input, body label, body select, body option { font-size: 18px; } } body h1, body h2, body h3, body h4, body h5, body h6 { font-family: "RedHatDisplay", sans-serif; font-weight: 700; color: #1a1a1a; line-height: 1.2; } body .includes_tax { display: none; } .count { color: #9F9F9F; float: unset !important; } 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: "RedHatDisplay", sans-serif; } .site-container-relative .site-container { position: relative; } video { width: 100%; height: auto; } .post-edit-link, .otgs-development-site-front-end { display: none; } .sidebar-primary { display: none; } .site-inner { overflow-x: hidden; } #breadcrumbs { padding-inline: 15px; width: 100%; margin-inline: auto; margin-top: 8px; } @media only screen and (min-width: 1200px) { #breadcrumbs { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { #breadcrumbs { margin-top: 15px; } } #breadcrumbs * { font-size: 12px; line-height: 1.2; font-weight: 400; } #breadcrumbs .breadcrumb_last { color: #1a1a1a; } .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: #f7f7f7 !important; } .cmplz-message > p { font-size: unset; } .ilabs-button { display: grid; place-items: center; width: 100%; background-color: #4c9bf2; border: 2px solid #4c9bf2; font-family: "RedHatDisplay", sans-serif; text-align: center; font-size: 14px; font-weight: 700; line-height: 1.2; padding-block: 12px 14px; color: #ffffff; border-radius: 5px; } @media only screen and (min-width: 1200px) { .ilabs-button { font-size: 16px; width: max-content; cursor: pointer; padding-block: 17px 19px; padding-inline: 40px; } } .ilabs-button:hover { background-color: #2675cc; border-color: #2675cc; } .nm-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: 7400; } .nm-popup--active { display: flex; } .nm-popup__overflow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(26, 26, 26, 0.4); z-index: -1; } .nm-popup__container { position: absolute; bottom: 0; left: 0; background-color: white; text-align: center; width: 100%; } @media only screen and (min-width: 1200px) { .nm-popup__container { width: 968px; height: max-content; left: 50%; top: 50%; transform: translate(-50%, -50%); } } .nm-popup__logo-wrapper { display: grid; place-items: center; padding: 30px 15px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 20px; } @media only screen and (min-width: 1200px) { .nm-popup__logo-wrapper { padding: 35px 15px 25px; margin-bottom: 50px; } } .nm-popup__logo-wrapper > a > img { max-width: 153px; } @media only screen and (min-width: 1200px) { .nm-popup__logo-wrapper > a > img { max-width: 191px; } } .nm-popup__heading { font-size: 25px; line-height: 1.2; font-weight: 700; margin-bottom: 35px; text-align: center; max-width: 207px; margin-inline: auto; } @media only screen and (min-width: 1200px) { .nm-popup__heading { font-size: 45px; margin-bottom: 50px; max-width: unset; } } .nm-popup__heading > span { color: #4c9bf2; } .nm-popup__text { text-align: center; font-size: 18px; line-height: 1.2; color: #1a1a1a; padding: 0 15px 20px 15px; max-width: 207px; margin-inline: auto; } @media only screen and (min-width: 1200px) { .nm-popup__text { max-width: unset; font-size: 22px; padding: 0 15px 15px; } } .nm-popup__buttons-wrapper { display: flex; justify-content: center; gap: 10px; padding: 0 15px 30px; margin-inline: auto; } @media only screen and (min-width: 1200px) { .nm-popup__buttons-wrapper { gap: 31px; padding: 0 15px 50px; } } .nm-popup__button { max-width: 184px; width: 100%; } .nm-popup__button--outline { background-color: transparent; border-color: #4c9bf2; color: #4c9bf2; } .nm-popup__button--outline:hover { background-color: #2675cc; color: #ffffff; } .footer { background-color: #251624; padding-block: 50px 30px; } @media only screen and (min-width: 1200px) { .footer { padding-block: 115px 45px; } } .footer--cart { padding-top: 0; } @media only screen and (min-width: 1200px) { .footer--cart { padding-block: 115px 45px; } } .footer--cart .footer__newsletter-form { display: none; } @media only screen and (min-width: 1200px) { .footer--cart .footer__newsletter-form { display: grid; visibility: hidden; } } .footer--checkout { background-color: #ffffff; } .footer--checkout .footer__container { display: flex; flex-direction: column-reverse; gap: 30px; } @media only screen and (min-width: 1200px) { .footer--checkout .footer__container { flex-direction: row; align-items: center; justify-content: space-between; } } .footer--checkout .footer__checkout-menu { display: flex; justify-content: space-between; align-items: center; } @media only screen and (min-width: 768px) { .footer--checkout .footer__checkout-menu { justify-content: flex-start; gap: 40px; } } .footer--checkout .footer__checkout-menu * { font-size: 14px; line-height: 1.2; font-weight: 500; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .footer--checkout .footer__checkout-menu * { font-size: 16px; } } .footer--checkout .footer__checkout-copyright { color: rgba(26, 26, 26, 0.7); text-transform: uppercase; font-size: 12px; line-height: 1.2; font-weight: 400; } .footer * { color: #ffffff; } .footer__container { padding-inline: 15px; width: 100%; margin-inline: auto; } @media only screen and (min-width: 1200px) { .footer__container { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .footer__container { display: grid; grid-template-areas: "logo menu-container newsletter-form" "bottom bottom bottom"; } } .footer__newsletter-form { grid-area: newsletter-form; position: relative; display: flex; flex-direction: column; gap: 12px; padding-bottom: 35px; max-width: 595px; } @media only screen and (min-width: 1200px) { .footer__newsletter-form { position: relative; top: -10px; flex: 1; display: grid; padding-bottom: unset; margin-left: auto; row-gap: 20px; column-gap: 16px; max-width: 495px; grid-template-areas: "newsletter-heading newsletter-heading" "newsletter-input newsletter-button" "newsletter-checkbox-wrapper newsletter-checkbox-wrapper" "newsletter-checkbox-privacy-wrapper newsletter-checkbox-privacy-wrapper"; } } @media only screen and (min-width: 1600px) { .footer__newsletter-form { max-width: 595px; } } .footer__newsletter-form::before { content: ""; position: absolute; bottom: 0; left: -15px; width: 100vw; height: 1px; background-color: rgba(255, 255, 255, 0.1); } @media only screen and (min-width: 1200px) { .footer__newsletter-form::before { display: none; } } .footer__newsletter-heading { font-size: 25px; font-weight: 700; line-height: 1.2; } @media only screen and (min-width: 1200px) { .footer__newsletter-heading { font-size: 30px; max-width: 534px; grid-area: newsletter-heading; } } @media only screen and (min-width: 1440px) { .footer__newsletter-heading { font-size: 45px; } } .footer__newsletter-heading * { font-size: 25px; font-weight: 700; line-height: 1.2; } @media only screen and (min-width: 1200px) { .footer__newsletter-heading * { font-size: 35px; } } @media only screen and (min-width: 1440px) { .footer__newsletter-heading * { font-size: 45px; } } .footer__newsletter-heading strong { color: #4c9bf2; } .footer input[type=email].footer__newsletter-input { background-color: #ffffff !important; border-radius: 5px !important; padding: 13px 20px !important; font-size: 14px !important; line-height: 1.2 !important; color: #1a1a1a !important; } @media only screen and (min-width: 1200px) { .footer input[type=email].footer__newsletter-input { flex: 1; width: 295px !important; grid-area: newsletter-input; padding: 10px 20px !important; font-size: 16px !important; } } @media only screen and (min-width: 1440px) { .footer input[type=email].footer__newsletter-input { padding: 19px 25px !important; } } @media only screen and (min-width: 1600px) { .footer input[type=email].footer__newsletter-input { width: 395px !important; } } .footer input[type=email].footer__newsletter-input::placeholder { color: #1a1a1a; } .footer__newsletter-checkbox-wrapper { display: flex; gap: 15px; } @media only screen and (min-width: 1200px) { .footer__newsletter-checkbox-wrapper { grid-area: newsletter-checkbox-wrapper; } } .footer__newsletter-checkbox-privacy-wrapper { display: flex; gap: 15px; } @media only screen and (min-width: 1200px) { .footer__newsletter-checkbox-privacy-wrapper { grid-area: newsletter-checkbox-privacy-wrapper; } } .footer input[type=checkbox].footer__newsletter-checkbox { flex: 1; height: 16px !important; max-width: 16px !important; border: 1px solid #f95fc4 !important; } .footer input[type=checkbox].footer__newsletter-checkbox:checked { position: relative; background-color: #f95fc4 !important; } .footer input[type=checkbox].footer__newsletter-checkbox:checked::after { content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27%3E%3Cpath d=%27M1.5 5.5L4 8L8.5 2%27 stroke=%27white%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E"); position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 10px; display: flex; align-items: center; justify-content: center; } .footer input[type=checkbox].footer__newsletter-checkbox:hover { cursor: pointer; } .footer__newsletter-checkbox-text { flex: 1; font-size: 12px !important; line-height: 1.2 !important; color: #ffffff !important; margin: 0 !important; grid-area: unset !important; } .footer__newsletter-checkbox-text a { font-weight: 700; } .footer__newsletter-checkbox-text a:hover { cursor: pointer; color: #4c9bf2; } @media only screen and (min-width: 1200px) { .footer__newsletter-button { grid-area: newsletter-button; padding-inline: 55px; padding-block: 10px; } } @media only screen and (min-width: 1440px) { .footer__newsletter-button { padding-inline: 55px; padding-block: 17px 19px; } } .footer__logo { grid-area: logo; padding-block: 35px 30px; } @media only screen and (min-width: 1200px) { .footer__logo { flex: 1; width: max-content; padding-block: unset; padding-right: 71px; } } .footer__menu-container { grid-area: menu-container; display: flex; gap: 65px; padding-bottom: 35px; } @media only screen and (min-width: 1200px) { .footer__menu-container { flex: 1; max-width: 410px; gap: 130px; padding-bottom: unset; } } .footer__menu-heading { margin-bottom: 20px; font-size: 14px; line-height: 1.2; color: rgba(255, 255, 255, 0.7); font-weight: 700; } @media only screen and (min-width: 1200px) { .footer__menu-heading { font-size: 16px; } } .footer__menu { display: flex; flex-direction: column; gap: 30px; } .footer__menu * { font-size: 14px; line-height: 1.2; font-weight: 700; } @media only screen and (min-width: 1200px) { .footer__menu * { font-size: 16px; } } .footer__menu a:hover { color: #2675cc; } .footer__bottom { grid-area: bottom; } @media only screen and (min-width: 1200px) { .footer__bottom { position: relative; display: flex; padding-top: 44px; margin-top: 130px; } } @media only screen and (min-width: 1200px) { .footer__bottom::before { content: ""; position: absolute; top: 0; width: 100vw; left: -24px; height: 1px; background-color: rgba(255, 255, 255, 0.1); } } @media only screen and (min-width: 1600px) { .footer__bottom::before { left: calc((1488px - 100vw) / 2); } } .footer__social-wrapper { position: relative; display: flex; gap: 70px; padding-block: 30px; } @media only screen and (min-width: 1200px) { .footer__social-wrapper { flex: 1; width: 100%; max-width: 410px; padding-block: 0; } } .footer__social-wrapper::before, .footer__social-wrapper::after { content: ""; position: absolute; top: 0; left: -15px; width: 100vw; height: 1px; background-color: rgba(255, 255, 255, 0.1); } @media only screen and (min-width: 1200px) { .footer__social-wrapper::before, .footer__social-wrapper::after { display: none; } } .footer__social-wrapper::after { left: -15px; top: unset; bottom: 0; } @media only screen and (min-width: 1200px) { .footer__social-wrapper::after { display: block; width: 1px; height: 126px; top: -44px; left: unset; right: 0; bottom: unset; } } .footer__social-link { display: flex; align-items: center; gap: 12px; } .footer__social-link:hover .footer__social-link-text { color: #2675cc; } .footer__social-link-text { font-size: 14px; font-weight: 700; line-height: 1.2; } .footer__bottom-right-side { display: flex; flex-direction: column; gap: 30px; } @media only screen and (min-width: 1200px) { .footer__bottom-right-side { flex: 1; width: 100%; flex-direction: row-reverse; align-items: center; } } .footer__bottom-icons { display: flex; justify-content: flex-start; gap: 6px; padding-top: 35px; } @media only screen and (min-width: 1200px) { .footer__bottom-icons { padding-top: 0; } } .footer__icon-wrapper { display: grid; background-color: #ffffff; border-radius: 5px; flex: 1 0 0; max-width: 80px; min-width: 0; padding: 2px; height: 34px; place-items: center; width: 100%; } @media only screen and (min-width: 1200px) { .footer__icon-wrapper { height: 37px; width: 67px; } } .footer__bottom-copyright { font-size: 12px; line-height: 1.2; color: rgba(255, 255, 255, 0.7); text-transform: uppercase; } @media only screen and (min-width: 1200px) { .footer__bottom-copyright { font-size: 15px; margin-right: auto; padding-left: 98px; } } .footer__newsletter-notification { position: static; margin-top: 8px; margin-bottom: 0; min-width: 0; max-width: 100%; padding: 12px 16px; border-radius: 5px; box-shadow: none; font-size: 14px; font-weight: 500; color: #ffffff; opacity: 1; pointer-events: auto; transform: none; transition: none; display: flex; align-items: center; gap: 10px; } .footer__newsletter-notification--success { background: #4c9bf2; border-left: 4px solid #1c80ef; } .footer__newsletter-notification--error { background: #e74c3c; border-left: 4px solid #d62c1a; } .footer__newsletter-notification-message { flex: 1; word-break: break-word; } .footer__newsletter-notification-close { position: static; width: 16px; height: 16px; cursor: pointer; opacity: 0.7; transition: opacity 0.2s; } .footer__newsletter-notification-close:hover { opacity: 1; } .footer__newsletter-notification-close::before, .footer__newsletter-notification-close::after { content: ""; position: absolute; left: 7px; top: 1px; width: 2px; height: 14px; background: #ffffff; border-radius: 2px; } .footer__newsletter-notification-close::before { transform: rotate(45deg); } .footer__newsletter-notification-close::after { transform: rotate(-45deg); } bi.navigation-container { position: sticky; top: 0; z-index: 7200; background-color: #ffffff; } .navigation { position: relative; z-index: 7200; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03); } .navigation--without-border-bottom { box-shadow: none; } .navigation__mobile { display: none; } .navigation__mobile--active { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: flex; flex-direction: column; background-color: #ffffff; z-index: 7210; padding: 15px 15px 25px 15px; } .navigation__mobile--active .navigation__mobile-close { flex: 1; max-height: 16px; display: flex; margin-left: auto; } .navigation__mobile--active .navigation__mobile-menu-wrapper { display: flex; flex-direction: column; justify-content: space-between; height: 100%; flex: 1; } .navigation__mobile--active .navigation__mobile-menu { display: flex; flex-direction: column; margin-top: 20px; } .navigation__mobile--active .navigation__mobile-menu .menu-item-has-children > a { display: flex; align-items: center; gap: 10px; justify-content: space-between; padding-block: unset; } .navigation__mobile--active .navigation__mobile-menu .menu-item-has-children > a > .dropdown-title { flex: 1; padding-block: 18px 21px; } .navigation__mobile--active .navigation__mobile-menu .menu-item-has-children > a > .arrow-wrapper { flex: 1; display: flex; justify-content: flex-end; padding-block: 18px 21px; } .navigation__mobile--active .navigation__mobile-menu > li.menu-item-sale > a { color: #f95fc4; } .navigation__mobile--active .navigation__mobile-menu > li > a { display: flex; padding-block: 18px 21px; font-size: 15px; font-weight: 700; line-height: 1.2; width: 100%; height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #1a1a1a; } .navigation__mobile--active .navigation__mobile-menu .first-level-sub-menu { display: none; } .navigation__mobile--active .navigation__mobile-menu .first-level-sub-menu.active { display: block; position: fixed; background: white; height: 100vh; width: 100%; top: 0; left: 0; padding: 15px; z-index: 1; overflow: auto; } .navigation__mobile--active .navigation__mobile-menu .first-level-sub-menu > li:nth-child(2) { margin-top: 50px; } .navigation__mobile--active .navigation__mobile-menu .first-level-sub-menu > li.submenu-title { margin-bottom: 28px; position: fixed; background: #ffffff; width: 100%; height: 50px; top: 0; } .navigation__mobile--active .navigation__mobile-menu .first-level-sub-menu > li.submenu-title > a { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 23px; padding: 0; margin: 0; border: none; width: max-content; } .navigation__mobile--active .navigation__mobile-menu .first-level-sub-menu > li.submenu-title > a > span { font-size: 15px; line-height: 1.2; font-weight: 700; } .navigation__mobile--active .navigation__mobile-menu .first-level-sub-menu > li.submenu-title > a > img { transform: rotate(180deg); } .navigation__mobile--active .navigation__mobile-menu .first-level-sub-menu > li > a { display: flex; gap: 12px; align-items: center; padding-block: 17px 9px; width: 100%; height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #1a1a1a; font-size: 15px; line-height: 1.2; } .navigation__mobile--active .navigation__mobile-menu .first-level-sub-menu > li > a > .navigation__menu-icon-wrapper { display: grid; place-items: center; background-color: transparent; border-radius: 100%; width: 30px; height: 30px; } .navigation__mobile--active .navigation__mobile-menu .first-level-sub-menu > li > a > .navigation__menu-icon-wrapper > img { width: 30px; height: 30px; } .navigation__mobile--active .navigation__mobile-menu .first-level-sub-menu > li > a > .navigation__menu-title-wrapper { display: flex; flex-direction: column; } .navigation__mobile--active .navigation__mobile-menu .first-level-sub-menu > li > a > .navigation__menu-title-wrapper > * { color: #1a1a1a; } .navigation__mobile--active .navigation__mobile-menu .first-level-sub-menu > li > a > .navigation__menu-title-wrapper .navigation__menu-title { font-weight: 700; } .navigation__mobile--active .navigation__mobile-social-wrapper { flex: 1; max-height: 49px; display: flex; gap: 33px; justify-content: center; align-items: center; margin-top: 25px; } .navigation__mobile--active .navigation__mobile-social-link { display: flex; gap: 10px; align-items: center; } .navigation__mobile--active .navigation__mobile-social-link > img { filter: invert(1); } .navigation__mobile--active .navigation__mobile-social-link .navigation__mobile-social-link-text { font-size: 14px; font-weight: 700; line-height: 1.2; color: #1a1a1a; } .navigation__mobile--active-submenu .navigation__mobile-close { z-index: 2; } .navigation__container { display: flex; flex-direction: column; gap: 8px; } @media only screen and (min-width: 1200px) { .navigation__container { gap: 21px; } } .navigation__top { display: flex; justify-content: space-between; align-items: center; padding-top: 15px; padding-inline: 15px; } @media only screen and (min-width: 1200px) { .navigation__top { padding-inline: 15px; width: 100%; margin-inline: auto; padding-top: 24px; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .navigation__top { max-width: 1518px; padding-inline: 24px; } } .navigation__right-side { display: flex; align-items: center; gap: 30px; } @media only screen and (min-width: 1200px) { .navigation__right-side { flex: 1; max-width: 36px; } } .navigation__cart-wrapper { position: relative; } .navigation__cart-count { position: absolute; top: 50%; right: -9px; background-color: #f95fc4; color: #ffffff; border-radius: 100%; font-size: 12px; font-weight: 500; padding: 1px 5px 2px 5px; transform: translateY(-50%); min-width: 19px; text-align: center; } .navigation__hamburger { display: grid; place-content: center; height: 100%; } @media only screen and (min-width: 1200px) { .navigation__hamburger { display: none; } } .navigation__logo { max-width: 153px; } @media only screen and (min-width: 1200px) { .navigation__logo { flex: 1; max-width: 238px; } } .navigation__bottom { padding-bottom: 6px; padding-inline: 15px; } @media only screen and (min-width: 1200px) { .navigation__bottom { padding-inline: 15px; width: 100%; margin-inline: auto; padding-bottom: 20px; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .navigation__bottom { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .navigation__search-wrapper--mobile { display: none; } } .navigation__search-wrapper--desktop { display: none; } @media only screen and (min-width: 1200px) { .navigation__search-wrapper--desktop { display: block; flex: 1; max-width: 844px; } } @media only screen and (min-width: 1200px) { .navigation__search-wrapper--desktop .siq-expandwdgt > input { padding-left: 25px !important; } } @media only screen and (min-width: 1200px) { .navigation__search-wrapper--desktop .siq-expandwdgt-icon { right: 0 !important; left: unset !important; background-color: #4c9bf2 !important; color: #ffffff !important; } } .navigation__search-wrapper .dgwt-wcas-sf-wrapp { padding: 0; } .navigation__search-wrapper .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input { background-color: #ffffff !important; border-radius: 5px !important; font-size: 14px !important; line-height: 1.2 !important; color: #1a1a1a !important; padding: 10px 15px 10px 49px !important; border: 1px solid rgba(26, 26, 26, 0.18) !important; } .navigation__search-wrapper .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit { top: 50% !important; transform: translateY(-50%) !important; left: 8px !important; } .navigation__menu-wrapper { display: none; } @media only screen and (min-width: 1200px) { .navigation__menu-wrapper { position: relative; display: flex; justify-content: space-between; align-items: center; } } @media only screen and (min-width: 1200px) { .navigation__menu { display: flex; gap: 35px; } } @media only screen and (min-width: 1200px) { .navigation__menu--left { display: flex; align-items: center; } } @media only screen and (min-width: 1200px) { .navigation__menu--left > li.menu-item-sale > a { position: relative; display: flex; align-items: center; gap: 5px; color: #f95fc4; border-radius: 5px; padding: 6px 16px; border: 1px solid #f95fc4; } } .navigation__menu--left > li.menu-item-sale > a:hover { background-color: #f95fc4; color: #ffffff; } .navigation__menu--left > li.menu-item-sale > a:hover::before { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); } @media only screen and (min-width: 1200px) { .navigation__menu--left > li.menu-item-sale > a::before { content: url(../../.././dist/css/build/img/flame.svg); width: 20px; height: 24px; } } .navigation__menu--left > li.menu-item-sale > a > a { font-size: 15px; font-weight: 500; color: #f95fc4; } @media only screen and (min-width: 1200px) { .navigation__menu * { font-size: 15px; line-height: 1.2; color: #1a1a1a; } } .navigation__menu > .menu-item:hover { cursor: pointer; } .navigation__menu > .menu-item:hover > a { color: #4c9bf2; } .navigation__menu .menu-item-has-children:hover .first-level-sub-menu { display: grid; grid-template-columns: repeat(3, 1fr); justify-content: space-between; position: absolute; top: 58px; left: 0; background-color: #ffffff; width: 100%; z-index: 1; border-radius: 5px; border: 1px solid rgba(26, 26, 26, 0.18); filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.09)); padding: 25px 43px; row-gap: 10px; max-height: 430px; overflow: auto; scrollbar-width: thin; scrollbar-color: #1a1a1a #d1d1d1; } .navigation__menu .menu-item-has-children:hover .first-level-sub-menu::-webkit-scrollbar { width: 8px; } .navigation__menu .menu-item-has-children:hover .first-level-sub-menu::-webkit-scrollbar-track { background: #ffffff; border-radius: 4px; } .navigation__menu .menu-item-has-children:hover .first-level-sub-menu::-webkit-scrollbar-thumb { background-color: #1a1a1a; border-radius: 4px; border: 2px solid #d1d1d1; } .navigation__menu .menu-item-has-children:hover .first-level-sub-menu > li > a { display: flex; gap: 17px; align-items: center; padding-bottom: 10px; width: 100%; height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #1a1a1a; font-size: 16px; line-height: 1.2; max-width: 300px; } .navigation__menu .menu-item-has-children:hover .first-level-sub-menu > li > a > .navigation__menu-icon-wrapper { display: grid; place-items: center; width: 30px; height: 30px; } .navigation__menu .menu-item-has-children:hover .first-level-sub-menu > li > a > .navigation__menu-icon-wrapper > img { width: 30px; height: 30px; } .navigation__menu .menu-item-has-children:hover .first-level-sub-menu > li > a > .navigation__menu-title-wrapper { display: flex; flex-direction: column; } .navigation__menu .menu-item-has-children:hover .first-level-sub-menu > li > a > .navigation__menu-title-wrapper > * { color: #1a1a1a; } .navigation__menu .menu-item-has-children:hover .first-level-sub-menu > li > a > .navigation__menu-title-wrapper .navigation__menu-title { font-weight: 700; } .navigation__menu .menu-item-has-children:hover .submenu-title { display: none; } .navigation__menu .menu-item-has-children:hover .dropdown-title { position: relative; color: #4c9bf2; } .navigation__menu .menu-item-has-children:hover .dropdown-title::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100px; background-color: transparent; } .navigation__menu .arrow-wrapper { display: none; } .navigation__menu .first-level-sub-menu { display: none; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .text-above-nav { background-color: rgba(26, 26, 26, 0.03); } .text-above-nav__container { padding-inline: 15px; padding-block: 6px; } @media only screen and (min-width: 768px) { .text-above-nav__container { display: flex; overflow: hidden; width: 100%; padding-block: 16px; padding-inline: 0; } } .text-above-nav__item { display: flex; gap: 15px; align-items: center; justify-content: center; max-width: 400px; margin-inline: auto; } .text-above-nav__item:not(:first-of-type) { display: none; } @media only screen and (min-width: 768px) { .text-above-nav__item:not(:first-of-type) { display: flex; } } @media only screen and (min-width: 768px) { .text-above-nav__item { gap: 25px; max-width: unset; width: max-content; justify-content: unset; white-space: nowrap; position: relative; will-change: transform; flex-shrink: 0; animation: marquee 10s linear infinite; padding-inline: 20px; } } .text-above-nav__item * { font-size: 14px; line-height: 1.2; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .text-above-nav__item * { font-size: 18px; } } .text-above-nav__item a { text-decoration: none; } .woocommerce-message, .woocommerce-info { border-top-color: #4c9bf2; color: #1a1a1a; } .woocommerce-message a, .woocommerce-info a { text-decoration: underline; } .woocommerce-message::before, .woocommerce-info::before { color: #4c9bf2; } .woocommerce-message .button, .woocommerce-info .button { border-radius: 5px !important; background-color: #4c9bf2 !important; color: #ffffff !important; margin-top: 10px !important; font-size: 14px !important; } @media only screen and (min-width: 1200px) { .woocommerce-message .button, .woocommerce-info .button { margin-top: 0 !important; font-size: 16px !important; } } .woocommerce-message .button:hover, .woocommerce-info .button:hover { background-color: #2675cc !important; color: #ffffff !important; } .filter-button { display: flex; align-items: center; gap: 10px; font-size: 15px; line-height: 1.2; font-weight: 500; padding: 10px 15px; border: 1px solid rgba(26, 26, 26, 0.18); border-radius: 5px; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .custom-shop-ordering { position: relative; } } .custom-shop-ordering__button { display: flex; align-items: center; padding: 10px 15px; border: 1px solid rgba(26, 26, 26, 0.18); border-radius: 5px; gap: 8px; } @media only screen and (min-width: 1200px) { .custom-shop-ordering__button { width: 100%; cursor: pointer; } } .custom-shop-ordering__button-icon, .custom-shop-ordering__button-arrow { display: flex; justify-content: center; align-items: center; } .custom-shop-ordering__button-icon { width: 20px; height: 20px; } @media only screen and (min-width: 1200px) { .custom-shop-ordering__button-icon { width: 26px; height: 26px; } } .custom-shop-ordering__button-text { font-size: 15px; line-height: 1.2; color: #1a1a1a; font-weight: 500; padding-left: 2px; } @media only screen and (min-width: 1200px) { .custom-shop-ordering__button-text { font-size: 18px; } } .custom-shop-ordering__button-arrow { width: 12px; height: 8px; } @media only screen and (min-width: 1200px) { .custom-shop-ordering__button-arrow { margin-left: auto; } } .custom-shop-ordering__dropdown { display: none; } .custom-shop-ordering__dropdown--active { display: flex; flex-direction: column; background-color: #ffffff; position: fixed; bottom: 0; left: 0; z-index: 7221; padding: 22px 15px 20px 15px; width: 100%; } @media only screen and (min-width: 1200px) { .custom-shop-ordering__dropdown--active { position: absolute; top: 50px; left: 0; border-radius: 5px; border: 1px solid rgba(26, 26, 26, 0.18); filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.018)); height: max-content; padding: 0; width: 100%; } } .custom-shop-ordering__mobile-header { display: flex; justify-content: space-between; margin-bottom: 25px; } @media only screen and (min-width: 1200px) { .custom-shop-ordering__mobile-header { display: none; } } .custom-shop-ordering__dropdown-heading { font-size: 15px; line-height: 1.2; color: #1a1a1a; font-weight: 700; } .custom-shop-ordering__dropdown-item { position: relative; padding: 14px 14px 14px 31px; font-size: 15px; line-height: 1.2; color: #1a1a1a; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 1200px) { .custom-shop-ordering__dropdown-item { font-size: 16px; padding: 10px 10px 10px 46px; } } @media only screen and (min-width: 1200px) { .custom-shop-ordering__dropdown-item:hover { cursor: pointer; } } @media only screen and (min-width: 1200px) { .custom-shop-ordering__dropdown-item:hover::before { content: ""; position: absolute; top: 50%; left: 15px; border: 4px solid #f95fc4; border-radius: 100%; height: 16px; width: 16px; transform: translateY(-50%); z-index: 1; } } .custom-shop-ordering__dropdown-item--active::before { content: ""; position: absolute; top: 50%; left: 0; border: 4px solid #f95fc4; border-radius: 100%; height: 16px; width: 16px; transform: translateY(-50%); z-index: 1; } @media only screen and (min-width: 1200px) { .custom-shop-ordering__dropdown-item--active::before { left: 15px; } } @media only screen and (min-width: 1200px) { .custom-shop-ordering__dropdown-item:first-child { border-top: none; } } .custom-shop-ordering__dropdown-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 1200px) { .custom-shop-ordering__dropdown-item:last-child { border-bottom: none; } } .custom-shop-ordering__dropdown-item::after { content: ""; position: absolute; top: 50%; left: 0; border: 1px solid rgba(26, 26, 26, 0.4); border-radius: 100%; height: 16px; width: 16px; transform: translateY(-50%); } @media only screen and (min-width: 1200px) { .custom-shop-ordering__dropdown-item::after { left: 15px; } } .custom-shop-ordering__overlay { display: none; position: fixed; top: 0; left: 0; z-index: 7221; width: 100%; height: 100%; background-color: rgba(26, 26, 26, 0.4); } .custom-shop-ordering__overlay--active { display: block; } @media only screen and (min-width: 1200px) { .custom-shop-ordering__overlay--active { display: none; } } .custom-shop-ordering__mobile-button { margin-top: 20px; } @media only screen and (min-width: 1200px) { .custom-shop-ordering__mobile-button { display: none; } } .information-page-menu { padding-inline: 15px; } @media only screen and (min-width: 1200px) { .information-page-menu { padding-inline: unset; width: 100%; max-width: 344px; } } .information-page-menu__heading { font-size: 35px; line-height: 1.1; font-weight: 700; margin-bottom: 30px; } @media only screen and (min-width: 1200px) { .information-page-menu__heading { font-size: 60px; line-height: 1.2; margin-bottom: 35px; } } .information-page-menu__menu { display: flex; flex-direction: column; gap: 8px; margin-bottom: 30px; } @media only screen and (min-width: 1200px) { .information-page-menu__menu { gap: 10px; margin-bottom: unset; } } .information-page-menu__menu > li > a { display: grid; place-items: center; padding: 13px; width: 100%; font-size: 14px; line-height: 1.2; font-weight: 700; height: 100%; max-height: 43px; color: rgba(26, 26, 26, 0.8); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; } @media only screen and (min-width: 1200px) { .information-page-menu__menu > li > a { max-width: 344px; font-size: 16px; padding-block: 19px; max-height: 56px; } } .information-page-menu__menu > li.current-menu-item > a { background-color: #4c9bf2; color: #ffffff; border-color: #4c9bf2; } .information-page-menu__menu > li > li { display: none; } .popup-newsletter--active .popup-newsletter__overlay, .popup-newsletter--active .popup-newsletter__newsletter-form-wrapper { display: block; } .popup-newsletter__overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 7380; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; } .popup-newsletter__newsletter-form-wrapper { position: fixed; bottom: 0; left: 0; z-index: 7390; background-color: #ffffff; padding: 55px 15px 30px 15px; display: none; height: max-content; } @media only screen and (min-width: 1200px) { .popup-newsletter__newsletter-form-wrapper { top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 68px 100px; } } .popup-newsletter__close { position: absolute; top: 16px; right: 15px; cursor: pointer; } @media only screen and (min-width: 1200px) { .popup-newsletter__close { top: 23px; right: 23px; } } .popup-newsletter__newsletter-form { display: flex; flex-direction: column; gap: 12px; max-width: 595px; } @media only screen and (min-width: 1200px) { .popup-newsletter__newsletter-form { flex: 1; display: grid; margin-left: auto; row-gap: 20px; column-gap: 16px; max-width: 518px; grid-template-areas: "newsletter-heading newsletter-heading" "newsletter-input newsletter-button" "newsletter-checkbox-wrapper newsletter-checkbox-wrapper" "newsletter-checkbox-privacy-wrapper newsletter-checkbox-privacy-wrapper"; } } @media only screen and (min-width: 1600px) { .popup-newsletter__newsletter-form { max-width: 595px; } } .popup-newsletter__newsletter-form::before { content: ""; position: absolute; bottom: 0; left: -15px; width: 100vw; height: 1px; background-color: rgba(255, 255, 255, 0.1); } @media only screen and (min-width: 1200px) { .popup-newsletter__newsletter-form::before { display: none; } } .popup-newsletter__newsletter-heading { font-size: 25px; font-weight: 700; line-height: 1.2; } @media only screen and (min-width: 1200px) { .popup-newsletter__newsletter-heading { font-size: 22px; max-width: 464px; grid-area: newsletter-heading; } } .popup-newsletter__newsletter-heading * { font-size: 25px; font-weight: 700; line-height: 1.2; } @media only screen and (min-width: 1200px) { .popup-newsletter__newsletter-heading * { font-size: 22px; } } .popup-newsletter__newsletter-heading strong { color: #4c9bf2; } .popup-newsletter input[type=email].popup-newsletter__newsletter-input { background-color: #ffffff !important; border-radius: 5px !important; padding: 13px 20px !important; font-size: 14px !important; line-height: 1.2 !important; color: #1a1a1a !important; border: 1px solid rgba(26, 26, 26, 0.15) !important; } @media only screen and (min-width: 1200px) { .popup-newsletter input[type=email].popup-newsletter__newsletter-input { flex: 1; width: 320px !important; grid-area: newsletter-input; padding: 10px 20px !important; font-size: 16px !important; } } @media only screen and (min-width: 1440px) { .popup-newsletter input[type=email].popup-newsletter__newsletter-input { padding: 19px 25px !important; } } @media only screen and (min-width: 1600px) { .popup-newsletter input[type=email].popup-newsletter__newsletter-input { width: 395px !important; } } .popup-newsletter input[type=email].popup-newsletter__newsletter-input::placeholder { color: #1a1a1a; } .popup-newsletter__newsletter-checkbox-wrapper { display: flex; gap: 15px; } @media only screen and (min-width: 1200px) { .popup-newsletter__newsletter-checkbox-wrapper { grid-area: newsletter-checkbox-wrapper; } } .popup-newsletter__newsletter-checkbox-privacy-wrapper { display: flex; gap: 15px; } @media only screen and (min-width: 1200px) { .popup-newsletter__newsletter-checkbox-privacy-wrapper { grid-area: newsletter-checkbox-privacy-wrapper; } } .popup-newsletter input[type=checkbox].popup-newsletter__newsletter-checkbox { flex: 1; height: 16px !important; max-width: 16px !important; border: 1px solid #f95fc4 !important; } .popup-newsletter input[type=checkbox].popup-newsletter__newsletter-checkbox:checked { position: relative; background-color: #f95fc4 !important; } .popup-newsletter input[type=checkbox].popup-newsletter__newsletter-checkbox:checked::after { content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27%3E%3Cpath d=%27M1.5 5.5L4 8L8.5 2%27 stroke=%27white%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E"); position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 10px; display: flex; align-items: center; justify-content: center; } .popup-newsletter input[type=checkbox].popup-newsletter__newsletter-checkbox:hover { cursor: pointer; } .popup-newsletter__newsletter-checkbox-text { flex: 1; font-size: 12px !important; line-height: 1.2 !important; color: #1a1a1a !important; margin: 0 !important; grid-area: unset !important; } .popup-newsletter__newsletter-checkbox-text a { font-weight: 700; } .popup-newsletter__newsletter-checkbox-text a:hover { cursor: pointer; color: #4c9bf2; } @media only screen and (min-width: 1200px) { .popup-newsletter__newsletter-button { grid-area: newsletter-button; padding-inline: 55px; padding-block: 10px; } } @media only screen and (min-width: 1440px) { .popup-newsletter__newsletter-button { padding-inline: 55px; padding-block: 17px 19px; } } .popup-newsletter__newsletter-notification { position: static; margin-top: 8px; margin-bottom: 0; min-width: 0; max-width: 100%; padding: 12px 16px; border-radius: 5px; box-shadow: none; font-size: 14px; font-weight: 500; color: #ffffff; opacity: 1; pointer-events: auto; transform: none; transition: none; display: flex; align-items: center; gap: 10px; } .popup-newsletter__newsletter-notification--success { background: #4c9bf2; border-left: 4px solid #1c80ef; } .popup-newsletter__newsletter-notification--error { background: #e74c3c; border-left: 4px solid #d62c1a; } .popup-newsletter__newsletter-notification-message { flex: 1; word-break: break-word; color: #ffffff; } .dgwt-wcas-sp { display: flex; gap: 5px; } .dgwt-wcas-si { width: 50px; height: 50px; object-fit: cover !important; } .dgwt-wcas-si > img { border-radius: 5px; border: unset; width: 50px; height: 50px; object-fit: cover !important; } @media only screen and (min-width: 1200px) { .dgwt-wcas-preloader { right: -20px !important; } } .dgwt-wcas-st-title, .suggestion-nasiona-producent { font-size: 15px !important; line-height: 1.2 !important; color: #1a1a1a !important; } .dgwt-wcas-st-title { font-weight: 700 !important; } @media only screen and (min-width: 1200px) { .dgwt-wcas-suggestions-wrapp { border: 1px solid rgba(0, 0, 0, 0.1) !important; border-top: unset !important; } } .dgwt-wcas-suggestions-wrapp > a { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } @media only screen and (min-width: 1200px) { .navigation__search-wrapper .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit { background: #4c9bf2 !important; border-radius: unset !important; left: 0 !important; height: 100% !important; width: 36px !important; border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } } @media only screen and (min-width: 1200px) { .navigation__search-wrapper .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit > svg > path { fill: #ffffff !important; } } .dgwt-wcas-suggestion { background-color: #ffffff !important; } .dgwt-wcas-st-more { background: #4c9bf2 !important; color: #ffffff !important; padding: 13px 30px !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.2 !important; border-radius: 5px !important; text-transform: initial !important; } .faq__container { display: flex; flex-direction: column; } .faq__item { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 15px; } .faq__item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .faq__item--active .faq__item-heading { color: #4c9bf2; } .faq__item--active .faq__item-content { height: auto; padding-bottom: 15px; } .faq__item--active .faq__arrow { transform: rotate(180deg); filter: brightness(0) saturate(100%) invert(57%) sepia(87%) saturate(1242%) hue-rotate(188deg) brightness(97%) contrast(98%); } .faq__item-heading-wrapper { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; cursor: pointer; } .faq__item-heading { flex: 1; font-size: 15px; line-height: 1.2; font-weight: 700; user-select: none; padding-right: 37px; } @media only screen and (min-width: 1200px) { .faq__item-heading { font-size: 18px; } } .faq__arrow-wrapper { flex: 1; max-width: 12px; } .faq__item-content { height: 0; overflow: hidden; } .faq__item-content > * { font-size: 14px; line-height: 1.2; font-weight: 400; color: rgba(26, 26, 26, 0.8); } @media only screen and (min-width: 1200px) { .faq__item-content > * { font-size: 18px; line-height: 1.2; } } .latest-blog-posts { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-block: 35px; } @media only screen and (min-width: 1200px) { .latest-blog-posts { padding-block: 60px; } } .latest-blog-posts__container { padding-inline: 15px; width: 100%; margin-inline: auto; } @media only screen and (min-width: 1200px) { .latest-blog-posts__container { max-width: 1518px; padding-inline: 24px; } } .latest-blog-posts__heading { font-size: 25px; line-height: 1.2; font-weight: 700; margin-bottom: 25px; } @media only screen and (min-width: 1200px) { .latest-blog-posts__heading { font-size: 45px; margin-bottom: 47px; } } .latest-blog-posts__wrapper { display: flex; flex-direction: column; gap: 35px; } @media only screen and (min-width: 1200px) { .latest-blog-posts__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } } @media only screen and (min-width: 1600px) { .latest-blog-posts__wrapper { gap: 30px; } } .latest-blog-posts__post > a:focus .latest-blog-posts__post-thumbnail { box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.32); } .latest-blog-posts__post > a:focus .latest-blog-posts__post-read-more { color: #4c9bf2; } @media only screen and (min-width: 1200px) { .latest-blog-posts__post > a:hover .latest-blog-posts__post-thumbnail { box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.32); } } @media only screen and (min-width: 1200px) { .latest-blog-posts__post > a:hover .latest-blog-posts__post-read-more { color: #4c9bf2; } } .latest-blog-posts__post-thumbnail { border-radius: 5px; height: 380px !important; width: 100%; object-fit: cover; } @media only screen and (min-width: 1200px) { .latest-blog-posts__post-thumbnail { height: 541px !important; border-radius: 10px; } } .latest-blog-posts__post-content { padding-inline: 20px; } @media only screen and (min-width: 1200px) { .latest-blog-posts__post-content { padding-inline: 35px; } } .latest-blog-posts__post-meta { margin-top: 20px; } .latest-blog-posts__post-meta * { font-size: 12px; font-weight: 700; } @media only screen and (min-width: 1200px) { .latest-blog-posts__post-meta * { font-size: 14px; } } .latest-blog-posts__post-title { font-size: 18px; line-height: 1.2; margin-block: 15px; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media only screen and (min-width: 1200px) { .latest-blog-posts__post-title { margin-block: 15px 25px; font-size: 22px; } } .latest-blog-posts__post-category { text-decoration: underline; } .latest-blog-posts__post-excerpt p { margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media only screen and (min-width: 1200px) { .latest-blog-posts__post-excerpt p { margin-bottom: 30px; } } .latest-blog-posts__post-read-more { font-weight: 700; text-decoration: underline; color: #1a1a1a; width: max-content; } @media only screen and (min-width: 1200px) { .latest-blog-posts__post-read-more { font-size: 16px; } } .cards { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-block: 35px; } @media only screen and (min-width: 1200px) { .cards { padding-block: 60px; } } .cards--producers .cards__card { padding-top: 23px; } @media only screen and (min-width: 1200px) { .cards--producers .cards__card { padding-top: 34px; } } .cards--producers .cards__image-wrapper { padding: 0; background-color: transparent; margin-inline: auto; } .cards--producers .cards__card-image { max-width: 100px; object-fit: contain; height: auto; } @media only screen and (min-width: 1200px) { .cards--producers .cards__card-image { max-width: 118px; } } .cards--seed-varieties .cards__card { position: relative; padding: 14px 15px; } .cards--seed-varieties .cards__image-wrapper { position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 152px; border-radius: 5px; z-index: -1; } @media only screen and (min-width: 1200px) { .cards--seed-varieties .cards__image-wrapper { border-radius: 10px; height: 220px; } } .cards--seed-varieties .cards__card-image { width: 100%; height: 152px; object-fit: cover; border-radius: 5px; } @media only screen and (min-width: 1200px) { .cards--seed-varieties .cards__card-image { border-radius: 10px; height: 220px; } } .cards--seed-varieties .cards__card-name { margin-top: auto; color: #ffffff; } .cards__container { padding-inline: 15px; width: 100%; margin-inline: auto; } @media only screen and (min-width: 1200px) { .cards__container { max-width: 1518px; padding-inline: 24px; } } .cards__heading { font-size: 25px; line-height: 1.2; margin-bottom: 20px; } @media only screen and (min-width: 1200px) { .cards__heading { font-size: 45px; margin-bottom: 25px; } } .cards__subheading { font-size: 14px; line-height: 1.2; margin-bottom: 25px; } @media only screen and (min-width: 1200px) { .cards__subheading { font-size: 18px; margin-bottom: 45px; max-width: 970px; } } .cards__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } @media only screen and (min-width: 1200px) { .cards__wrapper { grid-template-columns: repeat(6, 1fr); gap: 20px; } } @media only screen and (min-width: 1600px) { .cards__wrapper { gap: 30px; } } .cards__card, .cards__last-card { position: relative; display: flex; flex-direction: column; justify-content: space-between; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 12px 13px 15px 12px; height: 152px; } @media only screen and (min-width: 1200px) { .cards__card, .cards__last-card { padding: 20px 20px 24px 20px; height: 220px; border-radius: 10px; } } .cards__card:hover, .cards__last-card:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.09); } .cards__last-card:hover { background-color: #2675cc; border-color: #2675cc; } .cards__image-wrapper { display: grid; place-items: center; width: max-content; } .cards__image { width: 32px; height: 32px; } .cards__card-name { font-size: 15px; line-height: 1.2; font-weight: 700; } @media only screen and (min-width: 1200px) { .cards__card-name { font-size: 18px; } } .cards__last-card { border: none; background-color: #4c9bf2; padding: 17px 13px; } @media only screen and (min-width: 1200px) { .cards__last-card { padding: 18px; } } .cards__last-card-text { font-size: 18px; line-height: 1.2; font-weight: 700; color: #ffffff; } @media only screen and (min-width: 1200px) { .cards__last-card-text { font-size: 22px; } } .cards__last-card-arrow { position: absolute; display: grid; place-items: center; right: 8px; bottom: 8px; background-color: #ffffff; padding: 5px; border-radius: 100%; height: 34px; width: 34px; } .seo-text { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-block: 35px; } @media only screen and (min-width: 1200px) { .seo-text { padding-block: 60px; } } .seo-text__container { padding-inline: 15px; width: 100%; margin-inline: auto; } @media only screen and (min-width: 1200px) { .seo-text__container { max-width: 1518px; padding-inline: 24px; } } .seo-text__container > * { margin-block: 15px; } @media only screen and (min-width: 1200px) { .seo-text__container > * { margin-block: 20px; } } .seo-text__container h2 *, .seo-text__container h2 { font-size: 25px; } @media only screen and (min-width: 1200px) { .seo-text__container h2 *, .seo-text__container h2 { font-size: 45px; } } .seo-text__container h3 *, .seo-text__container h3 { font-size: 18px; } @media only screen and (min-width: 1200px) { .seo-text__container h3 *, .seo-text__container h3 { font-size: 22px; } } .seo-text__container a *, .seo-text__container a { text-decoration: underline; } .seo-text__container a *:hover, .seo-text__container a:hover { color: #2675cc; } .seo-text__container strong { font-weight: 700; } .seo-text__container b { font-weight: 700; } .info-banner { width: 100%; background-color: #4c9bf2; } .info-banner__container { padding-inline: 15px; width: 100%; margin-inline: auto; padding-block: 35px; } @media only screen and (min-width: 1200px) { .info-banner__container { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .info-banner__container { display: flex; justify-content: space-between; align-items: center; padding-block: 82px; } } .info-banner__heading { font-size: 25px; line-height: 1.2; font-weight: 700; color: #ffffff; } @media only screen and (min-width: 1200px) { .info-banner__heading { flex: 1; max-width: 481px; font-size: 45px; } } .info-banner__icons { display: flex; justify-content: space-between; padding-block: 35px 50px; margin-inline: auto; } @media only screen and (min-width: 1200px) { .info-banner__icons { flex: 1; max-width: 383px; } } @media only screen and (min-width: 1440px) { .info-banner__icons { max-width: 483px; } } .info-banner__icon-item { display: flex; flex-direction: column; align-items: center; gap: 11px; justify-content: center; align-items: center; max-width: 109px; } @media only screen and (min-width: 1200px) { .info-banner__icon-item { gap: 20px; } } .info-banner__icon-wrapper { display: grid; place-items: center; padding: 15px; background-color: #ffffff; border-radius: 100%; width: max-content; width: 64px; height: 64px; } .info-banner__icon-text { text-align: center; font-size: 15px; line-height: 1.2; color: #ffffff; } .info-banner__link { font-size: 14px; line-height: 1.2; font-weight: 700; text-decoration: underline; color: #ffffff; } @media only screen and (min-width: 1200px) { .info-banner__link { flex: 1; max-width: 180px; } } .featured-products { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-block: 25px 35px; } @media only screen and (min-width: 1200px) { .featured-products { padding-block: 60px 90px; } } .featured-products--blog-section { border-block: 1px solid rgba(0, 0, 0, 0.1); padding-block: 35px; } @media only screen and (min-width: 1200px) { .featured-products--blog-section { padding-block: 60px 90px; } } .featured-products--blog-section * { text-decoration: unset !important; } .featured-products__container { padding-inline: 15px; width: 100%; margin-inline: auto; } @media only screen and (min-width: 1200px) { .featured-products__container { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .featured-products__container { display: grid; grid-template-areas: "heading button" "subheading subheading" "wrapper wrapper"; } } .featured-products__heading { font-size: 25px; line-height: 1.2; font-weight: 700; margin-bottom: 20px; } .featured-products__heading.has-subheading { margin-bottom: 20px; } @media only screen and (min-width: 1200px) { .featured-products__heading { grid-area: heading; font-size: 45px; margin-bottom: 55px; } .featured-products__heading.has-subheading { margin-bottom: 25px; } } .featured-products__subheading { font-size: 14px; line-height: 1.2; margin-bottom: 25px; } @media only screen and (min-width: 1200px) { .featured-products__subheading { grid-area: subheading; font-size: 18px; margin-bottom: 45px; max-width: 970px; } } .featured-products__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 10px; row-gap: 20px; } @media only screen and (min-width: 1200px) { .featured-products__wrapper { grid-area: wrapper; gap: 20px; grid-template-columns: repeat(4, 1fr); } } @media only screen and (min-width: 1600px) { .featured-products__wrapper { gap: 30px; } } .featured-products__item { display: flex; flex-direction: column; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; } .featured-products__item:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.09); } @media only screen and (min-width: 1200px) { .featured-products__item { border-radius: 10px; } } .featured-products__image-wrapper { position: relative; width: 100%; height: 160px; } @media only screen and (min-width: 1200px) { .featured-products__image-wrapper { height: 345px; } } .featured-products__image { width: 100%; height: 160px; object-fit: cover; border-radius: 5px; } @media only screen and (min-width: 1200px) { .featured-products__image { border-radius: 10px; height: 345px; } } .featured-products__brand { display: grid; place-items: center; position: absolute; bottom: 0; right: 0; width: 63px; height: 56px; border-top-left-radius: 10px; background-color: #ffffff; } @media only screen and (min-width: 1200px) { .featured-products__brand { width: 125px; height: 112px; } } .featured-products__brand-image { width: 50px; height: 50px; object-fit: contain; } @media only screen and (min-width: 1200px) { .featured-products__brand-image { width: 90px; height: 90px; } } .featured-products__content-wrapper { display: flex; flex-direction: column; height: 100%; padding: 10px 12px 12px; } @media only screen and (min-width: 1200px) { .featured-products__content-wrapper { padding: 19px 22px 15px; } } .featured-products__title { margin-bottom: 5px; font-size: 18px; font-weight: 500; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media only screen and (min-width: 1200px) { .featured-products__title { font-size: 22px; } } .featured-products__category { margin-bottom: 27px; font-size: 15px; line-height: 1.2; font-weight: 400; } @media only screen and (min-width: 1200px) { .featured-products__category { font-size: 18px; margin-bottom: 45px; } } .featured-products__price-value:has(del) { display: flex; flex-direction: row-reverse; align-items: flex-end; justify-content: flex-start; gap: 4px; margin-right: auto; } .featured-products__price-label, .featured-products__price-value { font-size: 15px; line-height: 1.2; font-weight: 400; } @media only screen and (min-width: 1200px) { .featured-products__price-label, .featured-products__price-value { font-size: 18px; } } .featured-products__price-label > ins, .featured-products__price-value > ins { font-size: 15px; font-weight: 700; color: #f95fc4; } @media only screen and (min-width: 1200px) { .featured-products__price-label > ins, .featured-products__price-value > ins { font-size: 18px; } } .featured-products__price-label > del, .featured-products__price-value > del { padding-left: 4px; padding-bottom: 1px; font-size: 12px; text-decoration: line-through; } @media only screen and (min-width: 1200px) { .featured-products__price-label > del, .featured-products__price-value > del { font-size: 14px; } } .featured-products__price { display: flex; flex-direction: column; gap: 2px; margin-top: auto; } @media only screen and (min-width: 1200px) { .featured-products__price { flex-direction: row; gap: 5px; } } .featured-products__price-value { font-weight: 500; color: #1a1a1a; } .featured-products__button { margin-top: 20px; color: #ffffff; } @media only screen and (min-width: 1200px) { .featured-products__button { grid-area: button; height: max-content; margin-top: unset; margin-left: auto; color: #ffffff; } } .featured-products__button:hover { color: #ffffff !important; background-color: #2675cc !important; } @media only screen and (min-width: 1200px) { .homepage-slider__container { padding-inline: 15px; width: 100%; margin-inline: auto; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .homepage-slider__container { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .homepage-slider__top { position: relative; } } .homepage-slider__swiper-container { position: relative; height: 459px; width: 100%; overflow: hidden; } @media only screen and (min-width: 1200px) { .homepage-slider__swiper-container { height: 560px; border-radius: 10px; } } .homepage-slider__swiper-wrapper { height: 100%; } .homepage-slider__swiper-slide { display: flex; flex-direction: column; position: relative; width: 100%; height: 100%; padding: 35px 15px 61px 15px; } @media only screen and (min-width: 1200px) { .homepage-slider__swiper-slide { padding: 137px 124px; } } .homepage-slider__swiper-slide-heading { font-size: 35px; line-height: 1.1; color: #ffffff; } @media only screen and (min-width: 1200px) { .homepage-slider__swiper-slide-heading { font-size: 60px; line-height: 1.2; max-width: 532px; } } .homepage-slider__swiper-slide-text { font-size: 14px; line-height: 1.2; color: #ffffff; margin-top: 15px; } @media only screen and (min-width: 1200px) { .homepage-slider__swiper-slide-text { font-size: 18px; } } .homepage-slider__swiper-slide-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .homepage-slider__swiper-slide-button { margin-top: auto; } .homepage-slider__swiper-pagination { top: 15px; } .homepage-slider__swiper-pagination .swiper-pagination-bullet { background: #ffffff; } .homepage-slider__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ffffff; } .homepage-slider__icon-text-wrapper { display: flex; justify-content: center; padding-block: 19px; } @media only screen and (min-width: 1200px) { .homepage-slider__icon-text-wrapper { position: absolute; bottom: 0; right: 0; background-color: #ffffff; padding: 16px 0 11px 25px; z-index: 1; border-radius: 10px 0 0 0; width: 268px; justify-content: flex-end; } } .homepage-slider__icon-text { display: flex; align-items: center; gap: 10px; margin-inline: auto; font-size: 14px; line-height: 1.2; font-weight: 700; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .homepage-slider__icon-text { margin-inline: unset; } } .homepage-slider__bottom-text-wrapper { border-top: 1px solid rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; gap: 10px; padding: 25px 15px; } @media only screen and (min-width: 1200px) { .homepage-slider__bottom-text-wrapper { border-top: unset; max-width: 1220px; margin-inline: auto; } } .homepage-slider__bottom-text-heading { font-size: 18px; line-height: 1.2; color: #1a1a1a; font-weight: 700; } @media only screen and (min-width: 1200px) { .homepage-slider__bottom-text-heading { text-align: center; font-size: 22px; } } .homepage-slider__bottom-text-text { font-size: 12px; line-height: 1.2; } @media only screen and (min-width: 1200px) { .homepage-slider__bottom-text-text { text-align: center; font-size: 14px; } } .header-archive-products--in-container { padding-inline: 15px; width: 100%; margin-inline: auto; } @media only screen and (min-width: 1200px) { .header-archive-products--in-container { max-width: 1518px; padding-inline: 24px; } } .header-archive-products--product-taxonomy .header-archive-products__text--search { font-weight: 700; color: #1a1a1a; } .header-archive-products--product-taxonomy .header-archive-products__text > * { margin-block: 15px; } @media only screen and (min-width: 1200px) { .header-archive-products--product-taxonomy .header-archive-products__text > * { margin-block: 20px; } } .header-archive-products--product-taxonomy .header-archive-products__text h2 * { font-size: 25px; } @media only screen and (min-width: 1200px) { .header-archive-products--product-taxonomy .header-archive-products__text h2 * { font-size: 45px; } } .header-archive-products--product-taxonomy .header-archive-products__text h3 * { font-size: 18px; } @media only screen and (min-width: 1200px) { .header-archive-products--product-taxonomy .header-archive-products__text h3 * { font-size: 22px; } } .header-archive-products--product-taxonomy .header-archive-products__text a * { text-decoration: underline; } .header-archive-products--product-taxonomy .header-archive-products__text a *:hover { color: #2675cc; } .header-archive-products--product-taxonomy .header-archive-products__text strong { font-weight: 700; } .header-archive-products--product-taxonomy .header-archive-products__text b { font-weight: 700; } .header-archive-products__container { margin-block: 30px 25px; } @media only screen and (min-width: 1200px) { .header-archive-products__container { position: relative; margin-block: 40px 36px; } } .header-archive-products__producer-logo { margin-bottom: 15px; width: 100%; max-width: 80px; height: auto; object-fit: contain; } @media only screen and (min-width: 1200px) { .header-archive-products__producer-logo { position: absolute; top: 10px; right: 0; max-width: 125px; margin-bottom: 0; } } .header-archive-products__heading { line-height: 1.2; font-weight: 700; margin-bottom: 24px; font-size: 35px; } @media only screen and (min-width: 1200px) { .header-archive-products__heading { font-size: 60px; padding-right: 130px; } } .header-archive-products__text { line-height: 1.2; color: rgba(26, 26, 26, 0.8); } @media only screen and (min-width: 1200px) { .header-archive-products__text { font-size: 18px; max-width: 970px; } } .security__container { padding-inline: 15px; width: 100%; margin-inline: auto; margin-block: 30px 60px; } @media only screen and (min-width: 1200px) { .security__container { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .security__container { max-width: 970px; margin-block: 37px 100px; } } .security__heading { font-size: 35px; font-weight: 700; color: #1a1a1a; line-height: 1.1; margin-bottom: 30px; } @media only screen and (min-width: 1200px) { .security__heading { font-size: 60px; line-height: 1.2; margin-bottom: 38px; } } .security__subheading { font-size: 18px; font-weight: 700; line-height: 1.2; margin-bottom: 15px; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .security__subheading { font-size: 22px; margin-bottom: 20px; } } .security__content { font-size: 14px; font-weight: 400; color: rgba(26, 26, 26, 0.8); margin-bottom: 35px; } @media only screen and (min-width: 1200px) { .security__content { font-size: 18px; margin-bottom: 66px; } } .security__icons-wrapper { display: flex; flex-direction: column; gap: 35px; } .security__item { display: flex; gap: 20px; align-items: center; } .security__icon { flex: 1; max-width: 40px; display: grid; place-items: center; border-radius: 100%; border: 1px solid rgba(0, 0, 0, 0.1); padding: 8px; } .security__text-wrapper { flex: 1; display: flex; flex-direction: column; gap: 5px; } .security__icon-text { font-size: 15px; line-height: 1.5; font-weight: 400; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .security__icon-text { font-size: 18px; } } .security__icon-text--bold { font-weight: 700; } .contact__container { padding-inline: 15px; width: 100%; margin-inline: auto; padding-block: 30px 60px; } @media only screen and (min-width: 1200px) { .contact__container { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .contact__container { padding-block: 40px 140px; } } .contact__heading { font-size: 35px; line-height: 1.1; font-weight: 700; margin-bottom: 30px; } @media only screen and (min-width: 1200px) { .contact__heading { font-size: 60px; line-height: 1.2; margin-bottom: 35px; } } .contact__icons-wrapper { position: relative; display: flex; flex-direction: column; gap: 25px; padding-bottom: 35px; } @media only screen and (min-width: 1200px) { .contact__icons-wrapper { flex-direction: row; justify-content: space-between; } } .contact__icons-wrapper::after { content: ""; display: block; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.1); width: 100vw; position: absolute; left: -15px; bottom: 0; } @media only screen and (min-width: 1200px) { .contact__icons-wrapper::after { left: 0; width: 100%; } } .contact__icon-item { display: flex; align-items: center; gap: 20px; } @media only screen and (min-width: 1200px) { .contact__icon-item { flex: 1; max-width: 367px; gap: 16px; } } .contact__icon { display: grid; place-items: center; border-radius: 100%; background-color: #4c9bf2; width: 35px; height: 35px; } @media only screen and (min-width: 1200px) { .contact__icon { width: 43px; height: 43px; } } .contact__icon-text { font-size: 18px; line-height: 1.2; font-weight: 700; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .contact__icon-text { font-size: 22px; } } .contact__subheading { font-size: 18px; line-height: 1.2; font-weight: 700; margin-block: 35px 15px; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .contact__subheading { font-size: 22px; margin-block: 35px 25px; } } .contact__texts-wrapper { display: flex; flex-direction: column; gap: 20px; } @media only screen and (min-width: 1200px) { .contact__texts-wrapper { flex-direction: row; justify-content: space-between; } } .contact__text-item { display: flex; flex-direction: column; gap: 5px; } @media only screen and (min-width: 1200px) { .contact__text-item { flex: 1; max-width: 367px; gap: 1px; } } .contact__text-item--pickup { flex-direction: row; padding-top: 15px; gap: 9px; } .contact__text-item--pickup > img { position: relative; top: 1px; width: 18px; height: 18px; } @media only screen and (min-width: 1200px) { .contact__text-item--pickup > img { position: relative; width: 26px; height: 26px; top: 3px; } } .contact__text { font-size: 15px; line-height: 1.5; font-weight: 400; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .contact__text { font-size: 18px; } } .contact__text--bold { font-weight: 700; } .contact__text--pink { color: #f95fc4; } .cards-columns { padding-bottom: 35px; } @media only screen and (min-width: 1200px) { .cards-columns { padding-bottom: 60px; } } .cards-columns--producers .cards-columns__card { padding-top: 23px; } @media only screen and (min-width: 1200px) { .cards-columns--producers .cards-columns__card { padding-top: 34px; } } .cards-columns--producers .cards-columns__image-wrapper { padding: 0; background-color: transparent; margin-inline: auto; } .cards-columns--producers .cards-columns__card-image { max-width: 100px; object-fit: contain; height: auto; } @media only screen and (min-width: 1200px) { .cards-columns--producers .cards-columns__card-image { max-width: 118px; } } .cards-columns--seed-varieties .cards-columns__card { position: relative; padding: 14px 15px; height: 152px; } @media only screen and (min-width: 1200px) { .cards-columns--seed-varieties .cards-columns__card { height: 222px; } } .cards-columns--seed-varieties .cards-columns__image-wrapper { position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: auto; min-height: 152px; border-radius: 5px; z-index: -1; } @media only screen and (min-width: 1200px) { .cards-columns--seed-varieties .cards-columns__image-wrapper { border-radius: 10px; min-height: 220px; } } .cards-columns--seed-varieties .cards-columns__card-image { width: 100%; height: 152px; object-fit: cover; border-radius: 5px; } @media only screen and (min-width: 1200px) { .cards-columns--seed-varieties .cards-columns__card-image { border-radius: 10px; height: 220px; } } .cards-columns--seed-varieties .cards-columns__card-name { margin-top: auto; color: #ffffff; } .cards-columns__container { padding-inline: 15px; width: 100%; margin-inline: auto; } @media only screen and (min-width: 1200px) { .cards-columns__container { max-width: 1518px; padding-inline: 24px; } } .cards-columns__heading { font-size: 25px; line-height: 1.2; margin-bottom: 20px; } @media only screen and (min-width: 1200px) { .cards-columns__heading { font-size: 45px; margin-bottom: 25px; } } .cards-columns__subheading { font-size: 14px; line-height: 1.2; margin-bottom: 25px; } @media only screen and (min-width: 1200px) { .cards-columns__subheading { font-size: 18px; margin-bottom: 45px; max-width: 970px; } } .cards-columns__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } @media only screen and (min-width: 1200px) { .cards-columns__wrapper { grid-template-columns: repeat(6, 1fr); gap: 20px; } } @media only screen and (min-width: 1600px) { .cards-columns__wrapper { gap: 30px; } } .cards-columns__card, .cards-columns__last-card { position: relative; display: flex; flex-direction: column; justify-content: space-between; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 12px 13px 15px 12px; height: auto; gap: 10px; } @media only screen and (min-width: 1200px) { .cards-columns__card, .cards-columns__last-card { padding: 20px 20px 24px 20px; border-radius: 10px; } } .cards-columns__card:hover, .cards-columns__last-card:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.09); } .cards-columns__last-card:hover { background-color: #2675cc; border-color: #2675cc; } .cards-columns__image-wrapper { display: grid; place-items: center; width: max-content; } .cards-columns__image { width: 32px; height: 32px; } .cards-columns__card-name { font-size: 15px; line-height: 1.2; font-weight: 700; } @media only screen and (min-width: 1200px) { .cards-columns__card-name { font-size: 18px; } } .featured-product * { text-decoration: unset !important; } .featured-product__item { display: flex; flex-direction: column; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; max-width: 300px; margin-inline: auto; } @media only screen and (min-width: 1200px) { .featured-product__item { flex-direction: row; border-radius: 10px; max-width: unset; width: 100%; height: 207px; } } .featured-product__item:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.09); } .featured-product__item:hover .featured-product__button { background-color: #2675cc !important; color: #ffffff !important; border-color: #2675cc !important; } .featured-product__image-wrapper { position: relative; width: 100%; height: 238px; } @media only screen and (min-width: 1200px) { .featured-product__image-wrapper { height: 100%; max-width: 345px; } } .featured-product__image-wrapper span.onsale { position: absolute; top: 14px; left: 15px; border-radius: 2px; background-color: #f95fc4; color: #ffffff; font-size: 12px; line-height: 1.2; font-weight: 700; padding: 3px 8px 6px; width: max-content; margin: unset; min-height: unset; min-width: unset; } @media only screen and (min-width: 1200px) { .featured-product__image-wrapper span.onsale { top: 10px; left: 10px; padding: 4px 8px 5px; font-size: 15px; } } .featured-product__image { width: 100%; height: 238px; object-fit: cover; border-radius: 5px; } @media only screen and (min-width: 1200px) { .featured-product__image { border-radius: 10px; height: 207px; } } .featured-product__brand { display: grid; place-items: center; position: absolute; bottom: -1px; right: 0; width: 90px; height: 90px; border-top-left-radius: 10px; background-color: #ffffff; } @media only screen and (min-width: 1200px) { .featured-product__brand { width: 100px; height: 70px; bottom: -2px; } } .featured-product__brand-image { width: 70px; height: 70px; object-fit: contain; } @media only screen and (min-width: 1200px) { .featured-product__brand-image { width: 60px; height: 60px; } } .featured-product__content-wrapper { display: flex; flex-direction: column; height: 100%; padding: 10px 12px 12px; } @media only screen and (min-width: 1200px) { .featured-product__content-wrapper { position: relative; width: 100%; padding: 20px 20px 20px 47px; } } .featured-product__title { margin-bottom: 5px; font-size: 18px; font-weight: 500; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media only screen and (min-width: 1200px) { .featured-product__title { font-size: 22px; } } .featured-product__category { margin-bottom: 27px; font-size: 15px; line-height: 1.2; font-weight: 400; } @media only screen and (min-width: 1200px) { .featured-product__category { font-size: 18px; margin-bottom: unset; } } .featured-product__price-value:has(del) { display: flex; flex-direction: row-reverse; align-items: flex-end; justify-content: flex-start; gap: 4px; margin-right: auto; } .featured-product__price-value { font-size: 15px; line-height: 1.2; font-weight: 400; } @media only screen and (min-width: 1200px) { .featured-product__price-value { font-size: 18px; } } .featured-product__price-value > ins { font-size: 15px; font-weight: 700; color: #f95fc4; } @media only screen and (min-width: 1200px) { .featured-product__price-value > ins { font-size: 18px; } } .featured-product__price-value > del { padding-left: 4px; padding-bottom: 1px; font-size: 12px; text-decoration: line-through !important; } @media only screen and (min-width: 1200px) { .featured-product__price-value > del { font-size: 14px; } } .featured-product__price-omnibus { font-size: 13px; } .featured-product__price { display: flex; flex-direction: column; gap: 2px; margin-top: auto; } @media only screen and (min-width: 1200px) { .featured-product__price { gap: 5px; } } .featured-product__price-value { font-weight: 500; color: #1a1a1a; } .featured-product__button { padding-inline: 15px; margin-top: 10px; } @media only screen and (min-width: 1200px) { .featured-product__button { position: absolute; bottom: 20px; right: 20px; padding: 13px 33px !important; } } .image-with-caption { margin-block: 20px; } .image-with-caption__container { display: flex; flex-direction: column; gap: 10px; } @media only screen and (min-width: 1200px) { .image-with-caption__container { gap: 14px; } } .image-with-caption__image { border-radius: 10px; max-height: 216px; height: auto; } @media only screen and (min-width: 1200px) { .image-with-caption__image { max-height: 470px; } } .image-with-caption__image > img { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; } .image-with-caption__caption { font-size: 14px; line-height: 1.2; padding-inline: 32px; color: #1a1a1a; max-width: 521px; margin-inline: auto; } .image-gallery { margin-block: 20px; } @media only screen and (min-width: 1200px) { .image-gallery { margin-block: 24px; } } .image-gallery__heading { font-size: 20px; line-height: 24px; margin-block: 20px; } @media only screen and (min-width: 1200px) { .image-gallery__heading { font-size: 18px; line-height: 25px; margin-block: 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; } } .image-gallery__gallery-item { height: 150px; } @media only screen and (min-width: 1200px) { .image-gallery__gallery-item { height: 300px; flex: 1; } } .image-gallery__gallery-item > img { width: 100%; height: auto; object-fit: cover; height: 100%; } .wp-block-embed iframe { width: 100% !important; height: auto !important; aspect-ratio: 4/3; } .special-offer-products { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-block: 35px; margin-top: 25px; } @media only screen and (min-width: 1200px) { .special-offer-products { padding-top: 60px; margin-top: 50px; } } .special-offer-products__container { padding-inline: 15px; width: 100%; margin-inline: auto; } @media only screen and (min-width: 1200px) { .special-offer-products__container { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .special-offer-products__container { display: grid; grid-template-areas: "heading button" "wrapper wrapper"; } } .special-offer-products__heading { font-size: 25px; line-height: 1.2; font-weight: 700; margin-bottom: 20px; } @media only screen and (min-width: 1200px) { .special-offer-products__heading { grid-area: heading; font-size: 45px; margin-bottom: 55px; } } .special-offer-products__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 10px; row-gap: 20px; } @media only screen and (min-width: 1200px) { .special-offer-products__wrapper { grid-area: wrapper; gap: 20px; grid-template-columns: repeat(4, 1fr); } } @media only screen and (min-width: 1600px) { .special-offer-products__wrapper { gap: 30px; } } .special-offer-products__item { display: flex; flex-direction: column; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; text-decoration: none !important; } .special-offer-products__item:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.09); } @media only screen and (min-width: 1200px) { .special-offer-products__item { border-radius: 10px; } } .special-offer-products__image-wrapper { position: relative; width: 100%; height: 160px; } @media only screen and (min-width: 1200px) { .special-offer-products__image-wrapper { height: 345px; } } .special-offer-products__image { width: 100%; height: 160px; object-fit: cover; border-radius: 5px; } @media only screen and (min-width: 1200px) { .special-offer-products__image { border-radius: 10px; height: 345px; } } .special-offer-products__brand { display: grid; place-items: center; position: absolute; bottom: 0; right: 0; width: 63px; height: 56px; border-top-left-radius: 10px; background-color: #ffffff; } @media only screen and (min-width: 1200px) { .special-offer-products__brand { width: 125px; height: 112px; } } .special-offer-products__brand-image { max-width: 46px; height: auto; } @media only screen and (min-width: 1200px) { .special-offer-products__brand-image { max-width: 95px; } } .special-offer-products__content-wrapper { display: flex; flex-direction: column; height: 100%; padding: 10px 12px 12px; } @media only screen and (min-width: 1200px) { .special-offer-products__content-wrapper { padding: 19px 22px 15px; } } .special-offer-products__title { margin-bottom: 5px; font-size: 18px; font-weight: 500; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media only screen and (min-width: 1200px) { .special-offer-products__title { font-size: 22px; } } .special-offer-products__category { margin-bottom: 27px; font-size: 15px; line-height: 1.2; font-weight: 400; } @media only screen and (min-width: 1200px) { .special-offer-products__category { font-size: 18px; margin-bottom: 45px; } } .special-offer-products__price-value:has(del) { display: flex; flex-direction: row-reverse; align-items: flex-end; justify-content: flex-start; gap: 4px; margin-right: auto; } .special-offer-products__price-label, .special-offer-products__price-value { font-size: 15px; line-height: 1.2; font-weight: 400; } @media only screen and (min-width: 1200px) { .special-offer-products__price-label, .special-offer-products__price-value { font-size: 18px; } } .special-offer-products__price-label > ins, .special-offer-products__price-value > ins { font-size: 15px; font-weight: 700; color: #f95fc4; } @media only screen and (min-width: 1200px) { .special-offer-products__price-label > ins, .special-offer-products__price-value > ins { font-size: 18px; } } .special-offer-products__price-label > del, .special-offer-products__price-value > del { padding-left: 4px; padding-bottom: 1px; font-size: 12px; text-decoration: line-through; } @media only screen and (min-width: 1200px) { .special-offer-products__price-label > del, .special-offer-products__price-value > del { font-size: 14px; } } .special-offer-products__price { display: flex; flex-direction: column; gap: 2px; margin-top: auto; } @media only screen and (min-width: 1200px) { .special-offer-products__price { flex-direction: row; gap: 5px; } } .special-offer-products__price-value { font-weight: 500; color: #1a1a1a; } .single-post .entry-footer { display: none; } .single-post .post-header { display: flex; flex-direction: column; } .single-post .post-header .post-header-content { padding-inline: 15px; width: 100%; margin-inline: auto; grid-area: post-header-content; display: grid; grid-template-areas: "entry-categories" "entry-heading"; } @media only screen and (min-width: 1200px) { .single-post .post-header .post-header-content { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .single-post .post-header .post-header-content { max-width: 1219px; padding-inline: 0; } } @media only screen and (min-width: 1200px) { .single-post .post-header .post-header-content { position: relative; display: flex; flex-direction: column; justify-content: center; } } .single-post .content > article { padding-top: 15px; } .single-post .content > article .entry-content > *:not(.ilabs-featured-products-blog) { padding-inline: 15px; width: 100%; margin-inline: auto; margin-block: 20px; } @media only screen and (min-width: 1200px) { .single-post .content > article .entry-content > *:not(.ilabs-featured-products-blog) { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .single-post .content > article .entry-content > *:not(.ilabs-featured-products-blog) { max-width: 970px; padding-inline: 0; } } @media only screen and (min-width: 1200px) { .single-post .content > article .entry-content > *:not(.ilabs-featured-products-blog) { margin-block: 24px; } } .single-post .content > article .entry-content > h1, .single-post .content > article .entry-content > h2 { font-size: 25px; line-height: 1.2; margin-block: 20px; font-weight: 700; } @media only screen and (min-width: 1200px) { .single-post .content > article .entry-content > h1, .single-post .content > article .entry-content > h2 { font-size: 45px; } } .single-post .content > article .entry-content > h3, .single-post .content > article .entry-content > h4, .single-post .content > article .entry-content > h5, .single-post .content > article .entry-content > h6 { font-weight: 800; } .single-post .content > article .entry-content > h3 { font-size: 18px; line-height: 1.2; } @media only screen and (min-width: 1200px) { .single-post .content > article .entry-content > h3 { font-size: 22px; } } .single-post .content > article .entry-content > h4 { font-size: 16px; line-height: 1.2; } @media only screen and (min-width: 1200px) { .single-post .content > article .entry-content > h4 { font-size: 18px; } } .single-post .content > article .entry-content > h5 { font-size: 14px; line-height: 1.2; } @media only screen and (min-width: 1200px) { .single-post .content > article .entry-content > h5 { font-size: 16px; } } .single-post .content > article .entry-content > h6 { font-size: 12px; line-height: 1.2; } @media only screen and (min-width: 1200px) { .single-post .content > article .entry-content > h6 { font-size: 14px; } } .single-post .content > article .entry-content > p { font-size: 16px; line-height: 1.4; } @media only screen and (min-width: 1200px) { .single-post .content > article .entry-content > p { font-size: 18px; } } .single-post .content > article .entry-content > p > img { height: auto; width: 100%; border-radius: 5px; } @media only screen and (min-width: 1200px) { .single-post .content > article .entry-content > p > img { border-radius: 10px; } } .single-post .content > article .entry-content a:not([class*=__button]) { text-decoration: underline; color: #2675cc; } .single-post .content > article .entry-content ul { list-style-type: disc; list-style-position: inside; } .single-post .content > article .entry-content ul > li::marker { color: #4c9bf2; } .single-post .content > article .entry-content strong { font-weight: 700; } .single-post .content > article .entry-content em { font-style: italic; } .single-post .content > article .entry-content .wp-block-image > img { height: auto; width: 100%; border-radius: 5px; } @media only screen and (min-width: 1200px) { .single-post .content > article .entry-content .wp-block-image > img { border-radius: 10px; } } .single-post .entry-image-wrapper { grid-area: entry-image-wrapper; height: 100svh; width: 100%; } .single-post .entry-image-wrapper > img { height: 100%; width: 100%; object-fit: cover; } .single-post .entry-heading { font-size: 35px; line-height: 1.1; font-weight: 700; margin-block: 15px 20px; } @media only screen and (min-width: 1200px) { .single-post .entry-heading { margin-block: 40px 25px; font-size: 60px; line-height: 1.2; } } .single-post .entry-meta { margin-bottom: 20px; font-size: 12px; line-height: 1.2; font-weight: 700; color: rgba(26, 26, 26, 0.8); } @media only screen and (min-width: 1200px) { .single-post .entry-meta { font-size: 16px; margin-bottom: 25px; } } .single-post .entry-meta * { font-size: 12px; line-height: 1.2; font-weight: 700; color: rgba(26, 26, 26, 0.8); } @media only screen and (min-width: 1200px) { .single-post .entry-meta * { font-size: 16px; } } .single-post .entry-meta a { text-decoration: underline; } .single-post .entry-meta a:hover { color: #2675cc; } .single-post .entry-image { width: 100%; height: 380px; object-fit: cover; border-radius: 5px; } @media only screen and (min-width: 1200px) { .single-post .entry-image { height: 494px; } } .single-post .copy-alert { display: none; position: fixed; top: 160px; left: 0; width: 100%; padding: 8px; background-color: #4c9bf2; margin-bottom: 10px; } @media only screen and (min-width: 1200px) { .single-post .copy-alert { position: static; padding-inline: 15px; width: 100%; margin-inline: auto; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .single-post .copy-alert { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .single-post .copy-alert { max-width: 1268px; } } .single-post .copy-alert.active { display: block; } .single-post .copy-alert > .copy-alert-text { color: #ffffff; font-size: 16px; line-height: 20px; font-weight: 700; text-align: center; } .single-post .share-buttons-popup { padding-inline: 15px; width: 100%; margin-inline: auto; position: relative; grid-area: share-buttons-popup; } @media only screen and (min-width: 1200px) { .single-post .share-buttons-popup { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .single-post .share-buttons-popup { max-width: 1268px; } } .single-post .share-buttons-popup__button { display: flex; justify-content: flex-end; } @media only screen and (min-width: 1200px) { .single-post .share-buttons-popup__button { cursor: pointer; } } @media only screen and (min-width: 1200px) { .single-post .share-buttons-popup__button:hover .share-buttons-popup__content { position: absolute; bottom: 30px; right: 0; top: 20px; display: flex; align-items: center; justify-content: center; padding-inline: 35px; background-color: #ffffff; padding: unset; top: 42px; right: 0; width: 353px; height: 202px; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.26)); } } @media only screen and (min-width: 1200px) { .single-post .share-buttons-popup__button:hover::before { content: ""; position: absolute; top: 20px; right: 0; height: 40px; width: 180px; background-color: transparent; } } @media only screen and (min-width: 1200px) { .single-post .share-buttons-popup__button:hover img.share-buttons-popup__close-icon { display: none; } } .single-post .share-buttons-popup__button:hover .addtoany_shortcode { display: grid; place-items: center; width: 100%; padding-inline: 30px; padding-block: unset; } .single-post .share-buttons-popup__button:hover .addtoany_list { display: grid; grid-template-columns: repeat(2, 1fr); place-items: flex-start; gap: 25px; } .single-post .share-buttons-popup__button:hover .addtoany_list a { display: flex; align-items: center; gap: 8px; padding: unset; margin: unset; width: 100%; } .single-post .share-buttons-popup__button:hover .addtoany_list a .a2a_text { flex: 1; font-size: 16px; line-height: 20px; font-weight: 700; } .single-post .share-buttons-popup__button:hover .addtoany_list a img { flex: 1; width: 24px; height: 24px; max-width: 24px; } .single-post .share-buttons-popup__button--active .share-buttons-popup__content { position: absolute; bottom: 59px; left: 0; width: 100vw; display: flex; align-items: center; justify-content: center; height: 197px; padding-inline: 35px; margin-inline: auto; background-color: #ffffff; } .single-post .share-buttons-popup__button--active .share-buttons-popup__content img.share-buttons-popup__close-icon { display: block; } .single-post .share-buttons-popup__button--active .share-buttons-popup__content .addtoany_shortcode { width: 100%; padding-block: 67px 41px; padding-inline: unset; } .single-post .share-buttons-popup__button--active .share-buttons-popup__content .addtoany_list { display: grid; grid-template-columns: repeat(2, 1fr); place-items: flex-start; gap: 25px; width: 100%; } .single-post .share-buttons-popup__button--active .share-buttons-popup__content .addtoany_list a { display: flex; align-items: center; gap: 8px; padding: unset; margin: unset; width: 100%; } .single-post .share-buttons-popup__button--active .share-buttons-popup__content .addtoany_list a .a2a_text { flex: 1; font-size: 16px; line-height: 20px; font-weight: 700; } .single-post .share-buttons-popup__button--active .share-buttons-popup__content .addtoany_list a img { flex: 1; width: 24px; height: 24px; max-width: 24px; } .single-post .share-buttons-popup__button { padding-block: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; } .single-post .share-buttons-popup__button-wrapper { display: flex; align-items: center; gap: 8px; } .single-post .share-buttons-popup__text { font-size: 14px; line-height: 1.2; font-weight: 700; color: #1a1a1a; } .single-post .share-buttons-popup__icon { width: 18px; height: 18px; } .single-post .share-buttons-popup__close-icon { position: absolute; top: 21px; right: 21px; width: 24px; height: 24px; display: none; } @media only screen and (min-width: 1200px) { .single-post .share-buttons-popup__close-icon { display: none; } } .single-post .share-buttons-popup__content { display: none; } .single-post .share-buttons { padding-inline: 15px; width: 100%; margin-inline: auto; display: flex; flex-direction: column; padding-block: 17px; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 1200px) { .single-post .share-buttons { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .single-post .share-buttons { max-width: 1268px; } } @media only screen and (min-width: 1200px) { .single-post .share-buttons { align-items: flex-end; padding-block: 37px; } } .single-post .share-buttons .addtoany_shortcode { margin-inline: auto; } @media only screen and (min-width: 1200px) { .single-post .share-buttons .addtoany_shortcode { margin-inline: unset; } } .single-post .share-buttons .addtoany_list { display: flex; gap: 20px; } @media only screen and (min-width: 1200px) { .single-post .share-buttons .addtoany_list { gap: 28px; } } .single-post .share-buttons .addtoany_list > a, .single-post .share-buttons .addtoany_list > a > img { width: 24px; height: 24px; } .single-post .share-buttons .addtoany_list > a > img { max-width: unset; } .single-post .disclaimer { padding-inline: 15px; width: 100%; margin-inline: auto; border-top: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; border: 1px solid #4c9bf2; margin-block: 25px; width: calc(100% - 30px); padding-inline: 0; } @media only screen and (min-width: 1200px) { .single-post .disclaimer { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .single-post .disclaimer { max-width: 970px; padding-inline: 0; } } @media only screen and (min-width: 1200px) { .single-post .disclaimer { padding-inline: unset; } } .single-post .disclaimer__text { padding: 20px; font-size: 16px; line-height: 1.4; color: #4c9bf2; } .single-post .author { display: flex; flex-direction: column; padding-block: 25px; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 1200px) { .single-post .author { padding-inline: 15px; width: 100%; margin-inline: auto; padding-block: 35px; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .single-post .author { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .single-post .author { max-width: 1268px; } } .single-post .author__container { padding-inline: 15px; width: 100%; margin-inline: auto; display: flex; flex-direction: column; gap: 9px; } @media only screen and (min-width: 1200px) { .single-post .author__container { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .single-post .author__container { max-width: 970px; padding-inline: 0; } } @media only screen and (min-width: 1200px) { .single-post .author__container { gap: 20px; } } .single-post .author__avatar-wrapper { display: flex; align-items: center; gap: 20px; } @media only screen and (min-width: 1200px) { .single-post .author__avatar-wrapper { gap: 25px; } } .single-post .author__avatar img { width: 75px; height: 75px; object-fit: cover; border-radius: 100%; } .single-post .author__title-wrapper { display: flex; flex-direction: column; } .single-post .author__title-label, .single-post .author__title { font-size: 16px; } @media only screen and (min-width: 1200px) { .single-post .author__title-label, .single-post .author__title { font-size: 18px; } } .single-post .author__title { font-weight: 700; } .single-post .author__description { font-size: 16px; line-height: 1.4; } .single-post .wp-block-quote > p { padding-left: 30px; border-left: 2px solid #4c9bf2; font-size: 16px; font-style: italic; font-weight: 400; line-height: 1.4; } @media only screen and (min-width: 1200px) { .single-post .wp-block-quote > p { font-size: 18px; } } .blog .blog-top-sidebar-wrap, .archive .blog-top-sidebar-wrap { padding-inline: 15px; width: 100%; margin-inline: auto; } @media only screen and (min-width: 1200px) { .blog .blog-top-sidebar-wrap, .archive .blog-top-sidebar-wrap { max-width: 1518px; padding-inline: 24px; } } .blog .blog-category-heading, .archive .blog-category-heading { padding-inline: 15px; width: 100%; margin-inline: auto; font-size: 15px; line-height: 1.5; font-weight: 700; margin-bottom: 10px; margin-top: 25px; } @media only screen and (min-width: 1200px) { .blog .blog-category-heading, .archive .blog-category-heading { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .blog .blog-category-heading, .archive .blog-category-heading { font-size: 18px; margin-top: 36px; } } .blog .blog-category-wrapper, .archive .blog-category-wrapper { padding-inline: 15px; width: 100%; margin-inline: auto; display: flex; flex-wrap: wrap; gap: 7px; } @media only screen and (min-width: 1200px) { .blog .blog-category-wrapper, .archive .blog-category-wrapper { max-width: 1518px; padding-inline: 24px; } } .blog .blog-category-show-more, .archive .blog-category-show-more { cursor: pointer; background-color: #4c9bf2; border: 1px solid #4c9bf2 !important; color: #ffffff; } .blog .blog-category-show-more--active, .archive .blog-category-show-more--active { background-color: #ffffff; color: #4c9bf2; } .blog .blog-category, .archive .blog-category { font-size: 14px; line-height: 1.2; font-weight: 700; padding: 13px 14px; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 1200px) { .blog .blog-category, .archive .blog-category { font-size: 16px; } } .blog .blog-category--hidden, .archive .blog-category--hidden { display: none; } .blog .blog-category--active, .archive .blog-category--active { background-color: #4c9bf2; color: #ffffff; } .blog .blog-category:hover, .archive .blog-category:hover { color: #ffffff; background-color: #4c9bf2; } .blog .posts, .archive .posts { padding-inline: 15px; width: 100%; margin-inline: auto; display: flex; flex-direction: column; margin-top: 25px; padding-bottom: 60px; gap: 30px; } @media only screen and (min-width: 1200px) { .blog .posts, .archive .posts { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .blog .posts, .archive .posts { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 100px; } } .blog .posts--no-results, .archive .posts--no-results { display: flex; justify-content: center; align-items: center; height: 100%; } .blog .posts--no-results > .entry p, .archive .posts--no-results > .entry p { font-size: 20px; margin: 0; } @media only screen and (min-width: 1200px) { .blog .posts--no-results > .entry p, .archive .posts--no-results > .entry p { font-size: 24px; } } .blog .posts .entry, .archive .posts .entry { width: 100%; } .blog .posts .entry > p, .archive .posts .entry > p { text-align: center; margin-bottom: 20px; font-weight: 800; font-family: "RedHatDisplay", sans-serif; } .blog .pagination-wrap, .archive .pagination-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 26px; } @media only screen and (min-width: 1200px) { .blog .pagination-wrap, .archive .pagination-wrap { grid-area: pagination-wrap; width: 100%; gap: unset; flex-direction: row; align-items: center; justify-content: center; padding-bottom: 30px; } } .blog .pagination-wrap ul.page-numbers, .archive .pagination-wrap ul.page-numbers { display: flex; align-items: center; border: unset !important; margin: 0 !important; } @media only screen and (min-width: 1200px) { .blog .pagination-wrap ul.page-numbers, .archive .pagination-wrap ul.page-numbers { gap: 5px; } } .blog .pagination-wrap ul.page-numbers::before, .blog .pagination-wrap ul.page-numbers::after, .archive .pagination-wrap ul.page-numbers::before, .archive .pagination-wrap ul.page-numbers::after { display: none; } .blog .pagination-wrap ul.page-numbers li, .archive .pagination-wrap ul.page-numbers li { margin: 0; border-right: unset; } .blog .pagination-wrap ul.page-numbers li > .page-numbers, .archive .pagination-wrap ul.page-numbers li > .page-numbers { display: grid; place-items: center; min-width: 32px; width: auto; height: 32px; font-size: 14px; border-radius: 100%; color: #1a1a1a; font-weight: 700; line-height: 1.2; } @media only screen and (min-width: 1200px) { .blog .pagination-wrap ul.page-numbers li > .page-numbers, .archive .pagination-wrap ul.page-numbers li > .page-numbers { min-width: 38px; height: 38px; font-size: 15px; font-size: 16px; } } .blog .pagination-wrap ul.page-numbers li > .page-numbers:hover, .archive .pagination-wrap ul.page-numbers li > .page-numbers:hover { border: 1px solid #1a1a1a; background-color: #ffffff; } .blog .pagination-wrap ul.page-numbers li > .page-numbers.current, .archive .pagination-wrap ul.page-numbers li > .page-numbers.current { border: 1px solid #1a1a1a; background-color: #ffffff; } .blog .pagination-wrap ul.page-numbers li > .page-numbers.prev, .blog .pagination-wrap ul.page-numbers li > .page-numbers.next, .archive .pagination-wrap ul.page-numbers li > .page-numbers.prev, .archive .pagination-wrap ul.page-numbers li > .page-numbers.next { position: relative; font-size: 0; width: 28px; height: 28px; border-radius: 100%; border: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 1200px) { .blog .pagination-wrap ul.page-numbers li > .page-numbers.prev, .blog .pagination-wrap ul.page-numbers li > .page-numbers.next, .archive .pagination-wrap ul.page-numbers li > .page-numbers.prev, .archive .pagination-wrap ul.page-numbers li > .page-numbers.next { width: 38px; height: 38px; } } .blog .pagination-wrap ul.page-numbers li > .page-numbers.prev:hover, .blog .pagination-wrap ul.page-numbers li > .page-numbers.next:hover, .archive .pagination-wrap ul.page-numbers li > .page-numbers.prev:hover, .archive .pagination-wrap ul.page-numbers li > .page-numbers.next:hover { border-color: #1a1a1a; } .blog .pagination-wrap ul.page-numbers li > .page-numbers.prev::before, .blog .pagination-wrap ul.page-numbers li > .page-numbers.next::before, .archive .pagination-wrap ul.page-numbers li > .page-numbers.prev::before, .archive .pagination-wrap ul.page-numbers li > .page-numbers.next::before { content: ""; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .blog .pagination-wrap ul.page-numbers li > .page-numbers.prev::before, .archive .pagination-wrap ul.page-numbers li > .page-numbers.prev::before { background-image: url(../../.././dist/css/build/img/arrow-right.svg); transform: rotate(180deg) translate(50%, 50%); } .blog .pagination-wrap ul.page-numbers li > .page-numbers.next::before, .archive .pagination-wrap ul.page-numbers li > .page-numbers.next::before { background-image: url(../../.././dist/css/build/img/arrow-right.svg); } .information-page .content { margin-block: 30px 60px; } @media only screen and (min-width: 1200px) { .information-page .content { padding-inline: 15px; width: 100%; margin-inline: auto; margin-block: 40px 100px; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .information-page .content { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .information-page .content article { display: flex; justify-content: space-between; } } .information-page .entry-content { padding-inline: 15px; } @media only screen and (min-width: 1200px) { .information-page .entry-content { padding-inline: unset; margin-top: 98px; max-width: 750px; } } @media only screen and (min-width: 1440px) { .information-page .entry-content { max-width: 847px; } } @media only screen and (min-width: 1920px) { .information-page .entry-content { padding-right: 125px; } } .information-page .entry-content > * { padding-bottom: 10px; } .information-page .entry-content > h2 { font-size: 25px; font-weight: 700; line-height: 1.2; } @media only screen and (min-width: 1200px) { .information-page .entry-content > h2 { font-size: 45px; } } .information-page .entry-content > h3 { font-size: 18px; font-weight: 700; line-height: 1.2; } @media only screen and (min-width: 1200px) { .information-page .entry-content > h3 { font-size: 22px; } } .information-page .entry-content > h4, .information-page .entry-content > h5, .information-page .entry-content > h6 { font-size: 15px; font-weight: 700; line-height: 1.2; } @media only screen and (min-width: 1200px) { .information-page .entry-content > h4, .information-page .entry-content > h5, .information-page .entry-content > h6 { font-size: 18px; } } .information-page .entry-content > p { font-size: 14px; line-height: 1.2; font-weight: 400; color: rgba(26, 26, 26, 0.8); } @media only screen and (min-width: 1200px) { .information-page .entry-content > p { font-size: 18px; } } .information-page .entry-content a { color: #4c9bf2; text-decoration: underline; } .information-page .entry-content a:hover { color: #2675cc; } .information-page .entry-content ul { list-style-type: disc; list-style-position: inside; padding-left: 5px; } .information-page .entry-content ul > li::marker { color: #4c9bf2; } .information-page .entry-content strong { font-weight: 700; } .information-page .entry-content em { font-style: italic; } .information-page .entry-content > img { height: auto; width: 100%; } @media only screen and (min-width: 768px) { .woocommerce-cart .content { padding-inline: 15px; width: 100%; margin-inline: auto; } } @media only screen and (min-width: 768px) and (min-width: 1200px) { .woocommerce-cart .content { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .woocommerce-cart .content { padding-bottom: 60px; } } @media only screen and (min-width: 1200px) { .woocommerce-cart .entry-content > div { display: grid; grid-template-areas: "woocommerce-notices-wrapper woocommerce-notices-wrapper" "woocommerce-cart-form cart-collaterals"; } } .woocommerce-cart .entry-content:has(.wc-empty-cart-message) > div { padding-inline: 15px; } @media only screen and (min-width: 1200px) { .woocommerce-cart .entry-content:has(.wc-empty-cart-message) > div { display: block !important; width: 100%; margin-top: 30px; padding-inline: unset; } } .woocommerce-cart h1 { font-size: 35px; line-height: 1.1; font-weight: 700; margin-block: 20px 5px; } @media only screen and (min-width: 1200px) { .woocommerce-cart h1 { font-size: 60px; line-height: 1.2; font-weight: 700; margin-block: 40px 35px; } } .woocommerce-cart .return-to-shop { display: none; } .woocommerce-cart .woocommerce-notices-wrapper { grid-area: woocommerce-notices-wrapper; margin-top: 10px; } .woocommerce-cart .continue-shopping { display: flex !important; justify-content: center !important; text-align: center; text-decoration: underline !important; color: #1a1a1a !important; font-size: 14px !important; font-weight: 700 !important; margin-block: 25px 30px !important; background-color: transparent !important; padding: 0 !important; line-height: 1.2 !important; } .woocommerce-cart .continue-shopping:hover { color: #2675cc; } .woocommerce-cart form.woocommerce-cart-form { padding-inline: 15px; } @media only screen and (min-width: 1200px) { .woocommerce-cart form.woocommerce-cart-form { flex: 1; grid-area: woocommerce-cart-form; width: 720px; padding-bottom: 40px; padding-inline: 0; } } .woocommerce-cart form.woocommerce-cart-form table { border: none; } .woocommerce-cart form.woocommerce-cart-form table tr.cart_item { position: relative; border-top: 1px solid rgba(0, 0, 0, 0.1) !important; padding-block: 20px; height: 209px !important; } .woocommerce-cart form.woocommerce-cart-form table tr.cart_item:first-child { border-top: unset !important; } .woocommerce-cart form.woocommerce-cart-form table tr.cart_item.free-product .product-quantity { display: flex !important; align-items: center !important; justify-content: center !important; height: 42px !important; } .woocommerce-cart form.woocommerce-cart-form table tr.cart_item.free-product .regular-price { display: none !important; } .woocommerce-cart form.woocommerce-cart-form table tr.cart_item.free-product .product-subtotal-prices { bottom: 23px; } @media only screen and (min-width: 1200px) { .woocommerce-cart form.woocommerce-cart-form table tr.cart_item.free-product .product-subtotal-prices { bottom: 43px; } } .woocommerce-cart form.woocommerce-cart-form table tr.cart_item.free-product .free-product { color: #f95fc4 !important; } .woocommerce-cart form.woocommerce-cart-form table td:not(.product-quantity) { border-top: unset !important; } .woocommerce-cart form.woocommerce-cart-form table td:not(.product-quantity)::before { display: none !important; } @media only screen and (min-width: 768px) { .woocommerce-cart form.woocommerce-cart-form table td:not(.product-quantity)::before { display: block !important; } } .woocommerce-cart .product-thumbnail { display: block !important; width: 96px; height: 96px; background-color: transparent !important; border-radius: 5px !important; } @media only screen and (min-width: 1200px) { .woocommerce-cart .product-thumbnail { width: 175px; height: 175px; border-radius: 10px; } } .woocommerce-cart .product-thumbnail img { width: 96px !important; height: 96px !important; border-radius: 5px !important; object-fit: cover; } @media only screen and (min-width: 1200px) { .woocommerce-cart .product-thumbnail img { width: 175px !important; height: 175px !important; border-radius: 10px; } } .woocommerce-cart td.product-producer { position: absolute; top: 86px; left: 190px; display: flex !important; align-items: flex-start; flex-direction: column; width: max-content; text-align: left !important; } @media only screen and (min-width: 1200px) { .woocommerce-cart td.product-producer { flex-direction: row; gap: 5px; top: 90px; left: 350px; } } .woocommerce-cart td.product-producer > p, .woocommerce-cart td.product-producer > span { font-size: 12px; line-height: 1; color: rgba(26, 26, 26, 0.7); font-weight: 400; } @media only screen and (min-width: 1200px) { .woocommerce-cart td.product-producer > p, .woocommerce-cart td.product-producer > span { font-size: 14px; } } .woocommerce-cart td.product-producer > p { font-weight: 700; } .woocommerce-cart .product-name { background-color: transparent !important; } .woocommerce-cart .product-name > a, .woocommerce-cart .product-name > strong { display: flex; flex-direction: column; position: absolute; top: 28px; left: 111px; max-width: 145px; text-align: left; font-family: "RedHatDisplay", sans-serif !important; font-weight: 600 !important; font-size: 15px !important; line-height: 1.2 !important; color: #1a1a1a !important; } @media only screen and (min-width: 1200px) { .woocommerce-cart .product-name > a, .woocommerce-cart .product-name > strong { left: 215px; top: 10px; font-size: 18px !important; max-width: 322px; } } .woocommerce-cart .product-name .attribute-name { position: absolute; top: 58px; display: flex; flex-direction: column; font-size: 12px; line-height: 1; color: rgba(26, 26, 26, 0.7); font-weight: 700; width: max-content; } @media only screen and (min-width: 1200px) { .woocommerce-cart .product-name .attribute-name { display: inline-block; font-size: 14px; top: 80px; left: 2px; } } .woocommerce-cart .product-name .attribute-name::before { content: attr(data-quantity-text); font-size: 12px; line-height: 1; color: rgba(26, 26, 26, 0.7); font-weight: 400; } @media only screen and (min-width: 1200px) { .woocommerce-cart .product-name .attribute-name::before { font-size: 14px; margin-right: 5px; } } .woocommerce-cart td.product-quantity { background-color: transparent !important; margin-top: 15px !important; border: 1px solid rgba(26, 26, 26, 0.18) !important; border-radius: 5px !important; width: 126px; line-height: 1.2 !important; } @media only screen and (min-width: 768px) { .woocommerce-cart td.product-quantity { position: absolute; height: 44px; left: 0; bottom: 19px; } } @media only screen and (min-width: 1200px) { .woocommerce-cart td.product-quantity { left: 215px; bottom: 34px; } } .woocommerce-cart td.product-quantity::before { display: none !important; } .woocommerce-cart td.product-quantity .wac-quantity { padding: 12px 22px; display: flex; align-items: center; justify-content: space-between; } .woocommerce-cart td.product-quantity .wac-quantity > input { width: 40px; height: 18px; -moz-appearance: textfield; font-size: 15px; line-height: 1.2 !important; font-weight: 500; } .woocommerce-cart td.product-quantity .wac-quantity > input::-webkit-outer-spin-button, .woocommerce-cart td.product-quantity .wac-quantity > input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .woocommerce-cart td.product-quantity .wac-qty-button { display: grid; place-items: center; border: none !important; color: #1a1a1a !important; padding: unset !important; width: 20px; font-size: 0 !important; } .woocommerce-cart td.product-quantity .wac-qty-button.wac-btn-sub::after { content: url(../../.././dist/css/build/img/minus.svg) !important; } .woocommerce-cart td.product-quantity .wac-qty-button.wac-btn-inc::after { content: url(../../.././dist/css/build/img/plus.svg) !important; } .woocommerce-cart .product-subtotal { background-color: transparent !important; width: calc(100% - 140px); } .woocommerce-cart .product-subtotal .product-subtotal-wrapper { display: flex; flex-direction: column; } .woocommerce-cart .product-subtotal .product-subtotal-wrapper--sale span.woocommerce-Price-amount bdi { color: #f95fc4; font-weight: 700; } .woocommerce-cart .product-subtotal .product-subtotal-prices { position: absolute; bottom: 42px; right: 2px; display: flex; flex-direction: row; gap: 11px; } @media only screen and (min-width: 1200px) { .woocommerce-cart .product-subtotal .product-subtotal-prices { bottom: 52px; gap: 23px; } } .woocommerce-cart .product-subtotal .product-subtotal-prices > span.regular-price bdi { text-decoration: line-through; font-size: 15px; line-height: 1.2; color: #1a1a1a; font-weight: 400; } @media only screen and (min-width: 1200px) { .woocommerce-cart .product-subtotal .product-subtotal-prices > span.regular-price bdi { font-size: 18px; } } .woocommerce-cart .product-subtotal span.free-product, .woocommerce-cart .product-subtotal span bdi { font-size: 15px; line-height: 1.2; color: #1a1a1a; font-weight: 700; } @media only screen and (min-width: 1200px) { .woocommerce-cart .product-subtotal span.free-product, .woocommerce-cart .product-subtotal span bdi { font-size: 18px; } } .woocommerce-cart .product-subtotal .ilabs-omnibus-price-note { position: absolute; right: 1px; bottom: 13px; font-family: "RedHatDisplay", sans-serif !important; font-weight: 400 !important; font-size: 12px !important; line-height: 1.2 !important; color: rgba(26, 26, 26, 0.6) !important; } @media only screen and (min-width: 1200px) { .woocommerce-cart .product-subtotal .ilabs-omnibus-price-note { bottom: 38px !important; } } .woocommerce-cart .product-remove { background-color: transparent !important; } .woocommerce-cart .product-remove a.remove { color: #1a1a1a !important; position: absolute; top: 28px; right: 0; font-size: 0 !important; width: 12px; height: 13px; } @media only screen and (min-width: 1200px) { .woocommerce-cart .product-remove a.remove { width: 18px; height: 20px; } } .woocommerce-cart .product-remove a.remove:hover { background-color: unset !important; } .woocommerce-cart .product-remove a.remove::after { content: ""; display: block; width: 12px; height: 13px; background-image: url(../../.././dist/css/build/img/trash.svg); background-size: contain; background-repeat: no-repeat; background-position: center; } @media only screen and (min-width: 1200px) { .woocommerce-cart .product-remove a.remove::after { width: 18px; height: 20px; } } .woocommerce-cart .actions { display: none !important; padding: unset !important; padding-top: 20px !important; background-color: unset !important; } .woocommerce-cart .actions p:first-child { display: none; } .woocommerce-cart .woocommerce table.shop_table td { padding: 0 !important; } @media only screen and (min-width: 1200px) { .woocommerce-cart .woocommerce table.shop_table thead { display: none; } } .woocommerce-cart .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-cart .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: unset !important; } .woocommerce-cart .cart-discount > th { font-family: "RedHatDisplay", sans-serif !important; font-weight: 800 !important; } .woocommerce-cart .cart-discount > td { text-align: right; } .woocommerce-cart .cart-discount span.woocommerce-Price-amount { font-family: "RedHatDisplay", sans-serif !important; font-weight: 800 !important; } .woocommerce-cart label { grid-area: label; font-size: 14px; line-height: 1.2; font-weight: 400; color: rgba(26, 26, 26, 0.7); margin-top: 15px; } .woocommerce-cart .cart-collaterals { padding: 36px 15px 30px; margin-bottom: 43px; background-color: #f3f3f3; } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals { position: relative; flex: 1; padding: 78px 0 0 40px; } } @media only screen and (min-width: 1440px) { .woocommerce-cart .cart-collaterals { padding: 78px 0 0 70px; } } @media only screen and (min-width: 1600px) { .woocommerce-cart .cart-collaterals { padding: 78px 0 0 125px; } } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals::after { content: ""; display: block; position: absolute; top: 0; right: -900px; width: 1000px; height: 100%; background-color: #f3f3f3; z-index: -1; } } .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th { border-top: unset !important; } .woocommerce-cart .cart-collaterals .woocommerce-remove-coupon { text-decoration: underline; } .woocommerce-cart .cart-collaterals .cart-collaterals-heading-wrapper { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals .cart-collaterals-heading-wrapper { max-width: 470px; } } .woocommerce-cart .cart-collaterals .cart-collaterals-heading { max-width: 130px; font-size: 18px; line-height: 1.2; font-weight: 700; } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals .cart-collaterals-heading { font-size: 22px; max-width: 160px; } } @media only screen and (min-width: 768px) { .woocommerce-cart .cart-collaterals .cart_totals { width: 100%; } } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals .cart_totals { max-width: 470px; float: left; } } .woocommerce-cart .cart-collaterals .cart_totals table { border: none; } .woocommerce-cart .cart-collaterals .cart_totals table tr { display: flex; align-items: center; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 15px; } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals .cart_totals table tr { justify-content: space-between; } } .woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount td { display: block; } .woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount td .woocommerce-Price-amount { margin-left: 3px !important; } .woocommerce-cart .cart-collaterals .cart_totals table tr th { width: max-content; padding: 0; margin: 0; } .woocommerce-cart .cart-collaterals .cart_totals table tr td::before { font-size: 15px !important; line-height: 1.2 !important; font-weight: 400 !important; color: rgba(26, 26, 26, 0.7) !important; } .woocommerce-cart .cart-collaterals .cart_totals table tr td { display: flex; align-items: center; justify-content: space-between; width: 100%; } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals .cart_totals table tr td { display: initial; width: unset; } } .woocommerce-cart .cart-collaterals .cart_totals table tr td .woocommerce-Price-amount { font-size: 18px !important; line-height: 1.2px !important; font-weight: 700 !important; margin-left: 22px; } .woocommerce-cart .cart-collaterals .delivery-info-container { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals .delivery-info-container { max-width: 470px; } } .woocommerce-cart .cart-collaterals .delivery-info-container .delivery-info-wrapper { width: 100%; background-color: #f95fc4; padding: 8px 10px; border-radius: 5px; } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals .delivery-info-container .delivery-info-wrapper { padding: 7px 15px; } } .woocommerce-cart .cart-collaterals .delivery-info-container .delivery-info { font-size: 14px; line-height: 1.2; font-weight: 400; color: #ffffff; } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals .delivery-info-container .delivery-info { font-size: 16px; } } .woocommerce-cart .cart-collaterals .delivery-info-container .delivery-info span { font-weight: 700; } .woocommerce-cart .cart-collaterals .wc-proceed-to-checkout { padding: 0 !important; } .woocommerce-cart .cart-collaterals form.checkout_coupon { display: flex; flex-direction: column; gap: 15px; border: unset !important; padding: 0 0 15px 0 !important; margin: 0 0 15px 0 !important; border-radius: unset !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } .woocommerce-cart .cart-collaterals form.checkout_coupon > label { margin-top: 0 !important; } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals form.checkout_coupon > label { font-size: 18px !important; } } .woocommerce-cart .cart-collaterals .coupon-container { display: flex; gap: 10px; } .woocommerce-cart .cart-collaterals .form-row { flex: 1; padding: 0 !important; margin: 0 !important; } .woocommerce-cart .cart-collaterals .form-row-last { max-width: 90px; } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals .form-row-last { max-width: 106px; } } .woocommerce-cart .cart-collaterals input { display: flex; background-color: #ffffff !important; border: 1px solid rgba(26, 26, 26, 0.18) !important; border-radius: 5px !important; padding: 10px 20px 10px 10px !important; width: 100%; font-size: 14px !important; line-height: 1.2 !important; color: #1a1a1a !important; } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals input { font-size: 16px !important; padding: 12px 10px 12px 15px !important; } } .woocommerce-cart .cart-collaterals input::placeholder { color: rgba(26, 26, 26, 0.7) !important; } .woocommerce-cart .cart-collaterals button { display: grid; place-items: center; background-color: #4c9bf2 !important; color: #ffffff !important; font-weight: 700 !important; font-size: 14px !important; line-height: 1.2 !important; border: none !important; padding: 11px 16px !important; border-radius: 5px !important; width: 90px !important; } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals button { font-size: 16px !important; padding-block: 13px !important; width: 106px !important; } } .woocommerce-cart .cart-collaterals button:hover { background-color: #2675cc !important; } .woocommerce-cart .cart-collaterals .checkout-button { display: grid !important; place-items: center !important; margin-bottom: unset !important; background-color: #4c9bf2 !important; color: #ffffff !important; font-size: 14px !important; line-height: 1.2px !important; font-weight: 700 !important; padding-block: 14px !important; border-radius: 5px !important; text-transform: uppercase !important; height: 44px !important; width: 100%; } @media only screen and (min-width: 1200px) { .woocommerce-cart .cart-collaterals .checkout-button { font-size: 16px !important; height: 56px !important; } } .woocommerce-cart .cart-collaterals .checkout-button:hover { background-color: #2675cc !important; } .single-product .woocommerce-breadcrumb { padding-inline: 15px; width: 100%; margin-inline: auto; padding-block: 8px 20px !important; color: #1a1a1a; font-size: 12px; margin: 0 auto !important; } @media only screen and (min-width: 1200px) { .single-product .woocommerce-breadcrumb { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .single-product .woocommerce-breadcrumb { padding-block: 15px 33px !important; } } .single-product .woocommerce-breadcrumb .delimeter { color: #767676; } .single-product .woocommerce-notices-wrapper { padding-inline: 15px; width: 100%; margin-inline: auto; margin-top: 10px; } @media only screen and (min-width: 1200px) { .single-product .woocommerce-notices-wrapper { max-width: 1518px; padding-inline: 24px; } } .single-product div.product { margin-top: 20px; padding-bottom: 16px; } @media only screen and (min-width: 1200px) { .single-product div.product { padding-inline: 15px; width: 100%; margin-inline: auto; margin-top: 33px; display: grid; grid-template-areas: "product-gallery-container summary" "product-data-wrap product-data-wrap"; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .single-product div.product { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .single-product div.product { max-width: 1268px; } } .single-product div.product .header-wrap { padding-inline: 15px; width: 100%; margin-inline: auto; } @media only screen and (min-width: 1200px) { .single-product div.product .header-wrap { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .single-product div.product .header-wrap { padding-inline: unset; max-width: 470px; margin-left: auto; width: unset; } } .single-product div.product .product_title.entry-title { font-size: 29px; font-weight: 700; font-family: "RedHatDisplay", sans-serif; margin-bottom: 3px; line-height: 1.2; } @media only screen and (min-width: 1200px) { .single-product div.product .product_title.entry-title { font-size: 48px; margin-bottom: 10px; } } .single-product div.product .product-subtitle { font-size: 21px; line-height: 1.2; font-family: "RedHatDisplay", sans-serif; font-weight: 400; margin-bottom: 12px; } @media only screen and (min-width: 1200px) { .single-product div.product .product-subtitle { font-size: 26px; margin-bottom: unset; } } .single-product div.product .special-offer-text { text-transform: uppercase; font-size: 18px; line-height: 22px; color: #4c9bf2; margin-top: 8px; font-family: "RedHatDisplay", sans-serif; font-weight: 800; } @media only screen and (min-width: 1200px) { .single-product div.product .special-offer-text { line-height: 25px; margin-top: 10px; } } .single-product div.product div.summary { padding-inline: 15px; width: 100%; margin-inline: auto; grid-area: summary; margin-bottom: unset !important; } @media only screen and (min-width: 1200px) { .single-product div.product div.summary { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 768px) { .single-product div.product div.summary { width: 100%; } } @media only screen and (min-width: 1200px) { .single-product div.product div.summary { margin: unset; padding-inline: unset; width: 470px; margin-left: auto; } } .single-product div.product div.summary .price-quantity-wrapper { display: flex; justify-content: space-between; align-items: flex-end; } .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-label { display: block; font-size: 15px; line-height: 1.2; color: #1a1a1a; margin-bottom: 11px; } @media only screen and (min-width: 1200px) { .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-label { font-size: 18px; margin-bottom: 7px; } } .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-controls-wrapper { border: 1px solid rgba(26, 26, 26, 0.18); border-radius: 5px; padding: 13px 25px; } .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-controls { display: flex; align-items: center; } .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-controls .minus, .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-controls .plus { position: relative; background: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; } .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-controls .minus::after, .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-controls .plus::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; } @media only screen and (min-width: 1200px) { .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-controls .minus, .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-controls .plus { position: relative; top: 1px; } } .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-controls .qty { font-size: 14px; font-weight: 500; line-height: 1.2; color: #1a1a1a; appearance: textfield; } .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-controls .qty::-webkit-outer-spin-button, .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-controls .qty::-webkit-inner-spin-button { appearance: none; margin: 0; } @media only screen and (min-width: 1200px) { .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-controls .qty { font-size: 16px; } } .single-product div.product div.summary .price-quantity-wrapper .quantity-wrapper .quantity-controls .qty:focus { border-color: #f95fc4; outline: none; } .single-product div.product div.summary .price-quantity-wrapper .price-wrapper { padding-bottom: 4px; } .single-product div.product div.summary .price-quantity-wrapper .price-wrapper > * { text-align: right; } .single-product div.product div.summary .price-quantity-wrapper .price-wrapper .price-label { font-size: 15px; font-weight: 400; line-height: 1.2; color: #1a1a1a; margin-bottom: 2px; } @media only screen and (min-width: 1200px) { .single-product div.product div.summary .price-quantity-wrapper .price-wrapper .price-label { font-size: 18px; margin-bottom: 0; } } .single-product div.product div.summary .price-quantity-wrapper .price-wrapper .price-value { font-size: 15px; font-weight: 700; line-height: 1.2; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .single-product div.product div.summary .price-quantity-wrapper .price-wrapper .price-value { font-size: 18px; } } .single-product div.product form.cart { margin-bottom: unset !important; } @media only screen and (min-width: 1200px) { .single-product div.product .variations_form.cart { margin: unset; } } .single-product div.product .delivery-benefits-wrap { display: flex; flex-direction: column; gap: 12px; padding-block: 16px; margin-inline: 16px; border-bottom: 2px solid #1a1a1a; margin-top: 16px; } @media only screen and (min-width: 768px) { .single-product div.product .delivery-benefits-wrap { width: 100%; } } @media only screen and (min-width: 1200px) { .single-product div.product .delivery-benefits-wrap { grid-area: delivery-benefits; justify-content: center; flex-direction: row; margin-inline: 44px; padding-block: 24px; border-top: unset; border-color: #c4c4c4; gap: 40px; margin-top: unset; } } .single-product div.product .delivery-benefit { display: flex; gap: 13px; align-items: center; } .single-product div.product .benefit-image { width: 60px; height: 60px; } @media only screen and (min-width: 1200px) { .single-product div.product .benefit-image { width: 72px; height: 72px; } } .single-product div.product .benefit-title { font-family: "RedHatDisplay", sans-serif; text-transform: uppercase; font-weight: 800; font-size: 19px; line-height: 27px; } @media only screen and (min-width: 1200px) { .single-product div.product .benefit-title { font-size: 22px; } } .single-product div.product .benefit-description { font-family: "RedHatDisplay", sans-serif; font-weight: 800; font-size: 15px; line-height: 21px; } @media only screen and (min-width: 1200px) { .single-product div.product .benefit-description { font-size: 20px; line-height: 24px; } } .single-product div.product .product-gallery-container { position: relative; height: 404px; } @media only screen and (min-width: 1200px) { .single-product div.product .product-gallery-container { grid-area: product-gallery-container; width: 595px; height: 668px; } } .single-product div.product .producer-logo { display: grid; place-items: center; position: absolute; bottom: -1px; right: -1px; width: 165px; height: 93px; z-index: 2; background-color: #ffffff; border-top-left-radius: 5px; } .single-product div.product .producer-logo > img { max-height: 81px; width: auto; height: auto; object-fit: cover; } .single-product div.product .product-gallery-wrap { height: 100%; } @media only screen and (min-width: 1200px) { .single-product div.product .product-gallery-wrap { border-radius: 5px; } } .single-product div.product .product-data-wrap { padding-inline: 15px; width: 100%; margin-inline: auto; } @media only screen and (min-width: 1200px) { .single-product div.product .product-data-wrap { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .single-product div.product .product-data-wrap { grid-area: product-data-wrap; display: flex; flex-direction: row-reverse; gap: 156px; margin-block: 45px 60px; padding-inline: unset; } } .single-product div.product .product-data-wrap > div { position: relative; } @media only screen and (min-width: 1200px) { .single-product div.product .product-data-wrap > div { flex: 1; } } .single-product div.product .product-data-wrap h2 { font-size: 21px; line-height: 1.2; font-weight: 500; font-family: "RedHatDisplay", sans-serif; margin-block: 12px; } @media only screen and (min-width: 1200px) { .single-product div.product .product-data-wrap h2 { font-size: 26px; margin-block: 30px 15px; } } .single-product div.product .product-data-wrap .product-content:first-child { margin-block: 45px 35px; } @media only screen and (min-width: 1200px) { .single-product div.product .product-data-wrap .product-content:first-child { margin-block: unset; } } .single-product div.product .product-data-wrap .product-content:last-child { margin-block: 35px 40px; } @media only screen and (min-width: 1200px) { .single-product div.product .product-data-wrap .product-content:last-child { margin-block: unset; } } .single-product div.product .product-data-wrap .product-content:last-child a { color: #2675cc; text-decoration: underline; } .single-product div.product .product-data-wrap .product-content > p { margin-block: 10px; font-size: 16px; line-height: 1.4; } @media only screen and (min-width: 1200px) { .single-product div.product .product-data-wrap .product-content > p { font-size: 18px; } } .single-product div.product .product-data-wrap .product-content > h2 { font-size: 21px; line-height: 1.2; font-weight: 700; font-family: "RedHatDisplay", sans-serif; margin-block: 25px 10px; } @media only screen and (min-width: 1200px) { .single-product div.product .product-data-wrap .product-content > h2 { font-size: 26px; margin-block: 30px 15px; } } .single-product div.product .product-data-wrap .product-content > ul { display: flex; flex-direction: column; margin-top: 16px; } @media only screen and (min-width: 1200px) { .single-product div.product .product-data-wrap .product-content > ul { gap: 12px; } } .single-product div.product .product-data-wrap .product-content > ul > li { display: flex; align-items: flex-start; justify-content: space-between; padding-block: 12px; border-top: 1px solid rgba(0, 0, 0, 0.1); gap: 4px; } @media only screen and (min-width: 1200px) { .single-product div.product .product-data-wrap .product-content > ul > li { padding-block: 13px; } } .single-product div.product .product-data-wrap .product-content > ul > li:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .single-product div.product .product-data-wrap .product-content > ul > li > span.label { font-size: 15px; line-height: 1; font-weight: 400; color: rgba(26, 26, 26, 0.6); } @media only screen and (min-width: 1200px) { .single-product div.product .product-data-wrap .product-content > ul > li > span.label { font-size: 18px; } } .single-product div.product .product-data-wrap .product-content > ul > li > span.value { font-size: 15px; line-height: 1; font-weight: 400; max-width: 200px; text-align: right; } @media only screen and (min-width: 1200px) { .single-product div.product .product-data-wrap .product-content > ul > li > span.value { max-width: 373px; font-size: 18px; } } .single-product div.product .product-data-wrap .product-content .custom-attributes-list { gap: unset; } .single-product div.product .product-data-wrap .product-content .custom-attributes-list a { color: #4c9bf2; text-decoration: underline; } .single-product div.product .product-data-wrap .product-content .custom-attributes-list a:hover { color: #2675cc; } @media only screen and (min-width: 1200px) { .single-product div.product .swiper-slide { width: 100% !important; height: 100% !important; max-height: 668px; } } .single-product div.product .swiper-slide > div { height: 100%; } .single-product div.product .swiper-slide a { pointer-events: none; } .single-product div.product .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .single-product div.product .swiper-pagination { position: absolute; bottom: -1px; width: max-content; left: 0; text-align: left; background-color: rgba(26, 26, 26, 0.5); border-top-right-radius: 5px; padding: 10px 10px 10px 15px; } @media only screen and (min-width: 1200px) { .single-product div.product .swiper-pagination { background-color: unset; padding: 0 0 12px 15px; } } .single-product div.product .swiper-pagination .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.5); width: 8px; height: 8px; opacity: 1; } @media only screen and (min-width: 1200px) { .single-product div.product .swiper-pagination .swiper-pagination-bullet { width: 11px; height: 11px; } } .single-product div.product .swiper-pagination .swiper-pagination-bullet-active { background-color: #ffffff; } .single-product div.product .swiper-arrow-left, .single-product div.product .swiper-arrow-right { display: none; } @media only screen and (min-width: 1200px) { .single-product div.product .swiper-arrow-left, .single-product div.product .swiper-arrow-right { display: grid; place-items: center; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; padding: 16px 13px; background-color: rgba(26, 26, 26, 0.3); border-radius: 100%; left: 13px; z-index: 2; width: max-content; } } .single-product div.product .swiper-arrow-left:hover, .single-product div.product .swiper-arrow-right:hover { background-color: #1a1a1a; } .single-product div.product .swiper-arrow-right { left: unset; right: 13px; } .single-product div.product .swiper-arrow-right > img { display: grid; place-items: center; transform: translateY(0%) rotate(180deg); } .single-product div.product .woocommerce-product-details__short-description { display: none; } @media only screen and (min-width: 1200px) { .single-product div.product .woocommerce-product-details__short-description { position: absolute; top: 50%; right: 44px; transform: translateY(-50%); display: flex; flex-direction: column; } } .single-product div.product .woocommerce-product-details__short-description * { font-size: 20px; line-height: 28px; text-align: right; } .single-product div.product .woocommerce-product-details__short-description li { margin-block: 8px; } .single-product div.product .variation-radios { display: flex; flex-direction: column; gap: 8px; margin-block: 25px 20px; } .single-product div.product .variation-radios .attribute-name { font-size: 15px; line-height: 1.2; color: #1a1a1a; margin-bottom: 2px; } .single-product div.product .variation-radios .ilabs-omnibus-price-note { font-size: 12px; line-height: 1.2; margin-block: 2px 8px; margin-left: auto; } @media only screen and (min-width: 1200px) { .single-product div.product .variation-radios .ilabs-omnibus-price-note { margin-block: 5px 10px; } } @media only screen and (min-width: 1200px) { .single-product div.product .variation-radios > div { flex: 1; } } .single-product div.product .variation-radios > div > label { position: relative; display: flex; justify-content: space-between; align-items: center; border-radius: 5px; border: 1px solid rgba(26, 26, 26, 0.18); width: 100%; height: 44px; padding: 12px 15px; } @media only screen and (min-width: 1200px) { .single-product div.product .variation-radios > div > label { cursor: pointer; } } .single-product div.product .variation-radios > div > label:hover { border-color: #f95fc4; } .single-product div.product .variation-radios > div > label::before { content: ""; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; border: 1px solid rgba(26, 26, 26, 0.4); border-radius: 100%; } .single-product div.product .variation-radios > div > label.active { border-color: #f95fc4; } .single-product div.product .variation-radios > div > label.active::before { border-color: #f95fc4; } .single-product div.product .variation-radios > div > label.active::after { content: ""; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background-color: #f95fc4; border-radius: 100%; } .single-product div.product .variation-radios > div > label > .variation-label { font-weight: 400; font-size: 15px; line-height: 1.2; padding-left: 26px; color: #1a1a1a; } .single-product div.product .variation-radios > div > label .price-value { font-weight: 700; font-size: 15px; line-height: 1.2; color: #1a1a1a; } .single-product div.product .variation-radios label.on-sale .regular-price .woocommerce-Price-amount.amount { color: #1a1a1a; font-weight: 400; text-decoration: line-through; padding-right: 12px; } .single-product div.product .variation-radios label.on-sale .sale-price .woocommerce-Price-amount.amount { color: #f95fc4; } .single-product div.product .variation-radios > input { display: none; } .single-product div.product .variation-radios > br { display: none; } .single-product div.product span.onsale { position: absolute; top: 14px; left: 15px; border-radius: 2px; background-color: #f95fc4; color: #ffffff; font-size: 12px; line-height: 1.2; font-weight: 700; padding: 3px 8px 6px; width: max-content; margin: unset; min-height: unset; min-width: unset; } @media only screen and (min-width: 1200px) { .single-product div.product span.onsale { top: 10px; left: 10px; padding: 4px 8px 5px; font-size: 15px; } } .single-product div.product button.single_add_to_cart_button { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; background-color: #4c9bf2; color: #ffffff; font-size: 14px; line-height: 1.2; font-family: "RedHatDisplay", sans-serif; font-weight: 700; height: 44px; width: 100%; border-radius: 5px; margin-top: 20px; } @media only screen and (min-width: 1200px) { .single-product div.product button.single_add_to_cart_button { font-size: 16px; padding-block: 19px; margin-top: 18px; } } .single-product div.product button.single_add_to_cart_button:hover { background-color: #2675cc; } .single-product div.product button.single_add_to_cart_button::after { content: ""; width: 15px; height: 18px; background-image: url(../../.././dist/css/build/img/cart.svg); background-size: contain; background-repeat: no-repeat; background-position: center; filter: brightness(0) invert(1); } .single-product div.product .product-sidebar-wrap { margin-top: 56px; } @media only screen and (min-width: 1200px) { .single-product div.product .product-sidebar-wrap { margin-top: 130px; } } .single-product .out-of-stock { margin-top: 20px; font-size: 20px; line-height: 1.2; font-weight: 700; } .single-product .related-products-container { padding-top: 35px; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 1200px) { .single-product .related-products-container { padding-top: 60px; padding-bottom: 130px; } } .single-product .related-products-container .related.products { padding-inline: 15px; width: 100%; margin-inline: auto; } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products { max-width: 1518px; padding-inline: 24px; } } .single-product .related-products-container .related.products > h3 { font-size: 25px; font-weight: 500; line-height: 1.2; color: #1a1a1a; margin-bottom: 25px; } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products > h3 { font-size: 45px; font-weight: 700; margin-bottom: 45px; } } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products ul.products { display: flex; gap: 10px; justify-content: flex-start; margin: 0; } } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products ul.products::before, .single-product .related-products-container .related.products ul.products::after { display: none; } } .single-product .related-products-container .related.products ul.products li.product { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products ul.products li.product { border-radius: 10px; max-width: 345px; margin: 0; padding: 0; } } .single-product .related-products-container .related.products ul.products li.product:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.09); } .single-product .related-products-container .related.products ul.products li.product .custom-product-image-wrapper { position: relative; } .single-product .related-products-container .related.products ul.products li.product .custom-product-image-wrapper > img { border-radius: 5px; margin: 0; width: 100%; height: 160px; object-fit: cover; } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products ul.products li.product .custom-product-image-wrapper > img { border-radius: 10px; height: 345px; } } .single-product .related-products-container .related.products ul.products li.product .producer-logo-wrapper { display: grid; place-items: center; position: absolute; right: -1px; bottom: -1px; width: 64px; height: 54px; background-color: #ffffff; border-top-left-radius: 10px; padding: 11px; border-right: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products ul.products li.product .producer-logo-wrapper { width: 125px; height: 112px; } } .single-product .related-products-container .related.products ul.products li.product .producer-logo-wrapper > img { margin: 0; padding: 0; max-width: 46px; max-height: auto; } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products ul.products li.product .producer-logo-wrapper > img { max-width: 95px; height: auto; } } .single-product .related-products-container .related.products ul.products li.product .product-wrapper { display: flex; flex-direction: column; height: 100%; padding: 10px 12px 12px; } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products ul.products li.product .product-wrapper { padding: 19px 22px 15px; } } .single-product .related-products-container .related.products ul.products li.product .woocommerce-loop-product__title { font-size: 18px; line-height: 1.2; font-weight: 700; color: #1a1a1a; padding: 0; margin: 0 0 5px 0; } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products ul.products li.product .woocommerce-loop-product__title { font-size: 22px; } } .single-product .related-products-container .related.products ul.products li.product p.product-category-name { font-size: 15px; line-height: 1.2; font-weight: 400; color: #1a1a1a; margin: 0; margin-bottom: 27px; } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products ul.products li.product p.product-category-name { margin-bottom: 45px; } } .single-product .related-products-container .related.products ul.products li.product p.product-price { display: flex; flex-direction: column; gap: 2px; font-size: 15px; line-height: 1.2; font-weight: 400; color: #1a1a1a; margin: 0; } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products ul.products li.product p.product-price { display: flex; gap: 5px; flex-direction: row; font-size: 18px; } } .single-product .related-products-container .related.products ul.products li.product p.product-price > .product-price-value:has(del) { display: flex; flex-direction: row-reverse; align-items: flex-end; justify-content: flex-start; gap: 4px; margin-right: auto; } .single-product .related-products-container .related.products ul.products li.product p.product-price > .product-price-value { font-size: 15px; line-height: 1.2; font-weight: 400; } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products ul.products li.product p.product-price > .product-price-value { font-size: 18px; } } .single-product .related-products-container .related.products ul.products li.product p.product-price > .product-price-value > ins { font-size: 15px; font-weight: 700; color: #f95fc4; } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products ul.products li.product p.product-price > .product-price-value > ins { font-size: 18px; } } .single-product .related-products-container .related.products ul.products li.product p.product-price > .product-price-value > del { padding-left: 4px; padding-bottom: 1px; font-size: 12px; text-decoration: line-through; } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products ul.products li.product p.product-price > .product-price-value > del { font-size: 14px; } } .single-product .related-products-container .related.products ul.products li.product p.product-price > .product-price-label { color: rgba(26, 26, 26, 0.6); } .single-product .related-products-container .related.products ul.products li.product p.product-price > .woocommerce-Price-amount { font-weight: 500; } .single-product .related-products-container .related.products ul.products li.product span.onsale { position: absolute; top: 4px; left: 4px; border-radius: 2px; background-color: #f95fc4; color: #ffffff; font-size: 12px; line-height: 1.2; font-weight: 700; padding: 3px 8px 6px; width: max-content; margin: unset; min-height: unset; min-width: unset; } @media only screen and (min-width: 1200px) { .single-product .related-products-container .related.products ul.products li.product span.onsale { top: 10px; left: 10px; padding: 4px 8px 5px; font-size: 15px; } } @media only screen and (min-width: 1200px) { .post-type-archive-product .navigation, .archive .navigation { margin-bottom: unset; } } @media only screen and (min-width: 1200px) { .post-type-archive-product .site-inner, .archive .site-inner { display: flex; flex-direction: column; } } .post-type-archive-product .shop-content-wrap, .archive .shop-content-wrap { display: flex; flex-direction: column-reverse; } .post-type-archive-product .content-area, .archive .content-area { padding-inline: 15px; width: 100%; margin-inline: auto; order: 1; } @media only screen and (min-width: 1200px) { .post-type-archive-product .content-area, .archive .content-area { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .post-type-archive-product .site-main, .archive .site-main { display: grid; grid-template-areas: "top-sidebar top-sidebar" "filter-ordering-wrap products" "left-sidebar products" "left-sidebar pagination-wrap" "bapf-no-products bapf-no-products"; grid-template-rows: auto auto 1fr auto; column-gap: 73px; min-height: 100%; } } .post-type-archive-product .bapf_no_products, .archive .bapf_no_products { grid-area: bapf-no-products; } .post-type-archive-product .shop-header, .archive .shop-header { background-color: rgba(0, 0, 0, 0.1); padding: 15px; margin-bottom: 10px; } @media only screen and (min-width: 1200px) { .post-type-archive-product .shop-header, .archive .shop-header { padding-block: 50px; margin-bottom: unset; } } .post-type-archive-product .woocommerce-products-header, .archive .woocommerce-products-header { display: flex; justify-content: center; align-items: center; } .post-type-archive-product .woocommerce-products-header__title, .archive .woocommerce-products-header__title { font-size: 22px; line-height: 40px; font-weight: 400; text-align: center; } @media only screen and (min-width: 1200px) { .post-type-archive-product .woocommerce-products-header__title, .archive .woocommerce-products-header__title { font-size: 35px; line-height: 60px; } } .post-type-archive-product .woocommerce-breadcrumb, .archive .woocommerce-breadcrumb { text-align: center; font-size: 14px; line-height: 14px; font-weight: 400; text-transform: uppercase; margin: 0; letter-spacing: 1.4px; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .post-type-archive-product .woocommerce-breadcrumb, .archive .woocommerce-breadcrumb { font-size: 16px; letter-spacing: 1.6px; } } .post-type-archive-product .woocommerce-breadcrumb a, .archive .woocommerce-breadcrumb a { color: #1a1a1a; } .post-type-archive-product .filter-ordering-wrap, .archive .filter-ordering-wrap { display: flex; gap: 20px; padding-block: 15px 20px; } @media only screen and (min-width: 1200px) { .post-type-archive-product .filter-ordering-wrap, .archive .filter-ordering-wrap { grid-area: filter-ordering-wrap; padding-block: unset; gap: unset; width: 100%; margin-bottom: 15px; } } @media only screen and (min-width: 1200px) { .post-type-archive-product .content-area, .archive .content-area { flex: 1; padding-top: 20px; padding-right: 20px; } } @media only screen and (min-width: 1440px) { .post-type-archive-product .orderby, .archive .orderby { position: relative; top: 1px; } } .post-type-archive-product .sidebar, .archive .sidebar { display: none; } .post-type-archive-product ul.products, .archive ul.products { margin: 0; } @media only screen and (min-width: 1200px) { .post-type-archive-product ul.products, .archive ul.products { display: grid; grid-template-columns: repeat(3, 1fr); grid-area: products; max-width: 1094px; gap: 30px; height: max-content; } } @media only screen and (min-width: 1200px) { .post-type-archive-product ul.products::before, .post-type-archive-product ul.products::after, .archive ul.products::before, .archive ul.products::after { display: none; } } .post-type-archive-product ul.products li.product, .archive ul.products li.product { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; height: max-content; margin-bottom: 20px !important; } @media only screen and (min-width: 1200px) { .post-type-archive-product ul.products li.product, .archive ul.products li.product { width: 100% !important; border-radius: 10px; margin: 0; padding: 0; } } .post-type-archive-product ul.products li.product:hover, .archive ul.products li.product:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .post-type-archive-product ul.products li.product .custom-product-image-wrapper, .archive ul.products li.product .custom-product-image-wrapper { position: relative; } .post-type-archive-product ul.products li.product .custom-product-image-wrapper > img, .archive ul.products li.product .custom-product-image-wrapper > img { border-radius: 5px; margin: 0; width: 100%; height: 160px; object-fit: cover; } @media only screen and (min-width: 1200px) { .post-type-archive-product ul.products li.product .custom-product-image-wrapper > img, .archive ul.products li.product .custom-product-image-wrapper > img { border-radius: 10px; height: 345px; } } .post-type-archive-product ul.products li.product .producer-logo-wrapper, .archive ul.products li.product .producer-logo-wrapper { display: grid; place-items: center; position: absolute; right: -1px; bottom: -1px; width: 64px; height: 54px; background-color: #ffffff; border-top-left-radius: 10px; padding: 11px; border-right: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 1200px) { .post-type-archive-product ul.products li.product .producer-logo-wrapper, .archive ul.products li.product .producer-logo-wrapper { width: 125px; height: 112px; } } .post-type-archive-product ul.products li.product .producer-logo-wrapper > img, .archive ul.products li.product .producer-logo-wrapper > img { margin: 0; padding: 0; max-width: 46px; max-height: auto; } @media only screen and (min-width: 1200px) { .post-type-archive-product ul.products li.product .producer-logo-wrapper > img, .archive ul.products li.product .producer-logo-wrapper > img { max-width: 95px; height: auto; } } .post-type-archive-product ul.products li.product .product-wrapper, .archive ul.products li.product .product-wrapper { display: flex; flex-direction: column; height: 100%; padding: 10px 12px 12px; } @media only screen and (min-width: 1200px) { .post-type-archive-product ul.products li.product .product-wrapper, .archive ul.products li.product .product-wrapper { padding: 19px 22px 15px; height: max-content; } } .post-type-archive-product ul.products li.product h2.woocommerce-loop-product__title, .archive ul.products li.product h2.woocommerce-loop-product__title { font-size: 18px; line-height: 1.2; font-weight: 700; color: #1a1a1a; padding: 0; margin: 0 0 5px 0; } @media only screen and (min-width: 1200px) { .post-type-archive-product ul.products li.product h2.woocommerce-loop-product__title, .archive ul.products li.product h2.woocommerce-loop-product__title { font-size: 22px; } } .post-type-archive-product ul.products li.product p.product-category-name, .archive ul.products li.product p.product-category-name { font-size: 15px; line-height: 1.2; font-weight: 400; color: #1a1a1a; margin: 0; margin-bottom: 27px; } @media only screen and (min-width: 1200px) { .post-type-archive-product ul.products li.product p.product-category-name, .archive ul.products li.product p.product-category-name { margin-bottom: 45px; } } .post-type-archive-product ul.products li.product p.product-price, .archive ul.products li.product p.product-price { display: flex; flex-direction: column; gap: 2px; font-size: 15px; line-height: 1.2; font-weight: 400; color: #1a1a1a; margin: 0; } @media only screen and (min-width: 1200px) { .post-type-archive-product ul.products li.product p.product-price, .archive ul.products li.product p.product-price { display: flex; gap: 5px; flex-direction: row; font-size: 18px; } } .post-type-archive-product ul.products li.product p.product-price > .product-price-value:has(del), .archive ul.products li.product p.product-price > .product-price-value:has(del) { display: flex; flex-direction: row-reverse; align-items: flex-end; justify-content: flex-start; gap: 4px; margin-right: auto; } .post-type-archive-product ul.products li.product p.product-price > .product-price-value, .archive ul.products li.product p.product-price > .product-price-value { font-size: 15px; line-height: 1.2; font-weight: 400; } @media only screen and (min-width: 1200px) { .post-type-archive-product ul.products li.product p.product-price > .product-price-value, .archive ul.products li.product p.product-price > .product-price-value { font-size: 18px; } } .post-type-archive-product ul.products li.product p.product-price > .product-price-value > ins, .archive ul.products li.product p.product-price > .product-price-value > ins { font-size: 15px; font-weight: 700; color: #f95fc4; } @media only screen and (min-width: 1200px) { .post-type-archive-product ul.products li.product p.product-price > .product-price-value > ins, .archive ul.products li.product p.product-price > .product-price-value > ins { font-size: 18px; } } .post-type-archive-product ul.products li.product p.product-price > .product-price-value > del, .archive ul.products li.product p.product-price > .product-price-value > del { padding-left: 4px; padding-bottom: 1px; font-size: 12px; text-decoration: line-through; } @media only screen and (min-width: 1200px) { .post-type-archive-product ul.products li.product p.product-price > .product-price-value > del, .archive ul.products li.product p.product-price > .product-price-value > del { font-size: 14px; } } .post-type-archive-product ul.products li.product p.product-price > .product-price-label, .archive ul.products li.product p.product-price > .product-price-label { color: rgba(26, 26, 26, 0.6); } .post-type-archive-product ul.products li.product p.product-price > .woocommerce-Price-amount, .archive ul.products li.product p.product-price > .woocommerce-Price-amount { font-weight: 500; } .post-type-archive-product ul.products li.product span.onsale, .archive ul.products li.product span.onsale { position: absolute; top: 4px; left: 4px; border-radius: 2px; background-color: #f95fc4; color: #ffffff; font-size: 12px; line-height: 1.2; font-weight: 700; padding: 3px 8px 6px; width: max-content; margin: unset; min-height: unset; min-width: unset; } @media only screen and (min-width: 1200px) { .post-type-archive-product ul.products li.product span.onsale, .archive ul.products li.product span.onsale { top: 10px; left: 10px; padding: 4px 8px 5px; font-size: 15px; } } .post-type-archive-product .berocket_single_filter_widget .bapf_sfilter.bapf_ocolaps, .archive .berocket_single_filter_widget .bapf_sfilter.bapf_ocolaps { margin-bottom: unset; } .post-type-archive-product .berocket_single_filter_widget .bapf_head > h3, .archive .berocket_single_filter_widget .bapf_head > h3 { line-height: 1.2; color: #1a1a1a; padding-block: 13px; border-top: 1px solid rgba(0, 0, 0, 0.1); font-weight: 400; font-size: 15px; } @media only screen and (min-width: 1200px) { .post-type-archive-product .berocket_single_filter_widget .bapf_head > h3, .archive .berocket_single_filter_widget .bapf_head > h3 { font-size: 16px; font-weight: 700; } } .post-type-archive-product .berocket_single_filter_widget .bapf_colaps_togl, .archive .berocket_single_filter_widget .bapf_colaps_togl { cursor: pointer; } .post-type-archive-product .berocket_single_filter_widget .bapf_slidr_jqrui .bapf_from, .post-type-archive-product .berocket_single_filter_widget .bapf_slidr_jqrui .bapf_to, .archive .berocket_single_filter_widget .bapf_slidr_jqrui .bapf_from, .archive .berocket_single_filter_widget .bapf_slidr_jqrui .bapf_to { width: 50%; } .post-type-archive-product .berocket_single_filter_widget .bapf_slidr.bapf_slidr_jqrui.divi_slider_class.bapf_slidr_ready input[type=text], .archive .berocket_single_filter_widget .bapf_slidr.bapf_slidr_jqrui.divi_slider_class.bapf_slidr_ready input[type=text] { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 10px; font-size: 15px; line-height: 1.2; font-weight: 400; color: #1a1a1a; width: 95%; text-align: left; } .post-type-archive-product .berocket_single_filter_widget .divi_slider_class .bapf_slidr_all .bapf_slidr_main.ui-slider .ui-slider-handle, .archive .berocket_single_filter_widget .divi_slider_class .bapf_slidr_all .bapf_slidr_main.ui-slider .ui-slider-handle { border: 4px solid #f95fc4 !important; } .post-type-archive-product .berocket_single_filter_widget .divi_slider_class .bapf_slidr_all .bapf_slidr_main.ui-widget-content, .archive .berocket_single_filter_widget .divi_slider_class .bapf_slidr_all .bapf_slidr_main.ui-widget-content { margin-top: 10px; } .post-type-archive-product .berocket_single_filter_widget .divi_slider_class .bapf_slidr_all .bapf_slidr_main.ui-slider .ui-slider-range, .archive .berocket_single_filter_widget .divi_slider_class .bapf_slidr_all .bapf_slidr_main.ui-slider .ui-slider-range { background-color: #f95fc4; height: 4px; } .post-type-archive-product .berocket_single_filter_widget .bapf_slidr_all .bapf_val, .post-type-archive-product .berocket_single_filter_widget .bapf_slidr_all .bapf_tbprice, .archive .berocket_single_filter_widget .bapf_slidr_all .bapf_val, .archive .berocket_single_filter_widget .bapf_slidr_all .bapf_tbprice { font-size: 15px; line-height: 1.2; font-weight: 400; color: #1a1a1a; } .post-type-archive-product .berocket_single_filter_widget .bapf_slidr_main .ui-slider-handle, .archive .berocket_single_filter_widget .bapf_slidr_main .ui-slider-handle { border-color: 3px solid #f95fc4 !important; } .post-type-archive-product .berocket_single_filter_widget .bapf_body, .archive .berocket_single_filter_widget .bapf_body { margin-bottom: 20px; } .post-type-archive-product .berocket_single_filter_widget .bapf_body ul, .archive .berocket_single_filter_widget .bapf_body ul { display: flex; flex-direction: column; gap: 14px; } .post-type-archive-product .berocket_single_filter_widget .bapf_body .roundpcs, .archive .berocket_single_filter_widget .bapf_body .roundpcs { color: #1a1a1a; font-size: 15px; font-weight: 400; line-height: 1.2; margin-left: 0.5rem; vertical-align: baseline; } .post-type-archive-product .berocket_single_filter_widget .bapf_body label, .archive .berocket_single_filter_widget .bapf_body label { font-size: 15px; line-height: 1.2; font-weight: 400; color: #1a1a1a; } .post-type-archive-product .berocket_single_filter_widget .bapf_body input[type=checkbox], .archive .berocket_single_filter_widget .bapf_body input[type=checkbox] { width: 16px; height: 16px; border: 1px solid rgba(26, 26, 26, 0.4); margin-right: 12px; } .post-type-archive-product .berocket_single_filter_widget .bapf_body input[type=checkbox]:checked, .archive .berocket_single_filter_widget .bapf_body input[type=checkbox]:checked { background-color: #f95fc4; border-color: #f95fc4; padding: 2px; } .post-type-archive-product .berocket_single_filter_widget .bapf_body input[type=checkbox]:checked::after, .archive .berocket_single_filter_widget .bapf_body input[type=checkbox]:checked::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: unset; content: ""; background-image: url(../../.././dist/css/build/img/checked.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; } .post-type-archive-product .berocket_single_filter_widget .bapf_button.bapf_update, .archive .berocket_single_filter_widget .bapf_button.bapf_update { text-align: center; background-color: #4c9bf2; color: #ffffff; padding: 14px; width: 100%; border-radius: 5px; font-size: 14px; line-height: 1.2; font-weight: 700; } .post-type-archive-product .berocket_single_filter_widget .bapf_button.bapf_update:hover, .archive .berocket_single_filter_widget .bapf_button.bapf_update:hover { background-color: #2675cc !important; } .post-type-archive-product .berocket_single_filter_widget .bapf_button.bapf_reset, .archive .berocket_single_filter_widget .bapf_button.bapf_reset { color: #1a1a1a; font-size: 14px; line-height: 1.2; font-weight: 700; text-align: center; text-decoration: underline; width: 100%; } .post-type-archive-product .berocket_single_filter_widget .bapf_button.bapf_reset:hover, .archive .berocket_single_filter_widget .bapf_button.bapf_reset:hover { color: #4c9bf2; } .post-type-archive-product .shop-ordering, .archive .shop-ordering { grid-area: shop-ordering; } @media only screen and (min-width: 1200px) { .post-type-archive-product .shop-ordering, .archive .shop-ordering { width: 100%; } } .post-type-archive-product .shop-ordering .shop-ordering-select, .archive .shop-ordering .shop-ordering-select { display: none !important; } @media only screen and (min-width: 1200px) { .post-type-archive-product .top-shop-sidebar-wrap, .archive .top-shop-sidebar-wrap { grid-area: top-sidebar; } } .post-type-archive-product .left-shop-sidebar-wrap, .archive .left-shop-sidebar-wrap { display: none; } @media only screen and (min-width: 1200px) { .post-type-archive-product .left-shop-sidebar-wrap, .archive .left-shop-sidebar-wrap { display: block; grid-area: left-sidebar; width: 302px; } } .post-type-archive-product .left-shop-sidebar-wrap.active, .archive .left-shop-sidebar-wrap.active { display: block; } .post-type-archive-product .left-shop-sidebar-wrapper, .archive .left-shop-sidebar-wrapper { display: none; } @media only screen and (min-width: 1200px) { .post-type-archive-product .left-shop-sidebar-wrapper, .archive .left-shop-sidebar-wrapper { display: block; } } .post-type-archive-product .left-shop-sidebar-wrapper.active, .archive .left-shop-sidebar-wrapper.active { position: fixed; background-color: #ffffff; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 12px 15px; z-index: 7220; overflow: auto; } .post-type-archive-product .filter-header, .archive .filter-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; } .post-type-archive-product .filter-header-title, .archive .filter-header-title { font-size: 15px; font-weight: 700; line-height: 1.2; color: #1a1a1a; } .post-type-archive-product .pagination-wrap, .archive .pagination-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-block: 26px 60px; } @media only screen and (min-width: 1200px) { .post-type-archive-product .pagination-wrap, .archive .pagination-wrap { grid-area: pagination-wrap; width: 100%; gap: unset; flex-direction: row; align-items: center; justify-content: center; padding-block: 30px 100px; } } .post-type-archive-product .pagination-wrap ul.page-numbers, .archive .pagination-wrap ul.page-numbers { display: flex; align-items: center; border: unset !important; margin: 0 !important; } @media only screen and (min-width: 1200px) { .post-type-archive-product .pagination-wrap ul.page-numbers, .archive .pagination-wrap ul.page-numbers { gap: 5px; } } .post-type-archive-product .pagination-wrap ul.page-numbers::before, .post-type-archive-product .pagination-wrap ul.page-numbers::after, .archive .pagination-wrap ul.page-numbers::before, .archive .pagination-wrap ul.page-numbers::after { display: none; } .post-type-archive-product .pagination-wrap ul.page-numbers li, .archive .pagination-wrap ul.page-numbers li { margin: 0; border-right: unset; } .post-type-archive-product .pagination-wrap ul.page-numbers li > .page-numbers, .archive .pagination-wrap ul.page-numbers li > .page-numbers { display: grid; place-items: center; min-width: 32px; width: auto; height: 32px; font-size: 14px; border-radius: 100%; color: #1a1a1a; font-weight: 700; line-height: 1.2; } @media only screen and (min-width: 1200px) { .post-type-archive-product .pagination-wrap ul.page-numbers li > .page-numbers, .archive .pagination-wrap ul.page-numbers li > .page-numbers { min-width: 38px; height: 38px; font-size: 16px; } } .post-type-archive-product .pagination-wrap ul.page-numbers li > .page-numbers:hover, .archive .pagination-wrap ul.page-numbers li > .page-numbers:hover { border: 1px solid #1a1a1a; background-color: #ffffff; } .post-type-archive-product .pagination-wrap ul.page-numbers li > .page-numbers.current, .archive .pagination-wrap ul.page-numbers li > .page-numbers.current { border: 1px solid #1a1a1a; background-color: #ffffff; } .post-type-archive-product .pagination-wrap ul.page-numbers li > .page-numbers.prev, .post-type-archive-product .pagination-wrap ul.page-numbers li > .page-numbers.next, .archive .pagination-wrap ul.page-numbers li > .page-numbers.prev, .archive .pagination-wrap ul.page-numbers li > .page-numbers.next { position: relative; font-size: 0; width: 28px; height: 28px; border-radius: 100%; border: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 1200px) { .post-type-archive-product .pagination-wrap ul.page-numbers li > .page-numbers.prev, .post-type-archive-product .pagination-wrap ul.page-numbers li > .page-numbers.next, .archive .pagination-wrap ul.page-numbers li > .page-numbers.prev, .archive .pagination-wrap ul.page-numbers li > .page-numbers.next { width: 38px; height: 38px; } } .post-type-archive-product .pagination-wrap ul.page-numbers li > .page-numbers.prev:hover, .post-type-archive-product .pagination-wrap ul.page-numbers li > .page-numbers.next:hover, .archive .pagination-wrap ul.page-numbers li > .page-numbers.prev:hover, .archive .pagination-wrap ul.page-numbers li > .page-numbers.next:hover { border-color: #1a1a1a; } .post-type-archive-product .pagination-wrap ul.page-numbers li > .page-numbers.prev::before, .post-type-archive-product .pagination-wrap ul.page-numbers li > .page-numbers.next::before, .archive .pagination-wrap ul.page-numbers li > .page-numbers.prev::before, .archive .pagination-wrap ul.page-numbers li > .page-numbers.next::before { content: ""; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .post-type-archive-product .pagination-wrap ul.page-numbers li > .page-numbers.prev::before, .archive .pagination-wrap ul.page-numbers li > .page-numbers.prev::before { background-image: url(../../.././dist/css/build/img/arrow-right.svg); transform: rotate(180deg) translate(50%, 50%); } .post-type-archive-product .pagination-wrap ul.page-numbers li > .page-numbers.next::before, .archive .pagination-wrap ul.page-numbers li > .page-numbers.next::before { background-image: url(../../.././dist/css/build/img/arrow-right.svg); } .post-type-archive-product .woocommerce-notices-wrapper, .archive .woocommerce-notices-wrapper { display: none; } .post-type-archive-product .woocommerce-ordering, .archive .woocommerce-ordering { margin: unset; } .post-type-archive-product .yith-wcwl-add-to-wishlist, .archive .yith-wcwl-add-to-wishlist { position: absolute; top: 0px; right: 0px; } .post-type-archive-product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button > a > span, .archive .yith-wcwl-add-to-wishlist .yith-wcwl-add-button > a > span { display: none; } .post-type-archive-product .yith-wcwl-add-to-wishlist .yith-wcwl-icon, .archive .yith-wcwl-add-to-wishlist .yith-wcwl-icon { padding: 5px; background-color: #ffffff; border-radius: 100%; } .post-type-archive-product .yith-wcwl-wishlistexistsbrowse > a, .post-type-archive-product .yith-wcwl-wishlistaddedbrowse > a, .archive .yith-wcwl-wishlistexistsbrowse > a, .archive .yith-wcwl-wishlistaddedbrowse > a { display: none; } .post-type-archive-product .yith-wcwl-wishlistexistsbrowse .feedback, .post-type-archive-product .yith-wcwl-wishlistaddedbrowse .feedback, .archive .yith-wcwl-wishlistexistsbrowse .feedback, .archive .yith-wcwl-wishlistaddedbrowse .feedback { font-size: 0; } .post-type-archive-product .yith-wcwl-wishlistexistsbrowse .feedback > i, .post-type-archive-product .yith-wcwl-wishlistaddedbrowse .feedback > i, .archive .yith-wcwl-wishlistexistsbrowse .feedback > i, .archive .yith-wcwl-wishlistaddedbrowse .feedback > i { font-size: 14px; color: #4c9bf2; } @media only screen and (min-width: 1200px) { .post-type-archive-product .yith-wcwl-wishlistexistsbrowse .feedback > i, .post-type-archive-product .yith-wcwl-wishlistaddedbrowse .feedback > i, .archive .yith-wcwl-wishlistexistsbrowse .feedback > i, .archive .yith-wcwl-wishlistaddedbrowse .feedback > i { font-size: 18px; } } .woocommerce-account .my-account-heading { margin-block: 28px 32px; font-size: 32px; line-height: 1; text-align: center; } @media only screen and (min-width: 1200px) { .woocommerce-account .my-account-heading { font-size: 64px; line-height: 77px; margin-block: 100px 72px; } } .woocommerce-account .woocommerce { display: flex; flex-direction: column; } @media only screen and (min-width: 1200px) { .woocommerce-account .woocommerce { padding-bottom: 72px; } } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 32px; } @media only screen and (min-width: 1200px) { .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation { padding-inline: 15px; width: 100%; margin-inline: auto; margin-bottom: 40px; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation { max-width: 1268px; } } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul { display: flex; flex-direction: column; gap: 4px; } @media only screen and (min-width: 1200px) { .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul { flex-direction: row; } } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--downloads { display: none; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout { color: #1a1a1a; background-color: transparent; border: 2px solid #1a1a1a; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li { background-color: #818181; padding-block: 16px; font-family: "RedHatDisplay", sans-serif; font-weight: 800; font-size: 18px; line-height: 20px; text-align: center; color: #ffffff; } @media only screen and (min-width: 1200px) { .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li { flex: 1; } } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active { background-color: #1a1a1a; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content { padding-inline: 15px; width: 100%; margin-inline: auto; width: 100%; display: flex; flex-direction: column; padding-bottom: 32px; } @media only screen and (min-width: 1200px) { .woocommerce-account .woocommerce .woocommerce-MyAccount-content { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .woocommerce-account .woocommerce .woocommerce-MyAccount-content { max-width: 1268px; } } .woocommerce-account .woocommerce .woocommerce-MyAccount-content p:first-of-type { display: none; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content a { text-decoration: underline; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .my-account-content-heading, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .user-greeting { order: -1; font-size: 27px; line-height: 32px; margin-bottom: 30px; font-weight: 800; } @media only screen and (min-width: 1200px) { .woocommerce-account .woocommerce .woocommerce-MyAccount-content .my-account-content-heading, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .user-greeting { font-size: 50px; line-height: 55px; margin-bottom: 40px; } } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .my-account-content-heading::after, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .user-greeting::after { content: ""; display: block; width: 100%; height: 1px; background-color: #c4c4c4; margin-top: 4px; } @media only screen and (min-width: 1200px) { .woocommerce-account .woocommerce .woocommerce-MyAccount-content .my-account-content-heading::after, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .user-greeting::after { margin-top: 8px; } } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .user-greeting-sign-out { order: -1; margin-bottom: 20px; } .woocommerce-account .woocommerce .woocommerce-orders-table { border: none; } .woocommerce-account .woocommerce .woocommerce-orders-table th { border-bottom: 1px solid #818181; font-size: 23px; line-height: 32px; font-weight: 800; font-family: "RedHatDisplay", sans-serif; } .woocommerce-account .woocommerce .woocommerce-orders-table th.woocommerce-orders-table__cell { border-bottom: none; text-decoration: none; } .woocommerce-account .woocommerce .woocommerce-orders-table a { text-decoration: unset; } .woocommerce-account .woocommerce .woocommerce-orders-table .button { display: unset; width: unset; border: unset; padding: unset; font-size: 18px; line-height: 20px; font-weight: 800; font-family: "RedHatDisplay", sans-serif; } .woocommerce-account .woocommerce .woocommerce-Addresses, .woocommerce-account .woocommerce .woocommerce-Address { margin-top: 20px; } .woocommerce-account .woocommerce label { font-size: 20px; line-height: 28px; } .woocommerce-account .woocommerce input { border: 1px solid #818181; padding: 8px; font-size: 19px; line-height: 23px; } .woocommerce-account .woocommerce input::placeholder { color: #818181; } .woocommerce-account .woocommerce .select2-container--default .select2-selection--single { border-radius: 0 !important; border: 1px solid #818181 !important; height: 42px !important; display: flex; align-items: center; } .woocommerce-account .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { top: 50% !important; transform: translateY(-50%) !important; } .woocommerce-account .woocommerce fieldset legend { padding-block: 60px 4px; order: -1; font-size: 27px; line-height: 32px; margin-bottom: 30px; width: 100%; font-family: "RedHatDisplay", sans-serif; font-weight: 800; } @media only screen and (min-width: 1200px) { .woocommerce-account .woocommerce fieldset legend { font-size: 50px; line-height: 55px; margin-bottom: 40px; } } .woocommerce-account .woocommerce fieldset legend::after { content: ""; display: block; width: 100%; height: 1px; background-color: #c4c4c4; margin-top: 4px; } @media only screen and (min-width: 1200px) { .woocommerce-account .woocommerce fieldset legend::after { margin-top: 8px; } } .woocommerce-account .woocommerce .woocommerce-Button, .woocommerce-account .woocommerce button[name=save_address] { display: block; width: 100%; background-color: #1a1a1a; color: #ffffff; border: 2px solid #ffffff; font-family: "RedHatDisplay", sans-serif; text-align: center; font-size: 18px; font-weight: 800; line-height: 20px; padding: 16px 100px; margin-top: 32px; } @media only screen and (min-width: 1200px) { .woocommerce-account .woocommerce .woocommerce-Button, .woocommerce-account .woocommerce button[name=save_address] { width: max-content; } } @media only screen and (min-width: 1200px) { .woocommerce-account .woocommerce .woocommerce-Button:hover, .woocommerce-account .woocommerce button[name=save_address]:hover { background-color: #ffffff !important; color: #1a1a1a !important; } } .woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content p:first-of-type { display: inline; } .woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content .show-password-input { top: 9px; } .woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content label { line-height: 1.6 !important; } .woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-form-row { display: block !important; height: max-content; } .woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content p:first-of-type { display: inline; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .entry-content { padding-inline: 15px; width: 100%; margin-inline: auto; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .woocommerce-checkout .entry-content { max-width: 1518px; padding-inline: 24px; } } .woocommerce-checkout .checkout { display: grid; grid-template-areas: "woocommerce-NoticeGroup" "heading" "summary" "order"; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .checkout { grid-template-areas: "woocommerce-NoticeGroup summary" "heading summary" "order summary"; } } .woocommerce-checkout .checkout .woocommerce-form-coupon p:first-of-type { display: block !important; margin: 0 !important; } .woocommerce-checkout .checkout__heading-wrapper { grid-area: heading; padding: 10px 15px 14px 15px; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .checkout__heading-wrapper { padding: 39px 15px 35px 15px; } } @media only screen and (min-width: 1600px) { .woocommerce-checkout .checkout__heading-wrapper { padding: 39px 0 35px 0; } } .woocommerce-checkout .checkout .woocommerce-NoticeGroup { grid-area: woocommerce-NoticeGroup; padding-inline: 15px; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .checkout .woocommerce-NoticeGroup { max-width: 600px; padding-inline: 0; } } @media only screen and (min-width: 1440px) { .woocommerce-checkout .checkout .woocommerce-NoticeGroup { max-width: 680px; } } @media only screen and (min-width: 1600px) { .woocommerce-checkout .checkout .woocommerce-NoticeGroup { max-width: 720px; } } .woocommerce-checkout .checkout .woocommerce-NoticeGroup > div > ul { margin-block: 30px 0; } .woocommerce-checkout .checkout__heading { font-size: 35px; line-height: 1.1; font-weight: 700; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .checkout__heading { font-size: 60px; line-height: 1.2; } } .woocommerce-checkout .checkout_coupon { display: initial !important; border: none !important; } .woocommerce-checkout .checkout__summary { grid-area: summary; background-color: #f3f3f3; padding-inline: 15px; padding-block: 30px; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .checkout__summary { position: relative; padding: 78px 0 0 40px; } } @media only screen and (min-width: 1440px) { .woocommerce-checkout .checkout__summary { padding: 78px 0 0 70px; } } @media only screen and (min-width: 1600px) { .woocommerce-checkout .checkout__summary { padding: 78px 0 0 125px; } } @media only screen and (min-width: 1200px) { .woocommerce-checkout .checkout__summary::after { content: ""; display: block; position: absolute; top: 0; right: -900px; width: 1000px; height: 100%; background-color: #f3f3f3; z-index: -1; } } @media only screen and (min-width: 1200px) { .woocommerce-checkout .checkout__summary > * { max-width: 470px; } } .woocommerce-checkout .checkout__summary-heading-wrapper { padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; } .woocommerce-checkout .checkout__summary-heading { font-size: 18px; font-weight: 700; line-height: 1.2; max-width: 130px; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .checkout__summary-heading { font-size: 22px; } } .woocommerce-checkout .checkout__summary-coupon { display: flex; flex-direction: column; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); gap: 15px; } .woocommerce-checkout .checkout__summary-coupon > .woocommerce-message { display: none !important; } .woocommerce-checkout .checkout__summary-coupon > .checkout_coupon { margin: 15px 0 0 !important; padding: 0 !important; } .woocommerce-checkout .checkout__summary-coupon label { font-size: 14px; line-height: 1.2; font-weight: 400; color: rgba(26, 26, 26, 0.7); margin-top: 15px; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .checkout__summary-coupon label { font-size: 16px; } } .woocommerce-checkout .checkout__summary-coupon .coupon-container { display: flex; gap: 10px; margin-top: 5px; } .woocommerce-checkout .checkout__summary-coupon .form-row { flex: 1; } .woocommerce-checkout .checkout__summary-coupon .form-row-last { max-width: 90px; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .checkout__summary-coupon .form-row-last { max-width: 106px; } } .woocommerce-checkout .checkout__summary-coupon input { display: flex; background-color: #ffffff !important; border: 1px solid rgba(26, 26, 26, 0.18) !important; border-radius: 5px !important; padding: 10px 20px 10px 10px !important; width: 100%; font-size: 14px !important; line-height: 1.2 !important; color: #1a1a1a !important; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .checkout__summary-coupon input { font-size: 16px !important; padding: 12px 10px 12px 15px !important; } } .woocommerce-checkout .checkout__summary-coupon input::placeholder { color: rgba(26, 26, 26, 0.7) !important; } .woocommerce-checkout .checkout__summary-coupon button { display: grid; place-items: center; background-color: #4c9bf2 !important; color: #ffffff !important; font-weight: 700 !important; font-size: 14px !important; line-height: 1.2 !important; border: none !important; padding: 11px 16px !important; border-radius: 5px !important; width: 90px !important; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .checkout__summary-coupon button { font-size: 16px !important; padding-block: 13px !important; width: 106px !important; } } .woocommerce-checkout .checkout__summary-coupon button:hover { background-color: #2675cc !important; } .woocommerce-checkout .checkout__order { grid-area: order; padding: 35px 15px; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .checkout__order { max-width: 720px; padding: 0 15px 60px 15px; margin-right: 90px; } } @media only screen and (min-width: 1440px) { .woocommerce-checkout .checkout__order { margin-right: 60px; } } @media only screen and (min-width: 1600px) { .woocommerce-checkout .checkout__order { padding: 0 0 60px 0; margin-right: 50px; } } .woocommerce-checkout .checkout .woocommerce-form-coupon-toggle, .woocommerce-checkout .checkout .woocommerce-form-coupon p:nth-of-type(1), .woocommerce-checkout .checkout .woocommerce-checkout-review-order-table .attribute-name, .woocommerce-checkout .checkout .woocommerce-checkout-payment .cart-discount, .woocommerce-checkout .checkout .woocommerce-checkout-payment .cart-subtotal { display: none; } .woocommerce-checkout .checkout-title { padding-bottom: 32px; font-size: 27px; line-height: 32px; text-align: center; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .checkout-title { font-size: 64px; line-height: 77px; padding-bottom: 72px; } } .woocommerce-checkout .woocommerce form .form-row { margin-inline: 0 !important; padding-inline: 0 !important; } .woocommerce-checkout .checkout-input-hidden { display: none; } .woocommerce-checkout input, .woocommerce-checkout textarea, .woocommerce-checkout select { border-radius: 5px !important; border: 1px solid rgba(26, 26, 26, 0.18) !important; padding: 8px !important; } .woocommerce-checkout input::placeholder, .woocommerce-checkout textarea::placeholder, .woocommerce-checkout select::placeholder { color: #818181 !important; } .woocommerce-checkout input:focus, .woocommerce-checkout textarea:focus, .woocommerce-checkout select:focus { border-color: #f95fc4 !important; } .woocommerce-checkout textarea { height: 135px !important; } .woocommerce-checkout input[type=checkbox] { flex: 1; height: 16px !important; max-width: 16px !important; border: 1px solid #f95fc4 !important; margin: 0 8px 0 0 !important; max-height: 16px !important; display: inline-flex !important; align-items: center !important; } .woocommerce-checkout input[type=checkbox]:checked { position: relative; background-color: #f95fc4 !important; } .woocommerce-checkout input[type=checkbox]:checked::after { content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27%3E%3Cpath d=%27M1.5 5.5L4 8L8.5 2%27 stroke=%27white%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E"); position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; display: flex; align-items: center; justify-content: center; } .woocommerce-checkout input[type=checkbox]:hover { cursor: pointer; } .woocommerce-checkout .thwcfd-field-radio { position: relative; } .woocommerce-checkout .thwcfd-field-radio label.radio { display: inline-block !important; margin-left: 20px; position: relative; top: -18px; } .woocommerce-checkout input[type=radio] { position: absolute !important; top: 50%; border-radius: 100% !important; border: 1px solid #f95fc4 !important; width: 14px; height: 14px; padding: unset !important; margin: unset !important; margin-right: 16px !important; transform: translateY(-50%); } @media only screen and (min-width: 1200px) { .woocommerce-checkout input[type=radio] { cursor: pointer; } } .woocommerce-checkout input[type=radio]:checked { appearance: none; background-color: white; position: relative; } .woocommerce-checkout input[type=radio]:checked::after { content: ""; position: absolute; top: 2px; left: 2px; width: 8px; height: 8px; background-color: #f95fc4; border-radius: 100%; } .woocommerce-checkout .wc_payment_method label { font-size: 17px !important; line-height: 20px !important; font-weight: 700; } .woocommerce-checkout .payment_box { background-color: unset !important; padding: 0 !important; padding-left: 45px !important; margin: 0 !important; } .woocommerce-checkout .payment_box::before { display: none !important; } .woocommerce-checkout .select2-container--default .select2-selection--single { display: flex; align-items: center; height: 40px; border: 1px solid rgba(26, 26, 26, 0.18) !important; border-radius: 5px !important; } .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { color: #1a1a1a !important; } .woocommerce-checkout .select2-selection__arrow { top: 50% !important; transform: translateY(-50%) !important; } .woocommerce-checkout .select2-selection__arrow > b { border-color: #1a1a1a transparent transparent transparent !important; } .woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #1a1a1a transparent !important; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text * { font-size: 20px; line-height: 26px; } } .woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text a { text-decoration: underline; } .woocommerce-checkout .woocommerce-shipping-methods li > label { display: flex; justify-content: space-between; align-items: center; } .woocommerce-checkout table.shop_table { border: none; border-collapse: collapse !important; margin: 0 !important; } .woocommerce-checkout table.shop_table .cart_item.free-product .regular-price { display: none; } .woocommerce-checkout table.shop_table thead th { padding: 0; margin: 0; text-align: left; color: rgba(26, 26, 26, 0.7); font-size: 14px; line-height: 1.2; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 10px; font-weight: 400; } @media only screen and (min-width: 1200px) { .woocommerce-checkout table.shop_table thead th { font-size: 16px; } } .woocommerce-checkout table.shop_table thead th:last-of-type { text-align: right; } .woocommerce-checkout table.shop_table tfoot tr > th { padding: 16px 0 !important; } .woocommerce-checkout table.shop_table tfoot tr > th:first-of-type { font-weight: 400; } .woocommerce-checkout table.shop_table tfoot tr > th:last-of-type { text-align: right; } .woocommerce-checkout table.shop_table tr { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce-checkout table.shop_table td { display: flex; border: none; padding: 0 !important; } .woocommerce-checkout table.shop_table td::before { display: none !important; } .woocommerce-checkout table.shop_table .product-name { padding-top: 10px !important; margin-bottom: 10px !important; } .woocommerce-checkout table.shop_table .product-name img { width: 35px !important; height: 35px !important; object-fit: cover; } .woocommerce-checkout table.shop_table .product-name > strong { font-size: 15px; color: #1a1a1a; font-weight: 700; line-height: 1.2; text-align: left; padding-left: 12px; max-width: 150px; } @media only screen and (min-width: 1200px) { .woocommerce-checkout table.shop_table .product-name > strong { font-size: 18px; } } .woocommerce-checkout table.shop_table .product-total { display: table-cell; } .woocommerce-checkout table.shop_table .product-total del { display: none; } .woocommerce-checkout table.shop_table .product-total .price-wrapper { display: flex; align-items: center; justify-content: flex-end; gap: 10px; } .woocommerce-checkout table.shop_table .product-total .price-wrapper--sale > .woocommerce-Price-amount { color: #f95fc4; } .woocommerce-checkout table.shop_table .product-total .regular-price span { font-size: 15px; line-height: 1.2; font-weight: 400; color: #1a1a1a; text-decoration: line-through; } @media only screen and (min-width: 1200px) { .woocommerce-checkout table.shop_table .product-total .regular-price span { font-size: 18px; } } .woocommerce-checkout table.shop_table .product-total .woocommerce-Price-amount { text-align: right; font-size: 15px; line-height: 1.2; font-weight: 700; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .woocommerce-checkout table.shop_table .product-total .woocommerce-Price-amount { font-size: 18px; } } .woocommerce-checkout table.shop_table .product-total .ilabs-omnibus-price-note { display: flex; align-items: center; justify-content: flex-end; gap: 3px; } .woocommerce-checkout table.shop_table .product-total .ilabs-omnibus-price-note, .woocommerce-checkout table.shop_table .product-total .ilabs-omnibus-price-note * { font-size: 9px; line-height: 13px; text-align: right; color: #1a1a1a; font-weight: 400; font-family: "RedHatDisplay", sans-serif; } @media only screen and (min-width: 1200px) { .woocommerce-checkout table.shop_table .product-total .ilabs-omnibus-price-note, .woocommerce-checkout table.shop_table .product-total .ilabs-omnibus-price-note * { font-size: 11px; line-height: 15px; } } .woocommerce-checkout .shop-table-summary { display: flex; justify-content: space-between; padding-top: 16px; } .woocommerce-checkout .shop-table-summary__label { font-size: 14px; line-height: 1.2; color: rgba(26, 26, 26, 0.7); font-weight: 400; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .shop-table-summary__label { font-size: 16px; } } .woocommerce-checkout .shop-table-summary__value * { font-size: 15px; line-height: 1.2; font-weight: 700; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .shop-table-summary__value * { font-size: 22px; } } .woocommerce-checkout .woocommerce-shipping-fields { display: none; } .woocommerce-checkout > h3:first-of-type, .woocommerce-checkout #order_review h3, .woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields h3 { font-size: 25px !important; line-height: 30px !important; border-bottom: 1px solid #c4c4c4 !important; padding-bottom: 8px !important; margin-block: 32px 32px !important; } @media only screen and (min-width: 1200px) { .woocommerce-checkout > h3:first-of-type, .woocommerce-checkout #order_review h3, .woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields h3 { font-size: 50px !important; line-height: 55px !important; } } @media only screen and (min-width: 768px) { .woocommerce-checkout #order_review > table { width: 100%; } } .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p.form-row.validate-required { display: flex; } .woocommerce-checkout .woocommerce-shipping-totals.shipping > th { display: none; } .woocommerce-checkout .payment-method-heading, .woocommerce-checkout .shipping-method-heading { margin-block: 35px 15px; font-size: 18px; line-height: 1.2; font-weight: 700; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .payment-method-heading, .woocommerce-checkout .shipping-method-heading { font-size: 22px; margin-block: 60px 20px; } } .woocommerce-checkout .shipping-methods-table { width: 100%; } .woocommerce-checkout #shipping_method { width: 100%; } .woocommerce-checkout #shipping_method .easypack_show_geowidget { margin-top: 20px; } @media only screen and (min-width: 1200px) { .woocommerce-checkout #shipping_method .easypack_show_geowidget { box-shadow: unset !important; left: 100px; margin-bottom: -58px; margin-top: 0; position: relative; top: -66px; height: 57px; display: flex; align-items: center; justify-content: center; } } @media only screen and (min-width: 1200px) { .woocommerce-checkout #shipping_method .easypack_selected_point_data { margin-top: 15px !important; } } .woocommerce-checkout #shipping_method > li { position: relative; display: flex !important; margin: 12px 0 0 0 !important; padding: 14px 15px !important; border: 1px solid #f95fc4; border-radius: 5px; line-height: unset !important; } .woocommerce-checkout #shipping_method > li > input { order: 1; } .woocommerce-checkout #shipping_method > li > label { display: flex !important; width: 100%; justify-content: space-between; font-weight: 400 !important; font-size: 15px !important; line-height: 1.2 !important; order: 3; margin-left: 10px; } .woocommerce-checkout #shipping_method > li > label::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; cursor: pointer; } @media only screen and (min-width: 1200px) { .woocommerce-checkout #shipping_method > li > label > span#shipping_method_easypack_parcel_machines21, .woocommerce-checkout #shipping_method > li > label > span#shipping_method_easypack_parcel_machines_cod25 { max-width: 160px; } } @media only screen and (min-width: 1440px) { .woocommerce-checkout #shipping_method > li > label > span#shipping_method_easypack_parcel_machines21, .woocommerce-checkout #shipping_method > li > label > span#shipping_method_easypack_parcel_machines_cod25 { max-width: 190px; } } @media only screen and (min-width: 1600px) { .woocommerce-checkout #shipping_method > li > label > span#shipping_method_easypack_parcel_machines21, .woocommerce-checkout #shipping_method > li > label > span#shipping_method_easypack_parcel_machines_cod25 { max-width: 220px; } } @media only screen and (min-width: 1200px) { .woocommerce-checkout #shipping_method > li > .easypack-custom-shipping-method-logo > span { margin-block: 22px; } } .woocommerce-checkout #shipping_method > li > .shipping-method-description, .woocommerce-checkout #shipping_method > li > .easypack-custom-shipping-method-logo { display: flex; justify-content: center; align-items: center; order: 2; margin-left: 30px; } .woocommerce-checkout #shipping_method > li > .shipping-method-description img, .woocommerce-checkout #shipping_method > li > .easypack-custom-shipping-method-logo img { width: 69px; max-width: unset; margin-left: unset !important; margin-top: unset !important; } .woocommerce-checkout #shipping_method > li > .shipping-method-description br, .woocommerce-checkout #shipping_method > li > .easypack-custom-shipping-method-logo br { display: none; } .woocommerce-checkout #payment { background-color: #ffffff; } .woocommerce-checkout .wc_payment_methods { width: 100%; border-bottom: unset !important; padding: 0 !important; margin-bottom: 10px !important; } .woocommerce-checkout .wc_payment_methods > li { position: relative; display: flex !important; margin: 12px 0 0 0 !important; padding: 14px 15px !important; border: 1px solid #f95fc4; border-radius: 5px; line-height: unset !important; } .woocommerce-checkout .wc_payment_methods > li > input { order: 1; } .woocommerce-checkout .wc_payment_methods > li > label { font-weight: 400 !important; font-size: 15px !important; line-height: 1.2 !important; order: 3; padding-left: 30px; display: flex; align-items: center; flex-direction: row-reverse; gap: 10px; } .woocommerce-checkout .wc_payment_methods > li > label::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; cursor: pointer; } .woocommerce-checkout .wc_payment_methods > li > label img { margin: 0 !important; } .woocommerce-checkout .wc_payment_methods > li > .shipping-method-description { order: 2; } .woocommerce-checkout .wc_payment_methods > li > .shipping-method-description br { display: none; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text * { font-size: 16px !important; line-height: 1.2 !important; } } .woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text > a:hover { color: #4c9bf2; } .woocommerce-checkout .cart-totals { width: 100%; } .woocommerce-checkout .cart-totals tr.order-total { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-block: 25px; } .woocommerce-checkout .cart-totals tr.order-total > th { font-size: 15px; line-height: 1.2; color: rgba(26, 26, 26, 0.7); font-weight: 400; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .cart-totals tr.order-total > th { font-size: 18px; } } .woocommerce-checkout .cart-totals tr.order-total > td { font-size: 18px; line-height: 1.2; color: #1a1a1a; font-weight: 700; } @media only screen and (min-width: 1200px) { .woocommerce-checkout .cart-totals tr.order-total > td { font-size: 22px; } } .woocommerce-checkout #place_order { display: grid; place-items: center; background-color: #4c9bf2 !important; font-size: 14px !important; line-height: 1.2 !important; padding-block: 14px !important; border-radius: 5px !important; color: #ffffff !important; border: none !important; margin-top: 38px !important; text-transform: uppercase; } @media only screen and (min-width: 1200px) { .woocommerce-checkout #place_order { width: 100%; font-size: 16px !important; padding-block: 18px !important; } } @media only screen and (min-width: 1200px) { .woocommerce-checkout #place_order:hover { background-color: #2675cc !important; } } @media only screen and (min-width: 1200px) { .woocommerce-checkout #customer_details { display: flex; flex-direction: column; width: 620px; } } @media only screen and (min-width: 1440px) { .woocommerce-checkout #customer_details { width: 650px; } } @media only screen and (min-width: 1600px) { .woocommerce-checkout #customer_details { width: 720px; } } @media only screen and (min-width: 768px) { .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { width: 100%; } } .woocommerce-order-received .entry { display: none; } .woocommerce-order-received .woocommerce-order-received-container { padding-block: 10px 60px; } @media only screen and (min-width: 1200px) { .woocommerce-order-received .woocommerce-order-received-container { padding-inline: 15px; width: 100%; margin-inline: auto; display: flex; padding-block: unset; } } @media only screen and (min-width: 1200px) and (min-width: 1200px) { .woocommerce-order-received .woocommerce-order-received-container { max-width: 1518px; padding-inline: 24px; } } .woocommerce-order-received__header { padding-inline: 15px; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__header { flex: 1; padding-block: 40px 100px; padding-inline: unset; background-color: #ffffff; } } .woocommerce-order-received__title { font-size: 35px; line-height: 1.1; font-weight: 700; margin-bottom: 18px; max-width: 195px; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__title { max-width: 652px; font-size: 60px; line-height: 1.2; margin-bottom: 35px; } } .woocommerce-order-received__info { margin-bottom: 20px; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__info { margin-bottom: 15px; } } .woocommerce-order-received__info p { font-size: 15px; font-weight: 500; line-height: 1.2; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__info p { font-size: 18px; } } .woocommerce-order-received__status { color: #4c9bf2; } .woocommerce-order-received__button { display: grid; place-items: center; margin-bottom: 30px; padding-block: 12px 14px; background-color: #4c9bf2; color: #ffffff; font-size: 14px; font-weight: 700; border-radius: 5px; width: 100%; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__button { padding-block: 17px 19px; font-size: 16px; max-width: 470px; margin-bottom: 40px; } } .woocommerce-order-received__button:hover { background-color: #2675cc; } .woocommerce-order-received__bank-details { margin-bottom: 30px; padding: 20px 15px; background-color: #f3f3f3; border-radius: 5px; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__bank-details { padding: 25px 30px; margin-bottom: 40px; max-width: 600px; } } .woocommerce-order-received__bank-details-content strong { font-weight: 700; } .woocommerce-order-received__bank-details-title { font-size: 16px; font-weight: 700; line-height: 1.2; color: #1a1a1a; margin-bottom: 15px; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__bank-details-title { font-size: 18px; margin-bottom: 20px; } } .woocommerce-order-received__bank-details-content p { font-size: 14px; line-height: 1.5; margin-bottom: 10px; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__bank-details-content p { font-size: 15px; } } .woocommerce-order-received__bank-details-list { list-style: none; padding: 0; margin-top: 15px; } .woocommerce-order-received__bank-details-list li { padding: 15px; background-color: #ffffff; border-radius: 5px; margin-bottom: 10px; font-size: 14px; line-height: 1.5; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__bank-details-list li { font-size: 15px; padding: 20px; } } .woocommerce-order-received__bank-details-list li strong { font-weight: 700; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__order-details { position: relative; flex: 1; background-color: #f3f3f3; } } @media only screen and (min-width: 1200px) { .woocommerce-order-received__order-details::after { content: ""; display: block; position: absolute; top: 0; right: -900px; width: 1000px; height: 100%; background-color: #f3f3f3; z-index: -1; } } .woocommerce-order-received__products { padding: 30px 15px; background-color: #f3f3f3; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__products { padding: 83px 0 0 40px; } } @media only screen and (min-width: 1440px) { .woocommerce-order-received__products { padding: 83px 0 0 70px; } } @media only screen and (min-width: 1600px) { .woocommerce-order-received__products { padding: 83px 0 0 125px; } } .woocommerce-order-received__products-title-wrapper { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 10px; } .woocommerce-order-received__products-title { font-size: 15px; font-weight: 400; line-height: 1.2; color: rgba(26, 26, 26, 0.7); } @media only screen and (min-width: 1200px) { .woocommerce-order-received__products-title { font-size: 16px; } } .woocommerce-order-received__product { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; padding: 16px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce-order-received__product img { width: 35px; height: 35px; border-radius: 2px; object-fit: cover; } .woocommerce-order-received__product-name, .woocommerce-order-received__product-price { font-size: 15px; font-weight: 700; line-height: 1.2; color: #1a1a1a; max-width: 150px; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__product-name, .woocommerce-order-received__product-price { font-size: 18px; max-width: 300px; } } .woocommerce-order-received__product-price { max-width: unset; } .woocommerce-order-received__summary-row { display: flex; justify-content: space-between; padding-block: 15px; font-size: 15px; line-height: 1.2; color: #1a1a1a; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 1200px) { .woocommerce-order-received__summary-row { font-size: 18px; } } .woocommerce-order-received__summary-row:not(:last-child) { color: rgba(26, 26, 26, 0.6); } .woocommerce-order-received__summary-row:first-child { border-top: none; } .woocommerce-order-received__summary-row-left--bold { font-weight: 700; color: #1a1a1a; } .woocommerce-order-received__summary-row-right { font-weight: 700; color: #1a1a1a; } .woocommerce-order-received__summary-row-right--total { font-weight: 700; color: #1a1a1a; font-size: 18px; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__summary-row-right--total { font-size: 22px; } } .woocommerce-order-received__summary-row-wrapper { display: flex; flex-direction: column; gap: 4px; } .woocommerce-order-received__addresses { background: #ffffff; padding: 25px 15px 0; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__addresses { display: flex; gap: 80px; } } .woocommerce-order-received__addresses-title { font-size: 15px; font-weight: 700; line-height: 1.5; color: #1a1a1a; margin-bottom: 5px; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__addresses-title { font-size: 18px; margin-bottom: 1px; } } .woocommerce-order-received__addresses-box:not(:last-child) { margin-bottom: 35px; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__addresses-box:not(:last-child) { margin-bottom: 0; } } .woocommerce-order-received__addresses-box-text { font-size: 14px; line-height: 1.5; color: #1a1a1a; } @media only screen and (min-width: 1200px) { .woocommerce-order-received__addresses-box-text { font-size: 16px; } } .error404 .entry { padding-inline: 15px; width: 100%; margin-inline: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-block: 50px 100px; } @media only screen and (min-width: 1200px) { .error404 .entry { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .error404 .entry { max-width: 1268px; } } @media only screen and (min-width: 768px) { .error404 .entry { min-height: 587px; } } .error404 .entry > img { margin-bottom: 24px; max-width: 241px; } @media only screen and (min-width: 768px) { .error404 .entry > img { max-width: 425px; } } @media only screen and (min-width: 1200px) { .error404 .entry > img { margin-bottom: 30px; } } .error404 .entry-text { color: #1a1a1a; font-weight: 700; font-size: 35px; line-height: 1.2; margin-bottom: 24px; text-align: center; } @media only screen and (min-width: 1200px) { .error404 .entry-text { font-size: 60px; margin-bottom: 35px; } } .error404 .entry-content { width: 100%; } .error404 .entry-content > p { display: grid; place-items: center; width: 100%; } .search-results.woocommerce .woocommerce-products-header > h1 { text-align: center; font-size: 41px; line-height: 41px; } .search-results.woocommerce .woocommerce-result-count { text-align: center; width: 100% !important; margin-block: 24px 14px; font-size: 27px; line-height: 33px; font-family: "RedHatDisplay", sans-serif; font-weight: 800; color: #1a1a1a; border-bottom: 1px solid #818181; padding-bottom: 14px; } @media only screen and (min-width: 1200px) { .search-results.woocommerce .woocommerce-result-count { border-bottom: unset !important; padding-bottom: unset !important; margin-block: 32px 86px !important; } } .search-results.woocommerce .site-inner { padding-inline: 15px; width: 100%; margin-inline: auto; padding-block: 12px 20px; } @media only screen and (min-width: 1200px) { .search-results.woocommerce .site-inner { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .search-results.woocommerce .site-inner { max-width: 1268px; } } @media only screen and (min-width: 1200px) { .search-results.woocommerce .site-inner { padding-block: 82px 100px; } } .search-results.woocommerce ul.products { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; } @media only screen and (min-width: 1200px) { .search-results.woocommerce ul.products { grid-template-columns: repeat(4, 1fr); gap: 20px; } } .search-results.woocommerce ul.products::before, .search-results.woocommerce ul.products::after { display: none !important; } .search-results.woocommerce ul.products li.product { height: max-content !important; } @media only screen and (min-width: 1200px) { .search-results.woocommerce ul.products li.product { width: 253px !important; } } .search-results.woocommerce ul.products li.product .woocommerce-loop-product__title, .search-results.woocommerce ul.products li.product .price { text-align: center !important; max-width: unset !important; position: static; color: #1a1a1a !important; font-size: 16px !important; line-height: 23px !important; padding-top: 10px !important; margin: unset !important; } .search-results.woocommerce ul.products li.product .price bdi { text-align: center !important; max-width: unset !important; color: #1a1a1a !important; font-size: 23px !important; line-height: 32px !important; } .search-results.woocommerce ul.products li.product .price del { display: none !important; } .search-results.woocommerce ul.products li.product img { height: 175px !important; width: 100% !important; object-fit: cover !important; } @media only screen and (min-width: 1200px) { .search-results.woocommerce ul.products li.product img { height: 320px !important; width: 100% !important; } } .search-results.woocommerce ul.products li.product .button { text-align: center !important; max-width: unset !important; position: static !important; width: 100% !important; background-color: #1a1a1a !important; color: #ffffff !important; margin-inline: unset !important; margin-top: 10px !important; border-radius: 0 !important; border: 2px solid #1a1a1a !important; } @media only screen and (min-width: 1200px) { .search-results.woocommerce ul.products li.product .button:hover { background-color: #ffffff !important; color: #1a1a1a !important; } } .special-offer-page .entry-content { padding-block: 15px 60px; } @media only screen and (min-width: 1200px) { .special-offer-page .entry-content { padding-block: 40px 100px; } } .special-offer-page .entry-content > *:not(section) { padding-inline: 15px; width: 100%; margin-inline: auto; margin-block: 20px; } @media only screen and (min-width: 1200px) { .special-offer-page .entry-content > *:not(section) { max-width: 1518px; padding-inline: 24px; } } @media only screen and (min-width: 1200px) { .special-offer-page .entry-content > *:not(section) { max-width: 970px; padding-inline: 0; } } @media only screen and (min-width: 1200px) { .special-offer-page .entry-content > *:not(section) { margin-block: 24px; } } .special-offer-page .entry-content > h1, .special-offer-page .entry-content > h2 { font-size: 25px; line-height: 1.2; margin-block: 20px; font-weight: 700; } @media only screen and (min-width: 1200px) { .special-offer-page .entry-content > h1, .special-offer-page .entry-content > h2 { font-size: 45px; } } .special-offer-page .entry-content > h3, .special-offer-page .entry-content > h4, .special-offer-page .entry-content > h5, .special-offer-page .entry-content > h6 { font-weight: 800; } .special-offer-page .entry-content > h3 { font-size: 18px; line-height: 1.2; } @media only screen and (min-width: 1200px) { .special-offer-page .entry-content > h3 { font-size: 22px; } } .special-offer-page .entry-content > h4 { font-size: 16px; line-height: 1.2; } @media only screen and (min-width: 1200px) { .special-offer-page .entry-content > h4 { font-size: 18px; } } .special-offer-page .entry-content > h5 { font-size: 14px; line-height: 1.2; } @media only screen and (min-width: 1200px) { .special-offer-page .entry-content > h5 { font-size: 16px; } } .special-offer-page .entry-content > h6 { font-size: 12px; line-height: 1.2; } @media only screen and (min-width: 1200px) { .special-offer-page .entry-content > h6 { font-size: 14px; } } .special-offer-page .entry-content > p { font-size: 16px; line-height: 1.4; } @media only screen and (min-width: 1200px) { .special-offer-page .entry-content > p { font-size: 18px; } } .special-offer-page .entry-content a { text-decoration: underline; } .special-offer-page .entry-content a:hover { color: #2675cc; } .special-offer-page .entry-content ul { list-style-type: disc; list-style-position: inside; } .special-offer-page .entry-content ul > li::marker { color: #4c9bf2; } .special-offer-page .entry-content strong { font-weight: 700; } .special-offer-page .entry-content em { font-style: italic; } .special-offer-page .entry-content .wp-block-image > img { height: auto; width: 100%; border-radius: 5px; } @media only screen and (min-width: 1200px) { .special-offer-page .entry-content .wp-block-image > img { border-radius: 10px; } } /*# sourceMappingURL=main.min.60154ac09d7e3a6ce17b.css.map*/