/** Shopify CDN: Minification failed Line 1324:9 Expected ":" **/ @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); @font-face { font-display: swap; font-style: normal; font-family: 'Karnov Display'; src: url('https://www.nj.se/hubfs/KarnovDisplay/KarnovDisplay.woff') format('woff'), url('https://www.nj.se/hubfs/KarnovDisplay/KarnovDisplay.woff2') format('woff2'); } .site-header a, .site-header span { font-weight: 500; } html, body { overflow-x: hidden; } body { line-height: 1.75 !important; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 1rem; } h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-weight: 500 !important; font-family: "Karnov Display", Georgia, Serif !important; letter-spacing: 0.05rem !important; } #shopify-content h1 { margin: 35px 0; text-align: center; font-weight: 500; font-family: "Karnov Display", Georgia, Serif; letter-spacing: 0.05rem; } #shopify-content header.background h1 { color: white; } #shopify-content header.background .blurb { text-align: center; } #shopify-content h2, #shopify-content .h2 { font-size: 2rem; margin-bottom: 1rem; } #shopify-content header { background-position-x: 50%; background-position-y: 50%; background-repeat: no-repeat; background-size: cover; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 0px; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: transparent; border-left-style: solid; border-left-width: 0px; border-right-color: transparent; border-right-style: solid; border-right-width: 0px; border-top-color: transparent; border-top-style: solid; border-top-width: 0px; box-sizing: border-box; color: #000; display: block; font-family: Roboto, sans-serif; font-feature-settings: normal; font-size: 16px; font-variation-settings: normal; font-weight: 300; line-height: 24px; margin-bottom: 0px; margin-left: 25px; margin-right: 25px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 110px; padding-left: 0px; padding-right: 0px; padding-top: 110px; position: relative; tab-size: 4; text-align: left; text-size-adjust: 100%; unicode-bidi: isolate; width: 1552.67px; z-index: 1; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; } #shopify-content header.background.gradient-overlay { width: 100%; max-width: 100%; overflow: hidden; } @media (max-width: 768px) { #shopify-content header { margin: 0 10px; padding: 100px 0; } } #shopify-content .gradient-overlay { position: relative; color: white; } #shopify-content .gradient-overlay:before { position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(45deg, #394758, #80796fcc); content: var(--tw-content); opacity: .85; } #shopify-content .gradient-overlay:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-linear-gradient(75deg, rgba(73, 90, 110, 0.85), rgba(128, 122, 112, 0.85)); background: -moz-linear-gradient(75deg, rgba(73, 90, 110, 0.85), rgba(128, 122, 112, 0.85)); background: -webkit-linear-gradient(15deg, rgba(73, 90, 110, 0.85), rgba(128, 122, 112, 0.85)); background: -moz-linear-gradient(15deg, rgba(73, 90, 110, 0.85), rgba(128, 122, 112, 0.85)); background: -o-linear-gradient(15deg, rgba(73, 90, 110, 0.85), rgba(128, 122, 112, 0.85)); background: linear-gradient(75deg, rgba(73, 90, 110, 0.85), rgba(128, 122, 112, 0.85)); z-index: -1; height: 101%; opacity: .85; } #shopify-content .wide { max-width: 1360px; } #shopify-content .page-center { margin: 0 auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 768px) { #shopify-content .page-center { padding-left: 20px; padding-right: 20px; } } #shopify-content .row-fluid { width: 100%; } #shopify-content .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } #shopify-content .col, #shopify-content .col-1, #shopify-content .col-10, #shopify-content .col-11, #shopify-content .col-12, #shopify-content .col-2, #shopify-content .col-3, #shopify-content .col-4, #shopify-content .col-5, #shopify-content .col-6, #shopify-content .col-7, #shopify-content .col-8, #shopify-content .col-9, #shopify-content .col-auto, #shopify-content .col-lg, #shopify-content .col-lg-1, #shopify-content .col-lg-10, #shopify-content .col-lg-11, #shopify-content .col-lg-12, #shopify-content .col-lg-2, #shopify-content .col-lg-3, #shopify-content .col-lg-4, #shopify-content .col-lg-5, #shopify-content .col-lg-6, #shopify-content .col-lg-7, #shopify-content .col-lg-8, #shopify-content .col-lg-9, #shopify-content .col-lg-auto, #shopify-content .col-md, #shopify-content .col-md-1, #shopify-content .col-md-10, #shopify-content .col-md-11, #shopify-content .col-md-12, #shopify-content .col-md-2, #shopify-content .col-md-3, #shopify-content .col-md-4, #shopify-content .col-md-5, #shopify-content .col-md-6, #shopify-content .col-md-7, #shopify-content .col-md-8, #shopify-content .col-md-9, #shopify-content .col-md-auto, #shopify-content .col-sm, #shopify-content .col-sm-1, #shopify-content .col-sm-10, #shopify-content .col-sm-11, #shopify-content .col-sm-12, #shopify-content .col-sm-2, #shopify-content .col-sm-3, #shopify-content .col-sm-4, #shopify-content .col-sm-5, #shopify-content .col-sm-6, #shopify-content .col-sm-7, #shopify-content .col-sm-8, #shopify-content .col-sm-9, #shopify-content .col-sm-auto, #shopify-content .col-xl, #shopify-content .col-xl-1, #shopify-content .col-xl-10, #shopify-content .col-xl-11, #shopify-content .col-xl-12, #shopify-content .col-xl-2, #shopify-content .col-xl-3, #shopify-content .col-xl-4, #shopify-content .col-xl-5, #shopify-content .col-xl-6, #shopify-content .col-xl-7, #shopify-content .col-xl-8, #shopify-content .col-xl-9, #shopify-content .col-xl-auto { padding-left: 15px; padding-right: 15px; position: relative; width: 100%; } /* =============================== Bootstrap-like Display Utilities Scoped to #shopify-content =============================== */ /* Base Display */ #shopify-content .d-none { display: none !important; } #shopify-content .d-inline { display: inline !important; } #shopify-content .d-inline-block { display: inline-block !important; } #shopify-content .d-block { display: block !important; } #shopify-content .d-table { display: table !important; } #shopify-content .d-table-row { display: table-row !important; } #shopify-content .d-table-cell { display: table-cell !important; } #shopify-content .d-flex { display: flex !important; } #shopify-content .d-inline-flex { display: inline-flex !important; } /* Responsive - Small (≥576px) */ @media (min-width: 576px) { #shopify-content .d-sm-none { display: none !important; } #shopify-content .d-sm-inline { display: inline !important; } #shopify-content .d-sm-inline-block { display: inline-block !important; } #shopify-content .d-sm-block { display: block !important; } #shopify-content .d-sm-table { display: table !important; } #shopify-content .d-sm-table-row { display: table-row !important; } #shopify-content .d-sm-table-cell { display: table-cell !important; } #shopify-content .d-sm-flex { display: flex !important; } #shopify-content .d-sm-inline-flex { display: inline-flex !important; } } /* Responsive - Medium (≥768px) */ @media (min-width: 768px) { #shopify-content .d-md-none { display: none !important; } #shopify-content .d-md-inline { display: inline !important; } #shopify-content .d-md-inline-block { display: inline-block !important; } #shopify-content .d-md-block { display: block !important; } #shopify-content .d-md-table { display: table !important; } #shopify-content .d-md-table-row { display: table-row !important; } #shopify-content .d-md-table-cell { display: table-cell !important; } #shopify-content .d-md-flex { display: flex !important; } #shopify-content .d-md-inline-flex { display: inline-flex !important; } } /* Responsive - Large (≥992px) */ @media (min-width: 992px) { #shopify-content .d-lg-none { display: none !important; } #shopify-content .d-lg-inline { display: inline !important; } #shopify-content .d-lg-inline-block { display: inline-block !important; } #shopify-content .d-lg-block { display: block !important; } #shopify-content .d-lg-table { display: table !important; } #shopify-content .d-lg-table-row { display: table-row !important; } #shopify-content .d-lg-table-cell { display: table-cell !important; } #shopify-content .d-lg-flex { display: flex !important; } #shopify-content .d-lg-inline-flex { display: inline-flex !important; } } /* Responsive - Extra Large (≥1200px) */ @media (min-width: 1200px) { #shopify-content .d-xl-none { display: none !important; } #shopify-content .d-xl-inline { display: inline !important; } #shopify-content .d-xl-inline-block { display: inline-block !important; } #shopify-content .d-xl-block { display: block !important; } #shopify-content .d-xl-table { display: table !important; } #shopify-content .d-xl-table-row { display: table-row !important; } #shopify-content .d-xl-table-cell { display: table-cell !important; } #shopify-content .d-xl-flex { display: flex !important; } #shopify-content .d-xl-inline-flex { display: inline-flex !important; } } /* =============================== Flexbox Utilities Scoped to #shopify-content =============================== */ /* Align Items (cross-axis) */ #shopify-content .align-items-start { align-items: flex-start !important; } #shopify-content .align-items-end { align-items: flex-end !important; } #shopify-content .align-items-center { align-items: center !important; } #shopify-content .align-items-baseline { align-items: baseline !important; } #shopify-content .align-items-stretch { align-items: stretch !important; } /* Justify Content (main axis) */ #shopify-content .justify-content-start { justify-content: flex-start !important; } #shopify-content .justify-content-end { justify-content: flex-end !important; } #shopify-content .justify-content-center { justify-content: center !important; } #shopify-content .justify-content-between { justify-content: space-between !important; } #shopify-content .justify-content-around { justify-content: space-around !important; } #shopify-content .justify-content-evenly { justify-content: space-evenly !important; } /* Align Self (per-item) */ #shopify-content .align-self-auto { align-self: auto !important; } #shopify-content .align-self-start { align-self: flex-start !important; } #shopify-content .align-self-end { align-self: flex-end !important; } #shopify-content .align-self-center { align-self: center !important; } #shopify-content .align-self-baseline { align-self: baseline !important; } #shopify-content .align-self-stretch { align-self: stretch !important; } /* Responsive Variants ------------------ */ /* Small ≥576px */ @media (min-width: 576px) { #shopify-content .align-items-sm-start { align-items: flex-start !important; } #shopify-content .align-items-sm-end { align-items: flex-end !important; } #shopify-content .align-items-sm-center { align-items: center !important; } #shopify-content .align-items-sm-baseline { align-items: baseline !important; } #shopify-content .align-items-sm-stretch { align-items: stretch !important; } #shopify-content .justify-content-sm-start { justify-content: flex-start !important; } #shopify-content .justify-content-sm-end { justify-content: flex-end !important; } #shopify-content .justify-content-sm-center { justify-content: center !important; } #shopify-content .justify-content-sm-between { justify-content: space-between !important; } #shopify-content .justify-content-sm-around { justify-content: space-around !important; } #shopify-content .justify-content-sm-evenly { justify-content: space-evenly !important; } #shopify-content .align-self-sm-auto { align-self: auto !important; } #shopify-content .align-self-sm-start { align-self: flex-start !important; } #shopify-content .align-self-sm-end { align-self: flex-end !important; } #shopify-content .align-self-sm-center { align-self: center !important; } #shopify-content .align-self-sm-baseline { align-self: baseline !important; } #shopify-content .align-self-sm-stretch { align-self: stretch !important; } } /* Medium ≥768px */ @media (min-width: 768px) { #shopify-content .align-items-md-start { align-items: flex-start !important; } #shopify-content .align-items-md-end { align-items: flex-end !important; } #shopify-content .align-items-md-center { align-items: center !important; } #shopify-content .align-items-md-baseline { align-items: baseline !important; } #shopify-content .align-items-md-stretch { align-items: stretch !important; } #shopify-content .justify-content-md-start { justify-content: flex-start !important; } #shopify-content .justify-content-md-end { justify-content: flex-end !important; } #shopify-content .justify-content-md-center { justify-content: center !important; } #shopify-content .justify-content-md-between { justify-content: space-between !important; } #shopify-content .justify-content-md-around { justify-content: space-around !important; } #shopify-content .justify-content-md-evenly { justify-content: space-evenly !important; } #shopify-content .align-self-md-auto { align-self: auto !important; } #shopify-content .align-self-md-start { align-self: flex-start !important; } #shopify-content .align-self-md-end { align-self: flex-end !important; } #shopify-content .align-self-md-center { align-self: center !important; } #shopify-content .align-self-md-baseline { align-self: baseline !important; } #shopify-content .align-self-md-stretch { align-self: stretch !important; } } /* Large ≥992px */ @media (min-width: 992px) { #shopify-content .align-items-lg-start { align-items: flex-start !important; } #shopify-content .align-items-lg-end { align-items: flex-end !important; } #shopify-content .align-items-lg-center { align-items: center !important; } #shopify-content .align-items-lg-baseline { align-items: baseline !important; } #shopify-content .align-items-lg-stretch { align-items: stretch !important; } #shopify-content .justify-content-lg-start { justify-content: flex-start !important; } #shopify-content .justify-content-lg-end { justify-content: flex-end !important; } #shopify-content .justify-content-lg-center { justify-content: center !important; } #shopify-content .justify-content-lg-between { justify-content: space-between !important; } #shopify-content .justify-content-lg-around { justify-content: space-around !important; } #shopify-content .justify-content-lg-evenly { justify-content: space-evenly !important; } #shopify-content .align-self-lg-auto { align-self: auto !important; } #shopify-content .align-self-lg-start { align-self: flex-start !important; } #shopify-content .align-self-lg-end { align-self: flex-end !important; } #shopify-content .align-self-lg-center { align-self: center !important; } #shopify-content .align-self-lg-baseline { align-self: baseline !important; } #shopify-content .align-self-lg-stretch { align-self: stretch !important; } } /* Extra Large ≥1200px */ @media (min-width: 1200px) { #shopify-content .align-items-xl-start { align-items: flex-start !important; } #shopify-content .align-items-xl-end { align-items: flex-end !important; } #shopify-content .align-items-xl-center { align-items: center !important; } #shopify-content .align-items-xl-baseline { align-items: baseline !important; } #shopify-content .align-items-xl-stretch { align-items: stretch !important; } #shopify-content .justify-content-xl-start { justify-content: flex-start !important; } #shopify-content .justify-content-xl-end { justify-content: flex-end !important; } #shopify-content .justify-content-xl-center { justify-content: center !important; } #shopify-content .justify-content-xl-between { justify-content: space-between !important; } #shopify-content .justify-content-xl-around { justify-content: space-around !important; } #shopify-content .justify-content-xl-evenly { justify-content: space-evenly !important; } #shopify-content .align-self-xl-auto { align-self: auto !important; } #shopify-content .align-self-xl-start { align-self: flex-start !important; } #shopify-content .align-self-xl-end { align-self: flex-end !important; } #shopify-content .align-self-xl-center { align-self: center !important; } #shopify-content .align-self-xl-baseline { align-self: baseline !important; } #shopify-content .align-self-xl-stretch { align-self: stretch !important; } } /* =============================== Spacing Utilities (Bootstrap-style) Scoped to #shopify-content =============================== */ /* Margin */ #shopify-content .m-0 { margin: 0 !important; } #shopify-content .m-1 { margin: 0.25rem !important; } #shopify-content .m-2 { margin: 0.5rem !important; } #shopify-content .m-3 { margin: 1rem !important; } #shopify-content .m-4 { margin: 1.5rem !important; } #shopify-content .m-5 { margin: 3rem !important; } /* Margin X (left + right) */ #shopify-content .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } #shopify-content .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } #shopify-content .mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } #shopify-content .mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; } #shopify-content .mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } #shopify-content .mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; } /* Margin Y (top + bottom) */ #shopify-content .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } #shopify-content .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } #shopify-content .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } #shopify-content .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } #shopify-content .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } #shopify-content .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } /* Margin Top */ #shopify-content .mt-0 { margin-top: 0 !important; } #shopify-content .mt-1 { margin-top: 0.25rem !important; } #shopify-content .mt-2 { margin-top: 0.5rem !important; } #shopify-content .mt-3 { margin-top: 1rem !important; } #shopify-content .mt-4 { margin-top: 1.5rem !important; } #shopify-content .mt-5 { margin-top: 3rem !important; } /* Margin Bottom */ #shopify-content .mb-0 { margin-bottom: 0 !important; } #shopify-content .mb-1 { margin-bottom: 0.25rem !important; } #shopify-content .mb-2 { margin-bottom: 0.5rem !important; } #shopify-content .mb-3 { margin-bottom: 1rem !important; } #shopify-content .mb-4 { margin-bottom: 1.5rem !important; } #shopify-content .mb-5 { margin-bottom: 3rem !important; } /* Margin Start (left in LTR) */ #shopify-content .ms-0 { margin-left: 0 !important; } #shopify-content .ms-1 { margin-left: 0.25rem !important; } #shopify-content .ms-2 { margin-left: 0.5rem !important; } #shopify-content .ms-3 { margin-left: 1rem !important; } #shopify-content .ms-4 { margin-left: 1.5rem !important; } #shopify-content .ms-5 { margin-left: 3rem !important; } /* Margin End (right in LTR) */ #shopify-content .me-0 { margin-right: 0 !important; } #shopify-content .me-1 { margin-right: 0.25rem !important; } #shopify-content .me-2 { margin-right: 0.5rem !important; } #shopify-content .me-3 { margin-right: 1rem !important; } #shopify-content .me-4 { margin-right: 1.5rem !important; } #shopify-content .me-5 { margin-right: 3rem !important; } /* Padding (same scale) */ #shopify-content .p-0 { padding: 0 !important; } #shopify-content .p-1 { padding: 0.25rem !important; } #shopify-content .p-2 { padding: 0.5rem !important; } #shopify-content .p-3 { padding: 1rem !important; } #shopify-content .p-4 { padding: 1.5rem !important; } #shopify-content .p-5 { padding: 3rem !important; } /* Padding X */ #shopify-content .px-0 { padding-left: 0 !important; padding-right: 0 !important; } #shopify-content .px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } #shopify-content .px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } #shopify-content .px-3 { padding-left: 1rem !important; padding-right: 1rem !important; } #shopify-content .px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } #shopify-content .px-5 { padding-left: 3rem !important; padding-right: 3rem !important; } /* Padding Y */ #shopify-content .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } #shopify-content .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } #shopify-content .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } #shopify-content .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } #shopify-content .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } #shopify-content .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } /* Padding Top */ #shopify-content .pt-0 { padding-top: 0 !important; } #shopify-content .pt-1 { padding-top: 0.25rem !important; } #shopify-content .pt-2 { padding-top: 0.5rem !important; } #shopify-content .pt-3 { padding-top: 1rem !important; } #shopify-content .pt-4 { padding-top: 1.5rem !important; } #shopify-content .pt-5 { padding-top: 3rem !important; } /* Padding Bottom */ #shopify-content .pb-0 { padding-bottom: 0 !important; } #shopify-content .pb-1 { padding-bottom: 0.25rem !important; } #shopify-content .pb-2 { padding-bottom: 0.5rem !important; } #shopify-content .pb-3 { padding-bottom: 1rem !important; } #shopify-content .pb-4 { padding-bottom: 1.5rem !important; } #shopify-content .pb-5 { padding-bottom: 3rem !important; } /* Padding Start (left in LTR) */ #shopify-content .ps-0 { padding-left: 0 !important; } #shopify-content .ps-1 { padding-left: 0.25rem !important; } #shopify-content .ps-2 { padding-left: 0.5rem !important; } #shopify-content .ps-3 { padding-left: 1rem !important; } #shopify-content .ps-4 { padding-left: 1.5rem !important; } #shopify-content .ps-5 { padding-left: 3rem !important; } /* Padding End (right in LTR) */ #shopify-content .pe-0 { padding-right: 0 !important; } #shopify-content .pe-1 { padding-right: 0.25rem !important; } #shopify-content .pe-2 { padding-right: 0.5rem !important; } #shopify-content .pe-3 { padding-right: 1rem !important; } #shopify-content .pe-4 { padding-right: 1.5rem !important; } #shopify-content .pe-5 { padding-right: 3rem !important; } .d-none { display: none !important; } @media (min-width: 1200px) { .d-sm-block { display: block !important; } .d-sm-flex { display: flex !important; } .d-md-block { display: block !important; } .d-md-flex { display: flex !important; } .d-lg-block { display: block !important; } .d-lg-flex { display: flex !important; } } /* === Base Grid Setup === */ .row { display: flex; flex-wrap: wrap; margin-right: -0.75rem; /* gutter */ margin-left: -0.75rem; } [class*="col-"] { position: relative; width: 100%; /* default: full width before breakpoints */ padding-right: 0.75rem; padding-left: 0.75rem; flex: 0 0 auto; } /* === Small (≥576px) === */ @media (min-width: 576px) { #shopify-content .col-sm-1 { width: 8.333333%; } #shopify-content .col-sm-2 { width: 16.666667%; } #shopify-content .col-sm-3 { width: 25%; } #shopify-content .col-sm-4 { width: 33.333333%; } #shopify-content .col-sm-5 { width: 41.666667%; } #shopify-content .col-sm-6 { width: 50%; } #shopify-content .col-sm-7 { width: 58.333333%; } #shopify-content .col-sm-8 { width: 66.666667%; } #shopify-content .col-sm-9 { width: 75%; } #shopify-content .col-sm-10 { width: 83.333333%; } #shopify-content .col-sm-11 { width: 91.666667%; } #shopify-content .col-sm-12 { width: 100%; } } /* === Medium (≥768px) === */ @media (min-width: 768px) { #shopify-content .col-md-1 { width: 8.333333%; } #shopify-content .col-md-2 { width: 16.666667%; } #shopify-content .col-md-3 { width: 25%; } #shopify-content .col-md-4 { width: 33.333333%; } #shopify-content .col-md-5 { width: 41.666667%; } #shopify-content .col-md-6 { width: 50%; } #shopify-content .col-md-7 { width: 58.333333%; } #shopify-content .col-md-8 { width: 66.666667%; } #shopify-content .col-md-9 { width: 75%; } #shopify-content .col-md-10 { width: 83.333333%; } #shopify-content .col-md-11 { width: 91.666667%; } #shopify-content .col-md-12 { width: 100%; } } /* === Large (≥992px) === */ @media (min-width: 992px) { #shopify-content .col-lg-1 { width: 8.333333%; } #shopify-content .col-lg-2 { width: 16.666667%; } #shopify-content .col-lg-3 { width: 25%; } #shopify-content .col-lg-4 { width: 33.333333%; } #shopify-content .col-lg-5 { width: 41.666667%; } #shopify-content .col-lg-6 { width: 50%; } #shopify-content .col-lg-7 { width: 58.333333%; } #shopify-content .col-lg-8 { width: 66.666667%; } #shopify-content .col-lg-9 { width: 75%; } #shopify-content .col-lg-10 { width: 83.333333%; } #shopify-content .col-lg-11 { width: 91.666667%; } #shopify-content .col-lg-12 { width: 100%; } } /* === Extra Large (≥1200px) === */ @media (min-width: 1200px) { #shopify-content .col-xl-1 { width: 8.333333%; } #shopify-content .col-xl-2 { width: 16.666667%; } #shopify-content .col-xl-3 { width: 25%; } #shopify-content .col-xl-4 { width: 33.333333%; } #shopify-content .col-xl-5 { width: 41.666667%; } #shopify-content .col-xl-6 { width: 50%; } #shopify-content .col-xl-7 { width: 58.333333%; } #shopify-content .col-xl-8 { width: 66.666667%; } #shopify-content .col-xl-9 { width: 75%; } #shopify-content .col-xl-10 { width: 83.333333%; } #shopify-content .col-xl-11 { width: 91.666667%; } #shopify-content .col-xl-12 { width: 100%; } } /* Margins (m-0 … m-5) */ #shopify-content .m-0 { margin: 0 !important; } #shopify-content .m-1 { margin: 0.25rem !important; } #shopify-content .m-2 { margin: 0.5rem !important; } #shopify-content .m-3 { margin: 1rem !important; } #shopify-content .m-4 { margin: 1.5rem !important; } #shopify-content .m-5 { margin: 3rem !important; } /* Margin Top */ #shopify-content .mt-0 { margin-top: 0 !important; } #shopify-content .mt-1 { margin-top: 0.25rem !important; } #shopify-content .mt-2 { margin-top: 0.5rem !important; } #shopify-content .mt-3 { margin-top: 1rem !important; } #shopify-content .mt-4 { margin-top: 1.5rem !important; } #shopify-content .mt-5 { margin-top: 3rem !important; } /* Margin Bottom */ #shopify-content .mb-0 { margin-bottom: 0 !important; } #shopify-content .mb-1 { margin-bottom: 0.25rem !important; } #shopify-content .mb-2 { margin-bottom: 0.5rem !important; } #shopify-content .mb-3 { margin-bottom: 1rem !important; } #shopify-content .mb-4 { margin-bottom: 1.5rem !important; } #shopify-content .mb-5 { margin-bottom: 3rem !important; } /* Same pattern for ml, mr, mx, my … */ /* Padding (p-0 … p-5) */ #shopify-content .p-0 { padding: 0 !important; } #shopify-content .p-1 { padding: 0.25rem !important; } #shopify-content .p-2 { padding: 0.5rem !important; } #shopify-content .p-3 { padding: 1rem !important; } #shopify-content .p-4 { padding: 1.5rem !important; } #shopify-content .p-5 { padding: 3rem !important; } /* Padding Top */ #shopify-content .pt-0 { padding-top: 0 !important; } #shopify-content .pt-1 { padding-top: 0.25rem !important; } #shopify-content .pt-2 { padding-top: 0.5rem !important; } #shopify-content .pt-3 { padding-top: 1rem !important; } #shopify-content .pt-4 { padding-top: 1.5rem !important; } #shopify-content .pt-5 { padding-top: 3rem !important; } /* Padding Bottom */ #shopify-content .pb-0 { padding-bottom: 0 !important; } #shopify-content .pb-1 { padding-bottom: 0.25rem !important; } #shopify-content .pb-2 { padding-bottom: 0.5rem !important; } #shopify-content .pb-3 { padding-bottom: 1rem !important; } #shopify-content .pb-4 { padding-bottom: 1.5rem !important; } #shopify-content .pb-5 { padding-bottom: 3rem !important; } /* Same pattern for pl, pr, px, py … */ #shopify-content .no-padding-top { padding-top: 0 !important; } body #shopify-content section { display: block; color: #000; margin: 1rem 0; } #shopify-content .flex-wrapper { background: transparent; display: flex; flex-wrap: wrap; flex-direction: row; } #shopify-content .flex-content-card a, #shopify-content .flex-content-card a:hover, #shopify-content .flex-content-card a:hover p { color: #333; } @media (max-width: 768px) { #shopify-content .flex-wrapper { flex-direction: column; } #shopify-content .product__block--wrapper--vertical .flex-content-card { padding: 20px; } } #shopify-content div[class*=flex-item-] { border: 0 !important; } #shopify-content .flex-card-padding { padding: 20px; } @media (max-width: 768px) { #shopify-content .product__block--wrapper--vertical .flex-content-card { padding: 20px; } } #shopify-content .flex-item-25 { display: flex; flex-direction: column; width: 25%; min-width: 25%; max-width: 25%; } #shopify-content .flex-item-33 { display: flex; flex-direction: column; width: 33.333333%; min-width: 33.333333%; max-width: 33.333333%; } #shopify-content .flex-item-66 { display: flex; flex-direction: column; width: 66.666666%; min-width: 66.666666%; max-width: 66.666666%; } @media (max-width: 1024px) { #shopify-content .flex-item-25, #shopify-content .flex-item-33, #shopify-content .flex-item-66 { width: 100%; min-width: 100%; max-width: 100%; } } #shopify-content .flex-link { display: flex; flex: 1; flex-direction: column; color: #333; font-weight: 300; text-decoration: none; } #shopify-content .product__block--wrapper--vertical .book--cover { background-repeat: no-repeat; background-size: cover; background-position: top center; text-align: left; display: block; margin-bottom: 1rem; } #shopify-content .book--cover img[alt] { font-size: 0; } #shopify-content .book--cover img { height: auto; width: auto; max-height: 200px; } #shopify-content img, #shopify-content svg { vertical-align: middle; max-width: 100%; } @media( min-width: 1024px) { #shopify-content .expert-listing__block { padding-left: 2rem; } } #shopify-content .product__block--wrapper--vertical .product--title { font-size: 1.25rem; line-height: 1.2; margin-bottom: 1rem; margin-top: 0; color: black; font-weight: 500; } #shopify-content .product__block--wrapper--vertical p.product--description { padding-right: 0; line-height: 1.2; } #shopify-content a.flex-link p { font-weight: 300; } #shopify-content .product__block--wrapper--vertical .product--price { padding: 0; margin: 0 0 1rem; line-height: 1; font-size: 1rem; } #shopify-content .link-underline-left:after { display: block; content: ""; width: 100%; margin: 10px 0 0; transition: width 0.5s ease, background-color 0.5s ease; background: #fed551; height: 3px; } @media( min-width:1024px ) { #shopify-content .link-underline-left.link-underline-full:hover:after, #shopify-content a.flex-link:hover .link-underline-left.link-underline-full:after { width: 30px; } } #shopify-content .indicator--pagination { padding: 1rem 0 0; margin-bottom: 0; border-top: 1px solid #d7d7d7; border-bottom: 0; margin-top: 1rem; font-size: 1.125rem; color: #a2adba; font-weight: 400; } #shopify-content .text-right { text-align: right; } #shopify-content .pagination--wrapper > * > * { margin-left: 1rem; } #shopify-content .pagination--current, #shopify-content .indicator--current { color: black; } #shopify-content .indicator--pagination a { color: inherit; font-weight: 400; } #shopify-content .shop-page--top { padding-bottom: 40px; padding-top: 0; overflow: initial; } #shopify-content .container, #shopify-content .container-fluid, #shopify-content .container-lg, #shopify-content .container-md, #shopify-content .container-sm, #shopify-content .container-xl { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 100%; max-width: 1240px; } #shopify-content .go-back--product--wrapper { margin-bottom: 40px; } #shopify-content .product-page--wrapper .product--image { max-width: 100%; } #shopify-content .go-back--product { margin: auto; padding-bottom: 20px; } #shopify-content .go-back--product .go-back { text-transform: uppercase; color: #495a6e; font-size: 16px; } #shopify-content .go-back--product .go-back>i { margin-right: 4px; transition: ease all .3s; } #shopify-content .product-image { text-align: center; } #shopify-content .product-image > img { max-width: 263px; } #shopify-content .shop-page--top-body header { padding: 0; height: auto; text-align: left; margin: 0 0 10px; display: flex; align-items: flex-start; flex-wrap: wrap; } #shopify-content .shop-page--top-body h1 { text-align: left; } #shopify-content .shop-page--top-body ul.vendors { padding: 0; margin: 0 15px 5px -5px; display: flex; flex-wrap: wrap; list-style-type: none; } #shopify-content .shop-page--top-body ul.vendors>li { padding: 0 5px; } #shopify-content .shop-page--top-body ul.vendors>li>a { font-size: 18px; font-weight: 300; font-family: Roboto; color: #394758; margin: 5px 5px 0 0; } #shopify-content .shop-page--top-body .headline { font-size: 43px; line-height: 52px; color: #394758; margin: 0 0 10px; } @media (max-width: 992px) { #shopify-content .shop-page--top-body .headline { font-size: 34px; line-height: 31px; } } #shopify-content #product-id { background: #485a6e; color: #fff; display: inline-block; font-size: 13px; font-weight: 400; line-height: 1; padding: 5px 10px; } #shopify-content .product-form { margin-top: 20px; } #shopify-content .shop-page--top-body .product-info-wrapper .product--price { padding-top: 0; line-height: 1; font-size: 1rem; font-weight: 600; } #shopify-content .shop-page--top-body .product-info-wrapper .product--price .product--price--book { color: #394758; } #shopify-content .shop-page--top-body .product-info-wrapper .product--price .product--price--book>.price { font-size: 24px; font-weight: 600; } #shopify-content .shop-page--top-body .product-info-wrapper .product--price .product--price--book>.price-currency { font-size: 24px; font-weight: 600; } #shopify-content .shop-page--top-body .product-info-wrapper .product--price .product--price--book>.price-info{ font-size: 14px; font-weight: 300; } #shopify-content .product-title-on-bottom { font-weight: 500; line-height: 16px; font-size: 14px; } #shopify-content .btn-primary, #shopify-content .children-item--big a, #shopify-content .hs-button.primary, #shopify-content .text-image__block--wrapper .cta-white-box a { background-color: transparent; border: 0 solid transparent; border-radius: 0; color: #212529; display: inline-block; font-family: Roboto, sans-serif; font-size: .875rem; font-weight: 500; line-height: 1.4; padding: 16px 40px; text-align: center; transition: all .5s ease; -webkit-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; border-radius: 0 !important; font-weight: 400; text-transform: uppercase; padding: 11px 30px; background-color: #fdd551; color: #212529; border-color: #fdd551; } #shopify-content .btn-primary:hover, #shopify-content .children-item--big a:hover, #shopify-content .hs-button.primary:hover, #shopify-content .text-image__block--wrapper .cta-white-box a:hover { background-color: #ffdf79; box-shadow: 0 2px 30px rgba(254, 213, 81, .6); color: #212529; } #shopify-content .shop-page--top-body .product--page--add-to-cart .btn i { font-size: 19px; margin-right: 5px; } #shopify-content .product-message { margin-top: 1em; text-align: center; } #shopify-content .wrapper--product-description { padding-top: 40px; padding-bottom: 60px; } @media (max-width: 767px) { #shopify-content .product--page--add-to-cart.flex-wrapper { align-items: center; flex-direction: row !important; justify-content: center; position: fixed; left: 0; right: 0; bottom: 0; width: 100%; background-color: #fff; z-index: 9999; padding: 20px 0; box-shadow: 0 0 30px #1d2d6f14; } #shopify-content .wrapper--product-description { padding-top: 30px; } #shopify-content .shopify--base section { margin: 10px 0; } } #shopify-content .shop-page--top-body .product--page--add-to-cart .product--page--add-quantity>label { color: #394758; font-size: 18px; font-weight: 300; margin: 0 15px 0 0; } #shopify-content .shop-page--top-body .product--page--add-to-cart .product--page--add-quantity input[type=number] { background: #fff !important; border-radius: 0 !important; color: #000 !important; font-size: 1rem !important; height: auto !important; width: 50px; appearance: none; margin: 0 15px 0 0; text-align: center; background-color: #e3e3e366 !important; font-weight: 300; padding: 5px !important; } @media (max-width: 767px) { #shopify-content .product--page--add-quantity { flex-direction: row !important; } } #shopify-content .cart-item-quantity-display { padding: 5px !important; font-size: 14px; } #page-404 { text-align: center; padding: 80px 15px; } #shopify-content table.cart-items th { padding: 0 0 1rem 0; font-weight: bold; } #shopify-content table.cart-items td { padding: 1rem 0; } #shopify-content table.cart-items td .money { font-weight: bold; } #shopify-content #cart--wrapper { padding-bottom: 4rem; } #shopify-content #cart--wrapper .cart-checkout > * { box-shadow: 0 0 30px #0000001a; background-color: #fff; color: #000; } #shopify-content #cart--wrapper .cart-checkout, #shopify-content #cart--wrapper .cart-tools, #shopify-content #cart--wrapper .cart-price, #shopify-content #cart--wrapper .cart-message, #shopify-content #cart--wrapper .cart-checkout em { color: #212529; } #shopify-content #cart--wrapper .cart-checkout .hs-radio { margin: 1rem 0; } #shopify-content input[type=password], #shopify-content input[type=text], #shopify-content textarea { background: #f7f7f7; border-radius: 0; color: #000; text-align: left; padding: 13px 20px; } #shopify-content .nj-grey { background-color: #f7f7f7 !important; } #shopify-content .cart-tools, #shopify-content .cart-instructions, #shopify-content .cart-instructions textarea { width: 100% !important; max-width: 100% !important; } @media(max-width: 720px) { #shopify-content table.cart-items, #shopify-content td.cart-item-quantity, #shopify-content td.cart-item-total { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } #shopify-content td.cart-item-quantity input[type=text], #shopify-content table.cart-items td .money { padding: 10px !important; line-height: 1rem !important; height: 48px !important; width: 100%; display: inline-block; } #shopify-content table.cart-items td .money { text-align: right !important; } } @media (max-width: 1024px) { #shopify-content .cart-tools { padding-right: 0 !important ; } #shopify-content .cart-checkout { padding-left: 0 !important ; } } #shopify-content .reveal-if-active { max-height: 0; opacity: 0; overflow: hidden; transform: scale(.8); transition: .5s; } #shopify-content input[type=checkbox]:checked~.reveal-if-active, #shopify-content input[type=radio]:checked~.reveal-if-active { max-height: 200px; opacity: 1; overflow: visible; padding: 5px 0 0; transform: scale(1); } #shopify-content .collection-viewing-parameters { text-align: right; } #shopify-content .collection-item .collection-item-image { width: 100%; height: 200px; } #shopify-content .collection-item .collection-item-image img { object-fit: contain; width: 100%; height: 100%; margin-bottom: 1rem; } #shopify-content .related--products { padding: 4rem 0; } #shopify-content fieldset { border: none; } #shopify-content .hs-form-field { margin: .5rem 0; } #shopify-content .continue-btn { margin-top: 1rem; } #shopify-content .continue-shop { margin: 2rem 0 0; border: 0 solid transparent; border-radius: 0; color: #212529; display: inline-block; font-family: Roboto, sans-serif; font-size: .875rem; font-weight: 500; line-height: 1.4; padding: 16px 40px; text-align: center; transition: all .5s ease; -webkit-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; border-radius: 0 !important; font-weight: 400; text-transform: uppercase; padding: 11px 30px; background-color: #fdd551; color: #212529; border-color: #fdd551; } #shopify-content .product--listing { margin: 2rem 0 4rem; } /* header cart */ .bg-yellow { background:rgb(253 213 81); } .rounded-full { border-radius:9999px; } .w-5 { width 1.25rem; } .h-5 { height: 1.25rem; } .ais-container .ais-SearchBox .ais-SearchBox-form .ais-HitsPerPage, .ais-container .ais-SearchBox .ais-SearchBox-form .ais-SearchBox-input { min-width: 100%; }