/** Shopify CDN: Minification failed Line 1333:91 Unexpected "{" **/ html { padding-bottom: 0 !important; } .eapps-pinterest-feed-container { width: 100%; } .ArticleToolbar__Left .ArticleToolbar__Nav { margin: 0; display: block; } .ArticleToolbar__Right .ArticleToolbar__Nav { margin: 0; display: block; } /** * ---------------------------------------------------------------------------------------------- * Page Max Width helper * ---------------------------------------------------------------------------------------------- */ /* No shorthand properties, so other spacings don't get overriden */ /* Also a lot of !important's so we can make sure it gets applied */ .Container--pageWidth { max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important; } @media screen and (min-width: 1367px) { .Container--pageWidth { padding-left: 50px !important; padding-right: 50px !important; } } @media screen and (min-width: 1140px) and (max-width: 1366px) { .Container--pageWidth { padding-left: 140px !important; padding-right: 140px !important; } } @media screen and (min-width: 641px) and (max-width: 1139px) { .Container--pageWidth { padding-left: 50px !important; padding-right: 50px !important; } } @media screen and (max-width: 640px) { .Container--pageWidth { padding-left: 20px !important; padding-right: 20px !important; } } div:not(.Product__SlideshowMobileNav) > .flickity-page-dots .dot:before { z-index: -1; } div:not(.Product__SlideshowMobileNav) > .flickity-page-dots .dot:hover { height: 6px !important; border-radius: 10px !important; background-color: #827b7b; width: 40px; } @media screen and (max-width: 1007px) { .FirstProductCarouselImage::before { padding-bottom: 100% !important; } } /** * ---------------------------------------------------------------------------------------------- * Page Text styling * ---------------------------------------------------------------------------------------------- */ .PageContainer.Container--pageWidth { font-size: 18px; line-height: 32px; padding-top: 50px; padding-bottom: 128px; max-width: 900px !important; margin-left: auto !important; margin-right: auto !important; } @media screen and (min-width: 1367px) { .PageContainer.Container--pageWidth { padding-left: 0 !important; padding-right: 0 !important; } } @media screen and (min-width: 1140px) and (max-width: 1366px) { .PageContainer.Container--pageWidth { max-width: 720px !important; padding-left: 0 !important; padding-right: 0 !important; } } .PageContainer.Container--pageWidth.PageContainer--small { padding-bottom: 0 !important; } .PageContainer.Container--pageWidth.Page_Title_Margin--small h1 { margin-bottom: 8px !important; } .PageContainer.Container--pageWidth h1 { font-size: 55px !important; letter-spacing: -0.55px; line-height: 50px; font-family: 'MacklinDisplay-Regular' !important; margin-bottom: 64px !important; } @media screen and (max-width: 1139px) { .PageContainer.Container--pageWidth h1 { font-size: 44px !important; } } .PageContainer.Container--pageWidth h2 { font-size: 24px !important; line-height: 32px; margin-bottom: 32px !important; } @media screen and (max-width: 1139px) { .PageContainer.Container--pageWidth h2 { font-size: 20px !important; } } .PageContainer.Container--pageWidth h3 { font-size: 20px !important; line-height: 26px; padding-top: 10px; margin-bottom: 32px; } .PageContainer.Container--pageWidth p { margin-bottom: 32px; } .PageContainer.Container--pageWidth a { font-size: 18px !important; font-family: 'MacklinSans-Light' !important; color: var(--page-link-color); text-decoration: underline; } .PageContainer.Container--pageWidth .Page_Button--hover { font-size: 16px !important; letter-spacing: 0.8px; line-height: 26px; width: fit-content; margin: 0 auto; padding: 14px 40px 10px 15px; background-color: var(--page-button-background); border: 1px solid; color: var(--text-color); text-decoration: none; transition: background-color .2s; } .PageContainer.Container--pageWidth .Page_Button--hover:hover { background-color: var(--page-button-background-hover); } .PageContainer.Container--pageWidth .Page_Button--hover:before { left: 24px; } .PageContainer.Container--pageWidth img { object-fit: cover; } .PageContainer.Container--pageWidth .Page_Image--wider_width { width: calc(1280px - 100px) !important; margin-left: -140px; max-width: 100vw; } @media screen and (max-width: 1366px) { .PageContainer.Container--pageWidth .Page_Image--wider_width { width: calc(1280px - 280px) !important; margin-left: -140px; } } @media screen and (max-width: 1139px) { .PageContainer.Container--pageWidth .Page_Image--wider_width { width: calc(100vw - 40px) !important; margin-left: calc(((-100vw + 100%) / 2) + 20px); } } @media screen and (max-width: 640px) { .PageContainer.Container--pageWidth .Page_Image--wider_width { width: 100% !important; margin: 0 auto; } } .PageContainer.Container--pageWidth li { font-family: 'MacklinSans-Light'; } .PageContainer.Container--pageWidth table { text-align: left; border: 1px solid var(--page-table-border); border-collapse: collapse; margin-bottom: 42px; } .PageContainer.Container--pageWidth table.nostyle { border: 0; } .PageContainer.Container--pageWidth table.nostyle th, .PageContainer.Container--pageWidth table.nostyle td { border: 0; } .PageContainer.Container--pageWidth table th { padding: 6px; background-color: var(--page-table-background); font-size: 18px; font-family: 'MacklinSans-Bold'; border: 1px solid var(--page-table-border); } .PageContainer.Container--pageWidth table th:first-child { border-right: 1px solid var(--page-table-header-separator); } .PageContainer.Container--pageWidth table td { padding: 6px; border: 1px solid var(--page-table-border); font-family: 'MacklinSans-Light'; font-size: 18px; } .PageContainer.Container--pageWidth iframe { margin-top: 42px; } /** * ---------------------------------------------------------------------------------------------- * ReadMore Text Styling * ---------------------------------------------------------------------------------------------- */ body.template-page .PageContainer .RedMoreContainer.Page_Button--hover { margin-left: 0; } .RedMoreContainer { display: flex; align-items: center; font-size: 14px; font-family: 'MacklinSans-Light'; text-transform: uppercase; line-height: 26px; letter-spacing: .7px; } @media screen and (max-width: 640px) { .RedMoreContainer { font-size: 12px; line-height: 13px; letter-spacing: 0.5px; } } .RedMoreContainer:before { content: ''; order: 1; position: relative; display: block; left: 6px; transform: translateY(-25%) rotate(135deg); width: 7px; height: 7px; border-left: 1px solid #000; border-top: 1px solid #000; } @media screen and (max-width: 640px) { .RedMoreContainer:before { transform: translateY(-4%) rotate(135deg); } } /** * ---------------------------------------------------------------------------------------------- * Fonts * ---------------------------------------------------------------------------------------------- */ p, ul li { font-family: 'MacklinSans-Light'; } em { font-style: normal !important; font-family: 'MacklinDisplay-Italic'; } .CategoryIcons_SectionHeader__Heading { font-family: 'MacklinDisplay-Regular'; } .HomepageCollectionIcons__IconContainer .HomepageCollectionIcons__IconCaption { font-family: 'MacklinSans-Medium'; } .Featured_Tips_Container { padding-top: 40px !important; padding-bottom: 40px !important; } @media screen and (max-width: 640px) { .Featured_Tips_Container { padding-top: 25px !important; } } .Featured_Tips_Container h2 { font-family: 'MacklinDisplay-Regular'; } .Featured_Tips_Block_Title h3 { font-family: 'MacklinDisplay-Medium'; font-size: 18px; } @media screen and (max-width: 640px) { .Featured_Tips_Block_Title h3 { font-size: 18px !important; line-height: 18px; letter-spacing: -0.18px; padding-bottom: 10px; } } .Featured_Tips_Block_ReadMore h3 { font-family: 'MacklinSans-Light'; } .Featured_Collection_Container .Featured_Collection--link { height: fit-content; border: 1px solid var(--border-color-black); background-color: #f2eee5; padding: 14px 36px 12px 15px; text-transform: uppercase; position: relative; display: block; width: fit-content; transition: background-color .2s; font-size: 16px; line-height: 16px; letter-spacing: 0.8px; font-family: 'MacklinSans-Light'; } .Featured_Collection_Container .Featured_Collection--link:before { content: ''; position: absolute; display: block; top: 50%; right: 18px; transform: translateY(-50%) rotate(135deg); width: 7px; height: 7px; border-left: 1px solid var(--border-color-black); border-top: 1px solid var(--border-color-black); } .Featured_Collection_Container .Featured_Collection--link:hover { background-color: var(--featured-button-hover-background); } @media screen and (max-width: 640px) { .Featured_Collection_Container .Featured_Collection--link { display: none; } } .Featured_Collection_Container .Featured_Collection_Title h1 { font-family: 'MacklinDisplay-Regular'; } .Featured_Collection_Container .Featured_Collection_SubTitle h3 { font-family: 'MacklinSans-Light'; } .Featured_Collection_Container .Featured_Collection_Category_Contents h3 { font-family: 'MacklinDisplay-Medium'; font-size: 18px; letter-spacing: -0.18px; line-height: 22px; } @media screen and (max-width: 700px) { .Featured_Collection_Container .Featured_Collection_Category_Contents h3 { font-family: MacklinDisplay-Light; font-size: 16px; font-weight: 600; line-height: initial; margin-bottom: 10px; } } .Featured_Collection_Container .Featured_Collection_Category_Contents .Featured_Collection_ReadMore { font-family: 'MacklinSans-Light'; } .SectionHeader .SectionHeader__Heading.Heading.u-h1 { font-family: 'MacklinDisplay-Medium'; font-size: 44px; letter-spacing: normal; text-transform: none; text-align: center; margin-top: 30px; } .SectionHeader .SectionHeader__SubHeading.Heading.u-h6 { font-family: 'MacklinSans-Light'; font-size: 18px; letter-spacing: normal; text-transform: none; text-align: center; } .RAOFeaturedCollection__Section .RaoFeaturedCollection__Header_Title h2 { font-family: 'MacklinDisplay-Regular'; } @media screen and (max-width: 640px) { .RAOFeaturedCollection__Section .RaoFeaturedCollection__Header_Title p { font-size: 24px !important; line-height: 40px; letter-spacing: -0.44px; } } .RAOFeaturedCollection__Section .RaoFeaturedCollection__Header_Content p { font-family: 'MacklinSans-Light'; } @media screen and (max-width: 640px) { .RAOFeaturedCollection__Section .RaoFeaturedCollection__Header_Content p { font-size: 14px; line-height: 20px; } } .RAOFooter__Main_ItemWrapper .Footer__Title { font-family: 'MacklinSans-Light'; } .RAOFooter__Main_ItemWrapper .Linklist { font-family: 'MacklinSans-Light'; } .RAOFooter__Bottom__Wrapper { font-family: 'MacklinSans-Medium'; } /** * ---------------------------------------------------------------------------------------------- * Additional Pages Classes * ---------------------------------------------------------------------------------------------- */ .Additional__Button { padding: 16px; background-color: #D7D0C6; border: 1px solid #000; margin: 32px auto; font-size: 16px; display: flex; align-items: center; width: fit-content; line-height: normal; font-family: 'MacklinSans-Light'; transition: background-color .5s; } .Additional__Button:before { content: ''; position: relative; display: block; order: 1; margin-left: 16px; margin-bottom: 3px; transform: rotate(135deg); width: 7px; height: 7px; border-left: 2px solid var(--border-color-black); border-top: 2px solid var(--border-color-black); } .Additional__Button:hover { background-color: #f9f4ee; } /** * ---------------------------------------------------------------------------------------------- * SFH-FAQ * ---------------------------------------------------------------------------------------------- */ .FAQ__Section { /*padding: 0 50px; @media screen and (min-width: 1140px) and (max-width: 1366px) { padding: 0 140px; } @media screen and (max-width: 640px) { padding: 0 20px; }*/ } .FAQ__Section .Collapsible__Plus::after { width: 2px; } .FAQ__Section .Collapsible__Plus::before { height: 2px; } .FAQ__Section .FAQ__Section_Title { text-align: center; font-weight: 500; font-size: 18px; letter-spacing: 0.2em; text-transform: uppercase; } /** * ---------------------------------------------------------------------------- * Product Form Icon Set * ---------------------------------------------------------------------------- */ .ProductForm__IconSets { margin: 24px 0; display: flex; justify-content: space-around; text-align: center; } .ProductForm__IconSets .ProductForm__IconContent .ProdcutForm__Icons svg { height: 45px; width: 45px; margin-bottom: 10px; } .ProductForm__IconSets .ProductForm__IconContent .Icon_AspectRatio { height: 45px; width: 45px; margin-bottom: 10px; } .ProductForm__IconSets .ProductForm__IconContent .ProductForm__Content { font-size: 14px; letter-spacing: .1em; font-weight: 600; word-break: break-word; } /** * ---------------------------------------------------------------------------- * Block Showcase section * ---------------------------------------------------------------------------- */ .BlockShowcase__Section { margin: 0 auto; padding: 35px 0; } .BlockShowcase__Section .flickity-page-dots { width: 50%; margin-left: auto; margin-right: auto; max-width: 740px; display: flex; justify-content: center; align-items: center; } .BlockShowcase__Section .flickity-page-dots .dot { width: 100% !important; height: 1px; border: unset; background-color: var(--text-color); transition: unset; } .BlockShowcase__Section .flickity-page-dots .dot:not(.is-selected)::before { content: ''; position: absolute; background-color: var(--text-color); height: 1px; left: 0; right: 0; top: 50%; transform: translateY(-50%); } .BlockShowcase__Section .flickity-page-dots .dot.is-selected { height: 6px; border-radius: 10px; background-color: var(--text-color); } .BlockShowcase__Section .BlockShowcase__Wrapper { margin: 0 auto; max-width: 1280px; } @media screen and (min-width: 1140px) and (max-width: 1366px) { .BlockShowcase__Section .BlockShowcase__Wrapper { padding: 50px 140px; } } @media screen and (min-width: 641px) and (max-width: 1139px) { .BlockShowcase__Section .BlockShowcase__Wrapper { padding: 50px; } } @media screen and (max-width: 640px) { .BlockShowcase__Section .BlockShowcase__Wrapper { padding: 50px 20px; } } .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__Heading { text-align: center; font-weight: 500; font-size: 18px; letter-spacing: .2em; text-transform: uppercase; } .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__Heading + .BlockShowcase__ContentWrapper { margin-top: 20px; } .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper { /* position dots up a bit */ /* dots are lines */ } .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper:after { content: 'flickity'; display: none; } @media screen and (min-width: 1140px) { .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper:after { content: ''; } } .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper .flickity-page-dots { bottom: -22px; } .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper .flickity-page-dots .dot { width: 40px; margin: 0; border-width: 1px; } @media screen and (min-width: 641px) and (max-width: 1140px) { .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper { gap: 20px; } } @media screen and (min-width: 1140px) { .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper { display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 50px 0; gap: 40px; } } .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper .BlockShowcase__ContentItem { display: flex; flex-flow: column nowrap; width: 50%; padding: 0 10px; } @media screen and (min-width: 641px) and (max-width: 1140px) { .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper .BlockShowcase__ContentItem { width: 50%; padding: 0 25px; } } @media screen and (min-width: 1140px) { .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper .BlockShowcase__ContentItem { width: 25%; padding: 0; margin: 0; } } .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper .BlockShowcase__ContentItem a:hover img { transform: scale(1.1); } .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper .BlockShowcase__ContentItem .BlockShowcase__ContentItem__Image { display: flex; align-items: center; height: 120px; } @media screen and (min-width: 640px) { .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper .BlockShowcase__ContentItem .BlockShowcase__ContentItem__Image { height: 170px; } } .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper .BlockShowcase__ContentItem .BlockShowcase__ContentItem__Image img { width: 100%; height: 100%; object-fit: contain; object-position: center; transform: scale(1); transition: all .3s; } .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper .BlockShowcase__ContentItem .BlockShowcase__ContentItem__Image .PlaceholderBackground__Svg { height: auto !important; } .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper .BlockShowcase__ContentItem .BlockShowcase__ContentItem__ParagraphWrapper { text-align: center; margin-top: 5px; } .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper .BlockShowcase__ContentItem .BlockShowcase__ContentItem__ParagraphWrapper p { font-family: 'MacklinSans-Medium'; } @media screen and (min-width: 641px) and (max-width: 1140px) { .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper .BlockShowcase__ContentItem .BlockShowcase__ContentItem__ParagraphWrapper { margin-top: 10px; } } @media screen and (min-width: 1140px) { .BlockShowcase__Section .BlockShowcase__Wrapper .BlockShowcase__ContentWrapper .BlockShowcase__ContentItem .BlockShowcase__ContentItem__ParagraphWrapper { margin-top: 15px; } } /** * ---------------------------------------------------------------------------- * Default collection block * ---------------------------------------------------------------------------- */ .Collection__Main { width: 100%; } .Collection__Main .SectionHeader .SectionHeader__Heading.Heading.u-h1 { text-align: left; } /** * ---------------------------------------------------------------------------- * RAO Featured collection block * ---------------------------------------------------------------------------- */ .RAOFeaturedCollection__Section { margin: 35px auto; max-width: 1280px; } @media screen and (min-width: 1140px) and (max-width: 1366px) { .RAOFeaturedCollection__Section { padding: 0 140px; } } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Header { text-align: center; margin-bottom: 35px; } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Header .RaoFeaturedCollection__Header_Title p { font-size: 44px; font-family: 'MacklinDisplay-Medium'; } @media screen and (max-width: 640px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Header .RaoFeaturedCollection__Header_Title p { font-size: 34px; } } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Header .RaoFeaturedCollection__Header_Content { width: 50%; position: relative; left: 50%; transform: translate(-50%); font-family: 'MacklinSans-Light'; font-size: 18px; } @media screen and (max-width: 640px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Header .RaoFeaturedCollection__Header_Content { width: 80%; } } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper { position: relative; } @media screen and (min-width: 640px) and (max-width: 1140px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper { margin: 0 50px; } } @media screen and (min-width: 1140px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper { margin: 50px; display: flex; align-items: center; flex-flow: row nowrap; } } @media screen and (min-width: 1140px) and (max-width: 1366px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper { margin: 0; } } @media screen and (max-width: 640px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper.RAOFeaturedCollection__Wrapper--mobileMargin { margin: 100px 0px; } } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper { position: absolute; top: 50%; transform: translateY(-50%); width: auto; z-index: 1; } @media screen and (min-width: 1140px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper { transform: none; position: relative; width: 485px; top: unset; left: unset; } } @media screen and (min-width: 1140px) and (max-width: 1366px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper { width: 400px; } } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem { width: 100%; height: auto; padding: 26px; } @media screen and (min-width: 1140px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem { padding: 50px; align-items: center; } } @media screen and (max-width: 478px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem { padding: 26px !important; } } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem h5 { margin-bottom: 10px; font-family: 'MacklinDisplay-Regular', sans-serif; font-size: 18px; } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem p { max-width: 100%; font-size: 23px; line-height: 40px; margin-bottom: 20px; display: block; font-family: 'MacklinDisplay-Light', sans-serif; word-break: break-word; } @media screen and (min-width: 1140px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem p { width: 450px; margin-bottom: 30px; margin-top: 30px; font-size: 55px; line-height: 45px; } } @media screen and (max-width: 640px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem p { font-size: 14px; line-height: 20px; } } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem .RAOFeaturedCollection__ContentItem__BtnWrapper { display: block; } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem .RAOFeaturedCollection__ContentItem__BtnWrapper a { border: 1px solid var(--border-color-black); background-color: var(--featured-button-background); padding: 14px 36px 12px 15px; text-transform: uppercase; position: relative; display: block; width: fit-content; transition: background-color .2s; font-size: 16px; line-height: 16px; letter-spacing: 0.8px; font-family: 'MacklinSans-Light'; } @media screen and (max-width: 1140px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem .RAOFeaturedCollection__ContentItem__BtnWrapper a { font-size: 12px; line-height: 17px; letter-spacing: 0.6px; padding: 11px 30px 10px 9px; } } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem .RAOFeaturedCollection__ContentItem__BtnWrapper a:before { content: ''; position: absolute; display: block; top: 50%; right: 18px; transform: translateY(-50%) rotate(135deg); width: 7px; height: 7px; border-left: 1px solid var(--border-color-black); border-top: 1px solid var(--border-color-black); } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem .RAOFeaturedCollection__ContentItem__BtnWrapper a:hover { background-color: var(--featured-button-hover-background); } @media screen and (max-width: 640px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem { width: 56vw; min-width: 250px; } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem h5 { font-size: 1rem; } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem p { font-size: 1rem; line-height: 19px; max-width: unset; } } @media screen and (min-width: 640px) and (max-width: 1140px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem { width: 40vw; } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem h5 { font-size: 1rem; } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem p { font-size: 1rem; line-height: 19px; max-width: unset; } } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItemWithHeader h2 { font-family: 'MacklinDisplay-Medium'; } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItemWithHeader p { font-family: 'MacklinSans-Light'; padding: 20px 0; } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ImageItem { width: 80%; display: block; margin: 0 0 0 auto; } @media screen and (min-width: 1140px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ImageItem { width: 100%; } } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ImageItem img { object-fit: contain; } @media screen and (min-width: 1140px) { .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ImageItem img { object-fit: cover; } } /** * ---------------------------------------------------------------------------- * RAO Footer * ---------------------------------------------------------------------------- */ footer.RAOFooter { padding: 0; } footer.RAOFooter .RAOFooter__Container { padding: 0; } footer.RAOFooter .RAOFooter__Container .RAOFooter__MaxWidthWrapper > div { max-width: 1280px; margin: 0 auto; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper { padding: 40px 20px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; color: #000 !important; gap: 35px; } @media screen and (min-width: 641px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper { padding: 50px; } } @media screen and (min-width: 981px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper { flex-flow: row nowrap; gap: unset; } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block { padding: 0; min-height: 85px; margin-top: 0; } @media screen and (min-width: 981px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block { width: 33%; padding: 0 15px; height: 100%; flex: unset; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block:nth-of-type(2) { border-right: 2px solid var(--border-color-black); border-left: 2px solid var(--border-color-black); } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--image { margin: 0 auto; display: flex; align-items: center; justify-content: center; width: 75%; } @media screen and (min-width: 981px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--image { width: 30%; margin: 0; } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--image img { width: 100%; max-width: 250px; margin: 0 auto; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--rating { max-width: 50%; margin: 0 auto; } @media screen and (min-width: 981px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--rating { width: 30%; } } @media screen and (max-width: 640px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--rating { max-width: unset; } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--rating .RAOFooter__RatingBlock__StarWrapper { display: flex; justify-content: center; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--rating .RAOFooter__RatingBlock__StarWrapper span { width: 15px; height: 15px; margin: 0 2.5px; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--rating .RAOFooter__RatingBlock__StarContent { text-align: center; max-width: 253px; margin: 10px auto 0; display: block; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--newsletter { margin-bottom: 0; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--newsletter form { display: grid; grid-template-columns: 2fr 1fr; column-gap: 30px; } @media screen and (min-width: 981px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--newsletter { width: 40%; max-width: 500px; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--newsletter form { display: flex; } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--newsletter input[type="email"] { outline: unset; border: unset; border-bottom: 1px solid var(--border-color-black); padding-bottom: 5px; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--newsletter button[type="submit"] { background: none; border: none; position: relative; color: var(--text-color); font-family: 'MacklinSans-Regular', sans-serif; text-transform: uppercase; padding: 0 35px 0 0; display: block; margin: 15px auto 0; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--newsletter button[type="submit"]:before { content: ''; position: absolute; display: block; top: 50%; right: 15px; transform: translateY(-50%) rotate(135deg); width: 7px; height: 7px; border-left: 2px solid var(--border-color-black); border-top: 2px solid var(--border-color-black); left: auto; background: transparent; } @media screen and (min-width: 981px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Top__Wrapper .Footer__Block.Footer__Block--newsletter button[type="submit"] { width: fit-content; margin-left: 10px; margin-top: 0; } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Main__Wrapper { padding: 20px; color: var(--text-color); } @media screen and (min-width: 380px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Main__Wrapper { display: grid; grid-template-columns: 1fr; gap: 25px; } } @media screen and (min-width: 640px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Main__Wrapper { padding: 30px 50px; } } @media screen and (min-width: 640px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Main__Wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 25px; padding: 50px; } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Main__Wrapper .RAOFooter__Main_ItemWrapper { margin-bottom: 25px; width: 100%; } @media screen and (max-width: 640px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Main__Wrapper .RAOFooter__Main_ItemWrapper { width: 100%; margin-bottom: 0; border-bottom: 2px solid var(--light-background); border-top: unset; position: relative; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Main__Wrapper .RAOFooter__Main_ItemWrapper .Collapsible__Button:before { content: ''; position: absolute; display: block; top: 50%; right: 5px; transform: translateY(-50%) rotate(225deg); width: 7px; height: 7px; border-left: 2px solid var(--border-color-black); border-top: 2px solid var(--border-color-black); } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Main__Wrapper .RAOFooter__Main_ItemWrapper .Footer__Title { font-weight: 600; font-size: 14px; margin-bottom: 15px; letter-spacing: unset; text-transform: uppercase; } @media screen and (max-width: 640px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Main__Wrapper .RAOFooter__Main_ItemWrapper .Footer__Title { margin-bottom: 0; } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Main__Wrapper .RAOFooter__Main_ItemWrapper .Linklist .RAOFooter__SVGItem a { display: flex; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Main__Wrapper .RAOFooter__Main_ItemWrapper .Linklist .RAOFooter__SVGItem a svg { width: 15px; height: 15px; margin-right: 5px; } @media screen and (max-width: 640px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Main__Wrapper .RAOFooter__Main_ItemWrapper_Links { display: none; } } @media screen and (min-width: 640px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Main__Wrapper .RAOFooter__Main_ItemWrapper_Links_Mobile { display: none; } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; min-height: 45px; padding: 20px 20px; color: var(--button-text-color); } @media screen and (min-width: 641px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper { flex-flow: row nowrap; padding: 20px 50px; } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__SocialWrapper { order: 1; width: 100%; display: flex; justify-content: center; margin-bottom: 20px; } @media screen and (min-width: 641px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__SocialWrapper { width: fit-content; order: 1; justify-content: flex-start; margin-bottom: unset; margin-right: 20px; flex-shrink: 0; } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__SocialWrapper a { margin: 0 5px; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__SocialWrapper a:first-of-type { margin: 0 5px 0 0; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__SocialWrapper a:last-of-type { margin: 0 0 0 5px; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__LinkWrapper { order: 2; width: 100%; } @media screen and (min-width: 641px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__LinkWrapper { width: 100%; order: 2; } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__LinkWrapper ul { display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: center; } @media screen and (min-width: 641px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__LinkWrapper ul { flex-flow: row nowrap; } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__LinkWrapper ul li { text-align: center; margin: 0; width: auto; padding: 6px 0 !important; max-width: 210px; } @media screen and (max-width: 640px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__LinkWrapper ul li { width: 100%; } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__LinkWrapper ul li:before { content: unset; } footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__LinkWrapper ul li a { /*width: fit-content;*/ } footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__LinkWrapper ul li a:hover { color: var(--light-background); } @media screen and (min-width: 641px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .RAOFooter__Bottom__LinkWrapper ul li a { margin: 0 20px 0 0; } } footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .Footer__Copyright { order: 3; width: 100%; text-align: center; } @media screen and (min-width: 641px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .Footer__Copyright { width: fit-content; order: 3; display: flex; justify-content: flex-end; flex-shrink: 0; margin-left: 20px; } } @media screen and (max-width: 640px) { footer.RAOFooter .RAOFooter__Container .RAOFooter__Bottom__Wrapper .Footer__Copyright { margin-top: 20px; } } /** * ---------------------------------------------------------------------------- * Announcement Bar * ---------------------------------------------------------------------------- */ .AnnouncementBar__Content { font-family: 'MacklinSans-Light'; } .AnnouncementBar__Content--Stock { font-size: 14px; line-height: 16px; } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper { max-width: 1280px; margin: 0 auto; padding: 10px; } @media screen and (min-width: 640px) { .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper { padding: 10px 30px; } } @media screen and (min-width: 1140px) { .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper { padding: 10px 140px; } } @media screen and (min-width: 1367px) { .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper { padding: 10px 50px; } } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper:after { content: 'flickity'; display: none; } @media screen and (min-width: 1140px) { .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper:after { content: ''; } } @media screen and (min-width: 1140px) { .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper { display: flex; justify-content: flex-end; position: relative; gap: 20px; } } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .AnnouncementBar__Block { display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; width: 100%; font-size: 14px; white-space: nowrap; /*span { display: none; }*/ } @media screen and (max-width: 1139px) { .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .AnnouncementBar__Block:not(.RatingBlock__Wrapper) { /*padding-top: 8px;*/ } } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .AnnouncementBar__Block p { line-height: 11px; display: inline; } @media screen and (min-width: 1140px) { .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .AnnouncementBar__Block { width: max-content; } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .AnnouncementBar__Block span { display: inline-block; width: 14px; height: 14px; margin-right: 6px; align-self: flex-start; } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .AnnouncementBar__Block span svg { width: 100%; height: 100%; } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .AnnouncementBar__Block p { display: inline-block; } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .AnnouncementBar__Block.RatingBlock__Wrapper { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); } } @media screen and (min-width: 1140px) and (min-width: 1140px) and (max-width: 1366px) { .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .AnnouncementBar__Block.RatingBlock__Wrapper { left: 140px; } } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .AnnouncementBar__Block.RatingBlock__Wrapper .RatingBlock__StarContent { display: flex; align-items: center; margin-top: 2px; } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .AnnouncementBar__Block.RatingBlock__Wrapper .RatingBlock__StarContent strong { display: flex; } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .AnnouncementBar__Block.RatingBlock__Wrapper .RatingBlock__StarContent * { margin: 0; line-height: 16px; } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .RatingBlock__StarWrapper { display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; margin-right: 10px; } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .RatingBlock__StarWrapper span { display: block; width: 12px; height: 12px; margin: 0 2px; } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .RatingBlock__StarWrapper span:first-of-type { margin-left: 0; } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .RatingBlock__StarWrapper span:last-of-type { margin-right: 0; } .AnnouncementBar:not(.stock) .AnnouncementBar__Wrapper .RatingBlock__StarWrapper span svg { width: 100%; display: block; } /** * ---------------------------------------------------------------------------- * Header * ---------------------------------------------------------------------------- */ .Header__Wrapper { display: flex; justify-content: space-between; } @media screen and (max-width: 1140px) { .Header__Wrapper .Header__DesktopNavigation { display: none; } } .Header__Wrapper .Wishlist__Icon { width: 25px; height: 25px; } @media screen and (max-width: 640px) { .Header__Wrapper .Wishlist__Icon { width: 19px; height: 17px; } } .Header__Wrapper .Location { width: 20px; height: 25px; } @media screen and (max-width: 640px) { .Header__Wrapper .Location { width: 16px; height: 20px; } } .Header__Wrapper .Header_LanguageSelector { height: 25px; width: 20px; } .Header__Wrapper .Header_LanguageSelector svg { height: 23px; width: 20px; top: 0; } .Header__Wrapper > .Header__FlexItem.Header__FlexItem--fill { flex: unset; } @media screen and (max-width: 1139px) { .Header__Wrapper > .Header__FlexItem.Header__FlexItem--fill .LanguageSelector__HorizontalList__Item { display: none; } } .Header__Wrapper .Header__Icon { margin-left: 10px !important; } @media screen and (max-width: 1139px) { .Header__Wrapper .Header__Icon.Location { display: none; } } @media screen and (max-width: 640px) { .Header__Wrapper .Header__LogoImage { max-width: 140px !important; } } .Header__Wrapper .Header__Desktop__SearchBar { display: none; } @media screen and (min-width: 1140px) { .Header__Wrapper .Header__Desktop__SearchBar { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 515px); border-radius: 90px; background-color: #FFF; padding: 10px 20px; } .Header__Wrapper .Header__Desktop__SearchBar input { display: block; text-transform: none; letter-spacing: unset; font-family: 'MacklinSans-Medium'; font-size: 14px; letter-spacing: initial; } .Header__Wrapper .Header__Desktop__SearchBar svg { width: 20px; height: 20px; } } .HeaderBottom__Wrapper { padding: 10px; position: relative; /* Featured Menu */ } @media screen and (min-width: 640px) { .HeaderBottom__Wrapper { padding: 10px 30px; } } @media screen and (min-width: 1140px) { .HeaderBottom__Wrapper { padding: 10px 50px; } } .HeaderBottom__Wrapper > .hidden-desktop { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; max-width: 1480px; margin: 0 auto; justify-content: center; background-color: var(--footer-background); border-radius: 90px; } @media screen and (min-width: 1140px) { .HeaderBottom__Wrapper > .hidden-desktop { display: none; } } .HeaderBottom__Wrapper > .hidden-desktop .MobileSearch__Wrapper { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 9px 10px; } .HeaderBottom__Wrapper > .hidden-desktop .MobileSearch__Wrapper input { color: var(--text-color) !important; font-size: 14px; letter-spacing: initial; text-transform: initial; font-family: 'MacklinSans-Light'; } .HeaderBottom__Wrapper > .hidden-desktop .MobileSearch__Wrapper svg { width: 20px; height: 20px; margin-left: 15px; color: var(--border-color-black); transform: rotate(90deg); } .HeaderBottom__Wrapper > .hidden-mobile { display: none; } @media screen and (min-width: 1140px) { .HeaderBottom__Wrapper > .hidden-mobile { display: block; } } .HeaderBottom__Wrapper > .hidden-mobile > div { flex-flow: row nowrap; justify-content: flex-start !important; max-width: 1280px; margin: 0 auto; } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item:not(.is-expanded) .DropdownMenu::before { content: ''; position: absolute; left: calc(-100% - 230px); width: 500px; top: 0; opacity: 0; height: calc(var(--window-height) - var(--header-height)); background-color: var(--dropdown-menu-background-dark); transform: unset; } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .Menu_Heading { font-size: 14px; letter-spacing: initial; text-transform: uppercase; font-weight: 100; font-family: 'MacklinSans-Light'; } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .Menu_Title { position: relative; font-family: 'MacklinSans-Medium'; } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .Menu_Title:before { content: ''; position: absolute; display: block; top: 28%; right: -10px; transform: translateY(-50%) rotate(225deg); width: 7px; height: 7px; border-left: 1px solid var(--border-color-black); border-top: 1px solid var(--border-color-black); } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item > .DropdownMenu:not(.DropdownMenuBlocks) { left: unset; } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .DropdownMenu { height: 100vh; background-color: var(--dropdown-menu-background-dark); border: 0; width: 100% !important; max-height: calc(var(--window-height) - var(--header-height)); } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .DropdownMenu [aria-haspopup] { position: static; /* Fix#1 */ } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .DropdownMenu .Linklist__Item { position: static !important; /* Fix#2 */ } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .DropdownMenu::before { content: unset; } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .DropdownMenu:not(.DropdownMenuBlocks)::before { content: ''; position: absolute; left: calc(-100% - 230px); width: 500px; top: 0; opacity: 1; height: calc(var(--window-height) - var(--header-height)); background-color: var(--dropdown-menu-background-dark); transform: unset; } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .DropdownMenu .is-expanded > a { font-weight: 600; color: var(--border-color-black) !important; box-shadow: 0 2px 0 var(--border-color-black); } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .DropdownMenu a svg { display: none; } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .DropdownMenu .DropdownMenu { background-color: var(--dropdown-menu-background-light); top: 0px; /* Fix#3 */ } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .DropdownMenu .DropdownMenu .Sub_Linklist.selected > a { box-shadow: 0 2px 0 var(--border-color-black); } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .DropdownMenu .Linklist__Item:hover > a { box-shadow: 0 2px 0 var(--border-color-black); color: var(--text-color) !important; font-weight: 600; position: relative; } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .DropdownMenu.DropdownMenuDefault .Link { margin-left: 0; margin-right: 40px; width: fit-content !important; padding-left: 0 !important; padding-right: 0 !important; } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item .DropdownMenu .DropdownMenu:not(.DropdownMenuDefault) .Link { margin-left: 25px; margin-right: 40px; width: fit-content !important; padding-left: 0 !important; padding-right: 0 !important; } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item > a > span:after { content: unset; } .HeaderBottom__Wrapper > .hidden-mobile .HorizontalList__Item.is-expanded { box-shadow: 0 2px 0 var(--border-color-black); } .HeaderBottom__Wrapper .DropdownMenuBlocks { height: auto !important; width: 100vw; max-width: unset !important; left: 0; } .HeaderBottom__Wrapper .DropdownMenuBlocks .LinklistBlocks { margin: 0 50px; max-width: 1300px; display: flex; justify-content: center; align-items: center; } .HeaderBottom__Wrapper .DropdownMenuBlocks .LinklistBlocks .Linklist__Item:hover > a.Link { box-shadow: none; color: var(--text-color) !important; font-weight: 600; position: relative; } .HeaderBottom__Wrapper .DropdownMenuBlocks .LinklistBlocks .Linklist__Item:hover > a.Link::after { content: ''; display: block; width: 100%; height: 2px; position: relative; background: var(--text-color); position: absolute; bottom: -4px; } @media screen and (min-width: 1480px) { .HeaderBottom__Wrapper .DropdownMenuBlocks .LinklistBlocks { margin: 0 auto; } } .HeaderBottom__Wrapper .DropdownMenuBlocks .LinklistBlocks .Linklist__Item { width: calc(100% / 6); padding-left: 20px; } .HeaderBottom__Wrapper .DropdownMenuBlocks .LinklistBlocks .Linklist__Item:first-child { padding-left: 0; width: calc(100% / 6 - 20px); } .HeaderBottom__Wrapper .DropdownMenuBlocks .LinklistBlocks .Linklist__Item:last-child { margin-bottom: 12px !important; /* Overwriting theme default behavior */ padding-left: 20px !important; } .HeaderBottom__Wrapper .DropdownMenuBlocks .LinklistBlocks .Linklist__Item:hover > { font-weight: 400; } .HeaderBottom__Wrapper .DropdownMenuBlocks .LinklistBlocks .Linklist__Item .Link { display: flex; flex-direction: column; padding: 0; } .HeaderBottom__Wrapper .DropdownMenuBlocks .LinklistBlocks .Linklist__Item .Link .DropdownMenuBlocks_AspectRatio { width: 100%; } .HeaderBottom__Wrapper .DropdownMenuBlocks .LinklistBlocks .Linklist__Item .Link .DropdownMenuBlocks_AspectRatio img { object-fit: cover; } .HeaderBottom__Wrapper .DropdownMenuBlocks .LinklistBlocks .Linklist__Item .Link p { margin-top: 20px; text-align: center; font-family: 'MacklinSans-Bold'; } /** * ---------------------------------------------------------------------------- * Sidebar Menu * ---------------------------------------------------------------------------- */ .SidebarMenu__Nav { width: 100%; height: 100vh; transform: translateX(0vw); transition: transform .5s; display: flex; flex-direction: column; color: var(--text-color); } .SidebarMenu__Nav a { display: flex; align-items: center; margin-bottom: 20px; } .SidebarMenu__Nav a span { padding-right: 10px; } .SidebarMenu__Nav a span svg { height: 20px; width: 20px; } .SidebarMenu__Nav .Drawer__Header { display: flex; justify-content: space-between; align-items: flex-start; padding: 0 35px; max-height: 80px; min-height: 60px; } .SidebarMenu__Nav .Drawer__Header .Drawer__Back { color: var(--text-color); } .SidebarMenu__Nav .Drawer__Header .Drawer__Back svg { stroke-width: 1.25px; } .SidebarMenu__Nav .Drawer__Header .Drawer__Close { position: unset !important; } .SidebarMenu__Nav .Drawer__Header .Drawer__Close__Main { position: relative; left: calc(100% - 18px); color: var(--text-color); } .SidebarMenu__Nav .Drawer__Header .Drawer__Close__Main svg { width: 15px; height: 15px; stroke-width: 1.25px; } .SidebarMenu__Nav .SidebarMenu__MenuButtonsContainer { display: flex; flex-direction: column; /*padding-top: 35px;*/ padding-bottom: 80px; } .SidebarMenu__Nav .SidebarMenu__MenuButtonsContainer .SidebarMenu__SubBar { display: none; transform: translateX(100vw); position: absolute; top: 0; } .SidebarMenu__Nav .SidebarMenu__MenuButtonsContainer .SidebarMenu__SubBar .SidebarMenu__SubSubBar { display: none; transform: translateX(100vw); position: absolute; top: 0; background-color: var(--sidebar-menu-background-dark); } .SidebarMenu__Nav .SidebarMenu__MenuButtonsContainer .SidebarMenu__SubBar .SidebarMenu__SubSubBar .SidebarMenu__SubSubSubBar { display: none; transform: translateX(100vw); position: absolute; top: 0; background-color: var(--sidebar-menu-background-light); } .SidebarMenu__Nav .SidebarMenu__MenuButtonsContainer .SidebarMenu__MainButton--container { display: flex; justify-content: space-between; padding-right: 35px; align-items: center; } .SidebarMenu__Nav .SidebarMenu__MenuButtonsContainer .SidebarMenu__Button { text-align: left; padding-left: 35px; margin-bottom: 17px; } .SidebarMenu__Nav .Linklist { color: var(--text-color); border-left: initial; } .SidebarMenu__Nav .Linklist a { color: var(--text-color) !important; } /** * ---------------------------------------------------------------------------- * Shop the Look * ---------------------------------------------------------------------------- */ section[data-section-type="shop-the-look"] { background: var(--light-background); position: relative; /* position dots up a bit */ /* dots are lines */ } section[data-section-type="shop-the-look"] .SectionHeader { position: relative; } section[data-section-type="shop-the-look"] .SectionHeader .Container { position: absolute; top: 5px; left: 50%; transform: translateX(-50%); margin: 0 auto; padding: 0; width: 225px; z-index: 3; } @media screen and (min-width: 1008px) { section[data-section-type="shop-the-look"] .SectionHeader .Container { width: 50%; } } section[data-section-type="shop-the-look"] .SectionHeader .Container h2 { width: 100%; text-align: center; padding: 10px 30px; background: var(--light-background); letter-spacing: unset; display: block; font-size: 39px; text-transform: initial; margin: 0 auto; font-family: 'MacklinDisplay-Regular'; } @media screen and (max-width: 1008px) { section[data-section-type="shop-the-look"] .SectionHeader .Container h2 { font-size: 18px; } } section[data-section-type="shop-the-look"] .ShopTheLook.Carousel { padding: 0 0 0 20px; } @media screen and (min-width: 1140px) and (max-width: 1366px) { section[data-section-type="shop-the-look"] .ShopTheLook.Carousel { padding: 0 0 0 140px; } } @media screen and (min-width: 641px) and (max-width: 1139px) { section[data-section-type="shop-the-look"] .ShopTheLook.Carousel { padding: 0 0 0 50px; } } @media screen and (max-width: 640px) { section[data-section-type="shop-the-look"] .ShopTheLook.Carousel { padding: 0 0 0 25px; } } section[data-section-type="shop-the-look"] .ShopTheLook.Carousel .ShopTheLook__Item { width: 100%; max-width: 1200px; margin: 0 auto; display: block; padding: 0 10px 0 0; top: 30%; transition: top 1s; } @media screen and (min-width: 1140px) and (max-width: 1366px) { section[data-section-type="shop-the-look"] .ShopTheLook.Carousel .ShopTheLook__Item { max-width: calc(100% - 130px); } } @media screen and (min-width: 641px) and (max-width: 1139px) { section[data-section-type="shop-the-look"] .ShopTheLook.Carousel .ShopTheLook__Item { max-width: calc(100% - 40px); } } @media screen and (max-width: 640px) { section[data-section-type="shop-the-look"] .ShopTheLook.Carousel .ShopTheLook__Item { max-width: calc(100% - 10px); } } section[data-section-type="shop-the-look"] .ShopTheLook.Carousel .ShopTheLook__Item.is-selected { top: 0%; } section[data-section-type="shop-the-look"] .flickity-prev-next-button { position: absolute; top: 0; height: calc(100% - 50px); opacity: 0; } section[data-section-type="shop-the-look"] .flickity-prev-next-button.previous { left: 0; } section[data-section-type="shop-the-look"] .flickity-prev-next-button.next { right: 0; } section[data-section-type="shop-the-look"] .ShopTheLook__Button { position: absolute; left: calc(50% + min(25%, 385px) + 25px); text-transform: uppercase; font-family: 'MacklinSans-Bold'; z-index: 4; bottom: 68px; transform-origin: center; } @media screen and (min-width: 1008px) { section[data-section-type="shop-the-look"] .ShopTheLook__Button { bottom: 20px; } } @media screen and (min-width: 1140px) and (max-width: 1366px) { section[data-section-type="shop-the-look"] .ShopTheLook__Button { left: calc(50% + min(25%, 385px) + 50px); } } @media screen and (max-width: 1140px) { section[data-section-type="shop-the-look"] .ShopTheLook__Button { font-family: 'MacklinSans-Light'; } } @media screen and (max-width: 1140px) { section[data-section-type="shop-the-look"] .ShopTheLook__Button { position: static; display: block; margin: 0 auto; width: fit-content; padding: 10px 10px 8px 10px; background-color: #F9F4EE; border: 1px solid var(--border-color-black); } } section[data-section-type="shop-the-look"] .flickity-page-dots { width: 50%; margin-left: auto; margin-right: auto; max-width: 740px; display: flex; justify-content: center; align-items: center; position: relative; padding-bottom: 50px; } section[data-section-type="shop-the-look"] .flickity-page-dots .dot { width: 100% !important; height: 6px !important; border: unset; transition: unset; } section[data-section-type="shop-the-look"] .flickity-page-dots .dot:not(.is-selected)::before { content: ''; position: absolute; background-color: var(--text-color); height: 1px; left: 0; right: 0; top: 50%; transform: translateY(-50%); } section[data-section-type="shop-the-look"] .flickity-page-dots .dot.is-selected { height: 6px !important; border-radius: 10px; background-color: var(--text-color); } section[data-section-type="shop-the-look"] .ShopTheLook__Inner { min-height: 0; height: fit-content; } section[data-section-type="shop-the-look"] .ShopTheLook__Inner .ShopTheLook__ImageWrapper { width: 100%; } @media screen and (max-width: 640px) { section[data-section-type="shop-the-look"] .ShopTheLook__Inner .ShopTheLook__ImageWrapper .AspectRatio { aspect-ratio: 1.2; } } section[data-section-type="shop-the-look"] .ShopTheLook__Inner > .ShopTheLook__ProductList { display: none; } section[data-section-type="shop-the-look"] .flickity-page-dots { bottom: -22px; } section[data-section-type="shop-the-look"] .flickity-page-dots .dot { height: 0; width: 40px; margin: 0; border-radius: 0; border-width: 1px; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot { background: none !important; box-shadow: unset !important; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot:after { border: 1px solid var(--light-background); background: none !important; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot .LineContainer { position: relative; width: 16px; height: 16px; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot .LineContainer .LineHorizontal { position: absolute; width: 1px; height: 10px; background: var(--light-background); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot .LineContainer .LineVertical { position: absolute; width: 10px; height: 1px; background: var(--light-background); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot .ShopTheLook__ProductList { display: none; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot.is-active .ShopTheLook__ProductList { display: block !important; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot.is-active .ShopTheLook__ProductList .ShopTheLook__ProductItem { visibility: visible !important; opacity: 1 !important; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot.is-active .ShopTheLook__ProductList .ProductItem { background-color: var(--light-background); } section[data-section-type="shop-the-look"] .ShopTheLook__Dot.is-active .ShopTheLook__ProductList .ProductItem .ProductItem__Wrapper { padding: 10px; display: grid; grid-template-columns: 1fr 2fr; align-items: center; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot.is-active .ShopTheLook__ProductList .ProductItem .ProductItem__Wrapper .ProductItem__ImageWrapper { width: 100%; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot.is-active .ShopTheLook__ProductList .ProductItem .ProductItem__Wrapper .ProductItem__ImageWrapper .AspectRatio img { object-position: center; object-fit: contain; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot.is-active .ShopTheLook__ProductList .ProductItem .ProductItem__Wrapper .ProductItem__Info { padding-left: 20px; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot.is-active .ShopTheLook__ProductList .ProductItem .ProductItem__Wrapper .ProductItem__Info .ProductItem__Title a { font-size: 15px; font-family: 'MacklinSans-Regular' !important; line-height: 12px; text-transform: none; letter-spacing: normal; font-family: auto; font-weight: 600; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot.is-active .ShopTheLook__ProductList .ProductItem .ProductItem__Wrapper .ProductItem__Info .ProductItem__PriceList { letter-spacing: unset; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot.is-active .ShopTheLook__ProductList .ProductItem .ProductItem__Wrapper .ProductItem__Info .ProductItem__PriceList span { color: var(--text-color); font-family: 'MacklinSans-Bold'; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot.is-active .ShopTheLook__ProductList .ShopTheLook__ProductItem { display: block; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot.is-active .ShopTheLook__ProductList .ShopTheLook__ProductItem .ProductItem__Title a { font-family: 'MacklinSans-Light'; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot.is-active .ShopTheLook__ProductList .ShopTheLook__ProductItem .Shop_The_Look_SeeMore { font-family: 'MacklinSans-Light'; text-transform: uppercase; position: relative; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot.is-active .ShopTheLook__ProductList .ShopTheLook__ProductItem .Shop_The_Look_SeeMore:before { content: ""; position: absolute; display: block; top: 45%; left: 55px; transform: translateY(-50%) rotate(135deg); width: 7px; height: 7px; border-left: 2px solid var(--border-color-black); border-top: 2px solid var(--border-color-black); } section[data-section-type="shop-the-look"] .ShopTheLook__Dot .Shop_The_Look__ProductList { z-index: 2; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot .Shop_The_Look__ProductList.Right { left: 20px !important; right: unset !important; top: 50% !important; bottom: unset !important; transform: translateY(-50%) !important; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot .Shop_The_Look__ProductList.Right::before { left: 0; top: 50%; transform: translate(-50%, -50%) rotate(135deg); } section[data-section-type="shop-the-look"] .ShopTheLook__Dot .Shop_The_Look__ProductList.Left { right: 20px !important; left: unset !important; top: 50% !important; bottom: unset !important; transform: translateY(-50%) !important; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot .Shop_The_Look__ProductList.Left::before { right: -7px; top: 50%; transform: translate(-50%, -50%) rotate(135deg); } section[data-section-type="shop-the-look"] .ShopTheLook__Dot .Shop_The_Look__ProductList.Bottom { top: 20px !important; bottom: unset !important; left: 50% !important; right: unset !important; transform: translateX(-50%) !important; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot .Shop_The_Look__ProductList.Bottom::before { top: 0; left: 50%; transform: translate(-50%, -50%) rotate(135deg); } section[data-section-type="shop-the-look"] .ShopTheLook__Dot .Shop_The_Look__ProductList.Top { bottom: 20px !important; top: unset !important; left: 50% !important; right: unset !important; transform: translateX(-50%) !important; } section[data-section-type="shop-the-look"] .ShopTheLook__Dot .Shop_The_Look__ProductList.Top::before { bottom: -7px; left: 50%; transform: translate(-50%, -50%) rotate(135deg); } section[data-section-type="shop-the-look"] .ShopTheLook__Dot .Shop_The_Look__ProductList::before { content: ''; position: absolute; display: block; width: 7px; height: 7px; border-left: 1px solid var(--light-background); border-top: 1px solid var(--light-background); border-bottom: 1px solid var(--light-background); background-color: var(--light-background); } @media screen and (max-width: 1008px) { section[data-section-type="shop-the-look"] .ProductItem .Shop_The_Look_ProductItem__Wrapper { padding: 7px !important; width: 150px; padding-right: 12px !important; } section[data-section-type="shop-the-look"] .ProductItem .Shop_The_Look_ProductItem__Wrapper .ProductItem__ImageWrapper { max-width: 40px; } section[data-section-type="shop-the-look"] .ProductItem .Shop_The_Look_ProductItem__Wrapper .Shop_The_Look_ProductItem__Info { padding-left: 0 !important; text-align: left; margin-top: 0; } section[data-section-type="shop-the-look"] .ProductItem .Shop_The_Look_ProductItem__Wrapper .Shop_The_Look_ProductItem__Info .ProductItem__Title { display: none; } section[data-section-type="shop-the-look"] .ProductItem .Shop_The_Look_ProductItem__Wrapper .Shop_The_Look_ProductItem__Info .ProductItem__PriceList { display: none; } section[data-section-type="shop-the-look"] .ProductItem .Shop_The_Look_ProductItem__Wrapper .Shop_The_Look_ProductItem__Info .Shop_The_Look_SeeMore { padding-left: 7px; line-height: 11px; text-transform: uppercase; position: relative; } section[data-section-type="shop-the-look"] .ProductItem .Shop_The_Look_ProductItem__Wrapper .Shop_The_Look_ProductItem__Info .Shop_The_Look_SeeMore::before { content: ""; position: absolute; display: block; top: 45%; left: 60px !important; transform: translateY(-50%) rotate(135deg); width: 7px; height: 7px; border-left: 2px solid var(--border-color-black); border-top: 2px solid var(--border-color-black); } section[data-section-type="shop-the-look"] .Shop_The_Look__ProductList .ShopTheLook__ProductItem { padding: 0; } section[data-section-type="shop-the-look"] .Shop_The_Look__ProductList .Shop_The_Look_ProductItem__Wrapper .Shop_The_Look_SeeMore:before { left: 70px; width: 6px; height: 6px; } } .ShopTheLook__Dot.is-active, .supports-hover .ShopTheLook__Dot:hover { transform: scale(1); } /** * ---------------------------------------------------------------------------- * Mobile menu (sidebar-menu) * ---------------------------------------------------------------------------- */ #sidebar-menu { width: 100%; max-width: 390px; overflow: hidden; background-color: #D4D0C7; } #sidebar-menu:before { content: unset; } #sidebar-menu .Drawer__Header { margin-top: 50px; } #sidebar-menu .Drawer__Header .Drawer__Close { left: unset; right: 18px; } #sidebar-menu .Drawer__Header .Drawer__Close svg { color: #000; } #sidebar-menu .Drawer__Content:before { content: unset; } #sidebar-menu .Drawer__Content .Drawer__Container .Collapsible { border-bottom: none; } #sidebar-menu .Drawer__Content .Drawer__Container .Collapsible .Collapsible__Button { color: #000; } #sidebar-menu .Drawer__SocialWrapper { padding-left: 35px; } #sidebar-menu .Drawer__SocialWrapper .Collapsible a { padding-bottom: 0; margin-bottom: 20px; } #sidebar-menu .Drawer__SocialWrapper .Collapsible a span { margin-right: 10px; } #sidebar-menu .Drawer__SocialWrapper .Collapsible a span svg { display: inline-block; height: 1em; width: 1em; fill: currentColor; vertical-align: middle; stroke-width: 1px; background: none; pointer-events: none; } /** * ---------------------------------------------------------------------------- * RAO Categories * ---------------------------------------------------------------------------- */ .Category_Section_Title { text-align: center; font-size: 40px; font-family: auto; margin-bottom: 30px; } .Category_Container { display: flex; justify-content: space-between; margin: 0 80px; } @media screen and (max-width: 1140px) { .Category_Container { margin: 0 50px; } } @media screen and (max-width: 530px) { .Category_Container { justify-content: center; } } .Category_Container .Category_Content_Container { justify-self: center; display: flex; flex-direction: column; padding-left: 10px; } .Category_Container .Category_Content_Container .Category_Image { transform: scale(1); transition: transform .2s; } .Category_Container .Category_Content_Container .Category_Image .Category_AspectRatio { width: 140px; height: 140px; } @media screen and (max-width: 1140px) { .Category_Container .Category_Content_Container .Category_Image .Category_AspectRatio { width: 100px; height: 100px; } } @media screen and (max-width: 640px) { .Category_Container .Category_Content_Container .Category_Image .Category_AspectRatio { width: 60px; height: 60px; } } .Category_Container .Category_Content_Container .Category_Image .Category_AspectRatio img { border-radius: 360px; object-fit: cover; } .Category_Container .Category_Content_Container .Category_Image:hover { transform: scale(1.1); } .Category_Container .Category_Content_Container .Category_Title { text-align: center; margin-top: 30px; text-transform: uppercase; font-weight: 600; } @media screen and (max-width: 640px) { .Category_Container .Category_Content_Container .Category_Title { margin-top: 10px; font-size: 12px; } } .Category_Container .Category_Content_Container:first-child { padding-left: 0; } .Category_Container .Category_Content_Container_Meer { position: relative; width: 100px; height: 100px; min-width: 100px; min-height: 100px; margin-left: 10px; transform: scale(1); transition: transform .2s; } @media screen and (max-width: 640px) { .Category_Container .Category_Content_Container_Meer { width: 60px; height: 60px; min-width: 60px; min-height: 60px; } } @media screen and (min-width: 1140px) { .Category_Container .Category_Content_Container_Meer { display: none; } } .Category_Container .Category_Content_Container_Meer p { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; font-weight: 600; } .Category_Container .Category_Content_Container_Meer .Category_Content_Container_Meer_Circle { position: absolute; width: 100px; height: 100px; border: 1px solid var(--border-background-black); border-radius: 90px; top: 0; left: 0; } @media screen and (max-width: 640px) { .Category_Container .Category_Content_Container_Meer .Category_Content_Container_Meer_Circle { width: 60px; height: 60px; } } .Category_Container .Category_Content_Container_Meer:hover { transform: scale(1.1); } /** * ---------------------------------------------------------------------------- * RAO Category Icons * ---------------------------------------------------------------------------- */ .CategoryIcons_SectionHeader__Heading { margin-bottom: 20px; font-size: 44px; line-height: 40px; } @media screen and (max-width: 1140px) { .CategoryIcons_SectionHeader__Heading { font-size: 24px; line-height: 40px; letter-spacing: -0.46px; } } .HomepageCollectionIcons__ItemsContainer { /*margin: 0 80px; @media screen and (max-width: 1140px) { margin: 0 50px; } @media screen and (max-width: 640px) { margin: 0 20px; }*/ } .HomepageCollectionIcons__ItemsContainer .CategoryIcons_MoreBlock { cursor: pointer; } .HomepageCollectionIcons__ItemsContainer .CategoryIcons_MoreBlock .CategoryIcons_More { width: 100%; text-align: center; } .HomepageCollectionIcons__ItemsContainer .CollectionIcons_AspectRatio { height: 100%; width: 100%; } .HomepageCollectionIcons__ItemsContainer .CollectionIcons_AspectRatio img { border-radius: 90px; } @media screen and (min-width: 1008px) { .Popover--positionTop.Popover--alignCenter::before, .Popover--positionBottom.Popover--alignCenter::before { left: calc(50% - 15px); } } /** * ---------------------------------------------------------------------------- * RAO Featured Categories * ---------------------------------------------------------------------------- */ .Featured_Collection_Section { padding-top: 56px; } @media screen and (max-width: 700px) { .Featured_Collection_Section { padding-top: 0; } } .Featured_Collection_Container { margin: 40px auto; max-width: 1280px; position: relative; } @media screen and (min-width: 1367px) { .Featured_Collection_Container { padding: 0 50px; } } @media screen and (min-width: 1140px) and (max-width: 1366px) { .Featured_Collection_Container { padding: 0 140px; } } @media screen and (min-width: 641px) and (max-width: 1139px) { .Featured_Collection_Container { padding: 0 50px; } } @media screen and (max-width: 640px) { .Featured_Collection_Container { padding: 0 25px; margin: 25px auto; } } .Featured_Collection_Container .Featured_Collection_Blocks { display: flex; justify-content: space-between; } @media screen and (max-width: 700px) { .Featured_Collection_Container .Featured_Collection_Blocks { flex-direction: column; } } .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_First_Category { width: 50%; } @media screen and (max-width: 700px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_First_Category { width: 100%; } } .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_First_Category .Featured_Collection_First_Category_Content { position: relative; transform: translateY(-50%); background-color: var(--light-background); width: calc(50% - 50px); left: 50px; padding: 20px; } @media screen and (max-width: 900px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_First_Category .Featured_Collection_First_Category_Content { width: 60%; } } @media screen and (max-width: 640px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_First_Category .Featured_Collection_First_Category_Content h3 { font-size: 18px !important; line-height: 18px; letter-spacing: -0.18px; font-family: 'MacklinDisplay-Medium'; font-weight: 400; } } .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Second_Category { width: 33%; position: absolute; left: calc(50% - 80px); z-index: 2; top: 0; } @media screen and (min-width: 1367px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Second_Category { max-width: 370px; } } @media screen and (min-width: 1140px) and (max-width: 1366px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Second_Category { max-width: 300px; } } @media screen and (max-width: 700px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Second_Category { position: unset; width: calc(100% - 60px); margin: 0 30px; } } .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Second_Category .Featured_Collection_Second_Category_Image .Featured_Collection_AspectRatio img { border-radius: 500px; object-fit: cover; } .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Second_Category .Featured_Collection_Second_Category_Content { position: absolute; top: 33%; left: 90%; width: 70%; background-color: var(--light-background); padding: 20px; } @media screen and (max-width: 900px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Second_Category .Featured_Collection_Second_Category_Content { top: 23%; width: 90%; } } @media screen and (max-width: 700px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Second_Category .Featured_Collection_Second_Category_Content { position: relative; top: 0; left: 0; transform: translateY(-90%); width: 80%; background-color: var(--light-background); } } .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Third_Category { width: calc(50% - (33% - 160px)); } @media screen and (max-width: 700px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Third_Category { width: 100%; margin-top: -70px; } } .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Third_Category .Featured_Collection_Third_Category_Image { position: relative; top: 70%; transform: translateY(-38%); } .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Third_Category .Featured_Collection_Third_Category_Image img { object-fit: cover; } @media screen and (max-width: 900px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Third_Category .Featured_Collection_Third_Category_Image { top: 50%; transform: translateY(-50%); } } @media screen and (max-width: 700px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Third_Category .Featured_Collection_Third_Category_Image { position: unset; transform: unset; } } .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Third_Category .Featured_Collection_Third_Category_Content { position: relative; top: 28%; left: -48%; width: calc(90% - 40px); background-color: var(--light-background); padding: 20px; z-index: 3; transform: translateY(-25%); } @media screen and (max-width: 900px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Third_Category .Featured_Collection_Third_Category_Content { top: 15%; left: 11%; } } @media screen and (max-width: 700px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Third_Category .Featured_Collection_Third_Category_Content { top: 0; left: 50px; width: 70%; transform: translateY(-50%); } } .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_ReadMore { font-weight: 100; text-transform: uppercase; position: relative; font-size: 14px; letter-spacing: 0.7px; line-height: 14px; } @media screen and (max-width: 700px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_ReadMore { font-size: 11px; } } .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_ReadMore:before { content: ''; position: absolute; display: block; top: calc(50% - 1px); left: 85px; transform: translateY(-50%) rotate(135deg); width: 7px; height: 7px; border-left: 2px solid var(--border-color-black); border-top: 2px solid var(--border-color-black); } @media screen and (max-width: 700px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_ReadMore:before { left: 60px; } } .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Mobile { display: none; } @media screen and (max-width: 640px) { .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Mobile { display: initial; } .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Mobile p { width: fit-content; position: relative; left: 50%; transform: translateX(-50%); padding: 10px; background-color: var(--light-background); text-transform: uppercase; border: 1px solid var(--border-color-black); font-size: 12px; transition: background-color .2s; } .Featured_Collection_Container .Featured_Collection_Blocks .Featured_Collection_Mobile p:hover { background-color: var(--featured-button-hover-background); } } .Featured_Collection_Container .Featured_Collection_Header { display: flex; justify-content: space-between; } .Featured_Collection_Container .Featured_Collection_Header .Featured_Collection_Section_Title { margin-bottom: 40px; width: 25%; } @media screen and (max-width: 900px) { .Featured_Collection_Container .Featured_Collection_Header .Featured_Collection_Section_Title { width: 30%; margin-bottom: 20px; } } @media screen and (max-width: 700px) { .Featured_Collection_Container .Featured_Collection_Header .Featured_Collection_Section_Title { width: 100%; margin-bottom: 20px; } } .Featured_Collection_Container .Featured_Collection_Header .Featured_Collection_Section_Title .Featured_Collection_Title p { font-size: 44px; line-height: 40px; font-family: 'MacklinDisplay-Regular'; text-transform: initial; } @media screen and (max-width: 1140px) { .Featured_Collection_Container .Featured_Collection_Header .Featured_Collection_Section_Title .Featured_Collection_Title p { font-size: 32px; } } @media screen and (max-width: 640px) { .Featured_Collection_Container .Featured_Collection_Header .Featured_Collection_Section_Title .Featured_Collection_Title p { font-size: 24px; line-height: 20px; letter-spacing: 0.46px; margin-bottom: 24px; } } .Featured_Collection_Container .Featured_Collection_Header .Featured_Collection_Section_Title h3 { font-family: 'MacklinSans-Light'; font-weight: 100; font-size: 18px; } .Featured_Collection_Container .Featured_Collection_Header p { font-size: 14px; font-family: 'MacklinSans-Medium'; text-transform: uppercase; align-self: center; } /** * ---------------------------------------------------------------------------- * RAO Featured Tips * ---------------------------------------------------------------------------- */ .Featured_Tips_Container { margin: 0 auto; max-width: 1280px; position: relative; } @media screen and (min-width: 1367px) { .Featured_Tips_Container { padding: 0 50px; } } @media screen and (min-width: 1140px) and (max-width: 1366px) { .Featured_Tips_Container { padding: 0 140px; } } @media screen and (min-width: 641px) and (max-width: 1139px) { .Featured_Tips_Container { padding: 0 50px; } } @media screen and (max-width: 640px) { .Featured_Tips_Container { padding: 0 25px; } } .Featured_Tips_Container .Featured_Tips_Title { font-size: 40px; padding: 0 0 20px 0; display: flex; justify-content: space-between; align-items: flex-end; } .Featured_Tips_Container .Featured_Tips_Title h2 { margin-bottom: 0; font-size: 44px !important; line-height: 40px; } @media screen and (max-width: 640px) { .Featured_Tips_Container .Featured_Tips_Title h2 { font-size: 24px !important; line-height: 18px; letter-spacing: -0.44px; } } .Featured_Tips_Container .Featured_Tips_Title p { text-transform: uppercase; font-family: 'MacklinSans-Bold'; font-size: 14px; } @media screen and (max-width: 1140px) { .Featured_Tips_Container .Featured_Tips_Title p { display: none; } } .Featured_Tips_Container .Featured_Tips_Content { /* dots are lines */ } @media screen and (min-width: 1140px) { .Featured_Tips_Container .Featured_Tips_Content { margin-right: -20px; } } .Featured_Tips_Container .Featured_Tips_Content:after { content: 'flickity'; display: none; } @media screen and (min-width: 1140px) { .Featured_Tips_Container .Featured_Tips_Content:after { content: ''; } } @media screen and (min-width: 1140px) { .Featured_Tips_Container .Featured_Tips_Content { display: flex; flex-wrap: wrap; } } .Featured_Tips_Container .Featured_Tips_Content .flickity-page-dots { bottom: -22px; } .Featured_Tips_Container .Featured_Tips_Content .flickity-page-dots .dot { height: 6px !important; width: 40px; margin: 0; border-radius: 0; border: 0 !important; transition: unset; } .Featured_Tips_Container .Featured_Tips_Content .flickity-page-dots .dot:not(.is-selected)::before { content: ''; position: absolute; background-color: var(--text-color); height: 1px; left: 0; right: 0; top: 50%; transform: translateY(-50%); } .Featured_Tips_Container .Featured_Tips_Content .flickity-page-dots .dot.is-selected { height: 6px !important; border-radius: 10px; background-color: var(--text-color); } .Featured_Tips_Container .Featured_Tips_Content .Featured_Tips_Block { width: calc(100% / 3); padding-right: 20px; } @media screen and (max-width: 1140px) { .Featured_Tips_Container .Featured_Tips_Content .Featured_Tips_Block { width: 80%; } } .Featured_Tips_Container .Featured_Tips_Content .Featured_Tips_Block .Featured_Tips_Image .Featured_Tips_AspectRatio { overflow: hidden; } .Featured_Tips_Container .Featured_Tips_Content .Featured_Tips_Block .Featured_Tips_Image .Featured_Tips_AspectRatio img { object-fit: cover; transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .Featured_Tips_Container .Featured_Tips_Content .Featured_Tips_Block .Featured_Tips_Image .Featured_Tips_AspectRatio img:hover { transform: scale(1.2); } .Featured_Tips_Container .Featured_Tips_Content .Featured_Tips_Block .Featured_Tips_Block_Content { padding: 30px; } .Featured_Tips_Container .Featured_Tips_Content .Featured_Tips_Block .Featured_Tips_Block_Content .Featured_Tips_Block_ReadMore { text-transform: uppercase; position: relative; } .Featured_Tips_Container .Featured_Tips_Content .Featured_Tips_Block .Featured_Tips_Block_Content .Featured_Tips_Block_ReadMore:before { content: ''; position: absolute; display: block; top: calc(50%); left: 107px; transform: translateY(-50%) rotate(135deg); width: 10px; height: 10px; border-left: 2px solid var(--border-color-black); border-top: 2px solid var(--border-color-black); margin-top: -2px; } /** * ---------------------------------------------------------------------------- * Padding adjustments * ---------------------------------------------------------------------------- */ .Header__Wrapper { padding: 15px 20px; max-width: 1280px; margin: 0 auto; } @media screen and (min-width: 1140px) { .Header__Wrapper { padding: 15px 50px; } } @media screen and (max-width: 1139px) { .Header__Wrapper .Header__FlexItem--logo { width: 100%; display: flex; justify-content: flex-start; padding-left: 20px; } } .HeaderBottom__Wrapper { padding: 10px 20px; } @media screen and (min-width: 1140px) { .HeaderBottom__Wrapper { padding: unset; } .HeaderBottom__Wrapper .hidden-mobile { margin: 0 auto; } .HeaderBottom__Wrapper .hidden-mobile .Header__FlexItem { padding: 10px 50px; } } @media screen and (min-width: 1140px) and (min-width: 1140px) and (max-width: 1366px) { .HeaderBottom__Wrapper .hidden-mobile .Header__FlexItem { padding: 10px 140px; } } .HeaderBottom__Wrapper .HorizontalList__Item.MobileSearch__Wrapper { margin: 6px 0 6px 8px; } /** * ---------------------------------------------------------------------------- * Breadcrumbs * ---------------------------------------------------------------------------- */ .breadcrumbs { max-width: 1330px; margin: 20px auto; padding: 0 0 0 50px; } .breadcrumbs .breadcrumb-part { font-size: 12px; text-transform: uppercase; padding-right: 10px; display: inline-block; position: relative; } .breadcrumbs .breadcrumb-part:not(:first-child) { padding-left: 10px; margin-left: 20px; } .breadcrumbs .breadcrumb-part:not(:first-child):before, .breadcrumbs .breadcrumb-part:not(:first-child):after { border-right: 2px solid; content: ''; display: block; height: 8px; margin-top: -7px; position: absolute; transform: rotate(135deg); left: -10px; top: 50%; width: 0; } .breadcrumbs .breadcrumb-part:not(:first-child):after { margin-top: -2px; transform: rotate(45deg); } /** * ---------------------------------------------------------------------------- * RAO Product Page * ---------------------------------------------------------------------------- */ /* READ MORE */ .RaoReadMoreDescription { margin: 15px 0; /*padding-bottom: 15px;*/ position: relative; overflow: hidden; -webkit-transition: height .3s ease-in-out; -moz-transition: height .3s ease-in-out; -o-transition: height .3s ease-in-out; -ms-transition: height .3s ease-in-out; transition: height .3s ease-in-out; border-bottom: 2px solid var(--border-color-black); } .RaoReadMoreDescription p { font-size: 16px; line-height: 25px; } .RAO__Description--readmore { /*width: 100%;*/ text-align: center; line-height: 1.2em; cursor: pointer; font-weight: 600; /*position: absolute;*/ /*box-shadow: 0px -15px 35px 20px var(--background);*/ /*background: var(--background);*/ -webkit-transition: top .3s ease-in-out; -moz-transition: top .3s ease-in-out; -o-transition: top .3s ease-in-out; -ms-transition: top .3s ease-in-out; transition: top .3s ease-in-out; } i.upArrow { border: solid var(--border-color-black); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } i.downArrow { border: solid var(--border-color-black); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } i.downArrow::before { position: absolute; width: 100%; content: ''; display: block; z-index: 1; } .downArrowCont { display: none; /*margin-bottom: -40px; padding-bottom: 20px;*/ } .ProductMeta { padding-bottom: 0; margin-bottom: 0; border-bottom: initial; } @media screen and (max-width: 1007px) { .ProductMeta { text-align: left; } } .Product__Info .Container { padding: 0; } .ProductMeta__MobileTitle { display: none; } @media screen and (max-width: 1007px) { .ProductMeta__MobileTitle { display: block; font-size: 26px; line-height: 28px; letter-spacing: -0.26px; font-family: 'MacklinDisplay-Medium'; } } .ProductMeta__Title { font-size: 40px !important; text-transform: initial !important; letter-spacing: initial !important; line-height: initial !important; font-family: 'MacklinDisplay-Medium'; } @media screen and (max-width: 1007px) { .ProductMeta__Title { position: absolute; left: 0; top: 0; display: block; font-size: 26px !important; line-height: 28px !important; letter-spacing: -0.26px !important; } } .ProductMeta__PriceList .Text--subdued { color: var(--product-form-button-background); font-size: 40px !important; font-weight: 600; } @media screen and (max-width: 1007px) { .ProductMeta__PriceList .Text--subdued { font-size: 35px !important; line-height: 1; } } .ProductMeta__SKU { border-top: 2px solid var(--border-color-black); padding-top: 25px; margin-top: 30px; font-size: 16px; } .ProductMeta__SKU span { font-family: 'MacklinSans-Light'; } .ProductMeta__SKU span b { font-family: 'MacklinSans-Bold'; font-weight: normal; margin-right: 10px; } .ProductForm__BuyButtons { margin-left: 15px; margin-right: 5px; } .ProductForm__BuyButtons .Button--primary { border-color: var(--product-form-button-background); letter-spacing: initial; font-family: 'MacklinSans-Medium'; font-size: 16px; padding: 11.5px 20px; } @media screen and (max-width: 640px) { .ProductForm__BuyButtons .Button--primary { padding: 11.5px 10px; } } .ProductForm__BuyButtons .Button--primary:before { background-color: var(--product-form-button-background); } .ProductForm__BuyButtons .Button--secondary { letter-spacing: initial; font-family: 'MacklinSans-Medium'; font-size: 16px; padding: 11.5px 20px; } @media screen and (max-width: 640px) { .ProductForm__BuyButtons .Button--secondary { padding: 11.5px 10px; } } .ProductForm__Delivery { color: var(--product-form-button-background); margin: 15px 0; font-size: 16px; } .ProductForm__Delivery p { font-family: 'MacklinSans-Bold'; } .ProductForm__Button { border-bottom: 2px solid var(--border-color-black); display: flex; justify-content: space-between; padding-bottom: 30px; } .ProductForm__Button .ProductForm__BuyButtons { width: 80%; } .ProductForm__Button .ProductForm__WishIcon { display: flex; align-items: center; margin: 0 0 0 10px; cursor: pointer; height: 45px; width: 30px; flex-shrink: 0; } .ProductForm__Button .ProductForm__WishIcon .Icon--wishlist { width: 100%; height: 100%; } .ProductForm__Button .ProductForm__WishIcon .Icon--wishlist path { fill: transparent; transition: fill .2s ease; stroke-width: 0.6px; } .ProductForm__Button .ProductForm__WishIcon .Icon--wishlist.filled path { fill: var(--text-color); } .Product_Check { display: flex; position: relative; } .Product_Check .Product__InStock__Div { display: flex; } .Product_Check .Product__InStock__Div path { stroke: #A3BA70; } .Product_Check .Product__InStock { display: flex; margin-left: 10px; font-family: 'MacklinSans-Bold'; line-height: 1; font-size: 16px; color: #A3BA70; } .Product_Check .Product__InStock p { color: #A3BA70; } .Product__InStock_Text { font-family: 'MacklinSans-Bold'; color: #000; margin-bottom: 15px !important; font-size: 16px; } .ProductMeta__Description { font-family: 'MacklinSans-Regular'; font-size: 16px; } .ProductMeta__Description p { font-family: 'MacklinSans-Regular'; } .Product_CustomTexts { margin-top: 30px; font-size: 16px; } .Product_CustomTexts .Product_CustomText_Container { display: flex; margin-bottom: 14px; } .Product_CustomTexts .Product_CustomText_Container .Product_CustomText { font-family: 'MacklinSans-Bold'; line-height: 1; display: flex; margin-left: 10px; } .SectionHeader__Heading p { font-family: 'MacklinDisplay-Medium'; } @media screen and (max-width: 640px) { .SectionHeader__Heading p { font-size: 24px; } } /** * ---------------------------------------------------------------------------- * RAO Product Recommended * ---------------------------------------------------------------------------- */ .ProductList .Carousel__Cell .AspectRatio { aspect-ratio: 1; } /** * ---------------------------------------------------------------------------- * RAO Product Form Color Swatch * ---------------------------------------------------------------------------- */ .ProductForm__ColorSwatch_Container { padding-top: 20px; padding-bottom: 30px; border-bottom: 2px solid var(--border-color-black); font-size: 16px; } .ProductForm__ColorSwatch_Container .ProductForm__ColorSwatch_Header { padding-bottom: 15px; } .ProductForm__ColorSwatch_Container .ProductForm__ColorSwatch_Header span { font-family: 'MacklinSans-Light'; font-size: 16px !important; line-height: 28px; } .ProductForm__ColorSwatch_Container .ProductForm__ColorSwatch_Header span strong { font-family: 'MacklinSans-Bold'; font-weight: normal; } .ProductForm__ColorSwatch_Container .ColorSwatch { border-radius: 360px; box-shadow: 0 0 1px 0 #777 inset; } .ProductForm__ColorSwatch_Container .ColorSwatch.is-active::after, .ProductForm__ColorSwatch_Container .ColorSwatch__Radio:checked + .ColorSwatch::after { content: ""; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(225deg); width: 9px; height: 16px; border-left: 2px solid var(--light-background); border-top: 2px solid var(--light-background); } .ProductForm__ColorSwatch_Container .ColorSwatch__Radio:checked + .ColorSwatch { border: 1px solid #5E5E5E; } /*.Accordion { padding: 0 100px 0 50px; }*/ @media screen and (min-width: 1008px) { .Product__Slideshow_Grid { display: flex; flex-wrap: wrap; margin-left: -15px; } .Product__Slideshow_Grid .Product__SlideItem { width: calc(50% - 15px); margin: 0 0 15px 15px; } } .Product__SlideItem:first-child { width: 100%; } .Product__SlideItem .Image--fadeIn { height: 100%; } .Product__SlideItem .VideoWrapper { height: 100%; } .Product__SlideItem img { object-fit: contain; background-color: #fff; } /*Product Recommendation*/ .SectionHeader { margin-bottom: 20px !important; } .SectionHeader .Container { /*margin: 0 90px;*/ padding: 0; } .SectionHeader .Container .SectionHeader__Heading { text-align: center; /*padding-left: calc(var(--horizontal-spacing-four-products-per-row) / 2);*/ text-transform: none; letter-spacing: normal; font-family: 'MacklinDisplay-Medium'; font-size: 32px; } .ProductItem__Wrapper .ProductItem__Info__InStock { margin-top: 10px; } .ProductItem__Wrapper .ProductItem__Info__InStock .Product__InStock { display: flex; margin-left: 10px; font-family: MacklinSans-Bold; line-height: 1; font-size: 14px; color: #A3BA70; } .ProductItem__Wrapper .ProductItem__Info__InStock .Product__InStock:before { content: ""; position: relative; display: block; top: 0%; left: -4px; transform: translateY(-20%) rotate(225deg); width: 7px; height: 13px; border-left: 2px solid #A3BA70; border-top: 2px solid #A3BA70; padding-right: 3px; } .ProductItem__Wrapper .ProductItem__Info__InStock .Product__OutOfStock { display: flex; padding-top: 4px; font-family: MacklinSans-Bold; line-height: 1; font-size: 14px; color: #000; position: relative; padding-left: 20px; } .ProductItem__Wrapper .ProductItem__Info__InStock .Product__OutOfStock:before { content: ''; position: absolute; display: block; top: 7%; left: 5px; height: 16px; width: 2px; background-color: var(--text-color); transform: rotate(45deg); } .ProductItem__Wrapper .ProductItem__Info__InStock .Product__OutOfStock:after { content: ''; position: absolute; display: block; top: 7%; left: 5px; height: 16px; width: 2px; background-color: var(--text-color); transform: rotate(-45deg); } .ProductItem__Wrapper .ProductItem__Info { text-align: left; margin-top: 5px !important; } .ProductItem__Wrapper .ProductItem__Info h3 { text-transform: none; letter-spacing: normal; font-family: 'MacklinDisplay-Medium'; font-size: 18px; line-height: normal; } .ProductItem__Wrapper .ProductItem__Shipping { font-size: 14px; margin: 0; } .ProductItem__Wrapper .ProductItem__Suitable { font-size: 14px; margin: 0; } .ProductItem__Wrapper .ProductItem__PriceList { display: flex; justify-content: space-between; align-items: center; } .ProductItem__Wrapper .ProductItem__PriceList .ProductItem__Price { font-size: 26px; font-family: 'MacklinSans-Medium'; letter-spacing: 0; color: var(--product-form-button-background); line-height: 1; margin-top: 5px; } .ProductItem__Wrapper .ProductItem__PriceList .ProductItem__Price.Price--compareAt { font-size: 20px; margin-right: auto; margin-left: 30px; color: var(--link-color); } .ProductItem__Wrapper .ProductItem__PriceList .ProductItem__Wish .Icon--wishlist { width: 14px; height: 14px; cursor: pointer; } .ProductItem__Wrapper .ProductItem__PriceList .ProductItem__Wish .Icon--wishlist path { fill: transparent; transition: fill .2s ease; } .ProductItem__Wrapper .ProductItem__PriceList .ProductItem__Wish .Icon--wishlist.filled path { fill: var(--text-color); } .Product_Check { font-size: 16px; } .Product_Check .Product__OutOfStock { position: relative; padding-left: 20px; } .Product_Check .Product__OutOfStock:before, .Product_Check .Product__OutOfStock:after { content: ''; position: absolute; display: block; top: 7%; left: 5px; height: 16px; width: 2px; background-color: var(--text-color); } .Product_Check .Product__OutOfStock:before { transform: rotate(45deg); } .Product_Check .Product__OutOfStock:after { transform: rotate(-45deg); } /** * ---------------------------------------------------------------------------- * Accordion * ---------------------------------------------------------------------------- */ .Accordion { background: var(--header-bg-color); padding-block: 50px 100px; } .Accordion .Heading, .Accordion h2 { font-family: 'MacklinDisplay-Medium'; color: var(--text-color); text-transform: none; font-size: 30px !important; letter-spacing: normal; margin-bottom: 0; } .Accordion .Heading .Collapsible__Chevron, .Accordion h2 .Collapsible__Chevron { font-size: 12px; } .Accordion .Accordion__Container { margin: 0 auto; padding: 40px 0; max-width: 1330px; width: calc(100% - 20px); } .Accordion .Accordion__Container .Accordion__Tab { border-top: none; border-bottom: 1px solid var(--text-color); /*&:last-child { border-bottom: 1px solid var(--text-color); }*/ /*.Collapsible__Button { @media screen and (max-width: 640px) { font-size: 20px; } }*/ } .Accordion .Accordion__Container .Accordion__Tab .Collapsible__ChevronContainer { top: calc(50% - 28px); /*.Collapsible__Chevron { @media screen and (max-width: 640px) { font-size: 7px; margin-top: 15px; } }*/ } .Accordion .Accordion__Container .Accordion__Tab .Collapsible__Button[aria-expanded="true"] .Collapsible__ChevronContainer { top: calc(50% - 20px); } .Accordion .Accordion__Container .Accordion__Tab .Accordion__Tab--header { font-size: 28px; font-weight: bold; padding-bottom: 20px; } .Accordion .Accordion__Container .Accordion__Tab .Accordion__Tab--content { font-size: 18px; font-family: 'MacklinSans-Light', serif; } .Accordion .Accordion__Container .Accordion__Tab .Accordion__Tab--content .Accordion__Tab--specifications { font-size: 18px; } .Accordion .Accordion__Container .Accordion__Tab .Accordion__Tab--content li { padding: 0; font-size: 18px; } .Accordion .Accordion__Container .Accordion__Tab .Collapsible__Inner .Collapsible__Inner .Collapsible__Content > * { font-size: 18px; } /** * ---------------------------------------------------------------------------- * Product footer * ---------------------------------------------------------------------------- */ .ProductFooter__Wrapper { padding: 50px 0; background: white; } .ProductFooter__Wrapper .ProductFooter { max-width: 790px; margin: 0 auto; } .ProductFooter__Wrapper .ProductFooter div { display: flex; justify-content: center; align-items: center; text-align: center; } .ProductFooter__Wrapper .ProductFooter .ProductFooter__Heading { font-size: 36px; margin-bottom: 20px; } .ProductFooter__Wrapper .ProductFooter .ProductFooter__Heading b { font-weight: 900; } .ProductFooter__Wrapper .ProductFooter .ProductFooter__Content { font-size: 20px; line-height: 24px; } .ProductFooter__Wrapper .ProductFooter .ProductFooter__ImageWrapper { margin-top: 80px; margin-bottom: 20px; } .ProductFooter__Wrapper .ProductFooter .ProductFooter__Subheading--bottom { font-size: 20px; } .ProductFooter__Wrapper .ProductFooter .ProductFooter__Heading--bottom { font-size: 26px; margin-bottom: 10px; } .ProductFooter__Wrapper .ProductFooter .ProductFooter__Content--bottom { font-size: 24px; line-height: 26px; flex-wrap: wrap; color: var(--border-color-black); } .ProductFooter__Wrapper .ProductFooter .ProductFooter__Content--bottom p { margin: 0; display: block; width: 100%; font-family: 'MacklinSans-Medium', 'sans-serif'; } /** * ---------------------------------------------------------------------------- * Product form product bundle * ---------------------------------------------------------------------------- */ .ProductForm__ExtraProducts { display: block; width: 100%; margin-bottom: 20px; font-size: 16px; } .ProductForm__ExtraProducts .ProductForm__ExtraProducts--title { margin-bottom: 10px; font-family: 'MacklinSans-Medium'; font-weight: bold; } .ProductForm__ExtraProducts .ProductForm__ExtraProducts--wrapper { display: flex; justify-content: space-between; align-items: center; background: #f9f4ee; margin: 1px; } .ProductForm__ExtraProducts .ProductForm__ExtraProducts--wrapper > * { display: inline-block; } .ProductForm__ExtraProducts .ProductForm__ExtraProducts--wrapper .ProductForm__ExtraProducts--productTitle { margin-left: 12px; padding-right: 25px; } .ProductForm__ExtraProducts .ProductForm__ExtraProducts--wrapper .Tick { flex-shrink: 0; } .ProductForm__ExtraProducts .ProductForm__ExtraProducts--wrapper .ProductForm__ExtraProducts--image { width: 70px; flex-shrink: 0; margin: 0 !important; } .ProductForm__ExtraProducts .ProductForm__ExtraProducts--wrapper.selected { background: #d7d0c6; outline: 1px solid black; } .ProductForm__ExtraProducts .ProductForm__ExtraProducts--wrapper .ProductForm__ExtraProducts--productTitle .ProductForm__ExtraProducts--productTitleInner { font-family: 'MacklinDisplay-Medium'; margin-right: auto; text-align: left; font-weight: 400; margin-top: 2px; font-size: 18px; line-height: 20px; } @media screen and (max-width: 640px) { .ProductForm__ExtraProducts .ProductForm__ExtraProducts--wrapper .ProductForm__ExtraProducts--productTitle .ProductForm__ExtraProducts--productTitleInner { font-size: 16px; line-height: 18px; } } .ProductForm__ExtraProducts .ProductForm__ExtraProducts--wrapper .ProductForm__ExtraProducts--price { font-family: 'MacklinSans-Medium'; font-weight: 400; font-size: 18px; line-height: 20px; padding-right: 15px; text-align: right; } .ProductForm__ExtraProducts .ProductForm__ExtraProducts--wrapper .ProductForm__ExtraProducts--arrow { padding-right: 10px; color: var(--product-form-button-background); } .ProductForm__ExtraProducts .ProductForm__ExtraProducts--wrapper .ProductForm__ExtraProducts--arrow span { transform: translateY(0); transition: transform .5s ease; } .ProductForm__ExtraProducts .Collapsible { border: none; } .ProductForm__ExtraProducts .Collapsible .Collapsible__Button { padding: 0; } .ProductForm__ExtraProducts .Collapsible .Collapsible__Button [aria-expanded="true"] .ProductForm__ExtraProducts--arrow span { transform: translateY(-1); } .ProductForm__ExtraProducts .Collapsible .Collapsible__Button .ProductForm__ExtraProducts--price { text-align: left; } .ProductForm__ExtraProducts .Collapsible .Collapsible__Content { padding-bottom: 10px; } .ProductForm__ExtraProducts .CollapsibleCategory .Collapsible__Button { padding: 20px; font-family: 'MacklinSans-Light', sans-serif; font-size: 16px; background-color: #F9F4EE; transition: background-color .35s ease-in-out; margin-bottom: 20px; } .ProductForm__ExtraProducts .CollapsibleCategory .Collapsible__Button .Collapsible__Content { padding-right: 20px; padding-left: 20px; } .ProductForm__ExtraProducts .CollapsibleCategory .Collapsible__Button[aria-expanded="true"] { background-color: transparent; } .ProductForm__ExtraProducts .CollapsibleCategory .Collapsible__Button[aria-expanded="true"] .Collapsible__ChevronContainer { top: unset; } .ProductForm__ExtraProducts .CollapsibleCategory .Collapsible__Button .Collapsible__ChevronContainer { top: unset; right: 20px; } .ProductForm__ExtraProducts .CollapsibleCategory .Collapsible__Button .Collapsible__Chevron { font-size: 7px; } .ProductForm__ExtraProducts.ProductForm__ExtraProducts--bundle .ProductForm__ExtraProducts--wrapper { cursor: pointer; position: relative; padding: 12px 25px 12px 12px; margin-bottom: 20px; } .ProductForm__ExtraProducts.ProductForm__ExtraProducts--bundle .ProductForm__ExtraProducts--wrapper .ProductForm__ExtraProducts--image { background-color: #fff; } .ProductForm__ExtraProducts.ProductForm__ExtraProducts--bundle .ProductForm__ExtraProducts--wrapper .ProductForm__ExtraProducts--price { text-align: left; margin-left: auto; } /** * ---------------------------------------------------------------------------- * Mobile adjustments * ---------------------------------------------------------------------------- */ @media screen and (min-width: 641px) { .RAOFeaturedCollection__Header--desktopHidden { display: none; } } @media screen and (max-width: 640px) { .RAOFeaturedCollection__Header--mobileHidden { display: none; } .Header__Wrapper .Wishlist__Icon { width: auto; height: auto; } .Header__Icon { margin-left: 14px !important; } .Header__Icon span svg { width: 24.8px !important; height: 24.8px !important; } .Header__Icon span svg.Icon--account { position: relative; top: -1px; } .Header__Icon span svg.Icon--cart-desktop { position: relative; top: -2px; } .Icon-Wrapper--clickable:before { top: -4px; right: -6px; left: -6px; bottom: -4px; } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper { left: 0; } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem { padding: 25px; } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem p { font-size: 14px !important; margin: 25px 0 !important; } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ImageItem { width: calc(100% - 30px); } .RAOFeaturedCollection__Section .RAOFeaturedCollection__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem p { line-height: 100%; } .Featured_Collection_Container .Featured_Collection_Header > p { display: none; } .Featured_Collection_Container .Featured_Collection_Header .Featured_Collection_Section_Title { width: 100%; } .Featured_Tips_Container .Featured_Tips_Content .Featured_Tips_Block { width: 70% !important; } .BlockShowcase__Section .BlockShowcase__Wrapper { padding: 40px 0; } } @media screen and (min-width: 1140px) { .HeaderBottom__Wrapper .HorizontalList__Item.MobileSearch__Wrapper { margin: 12px 0 9px 8px; } } /** * ---------------------------------------------------------------------------------------------- * Collection Sections * ---------------------------------------------------------------------------------------------- */ .CollectionSections__Container { display: flex; flex-direction: row; } @media screen and (max-width: 1006px) { .CollectionSections__Container { flex-direction: column; } } .CollectionSections__Container .CollectionSections__Info { width: 50%; padding: 0 100px 0 0; } @media screen and (max-width: 1006px) { .CollectionSections__Container .CollectionSections__Info { width: 100%; padding: 0 50px 0 50px; } } .CollectionSections__Container .CollectionSections__Info .CollectionSections__Title { font-size: 44px; font-family: 'MacklinDisplay-Medium'; } .CollectionSections__Container .CollectionSections__Info .CollectionSections__Description { font-size: 16px; font-family: 'MacklinSans-Light'; } .CollectionSections__Container .COllectionSections__Image { width: 50%; position: relative; top: -63px; } @media screen and (max-width: 1006px) { .CollectionSections__Container .COllectionSections__Image { order: -1; width: 100%; top: 0; } } .CategoryIcons_AdditionalCategories { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1196px; margin: 0 auto; } @media screen and (max-width: 1366px) { .CategoryIcons_AdditionalCategories { width: calc(100% + 16px); margin-left: -8px; } } .CategoryIcons_AdditionalCategories:after { content: ' '; } @media screen and (max-width: 640px) { .CategoryIcons_AdditionalCategories { flex-wrap: nowrap; display: block; } .CategoryIcons_AdditionalCategories:after { content: 'flickity'; display: none; } } .CategoryIcons_AdditionalCategories .CategoryIcons_AdditionalCategories_Container { width: fit-content; text-align: center; padding: 6px 8px; flex-grow: 1; max-width: calc(100% / 4); flex-basis: 15%; } @media screen and (max-width: 1140px) { .CategoryIcons_AdditionalCategories .CategoryIcons_AdditionalCategories_Container { max-width: unset; } } .CategoryIcons_AdditionalCategories .CategoryIcons_AdditionalCategories_Container a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 12px 20px; transition: .3s all; } .CategoryIcons_AdditionalCategories .CategoryIcons_AdditionalCategories_Container a:hover { background-color: #d7d0c6; } .CategoryIcons_AdditionalCategories a { border: 1px solid #000; width: 100%; height: 100%; display: block; padding: 10px 0; } .ProductForm__QuantitySelector { margin: 0; height: 100%; } .ProductForm__QuantitySelector .QuantitySelector { border: 1px solid #000; } .QuantitySelector .QuantitySelector__Button { padding: 10px; } @media screen and (max-width: 640px) { .QuantitySelector .QuantitySelector__CurrentQuantity { width: 27px; } } .CartItem__QuantitySelector .QuantitySelector { border-color: var(--text-color); color: var(--text-color); } .CartItem__QuantitySelector .QuantitySelector .QuantitySelector__CurrentQuantity { font-family: 'MacklinSans-Light'; font-size: 16px; } .Collection__Section { display: flex; } .Collection__Section.Collection__Section--empty { align-items: center; } .Collection__Section .PageHeader { margin: 0; } .Collection__Section .PageHeader .SectionHeader__Heading { font-size: 44px; text-align: left; font-family: 'MacklinDisplay-Medium'; letter-spacing: inherit; text-transform: inherit; margin-bottom: 20px; } .Collection__Section .PageHeader .SectionHeader__Description { max-width: 100%; } .Collection__Section .PageHeader .SectionHeader__Description p { margin: 0; font-size: 16px; font-family: 'MacklinSans-Light'; } .CollectionToolbar { box-shadow: none; border-bottom: 1px solid var(--product-form-button-background); border-top: 1px solid var(--product-form-button-background); position: initial; } .CollectionToolbar .CollectionToolbar__Item { border-left: none; font-size: 14px; text-transform: initial; letter-spacing: initial; font-family: 'MacklinSans-Light'; } /** * ---------------------------------------------------------------------------------------------- * Collection Info Box * ---------------------------------------------------------------------------------------------- */ .InfoBox__Container { margin-left: auto !important; width: calc(100% - 285px); margin-bottom: 90px; margin-right: 0 !important; } @media screen and (max-width: 1139px) { .InfoBox__Container { width: calc(100% - 256px); } } @media screen and (max-width: 1007px) { .InfoBox__Container { width: 100%; } } .InfoBox__Container .InfoBox__Title h2 { margin-bottom: 19px; font-family: "MacklinDisplay-Regular", var(--heading-font-family); font-size: 44px !important; } .InfoBox__Container .InfoBox__Content { font-size: 16px; font-family: 'MacklinSans-Light'; } .InfoBox__Container .InfoBox__Content a { color: var(--page-link-color); text-decoration: underline; } /** * ---------------------------------------------------------------------------------------------- * Collection Featured Categories * ---------------------------------------------------------------------------------------------- */ .Collection__FeaturedCollections { padding-left: 70px; margin-bottom: 50px; padding-right: 70px; width: 100%; } @media screen and (max-width: 1006px) { .Collection__FeaturedCollections { padding-left: 50px; padding-right: 50px; } } @media screen and (max-width: 640px) { .Collection__FeaturedCollections { padding-left: 0; padding-right: 0; margin: 0 -20px 50px -20px; width: calc(100% + 40px); } } .Collection__FeaturedCollections .Collection__FeaturedCollections__Block { padding: 0 10px; width: calc(100% / 4); } @media screen and (max-width: 640px) { .Collection__FeaturedCollections .Collection__FeaturedCollections__Block { width: 100%; max-width: 140px; padding: 0 20px 0 0; } .Collection__FeaturedCollections .Collection__FeaturedCollections__Block:nth-child(1) { max-width: 160px; padding-left: 20px; } } .Collection__FeaturedCollections .Collection__FeaturedCollections__Block .Collection__FeaturedCollections__Item { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 10px; } .Collection__FeaturedCollections .Collection__FeaturedCollections__Block .Collection__FeaturedCollections__Item .Collection__FeaturedCollections__AspectRatio { width: 100%; transition: transform .2s; } .Collection__FeaturedCollections .Collection__FeaturedCollections__Block .Collection__FeaturedCollections__Item .Collection__FeaturedCollections__AspectRatio:hover { transform: scale(1.1); } .Collection__FeaturedCollections .Collection__FeaturedCollections__Block .Collection__FeaturedCollections__Item .Collection__FeaturedCollections__AspectRatio img { object-fit: cover; border-radius: 360px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25); } .Collection__FeaturedCollections .Collection__FeaturedCollections__Block .Collection__FeaturedCollections__Item .Collection__FeaturedCollections__Title { padding-top: 20px; font-size: 14px; font-family: 'MacklinSans-Medium'; text-align: center; text-transform: uppercase; hyphens: auto; } @media screen and (max-width: 640px) { .Collection__FeaturedCollections .Collection__FeaturedCollections__Block .Collection__FeaturedCollections__Item .Collection__FeaturedCollections__Title { font-size: 11px; } } .Collection__FeaturedCollections .flickity-prev-next-button { top: 50%; transform: translateY(-50%); box-shadow: initial; background-color: transparent; color: var(--product-form-button-background); } @media screen and (max-width: 640px) { .Collection__FeaturedCollections .flickity-prev-next-button { display: none; } } .Collection__FeaturedCollections .flickity-prev-next-button.previous { left: 0; } .Collection__FeaturedCollections .flickity-prev-next-button.next { right: 0 !important; } .Collection__FeaturedCollections .flickity-prev-next-button:hover svg { animation: initial; } .CollectionToolbar__Item--sort, .CollectionToolbar__Item--paginate { border: 0; display: flex; align-items: center; } .CollectionToolbar__Item--sort button.CollectionToolbar__Item, .CollectionToolbar__Item--paginate button.CollectionToolbar__Item { padding: 0; } .CollectionToolbar__Item--sort .Collection__Sort, .CollectionToolbar__Item--sort .Collection__PaginateBy, .CollectionToolbar__Item--paginate .Collection__Sort, .CollectionToolbar__Item--paginate .Collection__PaginateBy { font-size: 14px; font-family: 'MacklinSans-Light'; } .CollectionToolbar__Item--sort .Collection__CurrentSort, .CollectionToolbar__Item--sort .Collection__CurrentPaginateBy, .CollectionToolbar__Item--paginate .Collection__CurrentSort, .CollectionToolbar__Item--paginate .Collection__CurrentPaginateBy { padding: 0 8px; font-size: 14px; font-family: 'MacklinSans-Light'; color: var(--product-form-button-background); } .CollectionToolbar__Item--sort svg, .CollectionToolbar__Item--paginate svg { color: var(--product-form-button-background); height: 6px; margin-left: 2px; pointer-events: none; } .CollectionToolbar__ResetFilter span { padding: 0 5px; margin-left: 5px; } .CollectionToolbar__ResetFilter span svg { width: 12px; color: #000; stroke-width: 3px; height: 12px; } .DropdownMenuDefault { left: 0; } .Tick { position: relative; width: 2em; height: 2em; font-size: 20px; } .Tick.hidden { opacity: 0; } .Tick:before { content: ""; position: absolute; display: inline-block; border: solid #000; border-width: 0 3px 2px 0; font-size: 6px; padding: 2em 1.5em; margin-right: 5px; top: 45%; left: 27%; transform: rotate(35deg) scaleX(0.7) translate(-50%, -50%); -webkit-transform: rotate(35deg) scaleX(0.7) translate(-50%, -50%); } .Collapsible--counter { margin-right: 10px; font-weight: bold; } .prijsContainer { display: flex; justify-content: space-between; font: normal normal 500 16px/28px 'MacklinSans-Bold'; } .prijsContainer span:not(.TotalPrice) { margin-right: auto; } .prijsContainer .TotalPrice { padding-right: 80px; } /** * ---------------------------------------------------------------------------------------------- * Pagination * ---------------------------------------------------------------------------------------------- */ .Pagination { border-top: 1px solid var(--product-form-button-background); border-bottom: 1px solid var(--product-form-button-background); } .Pagination .Pagination__Nav { font-family: 'MacklinSans-Light'; } .Pagination .Pagination__Nav .Pagination__NavItem { font-size: 14px; font-family: 'MacklinSans-Light'; border-bottom: initial; padding: 17px 10px; } .Pagination .Pagination__Nav .Pagination__NavItem.is-active { border-bottom: initial; box-shadow: initial; color: var(--product-form-button-background); } /** * ---------------------------------------------------------------------------------------------- * Fix overflow issue caused by the main navigation * ---------------------------------------------------------------------------------------------- */ /* .shopify-section--header { overflow: hidden; height: 100vh; margin-bottom: -87vh; }*/ /** * ---------------------------------------------------------------------------------------------- * Wishlist * ---------------------------------------------------------------------------------------------- */ /*rao-wishlist.Wishlist__Container { display: flex; flex-flow: row wrap; .Wishlist_Item_Container { width: 50%; padding: 20px 10px; .ProductItem__ImageWrapper { text-decoration: none; } .Wishlist_Item__Details_Container { .Wishlist_Item__Title { font-family: 'MacklinDisplay-Medium'; text-align: left; letter-spacing: normal; text-transform: none; font-size: 18px; } } .Wishlist_Item__Image_Container { .Wishlist_Item__Image { width: 100%; object-fit: cover; } } .Wishlist_Item__Controls_Container { display: flex; justify-content: space-between; .Wishlist_Item__remove { cursor: pointer; } } } .Wishlist__Empty_Message { width: 100%; text-align: center; } }*/ /** * ---------------------------------------------------------------------------------------------- * Featured Blog * ---------------------------------------------------------------------------------------------- */ .FeaturedBlog__Heading { font-family: 'MacklinDisplay-Medium'; font-size: 55px; margin-bottom: 21px; line-height: normal; } .FeaturedBlog__Description { font-family: 'MacklinSans-Light'; font-size: 18px; width: 60%; } @media screen and (max-width: 1004px) { .FeaturedBlog__Description { width: 100%; } } .FeaturedArticles__Container { padding: 40px 0; display: grid; grid-template-areas: 'item1 item2' 'item4 item3' 'item5 .'; grid-auto-rows: auto; grid-template-columns: repeat(2, 1fr); } @media screen and (max-width: 1004px) { .FeaturedArticles__Container { grid-template-areas: 'item1' 'item2' 'item3' 'item4' 'item5'; grid-template-columns: 100%; grid-auto-rows: auto; } } .FeaturedArticles__Container .FeaturedArticles__FirstItem { margin-right: -50%; } @media screen and (max-width: 1004px) { .FeaturedArticles__Container .FeaturedArticles__FirstItem { width: 100%; margin-right: 0; } } .FeaturedArticles__Container .FeaturedArticles__FirstItem_TextBox { z-index: 2; background-color: white; height: fit-content; padding: 28px; margin-top: -30px; width: 80%; } @media screen and (max-width: 1004px) { .FeaturedArticles__Container .FeaturedArticles__FirstItem_TextBox { width: 100%; margin: 0; } } .FeaturedArticles__Container .FeaturedArticles__FirstItem_TextBox h1 { font-size: 44px; font-family: 'MacklinDisplay-Light'; line-height: 40px; } @media screen and (max-width: 1004px) { .FeaturedArticles__Container .FeaturedArticles__FirstItem_TextBox h1 { padding-bottom: 10px; } } .FeaturedArticles__Container .FeaturedArticles__FirstItem_TextBox p { font-size: 18px; font-family: 'MacklinSans-Light'; } .FeaturedArticles__Container .FeaturedArticles__FirstItem_TextBox .FeaturedArticles__FirstItem__LearnMore { width: fit-content; border: 2px solid black; background-color: #f9f4ee; margin-top: 15px; padding: 8px 25px 5px; transition: background-color .2s; } .FeaturedArticles__Container .FeaturedArticles__FirstItem_TextBox .FeaturedArticles__FirstItem__LearnMore:hover { background-color: var(--page-button-background); } .FeaturedArticles__Container .FeaturedArticles__SecondItem { margin-top: -8%; margin-left: 8%; width: 80%; } @media screen and (max-width: 1004px) { .FeaturedArticles__Container .FeaturedArticles__SecondItem { order: 1; margin-top: 80px; width: 100%; } } .FeaturedArticles__Container .FeaturedArticles__SecondItem img { width: 100%; object-fit: cover; } .FeaturedArticles__Container .FeaturedArticles__SecondItem .FeaturedArticles__SecondTextBox { background-color: white; padding: 30px; margin-top: -17%; z-index: 2; position: relative; padding-right: 0px; width: 70%; margin-left: 15%; } @media screen and (max-width: 1004px) { .FeaturedArticles__Container .FeaturedArticles__SecondItem .FeaturedArticles__SecondTextBox { padding: 10px; margin: 0; width: 60%; left: 10%; transform: translateX(-10%); bottom: 50px; } } .FeaturedArticles__Container .FeaturedArticles__SecondItem .FeaturedArticles__SecondTextBox h1 { font-family: 'MacklinDisplay-Medium'; font-size: 18px !important; width: 80%; line-height: 24px; } .FeaturedArticles__Container .FeaturedArticles__ThirdItem { margin-top: -120px; position: relative; } @media screen and (max-width: 1004px) { .FeaturedArticles__Container .FeaturedArticles__ThirdItem { margin-top: 38px; width: 80%; left: 50%; transform: translateX(-50%); } } @media screen and (min-width: 1005px) { .FeaturedArticles__Container .FeaturedArticles__ThirdItem { padding-left: 100px; } } .FeaturedArticles__Container .FeaturedArticles__ThirdItem img { width: 100%; border-radius: 360px; object-fit: cover; } @media screen and (max-width: 1004px) { .FeaturedArticles__Container .FeaturedArticles__ThirdItem img { aspect-ratio: 0.73; } } .FeaturedArticles__Container .FeaturedArticles__ThirdItem .FeaturedArticles__ThirdTextBox { position: absolute; top: 30%; width: 60%; height: fit-content; background-color: white; padding: 30px; margin-left: -120px; padding-right: 0; } @media screen and (max-width: 1004px) { .FeaturedArticles__Container .FeaturedArticles__ThirdItem .FeaturedArticles__ThirdTextBox { top: unset; bottom: -46px; width: 80%; margin: 0; left: 0; padding: 10px; } } .FeaturedArticles__Container .FeaturedArticles__ThirdItem .FeaturedArticles__ThirdTextBox h1 { font-family: 'MacklinDisplay-Medium'; font-size: 18px !important; width: 80%; line-height: 24px; } .FeaturedArticles__Container .FeaturedArticles__FourthItem { margin-top: -40%; position: relative; left: 50%; width: 80%; } @media screen and (max-width: 1004px) { .FeaturedArticles__Container .FeaturedArticles__FourthItem { display: none; } } .FeaturedArticles__Container .FeaturedArticles__FourthItem img { width: 100%; object-fit: cover; } .FeaturedArticles__Container .FeaturedArticles__FourthItem .FeaturedArticles__FourthTextBox { background-color: white; padding: 30px; margin-top: -17%; z-index: 2; position: relative; padding-right: 0px; width: 70%; margin-left: 15%; } .FeaturedArticles__Container .FeaturedArticles__FourthItem .FeaturedArticles__FourthTextBox h1 { font-family: 'MacklinDisplay-Medium'; font-size: 18px !important; width: 80%; line-height: 24px; } .FeaturedArticles__Container .FeaturedArticles__ReadMore { font-size: 14px; letter-spacing: 0.7px; } .FeaturedArticles__Container .FeaturedArticles__ReadMore p { display: flex; align-items: center; } .FeaturedArticles__Container .FeaturedArticles__ReadMore p:before { content: ''; position: relative; display: block; order: 1; left: 3px; margin-right: 13px; transform: rotate(135deg); width: 7px; height: 7px; border-left: 2px solid var(--border-color-black); border-top: 2px solid var(--border-color-black); margin-bottom: 3px; } .grid > div:nth-child(1) { grid-area: item1; } .grid > div:nth-child(2) { grid-area: item2; } .grid > div:nth-child(3) { grid-area: item3; } .grid > div:nth-child(4) { grid-area: item4; } .grid > div:nth-child(5) { grid-area: item5; } .FeaturedArticleList div { margin-bottom: 20px !important; } .FeaturedArticleItem__Title { font-size: 18px; font-family: 'MacklinDisplay-Medium'; line-height: normal; } .FeaturedArticleItem__Image { object-fit: cover; } /** * ---------------------------------------------------------------------------------------------- * Article Grid * ---------------------------------------------------------------------------------------------- */ .ArticleGrid__Container { display: grid; grid-template-areas: 'article1 article2' 'article1 article3' 'article1 article4' 'article1 article5'; grid-auto-rows: auto; grid-template-columns: repeat(2, 1fr); padding-bottom: 50px; } @media screen and (max-width: 1004px) { .ArticleGrid__Container { display: flex; flex-wrap: wrap; } } .ArticleGrid__Container .ArticleGrid__Main:hover img { transform: scale(1.2); } .ArticleGrid__Container .ArticleGrid__Main .ArticleGrid__Main_Title h1 { font-size: 44px !important; font-family: 'MacklinDisplay-Light'; line-height: normal; margin-top: 24px; } @media screen and (max-width: 1004px) { .ArticleGrid__Container .ArticleGrid__Main .ArticleGrid__Main_Title h1 { font-size: 24px; margin: 24px 0 14px 0; width: 70%; } } .ArticleGrid__Container .ArticleGrid__Main .ArticleGrid_AspectRatio { overflow: hidden; } .ArticleGrid__Container .ArticleGrid__Main img { aspect-ratio: 1.27; object-fit: cover; transition: opacity 0.3s ease, transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } @media screen and (max-width: 1004px) { .ArticleGrid__Container .ArticleGrid__Main { width: 100%; margin-bottom: 47px; } } .ArticleGrid__Container .ArticleGrid__Other { padding-left: 108px; } .ArticleGrid__Container .ArticleGrid__Other a { display: flex; margin-bottom: 32px; } @media screen and (max-width: 1004px) { .ArticleGrid__Container .ArticleGrid__Other a { flex-direction: column; } } .ArticleGrid__Container .ArticleGrid__Other .ArticleGrid__Other_Block:hover img { transform: scale(1.2); } .ArticleGrid__Container .ArticleGrid__Other .ArticleGrid__Other_Block .AspectRatio { width: 38%; overflow: hidden; } @media screen and (max-width: 1004px) { .ArticleGrid__Container .ArticleGrid__Other .ArticleGrid__Other_Block .AspectRatio { width: 100%; } } .ArticleGrid__Container .ArticleGrid__Other .ArticleGrid__Other_Block .AspectRatio img { object-fit: cover; transition: opacity 0.3s ease, transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .ArticleGrid__Container .ArticleGrid__Other .ArticleGrid__Other_Block .ArticleGrid__Other_Title { order: -1; width: 62%; padding-right: 70px; } @media screen and (max-width: 1004px) { .ArticleGrid__Container .ArticleGrid__Other .ArticleGrid__Other_Block .ArticleGrid__Other_Title { order: 0; width: 100%; padding-right: 0; } } .ArticleGrid__Container .ArticleGrid__Other .ArticleGrid__Other_Block .ArticleGrid__Other_Title h1 { font-size: 18px !important; font-family: 'MacklinDisplay-Regular'; line-height: normal; } @media screen and (max-width: 1004px) { .ArticleGrid__Container .ArticleGrid__Other .ArticleGrid__Other_Block .ArticleGrid__Other_Title h1 { font-size: 14px; margin: 26px 0 10px 0; } } @media screen and (max-width: 1004px) { .ArticleGrid__Container .ArticleGrid__Other .ArticleGrid__Other_Block { width: 50%; padding: 0 5px 36px 5px; margin-bottom: 0; } } @media screen and (max-width: 1004px) { .ArticleGrid__Container .ArticleGrid__Other { width: 100%; padding: 0; display: flex; flex-wrap: wrap; } } .ArticleGrid__Main { grid-area: article1; } .ArticleGrid__Other > div:nth-child(1) { grid-area: article2; } .ArticleGrid__Other > div:nth-child(2) { grid-area: article3; } .ArticleGrid__Other > div:nth-child(3) { grid-area: article4; } .ArticleGrid__Other > div:nth-child(4) { grid-area: article5; } /** * ---------------------------------------------------------------------------------------------- * Featured Article * ---------------------------------------------------------------------------------------------- */ .FeaturedArticleToolbar { position: unset; background-color: transparent; color: #000 !important; opacity: 1; transform: initial !important; } .FeaturedArticleToolbar svg { color: black; } .FeaturedArticleToolbar .Icon--select-arrow-left { margin-right: 21px; } .FeaturedArticleToolbar .Icon--select-arrow-right { margin-left: 21px; } .ArticleToolbar .Text--subdued { color: #000 !important; } .Featured__Article h2 { font-size: 26px !important; font-family: 'MacklinDisplay-Light' !important; letter-spacing: 0 !important; line-height: normal !important; text-transform: initial !important; } @media screen and (max-width: 620px) { .Featured__Article h2 { font-size: 18px !important; } } .Featured__Article p { font-size: 18px !important; font-family: 'MacklinSans-Light' !important; } @media screen and (max-width: 620px) { .Featured__Article p { font-size: 14px !important; } } .Featured__Article h3 { font-size: 20px !important; font-family: 'MacklinSans-Bold' !important; letter-spacing: 0 !important; line-height: normal !important; text-transform: initial !important; } .Featured__Article h1 { margin-left: -100px !important; font-family: 'MacklinDisplay-Italic' !important; font-size: 44px !important; letter-spacing: 0 !important; line-height: normal !important; text-transform: initial !important; margin-top: .8rem !important; } @media screen and (max-width: 620px) { .Featured__Article h1 { margin-left: 0 !important; font-size: 26px !important; } } /* Emergency */ .RAOFeaturedCollection__Section .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper .RAOFeaturedCollection__ContentItem p { margin: 0 !important; } .CursedIndex .RAOFeaturedCollection__ContentItem h2 { font-size: 44px !important; line-height: 40px !important; } @media screen and (max-width: 1007px) { .CursedIndex .RAOFeaturedCollection__ContentItem h2 { font-size: 38px !important; line-height: 35px !important; } } @media screen and (max-width: 640px) { .CursedIndex .RAOFeaturedCollection__ContentItem h2 { font-size: 32px !important; line-height: 30px !important; } } .CursedIndex .RAOFeaturedCollection__ContentItem > *:not(h1,h2), .CursedIndex .RAOFeaturedCollection__ContentItem > div > p { font-size: 18px !important; line-height: 28px !important; } @media screen and (max-width: 1007px) { .CursedIndex .RAOFeaturedCollection__ContentItem > *:not(h1,h2), .CursedIndex .RAOFeaturedCollection__ContentItem > div > p { font-size: 16px !important; line-height: 24px !important; } } @media screen and (max-width: 640px) { .CursedIndex .RAOFeaturedCollection__ContentItem > *:not(h1,h2), .CursedIndex .RAOFeaturedCollection__ContentItem > div > p { font-size: 14px !important; line-height: 20px !important; } } .CursedIndex .RAOFeaturedCollection__ContentItem__BtnWrapper { margin-top: 25px; } .FeaturedCollection__Article__Wrapper { margin-top: -35px !important; } @media screen and (min-width: 1367px) { .FeaturedCollection__Article__Wrapper.CursedSection { margin-top: 100px !important; margin-bottom: 100px !important; } } @media screen and (min-width: 1008px) and (max-width: 1366px) { .FeaturedCollection__Article__Wrapper.CursedSection { margin-top: 125px !important; margin-bottom: 125px !important; } } @media screen and (max-width: 1007px) { .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper.CursedOrder { order: 0; margin-top: 50px; } } .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper.CursedOrder .RAOFeaturedCollection__ContentItem h5 { font-size: 44px !important; line-height: 40px !important; } @media screen and (max-width: 1007px) { .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper.CursedOrder .RAOFeaturedCollection__ContentItem h5 { font-size: 38px !important; line-height: 35px !important; } } @media screen and (max-width: 640px) { .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper.CursedOrder .RAOFeaturedCollection__ContentItem h5 { font-size: 32px !important; line-height: 30px !important; } } .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper.CursedOrder .RAOFeaturedCollection__ContentItem > *:not(h1,h5) { font-size: 18px !important; line-height: 28px !important; } @media screen and (max-width: 1007px) { .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper.CursedOrder .RAOFeaturedCollection__ContentItem > *:not(h1,h5) { font-size: 16px !important; line-height: 24px !important; } } @media screen and (max-width: 640px) { .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper.CursedOrder .RAOFeaturedCollection__ContentItem > *:not(h1,h5) { font-size: 14px !important; line-height: 20px !important; } } .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper.CursedOrder .RAOFeaturedCollection__ContentItem__BtnWrapper { margin-top: 25px; } .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem { max-width: 536px; } @media screen and (max-width: 1007px) { .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem { max-width: 60vw; } } .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem .AspectRatio { max-width: 230px !important; margin-left: 0 !important; margin-top: 15px; margin-bottom: 15px; } @media screen and (max-width: 1007px) { .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem .AspectRatio { max-width: 160px !important; margin-top: 10px; margin-bottom: 10px; } } @media screen and (max-width: 640px) { .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem .AspectRatio { max-width: 105px !important; margin-top: 5px; margin-bottom: 5px; } } .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem p { margin: 0 !important; } @media screen and (min-width: 1140px) { .FeaturedCollection__Article__Wrapper { display: block !important; } .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; width: auto !important; z-index: 1; } .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ImageItem { width: 80% !important; display: block !important; margin: 0 0 0 auto !important; } } @media screen and (max-width: 640px) { .FeaturedCollection__Article__Wrapper { display: flex; flex-wrap: wrap; padding: 0 20px; } .FeaturedCollection__Article__Wrapper .RAOFeaturedCollection__ContentItem__Wrapper { order: 1; position: relative !important; margin-top: -100px; transform: initial !important; } } /* Ended */ /** * ---------------------------------------------------------------------------------------------- * Featured Article Tool Bar * ---------------------------------------------------------------------------------------------- */ .FeaturedArticleToolbar { pointer-events: initial; } .ArticleToolbar__Nav { width: 100%; } @media screen and (max-width: 640px) { .FeaturedArticleToolbar { display: flex; flex-wrap: wrap; } .FeaturedArticleToolbar .ArticleToolbar__Center { width: 100%; display: flex; justify-content: center; padding-bottom: 20px; } .FeaturedArticleToolbar .ArticleToolbar__Left { order: 1; width: 47%; } .FeaturedArticleToolbar .ArticleToolbar__Left a { display: flex; align-items: center; padding-left: 20px; } .FeaturedArticleToolbar .ArticleToolbar__Left a svg { margin-right: 8px; margin-left: 0; } .FeaturedArticleToolbar .ArticleToolbar__Right { order: 1; width: 47%; } .FeaturedArticleToolbar .ArticleToolbar__Right a { display: flex; align-items: center; justify-content: flex-end; padding-right: 20px; } .FeaturedArticleToolbar .ArticleToolbar__Right a svg { margin-right: 0; margin-left: 8px; } .FeaturedArticleToolbar .ArticleToolbar__Right.ArticleToolbar__Right__FullWidth { position: relative; left: 100%; transform: translateX(-100%); order: 0; } .FeaturedArticleToolbar .ArticleToolbar__Right .ArticleToolbar__Nav { margin: 0; } } /** * ---------------------------------------------------------------------------------------------- * Pinterest Page * ---------------------------------------------------------------------------------------------- */ .PinterestDescription { font-family: 'MacklinSans-Light'; font-size: 18px; width: 100%; } @media screen and (max-width: 1004px) { .PinterestDescription { font-size: 14px; width: 100%; } } .PinterestContainer { padding-left: 140px; } @media screen and (max-width: 1004px) { .PinterestContainer { padding: 0 25px; } } .PinterestTitle h2 { font-family: 'MacklinSans-Light'; font-size: 18px; line-height: normal; letter-spacing: 0; margin: 0; padding-top: 80px; } .PinterestTitle h1 { font-family: 'MacklinDisplay-Regluar'; font-size: 32px; line-height: normal; letter-spacing: 0; padding: 14px 0 32px 0; margin: 0; } .Pinterest__FeaturedCategory_Container { padding-bottom: 100px; } .Pinterest__FeaturedCategory_Container .flickity-page-dots { width: 80%; margin-left: auto; margin-right: auto; max-width: 740px; display: flex; justify-content: center; align-items: center; } .Pinterest__FeaturedCategory_Container .flickity-page-dots .dot { width: 100% !important; height: 6px !important; border: unset; transition: unset; margin: 0; } .Pinterest__FeaturedCategory_Container .flickity-page-dots .dot:not(.is-selected)::before { content: ''; position: absolute; background-color: var(--text-color); height: 1px; left: 0; right: 0; top: 50%; transform: translateY(-50%); } .Pinterest__FeaturedCategory_Container .flickity-page-dots .dot.is-selected { height: 6px !important; border-radius: 10px; background-color: var(--text-color); } .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block { width: 90%; display: flex; padding-right: 15px; top: 0%; transition: top 1s; position: relative; } @media screen and (max-width: 1004px) { .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block { width: 100%; flex-direction: column; padding: 0 5px; top: 0; } } .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Main { width: 60%; } @media screen and (max-width: 1004px) { .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Main { width: 100%; } } .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Main img { aspect-ratio: 1.17; width: 100%; height: 100%; object-fit: cover; } .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Other { width: 40%; } @media screen and (max-width: 1004px) { .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Other { width: 100%; display: flex; order: -1; } } .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Other img { aspect-ratio: 1.58; height: 50%; width: 100%; object-fit: cover; padding-left: 15px; } @media screen and (max-width: 1004px) { .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Other img { padding-left: 0; padding-bottom: 10px; height: 100%; width: 50%; } } .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Other img:nth-child(1) { padding-bottom: 7.5px; } @media screen and (max-width: 1004px) { .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Other img:nth-child(1) { padding-bottom: 10px; padding-right: 5px; } } .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Other img:nth-child(2) { padding-top: 7.5px; } @media screen and (max-width: 1004px) { .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Other img:nth-child(2) { padding-top: 0; padding-left: 5px; } } .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Content { position: absolute; bottom: 0; left: 5%; width: 70%; background-color: #fff; } @media screen and (max-width: 1004px) { .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Content { position: unset; width: 90%; margin-top: -10%; } } .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Content p { padding: 34px; font-family: 'MacklinSans-Light'; font-size: 18px; } @media screen and (max-width: 1004px) { .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block .Pinterest__FeaturedCategory_Block_Content p { font-size: 14px; padding: 30px; } } .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block:not(.is-selected) { top: 30%; transition: top 1s; } @media screen and (max-width: 1004px) { .Pinterest__FeaturedCategory_Container .Pinterest__FeaturedCategory_Block:not(.is-selected) { top: 0; } } /** * ---------------------------------------------------------------------------------------------- * Pinterest Grid * ---------------------------------------------------------------------------------------------- */ .PinterestGrid_Title h1 { font-family: 'MacklinDisplay-Regluar'; font-size: 32px; line-height: normal; letter-spacing: 0; padding: 14px 0 32px 0; margin: 0; } .PinterestGrid_Container { display: flex; flex-wrap: wrap; padding-right: 140px; } @media screen and (max-width: 1004px) { .PinterestGrid_Container { padding-right: 0; } } .PinterestGrid_Container .PinterestGrid_Block { width: calc(100% / 4); padding: 10px; } @media screen and (max-width: 1004px) { .PinterestGrid_Container .PinterestGrid_Block { width: 50%; padding: 0; padding-bottom: 10px; } } .PinterestGrid_Container .PinterestGrid_Block:nth-child(odd) { padding-right: 5px; } .PinterestGrid_Container .PinterestGrid_Block:nth-child(even) { padding-left: 5px; } .PinterestGrid_Container .PinterestGrid_Block img { aspect-ratio: 0.56; width: 100%; height: 100%; object-fit: cover; } .PrinterestGrid_Button { margin: 110px 0; display: block; width: fit-content; text-align: center; padding: 15px; border: 1px solid #000; background-color: #F9F4EE77; position: relative; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 1004px) { .PrinterestGrid_Button { margin: 55px 0; width: 100%; } } /** * ---------------------------------------------------------------------------------------------- * Instagram Grid * ---------------------------------------------------------------------------------------------- */ .ooo-instagram { padding-top: 40px !important; } .ooo-instagram-header h2 { font-size: 55px !important; letter-spacing: -0.55px !important; text-transform: none !important; text-align: left; line-height: 50px; font-family: 'MacklinDisplay-Regular' !important; margin-bottom: 40px !important; } @media screen and (max-width: 1139px) { .ooo-instagram-header h2 { font-size: 44px !important; } } .ooo-instagram-header .Rte { font-size: 20px !important; line-height: 26px; margin-bottom: 32px; text-align: left; } .ooo-instagram-container { padding: 0 90px; } @media screen and (max-width: 1004px) { .ooo-instagram-container { padding: 0; } } @media screen and (max-width: 1004px) { .ooo-instagram-container .ooo-instagram-feed__list { display: flex; flex-wrap: wrap; justify-content: space-evenly; padding: 0 !important; } } @media screen and (max-width: 1004px) { .ooo-instagram-container .ooo-instagram-media { padding: 0; margin: 0 !important; width: 40% !important; margin-bottom: 20px !important; } } .ooo-instagram-container .ooo-instagram-media:before { padding-bottom: 0 !important; } .ooo-instagram-container .ooo-instagram-media img { position: unset !important; } .ooo-instagram-container .Button { display: block; width: fit-content; text-align: center; padding: 15px; border: 1px solid #000; background-color: #F9F4EE77; position: relative; left: 50%; transform: translateX(-50%); color: #000; } @media screen and (max-width: 1004px) { .ooo-instagram-container .Button { margin: 55px 0; width: 100%; } } .ooo-instagram-container .Button:before { content: '' !important; background-color: #F9F4EE77 !important; } .ooo-instagram-container .Button:hover { background-color: #F9F4EE77 !important; } /** * ---------------------------------------------------------------------------------------------- * ShopTheLook - Grid * ---------------------------------------------------------------------------------------------- */ .ShopTheLookPage__Section { padding-top: 0; } .ShopTheLookPage__Section .ShopTheLook { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; } @media screen and (max-width: 1004px) { .ShopTheLookPage__Section .ShopTheLook { grid-template-columns: auto; } } .ShopTheLookPage__Section .ShopTheLook .ShopTheLook__Item__ReducedWidth { width: 100% !important; padding: 85px 0 0 0 !important; margin: 0 !important; /*.Shop_The_Look__ProductList { width: fit-content; }*/ /*.Shop_The_Look_ProductItem__Wrapper { width: 150px; .ProductItem__Title { display: none; } .ProductItem__PriceList { display: none; } }*/ } @media screen and (max-width: 1004px) { .ShopTheLookPage__Section .ShopTheLook .ShopTheLook__Item__ReducedWidth { grid-column: 1 / span 2; padding: 25px 0 0 0 !important; } } .ShopTheLookPage__Section .ShopTheLook .ShopTheLook__Item__FullWidth { width: 100% !important; padding: 0 !important; margin: 0 !important; grid-column: 1 / span 2; padding: 85px 0 0 0 !important; } @media screen and (max-width: 1004px) { .ShopTheLookPage__Section .ShopTheLook .ShopTheLook__Item__FullWidth { padding: 25px 0 0 0 !important; } } .ShopTheLookPage__Section .ShopTheLook .ShopTheLook__Inner { min-height: 0 !important; } .ShopTheLookPage__Section .ShopTheLook .ShopTheLook__Grid__Content { padding-left: 20px; } .ShopTheLookPage__Section .ShopTheLook .ShopTheLook__Grid__Content h2 { font-family: 'MacklinDisplay-Medium'; font-size: 24px !important; line-height: 24px; letter-spacing: 0; padding: 29px 0 12px 0; margin: 0; } .ShopTheLookPage__Section .ShopTheLook .ShopTheLook__Grid__Content a { font-family: 'MacklinSans-Light'; font-size: 14px; letter-spacing: 0.7px; line-height: normal; display: block; height: fit-content; position: relative; } .ShopTheLookPage__Section .ShopTheLook .ShopTheLook__Grid__Content a:before { content: ''; position: absolute; display: block; top: 42%; left: 85px; transform: translateY(-50%) rotate(135deg); width: 7px; height: 7px; border-left: 2px solid var(--border-color-black); border-top: 2px solid var(--border-color-black); } /** * ---------------------------------------------------------------------------------------------- * ShopTheLook - Cards * ---------------------------------------------------------------------------------------------- */ .ShopTheLook__Cards__Container { display: flex; flex-wrap: wrap; padding-top: 50px; } .ShopTheLook__Cards__Container .ShopTheLook__Cards__Block { width: 50%; padding: 105px; } @media screen and (max-width: 1004px) { .ShopTheLook__Cards__Container .ShopTheLook__Cards__Block { width: 100%; padding: 70px 25px; } } .ShopTheLook__Cards__Container .ShopTheLook__Cards__Block h1 { font-family: 'MacklinDisplay-Regular'; font-size: 44px; line-height: normal; letter-spacing: -0.88px; padding-bottom: 25px; } @media screen and (max-width: 1004px) { .ShopTheLook__Cards__Container .ShopTheLook__Cards__Block h1 { font-size: 23px; letter-spacing: -0.46px; padding-bottom: 30px; } } .ShopTheLook__Cards__Container .ShopTheLook__Cards__Block p { font-family: 'MacklinSans-Light'; font-size: 18px; padding-bottom: 33px; } @media screen and (max-width: 1004px) { .ShopTheLook__Cards__Container .ShopTheLook__Cards__Block p { font-size: 14px; } } .ShopTheLook__Cards__Container .ShopTheLook__Cards__Block a { padding: 13px; font-family: 'MacklinSans-Light'; font-size: 16px; text-transform: uppercase; letter-spacing: 0.8px; border: 1px solid #000; display: flex; align-items: center; width: fit-content; } .ShopTheLook__Cards__Container .ShopTheLook__Cards__Block a:before { content: ''; position: relative; display: block; order: 1; left: 11px; margin-right: 13px; transform: rotate(135deg); width: 7px; height: 7px; border-left: 2px solid var(--border-color-black); border-top: 2px solid var(--border-color-black); } /** * ---------------------------------------------------------------------------------------------- * History Page Main * ---------------------------------------------------------------------------------------------- */ .History__Container { padding-left: 140px; } @media screen and (max-width: 1004px) { .History__Container { padding: 0 25px; } } .History__Container .History__Title { font-family: 'MacklinDisplay-Regular'; font-size: 44px; line-height: normal; letter-spacing: 0px; padding-bottom: 25px; text-align: center; padding-top: 80px; } .History__Container .History__Carousel:after { content: 'flickity'; display: none; } @media screen and (max-width: 1004px) { .History__Container .History__Carousel:after { content: ''; } } .History__Container .History__Carousel .History__Block { width: 40%; display: flex; flex-direction: column; padding-right: 68px; } @media screen and (max-width: 1004px) { .History__Container .History__Carousel .History__Block { width: 100%; padding-right: 0; padding-bottom: 20px; } } .History__Container .History__Carousel .History__Block img { position: relative; aspect-ratio: 1.44; width: 80%; object-fit: cover; z-index: 2; } @media screen and (max-width: 1004px) { .History__Container .History__Carousel .History__Block img { order: -1 !important; left: 50% !important; transform: translateX(-50%) !important; margin: 0 !important; } } .History__Container .History__Carousel .History__Block .History__Content__Box { padding: 70px 45px; width: 90%; position: relative; } @media screen and (max-width: 1004px) { .History__Container .History__Carousel .History__Block .History__Content__Box { margin-top: -8% !important; left: 50% !important; transform: translateX(-50%) !important; } } .History__Container .History__Carousel .History__Block .History__Content__Box h1 { font-family: 'MacklinSans-Bold'; font-size: 18px; line-height: normal; letter-spacing: 0; } @media screen and (max-width: 1004px) { .History__Container .History__Carousel .History__Block .History__Content__Box h1 { padding-top: 20px; } } .History__Container .History__Carousel .History__Block .History__Content__Box p { font-family: 'MacklinSans-Light'; font-size: 14px; } .History__Container .History__NavBar { margin-top: 35px; margin-bottom: 70px; border-bottom: 2px solid #000; width: 50vw; position: relative; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 1004px) { .History__Container .History__NavBar { display: none; } } .History__Container .History__NavBar .History__NavBar__Active { border: 3px solid black; top: 50%; position: absolute; transform: translateY(-50%); left: 0; transition: left .5s; z-index: 2; border-radius: 10px; } .History__Container .History__NavBar .History__NavBar__Active p { position: absolute; left: 50%; transform: translateX(-50%); top: 20px; font-family: 'MacklinSans-Bold'; font-size: 20px; } .History__Container .History__NavBar .History__NavBar__Hover { border: 3px solid #827b7b; top: 50%; position: absolute; transform: translateY(-50%); opacity: 0; border-radius: 10px; } .History__Container .History__NavBar .History__NavBar__Hover:hover { opacity: 1; cursor: pointer; } .AdditionalPage__Container { text-align: center; padding-bottom: 32px; max-width: 1200px; margin: 0 auto; } .AdditionalPage__Container .AdditionalPage__Image .AdditionalPage_AspectRatio { width: 210px; } @media screen and (max-width: 1024px) { .AdditionalPage__Container .AdditionalPage__Image .AdditionalPage_AspectRatio { width: 150px; } } @media screen and (max-width: 766px) { .AdditionalPage__Container .AdditionalPage__Image .AdditionalPage_AspectRatio { width: 100px; } } .AdditionalPage__Container .AdditionalPage__Title { font-family: 'MacklinDisplay-Regular'; font-size: 55px; letter-spacing: -0.55px; line-height: normal; } @media screen and (max-width: 1024px) { .AdditionalPage__Container .AdditionalPage__Title { font-size: 50px; } } @media screen and (max-width: 766px) { .AdditionalPage__Container .AdditionalPage__Title { font-size: 44px; } } .AdditionalPage__Container .AdditionalPage__SubTitle { font-family: 'MacklinDisplay-Italic'; font-size: 24px; color: var(--product-form-button-background); } @media screen and (max-width: 766px) { .AdditionalPage__Container .AdditionalPage__SubTitle { font-size: 22px; } } .AdditionalPage__Container .AdditionalPage__Description { padding: 32px 0; width: 60%; margin: auto; } @media screen and (max-width: 1024px) { .AdditionalPage__Container .AdditionalPage__Description { width: 80%; } } @media screen and (max-width: 766px) { .AdditionalPage__Container .AdditionalPage__Description { width: 90%; } } .AdditionalPage__Container .AdditionalPage__Description a { color: #BC9282; text-decoration: underline; } .AdditionalPage__Container .AdditionalPage__Description p { font-size: 18px; text-align: left; } @media screen and (max-width: 766px) { .AdditionalPage__Container .AdditionalPage__Description p { font-size: 16px; } } .AdditionalPage__Container .AdditionalPage__Description p strong { font-size: 20px; font-family: 'MacklinSans-Bold'; } @media screen and (max-width: 766px) { .AdditionalPage__Container .AdditionalPage__Description p strong { font-size: 18px; } } .AdditionalPage__Container .AdditionalPage__Description table { text-align: left; border: 1px solid #D7D0C6; border-collapse: collapse; } .AdditionalPage__Container .AdditionalPage__Description table th { padding: 6px; background-color: #d7d0c6; font-size: 18px; font-family: 'MacklinSans-Bold'; border: 1px solid #D7D0C6; } .AdditionalPage__Container .AdditionalPage__Description table th:first-child { border-right: 1px solid #FCFAF7; } .AdditionalPage__Container .AdditionalPage__Description table td { padding: 6px; border: 1px solid #D7D0C6; font-family: 'MacklinSans-Light'; font-size: 18px; } .AdditionalPage__Container .AdditionalPage__Description ol { text-align: left; } .AdditionalPage__Container .AdditionalPage__Description ol li { padding-bottom: 14px; font-family: 'MacklinSans-Light'; font-size: 18px; } /** * ---------------------------------------------------------------------------------------------- * Icon Cards * ---------------------------------------------------------------------------------------------- */ .IconCards__SectionTitle h1 { font-family: 'MacklinDisplay-Regular'; font-size: 44px; letter-spacing: -0.88px; line-height: normal; text-align: center; margin-bottom: 22px; } .IconCards__Container { display: flex; flex-wrap: wrap; margin: 10px auto; justify-content: center; max-width: 906px; } @media screen and (max-width: 1024px) { .IconCards__Container { flex-direction: column; align-items: center; justify-content: center; max-width: 520px; max-height: 735px; } } @media screen and (max-width: 766px) { .IconCards__Container { max-width: 354px; max-height: 550px; } } .IconCards__Container .IconCards__Block { width: calc(100% / 3); padding: 15px; } @media screen and (max-width: 1024px) { .IconCards__Container .IconCards__Block { width: 50%; } .IconCards__Container .IconCards__Block:nth-child(1) { order: 2; } .IconCards__Container .IconCards__Block:nth-child(2) { order: 1; } .IconCards__Container .IconCards__Block:nth-child(3) { order: 4; } .IconCards__Container .IconCards__Block:nth-child(4) { order: 5; } .IconCards__Container .IconCards__Block:nth-child(5) { order: 3; } } .IconCards__Container .IconCards__Block .IconCards__Item { padding: 35px; border: 2px solid #D7D0C6; min-width: 214px; } @media screen and (max-width: 766px) { .IconCards__Container .IconCards__Block .IconCards__Item { padding: 12px 12px 20px; min-width: 0; } } .IconCards__Container .IconCards__Block .IconCards__Item .IconCards__Image { width: 105px; height: 105px; position: relative; left: 50%; transform: translateX(-50%); transition: width .5s, height .5s, transform .5s; } .IconCards__Container .IconCards__Block .IconCards__Item .IconCards__Image:hover { transform: translateX(-50%) scale(1.2); } @media screen and (max-width: 1440px) { .IconCards__Container .IconCards__Block .IconCards__Item .IconCards__Image { width: 75px; height: 75px; } } @media screen and (max-width: 766px) { .IconCards__Container .IconCards__Block .IconCards__Item .IconCards__Image { width: 56px; height: 56px; } } .IconCards__Container .IconCards__Block .IconCards__Item .IconCards__Title { font-family: 'MacklinDisplay-Medium'; font-size: 24px; line-height: normal; letter-spacing: 0; text-align: center; padding: 12px 0 8px 0; } @media screen and (max-width: 766px) { .IconCards__Container .IconCards__Block .IconCards__Item .IconCards__Title { font-size: 18px; } } .IconCards__Container .IconCards__Block .IconCards__Item .IconCards__ReadMore { font-family: 'MacklinSans-Light'; font-size: 14px; text-transform: uppercase; letter-spacing: 0.7px; line-height: normal; display: flex; align-items: center; width: fit-content; position: relative; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 766px) { .IconCards__Container .IconCards__Block .IconCards__Item .IconCards__ReadMore { font-size: 10px; } } .IconCards__Container .IconCards__Block .IconCards__Item .IconCards__ReadMore:before { content: ''; position: relative; display: block; order: 1; left: 8px; margin-bottom: 3px; transform: rotate(135deg); width: 7px; height: 7px; border-left: 2px solid var(--border-color-black); border-top: 2px solid var(--border-color-black); } /** * ---------------------------------------------------------------------------------------------- * Page Contact Form * ---------------------------------------------------------------------------------------------- */ .PageContact__Container .PageContact__Title { font-size: 44px !important; letter-spacing: -0.88px !important; margin-bottom: 8px; } .PageContact__Container .Form__Input { border: none; border-bottom: 2px solid #9b9a99; background-color: #fff; padding: 5px; } .PageContact__Container .Form__Textarea { border: none; border-bottom: 2px solid #9b9a99; background-color: #fff; padding: 5px; } .PageContact__Container .PageContact__Button { text-align: center; padding: 12px 16px; font-family: 'MacklinSans-Light'; font-size: 16px; letter-spacing: 0.8px; background-color: #D7D0C6; border: 1px solid #000; text-transform: uppercase; line-height: normal; display: flex; align-items: center; position: relative; left: 50%; transform: translateX(-50%); transition: background-color .5s; } .PageContact__Container .PageContact__Button:before { content: ''; position: relative; display: block; order: 1; margin-left: 16px; margin-bottom: 3px; transform: rotate(135deg); width: 7px; height: 7px; border-left: 2px solid var(--border-color-black); border-top: 2px solid var(--border-color-black); } .PageContact__Container .PageContact__Button:hover { background-color: #f9f4ee; } /** * ---------------------------------------------------------------------------------------------- * Page Over Ons * ---------------------------------------------------------------------------------------------- */ .Over__Container { padding: 0 320px 80px 320px; } @media screen and (max-width: 1200px) { .Over__Container { padding: 0 130px 80px 130px; } } @media screen and (max-width: 900px) { .Over__Container { padding: 0 25px 80px 25px; } } .Over__Container h1 { font-size: 55px; letter-spacing: -0.55px; line-height: normal; font-family: 'MacklinDisplay-Regular'; } .Over__Container p { font-size: 18px; } .Over__Container h2 { font-size: 44px; letter-spacing: 0; line-height: normal; font-family: 'MacklinDisplay-Regular'; } .Over__Container img { width: 100%; } /** * ---------------------------------------------------------------------------------------------- * Page Maintenance * ---------------------------------------------------------------------------------------------- */ .Maintenance__Title { font-size: 55px; letter-spacing: -0.55px; line-height: normal; font-family: 'MacklinDisplay-Regular'; margin-bottom: 64px; margin-top: 20px; text-align: center; } @media screen and (max-width: 1024px) { .Maintenance__Title { font-size: 45px; margin-bottom: 40px; } } @media screen and (max-width: 765px) { .Maintenance__Title { font-size: 40px; } } .Maintenance__Content { font-size: 18px; } .Maintenance__Content a { color: #BC9282; text-decoration: underline; } .Maintenance__Content p { margin: 32px auto; font-size: 18px; } .Maintenance__Content h2 { margin: 0 auto; font-size: 20px; font-family: 'MacklinSans-Bold'; line-height: normal; letter-spacing: 0; } /** * ---------------------------------------------------------------------------------------------- * Page Dropdown * ---------------------------------------------------------------------------------------------- */ .PageDropdown__Container { padding-bottom: 0 !important; padding-top: 0 !important; } .PageDropdown__Container a { color: #BC9282; text-decoration: underline; } .PageDropdown__Container p { margin-bottom: 0 !important; } .PageDropdown__Container .PageDropdown__SectionTitle h1 { font-size: 20px !important; font-family: 'MacklinSans-Bold' !important; line-height: normal; letter-spacing: 0; margin: 42px 0 32px 0 !important; } .PageDropdown__Container .PageDropdown__DropdownMain { position: relative; margin-bottom: 50px; } .PageDropdown__Container .PageDropdown__DropdownMain .PageDropdown__DropdownMain__Select p { width: 100%; padding: 12px; background-color: white; border: 1px solid #D7D0C6; font-family: 'MacklinSans-Bold' !important; font-size: 18px; position: relative; cursor: pointer; } .PageDropdown__Container .PageDropdown__DropdownMain .PageDropdown__DropdownMain__Select p:before { content: ''; position: absolute; display: block; transform: rotate(224deg) translateX(-100%); width: 7px; height: 7px; border-left: 2px solid var(--border-color-black); border-top: 2px solid var(--border-color-black); left: 96%; top: 33%; } .PageDropdown__Container .PageDropdown__DropdownMain .PageDropdown__DropdownMain__Options__Container { width: 100%; background-color: #fff; transition: all .3s; position: absolute; z-index: 2; transform-origin: 50% 0; cursor: pointer; } .PageDropdown__Container .PageDropdown__DropdownMain .PageDropdown__DropdownMain__Options__Container p { padding: 14px 15px; border-bottom: 1px solid #D7D0C6; line-height: normal; font-family: 'MacklinSans-Bold' !important; margin: 0; transition: background-color .3s; font-size: 18px; } .PageDropdown__Container .PageDropdown__DropdownMain .PageDropdown__DropdownMain__Options__Container p:hover { background-color: #D7D0C6; } .PageDropdown__Container .PageDropdown__DropdownMain .PageDropdown__DropdownMain__Options__Container[data-visible=false] { transform: scale(0); } .PageDropdown__Container .PageDropdown__DropdownMain .PageDropdown__DropdownMain__Options__Container[data-visible=true] { transform: scale(1); } .PageDropdown__Container .PageDropdown__DropdownContent__Container .PageDropdown__DropdownContent { margin-top: 44px; } .PageDropdown__Container .PageDropdown__DropdownContent__Container .PageDropdown__DropdownContent[data-visible=false] { display: none; } .PageDropdown__Container .PageDropdown__DropdownContent__Container .PageDropdown__DropdownContent[data-visible=true] { display: block; } .PageDropdown__Container .PageDropdown__DropdownContent__Container .PageDropdown__DropdownContent .PageDropdown__DropdownContent__LineItem { display: flex; align-items: center; margin-bottom: 24px; } .PageDropdown__Container .PageDropdown__DropdownContent__Container .PageDropdown__DropdownContent .PageDropdown__DropdownContent__LineItem p { font-size: 18px; } .PageDropdown__Container .PageDropdown__DropdownContent__Container .PageDropdown__DropdownContent .PageDropdown__DropdownContent__LineItem .PageDropdown__DropdownContent__LineItem__Number { font-family: 'MacklinSans-Bold'; font-size: 18px; line-height: 0; position: relative; margin: 0; width: 32px !important; height: 32px; background-color: #D7D0C6; padding: 16px 12px; border-radius: 360px; margin-right: 10px; } .PageDropdown__Container .PageDropdown__DropdownContent__Container .PageDropdown__DropdownContent__Additional { margin-top: 50px; } .PageDropdown__Container .PageDropdown__DropdownContent__Container .PageDropdown__DropdownContent__Additional p { font-size: 18px; } .PageDropdown__Container .PageDropdown__DropdownContent__Container .PageDropdown__DropdownContent__Additional strong { font-family: 'MacklinSans-Bold'; } .PageDropdown__Container .PageDropdown__DropdownContent__Container .PageDropdown__DropdownContent__Additional[data-visible=false] { display: none; } .PageDropdown__Container .PageDropdown__DropdownContent__Container .PageDropdown__DropdownContent__Additional[data-visible=true] { display: block; } /** * ---------------------------------------------------------------------------------------------- * Page FAQ * ---------------------------------------------------------------------------------------------- */ .MainFAQContainer { display: flex; flex-wrap: wrap; } @media screen and (min-width: 766px) { .MainFAQContainer { justify-content: space-between; } } .MainFAQContainer .shopify-section { width: 50%; } @media screen and (min-width: 766px) { .MainFAQContainer .shopify-section { width: calc(50% - 25px); } } @media screen and (max-width: 765px) { .MainFAQContainer .shopify-section { width: 100%; } } .MainFAQContainer .shopify-section:first-child { width: 100%; } .MainFAQContainer .shopify-section:last-child { width: 100%; } .MainFAQContainer .shopify-section .FAQ__Section_Title { text-align: left; font-family: 'MacklinDisplay-Regular'; font-size: 44px; letter-spacing: -0.88px; text-transform: none; margin-bottom: 24px; line-height: normal; } .MainFAQContainer .shopify-section .Collapsible__Button { font-family: 'MacklinSans-Bold'; font-size: 18px; letter-spacing: 0; line-height: normal; text-transform: none; padding: 12px 20px 12px 0; } .MainFAQContainer .shopify-section .Collapsible__Inner .Collapsible__Content { padding-bottom: 12px; } .MainFAQContainer .shopify-section .Collapsible__Inner .Collapsible__Content p { font-family: 'MacklinSans-Light'; font-size: 16px; } /** * ---------------------------------------------------------------------------------------------- * Page Brand Main * ---------------------------------------------------------------------------------------------- */ .BrandMain__Container .BrandMain__Title h1 p { font-family: 'MacklinDisplay-Regular'; font-size: 55px; letter-spacing: -0.55px; line-height: 50px; } @media screen and (max-width: 1024px) { .BrandMain__Container .BrandMain__Title h1 p { font-size: 45px; } } @media screen and (max-width: 765px) { .BrandMain__Container .BrandMain__Title h1 p { font-size: 40px; } } .BrandMain__Container .BrandMain__SubTitle h1 p { font-size: 24px !important; line-height: 32px; color: var(--page-subheader-color); } .BrandMain__Container .BrandMain__CarouselContainer { margin-top: 32px; } .BrandMain__Container .BrandMain__CarouselContainer .BrandMain__Block__Container { width: 25vw; margin: 0 15px; position: relative; max-width: 300px; } @media screen and (max-width: 1024px) { .BrandMain__Container .BrandMain__CarouselContainer .BrandMain__Block__Container { margin: 0 10px; width: 40vw; } } @media screen and (max-width: 767px) { .BrandMain__Container .BrandMain__CarouselContainer .BrandMain__Block__Container { width: 60vw; } } .BrandMain__Container .BrandMain__CarouselContainer .BrandMain__Block__Container .BrandMain__Block__Image img { object-fit: cover; } .BrandMain__Container .BrandMain__CarouselContainer .BrandMain__Block__Container .BrandMain__Block__Logo__Container { position: absolute; top: 0; z-index: 1; width: calc(100%); height: 100%; } .BrandMain__Container .BrandMain__CarouselContainer .BrandMain__Block__Container .BrandMain__Block__Logo__Container .BrandMain__Logo_AspectRatio { width: 40%; top: 50%; transform: translateY(-50%); } .BrandMain__Container .BrandMain__ProgressBar { border-bottom: 2px solid #000; width: 70%; margin: 30px auto 0 auto; position: relative; } .BrandMain__Container .BrandMain__ProgressBar .BrandMain__ProgressBar__Active { position: absolute; border: 3px solid #000; border-radius: 10px; top: 50%; transform: translateY(-50%); transition: width .5s; } .BrandMain__Container .BrandMain__ProgressBar .BrandMain__ProgressBar__Hover { position: absolute; border: 3px solid transparent; cursor: pointer; border-radius: 10px; top: 50%; transform: translateY(-50%); } .BrandMain__Container .BrandMain__ProgressBar .BrandMain__ProgressBar__Hover:hover { border: 3px solid #827b7b; } .BrandMain__Container .BrandMain__Content { margin-top: 30px; } .BrandMain__Container .BrandMain__Content h3 { font-family: 'MacklinSans-Bold'; font-size: 20px; letter-spacing: 0; line-height: normal; padding: 40px 0; margin-bottom: 0; } .BrandMain__Container .BrandMain__Content p { font-size: 18px; } /** * ---------------------------------------------------------------------------------------------- * Page Brand Individual Main * ---------------------------------------------------------------------------------------------- */ .BrandIndividual__Container { padding-bottom: 100px; max-width: 1500px; margin: 0 auto; } .BrandIndividual__Container .BrandIndividual__TopImage { width: 70%; margin: 0 auto; } @media screen and (max-width: 1024px) { .BrandIndividual__Container .BrandIndividual__TopImage { width: 90%; } } .BrandIndividual__Container .BrandIndividual__Content { padding: 40px 0; } .BrandIndividual__Container .BrandIndividual__Content h3 { font-family: 'MacklinSans-Bold'; font-size: 20px; } .BrandIndividual__Container .BrandIndividual__Content p { font-size: 18px; } .BrandIndividual__Container .BrandIndividual__Content img { width: auto; } .BrandIndividual__Container .BrandIndividual__Content a { padding: 16px; background-color: #D7D0C6; border: 1px solid #000; margin: 32px auto; font-size: 16px; display: flex; align-items: center; width: fit-content; line-height: normal; transition: background-color .5s; text-transform: uppercase; } .BrandIndividual__Container .BrandIndividual__Content a:before { content: ''; position: relative; display: block; order: 1; margin-left: 16px; margin-bottom: 3px; transform: rotate(135deg); width: 7px; height: 7px; border-left: 2px solid var(--border-color-black); border-top: 2px solid var(--border-color-black); } .BrandIndividual__Container .BrandIndividual__Content a:hover { background-color: #f9f4ee; } .BrandIndividual__Container .BrandIndividual__CarouselTitle { font-size: 44px; font-family: 'MacklinDisplay-Regular'; text-align: center; padding: 20px 0; margin: 0; } .BrandIndividual__Container .BrandIndividual__ImageCarousel .BrandIndividual__ImageBlock { aspect-ratio: 1.54; width: 80%; padding: 0 15px; transition: opacity .5s; opacity: 0.3; max-width: 900px; } .BrandIndividual__Container .BrandIndividual__ImageCarousel .BrandIndividual__ImageBlock:first-child { opacity: 1; } .BrandIndividual__Container .BrandIndividual__ImageCarousel .BrandIndividual__ImageBlock img { height: 100%; object-fit: cover; } .BrandIndividual__Container .BrandMain__ProgressBar { border-bottom: 2px solid #000; width: 70%; margin: 30px auto 0 auto; position: relative; } .BrandIndividual__Container .BrandMain__ProgressBar .BrandMain__ProgressBar__Active { position: absolute; border: 3px solid #000; border-radius: 10px; top: 50%; transform: translateY(-50%); transition: width .5s; } .BrandIndividual__Container .BrandMain__ProgressBar .BrandMain__ProgressBar__Hover { position: absolute; border: 3px solid transparent; border-radius: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; } .BrandIndividual__Container .BrandMain__ProgressBar .BrandMain__ProgressBar__Hover:hover { border: 3px solid #827b7b; } /** * ---------------------------------------------------------------------------------------------- * About Us Section Format Change * ---------------------------------------------------------------------------------------------- */ .AdditionalPage__Format__Section { background: transparent !important; } .AdditionalPage__Format__Section .AdditionalPage__Format__SubHeading { font-family: 'MacklinDisplay-Italic' !important; font-size: 24px !important; color: #BC9282; margin-bottom: 8px !important; margin-top: 60px; } .AdditionalPage__Format__Section .AdditionalPage__Format__Heading { margin-top: 0 !important; } .AdditionalPage__Format__Section .AdditionalPage__Format__Wrapper { grid-template-columns: 1fr 1fr !important; margin-top: 56px !important; margin-bottom: 56px; } @media screen and (max-width: 765px) { .AdditionalPage__Format__Section .AdditionalPage__Format__Wrapper { grid-template-columns: 1fr !important; } } .AdditionalPage__Format__Section .AdditionalPage__Format__Wrapper .AboutUsCrew__Card { grid-template-columns: 40% 60% !important; align-items: center; } .AdditionalPage__Format__Section .AdditionalPage__Format__Wrapper .AboutUsCrew__Card .AboutUsCrew__Card_Info { padding: 0 20px 0 25px !important; margin: 0 !important; } .AdditionalPage__Format__Section .AdditionalPage__Format__Wrapper .AboutUsCrew__Card .AboutUsCrew__Card_Info .AdditionalPage__Format__Occupation { font-family: 'MacklinDisplay-Regular'; font-size: 21px !important; } .AdditionalPage__Format__Section .AdditionalPage__Format__Wrapper_Last_Full { display: block !important; } .AdditionalPage__Format__Section .AdditionalPage__Format__Wrapper_Last_Full .AboutUsCrew__Card { display: flex !important; justify-content: center; width: 50%; margin: 0 auto; } @media screen and (max-width: 1139px) { .AdditionalPage__Format__Section .AdditionalPage__Format__Wrapper_Last_Full .AboutUsCrew__Card { width: 70%; } } @media screen and (max-width: 640px) { .AdditionalPage__Format__Section .AdditionalPage__Format__Wrapper_Last_Full .AboutUsCrew__Card { width: 100%; } } .AdditionalPage__Format__Section .AdditionalPage__Format__Wrapper_Last_Full .AboutUsCrew__Card .AboutUsCrew__Card_Image { width: 30%; } @media screen and (max-width: 640px) { .AdditionalPage__Format__Section .AdditionalPage__Format__Wrapper_Last_Full .AboutUsCrew__Card .AboutUsCrew__Card_Image { width: 50%; } } .AdditionalPage__Format__Section .AdditionalPage__Format__Wrapper_Last_Full .AboutUsCrew__Card .AboutUsCrew__Card_Info { width: 60%; } @media screen and (max-width: 640px) { .AdditionalPage__Format__Section .AdditionalPage__Format__Wrapper_Last_Full .AboutUsCrew__Card .AboutUsCrew__Card_Info { width: 50%; } } /** * ---------------------------------------------------------------------------------------------- * Blog cards - clamp title to 3 lines maximum * ---------------------------------------------------------------------------------------------- */ .ArticleItem__Title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 90px; /* for Montserrat 18px this is the height 3 lines take */ } /** * ---------------------------------------------------------------------------------------------- * h1, h2, h3 styling that does not have a class. (:where selector is used so it removes specificity - !important doesn't apply if an other selector has higher specificity) * ---------------------------------------------------------------------------------------------- */ :where(h1:not([class])) { font-family: "MacklinDisplay-Regular", var(--heading-font-family); font-size: 44px !important; } :where(h2:not([class]), h3:not([class])) { font-family: "MacklinSans-Bold", var(--heading-font-family); font-size: 20px !important; font-weight: 400; } /** * ---------------------------------------------------------------------------------------------- * Page template H3 element resizing * ---------------------------------------------------------------------------------------------- */ .template-page .PageContainer .PageContent h3 { font-size: 14px !important; } /** * ---------------------------------------------------------------------------------------------- * Footer Extra Links * ---------------------------------------------------------------------------------------------- */ .FooterExtraLinksContainer { width: 100%; grid-column: 1 / -1; grid-row: span 1; border: 0; } .FooterExtraLinksContainer .LinkList { display: grid; grid-template-columns: var(--col-amount); grid-template-rows: var(--row-amount); grid-auto-flow: column; grid-column-gap: 25px; } @media screen and (max-width: 640px) { .FooterExtraLinksContainer .LinkList { grid-template-columns: 100%; grid-template-rows: auto-fill; grid-auto-flow: row; grid-column-gap: 0; } } .FooterExtraLinksContainer .LinkList li, .FooterExtraLinksContainer .LinkList a { font-family: 'MacklinSans-Light'; font-weight: 400; font-size: 14px; letter-spacing: normal; } .FooterExtraLinksContainer .Collapsible__Button { text-align: center; display: flex; justify-content: center; } .FooterExtraLinksContainer .Collapsible__Button .Footer__Title { font-family: 'MacklinSans-Light'; font-weight: 600; font-size: 14px; letter-spacing: normal; text-transform: uppercase; } .FooterExtraLinksContainer .Collapsible__Button .Collapsible__ChevronContainer { position: relative; right: unset; margin-left: 15px; } /** * ---------------------------------------------------------------------------------------------- * Contact Icons * ---------------------------------------------------------------------------------------------- */ .Contact_Icons__Container .Contact_Icons__Section_Title { font-size: 44px !important; font-family: 'MacklinDisplay-Regular'; line-height: 64px; margin-bottom: 64px; } .Contact_Icons__Container .Contact_Icons__Block_Container { display: flex; flex-wrap: wrap; } .Contact_Icons__Container .Contact_Icons__Block_Container .Contact_Icons__Block { width: 25%; padding: 15px; } @media screen and (max-width: 1366px) { .Contact_Icons__Container .Contact_Icons__Block_Container .Contact_Icons__Block { width: 50%; padding: 10px; } } .Contact_Icons__Container .Contact_Icons__Block_Container .Contact_Icons__Block a { text-decoration: none; } .Contact_Icons__Container .Contact_Icons__Block_Container .Contact_Icons__Block .Contact_Icons__Item { padding: 12px 12px 20px; border: 2px solid var(--page-table-border); height: 100%; width: 100%; } .Contact_Icons__Container .Contact_Icons__Block_Container .Contact_Icons__Block .Contact_Icons__Item .Contact_Icons__Image { width: 100px; height: 100px; margin: 0 auto; transition: transform .5s; } .Contact_Icons__Container .Contact_Icons__Block_Container .Contact_Icons__Block .Contact_Icons__Item .Contact_Icons__Image:hover { transform: scale(1.2); } .Contact_Icons__Container .Contact_Icons__Block_Container .Contact_Icons__Block .Contact_Icons__Item .Contact_Icons__Block_Title { font-size: 24px !important; text-align: center !important; line-height: normal !important; padding: 12px 0 8px 0; margin-bottom: 0 !important; color: var(--text-color) !important; text-decoration: none !important; overflow: hidden; text-overflow: ellipsis; } .Contact_Icons__Container .Contact_Icons__Block_Container .Contact_Icons__Block .Contact_Icons__Item .Contact_Icons__Block_Button { font-size: 16px !important; text-align: center; font-family: 'MacklinSans-Light'; margin-bottom: 0 !important; color: var(--text-color) !important; text-decoration: none !important; } .Contact_Icons__Container.PageContainer.Container--pageWidth { padding-left: 10px !important; padding-right: 10px !important; } /*.Image_Grid__Block { width: var(--col-fill); } .grid-sizer { width: 10%; }*/ /** * ---------------------------------------------------------------------------------------------- * Sidecart + bundle * ---------------------------------------------------------------------------------------------- */ .Drawer__Footer { padding-right: 18px; } .Drawer__Footer .Cart__NoteButton { font-family: 'MacklinSans-Light'; font-size: 16px; line-height: 20px; } @media screen and (max-width: 640px) { .Drawer__Footer .Cart__NoteButton { font-size: 14px; line-height: 17.5px; } } .Drawer__Footer .Cart__Taxes.Text--subdued { font-family: 'MacklinSans-Light'; font-size: 16px; line-height: 20px; color: #6A6A6A; } @media screen and (max-width: 640px) { .Drawer__Footer .Cart__Taxes.Text--subdued { font-size: 14px; line-height: 17.5px; } } .Drawer__Footer label { font-family: 'MacklinSans-Light'; font-size: 16px; line-height: 20px; } @media screen and (max-width: 640px) { .Drawer__Footer label { font-size: 14px; line-height: 17.5px; } } .Drawer__Footer .Cart__Checkout { white-space: nowrap; } .Drawer--fromRight .Drawer__Container .Cart__ItemList > div:nth-child(1) { margin-top: 25px; } @media screen and (max-width: 640px) { .Drawer--fromRight .Drawer__Container .Cart__ItemList > div:nth-child(1) { margin-top: 20px; } } .Drawer--fromRight .Drawer__Container .Cart__ItemList .CartItem__Actions { justify-content: flex-start; align-items: center; } .Drawer--fromRight .Drawer__Container .Cart__ItemList .CartItem__Actions .Icon--trashbin { margin-left: 20px; } .Drawer--fromRight .Drawer__Container .Cart__ItemList .Icon--trashbin { width: 20px; height: 20px; color: var(--text-color); } .Drawer--fromRight .Drawer__Container .Cart__ItemList .CartItem { margin: 0; margin-bottom: 30px; } @media screen and (max-width: 640px) { .Drawer--fromRight .Drawer__Container .Cart__ItemList .CartItem { margin-bottom: 20px; } } .Drawer--fromRight .Drawer__Container .Cart__ItemList .CartItem .CartItem__PropertyList { margin-bottom: 4px; } .Drawer--fromRight .Drawer__Container .Cart__ItemList .CartItem .CartItem__Property { font-size: 12px; font-family: 'MacklinSans-Light'; font-style: normal; line-height: 15px; letter-spacing: .1em; color: var(--text-color); } .Drawer--fromRight .Drawer__Container .Cart__ItemList .CartItem .CartItem__Title { margin-bottom: 4px; font-size: 16px; line-height: 20px; } .Drawer--fromRight .Drawer__Container .Cart__ItemList .CartItem .CartItem__PriceList { margin-bottom: 4px; } .Drawer--fromRight .Drawer__Container .Cart__ItemList .CartItem .CartItem__Title.Heading a, .Drawer--fromRight .Drawer__Container .Cart__ItemList .CartItem .CartItem__PriceList * { font-family: 'MacklinSans-Bold'; font-size: 16px; line-height: 20px; text-transform: none; letter-spacing: normal; color: var(--text-color); } .Drawer--fromRight .Drawer__Container .Cart__ItemList .CartItem .CartItem__SKU { font-family: 'MacklinSans-Light'; font-size: 14px; text-transform: none; letter-spacing: 0.1em; color: var(--text-color); margin-bottom: -11px; line-height: 17.5px; } .Drawer--fromRight .Drawer__Container .bundle-cont { background-color: #efe7dc; /* not sure where they got this color from */ padding: 20px 15px 15px 15px; margin-bottom: 30px; position: relative; } @media screen and (max-width: 640px) { .Drawer--fromRight .Drawer__Container .bundle-cont { margin-bottom: 20px; } } .Drawer--fromRight .Drawer__Container .bundle-cont .CartItem__PriceList { margin-bottom: 4px; font-size: 16px; line-height: 20px; } .Drawer--fromRight .Drawer__Container .bundle-cont .CartItem__PriceList .CartItem__Price.Price { font-family: 'MacklinSans-Regular'; } .Drawer--fromRight .Drawer__Container .bundle-cont .CartItem__Title { font-family: 'MacklinSans-Bold'; font-size: 16px; text-transform: none; letter-spacing: normal; line-height: 20px; } .Drawer--fromRight .Drawer__Container .bundle-cont .CartItem__Title .Text--subdued { font-family: 'MacklinSans-Light'; font-size: 14px; text-transform: none; letter-spacing: 0.1em; color: var(--text-color); line-height: 17.5px; margin-top: 8px; } .Drawer--fromRight .Drawer__Container .bundle-cont .CartItem { margin: 15px 0; } .Drawer--fromRight .Drawer__Container .bundle-cont .CartItem:first-of-type { margin-top: 20px; } .Drawer--fromRight .Drawer__Container .bundle-cont .CartItem .CartItem__Variant.Heading { font-family: 'MacklinSans-Regular'; text-transform: none; letter-spacing: normal; color: var(--text-color); font-size: 16px; line-height: 20px; margin-bottom: 4px; } .Drawer--fromRight .Drawer__Container .bundle-cont .CartItem .Text--subdued { font-family: 'MacklinSans-Light'; font-size: 14px; text-transform: none; letter-spacing: 0.1em; line-height: 17.5px; color: var(--text-color); } .Drawer__Title { font-family: 'MacklinSans-Light'; font-size: 18px !important; line-height: 30px; } .PageContent .Cart__ItemList { display: block; } .PageContent .Cart__ItemList .Cart__Head { display: flex; width: 100%; } .PageContent .Cart__ItemList .Cart__Head .Cart__HeadItem { flex-grow: 1; } .PageContent .Cart__ItemList .Cart__Head .Cart__HeadItem:nth-child(1) { flex-basis: 120px; flex-grow: unset; } .PageContent .Cart__ItemList .Cart__Head .Cart__HeadItem:nth-child(2) { flex-basis: 425px; flex-grow: unset; } .PageContent .Cart__ItemList .CartItem { display: table; } .PageContent .bundle-cont { background-color: #efe7dc; /* not sure where they got this color from */ padding: 20px 15px 15px 15px; margin: 10px 0; position: relative; } .PageContent .bundle-cont .CartItem { display: flex; } .PageContent .bundle-cont .CartItem__Title { font-family: 'MacklinDisplay-Medium'; font-size: 24px; text-transform: none; letter-spacing: normal; } .PageContent .bundle-cont .CartItem__Title .Text--subdued { font-family: 'MacklinSans-Light'; font-size: 15px; text-transform: none; letter-spacing: normal; color: var(--text-color); } .PageContent .bundle-cont .CartItem__Info { max-width: calc(100% - 120px ); width: calc(100% - 120px ); flex-grow: 1; } .PageContent .bundle-cont .CartItem { margin: 15px 0; } .PageContent .bundle-cont .CartItem:first-of-type { margin-top: 20px; } .PageContent .bundle-cont .CartItem .CartItem__Variant.Heading { font-family: 'MacklinSans-Regular'; font-size: 16px; line-height: 18px; text-transform: none; letter-spacing: normal; color: var(--text-color); } .PageContent .bundle-cont .CartItem .Text--subdued { font-family: 'MacklinSans-Light'; font-size: 15px; text-transform: none; letter-spacing: normal; color: var(--text-color); } .PageContent .bundle-cont .CartItem__Remove { position: absolute; right: 6px; bottom: 0; } /** * ---------------------------------------------------------------------------------------------- * Header Third Level Custom Menu * ---------------------------------------------------------------------------------------------- */ .Linklist__Item__Custom_Block a { margin-bottom: 20px; } .Linklist__Item__Custom_Block .DropdownMenu--third { position: absolute; width: 100%; left: 0; background-color: var(--dropdown-menu-background-dark); padding: 20px 0; transition: all .3s ease-in-out; /*transform: translateX(-50px);*/ } @media screen and (min-width: 1480px) { .Linklist__Item__Custom_Block .DropdownMenu--third { width: 100%; /*transform: translateX(calc((-100vw + 1300px) / 2));*/ } } .Linklist__Item__Custom_Block .DropdownMenu--third li { width: auto; height: 100%; } .Linklist__Item__Custom_Block .DropdownMenu--third li:hover a { box-shadow: none !important; } .Linklist__Item__Custom_Block .DropdownMenu--third li:hover a img { transform: scale(1.1); } .Linklist__Item__Custom_Block .DropdownMenu--third li a { height: 100%; } .Linklist__Item__Custom_Block .DropdownMenu--third li a img { width: 100%; transition: all .3s; } .Linklist__Item__Custom_Block[aria-hidden="true"] .DropdownMenu--third { visibility: hidden; opacity: 0; } .Linklist__Item__Custom_Block[aria-hidden="false"] .DropdownMenu--third { visibility: visible; opacity: 1; } .Language_Selector { margin: 0 !important; margin-left: 10px !important; } .Language_Selector .SelectButton { padding: 0 !important; } .Language_Selector svg { width: 20px; height: 27px; top: -16px !important; } /** * ---------------------------------------------------------------------------------------------- * Search adjustments * ---------------------------------------------------------------------------------------------- */ #Search_2 { z-index: 5; margin-top: -45px; } /*#shopify-section-header { z-index: 11; }*/ /** * ---------------------------------------------------------------------------------------------- * Misc * ---------------------------------------------------------------------------------------------- */ @media screen and (max-width: 1007px) { .CursedOffset { position: relative !important; top: unset !important; transform: unset !important; margin-bottom: -50px; } } .Wishlist__CartBtn.Button--primary { border-color: var(--product-form-button-background); letter-spacing: initial; font-family: 'MacklinSans-Medium', sans-serif; font-size: 16px; color: var(--button-text-color); cursor: pointer; } .Wishlist__CartBtn.Button--primary::before { background-color: var(--product-form-button-background); } .Wishlist__CartBtn.Button--secondary { letter-spacing: initial; font-family: 'MacklinSans-Medium', sans-serif; font-size: 16px; } .ProductItem__FromPriceText { font-size: 14px; text-transform: none; } /** * ---------------------------------------------------------------------------------------------- * Sticky add to cart button * ---------------------------------------------------------------------------------------------- */ .ProductForm__AddToCart--sticky { position: fixed; bottom: 0; left: 0; right: 0; height: auto; padding: 24px 0; background-color: var(--background); box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15); transition: transform 300ms var(--drawer-transition-timing); transform: translateY(100%); z-index: 5; } .ProductForm__AddToCart--sticky.visible { transform: translateY(0); } .ProductForm__AddToCart--sticky .ProductForm__AddToCart--sticky-inner-meta { max-width: 490px; margin: 0 auto 8px auto; display: flex; align-items: center; justify-content: space-between; } .ProductForm__AddToCart--sticky .ProductForm__AddToCart--sticky-inner-meta > * + * { margin-left: 20px !important; } @media screen and (min-width: 641px) { .ProductForm__AddToCart--sticky .ProductForm__AddToCart--sticky-inner-meta { padding: 0 20px; } } .ProductForm__AddToCart--sticky .ProductForm__AddToCart--sticky-inner-actions { max-width: 490px; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .ProductForm__AddToCart--sticky .ProductForm__AddToCart--sticky-inner-actions > * + * { margin-left: 20px !important; } @media screen and (min-width: 641px) { .ProductForm__AddToCart--sticky .ProductForm__AddToCart--sticky-inner-actions { padding: 0 20px; } } .ProductForm__AddToCart--sticky .ProductMeta__PriceList { white-space: nowrap; margin-left: 20px; } .ProductForm__AddToCart--sticky .ProductForm__QuantitySelector { margin: 0; } .ProductForm__AddToCart--sticky .ProductForm__BuyButtons { flex-basis: 100%; } @media screen and (max-width: 450px) { .ProductForm__AddToCart--sticky .ProductForm__BuyButtons { white-space: nowrap; } .ProductForm__AddToCart--sticky .ProductForm__BuyButtons .ProductForm__AddToCart { padding: 13px 16px; } } .Cart__Empty { font-family: 'MacklinSans-Light'; } .bundlequantity-extraquantity { position: absolute; top: -10px; right: -10px; color: #fff; background-color: #bc9282; width: 22px; height: 22px; border-radius: 22px; } .bundlequantity-extraquantity span { font-family: 'Macklinsans-Light', serif; position: absolute; left: 50%; top: calc(50% + 1px); transform: translate(-50%, -50%); font-size: 14px; line-height: 14px; } /* Loading animation spinner for Sufio */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dashoffset: 80px; } 50% { stroke-dashoffset: 20px; transform: rotate(45deg); } 100% { stroke-dashoffset: 80px; transform: rotate(360deg); } } .Icon--spinner { animation: spin 2s linear infinite; } .Icon--spinner circle { stroke: currentColor; stroke-dasharray: 80px; stroke-dashoffset: 60px; animation: dash 1.5s ease-in-out infinite; transform-origin: center center; } .LoadingAnimation { font-size: 1.2rem; } /* Extra Article */ .Article__Body blockquote { margin: 0; padding: 0; border: 0; margin-left: -110px; width: calc(100% + 110px); padding-left: 20px; } .Article__Body blockquote p { font-size: 44px !important; line-height: 40px; font-family: 'MacklinDisplay-LightIt' !important; } .Article__CTAButtons { display: flex; flex-wrap: wrap; align-items: center; } .Article__CTAButton { padding-right: 50px; } .PageContainer.Container--pageWidth .Article__CTAButton--first.Article__CTAButton a { padding: 14px 36px 12px 15px; background-color: var(--featured-button-background); border: 1px solid var(--border-color-black); transition: background-color .2s; font-size: 16px !important; letter-spacing: .8px; } .PageContainer.Container--pageWidth .Article__CTAButton--first.Article__CTAButton a:hover { background-color: var(--featured-button-hover-background); } .PageContainer.Container--pageWidth .Article__CTAButton a { display: flex; align-items: center; text-decoration: none !important; color: #000 !important; font-size: 14px !important; font-family: 'MacklinSans-Light'; line-height: 26px; letter-spacing: .7px; } .Article__CTAButton a::before { content: ''; order: 1; position: relative; display: block; left: 11px; transform: translateY(-25%) rotate(135deg); width: 7px; height: 7px; border-left: 1px solid #000; border-top: 1px solid #000; } @media screen and (max-width: 1140px) { .Article__Body blockquote { margin-left: -50px; width: calc(100% + 50px); } } @media screen and (max-width: 640px) { .Article__Body blockquote { margin-left: 0; width: calc(100% - 60px); padding: 0; } .Article__Body blockquote p { font-size: 26px !important; line-height: 24px; } .Article__CTAButtons { flex-direction: column; align-items: start; } .Article__CTAButton { padding: 20px 0; } .PageContainer.Container--pageWidth .Article__CTAButton--first.Article__CTAButton a { font-size: 16px !important; } .PageContainer.Container--pageWidth .Article__CTAButton a { font-size: 14px !important; } } .Section__ArticleRecommendation { padding: 100px 0; background-color: var(--article-recommendation-bg); } @media screen and (max-width: 640px) { .Section__ArticleRecommendation { padding: 64px 0; } } .Section__ArticleRecommendation .SectionHeader { margin-bottom: 40px !important; } .Featured_Tips_Container.FeaturedArticleToolbar { padding-top: 80px !important; padding-bottom: 80px !important; } .Featured_Article_Tips_Container.Featured_Tips_Container { padding-top: 50px !important; padding-bottom: 100px !important; } @media screen and (max-width: 640px) { .Featured__Article .PageContainer.Container--pageWidth { padding-bottom: 76px; } .NiceDesign { background-color: #fff; } .Featured_Article_Tips_Container.Featured_Tips_Container { padding-top: 0 !important; padding-bottom: 0 !important; } }