/** Shopify CDN: Minification failed Line 6675:27 The "-" operator only works if there is whitespace on both sides **/ @charset "UTF-8"; /** Import config */ /** breakpoints.scss */ /* Media queries with these breakpoints kick in as soon as a certain screen width is reached. A larger breakpoint overrides all smaller ones. Example: $bp-m is active "from screen size m and up". */ /** slick.css **/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /** slick-theme.min.css **/ .slick-loading .slick-list { background: white url(ajax-loader.gif) center center no-repeat; } @font-face { font-family: slick; font-weight: 400; font-style: normal; src: url(fonts/slick.eot); src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg"); } .slick-next, .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: 0; background: 0 0; } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { color: transparent; outline: 0; background: 0 0; } .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1; } .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: .25; } .slick-next:before, .slick-prev:before { font-family: slick; font-size: 20px; line-height: 1; opacity: .75; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir=rtl] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir=rtl] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir=rtl] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir=rtl] .slick-next:before { content: '←'; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0; } .slick-dots li button:focus, .slick-dots li button:hover { outline: 0; } .slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1; } .slick-dots li button:before { font-family: slick; font-size: 20px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: #000; } /** colors.scss */ /** typography.scss */ @font-face { font-family: 'Cooper BT'; font-style: normal; src: local("Cooper BT Std Light"), local("Cooper-BT-Std-Light"), url("//seven-sundays.shop/cdn/shop/t/9/assets/313faf7f-c695-4da8-aa44-5e7881466d2c.eot?v=102073674657666323231611167052"); src: local("Cooper BT Std Light"), local("Cooper-BT-Std-Light"), url("//seven-sundays.shop/cdn/shop/t/9/assets/313faf7f-c695-4da8-aa44-5e7881466d2c.eot?v=102073674657666323231611167052") format("eot"), url("//seven-sundays.shop/cdn/shop/t/9/assets/d02e214c-1036-412c-a19c-71c32739a0da.woff2?v=102151193318867619791611167063") format("woff2"), url("//seven-sundays.shop/cdn/shop/t/9/assets/05fbaea7-e813-47a1-a9cb-8bbad7e9ebb7.woff?v=180164750921113872321611167050") format("woff"), url("//seven-sundays.shop/cdn/shop/t/9/assets/22d3477e-bb6a-495e-932b-6614c48fabb3.ttf?v=83707272624513656601611167051") format("truetype"); font-display: swap; } @font-face { font-family: 'Cooper BT Italic'; font-style: normal; src: local("Cooper BT Std Light Italic"), local("Cooper-BT-Std-Light-Italic"), url("//seven-sundays.shop/cdn/shop/t/9/assets/ec6ba93c-cf91-443f-a55c-0da24e12501c.eot?v=137797292455412010901611167064"); src: local("Cooper BT Std Light Italic"), local("Cooper-BT-Std-Light-Italic"), url("//seven-sundays.shop/cdn/shop/t/9/assets/ec6ba93c-cf91-443f-a55c-0da24e12501c.eot?v=137797292455412010901611167064") format("eot"), url("//seven-sundays.shop/cdn/shop/t/9/assets/6bc24c95-48a8-445f-8ff8-3455b0dada37.woff2?v=16102267186006801611167053") format("woff2"), url("//seven-sundays.shop/cdn/shop/t/9/assets/ba8032ed-cc7d-4b79-8613-f9e29aa2254f.woff?v=107129235033884836131611167061") format("woff"), url("//seven-sundays.shop/cdn/shop/t/9/assets/5c30cecd-ba64-4c5a-8539-cfce1547debc.ttf?v=128333677141059436241611167052") format("truetype"); font-display: swap; } @font-face { font-family: "BasisGrotesqueArabicPro"; src: url(//seven-sundays.shop/cdn/shop/t/9/assets/BasisGrotesqueArabicPro-Regular.woff?v=13559789003373694651697380136) format("woff"), url(//seven-sundays.shop/cdn/shop/t/9/assets/BasisGrotesqueArabicPro-Regular.woff2?v=5055444780859292081697380136) format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "BasisGrotesqueArabicPro"; src: url(//seven-sundays.shop/cdn/shop/t/9/assets/BasisGrotesqueArabicPro-Bold.woff?v=105756158786706207261697380135) format("woff"), url(//seven-sundays.shop/cdn/shop/t/9/assets/BasisGrotesqueArabicPro-Bold.woff2?v=25172960933597955931697380135) format("woff2"), url(//seven-sundays.shop/cdn/shop/t/9/assets/BasisGrotesqueArabicPro-Bold.ttf?v=115427739866006628911698191146) format("truetype"); font-weight: bold; font-display: swap; } @font-face { font-family: "GesturaDisplay"; src: url(//seven-sundays.shop/cdn/shop/t/9/assets/GesturaDisplay-Semibold.woff?v=5600497438078379581697380137) format("woff"), url(//seven-sundays.shop/cdn/shop/t/9/assets/GesturaDisplay-Semibold.woff2?v=113645679202100546331697380137) format("woff2"), url(//seven-sundays.shop/cdn/shop/t/9/assets/GesturaDisplay-Semibold.otf?v=160796394656046830731698191145) format("opentype"); font-display: swap; font-weight: 600; } .font-roboto { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; } .font-cooper { font-family: 'Cooper BT', serif; font-style: normal; font-stretch: normal; font-weight: normal; } .text-small { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; } .caption { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; font-size: 12px; line-height: 21px; } .caption-l { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; font-size: 14px; line-height: 21px; } em { font-family: 'Cooper BT Italic', serif; font-style: normal; font-stretch: normal; font-weight: normal; } /** Import core */ /** reset.scss */ address, article, aside, audio, body, blockquote, canvas, cite, dd, details, dl, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, input, main, menu, nav, ol, output, p, pre, section, summary, table, ul, video { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; } a { text-decoration: none; } /** layout.scss */ .page-container, .breadcrumbs, .cta__wrapper, .footer__wrapper, .header__logo, .hero__wrapper, [menu-scroll], .metamenu__wrapper, .section__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 0 1rem; margin: 0 auto; min-width: 320px; width: calc(90% + 32px); } /* @media only screen and (min-width: 375px) { .page-container, .breadcrumbs, .cta__wrapper, .footer__wrapper, .header__logo, .hero__wrapper, [menu-scroll], .metamenu__wrapper, .section__wrapper { width: 375px; } } @media only screen and (min-width: 500px) { .page-container, .breadcrumbs, .cta__wrapper, .footer__wrapper, .header__logo, .hero__wrapper, [menu-scroll], .metamenu__wrapper, .section__wrapper { width: 500px; } } @media only screen and (min-width: 768px) { .page-container, .breadcrumbs, .cta__wrapper, .footer__wrapper, .header__logo, .hero__wrapper, [menu-scroll], .metamenu__wrapper, .section__wrapper { width: 750px; } } @media only screen and (min-width: 992px) { .page-container, .breadcrumbs, .cta__wrapper, .footer__wrapper, .header__logo, .hero__wrapper, [menu-scroll], .metamenu__wrapper, .section__wrapper { width: 93.75rem; } } @media only screen and (min-width: 1292px) { .page-container, .breadcrumbs, .cta__wrapper, .footer__wrapper, .header__logo, .hero__wrapper, [menu-scroll], .metamenu__wrapper, .section__wrapper { width: 1292px; } }*/ .page-container > .h1, .breadcrumbs > .h1, .cta__wrapper > .h1, .footer__wrapper > .h1, .header__logo > .h1, .hero__wrapper > .h1, [menu-scroll] > .h1, .metamenu__wrapper > .h1, .section__wrapper > .h1 { margin: 4rem 0 2rem; } @media only screen and (min-width: 768px) { .page-container > .h1, .breadcrumbs > .h1, .cta__wrapper > .h1, .footer__wrapper > .h1, .header__logo > .h1, .hero__wrapper > .h1, [menu-scroll] > .h1, .metamenu__wrapper > .h1, .section__wrapper > .h1 { margin: 8rem 0 4rem; } } .page-container .h1 + .section, .breadcrumbs .h1 + .section, .cta__wrapper .h1 + .section, .footer__wrapper .h1 + .section, .header__logo .h1 + .section, .hero__wrapper .h1 + .section, [menu-scroll] .h1 + .section, .metamenu__wrapper .h1 + .section, .section__wrapper .h1 + .section { margin: 4rem 0 4rem; } @media only screen and (min-width: 768px) { .page-container .h1 + .section, .breadcrumbs .h1 + .section, .cta__wrapper .h1 + .section, .footer__wrapper .h1 + .section, .header__logo .h1 + .section, .hero__wrapper .h1 + .section, [menu-scroll] .h1 + .section, .metamenu__wrapper .h1 + .section, .section__wrapper .h1 + .section { margin: 8rem 0 8rem; } } .page-container > .h3, .breadcrumbs > .h3, .cta__wrapper > .h3, .footer__wrapper > .h3, .header__logo > .h3, .hero__wrapper > .h3, [menu-scroll] > .h3, .metamenu__wrapper > .h3, .section__wrapper > .h3, .article__body.page-container > h3, .article__body.breadcrumbs > h3, .article__body.cta__wrapper > h3, .article__body.footer__wrapper > h3, .article__body.header__logo > h3, .article__body.hero__wrapper > h3, .article__body[menu-scroll] > h3, .article__body.metamenu__wrapper > h3, .article__body.section__wrapper > h3, .productHeader .page-container > .h1 + p, .productHeader .breadcrumbs > .h1 + p, .productHeader .cta__wrapper > .h1 + p, .productHeader .footer__wrapper > .h1 + p, .productHeader .header__logo > .h1 + p, .productHeader .hero__wrapper > .h1 + p, .productHeader [menu-scroll] > .h1 + p, .productHeader .metamenu__wrapper > .h1 + p, .productHeader .section__wrapper > .h1 + p { margin: 0 0 1.5rem; } .page-container > iframe, .breadcrumbs > iframe, .cta__wrapper > iframe, .footer__wrapper > iframe, .header__logo > iframe, .hero__wrapper > iframe, [menu-scroll] > iframe, .metamenu__wrapper > iframe, .section__wrapper > iframe { margin-bottom: 4rem; } @media only screen and (min-width: 768px) { .page-container > iframe, .breadcrumbs > iframe, .cta__wrapper > iframe, .footer__wrapper > iframe, .header__logo > iframe, .hero__wrapper > iframe, [menu-scroll] > iframe, .metamenu__wrapper > iframe, .section__wrapper > iframe { margin-bottom: 8rem; } } .legal > * { margin-bottom: 1.5rem; } .legal h2 { margin: 3rem 0 1.5rem; } .legal ul { margin: 1rem 0 1.5rem !important; } .legal a, .legal a:link, .legal a:visited { color: #E7D39A; -webkit-text-decoration-color: #E7D39A; text-decoration-color: #E7D39A; text-decoration: underline; word-break: break-word; } .legal a:hover, .legal a:active, .legal a:link:hover, .legal a:link:active, .legal a:visited:hover, .legal a:visited:active { text-decoration: none; } .page-container .h1 + .error, .breadcrumbs .h1 + .error, .cta__wrapper .h1 + .error, .footer__wrapper .h1 + .error, .header__logo .h1 + .error, .hero__wrapper .h1 + .error, [menu-scroll] .h1 + .error, .metamenu__wrapper .h1 + .error, .section__wrapper .h1 + .error { margin-bottom: 4rem; } .page-container .h1 + .error .h2, .breadcrumbs .h1 + .error .h2, .cta__wrapper .h1 + .error .h2, .footer__wrapper .h1 + .error .h2, .header__logo .h1 + .error .h2, .hero__wrapper .h1 + .error .h2, [menu-scroll] .h1 + .error .h2, .metamenu__wrapper .h1 + .error .h2, .section__wrapper .h1 + .error .h2, .page-container .h1 + .error .article__body > h2, .breadcrumbs .h1 + .error .article__body > h2, .cta__wrapper .h1 + .error .article__body > h2, .footer__wrapper .h1 + .error .article__body > h2, .header__logo .h1 + .error .article__body > h2, .hero__wrapper .h1 + .error .article__body > h2, [menu-scroll] .h1 + .error .article__body > h2, .metamenu__wrapper .h1 + .error .article__body > h2, .section__wrapper .h1 + .error .article__body > h2 { margin-bottom: 1.5rem; } .page-container .h1 + .error p, .breadcrumbs .h1 + .error p, .cta__wrapper .h1 + .error p, .footer__wrapper .h1 + .error p, .header__logo .h1 + .error p, .hero__wrapper .h1 + .error p, [menu-scroll] .h1 + .error p, .metamenu__wrapper .h1 + .error p, .section__wrapper .h1 + .error p { margin-bottom: 1.5rem; } @media only screen and (min-width: 768px) { .page-container .h1 + .error, .breadcrumbs .h1 + .error, .cta__wrapper .h1 + .error, .footer__wrapper .h1 + .error, .header__logo .h1 + .error, .hero__wrapper .h1 + .error, [menu-scroll] .h1 + .error, .metamenu__wrapper .h1 + .error, .section__wrapper .h1 + .error { margin-bottom: 8rem; } } /** root.scss */ html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -webkit-font-kerning: auto; font-kerning: auto; font-size: 16px; text-rendering: optimizeLegibility; } body { // font-family: var(--ff-1); font-family: var(--ff-1); font-stretch: normal; font-style: normal; font-weight: normal; font-size: 20px; line-height: 30px; -webkit-font-smoothing: antialiased; background-color: #f1ede5; color: #0E1D2C; overflow-x: hidden; position: relative; } @media only screen and (min-width: 992px) { body { line-height: 35px; } } body.body--dark { background-color: #1a1f29; color: #f8f6f2; } body.body--dark .breadcrumbs a { color: #f8f6f2; } body.body--dark .grid__item { border-color: #f8f6f2; } main[role="main"] { padding-top: 159px; } @media (max-width: 991px) { main[role="main"] { padding-top: 147px; } } @media (max-width: 767px) { main[role="main"] { padding-top: 42px; } } .template-collection main[role="main"] { padding-top: 211px; } @media (max-width: 767px) { .template-collection main[role="main"] { padding-top: 92px; } } body.single main[role="main"] { padding-top: 227px; } @media only screen and (min-width: 992px) { body.single main[role="main"] { padding-top: 175px; } } /** styles for Mattresses, Pillows and Company pages (DE and EN) */ body.page-id-51 main[role="main"], body.page-id-189 main[role="main"], body.page-id-92 main[role="main"], body.page-id-2120 main[role="main"], body.page-id-2122 main[role="main"], body.page-id-2130 main[role="main"] { padding-top: 230px; } img { display: block; max-width: 100%; } ::-moz-selection { background: #cfd7e9; color: inherit; } ::selection { background: #cfd7e9; color: inherit; } /** Import helpers */ .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 2rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-6 { margin-top: 3rem !important; } html { visibility: visible; opacity: 1; } .no-js { visibility: hidden; opacity: 0; } .js { visibility: visible; opacity: 1; } /** positionning.scss */ .top-0 { top: 0; } .bottom-0 { bottom: 0; } .left-0 { left: 0; } .right-0 { right: 0; } /* learn more bout smooth linear gradients: https://css-tricks.com/easing-linear-gradients/ */ /** Import plugins */ .slick-next:before, .slick-prev:before { font-size: 45px; color: #ffffffa8; } .slick-next, .slick-prev { width: 40px; height: 40px; margin-top: -10%; z-index: 2; } .slick-next { right: 0; } .slick-next:before { content: " "; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTcuMjkzLjI5M2ExIDEgMCAwMTEuNDE0IDBsNyA3QTEuMDA2IDEuMDA2IDAgMDExNiA4bC0uMDA0LS4wODYuMDAzLjA1NEwxNiA4YTEuMDE4IDEuMDE4IDAgMDEtLjE0Ni41MiAxLjAzNSAxLjAzNSAwIDAxLS4xNDcuMTg3bC4wOC0uMDlhMS4wMDMgMS4wMDMgMCAwMS0uMDA3LjAwOGwtLjA3My4wODItNyA3YTEgMSAwIDExLTEuNDE0LTEuNDE0TDEyLjU4NSA5SDFhMSAxIDAgMDEtLjk5My0uODgzTDAgOGExIDEgMCAwMTEtMWgxMS41ODVMNy4yOTMgMS43MDdBMSAxIDAgMDE3LjIxLjM4N3oiIGZpbGw9IiMxQTFGMjkiIGZpbGwtcnVsZT0ibm9uemVybyIvPgo8L3N2Zz4K"); background-repeat: no-repeat; height: 16px; width: 16px; position: absolute; right: 0; } .slick-prev { left: 0; } .slick-prev:before { content: " "; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTguNzA3LjI5M2ExIDEgMCAwMC0xLjQxNCAwbC03IDdBMS4wMDYgMS4wMDYgMCAwMDAgOGwuMDA0LS4wODZBMS4wMDYgMS4wMDYgMCAwMDAgNy45NjhMMCA4YTEuMDE4IDEuMDE4IDAgMDAuMTQ2LjUyIDEuMDM1IDEuMDM1IDAgMDAuMTQ3LjE4N2wtLjA4LS4wOS4wMDcuMDA4LjA3My4wODIgNyA3YTEgMSAwIDEwMS40MTQtMS40MTRMMy40MTUgOUgxNWExIDEgMCAwMC45OTMtLjg4M0wxNiA4YTEgMSAwIDAwLTEtMUgzLjQxNWw1LjI5Mi01LjI5M0ExIDEgMCAwMDguNzkuMzg3eiIgZmlsbD0iIzFBMUYyOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+Cjwvc3ZnPgo="); background-repeat: no-repeat; height: 16px; width: 16px; position: absolute; left: 0; } .slick-next, .slick-prev { top: auto; bottom: -70px; margin: 0; color: #1a1f29; } .slick-next:before, .slick-next:after, .slick-prev:before, .slick-prev:after { color: #1a1f29; opacity: 0.2; } .slick-next:hover:before, .slick-next:hover:after, .slick-prev:hover:before, .slick-prev:hover:after { color: #1a1f29; } .slick-dots { bottom: -50px !important; } /* .section .slick-dotted.slick-slider { margin-bottom: 10.75rem; } */ .slick-dotted.slick-slider { margin-bottom: 0; } /** Import components */ /** accordion.scss */ .accordion { margin-top: 3.75rem; } @media only screen and (min-width: 992px) { .accordion { /*margin-top: 5rem; */ } } .h3 + .accordion, .article__body > h3 + .accordion, .productHeader .h1 + p + .accordion { margin-top: 0; } .accordion__item { position: relative; } .accordion__toggle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #0e1d2c; border-bottom: 1px solid #f8f6f2 !important; padding: 0 40px 0 20px; border: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 90px; outline: none !important; position: relative; text-align: left; -webkit-transition: 0.2s; transition: 0.2s; width: 100%; } .accordion__toggle .h3 { color: #f8f6f2; } .accordion__toggle.active + .accordion__content { -webkit-transition: 0.4s ease; transition: 0.4s ease; } .accordion__toggle.active .accordion__toggle__icon { transform: rotate(180deg); } .accordion__toggle.active .accordion__toggle__icon::before { /*content: url("data:image/svg+xml;utf8,"); */ } .accordion__icon { display: block; margin-right: 1rem; width: 48px; } @media only screen and (min-width: 768px) { .accordion__icon { margin-right: 2rem; /*width: auto; */ } } .accordion__content { -webkit-transition: max-height 0.3s ease-out; transition: max-height 0.3s ease-out; } .accordion__content > div { display: block; } .accordion__content > div .accordion__media { display: block; padding: 0 0 2rem 0; } @media only screen and (min-width: 992px) { .accordion__content > div .accordion__media { padding: 0 2rem 0 0; } } .accordion__content > div .accordion__media, .accordion__content > div .accordion__media + p { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media only screen and (min-width: 992px) { .accordion__content > div .accordion__media, .accordion__content > div .accordion__media + p { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: calc(50% - 1rem); } } @media only screen and (min-width: 992px) { .accordion__content > div { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; } } .accordion__toggle__icon { background: #faf6f2; border-radius: 100%; bottom: 0; font-size: 22px; height: 40px; line-height: 37px; margin: auto auto; position: absolute; right: 20px; text-align: center; top: 0; transition: all 0.3s; width: 40px; } .accordion__toggle__icon:before { content: url("data:image/svg+xml;utf8,"); top: 0.45rem; position: relative; } .page--dark .accordion .accordion__toggle { color: #fff; border-bottom: 1px solid #fff !important; } .page--dark .accordion .accordion__toggle.active + .accordion__content { border-bottom: 4px solid #fff; } .page--dark .accordion .accordion__toggle.active .accordion__toggle__icon::before { /*content: url("data:image/svg+xml;utf8,"); */ } .page--dark .accordion .accordion__toggle__icon { background: rgba(255, 255, 255, 0); border: 1px solid #fff; } .page--dark .accordion .accordion__toggle__icon::before { content: url("data:image/svg+xml;utf8,"); } .accordion__content > div.accordion__nested { padding: 2rem 0 0; display: block; } .accordion__content > div.accordion__nested > *:only-child { padding-bottom: 2rem; } .accordion--nested { margin-top: 1.5rem; } .accordion--nested .accordion__content { margin-top: -9px; } .accordion--nested .accordion__content p { padding: 2rem 0; } .accordion--nested .accordion__toggle { min-height: 80px; border-bottom: 1px solid #898a8d !important; } .accordion--nested .accordion__toggle.active + .accordion__content { border-bottom: 4px solid #898a8d; } .accordion--nested .fa.accordion__toggle__icon { border: none; } .accordion--nested .h5, .accordion--nested .article__body > h5 { // font-family: 'Roboto', sans-serif; font-family: var(--ff-1); font-stretch: normal; font-style: normal; font-weight: normal; } .mobile-nav .mobile-nav__accordion .mobile-nav__item.mobile-nav__item--invert .mobile-nav__item__link.active span { color: #DE702E; } /** ad.scss */ .ad { -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; width: 279px; max-width: 279px; padding: 1.75rem 1rem 1rem 1rem; overflow: hidden; position: relative; } .ad .h2, .ad .article__body > h2 { color: #E7D39A; text-align: center; line-height: 48px !important; padding-bottom: 21rem; } .ad__logo { text-align: center; display: block; margin-bottom: 1.5rem; } .ad__media { position: absolute; bottom: 0; left: 0; height: 372px; } .ad__media img { display: block; -o-object-fit: cover; object-fit: cover; min-height: 100%; } .ad .button { display: block; } .ad--horizontal { margin-top: 2rem; min-width: 100%; width: 100%; } @media only screen and (min-width: 450px) { .ad--horizontal { height: auto; } } .ad--horizontal .h2, .ad--horizontal .article__body > h2, .ad--horizontal .ad__logo, .ad--horizontal .button { width: 100%; } @media only screen and (min-width: 450px) { .ad--horizontal .h2, .ad--horizontal .article__body > h2, .ad--horizontal .ad__logo, .ad--horizontal .button { width: 50%; } } .ad--horizontal .h2, .ad--horizontal .article__body > h2 { padding-bottom: 21rem; } @media only screen and (min-width: 450px) { .ad--horizontal .h2, .ad--horizontal .article__body > h2 { padding-bottom: 4rem; } } .ad--horizontal .ad__media { left: 0; height: 372px; } @media only screen and (min-width: 450px) { .ad--horizontal .ad__media { height: 100%; right: 0; left: initial; width: calc(50% - 1rem); } } /** adarticle.scss */ .adArticle { border-top: solid 2px #E7D39A; border-bottom: solid 2px #E7D39A; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 0; margin: 2rem 0 2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 576px) { .adArticle { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 4rem 0 4rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .adArticle__media { min-width: 13.75rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: start; align-self: flex-start; margin: 0 auto; } .adArticle__media img { display: block; width: 100%; } .adArticle__copy { text-align: center; margin: 1.5rem 0; -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } .adArticle__copy .h3, .adArticle__copy .article__body > h3, .adArticle__copy .productHeader .h1 + p, .productHeader .adArticle__copy .h1 + p { margin-bottom: 0.25rem; } @media only screen and (min-width: 576px) { .adArticle__copy { text-align: left; margin: 0 1rem; } } .adArticle .button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /** article.scss */ .article__body > p { font-size: 18px; line-height: 30px; margin-bottom: 1rem; } .article__body > p a { color: #E7D39A; } .article__body .ftnref { color: #E7D39A; display: inline; font-size: 14px; position: relative; text-decoration: none; top: -5px; } .article__body > h2 { margin: 3rem 0 1.5rem; } .article__body > h2:first-child { margin: 0 0 1.5rem; } @media only screen and (min-width: 768px) { .article__body > h2:first-child { margin: 0 0 2rem; } } @media only screen and (min-width: 768px) { .article__body > h2 { margin: 6rem 0 2rem; } } .article__body > h3 { margin: 2rem 0 1rem; } @media only screen and (min-width: 768px) { .article__body > h3 { margin: 4rem 0 1.5rem; } } .article__body > h4 { margin: 1.5rem 0 1rem; } @media only screen and (min-width: 768px) { .article__body > h4 { margin: 3rem 0 1.5rem; } } .article__body > h5 { margin: 1.5rem 0 1rem; } .article__body > ul { margin: 1rem 0 1rem !important; } .article__body .orderlist { margin: 2rem 0 2rem; } @media only screen and (min-width: 768px) { .article__body .orderlist { margin: 4rem 0 4rem; } } .article__body .accordion { margin: 1rem 0 2rem; } @media only screen and (min-width: 768px) { .article__body .accordion { margin: 2rem 0 4rem; } } .article__body .infoBox { margin: 2rem 0 2rem; } @media only screen and (min-width: 768px) { .article__body .infoBox { margin: 4rem 0 4rem; } } .article__body > *:last-child { margin-bottom: 4rem !important; } .article__title { background: #faf6f2; position: relative; -webkit-transform: translateY(-1rem); transform: translateY(-1rem); padding: 1rem 1rem 0 1rem; text-align: center; margin: 0 1rem; } .article__title .h3, .article__title .article__body > h3, .article__title .productHeader .h1 + p, .productHeader .article__title .h1 + p { margin-top: 3.5rem; } @media only screen and (min-width: 374px) { .article__title { padding: 1.5rem 1.5rem 0 1.5rem; margin: 0 1.5rem; } } @media only screen and (min-width: 768px) { .article__title { // -webkit-transform: translateY(-7.75rem); // transform: translateY(-7.75rem); padding: 3rem 3rem 0 3rem; margin: 0 6.5rem; } } .article__footer > div:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 2rem; border-top: solid 4px #1a1f29; } @media only screen and (min-width: 576px) { .article__footer > div:first-of-type { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .article__author p:first-of-type { font-family: var(--ff-1); font-stretch: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; } .article__footnotes { margin-top: 2rem; } .article__footnotes > p:first-of-type { font-family: var(--ff-1); font-stretch: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 0.5rem; } .page--dark .section .article__title { background: #1a1f29; } .page--dark .section .article ul li::before { color: #fff; } .page--dark .section .article__footer > div { border-color: #fff; } .page--dark .section .footnotes svg path { fill: #fff; } /** blocklist.scss */ .blockList__item:not(:last-child) { margin-bottom: 2.5rem; } @media only screen and (min-width: 768px) { .blockList__item:not(:last-child) { margin-bottom: 4rem; } } .blockList__item .h3, .blockList__item .article__body > h3, .blockList__item .productHeader .h1 + p, .productHeader .blockList__item .h1 + p { border-bottom: 1px solid #1a1f29 !important; margin-bottom: 1.5rem; padding-bottom: 1rem; } .blockList__body { display: block; } .blockList__body img { display: inline-block; padding-right: 0; margin-bottom: 1.5rem; } @media only screen and (min-width: 992px) { .blockList__body img { margin-bottom: 0; padding-right: 1rem; } } .blockList__body p { padding-left: 0; } @media only screen and (min-width: 992px) { .blockList__body p { padding-left: 1rem; } } @media only screen and (min-width: 992px) { .blockList__body > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 992px) { .blockList__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } /** blockquote.scss */ .blockquote { position: relative; } div + .blockquote { margin-top: 2.5rem; } @media only screen and (min-width: 992px) { div + .blockquote { margin-top: 5rem; } } .blockquote .h3, .blockquote .article__body > h3, .blockquote .productHeader .h1 + p, .productHeader .blockquote .h1 + p { margin-bottom: 1.5rem; font-style: italic; } @media only screen and (min-width: 992px) { .blockquote .h3, .blockquote .article__body > h3, .blockquote .productHeader .h1 + p, .productHeader .blockquote .h1 + p { margin-bottom: 2rem; } } .blockquote__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 992px) { .blockquote__body { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .blockquote__quote { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .blockquote__quote p { -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 0; } @media only screen and (min-width: 992px) { .blockquote__quote p { margin-right: 25%; } } .blockquote__author { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (min-width: 992px) { .blockquote__author { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0; } } .blockquote__media { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .blockquote__media img { display: block; } @media only screen and (min-width: 992px) { .blockquote__media { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } } .blockquote__cite { bottom: -0.5rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-style: normal; margin: 0; position: relative; } .blockquote__cite p:first-of-type { font-weight: 500; } .blockquote__cite p + p { font-size: 16px; } @media only screen and (min-width: 992px) { .blockquote__cite { bottom: 0; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; margin: 1rem 0 0 0; } } .blockquote__media + .blockquote__cite { margin: 0 0 0 1.5rem; } @media only screen and (min-width: 992px) { .blockquote__media + .blockquote__cite { margin: 1rem 0 0 0; } } .blockquote__icon { position: relative; top: initial; left: initial; height: 72px; width: 72px; } .blockquote__icon::before { content: " "; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTExLjE3MiAwQzQuODYxIDAgMCA1LjA3IDAgMTEuMjg5djguNTczYzAgNi4yMiA0Ljg4NyAxMS4xNzIgMTEuMTcyIDExLjE3Mmg1LjkzNmMtLjgwMyA0LjkxNy0xLjk0OSA5LjQ4Mi0zLjQxNCAxNC41NDgtLjIxNy43NC40MyAxLjU5NyAxLjIwMyAxLjU5IDIuMDg0IDAgMy45MjMtMS4zODEgNS43MDItMy4yNTggMS43OC0xLjg3NyAzLjUxMi00LjM4NCA1LjA0My03LjEzOCAzLjA2NC01LjUwOSA1LjM5Mi0xMS45MTIgNS4zOTItMTYuNDFWMTEuMjlDMzEuMDM0IDUuMDY5IDI2LjE3NCAwIDE5Ljg2MiAwaC04LjY5em00MC45NjYgMGMtNi4zMTEgMC0xMS4xNzIgNS4wNy0xMS4xNzIgMTEuMjg5djguNTczYzAgNi4yMiA0Ljg4NiAxMS4xNzIgMTEuMTcyIDExLjE3Mmg1LjkzNWMtLjgwMiA0LjkxNy0xLjk0OCA5LjQ4Mi0zLjQxNCAxNC41NDgtLjIxNy43NC40MzEgMS41OTcgMS4yMDMgMS41OSAyLjA4NCAwIDMuOTIzLTEuMzgxIDUuNzAzLTMuMjU4IDEuNzc5LTEuODc3IDMuNTExLTQuMzg0IDUuMDQzLTcuMTM4QzY5LjY3IDMxLjI2NyA3MiAyNC44NjQgNzIgMjAuMzY2VjExLjI5QzcyIDUuMDY5IDY3LjEzOSAwIDYwLjgyOCAwaC04LjY5ek0xMS4xNzIgMi40ODNoOC42OWM0Ljk5NyAwIDguNjkgMy44NTQgOC42OSA4LjgwNnY5LjA3N2MwIDMuNTczLTIuMTY3IDkuOTY1LTUuMDgyIDE1LjIwNy0xLjQ1OCAyLjYyMi0zLjA5IDQuOTgzLTQuNjU1IDYuNjM0LS43My43Ny0xLjQ1NSAxLjMzNy0yLjA5NSAxLjc0NiAxLjMxNS00LjY5NSAyLjQzOC05LjEzNiAzLjE0Mi0xNC4wMDUuMDg4LS43LS41MzYtMS40MDItMS4yNDEtMS4zOTZoLTcuNDQ5Yy01LjAyMyAwLTguNjktMy43MzgtOC42OS04LjY5VjExLjI5YzAtNC45NTIgMy42OTMtOC44MDYgOC42OS04LjgwNnptNDAuOTY2IDBoOC42OWM0Ljk5NyAwIDguNjkgMy44NTQgOC42OSA4LjgwNnY5LjA3N2MwIDMuNTczLTIuMTY3IDkuOTY1LTUuMDgzIDE1LjIwNy0xLjQ1NyAyLjYyMi0zLjA5IDQuOTgzLTQuNjU1IDYuNjM0LS43My43Ny0xLjQ1NSAxLjMzNy0yLjA5NSAxLjc0NiAxLjMxNi00LjY5NSAyLjQzOC05LjEzNiAzLjE0My0xNC4wMDUuMDg4LS43LS41MzctMS40MDItMS4yNDItMS4zOTZoLTcuNDQ4Yy01LjAyMyAwLTguNjktMy43MzgtOC42OS04LjY5VjExLjI5YzAtNC45NTIgMy42OTMtOC44MDYgOC42OS04LjgwNnoiIGZpbGw9IiMxQTFGMjkiIGZpbGwtcnVsZT0ibm9uemVybyIvPgo8L3N2Zz4K"); background-repeat: no-repeat; height: 72px; width: 72px; position: absolute; top: 0; left: 0; } .blockquote.blockquote--invert .blockquote__quote { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .blockquote.blockquote--invert .blockquote__quote p { margin-right: 0; margin-left: 0; } @media only screen and (min-width: 992px) { .blockquote.blockquote--invert .blockquote__quote p { margin-left: 2rem; } } @media only screen and (min-width: 992px) { .blockquote.blockquote--invert .blockquote__quote { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .blockquote.blockquote--invert .blockquote__icon::before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzJweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNzIgNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYzLjEgKDkyNDUyKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5xdW90ZS1pY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Ikd1dGUtTmFjaHQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHdXRlLU5hY2h0LWJwLWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTIuMDAwMDAwLCAtMTAzMy4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iUXVvdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMi4wMDAwMDAsIDEwMjEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iSWNvbiI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLjE3MjQxMzgsMTIgQzQuODYwOTkzMSwxMiAtMS43NzYzNTY4NGUtMTQsMTcuMDY5NzkzMSAtMS43NzYzNTY4NGUtMTQsMjMuMjg4ODU1MiBMLTEuNzc2MzU2ODRlLTE0LDMxLjg2MjA2OSBDLTEuNzc2MzU2ODRlLTE0LDM4LjA4MTEzMSA0Ljg4NjkzNzkzLDQzLjAzNDQ4MjggMTEuMTcyNDEzOCw0My4wMzQ0ODI4IEwxNy4xMDc2OTY2LDQzLjAzNDQ4MjggQzE2LjMwNTE0NDgsNDcuOTUxMDg5NyAxNS4xNTkyMjc2LDUyLjUxNTg4OTcgMTMuNjkzOTAzNCw1Ny41ODE5NTg2IEMxMy40NzY5MTAzLDU4LjMyMjU2NTUgMTQuMTI0OTEwMyw1OS4xNzkzNjU1IDE0Ljg5NjU1MTcsNTkuMTcyNDU1OCBDMTYuOTgwOTUxNyw1OS4xNzI0NTU4IDE4LjgxOTY4MjgsNTcuNzkwNjM0NSAyMC41OTkyLDU1LjkxMzc5MzEgQzIyLjM3ODM0NDgsNTQuMDM2OTUxNyAyNC4xMTA2ODk3LDUxLjUzMDIzNDUgMjUuNjQyMTc5Myw0OC43NzU4NjIxIEMyOC43MDU2NTUyLDQzLjI2NzExNzIgMzEuMDM0NDgyOCwzNi44NjM1ODYyIDMxLjAzNDQ4MjgsMzIuMzY2MzE3MiBDMzEuMDM0NDgyOCwyOS4zNDA0NTUyIDMxLjAzNDQ4MjgsMjYuMzE0NzE3MiAzMS4wMzQ0ODI4LDIzLjI4ODg1NTIgQzMxLjAzNDQ4MjgsMTcuMDY5OTE3MiAyNi4xNzM0ODk3LDEyIDE5Ljg2MjA2OSwxMiBMMTEuMTcyNDEzOCwxMiBaIE01Mi4xMzc5MzEsMTIgQzQ1LjgyNjUxMDMsMTIgNDAuOTY1NTE3MiwxNy4wNjk3OTMxIDQwLjk2NTUxNzIsMjMuMjg4ODU1MiBMNDAuOTY1NTE3MiwzMS44NjIwNjkgQzQwLjk2NTUxNzIsMzguMDgxMTMxIDQ1Ljg1MjQ1NTIsNDMuMDM0NDgyOCA1Mi4xMzc5MzEsNDMuMDM0NDgyOCBMNTguMDczMjEzOCw0My4wMzQ0ODI4IEM1Ny4yNzA2NjIxLDQ3Ljk1MTA4OTcgNTYuMTI0NzQ0OCw1Mi41MTU4ODk3IDU0LjY1OTQyMDcsNTcuNTgxOTU4NiBDNTQuNDQyNDI3Niw1OC4zMjI1NjU1IDU1LjA5MDQyNzYsNTkuMTc5MzY1NSA1NS44NjIwNjksNTkuMTcyNDU1OCBDNTcuOTQ2NDY5LDU5LjE3MjQ1NTggNTkuNzg1Miw1Ny43OTA2MzQ1IDYxLjU2NDcxNzIsNTUuOTEzNzkzMSBDNjMuMzQzODYyMSw1NC4wMzY5NTE3IDY1LjA3NjIwNjksNTEuNTMwMjM0NSA2Ni42MDc2OTY2LDQ4Ljc3NTg2MjEgQzY5LjY3MTE3MjQsNDMuMjY3MTE3MiA3MiwzNi44NjM1ODYyIDcyLDMyLjM2NjMxNzIgQzcyLDI5LjM0MDQ1NTIgNzIsMjYuMzE0NzE3MiA3MiwyMy4yODg4NTUyIEM3MiwxNy4wNjk5MTcyIDY3LjEzOTAwNjksMTIgNjAuODI3NTg2MiwxMiBMNTIuMTM3OTMxLDEyIFogTTExLjE3MjQxMzgsMTQuNDgyNzU4NiBMMTkuODYyMDY5LDE0LjQ4Mjc1ODYgQzI0Ljg1OTExNzIsMTQuNDgyNzU4NiAyOC41NTE3MjQxLDE4LjMzNzI0MTQgMjguNTUxNzI0MSwyMy4yODg4NTUyIEMyOC41NTE3MjQxLDI2LjMxNDcxNzIgMjguNTUxNzI0MSwyOS4zNDA0NTUyIDI4LjU1MTcyNDEsMzIuMzY2MzE3MiBDMjguNTUxNzI0MSwzNS45Mzg2MzQ1IDI2LjM4NTI2OSw0Mi4zMzA4NjkgMjMuNDY5NzY1NSw0Ny41NzMyMTM4IEMyMi4wMTIyNjIxLDUwLjE5NDUxMDMgMjAuMzc5Niw1Mi41NTYzNTg2IDE4LjgxNDU5MzEsNTQuMjA2ODk2NiBDMTguMDg0MTY1NSw1NC45Nzc0MjA3IDE3LjM1OTk0NDgsNTUuNTQzNjEzOCAxNi43MTk4ODk3LDU1Ljk1MjUyNDEgQzE4LjAzNTI1NTIsNTEuMjU4MzcyNCAxOS4xNTc5NTg2LDQ2LjgxNzMzNzkgMTkuODYyMDY5LDQxLjk0ODI3NTkgQzE5Ljk1MDIwNjksNDEuMjQ4NzU4NiAxOS4zMjU3OTMxLDQwLjU0NjI2MjEgMTguNjIwNjg5Nyw0MC41NTE3MjQxIEwxMS4xNzI0MTM4LDQwLjU1MTcyNDEgQzYuMTQ5NDIwNjksNDAuNTUxNzI0MSAyLjQ4Mjc1ODYyLDM2LjgxMzY4MjggMi40ODI3NTg2MiwzMS44NjIwNjkgTDIuNDgyNzU4NjIsMjMuMjg4ODU1MiBDMi40ODI3NTg2MiwxOC4zMzcxMTcyIDYuMTc1MzY1NTIsMTQuNDgyNzU4NiAxMS4xNzI0MTM4LDE0LjQ4Mjc1ODYgWiBNNTIuMTM3OTMxLDE0LjQ4Mjc1ODYgTDYwLjgyNzU4NjIsMTQuNDgyNzU4NiBDNjUuODI0NjM0NSwxNC40ODI3NTg2IDY5LjUxNzI0MTQsMTguMzM3MjQxNCA2OS41MTcyNDE0LDIzLjI4ODg1NTIgQzY5LjUxNzI0MTQsMjYuMzE0NzE3MiA2OS41MTcyNDE0LDI5LjM0MDQ1NTIgNjkuNTE3MjQxNCwzMi4zNjYzMTcyIEM2OS41MTcyNDE0LDM1LjkzODYzNDUgNjcuMzUwNzg2Miw0Mi4zMzA4NjkgNjQuNDM1MjgyOCw0Ny41NzMyMTM4IEM2Mi45Nzc3NzkzLDUwLjE5NDUxMDMgNjEuMzQ1MTE3Miw1Mi41NTYzNTg2IDU5Ljc4MDExMDMsNTQuMjA2ODk2NiBDNTkuMDQ5NjgyOCw1NC45Nzc0MjA3IDU4LjMyNTQ2MjEsNTUuNTQzNjEzOCA1Ny42ODU0MDY5LDU1Ljk1MjUyNDEgQzU5LjAwMDc3MjQsNTEuMjU4MzcyNCA2MC4xMjM0NzU5LDQ2LjgxNzMzNzkgNjAuODI3NTg2Miw0MS45NDgyNzU5IEM2MC45MTU3MjQxLDQxLjI0ODc1ODYgNjAuMjkxMzEwMyw0MC41NDYyNjIxIDU5LjU4NjIwNjksNDAuNTUxNzI0MSBMNTIuMTM3OTMxLDQwLjU1MTcyNDEgQzQ3LjExNDkzNzksNDAuNTUxNzI0MSA0My40NDgyNzU5LDM2LjgxMzY4MjggNDMuNDQ4Mjc1OSwzMS44NjIwNjkgTDQzLjQ0ODI3NTksMjMuMjg4ODU1MiBDNDMuNDQ4Mjc1OSwxOC4zMzcxMTcyIDQ3LjE0MDg4MjgsMTQuNDgyNzU4NiA1Mi4xMzc5MzEsMTQuNDgyNzU4NiBaIiBpZD0icXVvdGUtaWNvbiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); } /** blockrow.scss */ .blockRow { display: block; } @media only screen and (min-width: 992px) { .blockRow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .blockRow__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 2.5rem; padding: 0; } .blockRow__item:not(:last-child) { padding-right: 0; } @media only screen and (min-width: 992px) { .blockRow__item:not(:last-child) { padding-right: 0.5rem; } } .blockRow__item:not(:first-child) { padding-left: 0; } @media only screen and (min-width: 992px) { .blockRow__item:not(:first-child) { padding-left: 0.5rem; } } @media only screen and (min-width: 992px) { .blockRow__item { margin-bottom: 0; } } .blockRow__header { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 2rem; } @media only screen and (min-width: 992px) { .blockRow__header { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; } } .blockRow__media { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .blockRow__media img { display: inline-block; } @media only screen and (min-width: 992px) { .blockRow__media { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } } .blockRow__title { bottom: -0.5rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-style: normal; margin: 0 0 0 1.5rem; position: relative; } .blockRow__title p:first-of-type { font-weight: 600; } .blockRow__title p + p { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; } @media only screen and (min-width: 992px) { .blockRow__title { bottom: 0; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; margin: 1.5rem 0 1.5rem 0; } } /** blurbackground.scss */ .blurBackground { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-filter: blur(0.5rem); filter: blur(0.5rem); background: #1a1f29; display: none; position: absolute; top: -2rem; right: 0; left: 0; bottom: -2rem; z-index: 1; } @media only screen and (min-width: 992px) { .blurBackground { display: block; } } /** breadcrumbs.scss */ .breadcrumbs { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin: 1rem auto 0; } .breadcrumbs a { color: #474a51; text-decoration: none; display: inline-block; padding: 0 0.25rem 0; } .breadcrumb_last { color: #E7D39A; padding: 0 0.25rem 0; } .page--dark .breadcrumbs .breadcrumb_last { color: #E7D39A; } /** bulletlist.scss */ .bulletList, .legal ul, .article__body > ul { margin: 1rem 0 0; list-style: none; text-indent: -1.5rem; padding-left: 1.5rem; } .bulletList__item::before, .legal ul li::before, .article__body > ul li::before { content: "•"; font-size: 1.75rem; padding-right: 1rem; color: #1a1f29; position: relative; top: 0.25rem; } .bulletList__item:not(:last-child), .legal ul li:not(:last-child), .article__body > ul li:not(:last-child) { margin-bottom: 0.25rem; } /** button.scss */ button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; font-family: inherit; outline: none !important; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .button { font-size: 20px; line-height: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #0e1d2c; border-radius: 0.15rem; border-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; height: 3.5rem; line-height: 3.5rem; outline: none; padding: 0 1.5rem; position: relative; text-align: center; -webkit-transition: background 0.1s, color 0.1s linear; transition: background 0.1s, color 0.1s linear; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; z-index: 1; } .button, .button:link, .button:active, .button:visited { color: #fff; text-decoration: none; } .button span { font-size: 16px; display: inline-block; vertical-align: top; } .button:disabled, .button.is--disabled { background: #898a8d; } .button:hover { background: #000; -webkit-transition: background 0.1s linear; transition: background 0.1s linear; } .button.button--brand { background: #0e1d2c; } .button.button--brand:hover { background: rgba(14, 29, 44, 0.8); -webkit-transition: background 0.1s linear; transition: background 0.1s linear; } .button.button--accent { background: #feb85d; color: #0e1d2c; } .button.button--accent:hover { background: #e5a857; -webkit-transition: background 0.1s linear; transition: background 0.1s linear; } .button.button--red { background: #e03131; color: #f1ede5; } .button.button--red:hover { background: #ca2f30; -webkit-transition: background 0.1s linear; transition: background 0.1s linear; } .button.button--outline { color: #0e1d2c; background-color: #f8f6f2; } .button.button--outline:hover { background: #f1ede5; -webkit-transition: background 50ms linear; transition: background 50ms linear; } .button.button--ghost { border: none !important; background: rgba(255, 255, 255, 0) !important; color: #1a1f29; padding: 0; position: relative; height: 2rem; line-height: 2rem; } .button.button--ghost:after { background-image: url("data:image/svg+xml;utf8,"); background-position: center center; background-repeat: no-repeat; content: " "; height: 2rem; position: absolute; right: -1rem; top: 0; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; width: 0.75rem; } .button.button--ghost.button--invert { color: #f8f6f2; } .button.button--ghost.button--invert:after { background-image: url("data:image/svg+xml;utf8,"); } .button.button--invert { color: #f8f6f2; border: solid 1px #f8f6f2; background-color: #1a1f29; } .button.button--invert:hover { background: #11141a; -webkit-transition: background 0.1s, color 0.1s linear; transition: background 0.1s, color 0.1s linear; } /** category.scss */ .category__header { margin: 0 0 3.5rem; } .category__header a, .category__header a:link, .category__header a:visited { display: block; text-decoration: none; color: inherit; } .category__header a:hover .button, .category__header a:link:hover .button, .category__header a:visited:hover .button { color: #265096 !important; -webkit-transition: color 0.1s linear; transition: color 0.1s linear; } .category__header a:hover .button:after, .category__header a:link:hover .button:after, .category__header a:visited:hover .button:after { background-image: url("data:image/svg+xml;utf8,"); -webkit-transform: translateX(0.25rem); transform: translateX(0.25rem); -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; } .category__header article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .category__header article > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .category__header article > div:first-of-type { margin: 0 0 2rem 0; } @media only screen and (min-width: 768px) { .category__header article > div:first-of-type { margin: 0 2rem 0 0; } } .category__header article > div:nth-of-type(2) p { margin: 1rem 0; } @media only screen and (min-width: 768px) { .category__header article { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .category__quote { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 2rem; margin-bottom: 2rem; } .category__quote .grid { grid-template-columns: repeat(1, 1fr); } .category__quote > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (min-width: 768px) { .category__quote { grid-template-columns: repeat(2, 1fr); } } /** checkbox.scss */ .checkbox { line-height: initial; } .checkbox input[type="checkbox"] { -moz-appearance: initial; -webkit-appearance: initial; appearance: initial; background: rgba(255, 255, 255, 0); border-radius: 0.15rem; border: 1px solid #898a8d; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; height: 1.5rem; margin: 0 .5rem 0 0; min-width: 1.5rem; padding: 0; position: relative; vertical-align: top; width: 1.5rem; } .checkbox input[type="checkbox"]:checked { background: #E7D39A; } .checkbox input[type="checkbox"]:checked:after { -webkit-appearance: initial; -moz-appearance: initial; appearance: initial; background-image: url("data:image/svg+xml;utf8,"); background-position: center center; background-repeat: no-repeat; content: " "; height: 1.5rem; left: 0; min-width: 1.5rem; position: absolute; top: 0; width: 1.5rem; } .checkbox input[type="checkbox"]:focus { -webkit-box-shadow: none; box-shadow: none; outline: 0; } .checkbox + .checkbox { margin-top: 2rem; } .checkbox__label { font-size: 0; } span#i-agree .wpcf7-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; } #i-agree + .checkbox__label { display: inline-block; font-size: 18px; margin-left: 0.5rem; } #i-agree + .checkbox__label a { color: #E7D39A; display: inline-block; text-decoration: underline; } #i-agree + .checkbox__label a:hover { text-decoration: none; } /** checklist.scss */ .checklist { margin: 1.5rem 0; list-style: none; } @media only screen and (min-width: 768px) { .checklist { margin: 3rem 0; } } .checklist__item { position: relative; padding-left: 2rem; } .checklist__item::before { content: url("data:image/svg+xml;utf8,"); height: 1.5rem; left: 0; position: absolute; top: 5px; width: 1.5rem; } .checklist__item:not(:last-child) { margin-bottom: 0.25rem; } /** cta.scss */ .cta { background: #E7D39A; position: relative; width: 100%; margin: 4rem auto 0; } @media only screen and (min-width: 768px) { .cta { margin: 8rem auto 0; } } @media screen and (min-width: 1440px) { .cta { width: 1440px; } } section#schicht-technologie + .cta, section#layer-system + .cta { margin: 8rem auto 0; } @media only screen and (min-width: 768px) { section#schicht-technologie + .cta, section#layer-system + .cta { margin: 16rem auto 0; } } .cta__wrapper { padding: 2rem 1rem 2rem; text-align: center; } .cta__wrapper > p { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; color: #feb85d; } @media only screen and (min-width: 768px) { .cta__wrapper { padding: 4rem 1rem 4rem; } } .cta__headline { font-family: 'Cooper BT'; font-style: normal; font-stretch: normal; font-weight: normal; color: #fff; font-size: 32px; line-height: 40px; margin: 1rem auto 2rem; } @media only screen and (min-width: 992px) { .cta__headline { font-size: 64px; line-height: 96px; } } /** ctatwocolumns.scss */ .ctaTwoColumns { background: #E7D39A; margin: 2rem 0 2rem; position: relative; } .ctaTwoColumns:after { background: #E7D39A; bottom: 0; content: " "; left: 100%; position: absolute; top: 0; width: 0; } @media only screen and (min-width: 992px) { .ctaTwoColumns:after { width: 1rem; } } @media only screen and (min-width: 992px) { .ctaTwoColumns:after { width: calc(100vw / 2 - 928px / 2 + 1rem); } } @media only screen and (min-width: 1292px) { .ctaTwoColumns:after { width: calc(100vw / 2 - 1214px / 2); } } @media only screen and (min-width: 768px) { .ctaTwoColumns { margin: 4rem 0 4rem; } } .ctaTwoColumns__wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; padding: 3rem 0; position: relative; width: 100%; z-index: 3; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 992px) { .ctaTwoColumns__wrapper { width: 618px; } } @media only screen and (min-width: 1292px) { .ctaTwoColumns__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 809px; } } .ctaTwoColumns__media { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ctaTwoColumns__media img { display: block; } .ctaTwoColumns__copy { text-align: center; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .ctaTwoColumns .bulletList, .ctaTwoColumns .legal ul, .legal .ctaTwoColumns ul, .ctaTwoColumns .article__body > ul { margin-bottom: 1.5rem; } /** employeecard.scss */ .employeeCard { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 992px) { .employeeCard { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .employeeCard__copy { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 0; } .employeeCard__copy p:nth-of-type(2) { margin-bottom: 1rem; } @media only screen and (min-width: 992px) { .employeeCard__copy { padding-right: 0.75rem; } } .employeeCard__media { height: 380px; } .employeeCard__media img { display: block; height: 100%; } @media only screen and (min-width: 992px) { .employeeCard__media { margin-top: 0; } } /** footer.scss */ .footer { background: #0e1d2c; color: #fff; margin-top: 10px; } .footer__section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__section .h3, .footer__section .article__body > h3, .footer__section .productHeader .h1 + p, .productHeader .footer__section .h1 + p { margin-bottom: 1rem; } .footer__section:first-child { padding: 2rem 0; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-bottom: solid 1px rgba(255, 255, 255, 0.1); } @media only screen and (min-width: 768px) { .footer__section:first-child { padding: 4rem 0; } } @media only screen and (min-width: 992px) { .footer__section:first-child { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .footer__section:nth-child(2) { padding: 2rem 0 2rem; } .footer__section:nth-child(2) .footer__item:first-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 2rem; } @media only screen and (min-width: 768px) { .footer__section:nth-child(2) .footer__item:first-child { margin-top: 3.75rem; } } @media only screen and (min-width: 992px) { .footer__section:nth-child(2) .footer__item:first-child { margin-top: 0; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media only screen and (min-width: 768px) { .footer__section:nth-child(2) { padding: 4rem 0 2rem; } } @media only screen and (min-width: 992px) { .footer__section { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .footer__logo { margin-bottom: 1.25rem; } .footer__logo svg { width: 100%; } @media only screen and (min-width: 374px) { .footer__logo svg { width: 280px; } } .footer__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .footer__item:first-child p { color: #ececec; width: 100%; } @media only screen and (min-width: 992px) { .footer__item:first-child p { font-family: GesturaDisplay; font-size: 30px; } } .footer__item > p { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; } .footer__menus { display: block; } .footer__menus .h5, .footer__menus .article__body > h5 { margin-bottom: 30px; } .footer__menus > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .footer__menus > *:not(:last-child) { margin-bottom: 2rem; } @media only screen and (min-width: 576px) { .footer__menus > *:not(:last-child) { margin-bottom: 0; } } @media only screen and (min-width: 576px) { .footer__menus { display: -webkit-box; display: -ms-flexbox; display: flex; } } .footer__menus .menu { list-style: none; display: block; } .footer__menus .menu a.nav-link { font-family: BasisGrotesqueArabicPro, 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: b0old; font-size: 20px; line-height: 24px; color: #fff; display: block; padding: 0.5rem 0; text-decoration: none; -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } .footer__menus .menu a.nav-link:hover { color: #E7D39A; -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } @media (max-width: 600px) { .footer__menus, .footer__menus .menu { text-align: center; } .footer__menus .h5 { font-family: "GesturaDisplay"; font-size: 25px; margin-bottom: 35px; } } .footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-width: 148px; padding-bottom: 2rem; } .footer__social span:not(:last-of-type) { margin-right: 1rem; } @media only screen and (min-width: 768px) { .footer__social { padding-bottom: 4rem; } } /** footnotes.scss */ .footnotes { padding-left: 1rem; } .footnotes p { display: inline; } .footnotes svg { display: inline-block; margin-left: 0.5rem; } .footnotes__item { margin-bottom: 1rem; } /** form.scss */ input[type="search"], input[type="email"], input[type="text"], input[type="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; color: inherit; outline: none; } input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; margin: 0; outline: none; } .form__item { margin-top: 2rem; } .form__item + .h3, .article__body > .form__item + h3, .productHeader .h1.form__item + p, .form__item > .h3, .article__body.form__item > h3, .productHeader .form__item > .h1 + p { margin: 4rem 0 2rem; } .form__item > label { font-size: 16px; line-height: 32px; } .form__label { font-size: 0; } .form__input { font-family: 'Roboto', sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0); border-radius: 0.15rem; border: 1px solid #fff; color: #898a8d; font-size: 18px; height: 3.5rem; line-height: 3.5rem; padding: 0 1rem; width: 100%; } .form__group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form__group__item { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media only screen and (min-width: 374px) { .form__group__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media only screen and (min-width: 768px) { .form__group__item { -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; max-width: 33.33%; } } ::-webkit-input-placeholder { opacity: 0.5; color: #fff; } ::-moz-placeholder { opacity: 0.5; color: #fff; } ::-ms-input-placeholder { opacity: 0.5; color: #fff; } ::placeholder { opacity: 0.5; color: #fff; } .form__group.form--nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form__group.form--nowrap .form__group__item > label { font-size: 16px; line-height: 32px; } .form__group.form--nowrap .form__group__item:first-child { margin-right: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media only screen and (min-width: 374px) { .form__group.form--nowrap .form__group__item:first-child { margin-right: 1rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } .form__group.form--nowrap .form__group__item:nth-of-type(2) { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media only screen and (min-width: 374px) { .form__group.form--nowrap .form__group__item:nth-of-type(2) { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } .form__group.form--nowrap .form__group__item:not(:last-of-type) { margin-bottom: 2rem; } @media only screen and (min-width: 374px) { .form__group.form--nowrap .form__group__item:not(:last-of-type) { margin-bottom: 0; } } @media only screen and (min-width: 374px) { .form__group.form--nowrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .form__group.form--nowrap.form--2-1 .form__group__item:first-child { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media only screen and (min-width: 374px) { .form__group.form--nowrap.form--2-1 .form__group__item:first-child { -ms-flex-preferred-size: 66.66%; flex-basis: 66.66%; max-width: 66.66%; } } .form__group.form--nowrap.form--2-1 .form__group__item:nth-of-type(2) { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media only screen and (min-width: 374px) { .form__group.form--nowrap.form--2-1 .form__group__item:nth-of-type(2) { -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; max-width: 33.33%; } } .form--invert .form__input { border: solid 1px #fff; color: #fff; } .form__input--invert { border: solid 1px #fff; color: #fff; } span.wpcf7-not-valid-tip { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; color: #e03131; font-size: 14px; left: 0; line-height: 32px; position: absolute; right: 0; } label.error { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; color: #e03131 !important; font-size: 14px !important; line-height: 32px; } .theme_1.wpcf7-form input.error, .theme_1.wpcf7-form select.error, .theme_1.wpcf7-form textarea.error { border-bottom: 2px solid #e03131 !important; } div.wpcf7-response-output { margin: 2em 0 1em !important; } span.wpcf7-list-item { display: block; margin: 0 0 1.5rem 0 !important; } span.wpcf7-list-item:last-of-type { margin: 0 !important; } span.wpcf7-list-item-label { margin-left: 10px; position: relative; word-break: break-word; } #wpcf7-f1990-p1991-o1 .form__group__item .checkbox { min-height: 30px; height: 30px; } [data-action="subscribe-newsletter"] { margin-top: 3.75rem; } .footer__item .wpcf7-form { grid-gap: 1rem; display: grid; grid-template-columns: repeat(5, 1fr); height: auto; margin-top: 2rem; } .footer__item .wpcf7-form p:first-of-type { grid-column-start: 1; grid-column-end: 6; grid-row: 1; } @media only screen and (min-width: 576px) { .footer__item .wpcf7-form p:first-of-type { grid-column-start: 1; grid-column-end: 5; } } .footer__item .wpcf7-form p:nth-of-type(2) { grid-column-start: 1; grid-column-end: 6; grid-row: 2; } @media only screen and (min-width: 576px) { .footer__item .wpcf7-form p:nth-of-type(2) { grid-column-start: 5; grid-column-end: 5; grid-row: 1; } } .footer__item .wpcf7-form .wpcf7-validation-errors { display: none !important; } .footer__item .wpcf7-form .wpcf7-mail-sent-ok { margin-top: 1rem; } .footer__item .wpcf7-form .form__label, .footer__item .wpcf7-form .button { width: 100%; } @media only screen and (min-width: 576px) { .footer__item .wpcf7-form { height: 3.5rem; } } @media only screen and (min-width: 992px) { .footer__item .wpcf7-form { margin-top: 0; } } /** gallery.scss */ .gallery { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .gallery__main { height: 100%; } .gallery__main img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } .gallery__thumbs { background: rgba(0, 0, 0, 0.4); bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: grid; grid-gap: 1rem; grid-template-columns: repeat(4, 1fr); padding: 1.5rem; position: absolute; } .gallery__thumbs .gallery__media { cursor: pointer; } .gallery__controlers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; left: 1.5rem; position: absolute; right: 1.5rem; top: calc(50% - 20px); } .gallery__controlers button { cursor: pointer; background: rgba(255, 255, 255, 0.5); border-radius: 50%; height: 40px; width: 40px; } @-webkit-keyframes fadeIn { to { opacity: 1; } } @keyframes fadeIn { to { opacity: 1; } } .fade-in { opacity: 0; -webkit-animation: fadeIn 0.5s ease-in 1 forwards; animation: fadeIn 0.5s ease-in 1 forwards; } /** grid.scss */ .grid { list-style: none; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 2rem; } @media only screen and (min-width: 768px) { .grid { grid-template-columns: repeat(2, 1fr); } } .grid__item { padding: 1rem; border: 1px solid #1a1f29; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 576px) { .grid__item { padding: 2rem; } } .grid__link { text-decoration: none; color: inherit; display: block; } .grid__link:hover .grid__media img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .grid__link:hover .button { color: #265096 !important; -webkit-transition: color 0.1s linear; transition: color 0.1s linear; } .grid__link:hover .button:after { background-image: url("data:image/svg+xml;utf8,"); -webkit-transform: translateX(0.25rem); transform: translateX(0.25rem); -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; } .grid__link article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 576px) { .grid__link article { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 768px) { .grid__link article { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 992px) { .grid__link article { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .grid__media { -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; margin-right: 0; overflow: hidden; } .grid__media img { height: auto; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; } @media only screen and (min-width: 576px) { .grid__media { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; margin-right: 1rem; } } @media only screen and (min-width: 768px) { .grid__media { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; margin-right: 0; } } @media only screen and (min-width: 992px) { .grid__media { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; margin-right: 1rem; } } .grid__copy { -webkit-box-flex: 2; -ms-flex: 2 0 0px; flex: 2 0 0; margin: 2rem 0 0 0; } .grid__copy .h6 { font-weight: 600; } .grid__copy p { margin: 1rem 0; } @media only screen and (min-width: 576px) { .grid__copy { margin: 0 0 0 1rem; } } @media only screen and (min-width: 768px) { .grid__copy { margin: 2rem 0 0 0; } } @media only screen and (min-width: 992px) { .grid__copy { margin: 0 0 0 1rem; } } .grid--1col { grid-template-columns: repeat(1, 1fr); /*margin-top: 3rem; margin-bottom: 2rem; */ } .grid--1col .grid__copy { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .grid--1col .grid__link:hover .button { color: #265096 !important; } .grid--1col .grid__link:hover .button:after { background-image: url("data:image/svg+xml;utf8,"); } /** gutenachtheader.scss */ .gutenachtHeader { display: inline-block; position: relative; margin: 4rem 0 8rem; } @media only screen and (min-width: 992px) { .gutenachtHeader { margin: 8rem 0 12rem; } } .gutenachtHeader .h1 { padding: 0 3rem 0 3rem; } @media only screen and (min-width: 992px) { .gutenachtHeader .h1 { padding: 0 6rem 0 6rem; } } .gutenachtHeader-wrapper { text-align: center; } .gutenachtHeader .icon-moon { top: -50px; transform: rotate(44deg); height: 123px; right: -35px; position: absolute; width: 123px; } @media (max-width: 991px) { .gutenachtHeader .icon-moon { width: 80px; height: 80px; right: -3rem; } } @media (max-width: 480px) { .gutenachtHeader .icon-moon { width: 50px; height: 50px; right: -20px; } } .gutenachtHeader .icon-moon:after { background-image: url("//seven-sundays.shop/cdn/shop/t/9/assets/gutenacht-icon-moon.svg?v=118419221831407426591611167070"); background-position: center center; background-repeat: no-repeat; background-size: cover; content: " "; left: 0; top: 0; position: absolute; right: 0; bottom: 0; } @media only screen and (min-width: 992px) { .gutenachtHeader .icon-moon { height: 93px; width: 93px; } } .gutenachtHeader .icon-star { height: 36px; position: absolute; left: 0; bottom: -30px; top: auto; width: 37px; } .gutenachtHeader .icon-star:after { background-image: url("//seven-sundays.shop/cdn/shop/t/9/assets/gutenacht-icon-star.svg?v=97813462852772179201611167071"); background-position: center center; background-repeat: no-repeat; background-size: cover; content: " "; left: 0; top: 0; position: absolute; right: 0; bottom: 0; } @media only screen and (min-width: 992px) { .gutenachtHeader .icon-star { height: 48px; width: 48px; } } .gutenachtHeader .icon-star-small { height: 18px; position: absolute; left: 90px; bottom: -65px; top: auto; width: 18px; } .gutenachtHeader .icon-star-small:after { background-image: url("//seven-sundays.shop/cdn/shop/t/9/assets/gutenacht-icon-star-small.svg?v=78838014005220710561611167070"); background-position: center center; background-repeat: no-repeat; background-size: cover; content: " "; left: 0; top: 0; position: absolute; right: 0; bottom: 0; } @media only screen and (min-width: 992px) { .gutenachtHeader .icon-star-small { height: 24px; width: 24px; } } /** header.scss */ .header { background-color: #F1EDE5; position: absolute; left: 0; right: 0; z-index: 3; } .header__bottom { border-bottom: solid 1px #cdcac9; position: relative; } .header__logo a { display: flex; align-items: center; font-size: 0; /*margin: 0 auto;*/ text-align: center; width: 100%; } @media only screen and (min-width: 374px) { .header__logo a { /*width: 180px;*/ } } @media only screen and (min-width: 768px) { .header__logo a { /*width: 210px;*/ } } @media only screen and (min-width: 992px) { .header__logo a { /*width: 280px;*/ } } .header__logo svg { float: left; width: 100%; } @media only screen and (min-width: 374px) { .header__logo svg { /*width: 180px;*/ } } @media only screen and (min-width: 992px) { .header__logo svg { /*width: 280px;*/ } } .header.header--invert { background: #0E1D2C; } .header.header--invert .header__top { border-color: rgba(255, 255, 255, 0.2); } .header.header--invert .header__logo svg path:first-of-type { /*fill: #fff;*/ } .header.header--invert .menu__item .nav-link { color: #fff; } .header.header--invert button[data-action="scroll-left"] { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(68%, #0e1d2c)); background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #0e1d2c 68%); } .header.header--invert button[data-action="scroll-right"] { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(68%, #0e1d2c)); background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #0e1d2c 68%); } body.fixed-header .header { -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; left: 0; position: fixed; top: -13.75rem; transition: all 0.4s ease-in-out; width: 100%; z-index: 15; } @media (max-width: 991px) { body.fixed-header .header { top: -146px; } } @media (max-width: 767px) { body.fixed-header .header { top: -94px; } } body.fixed-header .header.show-in { top: -106px; } @media (max-width: 991px) { body.fixed-header .header.show-in { top: -94px; } } @media (max-width: 767px) { body.fixed-header .header.show-in { top: -40px; } } /*body.fixed-header .header .header__logo { @media (min-width:768px){display: none; }}*/ body.fixed-header.show-logo .header.show-in { top: 0; } @-webkit-keyframes headerIn { 0% { top: -120px; } 100% { top: 0; } } @keyframes headerIn { 0% { top: -120px; } 100% { top: 0; } } .h1 { font-family: 'Cooper BT'; font-style: normal; font-stretch: normal; font-weight: normal; font-size: 36px; line-height: 48px; letter-spacing: 0.5px; word-break: break-all; } @media only screen and (min-width: 374px) { .h1 { font-size: 40px; } } @media only screen and (min-width: 376px) { .h1 { word-break: initial; } } @media only screen and (min-width: 992px) { .h1 { font-size: 80px; line-height: 96px; } } .h2, .article__body > h2 { font-family: 'Cooper BT'; font-style: normal; font-stretch: normal; font-weight: normal; font-size: 32px; line-height: 48px; word-break: break-word; } @media only screen and (min-width: 374px) { .h2, .article__body > h2 { word-break: normal; } } @media only screen and (min-width: 992px) { .h2, .article__body > h2 { font-size: 40px; line-height: 3.75rem; } } .h3, .article__body > h3, .productHeader .h1 + p { font-family: 'Cooper BT'; font-style: normal; font-stretch: normal; font-weight: normal; font-size: 24px; line-height: 36px; } @media only screen and (min-width: 992px) { .h3, .article__body > h3, .productHeader .h1 + p { font-size: 28px; line-height: 44px; } } .h4, .legal h2, .article__body > h4 { font-family: 'Cooper BT'; font-style: normal; font-stretch: normal; font-weight: normal; font-size: 22px; line-height: 33px; } @media only screen and (min-width: 992px) { .h4, .legal h2, .article__body > h4 { font-size: 24px; line-height: 36px; } } .h5, .article__body > h5 { font-family: 'Cooper BT'; font-style: normal; font-stretch: normal; font-weight: normal; font-size: 20px; line-height: 30px; } .h6 { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; font-size: 18px; line-height: 30px; } /** hero.scss */ .hero { margin: 4rem 0 4rem; } @media only screen and (min-width: 768px) { .hero { margin: 8rem 0 8rem; } } .hero .rowTwoImages { margin: 0; width: auto; } .hero__copy { position: relative; margin: 2.5rem 0 4rem 0; } @media only screen and (min-width: 768px) { .hero__copy { margin: 5rem 0 4rem 50%; } } .hero__copy .h3, .hero__copy .article__body > h3, .hero__copy .productHeader .h1 + p, .productHeader .hero__copy .h1 + p { margin-bottom: 1.5rem; } .hero__copy .button { position: absolute; left: 0; bottom: -92px; z-index: 2; } .hero__media { margin: 0 auto; width: 100%; } @media screen and (min-width: 1400px) { .hero__media { width: 1400px; } } /** highlight.scss */ .highlight { color: #1a1f29; margin-top: 2rem; } .highlight__wrapper { padding-left: 1.5rem; position: relative; } .highlight__wrapper::before { background: #E7D39A; bottom: 0; content: " "; position: absolute; left: 0; top: 0; width: 0.3rem; } /** icon.scss */ .icon { display: inline-block; vertical-align: middle; overflow: hidden; -webkit-transition: border-color 0.1s ease; transition: border-color 0.1s ease; } .icon svg { -webkit-transition: fill 0.1s ease; transition: fill 0.1s ease; } .icon:hover { border-color: #19438c; -webkit-transition: border-color 0.1s ease; transition: border-color 0.1s ease; } .icon:hover svg { fill: #19438c; -webkit-transition: fill 0.1s ease; transition: fill 0.1s ease; } .icon--fill { background-color: #474a51; } .icon--stroke { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-color: #1a1f29; border-style: solid; border-width: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 48px; } .icon--circle { border-radius: 50%; } .icon--brand { padding: 1.1rem; background-color: #19438c; height: 3rem; width: 3rem; -webkit-box-sizing: border-box; box-sizing: border-box; } /** infobox.scss */ .infoBox { border: solid 1px #1a1f29; } .infoBox__wrapper { padding: 1rem; border-left: solid 4px #1a1f29; } @media only screen and (min-width: 992px) { .infoBox__wrapper { padding: 2rem; } } .infoBox__header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1rem; } .infoBox__icon { min-height: 48px; min-width: 48px; margin-right: 1.5rem; } .infoBox.infoBox--invert { border-color: #fff; } .infoBox.infoBox--invert .infoBox__wrapper { border-color: #fff; } /** mainmenu.scss */ .mainMenu { position: relative; } /** medialist.scss */ .mediaList { -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mediaList__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 0 1rem 0; text-align: center; margin: 0 auto; } .mediaList__item img { display: inline-block; } @media only screen and (min-width: 576px) { .mediaList__item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .mediaList__item .caption { margin-top: 1rem; } /** menu.scss */ .menu { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-around; } @media only screen and (min-width: 768px) { .menu { -webkit-box-pack: center; -ms-flex-pack: center; } } .menu__item { margin: 0 1rem; } .menu__item.active .nav-link { -webkit-box-shadow: inset 0 -4px 0 0 #E7D39A!important; box-shadow: inset 0 -4px 0 0 #E7D39A!important; font-weight: 600; } .menu__item .nav-link { -webkit-box-shadow: inset 0 -4px 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 -4px 0 0 rgba(255, 255, 255, 0); color: #0e1d2c; display: block; padding: 0.75rem 0 0.75rem 0; text-decoration: none; -moz-osx-font-smoothing: grayscale; /* Firefox */ -webkit-font-smoothing: antialiased; /* WebKit */ font-size: 30px; line-height: 27px; -webkit-transition: color 0.1s linear, -webkit-box-shadow 0.1s; transition: color 0.1s linear, -webkit-box-shadow 0.1s; transition: box-shadow 0.1s, color 0.1s linear; transition: box-shadow 0.1s, color 0.1s linear, -webkit-box-shadow 0.1s; } .menu__item .nav-link.active { font-weight: 600; } .animate, .menu__item .nav-link { -webkit-animation: all 0.3s ease-in-out; animation: all 0.3s ease-in-out; } [menu-scroll] { position: static; overflow-x: auto; overflow-y: hidden; white-space: nowrap; scrollbar-width: none; } [menu-scroll]::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0); } [menu-scroll]::-webkit-scrollbar { height: 0px; background-color: rgba(255, 255, 255, 0); display: none; } [menu-scroll]::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0); } button[menu-scroll-button] { -webkit-appearance: none; border: 0; cursor: pointer; font-size: 0; height: 100%; outline: 0 !important; position: absolute; top: 0; width: 3.375rem; z-index: 5; } button[menu-scroll-button]:after { background-position: center center; background-repeat: no-repeat; bottom: 0; content: " "; left: 0; position: absolute; right: 0; top: 0; } @media only screen and (min-width: 1001px) { .header__top button[menu-scroll-button] { display: none; } } button[data-action="scroll-left"] { background: -webkit-gradient(linear, right top, left top, from(#f1ede5), color-stop(68%, #f1ede5)); background: linear-gradient(-90deg, #f1ede5 0%, #f1ede5 68%); left: 0; } button[data-action="scroll-left"]:after { background-image: url("data:image/svg+xml;utf8,"); } button[data-action="scroll-right"] { /*background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(68%, #F1EDE5)); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #F1EDE5 68%);*/ background: linear-gradient(90deg, rgba(241, 237, 229, 0) 0%, #f1ede5 45%); right: 0; } button[data-action="scroll-right"]:after { background-image: url("data:image/svg+xml;utf8,"); } /* styles for Mattresses page */ .page-id-51 .submenu button[menu-scroll-button], .page-id-2122 .submenu button[menu-scroll-button] { display: block; } /* styles for Pillows page */ .page-id-189 .submenu button[menu-scroll-button], .page-id-2130 .submenu button[menu-scroll-button] { display: block; } @media only screen and (min-width: 1292px) { .page-id-189 .submenu button[menu-scroll-button], .page-id-2130 .submenu button[menu-scroll-button] { display: none; } } /** metamenu.scss */ .metamenu { font-family: var(--ff-1); font-stretch: normal; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; background: #11141a; padding: 2rem 0; } .metamenu__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media only screen and (min-width: 768px) { .metamenu__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .metamenu__copyright { color: #ececec; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 2rem 0 0 0; text-align: center; } @media only screen and (min-width: 768px) { .metamenu__copyright { text-align: left; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin: 0 auto 0 0; } } .metamenu__list { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 768px) { .metamenu__list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .metamenu__item:not(:last-child) { margin: 0 2rem 0 0; } .metamenu__item .nav-link { color: #fff; display: block; text-decoration: none; -webkit-transition: color 0.1s ease; transition: color 0.1s ease; padding: 0; } .metamenu__item .nav-link:hover { color: #E7D39A; -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } /** nightbackground.scss */ .nightBackground { background-image: url("//seven-sundays.shop/cdn/shop/t/9/assets/seven-sundays-gutenacht-background-image.jpg?v=168466466384780145641611167098"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100vh; opacity: 0.5; position: absolute; right: 0; top: 0; left: 0; z-index: 0; } @media (max-width: 991px) { .nightBackground { top: 114px; } } @media (max-width: 767px) { .nightBackground { top: 40px; } } .nightBackground::after { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1a1f29), color-stop(19%, rgba(26, 31, 41, 0.738)), color-stop(34%, rgba(26, 31, 41, 0.541)), color-stop(47%, rgba(26, 31, 41, 0.382)), color-stop(56.5%, rgba(26, 31, 41, 0.278)), color-stop(65%, rgba(26, 31, 41, 0.194)), color-stop(73%, rgba(26, 31, 41, 0.126)), color-stop(80.2%, rgba(26, 31, 41, 0.075)), color-stop(86.1%, rgba(26, 31, 41, 0.042)), color-stop(91%, rgba(26, 31, 41, 0.021)), color-stop(95.2%, rgba(26, 31, 41, 0.008)), color-stop(98.2%, rgba(26, 31, 41, 0.002)), to(rgba(26, 31, 41, 0))); background-image: linear-gradient(to top, #1a1f29 0, rgba(26, 31, 41, 0.738) 19%, rgba(26, 31, 41, 0.541) 34%, rgba(26, 31, 41, 0.382) 47%, rgba(26, 31, 41, 0.278) 56.5%, rgba(26, 31, 41, 0.194) 65%, rgba(26, 31, 41, 0.126) 73%, rgba(26, 31, 41, 0.075) 80.2%, rgba(26, 31, 41, 0.042) 86.1%, rgba(26, 31, 41, 0.021) 91%, rgba(26, 31, 41, 0.008) 95.2%, rgba(26, 31, 41, 0.002) 98.2%, rgba(26, 31, 41, 0) 100%); bottom: 0; content: " "; left: 0; position: absolute; right: 0; top: 0; } /** orderlist.scss */ .orderlist { list-style: none; } .orderlist__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .orderlist__item:not(:last-child) { margin-bottom: 2.5rem; } .orderlist__number { font-family: 'Cooper BT Italic'; font-style: normal; font-stretch: normal; font-weight: normal; font-size: 40px; margin-top: 0.25rem; } .orderlist__copy { padding-left: 1rem; } @media only screen and (min-width: 768px) { .orderlist__copy { padding-left: 1.5rem; } } .orderlist .h4, .orderlist .legal h2, .legal .orderlist h2, .orderlist .article__body > h4 { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; margin-bottom: 0.75rem; } .orderlist .h4 + p, .orderlist .legal h2 + p, .legal .orderlist h2 + p, .orderlist .article__body > h4 + p { font-size: 18px; line-height: 30px; } /** productaccordion.scss */ .productAccordion { margin-top: 6rem; } @media only screen and (min-width: 576px) { .productAccordion { margin-top: 10rem; } } .productAccordion__item { position: relative; margin-bottom: 0; } .productAccordion__item:nth-child(0) { z-index: 10; } .productAccordion__item:nth-child(1) { z-index: 9; } .productAccordion__item:nth-child(2) { z-index: 8; } .productAccordion__item:nth-child(3) { z-index: 7; } .productAccordion__item:nth-child(4) { z-index: 6; } .productAccordion__item:nth-child(5) { z-index: 5; } .productAccordion__item:nth-child(6) { z-index: 4; } .productAccordion__item:nth-child(7) { z-index: 3; } .productAccordion__item:nth-child(8) { z-index: 2; } .productAccordion__item:nth-child(9) { z-index: 1; } .productAccordion__item:nth-child(10) { z-index: 0; } @media only screen and (min-width: 576px) { .productAccordion__item { margin-bottom: 2.5rem; } } @media only screen and (min-width: 1292px) { .productAccordion__item { margin-bottom: 5rem; } } .productAccordion__toggle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(255, 255, 255, 0); border-bottom: none !important; border: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 90px; outline: none !important; position: relative; text-align: left; -webkit-transition: 0.2s; transition: 0.2s; width: 100%; } .productAccordion__toggle.active { -webkit-box-shadow: none; box-shadow: none; } .productAccordion__toggle.active .productAccordion__icon::before { content: url("data:image/svg+xml;utf8,"); } @media only screen and (min-width: 992px) { .productAccordion__toggle.active { -webkit-box-shadow: inset 0 -4px 0 0 #1a1f29; box-shadow: inset 0 -4px 0 0 #1a1f29; -webkit-transition: 0.2s ease; transition: 0.2s ease; } } .productAccordion__toggle .h3, .productAccordion__toggle .article__body > h3, .productAccordion__toggle .productHeader .h1 + p, .productHeader .productAccordion__toggle .h1 + p { display: none; } @media only screen and (min-width: 992px) { .productAccordion__toggle .h3, .productAccordion__toggle .article__body > h3, .productAccordion__toggle .productHeader .h1 + p, .productHeader .productAccordion__toggle .h1 + p { display: inline-block; } } @media only screen and (min-width: 992px) { .productAccordion__toggle { border-bottom: 1px solid #1a1f29 !important; } } .productAccordion__icon { background: #faf6f2; border-radius: 100%; border: 1px solid #1a1f29; bottom: 0; font-size: 22px; height: 20px; line-height: 20px; margin: auto auto; position: absolute; left: 0; text-align: center; top: 0; width: 20px; } .productAccordion__icon::before { content: url("data:image/svg+xml;utf8,"); position: relative; top: 0; zoom: 0.7; } @media only screen and (min-width: 992px) { .productAccordion__icon { height: 20px; line-height: 20px; width: 20px; } } .productAccordion__media { display: inline-block; position: absolute; right: -4%; width: 100%; } @media only screen and (min-width: 768px) { .productAccordion__media { top: -15px; width: 690px; right: -16%; } } @media only screen and (min-width: 992px) { .productAccordion__media { top: -40px; width: 870px; } } @media only screen and (min-width: 1292px) { .productAccordion__media { top: -80%; width: 1130px; } } .productAccordion__content { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.3s ease-out; transition: max-height 0.3s ease-out; } .productAccordion__content > div { margin: 3rem 0 5rem 0; } @media only screen and (min-width: 576px) { .productAccordion__content > div { margin: 6rem 0 8rem 0; } } @media only screen and (min-width: 768px) { .productAccordion__content > div { margin: 8rem 0 8rem 0; } } @media only screen and (min-width: 992px) { .productAccordion__content > div { margin: 10rem 0 5rem 0; } } @media only screen and (min-width: 1292px) { .productAccordion__content > div { margin: 12rem 0 5rem 0; } } .productAccordion__content .checklist { margin: 2rem 0 0; } @media only screen and (min-width: 992px) { .productAccordion__content .checklist { margin: 0; } } .productAccordion__content .checklist__item::before { content: url("data:image/svg+xml;utf8,"); } .productAccordion__content .h3, .productAccordion__content .article__body > h3, .productAccordion__content .productHeader .h1 + p, .productHeader .productAccordion__content .h1 + p { display: block; } @media only screen and (min-width: 992px) { .productAccordion__content .h3, .productAccordion__content .article__body > h3, .productAccordion__content .productHeader .h1 + p, .productHeader .productAccordion__content .h1 + p { display: none; } } /** productdetails.scss */ .productDetails { -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 992px) { .productDetails { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .productDetails__copy { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 2rem; max-width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 0; } .productDetails__copy .h3, .productDetails__copy .article__body > h3, .productDetails__copy .productHeader .h1 + p, .productHeader .productDetails__copy .h1 + p { margin-bottom: 1.5rem; } .productDetails__copy .h3 + .text-small, .productDetails__copy .article__body > h3 + .text-small, .productDetails__copy .productHeader .h1 + p + .text-small, .productHeader .productDetails__copy .h1 + p + .text-small { font-weight: 600; } .productDetails__copy .bulletList, .productDetails__copy .legal ul, .legal .productDetails__copy ul, .productDetails__copy .article__body > ul { margin: 0; } .productDetails__copy .bulletList__item, .productDetails__copy .legal ul li, .legal ul .productDetails__copy li, .productDetails__copy .article__body > ul li, .article__body > ul .productDetails__copy li { margin-bottom: 0; } .productDetails__copy .highlight { margin-top: 1rem; margin-bottom: 1.5rem; } .productDetails__copy .button { display: block; } @media only screen and (min-width: 992px) { .productDetails__copy { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; margin-top: 0; max-width: 33.33%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding-right: 2rem; } } .productDetails__attributes { margin: 1.5rem 0; } .productDetails__attributes .text-small { font-weight: 600; } .productDetails__gallery { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; overflow: hidden; } .productDetails__gallery::before { content: " "; display: block; padding-top: 100%; } @media only screen and (min-width: 992px) { .productDetails__gallery { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 66.66%; flex: 0 0 66.66%; max-width: 66.66%; } } /** productheader.scss */ .productHeader { border-bottom: solid 2px #1a1f29; padding-bottom: 1rem; margin-bottom: 2rem; } .productHeader .h1 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .productHeader .h1 + p { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-style: italic; } .productHeader > div { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 1.25rem; } @media only screen and (min-width: 768px) { .productHeader > div { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .productHeader .button { display: none; } @media only screen and (min-width: 768px) { .productHeader .button { display: block; } } /** productlist.scss */ .productList > .caption { margin-top: 2.5rem; color: #474a51; } .productList__item:not(:last-of-type) { margin-bottom: 5rem; } .productList__header { border-bottom: 1px solid #1a1f29 !important; margin-bottom: 1.5rem; padding-bottom: 1rem; } .productList__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 768px) { .productList__body { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .productList__media { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 0; } @media only screen and (min-width: 768px) { .productList__media { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding-right: 1rem; } } @media only screen and (min-width: 992px) { .productList__media { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .productList__copy { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .productList__copy > p { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; } .productList__copy > p:last-of-type { margin-top: 2rem; } .productList__copy > .bulletList, .legal .productList__copy > ul, .article__body.productList__copy > ul { margin: 0.5rem 0 2rem 0; } .productList__copy > .bulletList .bulletList__item, .legal .productList__copy > ul .bulletList__item, .article__body.productList__copy > ul .bulletList__item, .productList__copy > .bulletList .legal ul li, .legal ul .productList__copy > .bulletList li, .legal .productList__copy > ul li, .productList__copy > .bulletList .article__body > ul li, .article__body > ul .productList__copy > .bulletList li, .legal .productList__copy > ul .article__body > ul li, .article__body > ul .legal .productList__copy > ul li, .article__body.productList__copy > ul li { margin-bottom: 0; } .productList__copy > .text-small { font-weight: 600; } @media only screen and (min-width: 768px) { .productList__copy { -webkit-box-flex: 0; -ms-flex: 0 0 66.66%; flex: 0 0 66.66%; max-width: 66.66%; } } @media only screen and (min-width: 992px) { .productList__copy { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .productList__attr { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem; } .productList__attr > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .productList__attr .text-small { font-weight: 600; } .productList__bottom { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-top: 4px solid #1a1f29 !important; margin-top: 2rem; padding-top: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 374px) { .productList__bottom { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .productList__price { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 1rem; } .productList__price > span { display: block; } @media only screen and (min-width: 374px) { .productList__price { margin-bottom: 0; } } /** radio.scss */ .radio input[type="radio"] { -moz-appearance: initial; -webkit-appearance: initial; background: rgba(255, 255, 255, 0); border-radius: 50%; border: 1px solid #898a8d; -webkit-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; height: 1.5rem; margin-right: 0.75rem; min-width: 1.5rem; overflow: hidden; padding: 0; position: relative; vertical-align: top; width: 1.5rem; } .radio input[type="radio"]:checked { border: none; background: #E7D39A; } .radio input[type="radio"]:checked:after { content: " "; display: block; background: #fff; border-radius: 50%; height: 1rem; position: absolute; width: 1rem; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .radio input[type="radio"]:focus { -webkit-box-shadow: none; box-shadow: none; outline: 0; } .radio span.wpcf7-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .radio span.wpcf7-list-item span.wpcf7-list-item-label::before, .radio span.wpcf7-list-item span.wpcf7-list-item-label::after { content: none !important; } /** related.scss */ [sticky] { display: none; position: -webkit-sticky; position: sticky; top: 9rem; width: 279px; } @media only screen and (min-width: 992px) { [sticky] { display: block; top: 15rem; } } .related { list-style: none; } .related__title { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 2rem; } .related__item p { margin-top: 1rem; -webkit-transition: color 0.1s ease; transition: color 0.1s ease; font-weight: 600; } .related__item:not(:last-child) { margin-bottom: 2rem; } .related__item:hover p { color: #E7D39A; ; -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } .related__link { display: block; text-decoration: none; color: #1a1f29; } .page--dark .related .related__link { display: block; text-decoration: none; color: #fff; } /** rowtwoimages.scss */ [role="main"] > .rowTwoImages { position: relative; width: 100%; margin: 3.75rem auto 0; } @media only screen and (min-width: 768px) { [role="main"] > .rowTwoImages { margin: 120px auto 0; } } @media screen and (min-width: 1440px) { [role="main"] > .rowTwoImages { width: 1440px; max-width: 1440px; } } .rowTwoImages__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .rowTwoImages__media:first-child { margin-right: 1rem; -webkit-box-flex: 0; -ms-flex: 0 1 497px; flex: 0 1 497px; } @media only screen and (min-width: 768px) { .rowTwoImages__media:first-child { margin-right: 2rem; } } .rowTwoImages__media:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 1 924px; flex: 0 1 924px; } .rowTwoImages__media img { height: auto; max-width: 100%; width: 100%; } /** scrolltop.scss */ #scrollTop { background: #E7D39A; border-radius: 2px; border: none; bottom: 20px; cursor: pointer; display: none !important; height: 2.875rem; outline: none; padding: 0; position: fixed; right: 20px; -webkit-transition: background 0.1s, color 0.1s linear; transition: background 0.1s, color 0.1s linear; width: 2.875rem; z-index: 99; } #scrollTop::before { background-image: url("data:image/svg+xml;utf8,"); background-position: center center; background-repeat: no-repeat; bottom: 0; content: " "; left: 0; position: absolute; right: 0; top: 0; } #scrollTop:hover { background: #19438c; -webkit-transition: background 0.1s linear; transition: background 0.1s linear; } /** section.scss */ /*.section { margin-top: 120px; } .section:last-of-type { margin-bottom: 4rem; } @media only screen and (min-width: 768px) { .section:last-of-type { margin-bottom: 8rem; } } @media only screen and (min-width: 768px) { .section { margin-top: 12rem; } } @media only screen and (min-width: 992px) { .section { margin-top: 16rem; } } */ .section { margin-top: 120px; } @media (max-width: 767px) { .section { margin-top: 3.75rem; } } .hero + .section, .rowTwoImages + .section, .cta + .section { margin-top: 3.75rem; } @media only screen and (min-width: 768px) { .hero + .section, .rowTwoImages + .section, .cta + .section { margin-top: 120px; } } .section__header { position: relative; margin-bottom: 3.75rem; } @media only screen and (min-width: 768px) { .section__header { margin-bottom: 90px; } } .section__body { margin-left: 0; } .section__body > .button { margin: 1.5rem 0 0; } .section__body > .button + .section__media + .h3, .article__body.section__body > .button + .section__media + h3, .productHeader .section__body > .button + .h1.section__media + p { margin: 1.5rem 0 1rem; } .section__body > .button + .section__media { margin-top: 2.5rem; } @media only screen and (min-width: 768px) { .section__body > .button + .section__media { margin-top: 6rem; } } .section__body > .h3, .article__body.section__body > h3, .productHeader .section__body > .h1 + p { margin-bottom: 30px; } .section__body > .h3 + .section__media + .h3, .article__body.section__body > h3 + .section__media + .h3, .productHeader .section__body > .h1 + p + .section__media + .h3, .article__body.section__body > .h3 + .section__media + h3, .article__body.section__body > h3 + .section__media + h3, .productHeader .article__body.section__body > .h1 + p + .section__media + h3, .productHeader .section__body > .h3 + .h1.section__media + p, .productHeader .article__body.section__body > h3 + .h1.section__media + p, .productHeader .section__body > .h1 + p + .h1.section__media + p { margin: 1.5rem 0 1rem; } .section__body > .h3:not(:first-child), .article__body.section__body > h3:not(:first-child), .productHeader .section__body > .h1 + p:not(:first-child) { margin-top: 2.5rem; } @media only screen and (min-width: 768px) { .section__body > .h3:not(:first-child), .article__body.section__body > h3:not(:first-child), .productHeader .section__body > .h1 + p:not(:first-child) { margin-top: 75px; } } @media only screen and (min-width: 992px) { .section__body { margin-left: 33.33%; } } .section .textTwoColumns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } @media only screen and (min-width: 768px) { .section .textTwoColumns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .section .textTwoColumns + .section__media + .h3, .section .article__body > .textTwoColumns + .section__media + h3, .section .productHeader .textTwoColumns + .h1.section__media + p, .productHeader .section .textTwoColumns + .h1.section__media + p { margin-top: 2.5rem; } @media only screen and (min-width: 768px) { .section .textTwoColumns + .section__media + .h3, .section .article__body > .textTwoColumns + .section__media + h3, .section .productHeader .textTwoColumns + .h1.section__media + p, .productHeader .section .textTwoColumns + .h1.section__media + p { margin-top: 5rem; } } .section .textOneColumn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section .textOneColumn p { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media only screen and (min-width: 992px) { .section .textOneColumn p { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .section .textOneColumn p + img { margin: 2rem 0 0 0; } @media only screen and (min-width: 992px) { .section .textOneColumn p + img { margin: 0 0 0 2rem; } } .section .textOneColumn + .bulletList, .section .legal .textOneColumn + ul, .legal .section .textOneColumn + ul, .section .article__body > .textOneColumn + ul { margin-top: 2rem; } @media only screen and (min-width: 992px) { .section .textOneColumn { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .textTwoColumns + *:not(.button):not(.checklist):not(.bulletList):not(.highlight), .textOneColumn + *:not(.button):not(.checklist):not(.bulletList):not(.highlight) { margin-top: 2.5rem; } @media only screen and (min-width: 992px) { .textTwoColumns + *:not(.button):not(.checklist):not(.bulletList):not(.highlight), .textOneColumn + *:not(.button):not(.checklist):not(.bulletList):not(.highlight) { margin-top: 5rem; } } /* .section .video { position: relative; margin-top: 2.5rem; } @media only screen and (min-width: 992px) { .section .video { margin-top: 5rem; } } */ .section__main { position: relative; } .section__aside { position: absolute; top: 0; bottom: initial; } @media only screen and (min-width: 992px) { .section__aside { bottom: 0; } } .section__aside__item { display: none; } @media only screen and (min-width: 992px) { .section__aside__item { display: block; } } .section__aside__item:nth-child(2), .section__aside__item:nth-child(3) { margin-bottom: 8rem; } .section__aside__item > p:first-of-type { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 2rem; } .single .section:first-child .section__header { margin-bottom: 0; } .section.section--divider .section__header { border-top: solid 1px #1a1f29; } .section.section--divider .section__header:after { background: #1a1f29; content: " "; height: 1px; left: 100%; position: absolute; top: -1px; width: 1rem; } .section.section--divider .h2, .section.section--divider .article__body > h2 { border-top: 8px solid #1a1f29; display: inline-block; padding-top: 1rem; } @media only screen and (min-width: 768px) { .section.section--divider .h2, .section.section--divider .article__body > h2 { padding-top: 2rem; } } .section.section--divider.section--invert .section__header { border-color: #fff; } .section.section--divider.section--invert .section__header:after { background: #fff; } .section.section--divider.section--invert .h2, .section.section--divider.section--invert .article__body > h2 { border-top: 8px solid #fff; } article .section:first-child { margin-top: 3rem; } @media only screen and (min-width: 768px) { article .section:first-child { margin-top: 6rem; } } /** select.scss */ .select { background: rgba(255, 255, 255, 0); border-radius: 0.15rem; border: 1px solid #898a8d; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 3.5rem; line-height: 3.5rem; margin-top: 0.5rem; position: relative; width: 100%; } .select select { -moz-appearance: none; -webkit-appearance: none; background: rgba(255, 255, 255, 0); border-radius: 0.15rem; border: 0; color: #1a1f29; cursor: pointer; display: block; font-size: 18px; height: 3.5rem; left: 0; line-height: 3.5rem; max-width: 100%; padding: 0 1rem 0; position: absolute; top: 0; width: 100%; } .select select:active, .select select:focus { border: 0; -webkit-box-shadow: none; box-shadow: none; outline: 0; } .select select::-ms-expand { display: none; } .select .wpcf7-form-control-wrap { display: block; } @media only screen and (min-width: 768px) { .select select { min-width: 100%; } } .select::before { background-image: url("data:image/svg+xml;utf8,"); background-position: center center; background-repeat: no-repeat; content: " "; height: 3.5rem; line-height: 3.5rem; position: absolute; right: 0; top: 0; width: 3.5rem; } /** share.scss */ .share { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 2rem; } .share li:not(:first-child) { margin: 0 0 0 1.5rem; } @media only screen and (min-width: 576px) { .share { margin-top: 0; } } .section__aside .share { display: none; } @media only screen and (min-width: 992px) { .section__aside .share { display: -webkit-box; display: -ms-flexbox; display: flex; } } .page--dark .share li:not(:nth-of-type(3)) .icon svg { fill: #f8f6f2; } .page--dark .share li:nth-of-type(3) .icon svg { fill: #f8f6f2; stroke: #1a1f29; } .page--dark .share .icon--stroke { border-color: #f8f6f2; } /** simplequote.scss */ .simpleQuote { border: solid 1px #f8f6f2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 2rem 0 2rem; } @media only screen and (min-width: 576px) { .simpleQuote { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 768px) { .simpleQuote { margin: 4rem 0 4rem; } } .simpleQuote .h4, .simpleQuote .legal h2, .legal .simpleQuote h2, .simpleQuote .article__body > h4 { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; margin-bottom: 0; } .simpleQuote__heading { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 576px) { .simpleQuote__heading { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .simpleQuote__copy { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; padding: 1.5rem; } .simpleQuote__copy p { margin-right: 0; } @media only screen and (min-width: 576px) { .simpleQuote__copy { padding: 2rem; } } .simpleQuote__author { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 0.5rem; } @media only screen and (min-width: 576px) { .simpleQuote__author { margin-top: 0; } } .simpleQuote__media img { display: block; } .simpleQuote__icon { height: 32px; left: initial; margin: 0 0 1rem 0; position: relative; top: initial; width: 48px; } .simpleQuote__icon::before { content: " "; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgNDggMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYzLjEgKDkyNDUyKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5xdW90ZS1pY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Ikd1dGUtTmFjaHQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHdXRlLU5hY2h0LUFydGljbGUtYnAtbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU2MC4wMDAwMDAsIC0xNzcxLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJDaGFwdGVyLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUyOC4wMDAwMDAsIDEzNjEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iSGlnaGxpZ2h0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMzcwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJJY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi4wMDAwMDAsIDMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy40NDgyNzU4Niw4IEMzLjI0MDY2MjA3LDggLTEuNzE3MTQ0OTRlLTE0LDExLjM3OTg2MjEgLTEuNzE3MTQ0OTRlLTE0LDE1LjUyNTkwMzQgTC0xLjcxNzE0NDk0ZS0xNCwyMS4yNDEzNzkzIEMtMS43MTcxNDQ5NGUtMTQsMjUuMzg3NDIwNyAzLjI1Nzk1ODYyLDI4LjY4OTY1NTIgNy40NDgyNzU4NiwyOC42ODk2NTUyIEwxMS40MDUxMzEsMjguNjg5NjU1MiBDMTAuODcwMDk2NiwzMS45NjczOTMxIDEwLjEwNjE1MTcsMzUuMDEwNTkzMSA5LjEyOTI2ODk3LDM4LjM4Nzk3MjQgQzguOTg0NjA2OSwzOC44ODE3MTAzIDkuNDE2NjA2OSwzOS40NTI5MTAzIDkuOTMxMDM0NDgsMzkuNDQ4MzAzOSBDMTEuMzIwNjM0NSwzOS40NDgzMDM5IDEyLjU0NjQ1NTIsMzguNTI3MDg5NyAxMy43MzI4LDM3LjI3NTg2MjEgQzE0LjkxODg5NjYsMzYuMDI0NjM0NSAxNi4wNzM3OTMxLDM0LjM1MzQ4OTcgMTcuMDk0Nzg2MiwzMi41MTcyNDE0IEMxOS4xMzcxMDM0LDI4Ljg0NDc0NDggMjAuNjg5NjU1MiwyNC41NzU3MjQxIDIwLjY4OTY1NTIsMjEuNTc3NTQ0OCBDMjAuNjg5NjU1MiwxOS41NjAzMDM0IDIwLjY4OTY1NTIsMTcuNTQzMTQ0OCAyMC42ODk2NTUyLDE1LjUyNTkwMzQgQzIwLjY4OTY1NTIsMTEuMzc5OTQ0OCAxNy40NDg5OTMxLDggMTMuMjQxMzc5Myw4IEw3LjQ0ODI3NTg2LDggWiBNMzQuNzU4NjIwNyw4IEMzMC41NTEwMDY5LDggMjcuMzEwMzQ0OCwxMS4zNzk4NjIxIDI3LjMxMDM0NDgsMTUuNTI1OTAzNCBMMjcuMzEwMzQ0OCwyMS4yNDEzNzkzIEMyNy4zMTAzNDQ4LDI1LjM4NzQyMDcgMzAuNTY4MzAzNCwyOC42ODk2NTUyIDM0Ljc1ODYyMDcsMjguNjg5NjU1MiBMMzguNzE1NDc1OSwyOC42ODk2NTUyIEMzOC4xODA0NDE0LDMxLjk2NzM5MzEgMzcuNDE2NDk2NiwzNS4wMTA1OTMxIDM2LjQzOTYxMzgsMzguMzg3OTcyNCBDMzYuMjk0OTUxNywzOC44ODE3MTAzIDM2LjcyNjk1MTcsMzkuNDUyOTEwMyAzNy4yNDEzNzkzLDM5LjQ0ODMwMzkgQzM4LjYzMDk3OTMsMzkuNDQ4MzAzOSAzOS44NTY4LDM4LjUyNzA4OTcgNDEuMDQzMTQ0OCwzNy4yNzU4NjIxIEM0Mi4yMjkyNDE0LDM2LjAyNDYzNDUgNDMuMzg0MTM3OSwzNC4zNTM0ODk3IDQ0LjQwNTEzMSwzMi41MTcyNDE0IEM0Ni40NDc0NDgzLDI4Ljg0NDc0NDggNDgsMjQuNTc1NzI0MSA0OCwyMS41Nzc1NDQ4IEM0OCwxOS41NjAzMDM0IDQ4LDE3LjU0MzE0NDggNDgsMTUuNTI1OTAzNCBDNDgsMTEuMzc5OTQ0OCA0NC43NTkzMzc5LDggNDAuNTUxNzI0MSw4IEwzNC43NTg2MjA3LDggWiBNNy40NDgyNzU4Niw5LjY1NTE3MjQxIEwxMy4yNDEzNzkzLDkuNjU1MTcyNDEgQzE2LjU3Mjc0NDgsOS42NTUxNzI0MSAxOS4wMzQ0ODI4LDEyLjIyNDgyNzYgMTkuMDM0NDgyOCwxNS41MjU5MDM0IEMxOS4wMzQ0ODI4LDE3LjU0MzE0NDggMTkuMDM0NDgyOCwxOS41NjAzMDM0IDE5LjAzNDQ4MjgsMjEuNTc3NTQ0OCBDMTkuMDM0NDgyOCwyMy45NTkwODk3IDE3LjU5MDE3OTMsMjguMjIwNTc5MyAxNS42NDY1MTAzLDMxLjcxNTQ3NTkgQzE0LjY3NDg0MTQsMzMuNDYzMDA2OSAxMy41ODY0LDM1LjAzNzU3MjQgMTIuNTQzMDYyMSwzNi4xMzc5MzEgQzEyLjA1NjExMDMsMzYuNjUxNjEzOCAxMS41NzMyOTY2LDM3LjAyOTA3NTkgMTEuMTQ2NTkzMSwzNy4zMDE2ODI4IEMxMi4wMjM1MDM0LDM0LjE3MjI0ODMgMTIuNzcxOTcyNCwzMS4yMTE1NTg2IDEzLjI0MTM3OTMsMjcuOTY1NTE3MiBDMTMuMzAwMTM3OSwyNy40OTkxNzI0IDEyLjg4Mzg2MjEsMjcuMDMwODQxNCAxMi40MTM3OTMxLDI3LjAzNDQ4MjggTDcuNDQ4Mjc1ODYsMjcuMDM0NDgyOCBDNC4wOTk2MTM3OSwyNy4wMzQ0ODI4IDEuNjU1MTcyNDEsMjQuNTQyNDU1MiAxLjY1NTE3MjQxLDIxLjI0MTM3OTMgTDEuNjU1MTcyNDEsMTUuNTI1OTAzNCBDMS42NTUxNzI0MSwxMi4yMjQ3NDQ4IDQuMTE2OTEwMzQsOS42NTUxNzI0MSA3LjQ0ODI3NTg2LDkuNjU1MTcyNDEgWiBNMzQuNzU4NjIwNyw5LjY1NTE3MjQxIEw0MC41NTE3MjQxLDkuNjU1MTcyNDEgQzQzLjg4MzA4OTcsOS42NTUxNzI0MSA0Ni4zNDQ4Mjc2LDEyLjIyNDgyNzYgNDYuMzQ0ODI3NiwxNS41MjU5MDM0IEM0Ni4zNDQ4Mjc2LDE3LjU0MzE0NDggNDYuMzQ0ODI3NiwxOS41NjAzMDM0IDQ2LjM0NDgyNzYsMjEuNTc3NTQ0OCBDNDYuMzQ0ODI3NiwyMy45NTkwODk3IDQ0LjkwMDUyNDEsMjguMjIwNTc5MyA0Mi45NTY4NTUyLDMxLjcxNTQ3NTkgQzQxLjk4NTE4NjIsMzMuNDYzMDA2OSA0MC44OTY3NDQ4LDM1LjAzNzU3MjQgMzkuODUzNDA2OSwzNi4xMzc5MzEgQzM5LjM2NjQ1NTIsMzYuNjUxNjEzOCAzOC44ODM2NDE0LDM3LjAyOTA3NTkgMzguNDU2OTM3OSwzNy4zMDE2ODI4IEMzOS4zMzM4NDgzLDM0LjE3MjI0ODMgNDAuMDgyMzE3MiwzMS4yMTE1NTg2IDQwLjU1MTcyNDEsMjcuOTY1NTE3MiBDNDAuNjEwNDgyOCwyNy40OTkxNzI0IDQwLjE5NDIwNjksMjcuMDMwODQxNCAzOS43MjQxMzc5LDI3LjAzNDQ4MjggTDM0Ljc1ODYyMDcsMjcuMDM0NDgyOCBDMzEuNDA5OTU4NiwyNy4wMzQ0ODI4IDI4Ljk2NTUxNzIsMjQuNTQyNDU1MiAyOC45NjU1MTcyLDIxLjI0MTM3OTMgTDI4Ljk2NTUxNzIsMTUuNTI1OTAzNCBDMjguOTY1NTE3MiwxMi4yMjQ3NDQ4IDMxLjQyNzI1NTIsOS42NTUxNzI0MSAzNC43NTg2MjA3LDkuNjU1MTcyNDEgWiIgaWQ9InF1b3RlLWljb24iPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=="); background-repeat: no-repeat; height: 32px; left: 0; position: absolute; top: 0; width: 48px; } @media only screen and (min-width: 576px) { .simpleQuote__icon { margin: 0 1rem 0 0; } } /** singleimage.scss */ .singleImage { margin: 2rem auto; } .singleImage img { display: block; max-width: 100%; width: 100%; } .singleImage figcaption { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; font-size: 12px; line-height: 21px; color: #898a8d; margin-top: 0.5rem; } @media only screen and (min-width: 768px) { .singleImage { margin: 4rem auto; } } /** slidebasic.scss */ .slideBasic img { display: inline-block; margin-bottom: 1.5rem; } .slideBasic .h3, .slideBasic .article__body > h3, .slideBasic .productHeader .h1 + p, .productHeader .slideBasic .h1 + p { /*border-bottom: 1px solid #1a1f29 !important;*/ margin-bottom: 1.5rem; padding-bottom: 1rem; } /** submenu.scss */ .submenu { margin-left: 0; margin-right: 0; overflow: hidden; position: relative; width: 100%; } @media only screen and (min-width: 992px) { .submenu { margin-left: calc(100vw / 2 - 93.75rem / 2); margin-right: calc(100vw / 2 - 93.75rem / 2); width: 93.75rem; } } @media only screen and (min-width: 1292px) { .submenu { margin-left: calc(100vw / 2 - 1292px / 2); margin-right: calc(100vw / 2 - 1292px / 2); width: 1292px; } } .submenu__list { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; margin-right: auto; white-space: nowrap; } .submenu__item { /*-webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto;*/ } .submenu__item:first-child { padding-left: 1.5rem; } .submenu__item:last-child { padding-right: 2.5rem; } .submenu__link { color: #898a8d; display: block; font-size: 16px; line-height: 20px; padding: 0.5rem 0.5rem; margin: 0.5rem 0.5rem; text-decoration: none; } .submenu__link:hover { color: #474a51; } .submenu__link.active { color: #265096; } /* styles for Company page */ .page-id-92 .submenu .submenu__item, .page-id-2120 .submenu .submenu__item { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; } /** table.scss */ .table { background: #faf6f2; left: 0; margin: 2rem 0 2rem; overflow-x: auto; position: relative; width: 100%; } @media only screen and (min-width: 768px) { .table { margin: 4rem 0 4rem; } } @media only screen and (min-width: 992px) { .table { overflow-x: initial; left: calc((100vw - 342px) / 2 * -1); width: 100vw; } } @media only screen and (min-width: 1292px) { .table { left: calc((100vw - 405px) / 2 * -1); } } .table__wrapper { border-collapse: collapse; border: 0; display: table; margin: 0 auto; position: relative; table-layout: fixed; width: 100%; z-index: 3; } @media only screen and (min-width: 992px) { .table__wrapper { width: 93.75rem; } } @media only screen and (min-width: 1292px) { .table__wrapper { width: 1214px; } } .table__head { text-align: left; border-bottom: 2px solid #1a1f29; } .table__body .table__row:nth-child(even) { background: rgba(239, 229, 222, 0.5); } .table__body .table__row:first-child { border-top: 1px solid #1a1f29; } .table__body .table__row:last-child { border-bottom: 4px solid #1a1f29; } .table__heading { font-weight: 600; } .table__cell, .table__heading { height: 4.5rem; padding-left: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 280px; width: 280px; } .table__cell { display: table-cell; } .table__cell:first-child { font-weight: 600; } .table caption { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; font-size: 12px; line-height: 21px; caption-side: bottom; text-align: left; } .table.table--invert { background: #1a1f29; } .table.table--invert .table__body .table__row:nth-child(even) { background: #21262f; } .table.table--invert .table__body .table__row:first-child, .table.table--invert .table__body .table__row:last-child { border-color: #fff; } /** toc.scss */ [table-of-content] { position: static; } @media only screen and (min-width: 992px) { [table-of-content] { position: absolute; } } .toc { width: 100%; } @media only screen and (min-width: 992px) { .toc { width: 279px; } } .toc__sticky { bottom: initial; display: block; left: initial; position: relative; right: initial; top: initial; } .toc__container { display: block; min-height: auto; } .toc__wrapper { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; background-color: #faf6f2; border: 1px solid #1a1f29; padding: 1rem 0; position: relative; -webkit-transition: none; transition: none; } .toc__title { display: block; margin-bottom: 2rem; padding: 0 1rem; } .toc__link { color: #1a1f29; display: block; font-weight: 600; padding: 0 1rem 0 1.75rem; position: relative; text-decoration: none; } .toc__link:not(:last-child) { margin-bottom: 0.5rem; } .toc__link::before { background: rgba(255, 255, 255, 0); border-radius: 0.25rem; bottom: 0; content: " "; height: 1.5rem; left: 0; margin-top: auto; margin-bottom: auto; position: absolute; top: 0; width: 0.25rem; } .toc__link:hover { color: #E7D39A; } .toc__menu { list-style: none; } .toc__menu li:not(:last-child) { margin-bottom: 1rem; } .toc__menu > li > .toc__link::after { background-image: url("data:image/svg+xml;utf8,"); background-position: center center; background-repeat: no-repeat; content: " "; color: #fff; position: absolute; top: 0.2rem; left: 0.5rem; width: 1rem; height: 1rem; } .toc__menu > li > .toc__link:hover::after { display: none; // background-image: url("data:image/svg+xml;utf8,"); } .toc__menu > li > .toc__link.is--active { color: #E7D39A; } .toc__menu > li > .toc__link.is--active::before { background: #E7D39A; } .toc__menu > li > .toc__link.is--active::after { display: none; // background-image: url("data:image/svg+xml;utf8,"); } .toc__submenu { list-style: none; display: none; } .toc__submenu li:not(:last-child) { margin-bottom: 0.5rem; } .toc__submenu .toc__link { font-weight: normal; } .toc__submenu .toc__link.is--active { color: #E7D39A; } .toc__submenu.is--visible { display: block; } .toc__toggle { font-family: 'Roboto', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #265096; color: #fff; cursor: pointer; display: none; height: calc(3.5rem + 1px); line-height: 3.5rem; padding-left: 1.5rem; pointer-events: auto; position: relative; -webkit-transition: background 0.1s linear, -webkit-transform 0.1s ease-in-out; transition: background 0.1s linear, -webkit-transform 0.1s ease-in-out; transition: background 0.1s linear, transform 0.1s ease-in-out; transition: background 0.1s linear, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; } .toc__toggle p::after { background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23ffffff' stroke-width='2' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; content: " "; height: calc(3.5rem + 1px); position: absolute; right: 0; top: 0; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; width: 3.5rem; } .toc__toggle.is--opened p::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .toc__toggle:hover { background: #19438c; -webkit-transition: background 0.1s linear; transition: background 0.1s linear; } .toc.is--sticky { position: fixed; left: 0; z-index: 11; } .toc.is--sticky .toc__sticky { bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 0; position: absolute; right: 0; top: 0; } .toc.is--sticky .toc__container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 0; } .toc.is--sticky .toc__wrapper { display: none; } .toc.is--sticky .toc__wrapper.is--opened { display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 0; opacity: 1; overflow-x: hidden; overflow-y: scroll; scrollbar-width: none; } .toc.is--sticky .toc__wrapper.is--opened::-webkit-scrollbar-track, .toc.is--sticky .toc__wrapper.is--opened::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0); } .toc.is--sticky .toc__wrapper.is--opened::-webkit-scrollbar { background: rgba(255, 255, 255, 0); display: none; height: 0; width: 0; } .toc.is--sticky .toc__toggle { display: block; } .toc.is--sticky .toc__title { display: none; } @media only screen and (min-width: 992px) { .toc.is--sticky { left: initial; } } .page--dark .toc .toc__wrapper { background-color: #1a1f29; border: 1px solid rgba(255, 255, 255, 0.2); } .page--dark .toc .toc__link { color: #fff; } .page--dark .toc .toc__link:hover { color: #E7D39A; } .page--dark .toc .toc__menu > li > .toc__link::after { background-image: url("data:image/svg+xml;utf8,"); } .page--dark .toc .toc__menu > li > .toc__link:hover::after { background-image: url("data:image/svg+xml;utf8,"); } .page--dark .toc .toc__menu > li > .toc__link.is--active { color: #E7D39A; } .page--dark .toc .toc__menu > li > .toc__link.is--active::after { background-image: url("data:image/svg+xml;utf8,"); } .page--dark .toc .toc__submenu li::before { color: #fff; } /** video.scss */ .video { position: relative; margin-left: 0; margin-right: 0; } .video video { display: block; outline: none; max-width: 100%; width: 100%; } .video__play { background: rgba(255, 255, 255, 0); -webkit-transition: background 0.1s linear; transition: background 0.1s linear; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; z-index: 2; } .video__play:hover { background: rgba(0, 0, 0, 0.1); -webkit-transition: background 0.1s linear; transition: background 0.1s linear; } .video__play:hover .video__button { background: #e03131; -webkit-transition: background 0.1s linear; transition: background 0.1s linear; } .video__button { background: #fa5252; -webkit-transition: background 0.1s linear; transition: background 0.1s linear; border-radius: 50%; height: 80px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80px; } .video__button:after { border-radius: 50%; border: solid 8px rgba(250, 82, 82, 0.2); bottom: -8px; content: " "; left: -8px; position: absolute; right: -8px; top: -8px; } .video__button svg { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*# sourceMappingURL=main.css.map */ /** Custom Styles **/ .header__logo { display: flex; justify-content: space-between; align-items: center; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 374px) { .header__logo { padding-top: 0rem; padding-bottom: 0rem; } } @media only screen and (min-width: 768px) { .header__logo { padding-top: 2rem; padding-bottom: 2rem; } } @media only screen and (min-width: 992px) { .header__logo { padding-top: 2rem; padding-bottom: 2rem; } } @media (max-width: 767px) { .header__logo { height: 40px; } } .header__logo .header__icons { display: flex; align-items: center; } .header__logo .header__icons a { width: auto; padding: 0 10px; font-size: 12px; line-height: 14px; text-decoration: none; color: #0e1d2c; font-family: 'Roboto', serif; display: flex; flex-wrap: wrap; } @media (max-width: 767px) { .header__logo .header__icons a { padding: 0 5px; } } .header__logo .header__icons a svg { display: block; width: 35px; height: 35px; margin: auto; } @media (max-width: 991px) { .header__logo .header__icons a svg { height: 20px; } } .header__logo .header__icons a span { margin-top: 5px; display: block; width: 100%; line-height: 1; display: none; } @media (max-width: 991px) { .header__logo .header__icons a span { display: none; } } .input-group--flex { display: flex; } .input-group--flex .input-group__btn { margin-left: 15px; } .hero { background-repeat: no-repeat; position: relative; background-size: cover; } .hero .hero__inner { background: #f8f6f2; display: inline-block; padding: 29px 25px; position: absolute; bottom: 0; text-align: center; left: 50%; transform: translateX(-50%) translateY(13.75rem); white-space: nowrap; } @media (max-width: 991px) { .hero .hero__inner { transform: translateX(-50%) translateY(80px); } } @media (max-width: 767px) { .hero .hero__inner { background: transparent; text-align: left; transform: translateY(100%); padding: 23px 16px; left: 0; bottom: 0; white-space: initial; } .hero .hero__inner .h1 { text-align: left; } } .index-section .hero { margin-top: 0; margin-bottom: 13.75rem; } @media (max-width: 991px) { .index-section .hero { margin-bottom: 80px; } } @media (max-width: 767px) { .index-section .hero { height: 280px !important; margin-bottom: 190px; } } div[data-section-type="hero-section"] { display: flow-root; width: 100%; } .benefits-section { margin-top: 120px; } @media (max-width: 767px) { .benefits-section { margin-top: 0; } .benefits-section .page-container { padding: 0; width: 100%; } } .benefits { display: flex; flex-wrap: wrap; } .benefits .benefits-icons { width: 50%; background: #0e1d2c; color: #f8f6f2; text-align: center; padding: 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; } .benefits .benefits-icons .h2 sup { font-size: 20px; position: relative; top: -5px; } .benefits .benefits-icons .h2 { line-height: 40px; } @media (max-width: 991px) { .benefits .benefits-icons { width: 100%; padding: 3.75rem 20px; } } .benefits .benefits-icons .benefits-icons__inner { display: flex; align-items: center; justify-content: space-evenly; margin-top: 20px; } .benefits .benefits-icons .benefits-icon img { margin: auto; width: 90px; height: 90px; margin-bottom: 10px; } @media (max-width: 480px) { .benefits .benefits-icons .benefits-icon img { width: 45px; height: 45px; } } .benefits .benefits-icons .benefits-icon .h4 { margin-top: 10px; /* @media (max-width: 1100px) { font-size: 18px; } */ } @media (max-width: 767px) { .benefits .benefits-icons .benefits-icon .h4 { font-size: 16px; line-height: 30px; } } .benefits .benefits-text { width: 50%; padding: 40px; background: #f8f6f2; color: #0e1d2c; box-sizing: border-box; } @media (max-width: 991px) { .benefits .benefits-text { width: 100%; padding: 30px 20px; } } .benefits .benefits-text p { margin-top: 12px; } .h7 { display: block; font-size: 18px; font-weight: bold; line-height: 30px; text-transform: uppercase; } .feature-row { width: 100%; position: relative; } .feature-row__item { width: 100%; } .feature-row__item.feature-row__text { width: 50%; padding: 40px; background: #f8f6f2; z-index: 2; position: absolute; top: 50%; transform: translateY(-50%); box-sizing: border-box; } @media (max-width: 991px) { .feature-row__item.feature-row__text { position: static; transform: none; width: 100%; padding: 30px 20px; } } .feature-row__item.feature-row__text.feature-row__text--left { right: 0; } .feature-row__item.feature-row__text.feature-row__text--right { left: 0; } .feature-row__item.feature-row__text .featured-row__subtext { margin-top: 30px; } .feature-row__item.feature-row__text .button { margin-top: 15px; width: 50%; } .feature-row__item.feature-row__text .h2 { /*line-height: 1;*/ } .feature-row__item.feature-row__image.feature-row__image--right { padding-left: 33.33%; } @media (max-width: 991px) { .feature-row__item.feature-row__image.feature-row__image--right { padding: 0; width: 100%; } } .feature-row__image-wrapper .feature-row__image { width: 100%; position: absolute; top: 0; } @media (max-width: 991px) { .feature-row__image-wrapper .feature-row__image { max-width: inherit !important; } } .feature-row__image-wrapper { position: relative; width: 100%; } @media (max-width: 991px) { .feature-row__image-wrapper { max-width: 100% !important; } } @media (max-width: 1291px) and (min-width: 992px) { .feature-row__image-wrapper div { padding-top: 75% !important; } .feature-row__image-wrapper div img { height: 100%; max-height: 100% !important; object-fit: cover; } } @media (max-width: 991px) { .feature-row__image-wrapper div img { height: 100%; max-height: 100% !important; object-fit: cover; } } .featured-products { display: flex; flex-wrap: wrap; } .featured-products .featured-product { width: calc(25% - 20px); margin: 0 10px; box-sizing: border-box; background: #f8f6f2; padding: 20px 25px 90px 25px; position: relative; } .featured-products .featured-product img { margin: auto; } @media (max-width: 1291px) { .featured-products .featured-product { width: calc(50% - 20px); margin-top: 30px; } } @media (max-width: 991px) { .featured-products .featured-product { width: calc(50% - 20px); margin-top: 30px; } } @media (max-width: 600px) { .featured-products .featured-product { width: 100%; margin-top: 30px; height: auto; text-align: center; } .featured-products .featured-product:first-child { margin-top: 0; } .featured-products .featured-product .h8 { text-align: left; } } .featured-products .featured-product .h3 { /* word-break: break-word;*/ } .featured-products .featured-product .h8 ul { margin-top: 20px; } .featured-products .featured-product .button { bottom: 20px; position: absolute; left: 50%; transform: translateX(-50%); } .h8 { font-size: 16px; line-height: 24px; } @media (max-width: 767px) { .featured-row-section .page-container { padding: 0; width: 100%; } } .featured-products-section { margin-top: 3.75rem; } @media (max-width: 767px) { .featured-products-section .page-container { /*width: 100%;*/ padding: 0; } } @media (max-width: 991px) { .mainMenu .menu { justify-content: flex-start; } } .rich-text-icons-section { margin-top: 120px; } @media (max-width: 767px) { .rich-text-icons-section { margin-top: 3.75rem; } } @media (max-width: 767px) { .rich-text-icons-section .section__wrapper { width: 100%; padding: 0 20px; } .rich-text-icons-section .section__wrapper .iconList { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); } } .rich-text-section { margin-top: 120px; } @media (max-width: 767px) { .rich-text-section .section__wrapper { width: 100%; padding: 0 20px; } .rich-text-section .section__wrapper img.section__media, .rich-text-section .section__wrapper .slider-content-one { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); max-width: initial; } } .rich-text-section .section__body .section__media { margin-top: 3.75rem; margin-bottom: 3.75rem; } @media (max-width: 767px) { .rich-text-section .section__body .section__media { margin-top: 30px; margin-bottom: 30px; } } .rich-text-section .section__body img + .h3 { margin-top: 0; } @media (max-width: 767px) { .rich-text-section { margin-top: 3.75rem; } } .rich-text-checklist-section { margin-top: 120px; } @media (max-width: 767px) { .rich-text-checklist-section .section__wrapper { width: 100%; padding: 0 20px; } .rich-text-checklist-section .section__wrapper img.section__media { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); max-width: initial; } } .rich-text-checklist-section .section__body .section__media { margin-top: 3.75rem; margin-bottom: 3.75rem; } @media (max-width: 767px) { .rich-text-checklist-section .section__body .section__media { margin-top: 30px; margin-bottom: 30px; } } @media (max-width: 480px) { .rich-text-checklist-section .section__body .h3 { white-space: break-spaces; } } @media (max-width: 480px) { .rich-text-checklist-section .section__body .accordion__toggle { padding: 0 40px 0 10px; } } @media (max-width: 480px) { .rich-text-checklist-section .section__body .accordion__icon { margin-right: 10px; } } @media (max-width: 480px) { .rich-text-checklist-section .section__body .accordion__toggle__icon { right: 10px; } } .rich-text-checklist-section .section__body img + .h3 { margin-top: 0; } @media (max-width: 767px) { .rich-text-checklist-section { margin-top: 3.75rem; } } .blog-section { margin-top: 120px; } .blog-section .section__body .h3 { margin-bottom: 30px; } @media (min-width: 481px) { .blog-section .grid__copy .h4 { line-height: 36px; font-size: 24px; } } @media (max-width: 767px) { .blog-section { margin-top: 3.75rem; } .blog-section .grid__item .grid__copy { margin-top: 0; } } .blog-section .button--primary { margin-top: 3.75rem; } .blog-section .grid__item { padding: 0; border: 0; } @media (max-width: 991px) { .blog-section .grid__item article { display: block; } } .blog-section .grid__item .grid__media { align-self: normal; margin-right: 0; height: 200px; } @media (max-width: 991px) { .blog-section .grid__item .grid__media { height: 175px; } } .blog-section .grid__item .grid__media img { height: 100%; width: 100%; object-fit: cover; } .blog-section .grid__item .grid__copy { margin-left: 0; padding: 20px; background: #f8f6f2; position: relative; height: 200px; margin-top: 0; } @media (max-width: 991px) { .blog-section .grid__item .grid__copy { height: 175px; } } .blog-section .grid__item .grid__copy .button { position: absolute; left: 20px; bottom: 20px; font-size: 16px; } .footer__wrapper div.footer__section { border: 0; } .footer__section--top { background: #265096; } .footer__section--bottom { background: #142E59; } div.metamenu { background: transparent; display: flex; align-items: center; padding: 30px 0; border-top: 3px solid #ffffff; } @media (max-width: 767px) { div.metamenu { flex-wrap: wrap; } } @media (max-width: 767px) { div.metamenu .metamenu__copyright { width: 100%; } } @media (max-width: 767px) { div.metamenu .metamenu__list { margin: auto; } } .footer__section.footer__section--main { align-items: flex-start; } .footer__social-wrapper { display: flex; justify-content: center; align-items: center; flex-direction: column; } @media (min-width: 768px) { .footer__social-wrapper { flex-direction: row; align-items: flex-start; justify-content: space-around; max-width: 767px; margin: 0 auto; } } .payment-icons { list-style: none; padding-top: 8px; } .payment-icons .payment-icon { width: 13%; float: left; margin-right: 1.5%; margin-bottom: 10px; } .payment-icons .payment-icon svg { width: 100%; height: auto; } div.footer__reviews { padding-bottom: 36px; } @media (min-width: 768px) { div.footer__reviews { padding-bottom: 0; } } .footer__social { margin: auto; flex-wrap: wrap; max-width: initial; justify-content: center; } .footer__social .h5 { display: block; width: 100%; text-align: center; margin-bottom: 30px; } .footer__social img { width: 30px; } @media (min-width: 768px) { .footer__social { justify-content: flex-start; } } .header__hamburger { display: flex; height: 40px; margin-right: 0; padding-left: 18px; margin-left: 15px; cursor: pointer; } .header__hamburger .header__hamburger__text { margin-left: 10px; font-size: 30px; font-weight: bold; color: #0E1D2C; } @media (max-width: 768px) { .header__hamburger .header__hamburger__text { display: none; } } @media (max-width: 767px) { .header__hamburger { display: flex; } .header__hamburger svg { width: 100%; height: 100%; } } .header__hamburger.active { border-color: rgba(248, 246, 242, 0.2); } @media (max-width: 767px) { .mainMenu { display: none; } } .submenu__link.active { background-color: #F8F6F2; border-radius: 2px; } .mobile-nav { display: none; position: fixed; left: 100vw; width: 100%; height: calc(100vh - 40px); opacity: 0; z-index: 2; background-color: #f5f1e9; transition: all 0.3s; margin-top: 40px; padding-top: 50px; overflow: auto; transition: all 0.5s; } @media (max-width: 767px) { .mobile-nav { display: block; } } .mobile-nav.active { left: 0; opacity: 1; z-index: 2; } .mobile-nav .mobile-nav__accordion { margin-top: -1px; border-top: 1px solid rgba(248, 246, 242, 0.2); padding: 0px 20px; } .mobile-nav .mobile-nav__accordion .mobile-nav__item { position: relative; border-bottom: 1px solid #000; } .mobile-nav .mobile-nav__accordion .mobile-nav__item .mobile-nav__item__link__over { display: block; width: calc(100% - 55px); text-decoration: none; position: absolute; left: 0; top: 0; height: 50px; z-index: 1; } .mobile-nav .mobile-nav__accordion .mobile-nav__item .mobile-nav__item__link { background: transparent; color: #0e1d2c; font-size: 30px; font-family: GesturaDisplay, Roboto, serif; letter-spacing: 0; line-height: 30px; border: 0 !important; text-transform: uppercase; text-decoration: none; min-height: auto; padding: 15px 1rem; justify-content: space-between; border-bottom: 1px solid rgba(14, 29, 44, 0.2) !important; display: flex; width: 100%; } .mobile-nav .mobile-nav__accordion .mobile-nav__item .mobile-nav__item__link .h3 { color: #0e1d2c; font-size: 30px; font-family: GesturaDisplay, Roboto, serif; letter-spacing: 0; line-height: 1; } .mobile-nav .mobile-nav__accordion .mobile-nav__item.mobile-nav__item--invert .mobile-nav__item__link { color: #000; font-size: 30px; font-family: GesturaDisplay, Roboto, serif; letter-spacing: 0; line-height: 30px; border: 0 !important; text-transform: uppercase; text-decoration: none; min-height: auto; padding: 15px 1rem; justify-content: space-between; border-bottom: 1px solid rgba(241, 237, 229, 0.2) !important; display: flex; width: 100%; } .mobile-nav .mobile-nav__accordion .mobile-nav__item.mobile-nav__item--invert .mobile-nav__item__link .h3 { font-size: 30px; font-family: GesturaDisplay, Roboto, serif; letter-spacing: 0; line-height: 1; } .mobile-nav .mobile-nav__accordion .mobile-nav__item.mobile-nav__item--invert .mobile-nav__item__link .accordion__toggle__icon--mob { width: 54px; border-left: 1px solid rgba(241, 237, 229, 0.2); text-align: center; cursor: pointer; position: absolute; right: 0; height: 100%; top: 0; display: flex; align-items: center; justify-content: center; } .mobile-nav .mobile-nav__accordion .mobile-nav__item.mobile-nav__item--invert .mobile-nav__item__link .accordion__toggle__icon--mob .chevron { background: #f8f6f2; height: 30px; width: 30px; display: inline-block; border-radius: 50%; text-align: center; transition: all 0.3s; } .mobile-nav .mobile-nav__accordion .mobile-nav__item.mobile-nav__item--invert .mobile-nav__item__link .accordion__toggle__icon--mob .chevron svg { width: 12px; height: 8px; position: relative; top: -3px; } .mobile-nav .mobile-nav__accordion .mobile-nav__item.mobile-nav__item--invert .mobile-nav__item__link.active .accordion__toggle__icon--mob .chevron { transform: rotate(180deg); } .mobile-nav .mobile-nav__accordion .mobile-nav__item--invert .mobile-nav__subitem { color: #000; border-bottom: 1px solid rgba(248, 246, 242, 0.2); font-family: BasisGrotesqueArabicPro; font-weight: bold; } .mobile-nav .mobile-nav__accordion .mobile-nav__subitem { padding: 15px 1rem; color: #000; border-bottom: 1px solid rgba(14, 29, 44, 0.2); text-decoration: none; display: block; font-weight: bold; } .mobile-nav .mobile-nav__accordion .mobile-nav__subitem .mobile-nav__subitem__inner { display: flex; align-items: center; } .mobile-nav .mobile-nav__accordion .mobile-nav__subitem .mobile-nav__subitem__inner img { width: 33.33%; } .mobile-nav .mobile-nav__accordion .mobile-nav__subitem .mobile-nav__subitem__inner .mobile-nav__subitem__info { width: 66.66%; padding: 0 20px; } .mobile-nav .mobile-nav__accordion .mobile-nav__subitem .mobile-nav__subitem__inner .mobile-nav__subitem__info .mobile-nav__subitem__title { font-family: 'Roboto', serif; font-size: 20px; } .mobile-nav .mobile-nav__accordion .mobile-nav__subitem .mobile-nav__subitem__inner .mobile-nav__subitem__info .mobile-nav__subitem__content { font-size: 16px; line-height: 24px; font-family: 'Roboto', serif; } .mobile-nav .mobile-nav__social { display: flex; align-items: center; justify-content: center; } .mobile-nav .mobile-nav__social img { width: 35px; height: 35px; padding: 0 13px; box-sizing: content-box; } .header__logo__inner { display: flex; align-items: center; width: 252px; } @media (min-width: 1024px) { .header__logo__inner { width: auto; } } .header--invert .header__hamburger g { fill: #f8f6f2; } .header--invert .account-icon g { fill: #f8f6f2; } .header--invert .cart-icon g { fill: #f8f6f2; } .header--invert button[data-action="scroll-right"]:after { background-image: url("data:image/svg+xml;utf8,"); } .header--invert button[data-action="scroll-left"]:after { background-image: url("data:image/svg+xml;utf8,"); } .collection-header .h1 { margin-top: 3.75rem; margin-bottom: 0px; } @media (max-width: 767px) { .collection-header .page-container { width: 100%; padding: 0 20px; } } .product-grid .product-item .product-item__content .product-item__meta { width: 90%; margin: auto; } .product-grid { display: flex; /* justify-content: space-between; */ flex-wrap: wrap; } .product-grid .product-item { width: calc((100% - 40px) / 3); margin-top: 30px; margin-right: 20px; } .product-grid .product-item:nth-child(3n) { margin-right: 0; } @media (max-width: 767px) { .product-grid .product-item { width: 100%; margin-top: 0; margin-right: 0; margin-bottom: 30px; } .product-grid .product-item:first-child { margin-top: 30px; } } .product-grid .product-item .product-item__title { background-color: #0e1d2c; padding: 6px 20px 6px 30px; display: flex; align-items: center; justify-content: space-between; border-radius: 2px 2px 0 0; } @media (max-width: 767px) { .product-grid .product-item .product-item__title { padding: 6px 20px 6px 15px; } } .product-grid .product-item .product-item__title .h4 { color: #f8f6f2; } .product-grid .product-item .product-item__title .chevron { background: #f8f6f2; height: 30px; width: 30px; display: block; border-radius: 50%; text-align: center; cursor: pointer; transition: all 0.3s; } .product-grid .product-item .product-item__title .chevron svg { width: 12px; height: 8px; position: relative; top: -3px; } .product-grid .product-item .product-item__ab { font-size: 16px; line-height: 24px; font-weight: bold; display: block; } .product-grid .product-item .product-item__content { background-color: #f8f6f2; text-align: center; padding: 30px 0 20px 0; position: relative; border-radius: 0 0 2px 2px; } .product-grid .product-item .product-item__content .product-item__meta { display: block; } .product-grid .product-item .product-item__content .product-item__image { margin: auto; max-width: 70%; } .product-grid .product-item .product-item__content .product-item__price { display: block; font-size: 28px; line-height: 44px; color: #e03131; font-weight: bold; } .product-grid .product-item .product-item__content .product-item__link { margin-top: 20px; } .product-grid .product-item .product-item__hover { background-color: #0e1d2c; color: white; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; box-sizing: border-box; max-height: 0; overflow: hidden; transition: all 0.3s; min-height: 0; } .product-grid .product-item .product-item__hover .button { margin-top: 20px; margin-bottom: 20px; } .product-grid .product-item .product-item__desc { padding: 20px 20px 0px 20px; } .product-grid .product-item.product-item--active .product-item__hover { /*padding: 20px 20px 20px 20px;*/ min-height: 100%; } .product-grid .product-item.product-item--active .chevron { transform: rotate(180deg); } .product-grid .product-item.product-item--active .product-item__title { border-bottom: 1px solid rgba(248, 246, 242, 0.2); } @media (max-width: 767px) { .product-grid .product-item.product-item--active .product-item__desc { text-align: left; display: block; } } .productAccordion__toggle .h3 { padding-left: 30px; } .productAccordion + .section__body { margin-top: 200px; } .cta-section { background-color: #0e1d2c; margin-top: 120px; } @media (max-width: 767px) { .cta-section { margin-top: 3.75rem; } } .newsletter-form .input-group { display: flex; justify-content: center; } .newsletter-form .input-group .form__input { width: 320px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; color: white; } .newsletter-form .input-group .form__input::placeholder { color: white; opacity: 0.5; } .newsletter-form .input-group .form__submit button { background: #9ec4ff; color: #0e1d2c; border-top-left-radius: 0; border-bottom-left-radius: 0; border: 1px solid #fff; border-left: 0; } .newsletter-form .input-group .form__submit button:hover { background: #fff; color: #9ec4ff; } .section__body__inner { position: relative; margin-top: 75px; display: flex; align-items: center; } @media (max-width: 767px) { .section__body__inner { margin-top: 30px; flex-direction: column; } } .section__body__inner img { width: 150px; height: 150px; } @media (max-width: 767px) { .section__body__inner img { position: static; transform: none; margin-bottom: 20px; } } .rich-text-section .slideBasic .h3 { padding-bottom: 0; margin-bottom: 30px; } @media (max-width: 767px) { .rich-text-tabs-section .section__wrapper { width: 100%; padding: 0 20px; } } .rich-text-tabs-section .slider-content-one { display: none; } @media (max-width: 767px) { .rich-text-tabs-section .slider-content-one { display: block; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); } } .rich-text-tabs-section .h3 sup { font-size: 20px; } .textTabs { display: flex; background: #f8f6f2; padding: 40px 0; margin-top: 3.75rem; } @media (max-width: 767px) { .textTabs { display: none; } } .textTabs img { margin-bottom: 30px; } .textTabs .textTabs__title { width: 33.33%; } .textTabs .textTabs__title .textTabs__title__item { margin-bottom: 30px; cursor: pointer; position: relative; } .textTabs .textTabs__title .textTabs__title__item .h3 { padding-left: 30px; padding-right: 10px; display: inline-block; position: relative; background: #f8f6f2; } .textTabs .textTabs__title .textTabs__title__item:before { position: absolute; width: calc(100% - 10px); height: 1px; background: #0e1d2c; left: 0; top: calc(50% - 0.5px); } .textTabs .textTabs__title .textTabs__title__item.active:before { content: ''; display: block; } .textTabs .textTabs__content { width: 66.66%; } .textTabs .textTabs__content .textTabs__content__item { display: none; padding-right: 20px; } .textTabs .textTabs__content .textTabs__content__item img { object-fit: cover; } @media (min-width: 769px) { .textTabs .textTabs__content .textTabs__content__item img { height: 250px; } } .textTabs .textTabs__content .textTabs__content__item.active { display: block; } .textTabs .textTabs__content .textTabs__content__item .text-small .h4 { margin-bottom: 30px; } @media (max-width: 767px) { #shopify-section-feature-row-copy1 { margin-top: 0; } } .slider-content-one { background: #f8f6f2; padding-bottom: 40px; margin-top: 3.75rem; } .slider-content-one .slick-next, .slider-content-one .slick-prev { bottom: 0; } .slider-content-one .slick-prev { left: 20px; } .slider-content-one .slick-next { right: 20px; } .slider-content-one .slick-dots { bottom: 20px !important; } .slider-content-one .slick-dots button:before { color: rgba(14, 29, 44, 0.2); } .slider-content-one .slick-dots .slick-active button:before { color: #0e1d2c; transform: scale(1.5); } .slideBasic { padding: 30px 20px; } div:focus { outline: none; } .iconList { background: #0e1d2c; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; margin-top: 3.75rem; } .iconList .iconList__item { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; margin: 0 auto; box-sizing: border-box; text-align: center; color: white; padding: 20px; } .iconList .iconList__item img { width: 100%; } .iconList .iconList__item p { word-break: break-word; } @media (min-width: 992px) { .iconList .iconList__item p { font-size: 12px; line-height: 18px; word-break: inherit; } } @media (max-width: 1290px) { .iconList .iconList__item { padding: 15px; } } @media (max-width: 1100px) { .iconList .iconList__item { padding: 10px; } } @media (max-width: 991px) { .iconList .iconList__item { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media (max-width: 767px) { .iconList .iconList__item { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } } @media (max-width: 600px) { .iconList .iconList__item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (max-width: 767px) { .rich-text-video-section .section__wrapper { width: 100%; padding: 0 20px; } .rich-text-video-section .section__wrapper .video { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; max-width: initial; } } .rich-text-video-section .section__wrapper .video + .h3 { margin-top: 3.75rem; } @media (max-width: 767px) { .rich-text-video-section .section__wrapper .video + .h3 { margin-top: 30px; } } .rich-text-video-section .section__wrapper img { margin-top: 3.75rem; } @media (max-width: 767px) { .rich-text-video-section .section__wrapper img { margin-top: 30px; } } .rich-text-selector-section select { margin-bottom: 3.75rem; } @media (max-width: 767px) { .rich-text-selector-section select { margin-bottom: 30px; } } @media (max-width: 767px) { .rich-text-accordion-section .section__wrapper { padding: 0 20px; width: 100%; } } .rich-text-accordion-section .productAccordion__item .productAccordion__toggle { border-bottom: 1px solid #1a1f29 !important; } .rich-text-accordion-section .productAccordion__toggle .h3 { display: inline-block; } @media (max-width: 767px) { .rich-text-accordion-section .productAccordion__media { width: 565px; max-width: 565px; transform: translateX(45%) translateY(20%); } } @media (max-width: 53.75rem) { .rich-text-accordion-section .productAccordion__media { transform: translateX(62%) translateY(20%); } } .shopify-section { overflow: hidden; } .product-single__description ul, ul.product-details { list-style: none; text-indent: -1.5rem; padding-left: 1.5rem; } .product-single__description ul li, ul.product-details li { margin-bottom: 0.25rem; line-height: 1; font-size: 18px; line-height: 24px; } .product-single__description ul li:before, ul.product-details li:before { content: "•"; font-size: 1.75rem; padding-right: 1rem; color: #1a1f29; position: relative; top: 0.25rem; } .single-option-selector { max-width: 180px; } .product-single { display: flex; flex-wrap: wrap; width: 70%; padding-right: 30px; } @media (max-width: 991px) { .product-single { width: 60%; } } @media (max-width: 767px) { .product-single { width: 100%; padding-right: 0; } } .product-single .product-single__media-group { width: 50%; } @media (max-width: 991px) { .product-single .product-single__media-group { width: 100%; } } .product-single .product-single__meta__wrapper { width: 50%; } @media (max-width: 991px) { .product-single .product-single__meta__wrapper { width: 100%; margin-top: 20px; } } #ProductSelect-product-template { display: none; } .product-single__media-wrapper { margin: 0 auto; width: 100%; } .product-single__media { margin: 0 auto; min-height: 1px; width: 100%; height: 100%; position: relative; } .product-options-wrapper { /* pointer-events: none; opacity: 0.8; &.active { pointer-events: all; opacity: 1; } */ } .product-widget { width: 30%; } @media (max-width: 991px) { .product-widget { width: 40%; } } @media (max-width: 767px) { .product-widget { width: 100%; margin-top: 30px; } } .product-selector { background: #f8f6f2; } .product-selector .product-info { width: 100%; padding: 15px 28px; } @media (max-width: 1200px) { .product-selector .product-info { padding: 15px; } } .product-selector .product-info .h1 { font-weight: bold; line-height: unset; font-size: 24px; } @media (min-width: 768px) { .product-selector .product-info .h1 { font-size: 28px; } } .product-selector hr { width: 100%; } .product-selector .product-selector__title { color: #0e1d2c; text-align: center; margin: 0; border-radius: 2px 2px 0 0; } .product-selector .product-selector__content { padding: 15px 28px; border-radius: 0 0 2px 2px; } @media (max-width: 1200px) { .product-selector .product-selector__content { padding: 15px; } } .product-selector .product-selector__subtitle { color: #0e1d2c; font-size: 18px; line-height: 30px; font-weight: bold; } .product-selector .product-switch { display: flex; align-items: center; margin-top: 15px; } .product-selector .product-switch .product-switch__inner { position: relative; display: inline-block; width: 40px; height: 20px; margin-right: 5px; } .product-selector .product-switch .product-switch__inner input { opacity: 0; width: 100%; height: 100%; z-index: 1; position: relative; cursor: pointer; } .product-selector .product-switch .product-switch__inner input:checked + span { background-color: #0e1d2c; } .product-selector .product-switch .product-switch__inner input:checked + span:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } .product-selector .product-switch .product-switch__inner span { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: rgba(14, 29, 44, 0.1); -webkit-transition: .4s; transition: .4s; border-radius: 20px; } .product-selector .product-switch .product-switch__inner span:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } .product-selector .product-switch .product-switch__label { font-size: 12px; line-height: 19px; font-weight: bold; width: calc(100% - 50px); } .product-selector .product-options { display: flex; background: rgba(14, 29, 44, 0.1); margin-top: 20px; position: relative; } .product-selector .product-options__item { width: 50%; height: 30px; font-size: 14px; line-height: 30px; text-align: center; color: #0e1d2c; cursor: pointer; z-index: 1; } .product-selector .product-options__item.product-options__item--active { color: #f8f6f2; background: #0e1d2c; } .product-selector .product-colors { display: none; } .product-selector .product-colors.product-colors--active { display: block; } .product-selector .product-colors.product-colors--active .product-colors__active { background: white; } .product-selector .product-colors .product-colors__active { cursor: pointer; position: relative; } .product-selector .product-colors .product-colors__active .product-colors__label { font-size: 12px; color: #0e1d2c; line-height: 21px; position: absolute; top: -10.5px; left: 50%; transform: translateX(-50%); background: #f8f6f2; z-index: 1; white-space: nowrap; padding: 0 20px; } @media (max-width: 1300px) { .product-selector .product-colors .product-colors__active .product-colors__label { padding: 0 5px; } } .product-selector .product-colors .product-colors__active .product-colors__label:after { position: absolute; bottom: 0; height: 10px; background: #fff; left: 0; width: 100%; z-index: -1; content: ''; } .product-selector .product-colors .product-colors__active .product-colors__item { border: 1px solid rgba(14, 29, 44, 0.2); border-radius: 2px; } .product-selector .product-colors .product-colors__active .product-colors__item:before { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; color: #265096; font-size: 14px; font-weight: bold; background-color: #DFDFDD; width: 25px; height: 25px; line-height: 25px; border-radius: 50%; content: '1'; display: block; } .product-selector .product-colors .product-colors__active .product-colors__item:after { position: absolute; right: 15px; top: 50%; transition: all 0.3s; transform: translateY(-50%); height: 24px; content: url("data:image/svg+xml;utf8,"); } .product-selector .product-colors .product-colors__active.active .product-colors__item:after { transform: translateY(-50%) rotate(180deg); } .product-selector .product-colors .product-colors__item { text-align: center; position: relative; padding: 10px 40px; cursor: pointer; border: 1px solid rgba(14, 29, 44, 0.2); border-top: 0; } .product-selector .product-colors .product-colors__item .product-colors__item__num { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; color: #265096; font-size: 14px; font-weight: bold; background-color: #DFDFDD; width: 25px; height: 25px; line-height: 25px; border-radius: 50%; opacity: 0; } .product-selector .product-colors .product-colors__item .product-colors__item__image img { margin: auto; } .product-selector .product-colors .product-colors__item .product-colors__item__image span { color: #0e1d2c; font-size: 18px; line-height: 24px; font-weight: bold; } .product-selector .product-colors .product-colors__dropdown { max-height: 0; overflow: hidden; transition: all 0.3s; } .product-selector .product-colors .product-colors__dropdown .product-colors__item { background: white; } .product-selector .product-colors .product-colors__dropdown .product-colors__item .product-colors__item__num { opacity: 0; } .product-selector .product-colors .product-colors__dropdown .product-colors__item.active { display: none; } .product-selector .product-colors .product-colors__more .product-colors__item { border: 0; } .product-selector .product-colors .product-colors__more .product-colors__item.product-colors__item--1:before { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; color: #265096; font-size: 14px; font-weight: bold; background-color: #DFDFDD; width: 25px; height: 25px; line-height: 25px; border-radius: 50%; content: '2'; display: block; } .product-selector .product-colors .product-colors__more .product-colors__item.product-colors__item--2:before { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; color: #265096; font-size: 14px; font-weight: bold; background-color: #DFDFDD; width: 25px; height: 25px; line-height: 25px; border-radius: 50%; content: '3'; display: block; } .product-selector .product-colors .product-colors__more .product-colors__item .product-colors__item__image { display: flex; align-items: center; } .product-selector .product-colors .product-colors__more .product-colors__item .product-colors__item__image img { width: 40%; margin-right: 5%; margin-left: 5%; } .product-selector .product-colors .product-colors__more .product-colors__item .product-colors__item__image span { display: block; width: 50%; color: #0E1D2C; font-family: 'Roboto', serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 24px; text-align: left; } .product-selector .product-colors .product-colors__more .product-colors__item.active { display: none; } .product-selector .product-colors .product-colors__more__title { color: #022D4E; font-family: 'Roboto', serif; font-size: 18px; font-weight: bold; letter-spacing: 0; line-height: 25px; padding-top: 30px; padding-bottom: 10px; } .product-options.hide + .product-colors { margin-top: 20px; } .product-form__controls-group .selector-wrapper:nth-child(3) { display: none; } .product-form__item--submit { display: none !important; } .product-template__container { display: flex; margin-top: 40px; align-items: flex-start; flex-wrap: wrap; } .product-price { display: flex; } .product-price .product-price__total { color: #0e1d2c; font-size: 1.125rem; font-weight: bold; height: 44px; letter-spacing: 0px; } .product-price .product-price__compare { font-size: 1.125rem; font-weight: normal; } .product-price .product-price__unit { display: flex; border: 1px solid #e03131; border-radius: 2px; height: 35px; line-height: 35px; font-size: 18px; font-weight: bold; text-align: center; margin-top: 0px; } .product-price .product-price__unit .product-price__unit__left { width: 30%; background: #e03131; border-radius: 2px 0px 0px 2px; color: #f8f6f2; } .product-price .product-price__unit .product-price__unit__right { width: 70%; } .product-price .product-price__unit .product-price__unit__right .more-info { border: 1px solid #0e1d2c; height: 15px; width: 15px; border-radius: 50%; display: inline-block; line-height: 13px; font-size: 10px; text-align: center; font-weight: bold; } .shipping-info-wrapper { margin-top: 15px; } .product-tip { color: #1a1f29; font-size: 12px; font-weight: bold; height: 21px; letter-spacing: 0px; line-height: 21px; } .product-add { font-weight: bold; width: 100%; margin-top: 12px; } .product-add span { display: none; } .product-add.loading { font-size: 0; } .product-add.loading span { display: inline; } .hide { display: none !important; } *, *::before, *::after { box-sizing: border-box; } .product-single__media iframe, .product-single__media model-viewer, .product-single__media .shopify-model-viewer-ui, .product-single__media img, .product-single__media > video, .product-single__media .plyr, .product-single__media .media-item { position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; } .product-single__thumbnails { display: flex; flex-wrap: wrap; margin-top: 15px; margin-left: -9px; margin-right: -9px; } .product-single__thumbnails-item { padding-left: 5px; padding-right: 5px; flex: 0 0 12.5%; list-style: none; max-width: 12.5%; float: left; } .product-single__thumbnails-item.slick-slide { max-width: 100%; } @media (max-width: 991px) { .footer__section--bottom .footer__item:last-child { width: 100%; margin-top: 20px; } } .header.header--invert .header__logo svg.logo__svg path:first-of-type { fill: white; } .header.header--invert .header__logo .header__icons a span { color: #f8f6f2; } .category__body .grid__copy p { font-size: 16px; line-height: 24px; } .product-blocks-section { margin-top: 120px; } @media (max-width: 767px) { .product-blocks-section { margin-top: 3.75rem; } } .product-blocks-section .section__header { position: relative; text-align: center; margin-bottom: 0; } .product-blocks-section .section__header:before { content: ''; display: block; width: 100%; height: 1px; left: 0; position: absolute; top: calc(50% - 0.5px); background: #0e1d2c; } @media (max-width: 767px) { .product-blocks-section .section__header:before { top: calc(50% + 18.5px); } } .product-blocks-section .section__header h2 { display: inline-flex; margin-bottom: 0; background: #f1ede5; padding: 0 3.75rem; position: relative; } @media (max-width: 767px) { .product-blocks-section .section__header h2 { flex-direction: column; max-width: 65%; padding: 0 20px; } } .product-blocks-section .section__header h2 img { width: 35px; margin-right: 25px; } @media (max-width: 767px) { .product-blocks-section .section__header h2 img { margin: auto; } } .product-blocks-section .section__header h2 span { text-transform: none; } .product-blocks-section .blockList { display: flex; justify-content: space-between; flex-wrap: wrap; } .product-blocks-section .blockList .blockList__item { width: calc(25% - 15px); margin-top: 30px; margin-bottom: 0; display: flex; flex-direction: column; } @media (max-width: 1100px) { .product-blocks-section .blockList .blockList__item { width: calc(50% - 15px); } } @media (max-width: 767px) { .product-blocks-section .blockList .blockList__item { width: 100%; } } .product-blocks-section .blockList .blockList__item:first-child .blockList__title img { /*transform: none;*/ } .product-blocks-section .blockList .blockList__item .blockList__title { padding: 20px 30px; display: flex; align-items: center; background: #0e1d2c; border-radius: 2px 2px 0 0; margin-bottom: 0; } .product-blocks-section .blockList .blockList__item .blockList__title img { width: 67px; margin-right: 20px; transform: scale(1.5); } @media (max-width: 1400px) { .product-blocks-section .blockList .blockList__item .blockList__title img { width: 50px; margin-right: 15px; } } @media (max-width: 1200px) { .product-blocks-section .blockList .blockList__item .blockList__title img { width: 40px; } } @media (max-width: 1100px) { .product-blocks-section .blockList .blockList__item .blockList__title img { margin-right: 20px; } } @media (max-width: 480px) { .product-blocks-section .blockList .blockList__item .blockList__title img { width: 67px; } } @media (max-width: 1300px) { .product-blocks-section .blockList .blockList__item .blockList__title { padding: 20px 25px; } } @media (max-width: 1100px) { .product-blocks-section .blockList .blockList__item .blockList__title { padding: 20px 50px; } } @media (max-width: 767px) { .product-blocks-section .blockList .blockList__item .blockList__title { padding: 20px 30px; } } @media (max-width: 480px) { .product-blocks-section .blockList .blockList__item .blockList__title { padding: 20px 40px; } } .product-blocks-section .blockList .blockList__item .blockList__title span { color: #f8f6f2; margin-bottom: 0; } .product-blocks-section .blockList .blockList__item .blockList__content { padding: 10px 20px; background: #f8f6f2; text-align: center; color: #0e1d2c; line-height: 24px; height: 100%; } @media (max-width: 480px) { .product-blocks-section .blockList .blockList__item .blockList__content { padding: 10px 30px; } } .related-products .related-products__header { position: relative; text-align: center; margin-bottom: 0; } .related-products .related-products__header:before { content: ''; display: block; width: 100%; height: 1px; left: 0; position: absolute; top: calc(50% - 0.5px); background: #0e1d2c; } .related-products .related-products__header h2 { display: inline-block; margin-bottom: 0; background: #f1ede5; padding: 0 50px; position: relative; text-transform: none; } .related-products .related-products__wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; } .related-products .related-products__wrapper .related-product { width: calc(33.33% - 13.33px); background: #f8f6f2; padding: 30px 25px; text-align: center; position: relative; } @media (max-width: 991px) { .related-products .related-products__wrapper .related-product { width: calc(50% - 15px); margin-bottom: 30px; } } @media (max-width: 767px) { .related-products .related-products__wrapper .related-product { width: 100%; padding: 0; } } .related-products .related-products__wrapper .related-product .related-product__label { position: absolute; top: 30px; left: 25px; color: #f8f6f2; font-size: 12px; letter-spacing: 0px; line-height: 30px; background: #265096; height: 30px; width: 86px; text-align: center; display: block; } @media (max-width: 767px) { .related-products .related-products__wrapper .related-product .related-product__label { top: 0; left: 0; } } .related-products .related-products__wrapper .related-product .related-product__image { width: 100%; max-height: 180px; object-fit: contain; } .related-products .related-products__wrapper .related-product .related-product__title { text-transform: none; margin-top: 15px; margin-bottom: 0; } @media (max-width: 767px) { .related-products .related-products__wrapper .related-product .related-product__title { padding: 0 20px; } } .related-products .related-products__wrapper .related-product .related-product__subtitle { margin-bottom: 0; font-weight: 600; } @media (max-width: 767px) { .related-products .related-products__wrapper .related-product .related-product__subtitle { padding: 0 20px; } } .related-products .related-products__wrapper .related-product .related-product__price { color: #0e1d2c; font-size: 1.125rem; font-weight: bold; height: 44px; letter-spacing: 0px; padding-left: 8px; } .related-products .related-products__wrapper .related-product .related-product__link { margin-top: 25px; } @media (max-width: 767px) { .related-products .related-products__wrapper .related-product .related-product__link { padding: 0 20px; margin-bottom: 30px; } } @media (max-width: 767px) { .related-products .related-products__wrapper .related-product .related-product__content { padding: 0 20px; margin-bottom: 30px; } } .text-image-section .section__header { text-align: center; margin-top: 110px; margin-bottom: 85px; } .text-image-section .section__header h2 { margin-bottom: 10px; } .text-image-section .section__header .section__logo svg { width: 465px; max-width: 100%; } .text-image-section .section__inner { display: flex; flex-wrap: wrap; justify-content: space-between; } .text-image-section .section__inner .section__left { width: calc(50% - 15px); } @media (max-width: 767px) { .text-image-section .section__inner .section__left { width: 100%; } } .text-image-section .section__inner .section__right { width: calc(50% - 15px); } .text-image-section .section__inner .section__right .h3 { margin-bottom: 23px; } @media (max-width: 767px) { .text-image-section .section__inner .section__right { width: 100%; margin-top: 30px; } } .section__awards { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 30px; } .section__awards img { width: calc(100% / 4 - 10px); margin-top: 30px; object-fit: contain; } @media (max-width: 767px) { .section__awards img { width: calc(48% - 5px); } } @media (max-width: 480px) { .section__awards img { width: 100%; } } .section__awards.row-2 img { width: calc(48% - 5px); } .related-products-section { margin-top: 120px; } @media (max-width: 767px) { .related-products-section { margin-top: 3.75rem; } } .product-trial { margin-top: 10px; background: #f8f6f2; padding: 28px 35px; text-align: center; } .product-trial .product-trial__title { color: #0e1d2c; font-size: 18px; font-weight: bold; letter-spacing: 0px; line-height: 24px; } .product-trial .product-trial__subtitle { background: #265096; border-radius: 5px; padding: 7px 30px; width: 154px; color: #f8f6f2; font-size: 24px; font-weight: bold; font-style: italic; text-align: center; letter-spacing: 0px; line-height: 30px; margin-top: 8px; width: 100%; } .product-trial .product-trial__content { margin-top: 20px; color: #0e1d2c; font-size: 15px; font-weight: 500; letter-spacing: 0px; line-height: 24px; text-align: center; } .section__blocks .section__block { background: #f8f6f2; padding: 3.75rem 40px; margin-top: 30px; display: flex; flex-wrap: wrap; align-items: flex-start; } @media (max-width: 767px) { .section__blocks .section__block { padding: 30px 20px; } } .section__blocks .section__block .section__block__image { width: 33.33%; padding-right: 20px; object-fit: contain; margin-top: 0; } @media (max-width: 767px) { .section__blocks .section__block .section__block__image { width: 100%; padding-right: 0; } } .section__blocks .section__block .section__block__text { width: 66.66%; } @media (max-width: 767px) { .section__blocks .section__block .section__block__text { width: 100%; margin-top: 15px; } } .section__blocks .section__block .section__block__text .h3 { border-bottom: 1px solid #0e1d2c; } .section__blocks .section__block .section__block__text .section__block__content { margin-top: 26px; } .section__blocks .section__block .section__block__text .button { margin-top: 20px; } .product-form__controls-group .selector-wrapper:nth-child(2), .product-form__controls-group .selector-wrapper:nth-child(3) { display: none !important; } .full-width-banner img { width: 100%; } .employeeCard { padding: 30px 20px; } .profile-blocks .profile-block { display: flex; background: #f8f6f2; margin-top: 30px; flex-wrap: wrap; } @media (max-width: 767px) { .profile-blocks .profile-block { flex-direction: column; } } .profile-blocks .profile-block .profile-block__image { padding: 20px 0px 20px 20px; } @media (max-width: 767px) { .profile-blocks .profile-block .profile-block__image { width: 100%; padding: 22px 18px; } } .profile-blocks .profile-block .profile-block__image img { width: 100%; object-fit: cover; } @media (max-width: 767px) { .profile-blocks .profile-block .profile-block__image img { width: auto; } } .profile-blocks .profile-block .profile-block__text { width: 66.66%; padding: 22px 18px; } @media (max-width: 767px) { .profile-blocks .profile-block .profile-block__text { width: 100%; } } .profile-blocks .profile-block .profile-block__text .h6 { font-weight: bold; } @media (max-width: 767px) { .header__logo { width: 100%; padding: 31px; } } @media (max-width: 767px) { .rich-text-blocks-section .section__wrapper { width: 100%; padding: 0 20px; } } .rich-text-blocks-section .mediaList { margin-top: 3.75rem; justify-content: space-between; } @media (max-width: 991px) { .rich-text-blocks-section .mediaList { margin-top: 0px; } } .rich-text-blocks-section .mediaList .mediaList__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% -15px); flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px); margin: 0; padding: 20px; background: #F8F6F2; } @media (max-width: 991px) { .rich-text-blocks-section .mediaList .mediaList__item { -ms-flex: 0 0 calc(50% - 15px); flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); margin-top: 30px; } } @media (max-width: 480px) { .rich-text-blocks-section .mediaList .mediaList__item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .rich-text-blocks-section .mediaList .mediaList__item img { max-width: 80%; margin-bottom: 20px; } .slideBasic img { width: 300px; display: block; margin-top: 10px; } .slideBasic__author { margin-top: 15px; font-style: italic; } .slideBasic__author strong { display: block; font-style: normal; } .rich-text-blocks-section .mediaList__item .h4:before { content: url("data:image/svg+xml;utf8,"); height: 1.5rem; position: relative; top: 5px; width: 1.5rem; margin-right: 8px; } .cart-header { display: flex; align-items: baseline; justify-content: space-between; margin-top: 120px; margin-bottom: 80px; border-bottom: 1px solid #0e1d2c; } @media (max-width: 767px) { .cart-header { margin-top: 3.75rem; margin-bottom: 30px; } } .cart-header .cart-header__continue { font-size: 16px; font-weight: bold; line-height: 1; text-decoration: underline; } .cart .cart__row--heading tr { border-bottom: 1px solid rgba(14, 29, 44, 0.2); } .cart .cart__row--heading tr th { padding: 0; font-size: 16px; line-height: 24px; color: #0e1d2c; font-weight: bold; padding: 5px 0; text-align: left; } .cart tbody tr { border-bottom: 1px solid rgba(14, 29, 44, 0.2); } .cart tbody tr td { padding: 30px 0; } .cart .cart__qty-input { width: 90px; height: 50px; border-radius: 5px; border: 1px solid #0e1d2c; } @media (max-width: 991px) { .cart .cart__qty-input { width: 70px; } } .cart .cart__qty-input::-webkit-inner-spin-button, .cart .cart__qty-input::-webkit-outer-spin-button { opacity: 1; } .cart .cart__remove svg { height: 32px; width: 32px; } .cart .cart-item__price.h4 { font-family: 'Roboto', serif; } .cart .cart__qty { float: left; margin-right: 30px; } @media (max-width: 991px) { .cart .cart__qty { margin-right: 10px; } } .cart .cart__remove { float: left; } @media (max-width: 767px) { .cart .cart__product-information { display: block; } } .cart .cart__price { vertical-align: middle; } .cart .cart__price .cart__remove { float: left; vertical-align: middle; margin-top: 0; margin-top: 1.3em; } .cart .product-details { word-break: break-word; } table { border-collapse: collapse; width: 100%; } .cart__footer__inner { width: 55%; margin-left: 45%; margin-top: 3.75rem; } @media (max-width: 767px) { .cart__footer__inner { width: 100%; margin-left: 0; } } .cart__footer__inner .cart-subtotal { display: flex; align-items: center; justify-content: space-between; } .cart__footer__inner .cart-subtotal .cart-subtotal__title { font-family: 'Roboto', serif; font-weight: bold; } .cart__footer__inner .cart-subtotal .cart-subtotal__price { font-family: 'Roboto', serif; font-weight: bold; width: 18.18%; } .cart__footer__inner .cart__shipping { font-size: 16px; font-family: 'Roboto', serif; line-height: 24px; max-width: 50%; } .cart__footer__inner .cart__buttons-container { margin-top: 3.75rem; padding-top: 30px; border-top: 1px solid rgba(14, 29, 44, 0.2); } html.disable-scroll { overflow: hidden; } .mobile-sticky { position: fixed; width: 100%; left: 0; bottom: 0; height: 75px; display: none; z-index: 98; background-color: #265096; padding: 10px 15px; overflow-x: scroll; overflow-y: hidden; text-align: center; } @media (max-width: 767px) { .mobile-sticky { display: block; } } .mobile-sticky .mobile-sticky__inner { display: inline-block; width: max-content; } .mobile-sticky .mobile-sticky__item { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 55px; border-radius: 2px; background-color: #FEB85D; margin-right: 10px; padding: 15px; float: left; text-decoration: none; width: 13.75rem; -webkit-transition: background 0.1s linear; transition: background 0.1s linear; } .mobile-sticky .mobile-sticky__item.active { background: #e5a857; } .mobile-sticky .mobile-sticky__item:hover { background: #e5a857; } .mobile-sticky .mobile-sticky__item:last-child { border-right: 0; margin-right: 0; } .mobile-sticky .mobile-sticky__item img { width: 25px; height: 25px; } .mobile-sticky .mobile-sticky__item span { display: flex; align-items: center; text-align: center; color: #0e1d2c; font-family: 'Roboto', serif; font-size: 15px; line-height: 15px; white-space: nowrap; } .mobile-sticky .mobile-sticky__item.mobile-sticky__item--chevron { position: relative; width: 55px; margin-left: 0; background-color: #F1EDE5; cursor: pointer; display: none; } .mobile-sticky .mobile-sticky__item.mobile-sticky__item--chevron:before { background-image: url("data:image/svg+xml;utf8,"); background-position: center center; background-repeat: no-repeat; bottom: 0; content: " "; left: 0; position: absolute; right: 0; top: 0; } .mobile-sticky .mobile-sticky__item.mobile-sticky__item--chevron:hover { background-color: #F1EDE5; } .mobile-sticky .mobile-sticky__item.mobile-sticky__item--chevron.active { display: block; } .employeeCard__copy .text-small { font-weight: bold; margin-bottom: 30px; } #shopify-section-rich-text-about-2 .section__body ul { list-style: none; text-indent: -1.5rem; padding-left: 1.5rem; margin-top: 30px; } #shopify-section-rich-text-about-2 .section__body ul li:before { content: "•"; font-size: 1.75rem; padding-right: 1rem; color: #1a1f29; position: relative; top: 0.25rem; } .blockquote__body .blockquote__quote .h3 { font-style: normal; } .blockquote__body .blockquote__quote .h3 p { font-family: 'Roboto', serif; } .blockquote__body .blockquote__quote p em strong { font-family: 'Roboto', serif; } .blockquote__body .blockquote__quote p em { font-family: 'Roboto', serif; } .blockquote__author .blockquote__media .section__media { margin: 0; } #shopify-section-full-width-banner-about .section__body .h1 { margin-top: 90px; } @media (max-width: 767px) { #shopify-section-full-width-banner-about .section__body .h1 { margin-top: 30px; } } #shopify-section-full-width-banner-about .section__body .h3 { margin-top: 3.75rem; } @media (max-width: 767px) { #shopify-section-full-width-banner-about .section__body .h3 { margin-top: 30px; } } @media (max-width: 767px) { #shopify-section-rich-text-slider-about-1 .employeeCard { flex-direction: column-reverse; } #shopify-section-rich-text-slider-about-1 .employeeCard .employeeCard__copy { margin-top: 15px; } } @media (max-width: 767px) { #shopify-section-rich-text-about-4 .blockquote .blockquote__body { flex-direction: column-reverse; } #shopify-section-rich-text-about-4 .blockquote .blockquote__body .blockquote__quote { margin-top: 15px; } } .category__header a:hover .button.button--invert, .category__header a:link:hover .button.button--invert, .category__header a:visited:hover .button.button--invert { color: #f8f6f2 !important; } .category__header a:hover .button.button--invert:after, .category__header a:link:hover .button.button--invert:after, .category__header a:visited:hover .button.button--invert:after { background-image: url("data:image/svg+xml;utf8,"); } .grid__link:hover .button.button--invert { color: #f8f6f2 !important; } .grid__link:hover .button.button--invert:after { background-image: url("data:image/svg+xml;utf8,"); } .template-blog .grid { grid-template-columns: repeat(2, 1fr); } @media (max-width: 767px) { .template-blog .grid { grid-template-columns: repeat(1, 1fr); } } .template-blog .grid .grid__item { border: 0; background: #f8f6f2; color: #0E1D2C; } @media (max-width: 767px) { .template-blog .grid .grid__link article { flex-direction: column; } .template-blog .grid .grid__media { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; margin-right: 0; width: 100%; } .template-blog .grid .grid__media img { width: 100%; } .template-blog .grid .grid__copy { margin-left: 0; margin-top: 30px; } } .toc__menu li.is--active + li.is--active .toc__link { color: #1a1f29; } .toc__menu li.is--active + li.is--active .toc__link:before, .toc__menu li.is--active + li.is--active .toc__link:after { display: none; } /* Nested Nav menu */ .mainMenu [menu-scroll] { overflow: visible !important; } #shopify-section-rich-text-about-5 .blockquote__quote .h3 { margin-right: 15%; } @media (max-width: 767px) { #shopify-section-rich-text-about-5 .blockquote__quote .h3 { margin-right: 0; } } @media (max-width: 767px) { #shopify-section-rich-text-about-4 .section__wrapper img.section__media, #shopify-section-rich-text-about-5 .section__wrapper img.section__media { width: auto; margin-left: 0; } } /* Marlene */ #FeatureRowImageWrapper-feature-row-copy1 { max-width: 834px; } #FeatureRowImage-feature-row-copy1 { max-width: 834px; max-height: 614px; } /* footer temporary */ #wpcf7-f1793-o1, #wpcf7-f2171-o1 { height: 350px; } .footer__section:first-child { align-items: baseline !important; } .footer__item .wpcf7-form p:first-of-type, .footer__item .wpcf7-form p, .mc-geschlecht { grid-column-start: 1 !important; grid-column-end: 6 !important; } .footer__item .wpcf7-form p:last-of-type { grid-column-end: 3 !important; } @media (max-width: 767px) { .footer__item .wpcf7-form p:last-of-type { width: 200px; } } .footer__item .wpcf7-form p:nth-of-type(2) { grid-column-start: 1 !important; grid-column-end: 6; grid-row: auto !important; } .wpcf7-radio { display: flex; padding-left: 50px !important; } @media (max-width: 767px) { .wpcf7-radio { padding-left: 30px !important; } } .wpcf7-list-item { padding-right: 15px !important; } .mc-geschlecht { display: flex; height: 30px; } @media (max-width: 480px) { .mc-geschlecht { flex-wrap: wrap; padding-left: 30px; height: auto; } .mc-geschlecht .wpcf7-radio { padding-left: 0 !important; } .mc-geschlecht .wpcf7-radio span.wpcf7-list-item { margin-bottom: 0 !important; } } .wpcf7 form.sent .wpcf7-response-output { grid-column-start: 3 !important; grid-column-end: 6 !important; margin-top: 0 !important; } /* end footer temporary */ /* Empty cart page */ .empty-page-content .h2 { margin-bottom: 30px; } .empty-page-content p { margin-bottom: 15px; } /* Login page */ .customer-login { width: calc(100% - 30px); max-width: 667px; margin: 3.75rem auto 0 auto; background: #F8F6F2; } .customer-login .form__input { border-radius: 2px; border: 1px solid rgba(14, 29, 44, 0.2); padding: 15px 30px; font-family: 'Roboto', serif; color: #0e1d2c; font-size: 16px; line-height: 24px; margin-top: 15px; } .customer-login .form__input::placeholder { color: rgba(14, 29, 44, 0.5); } .customer-login .customer-login__left { padding: 50px 20px; width: 50%; border-right: 1px solid rgba(14, 29, 44, 0.2); } @media (max-width: 767px) { .customer-login .customer-login__left { width: 100%; border-right: 0; border-bottom: 1px solid rgba(14, 29, 44, 0.2); padding: 25px 20px; } } .customer-login .customer-login__left .customer-login__btn { margin-top: 15px; } .customer-login .customer-login__left #RecoverPassword { font-family: 'Roboto', serif; font-size: 16px; line-height: 24px; color: #0e1d2c; opacity: 0.5; display: block; text-align: left; margin-top: 30px; } .customer-login .customer-login__right { padding: 50px 20px; width: 50%; } @media (max-width: 767px) { .customer-login .customer-login__right { width: 100%; padding: 25px 20px; } } .customer-login .customer-login__subtitle { color: #0E1D2C; font-family: 'Roboto', serif; font-size: 16px; font-weight: bold; letter-spacing: 0; line-height: 24px; margin-top: 5px; display: block; } .customer-login .customer-login__content { color: #0E1D2C; font-family: 'Roboto', serif; font-size: 16px; letter-spacing: 0; line-height: 24px; } .customer-login .customer-login__list { list-style: none; color: #0E1D2C; font-family: 'Roboto', serif; font-size: 16px; letter-spacing: 0; line-height: 24px; margin-top: 10px; } .customer-login .customer-login__list li { list-style: none; text-indent: -2rem; padding-left: 2rem; } .customer-login .customer-login__list li:before { content: url("data:image/svg+xml;utf8,"); padding-right: 7px; color: #1a1f29; position: relative; top: 7px; } .customer-login .customer-login__reg { margin-top: 30px; } #CustomerLoginForm { display: flex; flex-wrap: wrap; } #RecoverPasswordForm { padding: 50px 20px; } @media (max-width: 767px) { #RecoverPasswordForm { padding: 25px 20px; } } #RecoverPasswordForm .form__input { margin-bottom: 15px; } #RecoverPasswordForm .recover-button { margin-right: 10px; } /* Register Page */ .customer-register { width: calc(100% - 30px); max-width: 667px; margin: 3.75rem auto 0 auto; background: #F8F6F2; padding: 50px 20px; } @media (max-width: 767px) { .customer-register { padding: 25px 20px; } } .customer-register .form__input { border-radius: 2px; border: 1px solid rgba(14, 29, 44, 0.2); padding: 15px 30px; font-family: 'Roboto', serif; color: #0e1d2c; font-size: 16px; line-height: 24px; margin-top: 15px; } .customer-register .form__input::placeholder { color: rgba(14, 29, 44, 0.5); } .customer-register .button { margin-top: 15px; } .form-message .form-message__title { color: #0E1D2C; font-family: 'Roboto', serif; font-size: 16px; font-weight: bold; letter-spacing: 0; line-height: 24px; margin-top: 5px; display: block; } .form-message ul { list-style: none; color: #0E1D2C; font-family: 'Roboto', serif; font-size: 16px; letter-spacing: 0; line-height: 24px; margin-top: 10px; } .form-message ul li { list-style: none; text-indent: -1.5rem; padding-left: 1.5rem; } .form-message ul li:before { content: "•"; font-size: 1.75rem; padding-right: 1rem; position: relative; top: 0.25rem; } .form-message ul li a { text-decoration: none; color: #0E1D2C; } .shopify-challenge__button { font-size: 20px; line-height: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #0e1d2c; border-radius: 0.15rem; border-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; height: 3.5rem; line-height: 3.5rem; outline: none; padding: 0 1.5rem; position: relative; text-align: center; -webkit-transition: background 0.1s, color 0.1s linear; transition: background 0.1s, color 0.1s linear; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; z-index: 1; background: #feb85d; color: #0e1d2c; } .shopify-challenge__button:hover { background: #e5a857; -webkit-transition: background 0.1s linear; transition: background 0.1s linear; } /* Account page */ .text-center { text-align: center; } .account-header { margin-top: 3.75rem; } .account-header a { text-decoration: none; color: #0e1d2c; } .account-header .h6 { display: block; } .account-header #AddressNewButton { margin-top: 30px; } .grid.myaccount { margin-top: 3.75rem; font-size: 16px; line-height: 20px; color: #0e1d2c; } .grid.myaccount .grid__item { border: 0; padding: 0; } .customer-address { font-size: 16px; line-height: 20px; color: #0e1d2c; } .customer-address .grid__item { padding: 0; border: 0; } .customer-address ul { list-style: none; } .customer-address ul li { margin: 10px 0; } .customer-address .form__input { border-radius: 2px; border: 1px solid rgba(14, 29, 44, 0.2); padding: 15px 30px; font-family: 'Roboto', serif; color: #0e1d2c; font-size: 16px; line-height: 24px; margin-top: 15px; } .customer-address .form__input::placeholder { color: rgba(14, 29, 44, 0.5); } .customer-address .button--outline { margin-top: 15px; } #AddressNewForm { margin-top: 30px; } .ResetPassword { width: calc(100% - 30px); max-width: 667px; margin: 3.75rem auto 0 auto; background: #F8F6F2; padding: 50px 20px; } @media (max-width: 767px) { .ResetPassword { padding: 25px 20px; } } .ResetPassword .form__input { border-radius: 2px; border: 1px solid rgba(14, 29, 44, 0.2); padding: 15px 30px; font-family: 'Roboto', serif; color: #0e1d2c; font-size: 16px; line-height: 24px; margin-top: 15px; } .ResetPassword .form__input::placeholder { color: rgba(14, 29, 44, 0.5); } .ResetPassword .button { margin-top: 15px; } .address_default_address_new_check { margin-top: 15px; margin-bottom: 15px; } .address-edit-toggle { margin-top: 20px; } .myaccount h3 { margin-bottom: 30px; } .myaccount .button { margin-top: 30px; } .customer-address h3 { margin-bottom: 30px; } /* Cart Popup */ body.disable-scroll { overflow: hidden; } .cart-popup__overlay { background: rgba(0, 0, 0, 0.5); position: fixed; width: 100%; height: 100%; z-index: 777777; top: 0; left: -999em; -webkit-transition: left 0s 0.4s,opacity 0.4s; transition: left 0s 0.4s,opacity 0.4s; opacity: 0; } .cart-popup.active .cart-popup__overlay { left: 0; -webkit-transition: left 0s,opacity 0.4s; transition: left 0s,opacity 0.4s; opacity: 1; } .cart-popup__wrapper { width: 100%; z-index: 888888; -webkit-transition: 0.4s -webkit-transform; transition: 0.4s -webkit-transform; transition: 0.4s transform; transition: 0.4s transform, 0.4s -webkit-transform; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background: #F8F6F2; overflow-y: scroll; position: fixed; max-width: 740px; height: 100%; top: 0; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .cart-popup.active .cart-popup__wrapper { -webkit-transform: none; transform: none; } .cart-popup__inner { height: 100%; } @media (min-width: 768px) { .cart-popup__inner { max-height: 100vh; overflow: hidden; } } .cart-popup__inner .tt-cart-content { padding: 0 !important; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .cart-popup__header { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 40px 20px 10px 20px; border-bottom: 1px solid rgba(14, 29, 44, 0.2); } @media (max-width: 767px) { .cart-popup__header { padding: 40px 20px 20px 20px; } } .cart-popup__header--empty { border-bottom: 1px solid #ebebeb; } .cart-popup__title { color: #0E1D2C; font-family: 'Cooper BT'; font-size: 40px; letter-spacing: 0; line-height: 3.75rem; } @media (max-width: 767px) { .cart-popup__title { font-size: 32px; line-height: 48px; } } .cart-popup__item_count { color: #0E1D2C; font-family: 'Cooper BT'; font-size: 28px; letter-spacing: 0; line-height: 44px; } .cart-popup__close { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-transition: 0.2s background-color; transition: 0.2s background-color; width: 25px; height: 25px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; padding: 0; margin: 0; } .cart-popup__content { display: flex; height: 100%; flex-wrap: wrap; } .cart-popup__empty { width: 45%; border-right: 1px solid rgba(14, 29, 44, 0.2); padding: 20px; text-align: center; } @media (max-width: 767px) { .cart-popup__empty { width: 100%; border-right: 0; border-bottom: 1px solid rgba(14, 29, 44, 0.2); } } .cart-popup__box { width: 50%; border-right: 1px solid rgba(14, 29, 44, 0.2); } @media (max-width: 767px) { .cart-popup__box { width: 100%; border-right: 0; border-bottom: 1px solid rgba(14, 29, 44, 0.2); } } .cart-upsell { width: 50%; padding: 20px; } @media (max-width: 767px) { .cart-upsell { width: 100%; } } .cart-upsell__inner { margin-top: 30px; } div.cart-popup__items { margin: 0; padding: 0 20px; } @media (min-width: 767px) { div.cart-popup__items { overflow: auto; max-height: calc(100vh - 345px); } } div.cart-popup__items table { width: 100%; } .cart-popup__subtotal { padding: 20px; } .cart-popup__subtotal__inner { display: flex; flex-wrap: wrap; } .cart-popup__subtotal__inner .cart-popup__subtotal__label { width: 50%; text-align: left; color: #0E1D2C; font-family: 'Roboto', serif; font-size: 24px; font-weight: bold; letter-spacing: 0; line-height: 24px; } .cart-popup__subtotal__inner .cart-popup__subtotal__label .label-small { color: #0E1D2C; font-family: Roboto, serif; font-size: 16px; letter-spacing: 0; line-height: 24px; font-weight: 300; display: block; width: 100%; } .cart-popup__subtotal__inner .cart-popup__subtotal__price { width: 50%; text-align: right; color: #0e1d2c; font-family: 'Roboto', serif; font-size: 24px; font-weight: bold; letter-spacing: 0; line-height: 24px; } .cart-popup__subtotal__inner button { width: 100%; margin-top: 15px; } .cart-popup__item td { padding-top: 20px; padding-bottom: 20px; box-sizing: content-box; vertical-align: top; } .cart-popup__item__remove svg path { fill: rgba(0, 0, 0, 0.5); } .cart-popup__item__remove:hover svg path { fill: #000; } .cart-popup__item__img { width: 70px; } .cart-popup__item__img img { width: 100%; border-radius: 3px; } .cart-popup__item__info { padding-left: 20px; } .cart-popup__item__price { color: #0E1D2C; font-family: 'Roboto', serif; font-size: 20px; letter-spacing: 0; line-height: 20px; } .cart-popup__item__info a { font-size: 16px; font-weight: 600; color: #000; line-height: 40px; } .cart-popup__item__qty { width: 50%; } .cart-popup__item__qty select { width: 100%; border-radius: 0.15rem; height: 50px; } .cart-popup__item__info p { color: #0E1D2C; font-family: 'Cooper BT'; font-size: 16px; line-height: 20px; } .cart-popup__item__info h2 { margin-bottom: 15px; } .cart-popup__item__info .tt-input-counter.style-01 span.minus-btn { border-right: 1px solid rgba(0, 0, 0, 0.2); } .cart-popup__item__info .tt-input-counter.style-01 span.plus-btn { border-left: 1px solid rgba(0, 0, 0, 0.2); } .cart-popup__item__info .tt-input-counter.style-01 span.minus-btn, .cart-popup__item__info .tt-input-counter.style-01 span.plus-btn { width: 30px; height: 30px; display: block !important; } .cart-popup__item__info .tt-input-counter.style-01 span.minus-btn:before, .cart-popup__item__info .tt-input-counter.style-01 span.plus-btn:before { color: rgba(0, 0, 0, 0.7); line-height: 30px; font-weight: bold; } .cart-popup__item__info .tt-input-counter.style-01 span.minus-btn:hover:before, .cart-popup__item__info .tt-input-counter.style-01 span.plus-btn:hover:before { color: #000; } .cart-popup__item__info .tt-input-counter.style-01 { min-width: 105px; max-width: 105px; } .cart-popup__item__info .tt-input-counter.style-01 input { font-size: 14px; height: 30px; width: 105px; border: 1px solid rgba(0, 0, 0, 0.2); background: transparent; border-radius: 3px; } .cart-popup__item__flex { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; } .cart-popup__item__flex:first-child { margin-top: 0; } .cart-popup__item__remove a { display: inline-block; float: left; } .cart-popup__item__remove svg { width: 20px; height: 20px; float: left; } .cart-popup__item__remove:hover svg path { fill: #000; } .cart-upsell__item { margin-bottom: 20px; } .cart-upsell__item__inner { width: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; background-color: #F1EDE5; } .cart-upsell__image { width: 33.33%; } .cart-upsell__image img { width: 100%; } .cart-upsell__text { width: 100%; padding: 10px; position: relative; display: flex; align-items: center; justify-content: space-between; } .cart-upsell__add { border-radius: 50%; width: 25px; height: 25px; background-color: #265096; display: flex; align-items: center; justify-content: center; float: right; } .cart-upsell__add span { display: inline-block; } .cart-upsell__add span svg { float: left; width: 12px; height: 12px; transform: rotate(-45deg); } .cart-upsell__heading { color: #0E1D2C; font-family: 'Cooper BT'; letter-spacing: 0; } .cart-upsell__title a { color: #0E1D2C; font-family: 'Roboto', serif; font-size: 18px; font-weight: 500; letter-spacing: 0; line-height: 21px; } .cart-upsell__slider .slick-prev, .cart-upsell__slider .slick-next { width: 40px; height: 40px; font-size: 0; background-position: center center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgdmlld0JveD0iMCAwIDU0IDk2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02LjEgOTUuNWMtMS40IDAtMi45LS41LTQtMS42LTIuMi0yLjItMi4yLTUuNyAwLTcuOUw0MCA0OCAyLjEgMTAuMWMtMi4yLTIuMi0yLjItNS43IDAtNy45UzcuOCAwIDEwIDIuMUw1MS45IDQ0YzEuMSAxLjEgMS42IDIuNSAxLjYgNHMtLjYgMi45LTEuNiA0TDEwIDkzLjljLTEuMSAxLjEtMi41IDEuNi0zLjkgMS42eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); background-repeat: no-repeat; background-size: 7px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; z-index: 2; -webkit-transition: 0.2s opacity; transition: 0.2s opacity; border: 0; background-color: transparent; } .cart-upsell__slider .slick-prev { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); left: 0; right: 0; } .cart-upsell__slider .slick-prev:hover, .cart-upsell__slider .slick-next:hover { opacity: 0.5; } .cart-upsell__variants select { background: transparent; border-radius: 3px; max-width: 135px; border-color: rgba(0, 0, 0, 0.2); } .cart-upsell__price { color: #0E1D2C; font-family: 'Roboto', serif; font-size: 16px; font-weight: bold; letter-spacing: 0; line-height: 24px; } .cart-upsell__price__compare { margin-left: 10px; text-decoration: line-through; } .tt-shopcart-col.cart-popup__footer { margin-top: 0; } .tt-shopcart-col.cart-popup__footer .cart-popup__footer__inner { padding: 20px 30px; margin: 0; background-color: rgba(0, 0, 0, 0.05); } .cart-popup__footer__inner .tt-shopcart-table01 tbody tr th { font-size: 16px; color: rgba(0, 0, 0, 0.8); padding-top: 0; padding-bottom: 15px; font-weight: 400; } .cart-popup__footer__inner .tt-shopcart-table01 tbody tr td { font-size: 12px; font-weight: 600; letter-spacing: 0.4px; color: #abaaaa; padding-bottom: 15px; } .cart-popup__footer__inner .tt-shopcart-table01 tbody tr#subtotal { border-top: 1px solid rgba(0, 0, 0, 0.05); } .cart-popup__footer__inner .tt-shopcart-table01 tbody tr#subtotal th, .cart-popup__footer__inner .tt-shopcart-table01 tbody tr#subtotal td { padding-top: 15px; } .cart-popup__footer__inner .tt-shopcart-table01 tbody tr#subtotal th { font-weight: 600; } .cart-popup__footer__inner .tt-shopcart-table01 tbody tr#subtotal td { color: #000; font-size: 16px; font-weight: 400; } .cart-popup__checkout { cursor: pointer; } .cart-popup__continue { display: block; text-align: center; margin-top: 10px; color: rgba(0, 0, 0, 0.5); -webkit-transition: 0.2s color; transition: 0.2s color; cursor: pointer; font-size: 14px; } .cart-popup__continue:hover { color: rgba(0, 0, 0, 0.8); } body.tt-popup-dropdown { overflow-y: hidden; max-height: 100vh; } .cart-popup .tt-cart-empty { color: #868785; margin: auto; text-align: center; } .header__logo .logo__svg { height: 30px; width: auto; } @media (max-width: 991px) { .header__logo .logo__svg { height: 15px; } } #ResetSuccess { color: #ff0000; font-family: 'Roboto', serif; font-size: 16px; letter-spacing: 0; line-height: 24px; margin-top: 10px; font-weight: bold; } .form-message.form-message--error ul, .form-message.form-message--error li { list-style: none; } .form-message.form-message--error li:before { display: none; } .form-message.form-message--error li { color: #ff0000; font-family: 'Roboto', serif; font-size: 16px; letter-spacing: 0; line-height: 24px; margin-top: 10px; font-weight: bold; } .cart-popup__subtotal__info { color: #0E1D2C; font-family: 'Roboto', serif; font-size: 16px; letter-spacing: 0; line-height: 24px; font-weight: 300; display: block; width: 100%; margin-top: 20px; } .header__logo .header__icons a { position: relative; display: none; } .header__logo .header__icons a .cart-count { display: none; position: absolute; right: 25px; top: -15px; border-radius: 50%; border: 1px solid red; background: white; font-size: 12px; line-height: 20px; width: 20px; height: 20px; text-align: center; color: #265096 !important; } @media (max-width: 991px) { .header__logo .header__icons a .cart-count { right: 0; } } @media (max-width: 767px) { .header__logo .header__icons a .cart-count { right: -5px; } } .header__logo .header__icons a .cart-count.cart-count--active { display: block; } .legal-new > * { margin-bottom: 1.5rem; } @media (max-width: 767px) { .page--normal #scrollTop { display: none !important; } } .product-qty { position: relative; margin-top: 20px; } .product-qty .product-qty__label { color: #1a1f29; font-size: 16px; font-weight: bold; height: 24px; letter-spacing: 0px; line-height: 24px; } .product-qty .product-qty__selector { border-radius: 0.15rem; height: 50px; min-width: 100px; } .meta-content .meta-content__text { font-size: 16px; line-height: 24px; text-align: left; max-width: calc(100% - 125px); } .meta-content .meta-content__flex { display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .meta-content .meta-content__flex:last-child { padding-bottom: 0; border-bottom: 0; } .meta-content .meta-content__flex .meta-content__num { color: #265096; font-size: 14px; font-weight: bold; background-color: #f8f6f2; width: 25px; height: 25px; line-height: 25px; border-radius: 50%; text-align: center; } .meta-content .meta-content__flex .meta-content__img { width: 100px; } .meta-content .meta-content__flex .meta-content__img img { max-width: 70px; margin: auto; } .meta-content .meta-content__flex ul { list-style: none; text-align: left; text-indent: -1.5rem; padding-left: 1.5rem; } .meta-content .meta-content__flex ul li:before { content: "•"; font-size: 1.75rem; padding-right: 1rem; position: relative; top: 0.25rem; } .header.header--invert .header__hamburger { border-color: rgba(255, 255, 255, 0.2); } .product-images__slider .slick-next, .product-images__slider .slick-prev { top: 50%; bottom: auto; transform: translateY(-50%); background: #f8f6f2; height: 25px; width: 25px; display: inline-block; border-radius: 50%; background-image: url("data:image/svg+xml;utf8,"); background-size: 20px 19px; background-position: center center; } .product-images__slider .slick-next:before, .product-images__slider .slick-prev:before { display: none; } .product-images__slider .slick-next { transform: rotate(-90deg); right: 10px; } .product-images__slider .slick-prev { transform: rotate(90deg); left: 10px; } .product-info .h4 { margin-bottom: 30px; } .product-single__meta__wrapper { padding-left: 30px; } @media (max-width: 991px) { .product-single__meta__wrapper { padding-left: 0; } } #shopify-section-product-blocks-1 .blockList__item:first-child .blockList__title img, #shopify-section-product-blocks .blockList__item:first-child .blockList__title img { transform: none; } .section__icons .section__icon { display: flex; align-items: flex-start; margin-top: 3.75rem; } .section__icons .section__icon img { width: 75px; object-fit: contain; } @media (max-width: 767px) { .section__icons .section__icon img { width: 50px; } } .section__icons .section__icon .section__icon__text { margin-left: 50px; max-width: calc(100% - 125px); } .section__icons .section__icon .section__icon__text .h3 { line-height: 36px; } @media (max-width: 767px) { .section__icons .section__icon .section__icon__text { margin-left: 20px; max-width: calc(100% - 70px); } .section__icons .section__icon .section__icon__text a { padding-left: 10px; padding-right: 10px; font-size: 18px; } } .contact-form--sch { padding-left: 125px; margin-top: 30px; display: none; } @media (max-width: 767px) { .contact-form--sch { padding-left: 0; } } .contact-form--sch.active { display: block; } .contact-form--sch .contact-form__inner { border-top: 1px solid rgba(14, 29, 44, 0.2); padding-top: 50px; } .contact-form--sch .contact-form__radio { display: flex; align-items: center; margin-top: 30px; flex-wrap: wrap; } .contact-form--sch .contact-form__radio input { margin-left: 20px; } .contact-form--sch .contact-form__radio label { font-size: 16px; line-height: 24px; } .contact-form--sch .form__input { margin-top: 20px; border-color: rgba(14, 29, 44, 0.2); background-color: #fff; color: #0e1d2c; font-size: 16px; line-height: 24px; } .contact-form--sch .form__input::placeholder { color: rgba(14, 29, 44, 0.5); } .contact-form--sch select.form__input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: right center; background-image: url(//cdn.shopify.com/s/files/1/0435/1380/7010/t/1/assets/ico-select.svg?v=2900367270910467858); background-repeat: no-repeat; background-position: right 15px center; } .contact-form--sch .contact-form__checkbox { display: flex; align-items: center; margin-top: 20px; } .contact-form--sch .contact-form__checkbox .form__checkbox { color: #0e1d2c; width: 20px; height: 20px; } .contact-form--sch .contact-form__checkbox label { margin-left: 10px; font-size: 16px; line-height: 24px; } .contact-form--sch .contact-form__checkbox label a { text-decoration: underline; } .contact-form--sch button { margin-top: 30px; } .contact-form--sch button.button--disabled { opacity: 0.8; pointer-events: none; } .google-map { margin-top: 3.75rem; display: flex; flex-wrap: wrap; } .google-map .google-map__title { width: 100%; margin-bottom: 30px; } .google-map .google-map__iframe { width: 50%; } .google-map .google-map__iframe iframe { width: 100%; height: 4 00px; } @media (max-width: 767px) { .google-map .google-map__iframe { width: 100%; } } .google-map .google-map__text { width: 50%; padding-left: 20px; } @media (max-width: 767px) { .google-map .google-map__text { width: 100%; padding-left: 0; } } #shopify-section-page-schlafberatung-template .section__body p { margin-bottom: 20px; } .contact-form__radio { display: flex; align-items: center; margin-top: 15px; flex-wrap: wrap; } .contact-form__radio input { margin-left: 20px; } .form__input--margin { margin-top: 15px; } @media (max-width: 991px) { .form__input--email { margin-top: 15px; } } .cart-popup__item__row1 { display: flex; align-items: center; } .cart-popup__item__row1 .cart-popup__item__img { width: 70px; } .cart-popup__item__row1 .cart-popup__item__title { width: calc(100% - 90px); padding-left: 20px; padding-right: 20px; color: #0E1D2C; font-family: 'Cooper BT'; font-size: 20px; font-weight: 500; letter-spacing: 0; line-height: 30px; } .cart-popup__item__row1 .cart-popup__item__remove { width: 20px; } .cart-popup__item__variant { display: flex; } .cart-popup__item__variant .cart-popup__item__option { width: 90px; color: #0E1D2C; font-family: 'Roboto', serif; font-size: 16px; letter-spacing: 0; line-height: 24px; font-weight: bold; } .cart-popup__item__variant .cart-popup__item__value { width: calc(100% - 90px); color: #0E1D2C; font-family: 'Roboto', serif; font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 24px; } .cart-popup__item__row3 { display: flex; align-items: center; } .cart-popup__item__row3 .cart-popup__item__price { width: 50%; text-align: right; font-weight: bold; color: #0e1d2c; } .cart-popup__item__row2, .cart-popup__item__row3 { margin-top: 20px; } .cart-popup__items { border-top: 1px solid rgba(14, 29, 44, 0.2); } .cart-popup__item { border-bottom: 1px solid rgba(14, 29, 44, 0.2); padding: 20px 0; } a.cart-upsell__link { display: block; text-decoration: underline; margin-top: 10px; font-size: 16px; } .cart-upsell__title { width: 45%; padding: 0 20px; } .cart-upsell__price { width: 40%; text-align: right; } .cart-upsell__add__wrapper { width: 15%; } .cart-upsell____img { width: 70px; } .cart-popup__item__qty select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: right center; background-image: url(//cdn.shopify.com/s/files/1/0435/1380/7010/t/1/assets/ico-select.svg?v=2900367270910467858); background-repeat: no-repeat; background-position: right 15px center; padding: 0 20px; font-size: 18px; } .form__textarea.form__input { height: 9rem; padding: 10px 10px; } .header__icons .cart-icon.active g { fill: #e03131; } .header__icons .cart-icon.active .account-icon__label { color: #e03131; display: none; } .header__icons .cart-icon.active .cart-count.cart-count--active { color: white !important; background: #e03131; border-color: #e03131; } .cart-popup__item__title .cart-popup__link { color: #0E1D2C; } .page-inner ol, .page-inner ul { padding-left: 25px; } .meta-content .meta-list { font-size: 16px; line-height: 24px; text-align: left; padding-left: 20px; } .meta-content .meta-head { font-size: 16px; line-height: 24px; text-align: left; } .product-contact { margin-top: 30px; } .product-contact .product-contact__title { color: #0E1D2C; font-family: 'Cooper BT'; font-size: 20px; letter-spacing: 0; line-height: 30px; display: block; } .product-contact .product-contact__subtitle { color: #0E1D2C; font-family: 'Roboto', serif; font-size: 16px; letter-spacing: 0; line-height: 24px; display: block; } .product-contact .product-contact__item { display: flex; align-items: center; margin-top: 20px; } .product-contact .product-contact__item img { width: 45px; height: 45px; } .product-contact .product-contact__item a { text-decoration: underline; color: #0E1D2C; font-family: 'Roboto', serif; font-size: 14px; letter-spacing: 0; line-height: 24px; display: block; margin-left: 20px; } .product-item__coming.product-item__link { font-weight: bold; color: #0e1d2c; display: inline-block; } .product-price__compare { text-decoration: line-through; } .product-form__error-message-wrapper--hidden { display: none; } .product-form__item--submit { display: none !important; } .visually-hidden { display: none; } select, .disclosure__toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: right center; background-image: url(//seven-sundays.shop/cdn/shop/t/9/assets/ico-select.svg?v=29003672709104678581611167127); background-repeat: no-repeat; background-position: right 10px center; line-height: 1.2; padding-right: 28px; text-indent: 0.01px; text-overflow: ''; cursor: pointer; padding-top: 8px; padding-left: 15px; padding-bottom: 8px; border: 1px solid #ccc; background-color: #fff; color: #000; font-size: 15px; } @media (min-width: 750px) { select, .disclosure__toggle { padding-top: 10px; padding-left: 18px; padding-bottom: 10px; } } .product-form__input { display: block; width: 100%; } .icon-spinner { -moz-animation: spin 500ms infinite linear; -o-animation: spin 500ms infinite linear; -webkit-animation: spin 500ms infinite linear; animation: spin 500ms infinite linear; } .icon-spinner path { fill: #0e1d2c; } .icon { display: inline-block; width: 20px; height: 20px; vertical-align: middle; fill: #0e1d2c; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .shopify-challenge__container { margin-top: 120px !important; } #shopify-section-rich-text-copy4 .section__body__inner .h3 { margin-bottom: 30px; } .hide--desktop { display: none; } @media (max-width: 480px) { .hide--desktop { display: block; } } .slick-slide.hide { display: block !important; } .product-thumbs__slider { margin-top: 15px; overflow: hidden; width: 100%; } .product-thumbs__slider .slick-track { margin-left: 0; } .product-single__thumbnail { outline: 0; width: 100%; } .product-single__thumbnail img { width: 100%; } .product-form-no-variants { display: none; } #mce-responses { margin-top: 10px; } .announcement-bar__text { padding: 10px; font-size: 16px; line-height: 1; display: block; text-align: center; } /** Video Popup **/ .video-popup__overlay { background: rgba(0, 0, 0, 0.5); position: fixed; width: 100%; height: 100%; z-index: 1; top: 0; left: -999em; -webkit-transition: left 0s 0.4s,opacity 0.4s; transition: left 0s 0.4s,opacity 0.4s; opacity: 0; } .video-popup.active .video-popup__overlay { left: 0; -webkit-transition: left 0s,opacity 0.4s; transition: left 0s,opacity 0.4s; opacity: 1; } .video-popup__wrapper { -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); transition: all .4s; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; } .video-popup.active .video-popup__wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); overflow-y: auto; z-index: 777778; background: transparent; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); opacity: 1; } .video-popup__inner { transform: scale(0); opacity: 0; transition-delay: 0s; z-index: 2; } .video-popup.active .video-popup__inner { width: 75vw; max-width: 1396px; margin: 20px; background-color: #fff; position: relative; padding: 0; transition: transform .4s,opacity .4s; transition-delay: .15s; background: 0 0; transform: scale(1); opacity: 1; } @media (max-width: 768px) { .video-popup.active .video-popup__inner { width: 95vw; } } .video-popup__close { position: absolute; display: flex; align-items: center; justify-content: center; top: -10px; right: -10px; width: 28px; height: 28px; padding: 7px; border-radius: 50%; z-index: 1; border: #f1ede5 solid 1.5px; background: rgba(0, 0, 0, 0.5); cursor: pointer; } .video-popup__close svg g { fill: #f1ede5; } .youtube-wrapper { padding-bottom: 56.2%; width: 100%; position: relative; background-color: #0E1D2C; } .youtube-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video img { width: 100%; } @media (max-width: 768px) { .img--desktop { display: none; } } @media (min-width: 769px) { .img--mobile { display: none; } } .rich-text-video-section .section__wrapper .video img { margin-top: 0; } .rich-text-video-section .video { margin-bottom: 30px; } /** Pillow - Bundle option **/ .product-bundle__label { font-size: 16px; font-weight: bold; letter-spacing: 0; line-height: 20px; margin-bottom: 3px; color: #0e1d2c; } .product-bundle__input { display: flex; justify-content: space-between; align-items: center; } .product-bundle__input input { height: 30px; width: 30px; margin-right: 10px; cursor: pointer; } .product-bundle__input label { font-size: 16px; font-weight: bold; letter-spacing: 0; line-height: 25px; } .cart-item__bundle .product-bundle__input { background: #fff; border: 1px solid #dadad8; } .cart-item__bundle__label { font-size: 16px; font-weight: bold; letter-spacing: 0; line-height: 20px; margin-bottom: 10px; color: #0e1d2c; } .cart-item__bundle__input { display: flex; align-items: center; } .cart-item__bundle__input input { height: 25px; width: 25px; border: 1px solid rgba(14, 29, 44, 0.2); border-radius: 5px; background-color: #FFFFFF; margin-right: 10px; } .cart-item__bundle__input label { font-size: 16px; font-weight: bold; letter-spacing: 0; line-height: 25px; } .feature-row--banner { z-index: 0; } .feature-row--banner .feature-row__item.feature-row__image.feature-row__image--right { padding-left: 50%; z-index: 2; position: relative; } @media (max-width: 991px) { .feature-row--banner .feature-row__item.feature-row__image.feature-row__image--right { padding-left: 0; } } .feature-row--banner .feature-row__item.feature-row__text.feature-row__text--right { width: 60%; height: calc(100% + 50px); background-image: url(//seven-sundays.shop/cdn/shop/t/9/assets/seven-sundays-gutenacht-background-image.jpg?v=168466466384780145641611167098); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; } @media (max-width: 991px) { .feature-row--banner .feature-row__item.feature-row__text.feature-row__text--right { width: 100%; height: auto; } } .feature-row--banner .feature-row__item.feature-row__text.feature-row__text--right h6 { color: #e03131; font-weight: bold; font-family: 'Roboto', serif; } .feature-row--banner .feature-row__item.feature-row__text.feature-row__text--right h1 { color: #f8f6f2; font-size: 50px; } @media (max-width: 991px) { .feature-row--banner .feature-row__item.feature-row__text.feature-row__text--right h1 { font-size: 40px; } } .featured-row-section.featured-row-banner-section { overflow: visible; } @media (max-width: 991px) { .featured-row-section.featured-row-banner-section { margin-top: 0; margin-bottom: 30px; } } .product-item__overlay { color: black; } #shopify-section-1625068259ec5d2342 { cursor: pointer; } .product-customer-warranty { padding-top: 15px; margin-left: 5px; } @media (max-width: 767px) { .product-customer-warranty { margin-left: 0; padding-top: 15px; } } .product-customer-warranty .customer-warranty-title { font-weight: 700; font-size: 18px; padding: 16px 0 16px 1rem; } .product-customer-warranty ul { list-style: none; padding-left: 0; } .product-customer-warranty li { position: relative; padding-left: 1em; font-size: 15px; } @media only screen and (min-width: 375px) { .product-customer-warranty .customer-warranty-title { font-size: 19px; padding-left: 0; } .product-customer-warranty ul li { font-size: 16px; padding-left: 0; } } @media only screen and (min-width: 500px) { .product-customer-warranty { padding-left: 50px; } .product-customer-warranty .customer-warranty-title { font-size: 19px; padding-left: 0; } .product-customer-warranty ul li { font-size: 16px; padding-left: 0; } } @media only screen and (min-width: 768px) { .product-customer-warranty { padding-left: 0 !important; } .product-customer-warranty .customer-warranty-title { font-size: 15px; padding-left: 0; } .product-customer-warranty ul li { font-size: 12px; padding-left: 0; } } @media only screen and (min-width: 992px) { .product-customer-warranty .customer-warranty-title { font-size: 15px; } .product-customer-warranty ul li { font-size: 12px; } } @media only screen and (min-width: 1292px) { .product-customer-warranty .customer-warranty-title { font-size: 18px; } .product-customer-warranty ul li { font-size: 15px; } } .product-price-group .product-price__total { color: #0e1d2c; font-size: 1.125rem; font-weight: bold; height: 44px; letter-spacing: 0px; padding-left: 8px; } .product-price-group .product-price__compare { font-size: 1.125rem; font-weight: normal; } div.product-single__media > img:hover { cursor: pointer; } .item--price { font-weight: bold; } .skeleton-load { box-sizing: border-box; animation: pulse 2s ease-in-out infinite; animation-delay: 0.2s; display: flex; justify-content: space-between; align-items: center; } .skeleton-load .product-bundle__input { width: 100%; } .skeleton-load .product-bundle__input .product-bundle_text { width: 6em !important; margin-right: 1.5em; } .skeleton-load .product-bundle__input input[type=checkbox]:not(:checked) { height: 25px; width: 25px; border-radius: 25px; margin-right: 10px; background: #aeaeae no-repeat; } .skeleton-load .product-bundle__input .item--title { background: #aeaeae; color: #aeaeae; min-width: 5em; height: 1em; } .skeleton-load .product-bundle__input .item--price { background: #aeaeae; color: #aeaeae; margin-top: 5px; width: 3em; height: 1em; } .skeleton-load .product-bundle__input .skeleton-image { display: block !important; background: #aeaeae; height: 75px; width: 75px; } @media (prefers-reduced-motion: reduce) { .skeleton-load { background-image: none; animation: none; } } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .grid_details { color: white; margin-right: 10px; } .collapsible_content-trigger { display: flex; } .article .video-container { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; } .article .video-container iframe, .article .video-container object, .article .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .article__title .h1 { color: rgba(30, 34, 39, 0.88); } @media only screen and (max-width: 767px) { .toc.is--sticky { margin-top: 27px; } .article__title .h1 { font-size: 32px !important; } .adjust-margin { margin-top: 0px !important; } } .product-price__wrapper .product-price__compare { margin-right: 15px; } /*================ GDPR Banner ================*/ .banner-main_header a, .banner-main_header a:visited { color: #E7D39A; } /*================ Qen Homepage Design ================*/ .qen-button { font-family: BasisGrotesqueArabicPro; color: #DE702E; border: 2px solid #DE702E; font-size: 20px; font-weight: 400; padding: 14px 31px; text-transform: uppercase; line-height: normal; } @media (max-width: 1280px) { .qen-button { font-size: 20px; padding: 15px; } } @media (max-width: 640px) { .qen-button { font-size: 16px; padding: 9px 12px; } } .qen-videos-slider { display: flex; } .qen-videos-carousel__slider__item { padding: 30px; } .qen-videos-carousel-wrapper .splide__slide img { aspect-ratio: auto; } .qen-videos-carousel-wrapper { text-align: center; } .qen-videos-carousel-wrapper__button { color: #142E59; border-color: #142E59; } .qen-videos-carousel__splide { margin-bottom: 30px; } .qen-videos-carousel-wrapper .splide__pagination { display: none; } .qen-videos-carousel-wrapper { padding: 69px 120px; position: relative; } .qen-videos-carousel__slide__content { display: flex; position: relative; padding: 10px; } .qen-videos-carousel__slide { display: flex; justify-content: center; } .qen-videos-carousel__slide__overlay { width: 100%; height: 100%; position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%); } .qen-videos-carousel__slide__text { position: absolute; bottom: 0; padding: 40px; color: #fff; } .qen-videos-carousel__slide__title { font-size: 40px; } .qen-videos-carousel__slide__subtitle { font-size: 20px; } .qen-videos-carousel__title, .qen-videos-carousel__subtitle { font-family: "GesturaDisplay"; color: #142E59; font-size: 60px; text-align: center; line-height: initial; margin-bottom: 40px; } .qen-videos-carousel__subtitle { font-size: 40px; margin-bottom: 60px; } .qen-videos-carousel__header { padding: 0 30px; } .qen-videos-carousel__arrows .splide__arrow--prev, .qen-videos-carousel__arrows .splide__arrow--next { position: absolute; top: 50%; } .qen-videos-carousel__arrows .splide__arrow--prev { transform: scaleX(1); left: 40px; } .qen-videos-carousel__arrows .splide__arrow--prev svg { transform: scaleX(1); } .qen-videos-carousel__arrows .splide__arrow--next { transform: scaleX(-1); right: 40px; } @media (max-width: 1280px) { .qen-videos-carousel__slider__item { padding: 20px; } .qen-videos-carousel-wrapper { padding: 60px 0; } .qen-videos-carousel__title { font-size: 50px; } .qen-videos-carousel__title { font-size: 50px; } } @media (max-width: 1024px) { .qen-videos-carousel__title { font-size: 45px; } .qen-videos-carousel__title { font-size: 45px; } } @media (max-width: 768px) { .qen-videos-slider { flex-direction: column; } } @media (max-width: 600px) { .qen-videos-carousel__title { font-size: 38px; margin-bottom: 25px; } .qen-videos-carousel-wrapper { padding: 52px 0; } .qen-videos-carousel__title { font-size: 40px; } } .qen-videos-carousel-wrapper .splide__arrows { display: none; } .qen-testimonial-carousel__slide__content { width: 300px; height: 360px; position: relative; } .qen-testimonial-carousel__slide__content img { width: 100%; height: 100%; } .qen-testimonial-carousel__slide__text { position: absolute; background: #FDDFA9; width: 311px; top: 245px; right: -30px; padding: 15px; } .qen-testimonial-carousel__splide .splide__track { overflow: initial; } .qen-testimonial-carousel-wrapper { position: relative; padding: 50px 0 160px; } .qen-testimonial-carousel__wrapper { /* max-width: 1536px; margin: auto; overflow: hidden; */ } .qen-testimonial-carousel__slide { display: flex; justify-content: center; } .qen-testimonial-carousel__slide__statment { font-family: GesturaDisplay; font-size: 18px; line-height: normal; margin-bottom: 20px; } .qen-testimonial-carousel__slide__name { font-family: 'BasisGrotesqueArabicPro'; font-weight: bold; font-size: 20px; } .qen-testimonial-carousel__title { font-family: "GesturaDisplay"; font-size: 40px; text-align: center; line-height: initial; max-width: 75%; margin: 0 auto 55px; } .qen-testimonial-carousel__arrows { display: none; } .qen-testimonial-carousel__arrows .splide__arrow--prev, .qen-testimonial-carousel__arrows .splide__arrow--next { position: absolute; top: 50%; } .qen-testimonial-carousel__arrows .splide__arrow--prev { transform: scaleX(1); left: 40px; } .qen-testimonial-carousel__arrows .splide__arrow--prev svg { transform: scaleX(1); } .qen-testimonial-carousel__arrows .splide__arrow--next { transform: scaleX(-1); right: 40px; } @media (min-width: 1024px) { .qen-testimonial-carousel__title { font-size: 45px; } } @media (min-width: 1280px) { .qen-testimonial-carousel__title { font-size: 50px; } .qen-testimonial-carousel__arrows { display: block; } } @media (min-width: 1536px) { .qen-testimonial-carousel__title { font-size: 60px; margin: 0 auto 100px; } .qen-testimonial-carousel__slide__text { position: absolute; background: #FDDFA9; width: 410px; top: 325px; right: -30px; padding: 35px; } .qen-testimonial-carousel__slide__statment { font-size: 22px; } .qen-testimonial-carousel__slide__content { width: 416px; height: 500px; } .qen-testimonial-carousel-wrapper { padding: 100px 0 200px; } } .footer__social-wrapper { display: flex; flex-direction: column; } .footer .footer__social { margin: initial; padding-bottom: 2rem; } .footer .footer__social .h5 { text-align: left; } .footer .footer__wrapper { display: flex; flex-direction: column; padding-top: 50px; } .footer__section__logo { width: 455px; margin: auto; } @media (max-width: 600px) { .footer__section__logo { padding: 0 76px; } .footer .footer__social .h5 { text-align: center; } } .header-wrapper .menu__subitem { list-style-type: none; } .mainMenu { position: relative; padding: 50px 0; } .menu__bg { background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, white 80%, white 0%), url(//seven-sundays.shop/cdn/shop/t/9/assets/image-megamenu-dropdown.jpg?v=145520148857557107391697672614) no-repeat; opacity: 0.5; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; z-index: -1; } .menu__backdrop { display: none; opacity: 0; height: 100%; width: 100%; position: fixed; top: 0; z-index: 1; backdrop-filter: blur(10px); transition: all 0.5s; } .menu__backdrop.active { display: block; opacity: 1; } .menu__backdrop.active { display: block; } .header-wrapper .nav-link { font-family: "GesturaDisplay"; } .header-wrapper .menu__subitem__link { font-family: "BasisGrotesqueArabicPro"; color: #000; font-weight: bold; } .header-wrapper { position: fixed; width: 100%; background: #F5F1E9; z-index: 10; } .header__hamburger .header__hamburger__menu { display: flex; align-items: center; width: 24px; } @media (min-width: 1024px) { .header__hamburger .header__hamburger__menu { width: auto; } } .header__hamburger .header__hamburger__close { display: none; } .header__hamburger.active .header__hamburger__menu { display: none; } .header__hamburger.active .header__hamburger__close { display: flex; } .header__top { border-bottom: solid 1px #cdcac9; position: absolute; width: 100%; z-index: 20; background: #F5F1E9; height: 62px; display: flex; align-items: center; } @media (min-width: 1280px) { .header__top { height: 100px; } } .mainMenu { position: absolute; padding: 50px 0; width: 100%; z-index: 10; background: #F5F1E9; top: -300px; transition: top 1s; } .mainMenu.active { top: 70px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .footer__newsletter__input { padding-bottom: 10px; border: 0; border-bottom: 1px solid #fff; font-size: 20px; width: 100%; } .qen-feature-magazine-banner { padding: 34px 0; max-width: 1492px; margin: auto; } .qen-feature-magazine__splide img { object-fit: cover; } .qen-feature-magazine-banner_header-wrapper { margin-bottom: 50px; position: relative; } .qen-feature-magazine-banner_header-wrapper h2 { font-family: "GesturaDisplay"; font-size: 40px; margin: 35px 55px 55px; text-align: center; } .qen-feature-magazine__blocks { display: flex; justify-content: space-between; } .qen-feature-magazine__block { padding: 10px; } .qen-feature-magazine__block img { width: 100%; } .qen-feature-magazine-banner__block__link { color: #000; } .qen-feature-magazine-banner__block__title { font-family: "GesturaDisplay"; font-size: 30px; margin-bottom: 23px; } .qen-feature-magazine-banner__block__read { color: #DE702E; font-size: 20px; font-weight: bold; } .qen-feature-magazine-banner__block__image { height: 458px; } .qen-feature-magazine-banner__block__content { padding: 47px; height: 280px; background: #fff; } .qen-feature-magazine-banner .splide__arrows { display: none; } .qen-feature-row__accent { text-align: center; } @media (min-width: 1024px) { .qen-feature-magazine-banner_header-wrapper h2 { margin: 35px 55px 55px 0; text-align: left; } .qen-feature-magazine-banner .qen-feature-row__accent { text-align: left; } .qen-feature-magazine-banner_header-wrapper h2 { font-size: 45px; } .qen-feature-magazine-banner .qen-feature-row__accent h6 { display: inline; } .qen-feature-magazine-banner .qen-feature-row__accent-line { display: inline-block; height: 3px; width: 93px; background: #000; vertical-align: middle; margin-right: 23px; } .qen-feature-magazine-banner { padding: 77px 40px; } } @media (min-width: 1280px) { .qen-feature-magazine-banner_header-wrapper h2 { font-size: 50px; } .qen-feature-magazine-banner__block__title { line-height: normal; } } @media (min-width: 1536px) { .qen-feature-magazine-banner_header-wrapper h2 { font-size: 60px; line-height: 69px; } } .certifications-section { margin: 10px; } .certifications-section .page-container { width: 100%; padding: 0; } .certifications-section h2 { font-family: "GesturaDisplay"; font-size: 38px; margin-bottom: 36px; } .certification__subtitle { font-size: 16px; display: block; } .certifications { display: flex; justify-content: space-evenly; flex-wrap: nowrap; } .certifications .certification { width: calc(25% - 20px); } .certifications .certification img { width: 100%; object-fit: cover; } @media (max-width: 991px) { .certifications .certification { width: calc(40% - 30px); margin-top: 20px; } } @media (max-width: 480px) { .certifications .certification { width: calc(70% - 30px); } } .certifications-wrapper { padding: 60px 20px; text-align: center; margin: auto; } @media (min-width: 768px) { .certifications-wrapper { padding: 60px 20px; text-align: center; } .certification__subtitle { display: none; } } @media (min-width: 1024px) { .certifications-section h2 { font-size: 45px; } } @media (min-width: 1280px) { .certifications-section h2 { font-size: 50px; } .certifications-wrapper { max-width: 1024px; } } @media (min-width: 1536px) { .certifications-section h2 { font-size: 60px; } .certifications-wrapper { max-width: 1280px; } } .qen-feature-why-us { display: flex; flex-direction: row-reverse; } .qen-feature-why-us__image img { width: 100%; height: 100%; object-fit: cover; object-position: top; } .feature-why-us__content-wrapper { width: 25%; background: #FDDFA9; position: relative; } .qen-feature-why-us__item { width: 75%; } .qen-feature-why-us__text { position: absolute; background: #FDDFA9; width: 200%; left: 0; padding: 108px 140px 108px 186px; } .qen-feature-why-us__text h2 { font-family: GesturaDisplay; font-size: 60px; margin: 45px 0 38px; } .qen-feature-why-us__subtext { font-family: BasisGrotesqueArabicPro; font-size: 20px; margin-bottom: 40px; line-height: 28px; } .qen-feature-why-us__accent h6 { display: inline; font-weight: bold; } .qen-feature-why-us__accent-line { display: inline-block; height: 3px; width: 93px; background: #000; vertical-align: middle; margin-right: 23px; } .qen-feature-why-us__text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } @media (max-width: 1536px) { .qen-feature-why-us__subtext { font-size: 20px; } .qen-feature-why-us__text h2 { font-size: 50px; } .qen-feature-why-us__text { padding: 80px 100px; } } @media (max-width: 1280px) { .qen-feature-why-us__subtext { font-size: 18px; } .qen-feature-why-us__text h2 { font-size: 45px; } .qen-feature-why-us__text { padding: 60px 80px; } .qen-feature-why-us__subtext { font-family: BasisGrotesqueArabicPro; font-size: 20px; margin-bottom: 40px; } } @media (max-width: 1024px) { .qen-feature-why-us__text h2 { font-size: 40px; } .qen-feature-why-us__text { padding: 40px 60px; } } @media (max-width: 640px) { .qen-feature-why-us__subtext { font-size: 16px; } .qen-feature-why-us__image img { height: 796px; } .qen-feature-why-us__item { top: 0; bottom: 0; } .qen-feature-why-us__accent { text-align: center; } .qen-feature-why-us__accent-line { display: none; } .qen-feature-why-us__text h2 { font-size: 38px; } .feature-why-us__content-wrapper { width: 100%; height: 950px !important; } .qen-feature-why-us { flex-direction: column; height: auto !important; } .qen-feature-why-us__item { width: 100%; } .qen-feature-why-us__text { padding: 55px 30px; width: 90%; position: absolute; top: -33%; left: 5%; text-align: center; align-items: center; } .qen-feature-why-us__subtext { font-size: 16px; line-height: 20px; } } .qen-feature-text-image { display: flex; flex-direction: column; } .qen-feature-text-image__item { width: 100%; } .qen-feature-text-image__image img { width: 100%; object-fit: cover; height: 100%; } .qen-feature-text-image__image { background: #b6bfe0; } .qen-feature-text-image__text { padding: 45px 30px 55px; text-align: center; } .qen-feature-text-image__accent > * { font-family: BasisGrotesqueArabicPro; display: inline-block; font-size: 20px; font-weight: bold; } .qen-feature-text-image__accent-line { height: 3px; width: 93px; background: #000; vertical-align: middle; margin-right: 23px; display: none; } .qen-feature-text-image__text h2 { font-family: GesturaDisplay; font-size: 38px; font-weight: bold; } .qen-feature-text-image__subtext { font-family: BasisGrotesqueArabicPro; font-size: 16px; line-height: 20px; margin: 40px 0 55px; } .qen-feature-text-image__subtext li { list-style-position: inside; line-height: 30px; } #shopify-section-85e1c998-9d1c-4750-86c0-b6c90b66f82b .qen-feature-text-image { flex-direction: column-reverse; } .qen-feature-text-image__accent { margin-bottom: 37px; } @media (min-width: 1024px) { .qen-feature-text-image > div { flex: 0 0 50%; box-sizing: border-box; } .qen-feature-text-image { flex-direction: row; } .qen-feature-text-image--right { flex-direction: row-reverse; } .qen-feature-text-image__text { padding: 25px; align-items: center; justify-content: center; display: flex; flex-direction: column; } .qen-feature-text-image__subtext { font-size: 16px; } .qen-feature-text-image__text h2 { font-size: 40px; line-height: normal; } .qen-feature-text-image__text { align-items: flex-start; text-align: left; } .qen-feature-text-image__accent-line { display: inline-block; } #shopify-section-85e1c998-9d1c-4750-86c0-b6c90b66f82b .qen-feature-text-image { flex-direction: row; } } @media (min-width: 1280px) { .qen-feature-text-image__text { padding: 50px; } .qen-feature-text-image__subtext { margin: 55px 0 55px; font-size: 18px; line-height: 28px; } .qen-feature-text-image__text h2 { font-size: 45px; } .qen-feature-text-image__accent { margin-bottom: 30px; } } @media (min-width: 1536px) { .qen-feature-text-image__text { padding: 124px 160px; } .qen-feature-text-image__subtext { font-size: 20px; } .qen-feature-text-image__text h2 { font-size: 60px; } .qen-feature-text-image__accent { margin-bottom: 45px; } } .qen-stories-carousel-wrapper { padding: 54px 0; position: relative; } .qen-stories-carousel__image { width: 100%; } .qen-stories-carousel__slide__content { max-width: 355px; height: 625px; display: flex; position: relative; } .qen-stories-carousel__slide { display: flex; justify-content: center; padding: 10px; } .qen-stories-carousel__slide__overlay { width: 100%; height: 100%; position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%); } .qen-stories-carousel__slide__text { position: absolute; bottom: 0; padding: 40px; color: #fff; } .qen-stories-carousel__slide__title { font-size: 40px; margin-bottom: 26px; } .qen-stories-carousel__slide__subtitle { font-size: 20px; } .qen-stories-carousel__title, .qen-stories-carousel__subtitle { font-family: "GesturaDisplay"; color: #000; font-size: 40px; font-size: 40px; text-align: center; line-height: initial; margin-bottom: 55px; } .qen-stories-carousel__subtitle { font-size: 25px; } .qen-stories-carousel__arrows .splide__arrow--prev, .qen-stories-carousel__arrows .splide__arrow--next { position: absolute; top: 50%; } .qen-stories-carousel__arrows .splide__arrow--prev { transform: scaleX(1); left: 40px; } .qen-stories-carousel__arrows .splide__arrow--prev svg { transform: scaleX(1); } .qen-stories-carousel__arrows .splide__arrow--next { transform: scaleX(-1); right: 40px; } .qen-stories-carousel__link img { object-fit: cover; } .qen-stories-carousel__arrows.splide__arrows { display: none; } @media (min-width: 1024px) { .qen-stories-carousel__arrows.splide__arrows { display: block; } .qen-stories-carousel__title { font-size: 45px; } .qen-stories-carousel__subtitle { font-size: 25px; } .qen-stories-carousel-wrapper { padding: 100px 100px 142px; } } @media (min-width: 1280px) { .qen-stories-carousel__title { font-size: 50px; } .qen-stories-carousel__subtitle { font-size: 30px; } } @media (min-width: 1536px) { .qen-stories-carousel__title { font-size: 60px; } .qen-stories-carousel__subtitle { font-size: 40px; } .qen-stories-carousel-wrapper { padding: 100px 210px 142px; } } .qen-text-banner-wrapper { text-align: center; padding: 50px 25px; } .qen-text-banner-wrapper h2 { font-family: "GesturaDisplay"; color: #fff; max-width: 1100px; margin: auto; padding-bottom: 50px; font-size: 38px; } .qen-text-banner__button { color: #fff; border-color: #fff; max-width: 427px; display: inline-block; margin: auto; } @media (min-width: 1024px) { .qen-text-banner-wrapper h2 { font-size: 40px; } } @media (min-width: 1280px) { .qen-text-banner-wrapper h2 { font-size: 42px; } } @media (min-width: 1536px) { .qen-text-banner-wrapper h2 { font-size: 45px; line-height: normal; } } .qen-hero-section { display: flex; flex-direction: column; } .qen-hero-section > div { flex: 0 0 50%; box-sizing: border-box; } .qen-hero-section__inner-wrapper { max-width: 510px; margin: auto; display: flex; flex-direction: column; text-align: center; } .qen-hero-section__item { width: 100%; } .qen-hero-section__image img { width: 100%; height: 100%; object-fit: cover; } .qen-hero-section__accent > * { font-family: BasisGrotesqueArabicPro; display: inline-block; font-size: 20px; font-weight: bold; } .qen-hero-section__accent-line { height: 3px; width: 93px; background: #000; vertical-align: middle; margin-right: 23px; display: none; } .qen-hero-section__text h2 { font-family: GesturaDisplay; font-size: 38px; font-weight: bold; } .qen-hero-section__subtext { font-family: BasisGrotesqueArabicPro; font-size: 16px; line-height: 20px; margin: 40px 0; } #shopify-section-85e1c998-9d1c-4750-86c0-b6c90b66f82b .qen-hero-section { flex-direction: column-reverse; } .qen-hero-section__review { display: flex; flex-direction: column; align-items: center; margin-bottom: 33px; text-align: center; } .qen-hero-section__text { padding: 10px 30px 55px; } .qen-hero-section__review_stars { max-width: 180px; } @media (min-width: 768px) { .qen-hero-section__review_stars { max-width: 200px; } } @media (min-width: 1024px) { .qen-hero-section__review_stars { max-width: 240px; } .qen-hero-section { flex-direction: row; } .qen-hero-section__inner-wrapper { flex-direction: column-reverse; text-align: left; } .qen-hero-section__review { align-items: stretch; text-align: left; } .qen-hero-section__review_stars { max-width: 240px; margin-top: 57px; } .qen-hero-section--right { flex-direction: row-reverse; } .qen-hero-section__text { padding: 10px 30px 55px; align-items: center; justify-content: center; display: flex; flex-direction: column; } .qen-hero-section__subtext { font-size: 16px; } .qen-hero-section__text h2 { font-size: 40px; line-height: normal; } .qen-hero-section__text { align-items: flex-start; text-align: left; } .qen-hero-section__accent-line { display: inline-block; } #shopify-section-85e1c998-9d1c-4750-86c0-b6c90b66f82b .qen-hero-section { flex-direction: row; } } @media (min-width: 1280px) { .qen-hero-section__text { padding: 50px; } .qen-hero-section__subtext { margin: 55px 0 55px; } .qen-hero-section__text h2 { font-size: 45px; } .qen-hero-section__accent { margin-bottom: 30px; } .qen-hero-section__subtext { font-size: 18px; line-height: 28px; } } @media (min-width: 1536px) { .qen-hero-section__text { padding: 112px 5vw; } .qen-hero-section__text h2 { font-size: 70px; } .qen-hero-section__accent { margin-bottom: 45px; } .qen-hero-section__subtext { font-size: 20px; } } .qen-feature-products-banner__header-wrapper { padding: 57px 30px; text-align: center; color: #142e59; } .qen-feature-products-banner__header-wrapper h2 { font-family: "GesturaDisplay"; margin-top: 33px; font-size: 38px; } .qen-feature-row__accent h6 { font-family: BasisGrotesqueArabicPro; font-weight: bold; font-size: 20px; } .qen-feature-products-banner__blocks { display: flex; flex-direction: column; } .qen-feature-products-banner__block { flex: 1; position: relative; margin: 30px 30px 0px 30px; background: #142E59; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 100px 0; } .qen-feature-products-banner__block__image { width: 100%; } .qen-feature-products-banner__block__content { width: 100%; position: absolute; padding: 50px; bottom: 0; color: #fff; text-align: center; } .qen-feature-products-banner__block__title { color: #fff; font-family: GesturaDisplay; font-weight: bold; margin-bottom: 29px; font-size: 40px; text-align: center; line-height: normal; color: #B6BFE0; } .qen-feature-products-banner__block__subtitle { color: #f5f1e9; font-family: BasisGrotesqueArabicPro; font-size: 20px; font-weight: 600; margin-bottom: 33px; font-size: 16px; } .qen-feature-products-banner__block__button { color: #fff; border-color: #fff; font-size: 16px; font-family: "BasisGrotesqueArabicPro"; } @media (min-width: 1024px) { .qen-feature-products-banner__header-wrapper h2 { font-size: 45px; } .qen-feature-row__accent { font-size: 18px; } .qen-feature-products-banner__blocks { flex-direction: row; padding: 0 139px; } } @media (min-width: 1280px) { .qen-feature-products-banner__block__title { margin-bottom: 68px; } .qen-feature-products-banner__header-wrapper h2 { font-size: 50px; } .qen-feature-row__accent { font-size: 20px; } } @media (min-width: 1536px) { qen-feature-products-banner__block__content { text-align: left; padding: 110px; } .qen-feature-products-banner__block__title { font-size: 60px; line-height: normal; } .qen-feature-products-banner__block__button { font-size: 25px; } .qen-feature-products-banner__header-wrapper { padding: 115px 30px 99px; } .qen-feature-products-banner__header-wrapper h2 { font-size: 60px; } .qen-feature-row__accent { font-size: 20px; } } /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 20; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: fit-content; height: 80%; } #video-modal__video { height: 96%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .qen-feature-why-us__block { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .qen-feature-why-us__block { padding: 0 30px; } .qen-feature-why-us .qen-feature-why-us__block img { aspect-ratio: auto; max-width: 92px; margin-bottom: 18px; } .qen-feature-why-us__block__content { margin: 0px 53px; } .qen-feature-why-us__splide { position: relative; display: flex; align-items: center; margin-bottom: 68px; width: 100%; } .qen-feature-why-us__block__title { font-size: 25px; font-weight: bold; } .qen-feature-why-us__block__subtitle { font-family: "BasisGrotesqueArabicPro"; font-size: 16px; line-height: 20px; } .qen-feature-why-us__arrows .splide__arrow--prev, .qen-feature-why-us__arrows .splide__arrow--next { position: absolute; } .qen-feature-why-us__arrows .splide__arrow--prev { transform: scaleX(1); left: -20px; } .qen-feature-why-us__arrows .splide__arrow--prev svg { transform: scaleX(1); } .qen-feature-why-us__arrows .splide__arrow--next { transform: scaleX(-1); right: -20px; } .qen-feature-why-us__arrows.splide__arrows svg { max-width: 20px; } .qen-feature-why-us__splide .splide__pagination__page { display: none; } .qen-feature-why-us__block__content { margin: 0px 40px; } @media (min-width: 1280px) { .qen-feature-why-us__block { flex-direction: row; text-align: left; } .qen-feature-why-us .qen-feature-why-us__block img { margin-bottom: 0; } .qen-feature-why-us__splide { margin-bottom: 120px; } .qen-feature-why-us__block__subtitle { line-height: 28px; } } .qen-about-us__splide { width: 100%; position: relative; } .qen-about-us__arrow-text { max-width: 200px; line-height: 24px; } .qen-about-us { display: flex; flex-direction: column; } .qen-about-us__item { width: 100%; } .qen-about-us__image img { width: 100%; object-fit: cover; height: 100%; } .qen-about-us__text { padding: 45px 30px 55px; text-align: center; overflow: auto; } .qen-about-us__accent > * { font-family: BasisGrotesqueArabicPro; display: inline-block; font-size: 20px; font-weight: bold; } .qen-about-us__accent-line { height: 3px; width: 93px; background: #000; vertical-align: middle; margin-right: 23px; display: none; } .qen-about-us__text h2 { font-family: GesturaDisplay; font-size: 38px; font-weight: bold; } .qen-about-us__subtext { font-family: BasisGrotesqueArabicPro; font-size: 16px; line-height: 20px; margin: 40px 0 55px; } .qen-about-us__subtext li { list-style-position: inside; line-height: 30px; } #shopify-section-85e1c998-9d1c-4750-86c0-b6c90b66f82b .qen-about-us { flex-direction: column-reverse; } .qen-about-us__accent { margin-bottom: 37px; } @media (min-width: 1024px) { .qen-about-us > div { flex: 0 0 50%; box-sizing: border-box; } .qen-about-us { flex-direction: row; } .qen-about-us--right { flex-direction: row-reverse; } .qen-about-us__text { padding: 25px; align-items: center; justify-content: center; display: flex; flex-direction: column; } .qen-about-us__subtext { font-size: 16px; } .qen-about-us__text h2 { font-size: 40px; line-height: normal; } .qen-about-us__text { align-items: flex-start; text-align: left; } .qen-about-us__accent-line { display: inline-block; } #shopify-section-85e1c998-9d1c-4750-86c0-b6c90b66f82b .qen-about-us { flex-direction: row; } } .qen-about-us__slide__nav { display: flex; justify-content: space-between; font-weight: bold; font-size: 16px; } .qen-about-us__prev, .qen-about-us__next { display: flex; align-items: center; } .splide__arrow--prev, .splide__arrow--next { cursor: pointer; display: flex; } .splide__arrow--prev { margin-right: 35px; } .splide__arrow--next { margin-left: 35px; } .qen-about-us__slide__nav svg { width: 13px; } .qen-about-us__slide__nav .splide__arrow--prev svg { transform: scaleX(1); } .qen-about-us__slide__nav .splide__arrow--next svg { transform: scaleX(-1); } @media (min-width: 1280px) { .qen-about-us__slide__nav svg { width: 19px; } .qen-about-us__slide__nav { font-size: 20px; } .qen-about-us__text { padding: 50px; } .qen-about-us__subtext { margin: 55px 0 55px; font-size: 18px; line-height: 28px; } .qen-about-us__text h2 { font-size: 45px; } .qen-about-us__accent { margin-bottom: 30px; } } @media (min-width: 1536px) { .qen-about-us__text { padding: 124px 160px; } .qen-about-us__subtext { font-size: 20px; } .qen-about-us__text h2 { font-size: 60px; } .qen-about-us__accent { margin-bottom: 45px; } } #shopify-section-0185775d-2e3b-4e0b-aded-feb11c0a09e8 .qen-feature-text-image__text { color: #142E59; } #shopify-section-0185775d-2e3b-4e0b-aded-feb11c0a09e8 .qen-button { color: #142E59; border-color: #142E59; } #shopify-section-0185775d-2e3b-4e0b-aded-feb11c0a09e8 .qen-feature-text-image__accent-line { display: none; } #shopify-section-0185775d-2e3b-4e0b-aded-feb11c0a09e8 .qen-feature-text-image__image { padding: 25px; } @media (min-width: 1280px) { #shopify-section-0185775d-2e3b-4e0b-aded-feb11c0a09e8 .qen-feature-text-image__image { padding: 100px; } } @media (min-width: 1536px) { #shopify-section-0185775d-2e3b-4e0b-aded-feb11c0a09e8 .qen-feature-text-image__image { padding: 130px; } } .qen-hero-section__review_io { max-width: 172px; margin-top: 10px; } @media (min-width: 768px) { .qen-hero-section__review_io { max-width: 120px; } } #essential_accept, .btn-manage, #banner-wrapper div.banner-main_buttons #all_accept { font-family: BasisGrotesqueArabicPro; color: #DE702E !important; border: 2px solid #DE702E; font-size: 20px; font-weight: 400; padding: 14px 30px !important; text-transform: uppercase; line-height: normal; background-color: transparent !important; border-radius: 0 !important; } .cart-upsell__item__variant { display: flex; padding: 10px; } .cart-upsell__item__variant .cart-upsell__item__option { width: 90px; color: #0E1D2C; font-family: 'Roboto', serif; font-size: 16px; letter-spacing: 0; line-height: 24px; font-weight: bold; } .cart-upsell__item__variant .cart-upsell__item__value { width: calc(100% - 90px); color: #0E1D2C; font-family: 'Roboto', serif; font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 24px; } .cart-upsell__img img { width: 70px; } .section__body__image { display: flex; align-items: center; margin: 40px 0; } .section__body__image img { margin-right: 20px; width: 30%; } .section__body__image__text__content { width: 70%; } #banner-wrapper { z-index: 999 !important; }