/** Shopify CDN: Minification failed Line 3429:2 Expected identifier but found "*" Line 3516:2 Expected identifier but found "*" Line 11192:23 Unexpected "}" **/ /* Plugins */ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(//www.lenox.com/cdn/shop/t/1296/assets/mCSB_buttons.png?v=15863286794346557351750704920); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0))); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0))); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ -webkit-box-shadow: inset 0 0 14px rgba(0,0,0,0.2); box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('//www.lenox.com/cdn/shop/t/1296/assets/fontawesome-webfont.eot?v=4.7.0&v=88752339179571016061750704920'); src: url('//www.lenox.com/cdn/shop/t/1296/assets/fontawesome-webfont.eot?v=88752339179571016061750704920?#iefix&v=4.7.0') format('embedded-opentype'), url('//www.lenox.com/cdn/shop/t/1296/assets/fontawesome-webfont.woff2?v=4.7.0&v=32207045845775034261750704920') format('woff2'), url('//www.lenox.com/cdn/shop/t/1296/assets/fontawesome-webfont.woff?v=4.7.0&v=158931929418379554281750704920') format('woff'), url('//www.lenox.com/cdn/shop/t/1296/assets/fontawesome-webfont.ttf?v=4.7.0&v=57926983875037866361750704920') format('truetype'), url('//www.lenox.com/cdn/shop/t/1296/assets/fontawesome-webfont.svg?v=4.7.0&v=97865491090583646451750704920#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FontAwesomeNew'; src: url('/cdn/shop/files/fa-brands-400.ttf?v=1656688355'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*====================================== Selectric v1.13.0 ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #DDD; border-radius: 0px; background: #F8F8F8; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0 38px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric-focus .selectric { border-color: #aaaaaa; } .selectric-hover .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c4c4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid #c4c4c4; z-index: -1; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.selected { background: #E0E0E0; color: #444; } .selectric-items li.highlighted { background: #D0D0D0; color: #444; } .selectric-items li:hover { background: #D5D5D5; color: #444; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* Generic */ /* ------------------------------------------------------------ *\ Variables \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reed & Barton \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Sprite \* ------------------------------------------------------------ */ html, body { overflow-x: hidden !important; } html { padding-bottom: 0 !important; } body { min-width: 320px; background: #fff; font-family: "Graphik", sans-serif; font-weight: 400; font-size: 15px; line-height: 1.3; color: #1c1e1d; } body.loaded .btn-chat, body.loaded .section-fixed { opacity: 1; } body.customize-editor .animated { opacity: 1; visibility: visible; -webkit-transition: none; -o-transition: none; transition: none; } @media (max-width: 767px) { body.search-mobile-expanded .bc-sf-search-suggestion-mobile-top-panel { opacity: 1; visibility: visible; } } @media (max-width: 767px) { body.search-mobile-expanded .search--filter .search__btn--primary { display: block; } } a { color: inherit; text-decoration: underline; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } a:focus, a:hover { color: #276678; } a[href^='tel'] { text-decoration: none; } ins { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.835em; } h1 { font-family: "Ivy Journal", serif; font-size: 60px; font-weight: 300; line-height: 1.2; } @media (max-width: 767px) { h1 { font-size: 38px; } } h1.h2 { font-size: 45px; line-height: 1.35; } @media (max-width: 767px) { h1.h2 { font-size: 28px; line-height: 1.15; } } @media (max-width: 767px) { h1.h1-mobile { font-size: 28px; } } h1.h2-second { font-size: 30px; font-weight: normal; } @media (max-width: 767px) { h1.h2-second { font-size: 24px; line-height: 1.4; } } h1.h3 { font-size: 24px; font-weight: 400; line-height: 1.25; } @media (max-width: 767px) { h1.h3 { font-size: 18px; line-height: 1.11; } } h2 { font-family: "Ivy Journal", serif; font-size: 45px; font-weight: 300; line-height: 1.35; } @media (max-width: 767px) { h2 { font-size: 28px; line-height: 1.15; } } h2.h2 { font-size: 30px; font-weight: normal; } @media (max-width: 767px) { h2.h2 { font-size: 24px; line-height: 1.4; } } @media (max-width: 767px) { h2.h2-mobile { font-size: 24px; line-height: 1.29; letter-spacing: 0.3px; } } h3 { font-family: "Ivy Journal", serif; font-size: 24px; font-weight: 400; line-height: 1.25; } @media (max-width: 767px) { h3 { font-size: 22px; line-height: 1; } } @media (max-width: 767px) { h3.h3-mobile { font-size: 18px; line-height: 1.11; } } h3.title-small { font-size: 18px; line-height: 1.56; font-weight: normal; } h3.title-alt { font-family: "Graphik", sans-serif; font-size: 22px; font-weight: normal; line-height: 1.55; } @media (max-width: 767px) { h3.title-alt { font-size: 15px; line-height: 1.8; } } h3.title-alt-large { font-family: "Graphik", sans-serif; font-size: 20px; font-weight: normal; line-height: 1.75; } @media (max-width: 767px) { h3.title-alt-large { font-size: 15px; line-height: 1.8; } } h4 { font-size: 18px; line-height: 1.1; } h4.title-large { font-size: 20px; font-weight: 500; line-height: 1.6; text-transform: uppercase; letter-spacing: 3.5px; } @media (max-width: 767px) { h4.title-large { font-size: 16px; letter-spacing: 2.8px; } } h5 { font-size: 16px; line-height: 1.1; } h5.title-default { font-size: 15px; font-weight: 400; line-height: 1.87; } h5.title-default.product-item__vendor { margin-bottom: 0; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; } @media (max-width: 767px) { h5.title-default { font-size: 12px; line-height: 1.42; } } @media (max-width: 767px) { h5.title-default--mobile { font-size: 11px; line-height: 1.55; } } h6 { font-size: 13px; font-weight: 500; line-height: 1.38; text-transform: uppercase; letter-spacing: 1px; } @media (max-width: 767px) { h6 { font-size: 11px; } } h6.title-xsmall { font-size: 12px; font-weight: 500; line-height: 1.38; text-transform: uppercase; letter-spacing: 1px; } @media (max-width: 767px) { h6.title-xsmall { font-size: 10px; } } @media (max-width: 767px) { h6.title-xsmall--medium { font-size: 11px; } } p, ul, ol, dl, table, blockquote { margin-bottom: 1.835em; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } ul, ol { margin-left: 20px; } img { margin-bottom: 0; } img[style='float: left;'] { max-width: 50%; height: auto; margin: 0 10px 10px 0; } img[style='float: right;'] { max-width: 50%; height: auto; margin: 0 0 10px 10px; } nav ul, nav ol { margin-left: 0; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk body { font-family: "Poppins", sans-serif; color: #222222; } .html-dansk a { color: inherit; } .html-dansk a:not([class^='btn']):focus, .html-dansk a:not([class^='btn']):hover { color: #707070; } .html-dansk h1, .html-dansk h2, .html-dansk h3 { font-family: "Poppins", sans-serif; } .html-dansk h1 { font-size: 50px; font-weight: 300; line-height: 1.32; } @media (max-width: 767px) { .html-dansk h1 { font-size: 38px; line-height: 1.32; } } .html-dansk h2 { font-size: 45px; font-weight: 300; line-height: 1.33; } @media (max-width: 767px) { .html-dansk h2 { font-size: 28px; line-height: 1.36; } } .html-dansk h3 { font-size: 24px; font-weight: 500; line-height: 1.42; } @media (max-width: 767px) { .html-dansk h3 { font-size: 18px; line-height: 1.56; } } .html-dansk h3.title-small { font-size: 15px; line-height: 1.33; } @media (max-width: 767px) { .html-dansk h5.title-default { font-size: 11px; } } /* ------------------------------------------------------------ *\ Reed and Barton \* ------------------------------------------------------------ */ .html-reed body { font-family: "Univers", sans-serif; color: #101820; } .html-reed a { color: inherit; } .html-reed a:not([class^='btn']):focus, .html-reed a:not([class^='btn']):hover { color: #702e3e; } .html-reed h1, .html-reed h2, .html-reed h3 { font-family: "Baskerville", serif; font-weight: 400; } .html-reed h1 { font-size: 60px; line-height: 1.07; /* Mobile */ } @media (max-width: 767px) { .html-reed h1 { font-size: 38px; line-height: 1.11; } } .html-reed h2 { font-size: 45px; line-height: 1.2; /* Mobile */ } @media (max-width: 767px) { .html-reed h2 { font-size: 28px; line-height: 1.32; } } .html-reed h3 { font-size: 24px; line-height: 1.42; /* Mobile */ } @media (max-width: 767px) { .html-reed h3 { font-size: 18px; line-height: 1.56; } } .html-reed h5.title-default { font-family: "Univers", sans-serif; /* Mobile */ } @media (max-width: 767px) { .html-reed h5.title-default { margin-bottom: 20px; font-size: 11px; } } .html-reed .title-xsmall { font-family: "Graphik", sans-serif; /* Mobile */ } @media (max-width: 767px) { .html-reed .title-xsmall { font-size: 10px; } } /* ------------------------------------------------------------ *\ Mixins \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Clear Margin Bottom Last Child \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Chevron \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Prev and Next Arrow Button \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Slick Dots \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Center Image \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'Graphik'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/Graphik-Regular.woff?v=174704924448980354871750704920"); font-style: normal; font-weight: 400; font-display: "swap"; } @font-face { font-family: 'Graphik'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/Graphik-Medium.woff?v=45731474477944396041750704920"); font-style: normal; font-weight: 500; font-display: "swap"; } /* Ivy Journal */ @font-face { font-family: 'Ivy Journal'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/IvyJournal-Light.woff?v=104779969553588353441750704920"); font-style: normal; font-weight: 300; font-display: "swap"; } @font-face { font-family: 'Ivy Journal'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/IvyJournal-Regular.woff?v=82885299820568392721750704920"); font-style: normal; font-weight: 400; font-display: "swap"; } @font-face { font-family: 'Ivy Journal'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/IvyJournal-SemiBold.woff?v=55539907917721239991750704920"); font-style: normal; font-weight: 600; font-display: "swap"; } @font-face { font-family: 'Ivy Journal'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/IvyJournal-Bold.woff?v=108056741598390020471750704920"); font-style: normal; font-weight: 700; font-display: "swap"; } @font-face { font-family: 'BentonSansWide'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/BentonSansWide-Regular.woff?v=130790619822574482171750704920"), url("//www.lenox.com/cdn/shop/t/1296/assets/BentonSansWide-Regular.woff2?v=150164041232249232281750704920") format("woff2"); font-style: normal; font-weight: 400; font-display: "swap"; } @font-face { font-family: 'Poppins'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-Regular.woff2?v=49490310978165296101750704920") format("woff2"), url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-Regular.woff?v=142135594756298334781750704920") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Poppins'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-Italic.woff2?v=177814321359519813161750704920") format("woff2"), url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-Italic.woff?v=57884663668383602641750704920") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: 'Poppins'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-Medium.woff2?v=144899495597093538491750704920") format("woff2"), url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-Medium.woff?v=142022979219931253011750704920") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Poppins'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-MediumItalic.woff2?v=1193754836742865411750704920") format("woff2"), url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-MediumItalic.woff?v=157184043785576779791750704920") format("woff"); font-weight: 500; font-style: italic; } @font-face { font-family: 'Poppins'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-Light.woff2?v=157511177284610299111750704920") format("woff2"), url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-Light.woff?v=3483108729128613901750704920") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Poppins'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-LightItalic.woff2?v=132774681738676397701750704920") format("woff2"), url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-LightItalic.woff?v=144299817504518879391750704920") format("woff"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Poppins'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-SemiBold.woff2?v=140229617330523018191750704920") format("woff2"), url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-SemiBold.woff?v=35932377915692135491750704920") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Poppins'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-SemiBoldItalic.woff2?v=126048682917398699001750704920") format("woff2"), url("//www.lenox.com/cdn/shop/t/1296/assets/Poppins-SemiBoldItalic.woff?v=49282455518321280131750704920") format("woff"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Univers'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/UniversLTStd.woff2?v=81670826487779823421750704920") format("woff2"), url("//www.lenox.com/cdn/shop/t/1296/assets/UniversLTStd.woff?v=157457092940822883581750704920") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Univers'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/UniversLTStd-Light.woff2?v=118641661078654290731750704920") format("woff2"), url("//www.lenox.com/cdn/shop/t/1296/assets/UniversLTStd-Light.woff?v=90359279710911597751750704920") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Univers'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/UniversLTStd-Bold.woff2?v=118861295314002623081750704920") format("woff2"), url("//www.lenox.com/cdn/shop/t/1296/assets/UniversLTStd-Bold.woff?v=129251963689050572481750704920") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Baskerville'; src: url("//www.lenox.com/cdn/shop/t/1296/assets/Baskerville-Regular.woff2?v=172306116584368940041750704920") format("woff2"), url("//www.lenox.com/cdn/shop/t/1296/assets/Baskerville-Regular.woff?v=59377707817735606161750704920") format("woff"); font-weight: 400; font-style: normal; font-display: "swap"; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Buttons */ .js-btn-scroll, .js-btn-toggle { cursor: pointer; } /* Challenge */ .shopify-challenge__container { padding: 50px 0; } /* Clear */ .clear:after{ content: ''; display: block; clear: both; } /* Notext */ .notext { overflow: hidden; text-indent: 101%; white-space: nowrap; } /* Hidden */ [hidden], .hidden { display: none !important; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .col { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; max-width: 100%; padding: 0 10px; } @media (max-width: 767px) { .col { max-width: none; } } .cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -10px; } @media (max-width: 767px) { .cols { display: block; } } .col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } @media (max-width: 767px) { .col--1of2 { max-width: none; } } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1199px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ * { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } template { display: none; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type='submit'], input[type='button'], input[type='reset'], input[type='file'], input[type='image'], label[for] { cursor: pointer; } a[href^='tel'], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type='text'], input[type='password'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='month'], input[type='week'], input[type='email'], input[type='number'], input[type='search'], input[type='tel'], input[type='time'], input[type='url'], input[type='color'], textarea, a[href^='tel'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* Default */ /* ------------------------------------------------------------ *\ Default Styles \* ------------------------------------------------------------ */ .form--small { max-width: 400px; margin: 0 auto 40px; } .form--small:last-child { margin-bottom: 0; } .form--default { /* Modifiers */ } .form--default .form__title { font-family: "Ivy Journal", serif; } .form--default .form__head { text-align: center; padding-bottom: 20px; } .form--default .form__actions { text-align: right; } .form--default .form__btn { margin: 5px; } .form--default.form--login .form__cta { overflow: hidden; } .form--default.form--login .form__cta a { float: left; margin-bottom: 5px; clear: both; } .form--default.form--guest { padding: 30px 0; } .form--default.form--recover .form__cols, .form--default.form--register .form__cols { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form--default.form--recover { display: none; } @media (max-width: 767px) { .form--default .form__actions { text-align: center; } } /* Cart */ .form--default.form--cart table { text-align: left; } .form--default.form--cart th, .form--default.form--cart td { padding: 10px; text-align: left; } .form--default.form--cart tbody tr + tr { border-top: 1px solid #000; } .form--default.form--cart th { text-transform: uppercase; font-weight: bold; } .form--default.form--cart tfoot tr:first-child td { border-top: 2px solid currentColor; } .form--default .table__product { font-size: 1.2em; font-weight: bold; text-decoration: none; } .form--default .table__image { width: 100px; } .form--default .table__quantity { width: 140px; } .form--default .table__remove { width: 22px; } .form--default .table__variant { padding-top: 5px; } .form--default .table__properties { padding-top: 10px; font-style: italic; opacity: 0.6; } .form--default .table__total-label { font-weight: bold; text-align: right; text-transform: uppercase; } .form--default .table__info { font-style: italic; } .form--default .table__info td { text-align: right; } .form--default .table__price, .form--default .table__total { width: 120px; } .form--default .table__total { font-weight: bold; } .form--default .field--quantity { max-width: 80px; text-align: center; } .form--default .js-quantity .field { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .form--default .js-quantity .field::-webkit-outer-spin-button, .form--default .js-quantity .field::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .form--default .js-quantity .field input[type='number'] { -moz-appearance: textfield; } .form--default .remove { font-size: 0; font-family: Arial, Baskerville, monospace; font-weight: bold; text-decoration: none; } .form--default .remove:before { content: '\00d7'; display: inline-block; width: 22px; height: 22px; border-radius: 50%; text-align: center; font-size: 20px; line-height: 1.1; } .form--default .remove:hover:before { background-color: #c80000; color: #fff; } @media (max-width: 767px) { .form--default.form--cart table, .form--default.form--cart tbody { width: 100%; display: block; } .form--default.form--cart thead, .form--default.form--cart th { display: none; } .form--default.form--cart table, .form--default.form--cart tbody, .form--default.form--cart td, .form--default.form--cart tr, .form--default.form--cart tfoot { display: block; width: 100%; text-align: center; } .form--default.form--cart tr { position: relative; text-align: center; } .form--default.form--cart tr + tr { border-top: 1px solid #000; } .form--default.form--cart tbody td { width: auto; padding: 0 0 5px; } .form--default.form--cart tbody td:before { content: attr(data-attr); display: block; margin-bottom: 5px; font-weight: 700; } .form--default.form--cart tfoot { border-top: 1px solid #000; } .form--default.form--cart tfoot tr:first-child { padding: 10px 0; } .form--default.form--cart tfoot tr:first-child td { padding: 0; border: 0; } } .collection--default .collection__sort { margin-bottom: 20px; } .collection--default .collection__head { text-align: center; margin-bottom: 10px; } .collections--default .collection__head { text-align: center; margin-bottom: 10px; } /* ------------------------------------------------------------ *\ Default Styles \* ------------------------------------------------------------ */ .product--default { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product--default .product__images { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; width: 49%; } .product--default .product__images img { display: block; margin: 0 auto 20px; } .product--default .product__vendor { padding-bottom: 20px; font-style: italic; } .product--default .product__price { padding-bottom: 20px; } .product--default .product__price ins { text-decoration: none; } .product--default .product__entry { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; width: 49%; } .product--default .form-product .form__row { padding-bottom: 20px; } .product--default .form-product .form__foot { margin: 0 -5px 20px; } .product--default .form-product .form__btn { padding: 8px 12px; border: 0; text-transform: uppercase; font-weight: bold; border-radius: 6px; color: #fff; background: #000; } .product--default .form-product .form__btn:hover { background-color: #444; } @media (max-width: 767px) { .product--default { display: block; } .product--default .product__entry, .product--default .product__images { display: block; width: auto; } } .blog--default .blog__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1%; } .blog--default .page__title { margin-bottom: 10px; text-align: center; } .article--default .article__title { text-align: center; margin-bottom: 10px; } .article--default .article__image { margin-bottom: 10px; } .article--default .article__image img { width: 100%; height: auto; } .article--default .article__meta { margin-bottom: 10px; } .template-article .entry-large ul li, .template-article .entry-large ol li { list-style: inherit; } .search--default .results, .search--default .form-search, .search--default .page__head { margin-bottom: 10px; text-align: center; } .search--default .search__field { padding: 7px; border: 1px solid #000; } .search--default .search__btn { padding: 8px 12px; border: 0; text-transform: uppercase; font-weight: bold; border-radius: 6px; color: #fff; background: #000; } .search--default .search__btn:hover { background-color: #444; } .default--holder { /* Accounts */ /* Order */ /* Address */ } .default--holder .blog__inner, .default--holder .collection__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1%; } .default--holder .article, .default--holder .product__item, .default--holder .collection__item { -webkit-box-flex: 0; -ms-flex: 0 0 23%; flex: 0 0 23%; width: 23%; margin: 0 1% 10px; } .default--holder .article__image, .default--holder .product__item-image, .default--holder .collection__item-image { display: block; padding-bottom: 100%; margin-bottom: 10px; background-size: cover; background-position: center center; } .default--holder .section__head { padding-bottom: 30px; text-align: center; } .default--holder .section__title { font-family: "Ivy Journal", serif; } .default--holder .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .default--holder .section__aside { width: 20%; min-width: 200px; margin-right: 10px; } .default--holder .section__aside ul { margin: 0; list-style: none; } .default--holder .section__aside ul li { margin-bottom: 5px; } .default--holder .section__aside ul a { display: block; text-decoration: none; padding: 8px 12px; border: 0; text-transform: uppercase; font-weight: bold; border-radius: 6px; color: #fff; background: #000; } .default--holder .section__aside ul a:hover { background-color: #444; } .default--holder .section__aside ul .active a { background-color: #444; } .default--holder .section__content { width: 75%; } .default--holder .order th, .default--holder .order td { padding: 5px; text-align: left; } .default--holder .order-head { margin-bottom: 5px; } .default--holder .table-order--products { margin-bottom: 10px; } .default--holder .table-order--products th, .default--holder .table-order--products td { border: 1px solid #000; padding: 5px; } .default--holder .btn--new { padding: 8px 12px; border: 0; text-transform: uppercase; font-weight: bold; border-radius: 6px; color: #fff; background: #000; } .default--holder .btn--new:hover { background-color: #444; } .default--holder .form--address { padding: 10px 0; } .default--holder .addresses { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .default--holder .addresses .address { width: 49%; margin: 0 1% 20px 0; } .default--holder .addresses .address--default { width: 100%; margin: 0 0 20px; } .default--holder .addresses .address__actions a { margin-right: 5px; } @media (max-width: 1023px) { .default--holder .article, .default--holder .product__item, .default--holder .collection__item { -webkit-box-flex: 0; -ms-flex: 0 0 31.3%; flex: 0 0 31.3%; width: 31.3%; } } @media (max-width: 767px) { .default--holder { /* Accounts */ } .default--holder .article, .default--holder .product__item, .default--holder .collection__item { width: 48%; -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; } .default--holder table, .default--holder tr, .default--holder td, .default--holder tbody, .default--holder tfoot { display: block; } .default--holder th { display: none; } .default--holder td:before { content: attr(data-heading); display: block; margin-right: 5px; font-weight: 700; } .default--holder tr + tr { border-top: 1px solid #000; } .default--holder .addresses .address { width: 100%; } .default--holder .table-order--products td { padding: 5px 0; border: 0; } .default--holder .table-order--products .order-details__title { font-weight: 700; } .default--holder .table-order--products tfoot { padding-top: 5px; border-top: 1px solid #000; border-bottom: 1px solid #000; } .default--holder .table-order--products tfoot tr, .default--holder .table-order--products tfoot td { border: 0; padding: 0; } .default--holder .table-order--products tfoot tr { margin-bottom: 5px; } } @media (max-width: 480px) { .default--holder { /* Accounts */ } .default--holder .blog__inner, .default--holder .collection__items { display: block; margin: 0; } .default--holder .article, .default--holder .product__item, .default--holder .collection__item { width: auto; margin: 0 0 10px; } .default--holder .section__inner { display: block; } .default--holder .section__aside { width: auto; margin-right: 0; } .default--holder .section__aside ul a { margin: 5px 0; } .default--holder .section__content { width: auto; } .default--holder .order-info .cols { display: block; } } .paging--default { padding: 20px 0; text-align: center; } .paging--default ul, .paging--default li { display: inline-block; margin: 0 5px; } /* Regions */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container { max-width: 1380px; padding-right: 15px; padding-left: 15px; margin: auto; } @media (max-width: 767px) { .container { padding-right: 25px; padding-left: 25px; } } .container--fluid { max-width: none; } /* Container Large */ .container--large { max-width: 1440px; } /* Container Medium */ .container--medium { max-width: 1320px; } /* Container Medium */ .container--medium-second { max-width: 1310px; } /* Container Small */ .container--small { max-width: 1125px; } /* Container Small Second */ .container--small-second { max-width: 1040px; } /* Container Small Third */ .container--small-third { max-width: 1135px; } /* Container Small Fourth */ .container--small-fourth { max-width: 1150px; } /* Container Small Sixth */ .container--small-sixth { max-width: 1030px; } /* Container XSmall */ .container--xsmall { max-width: 733px; } /* Container XSmall Second */ .container--xsmall-second { max-width: 830px; } /* Container XXSmall */ .container--xxsmall { max-width: 655px; } /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { background-color: #003c4d; color: #fff; padding: 92px 0; } @media (min-width: 768px) { .footer { padding-bottom: 92px !important; } } @media (max-width: 767px) { .footer { padding: 37px 0 50px; } } .footer .footer__title { display: block; margin-bottom: 27px; font-size: 14px; font-weight: 500; line-height: 1.2; text-decoration: none; text-transform: none; } @media (max-width: 767px) { .footer .footer__title { margin-bottom: 13px; font-size: 12px; line-height: 1.5; } } .footer .subscribe { max-width: 445px; padding-top: 6px; } @media (max-width: 767px) { .footer .subscribe { max-width: none; padding-top: 1px; } } .footer .form-subscribe { padding-top: 6px; } @media (max-width: 767px) { .footer .form-subscribe { padding-top: 0; } } .footer .footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .footer .footer__inner { display: block; } } .footer .footer__nav { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding-left: 34px; padding-right: 20px; } @media (max-width: 1199px) { .footer .footer__nav { padding-left: 0; } } @media (max-width: 767px) { .footer .footer__nav { padding-right: 0; margin-bottom: 41px; font-size: 12px; } } .footer .footer__nav > ul { max-width: 560px; margin: 0 -10px; } .footer .footer__nav > ul:after{ content: ''; display: block; clear: both; } @media (max-width: 767px) { .footer .footer__nav > ul { display: block; max-width: none; margin: 0; } } .footer .footer__nav > ul:last-child { margin-bottom: -55px; } @media (max-width: 767px) { .footer .footer__nav > ul:last-child { margin-bottom: 0; } } .footer .footer__nav > ul > li { float: left; width: 50%; padding: 0 10px; margin-bottom: 55px; } @media (max-width: 767px) { .footer .footer__nav > ul > li { position: relative; float: none; max-width: none; width: auto; padding: 0; margin-bottom: 7px; } } @media (max-width: 767px) { .footer .footer__nav > ul > li:last-child { margin-bottom: 0; } } @media (max-width: 767px) { .footer .footer__nav > ul > li:before { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #979797; opacity: 0.3; content: ''; } } @media (max-width: 767px) { .footer .footer__nav > ul > li.menu__item--has-dropdown > a:before, .footer .footer__nav > ul > li.menu__item--has-dropdown > a:after { position: absolute; top: 0; right: 0; left: auto; bottom: auto; border: none; background: #fff; opacity: 1; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; content: ''; } } @media (max-width: 767px) { .footer .footer__nav > ul > li.menu__item--has-dropdown > a:before { top: 13px; right: 14px; width: 1px; height: 11px; } } @media (max-width: 767px) { .footer .footer__nav > ul > li.menu__item--has-dropdown > a:after { top: 18px; right: 9px; width: 11px; height: 1px; } } @media (max-width: 767px) { .footer .footer__nav > ul > li.expanded > a:before { opacity: 0; } } .footer .footer__nav > ul > li > a, .footer .footer__nav > ul > li > span { font-weight: 500; } @media (max-width: 767px) { .footer .footer__nav > ul > li > a, .footer .footer__nav > ul > li > span { padding: 9px 0; } } .footer .footer__nav > ul > li > span { position: relative; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .footer .footer__nav > ul > li > span:hover { cursor: pointer; } .footer .footer__nav ul ul { padding-top: 19px; } @media (max-width: 767px) { .footer .footer__nav ul ul { display: none; padding-top: 0; padding-bottom: 10px; } } @media (min-width: 768px) { .footer .footer__nav ul ul { display: block !important; } } .footer .footer__nav ul ul ul { display: none; } .footer .footer__nav li li { margin-bottom: 9px; } .footer .footer__nav li li:last-child { margin-bottom: 0; } @media (max-width: 767px) { .footer .footer__nav li li { margin-bottom: 0; } } .footer .footer__nav a { position: relative; display: inline-block; text-decoration: none; } @media (max-width: 767px) { .footer .footer__nav a { display: block; padding: 5px 0; } } .footer .footer__nav a:focus, .footer .footer__nav a:hover { color: inherit; text-decoration: none; } .footer .footer__nav a:focus:before, .footer .footer__nav a:hover:before { width: 100%; } .footer .footer__nav a:before { position: absolute; bottom: 0; left: 0; width: 0; border-bottom: 1px solid currentColor; -webkit-transition: width 0.4s; -o-transition: width 0.4s; transition: width 0.4s; content: ''; } @media (max-width: 767px) { .footer .footer__nav a:before { opacity: 0; } } .footer .footer__aside { -webkit-box-flex: 0; -ms-flex: 0 0 42.4%; flex: 0 0 42.4%; max-width: 42.4%; padding-top: 1px; font-size: 13px; } @media (max-width: 767px) { .footer .footer__aside { padding-top: 0; max-width: none; font-size: 10px; } } .footer .footer__aside:first-child:last-child { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } @media (max-width: 767px) { .footer .footer__aside:first-child:last-child { max-width: none; } } .footer .socials { margin-bottom: 52px; } @media (max-width: 767px) { .footer .socials { margin-bottom: 76px; } } /* ------------------------------------------------------------ *\ Footer Secondary \* ------------------------------------------------------------ */ .footer-secondary { color: #9b9b9b; } @media (max-width: 767px) { .footer-secondary .container { padding: 0 20px; } } .footer-secondary .footer__inner { padding: 25px 0; border-top: 1px solid #d3d3d3; } .footer-secondary span { font-size: 11px; } /* ------------------------------------------------------------ *\ Dansk \* ----------------- ------------------------------------------- */ .html-dansk { /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ } .html-dansk .footer { padding: 86px 0; background: #ab2328; } @media (max-width: 767px) { .html-dansk .footer { padding: 33px 0; } } @media (min-width: 768px) { .html-dansk .footer { padding-bottom: 92px !important; } } @media (max-width: 767px) { .html-dansk .footer .footer__nav { margin-bottom: 37px; } } .html-dansk .footer .footer__nav ul ul { padding-top: 22px; } @media (max-width: 767px) { .html-dansk .footer .footer__nav ul ul { padding-top: 0; } } @media (max-width: 767px) { .html-dansk .footer .footer__nav > ul > li { margin-bottom: 2px; } } @media (max-width: 767px) { .html-dansk .footer .footer__nav > ul > li:last-child { margin-bottom: 0; } } .html-dansk .footer .footer__nav > ul > li:before { border-bottom-color: #fff; opacity: 1; } @media (max-width: 767px) { .html-dansk .footer .footer__nav > ul > li.menu__item--has-dropdown > a:before { top: 16px; } } @media (max-width: 767px) { .html-dansk .footer .footer__nav > ul > li.menu__item--has-dropdown > a:after { top: 21px; } } .html-dansk .footer .footer__nav > ul > li > a { font-weight: normal; } @media (max-width: 767px) { .html-dansk .footer .footer__nav > ul > li > a { font-size: 15px; } } .html-dansk .footer .footer__title { margin-bottom: 19px; font-size: 15px; font-weight: normal; line-height: 1.67; letter-spacing: 0; } @media (max-width: 767px) { .html-dansk .footer .footer__title { margin-bottom: 11px; } } .html-dansk .footer .subscribe { margin-bottom: 12px; } @media (max-width: 767px) { .html-dansk .footer .subscribe { margin-bottom: 0px; } } .html-dansk .footer .socials { margin-bottom: 60px; } @media (max-width: 767px) { .html-dansk .footer .socials { margin-bottom: 81px; } } .html-dansk .footer .copyright { font-size: 12px; } @media (max-width: 767px) { .html-dansk .footer .copyright { font-size: 10px; } } /* ------------------------------------------------------------ *\ Html Reed \* ------------------------------------------------------------ */ .html-reed .footer { background-color: #1e1e1e; /* Mobile */ } .html-reed .footer .footer__nav { font-family: "Univers", sans-serif; font-size: 15px; font-weight: 300; } .html-reed .footer .footer__nav > ul > li > a { font-weight: 300; } .html-reed .footer .footer__title { font-family: "Univers", sans-serif; font-weight: 300; } .html-reed .footer .copyright { font-family: "Univers", sans-serif; font-size: 12px; font-weight: 400; } @media (max-width: 767px) { .html-reed .footer .footer__title { font-size: 15px; } .html-reed .footer .copyright { font-size: 10px; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { position: relative; z-index: 20; background-color: #f8f8f3; } @media (max-width: 767px) { .header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; } } @media (max-width: 767px) { .header .bar .bar__content { position: absolute; top: 100%; left: 0; width: 100%; border-top-color: transparent; } } .header .header__mobile { margin-top: 58px; background-color: #f8f8f3; padding: 92px 30px 50px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 50; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; overflow-y: auto; } .header .header__mobile .btn-menu { position: absolute; top: 24px; left: 23px; margin-top: 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .header .header__mobile .nav { padding-top: 50px; } @media (max-width: 767px) { .header .header__mobile .nav { padding-top: 0; } } .header .header__mobile .nav-utilities { line-height: 1.87; margin: 42px 0 37px; } .header .header__mobile .nav-utilities ul { display: block; } .header .header__mobile .nav-utilities li + li { margin-left: 0; } @media (max-width: 1023px) { .header .header__mobile .nav-utilities li + li { margin-top: 10px; } } .header .header__mobile .nav-utilities a { text-decoration: none; } @media (max-width: 1023px) { .header .header__mobile .socials { padding-top: 10px; } } @media (max-width: 1023px) { .header .header__mobile .socials ul { margin: 0 -15px; } } @media (max-width: 1023px) { .header .header__mobile .socials li { margin: 0 15px; } } @media (max-width: 1023px) { .header .header__mobile .socials i { font-size: 18px; } } @media (max-width: 1023px) { .header .logo { position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -40px; } } @media (max-width: 767px) { .header .logo { margin: -17px 0 0 -27px; } } .header .logo img { margin-bottom: 0; } .header .header__inner { padding: 19px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1023px) { .header .header__inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } } @media (max-width: 1023px) { .header .header__inner { height: 65px; padding: 15px 0; position: relative; } } @media (max-width: 767px) { .header .header__inner { height: 55px; } } .header .header__left { width: 341px; } @media (max-width: 1199px) { .header .header__left { width: 144px; } } @media (max-width: 1023px) { .header .header__left { display: none; } } .header .header__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .header .header__content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (max-width: 767px) { .header .header__content:before { position: fixed; top: 0; left: 0; z-index: 50; display: none; width: 100%; height: 70px; background-color: #f8f8f3; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; content: ''; } } .header .header__container { position: relative; z-index: 2; background-color: #ffffff; } @media (max-width: 767px) { .header .header__container { background-color: #fff; -webkit-box-shadow: inset 0 -1px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 0px 0px rgba(0, 0, 0, 0.1); } } .header .header__container .search { position: absolute; top: 0; left: 0; min-height: 100%; width: 100%; } @media (max-width: 767px) { .header .header__container .search { min-height: 0; } } .header .header__aside { padding-right: 4px; } @media (max-width: 1023px) { .header .header__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 5px; padding-bottom: 5px; } } @media (max-width: 767px) { .header .header__aside { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0; } } @media (max-width: 767px) { .header .btn-menu { position: absolute; top: 50%; left: -11px; margin-top: -10px; } } .header .search { opacity: 0; visibility: hidden; } @media (max-width: 767px) { .header .search--filter { opacity: 1; visibility: visible; } } /* Header Search */ .header--search .search { opacity: 1; visibility: visible; } /* Header Expanded */ .header--expanded .header__mobile { margin-top: 58px; /* static height */ -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } @media (max-width: 767px) { .header--expanded .header__mobile ~ .header__content:before { opacity: 1; visibility: visible; } } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk .header { background: #fff; } .html-dansk .header .header__container { -webkit-box-shadow: inset 0 -1px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 0px 0px rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .html-dansk .header .header__container { background: #fafafa; -webkit-box-shadow: inset 0 -1px 0px 0px #d8d8d8; box-shadow: inset 0 -1px 0px 0px #d8d8d8; } } .html-dansk .header .header__mobile { padding-top: 88px; background: #fafafa; } .html-dansk .header .logo { margin-right: 53px; } @media (max-width: 1023px) { .html-dansk .header .logo { margin: -18px 0 0 -68px; } } @media (max-width: 767px) { .html-dansk .header .logo { margin: -9px 0 0 -32px; } } /* ------------------------------------------------------------ *\ Reed and Barton \* ------------------------------------------------------------ */ .html-reed { /* Mobile */ } .html-reed .header { background-color: #fafafa; } .html-reed .header .logo { margin-right: 40px; /* Tablet Portrait */ } @media (max-width: 1023px) { .html-reed .header .logo { margin: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (max-width: 767px) { .html-reed .template-index .header__mobile { top: 40px; } } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; max-width: 100%; /*IE11 fix*/ } @media (max-width: 767px) { .wrapper { -webkit-transition: padding-top 0.4s; -o-transition: padding-top 0.4s; transition: padding-top 0.4s; } } .wrapper .footer-outer { margin-top: auto; } .wrapper > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 767px) { .wrapper { padding-top: 90px; } } @media (max-width: 767px) { .wrapper.no-bar { padding-top: 55px; } } @media (max-width: 767px) { .wrapper.no-bar .header .bar .bar__content { margin-top: -35px; } } /*IE11 fix*/ body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* Modules */ /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { position: relative; background-color: #003c4d; display: inline-block; color: #fff; font-family: "Graphik", sans-serif; font-size: 13px; font-weight: 500; font-style: normal; line-height: 1.1; letter-spacing: 1px; text-transform: uppercase; vertical-align: middle; text-align: center; text-decoration: none; padding: 13px 20px; border-radius: 0; border: 2px solid #003c4d; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn:not(:disabled):focus, .btn:not(:disabled):hover { border-color: #1c1e1d; background-color: #1c1e1d; color: #fff; text-decoration: none; } .btn[disabled] { background-color: #d3d3d3; border: 2px solid #d3d3d3; } .btn a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: inherit; font-size: 0; text-decoration: none; opacity: 0; } /* Btn Block */ .btn--block { display: block; width: 100%; padding-left: 5px; padding-right: 5px; } /* Btn Yellow */ .btn--yellow { background-color: #cba052; border: 2px solid #cba052; } /* Btn Hollow */ .btn--hollow { border-color: #1c1e1d; color: #1c1e1d; background-color: transparent; } /* Btn Hollow White */ .btn--hollow-white { border-color: #fff; background-color: transparent; color: #fff; } .btn--hollow-white:not(:disabled):focus, .btn--hollow-white:not(:disabled):hover { border-color: #fff; background-color: #fff; color: #1c1e1d; } /* Btn Lightblue */ .btn--lightblue { border-color: #b9d3dc; background: #b9d3dc; color: #000; } /* Btn Dark */ .btn--dark { border-color: #1c1e1d; background: #1c1e1d; color: #fff; } /* Btn Beige */ .btn--beige { border-color: transparent; background: #cba052; color: #fff; } .btn--beige:not(:disabled):focus, .btn--beige:not(:disabled):hover { border-color: transparent; background-color: #b98c3b; color: #fff; } /* Btn LightBeige */ .btn--lightbeige { border-color: transparent; background: #ca9f58; color: #fff; } .btn--lightbeige:not(:disabled):focus, .btn--lightbeige:not(:disabled):hover { border-color: transparent; background-color: #b98c3b; color: #fff; } /* Btn Transparent */ .btn--transparent { border-color: transparent; background: none; color: #1c1e1d; } .btn--transparent:not(:disabled):focus, .btn--transparent:not(:disabled):hover { border-color: transparent; background-color: #1c1e1d; color: #fff; } /* Btn Inherit */ .btn--inherit { border-color: currentColor; background: none; color: currentColor; } /* Btn Small */ .btn--small { min-width: 150px; } /* Btn Medium */ .btn--medium { min-width: 250px; } @media (max-width: 1023px) { .btn--medium { padding: 13px 15px; } } /* Btn Large */ .btn--large { min-width: 342px; } @media (max-width: 767px) { .btn--large { display: block; width: 100%; min-width: 0; } } /* Btn Medium Secondary */ .btn--medium-secondary { font-size: 14px; } /* Btn Mobile Small */ @media (max-width: 767px) { .btn--mobile-small { padding: 15px 15px 14px; font-size: 11px; } } /* Btn Mobile XSmall */ @media (max-width: 767px) { .btn--mobile-xsmall { padding: 10px; font-size: 11px; } } /* Btn Mobile Default */ @media (max-width: 767px) { .btn--mobile-default { font-size: 13px; } } /* Btn Mobile Large */ @media (max-width: 767px) { .btn--mobile-large { font-size: 14px; } } /* Btn Mobile Block */ @media (max-width: 767px) { .btn--mobile-block { display: block; width: 100%; min-width: 0; } } /* Btn Loading */ .btn--loading:after { display: inline-block; width: 15px; height: 15px; margin: 0 5px; background: url(//www.lenox.com/cdn/shop/t/1296/assets/loader-white.gif?v=93142755312426503491750704920) no-repeat 0 0; background-size: 15px 15px; vertical-align: middle; content: ''; } /* ------------------------------------------------------------ *\ Button - More \* ------------------------------------------------------------ */ .btn-more { display: inline-block; color: currentColor; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; } @media (max-width: 767px) { .btn-more { font-size: 11px; line-height: 1.27; } } .btn-more:focus, .btn-more:hover { color: currentColor; text-decoration: none; } .btn-more:focus:after, .btn-more:hover:after { width: 30%; } .btn-more:after { content: ''; display: block; width: 100%; height: 3px; background-color: currentColor; margin: 7px auto 0; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } @media (max-width: 767px) { .btn-more:after { height: 2px; } } /* Btn More Small */ .btn-more--small { font-size: 13px; } @media (max-width: 767px) { .btn-more--small { font-size: 10px; } } /* Btn More Small Alt */ .btn-more--small-alt { font-size: 13px; } @media (max-width: 767px) { .btn-more--small-alt { font-size: 11px; } } /* Btn More Xsmall */ .btn-more--xsmall { font-size: 12px; letter-spacing: 0; } .btn-more--xsmall:hover { color: inherit; } .btn-more--xsmall:after { height: 2px; margin-top: 2px; } /* Btn More Mobile Medium */ @media (max-width: 767px) { .btn-more--mobile-medium { font-size: 11px; } } /* Btn More Mobile Small */ @media (max-width: 767px) { .btn-more--mobile-small { font-size: 10px; } } /* Btn More Mobile Large */ @media (max-width: 767px) { .btn-more--mobile-large { font-size: 13px; } } /* Btn More Inherit */ .btn-more--inherit { color: inherit; } /* ------------------------------------------------------------ *\ Button - Mobile Menu \* ------------------------------------------------------------ */ .btn-menu { background-color: #f8f8f3; display: inline-block; width: 22px; height: 20px; position: relative; font-size: 0; } .btn-menu span { width: 100%; height: 2px; background-color: #1c1e1d; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-menu span:nth-child(2) { top: 9px; } .btn-menu span:nth-child(3) { top: 18px; } .btn-menu.current span:nth-child(1) { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 2px; } .btn-menu.current span:nth-child(2) { width: 0; } .btn-menu.current span:nth-child(3) { -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 17px; } /* ------------------------------------------------------------ *\ Btn Arrow \* ------------------------------------------------------------ */ .btn-arrow { position: relative; display: inline-block; width: 40px; height: 40px; border: none; background: none; font-size: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .btn-arrow:focus, .btn-arrow:hover { color: currentColor; opacity: 0.7; } .btn-arrow:before { position: absolute; top: 50%; left: 14px; content: ''; width: 18px; height: 18px; display: inline-block; vertical-align: middle; border-width: 0 0 2px 2px; border-style: solid; border-color: #1c1e1d; margin: -10px 0 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .btn-arrow:before { border-color: currentColor; } .btn-arrow.disable { opacity: 0; visibility: hidden; } /* Btn Arrow Next */ .btn-arrow--next:before { left: 7px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } /* ------------------------------------------------------------ *\ Btn Primary \* ------------------------------------------------------------ */ .btn-primary { position: relative; display: inline-block; min-width: 250px; padding: 12px 40px 8px; border: .5px solid #173b4b; /* Lenox changed from d6d6d5 3.29.21 */ border-radius: 5px; background: #b9d3dc; /* Lenox changed from f8f8f3 3.29.21 */ font-family: "Graphik", sans-serif; font-size: 18px; text-transform: uppercase; text-align: center; text-decoration: none; opacity: .9; /*Lenox 3.30.21 */ -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: border 0.4s, background 0.4s, color 0.4s; -o-transition: border 0.4s, background 0.4s, color 0.4s; transition: border 0.4s, background 0.4s, color 0.4s; } .btn-primary:hover, .btn-primary:focus { color: inherit; } .btn-primary:hover { background: #fafafa; } /* Btn Primary Plus */ .btn-primary--plus:before, .btn-primary--plus:after { position: absolute; background: currentColor; pointer-events: none; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; content: ''; } .btn-primary--plus:before { top: 21px; right: 22px; width: 11px; height: 1px; } .btn-primary--plus:after { top: 16px; right: 27px; width: 1px; height: 11px; } /* ------------------------------------------------------------ *\ Btn Close \* ------------------------------------------------------------ */ .btn-close { position: relative; display: inline-block; width: 12px; height: 12px; } .btn-close:before, .btn-close:after { position: absolute; top: 6px; left: -1px; width: 14px; height: 1px; background: currentColor; content: ''; } .btn-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .btn-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* ------------------------------------------------------------ *\ Btn Close Primary \* ------------------------------------------------------------ */ .btn-close-primary { position: relative; display: inline-block; width: 30px; height: 30px; color: currentColor; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .btn-close-primary:hover { color: currentColor; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } @media (max-width: 1024px) { .btn-close-primary:hover { -webkit-transform: none; -ms-transform: none; transform: none; } } .btn-close-primary:before, .btn-close-primary:after { position: absolute; top: 14px; left: 6px; width: 18px; height: 1px; background: currentColor; content: ''; } .btn-close-primary:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .btn-close-primary:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* Btn Close Primary Small */ .btn-close-primary--small { width: 20px; height: 20px; } .btn-close-primary--small:after, .btn-close-primary--small:before { top: 10px; left: 4px; width: 12px; } /* ------------------------------------------------------------ *\ Btn Wishlist \* ------------------------------------------------------------ */ .btn-wishlist { position: relative; width: 24px; height: 23px; } .btn-wishlist:hover:before { opacity: 0; } .btn-wishlist:hover:after { opacity: 1; } .btn-wishlist:before, .btn-wishlist:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% 100%; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; content: ''; } .btn-wishlist:before { background-image: url(//www.lenox.com/cdn/shop/t/1296/assets/icon-wishlist-retina.png?v=183667906556230529491750704920); } .btn-wishlist:after { background-image: url(//www.lenox.com/cdn/shop/t/1296/assets/icon-wishlist-hover-retina.png?v=49516314150864982671750704920); opacity: 0; } /* ------------------------------------------------------------ *\ Btn Chat \* ------------------------------------------------------------ */ .btn-chat { position: fixed; bottom: 20px; right: 20px; z-index: 10; width: 80px; height: 80px; opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } @media (max-width: 767px) { .btn-chat { bottom: 5px; right: 5px; width: 50px; height: 50px; } } .btn-chat a { display: block; width: 80px; height: 80px; font-size: 0; } @media (max-width: 767px) { .btn-chat a { width: 50px; height: 50px; } } .btn-chat a:before { display: inline-block; width: 100%; height: 100%; content: ''; background-image: url(//www.lenox.com/cdn/shop/t/1296/assets/Chat-Icon-Lenox.png?v=31599549867509053101750704920); background-repeat: no-repeat; background-position: center; background-size: contain; } .btn-chat a img { display: none; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .btn-chat.btn-chat-dansk a:before { background-image: url(//www.lenox.com/cdn/shop/t/1296/assets/Chat-Icon-Dansk.png?v=137015016267092047801750704920); } .btn-chat.btn-chat-reed a:before { background-image: url(//www.lenox.com/cdn/shop/t/1296/assets/Chat-Icon-ReedBarton.png?v=27740005872074444111750704920); } /* ------------------------------------------------------------ *\ Btn Video \* ------------------------------------------------------------ */ .btn-video { position: relative; display: inline-block; width: 60px; height: 60px; border-radius: 50%; border: 1px solid currentColor; color: #fff; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } @media (max-width: 767px) { .btn-video { width: 40px; height: 40px; } } .btn-video:hover { color: currentColor; opacity: 0.8; } .btn-video:before { position: absolute; top: 18px; left: 24px; width: 0; height: 0; border-style: solid; border-width: 11px 0 11px 18px; border-color: transparent transparent transparent currentColor; content: ''; } @media (max-width: 767px) { .btn-video:before { top: 11px; left: 16px; } } @media (max-width: 767px) { .btn-video:before { border-width: 7px 0 7px 11px; } } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk { /* ------------------------------------------------------------ *\ Btn \* ------------------------------------------------------------ */ /* Btn Hollow */ /* Btn Hollow White */ /* Btn Lightblue */ /* Btn Dark */ /* Btn Beige */ /* Btn Transparent */ /* Btn Inherit */ /* Btn Mobile Small */ /* Btn Mobile Large */ /* ------------------------------------------------------------ *\ Btn More \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Btn Menu \* ------------------------------------------------------------ */ } .html-dansk .btn, .html-dansk .btn.js-product-item-view { border-color: #407f82; background-color: #407f82; color: #fff; font-family: "Poppins", sans-serif; } .html-dansk .btn:not(:disabled):focus, .html-dansk .btn:not(:disabled):hover, .html-dansk .btn.js-product-item-view:not(:disabled):focus, .html-dansk .btn.js-product-item-view:not(:disabled):hover { border-color: #407f82; background-color: #407f82; color: #222222; } .html-dansk .btn--hollow { border-color: #222222; background-color: transparent; color: #222222; } .html-dansk .btn--hollow:not(:disabled):focus, .html-dansk .btn--hollow:not(:disabled):hover { border-color: #222222; background-color: #222222; color: #fff; } .html-dansk .btn--hollow-white { border-color: #fff; background-color: transparent; color: #fff; } .html-dansk .btn--hollow-white:not(:disabled):focus, .html-dansk .btn--hollow-white:not(:disabled):hover { border-color: #fff; background-color: #fff; color: #222222; } .html-dansk .btn--lightblue { border-color: #b9d3dc; background: #b9d3dc; color: #000; } .html-dansk .btn--dark { border-color: #1c1e1d; background: #1c1e1d; color: #fff; } .html-dansk .btn--beige { border-color: transparent; background: #cba052; color: #fff; } .html-dansk .btn--beige:not(:disabled):focus, .html-dansk .btn--beige:not(:disabled):hover { border-color: transparent; background-color: #b98c3b; color: #fff; } .html-dansk .btn--transparent { border-color: transparent; background: none; color: #1c1e1d; } .html-dansk .btn--transparent:not(:disabled):focus, .html-dansk .btn--transparent:not(:disabled):hover { border-color: transparent; background-color: #1c1e1d; color: #fff; } .html-dansk .btn--inherit { border-color: currentColor; background: none; color: currentColor; } @media (max-width: 767px) { .html-dansk .btn--mobile-small { padding: 13px 20px; font-size: 13px; } } .html-dansk .btn--mobile-large { font-size: 13px; } .html-dansk .btn-more { font-size: 13px; } @media (max-width: 767px) { .html-dansk .btn-more { font-size: 11px; } } .html-dansk .btn-more:focus, .html-dansk .btn-more:hover { color: currentColor; } .html-dansk .btn-menu span { background: #000; } /* ------------------------------------------------------------ *\ Html Reed and Barton \* ------------------------------------------------------------ */ .html-reed { /* Btn Hollow */ /* Btn Hollow White */ /* Btn Lightblue */ /* Btn Dark */ /* Btn Beige */ /* Btn Transparent */ /* Btn Inherit */ /* Btn Mobile Small */ /* Btn Mobile Large */ /* ------------------------------------------------------------ *\ Btn More \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Btn Menu \* ------------------------------------------------------------ */ } .html-reed .btn, .html-reed .btn.js-product-item-view { border-color: #702e3e; background-color: #702e3e; font-family: "Univers", sans-serif; color: #fff; font-weight: 400; } .html-reed .btn:not(:disabled):focus, .html-reed .btn:not(:disabled):hover, .html-reed .btn.js-product-item-view:not(:disabled):focus, .html-reed .btn.js-product-item-view:not(:disabled):hover { border-color: #8c5764; background-color: #8c5764; color: #fff; } .html-reed .btn--hollow { border-color: #101820; background-color: transparent; color: #101820; font-weight: 700; } .html-reed .btn--hollow:not(:disabled):focus, .html-reed .btn--hollow:not(:disabled):hover { border-color: #101820; background-color: #101820; color: #fff; } .html-reed .btn--hollow-white { border-color: #fff; background-color: transparent; color: #fff; } .html-reed .btn--hollow-white:not(:disabled):focus, .html-reed .btn--hollow-white:not(:disabled):hover { border-color: #fff; background-color: #fff; color: #101820; } .html-reed .btn--lightblue { border-color: #b9d3dc; background: #b9d3dc; color: #000; } .html-reed .btn--dark { border-color: #1c1e1d; background: #1c1e1d; color: #fff; } .html-reed .btn--beige { border-color: transparent; background: #cba052; color: #fff; } .html-reed .btn--beige:not(:disabled):focus, .html-reed .btn--beige:not(:disabled):hover { border-color: transparent; background-color: #b98c3b; color: #fff; } .html-reed .btn--transparent { border-color: transparent; background: none; color: #1c1e1d; } .html-reed .btn--transparent:not(:disabled):focus, .html-reed .btn--transparent:not(:disabled):hover { border-color: transparent; background-color: #1c1e1d; color: #fff; } .html-reed .btn--inherit { border-color: currentColor; background: none; color: currentColor; } @media (max-width: 767px) { .html-reed .btn--mobile-small { padding: 13px 20px; font-size: 13px; } } .html-reed .btn--mobile-large { font-size: 13px; } .html-reed .btn-more { font-family: "Univers", sans-serif; font-size: 13px; font-weight: 700; } @media (max-width: 767px) { .html-reed .btn-more { font-size: 11px; } } .html-reed .btn-more:focus, .html-reed .btn-more:hover { color: currentColor; } .html-reed .btn-menu span { background: #000; } /* ------------------------------------------------------------ *\ Form Elements Reset \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input::-moz-placeholder { color: inherit; opacity: 1; } input::-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea::-moz-placeholder { color: inherit; opacity: 1; } textarea::-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } /* ------------------------------------------------------------ *\ Field \* ------------------------------------------------------------ */ .field { width: 100%; padding: 8px; border: 1px solid #000; border-radius: 0; } .field::-webkit-input-placeholder { color: #bbb; } .field::-moz-placeholder { color: #bbb; } .field::-ms-input-placeholder { color: #bbb; } .field::placeholder { color: #bbb; } /* ------------------------------------------------------------ *\ Field Primary \* ------------------------------------------------------------ */ .field-primary { display: block; width: 100%; height: 55px; padding: 0 28px; border: 1px solid #979797; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (max-width: 767px) { .field-primary { height: 40px; padding: 10px; font-size: 11px; } } /* ------------------------------------------------------------ *\ Field Secondary \* ------------------------------------------------------------ */ .field-secondary { display: block; width: 100%; height: 50px; padding: 28px 0 4px; border: none; border-bottom: 1px solid #1c1e1d; border-radius: 0; background: none; line-height: 1.3; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (max-width: 767px) { .field-secondary { height: 40px; padding: 18px 0 6px; font-size: 12px; } } .field-secondary::-webkit-input-placeholder { color: #6d7278; } .field-secondary::-moz-placeholder { color: #6d7278; } .field-secondary::-ms-input-placeholder { color: #6d7278; } .field-secondary::placeholder { color: #6d7278; } /* ------------------------------------------------------------ *\ Field Tertiary \* ------------------------------------------------------------ */ .field-tertiary { display: block; width: 100%; height: 30px; padding: 8px 13px 7px; border: 1px solid #ededed; border-radius: 0; font-size: 12px; color: #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .field-tertiary::-webkit-input-placeholder { color: #6d7278; opacity: 1; } .field-tertiary::-moz-placeholder { color: #6d7278; opacity: 1; } .field-tertiary::-ms-input-placeholder { color: #6d7278; opacity: 1; } .field-tertiary::placeholder { color: #6d7278; opacity: 1; } textarea.field-tertiary { height: 100px; resize: none; } /* ------------------------------------------------------------ *\ Textarea \* ------------------------------------------------------------ */ .textarea { width: 100%; padding: 8px; border: 1px solid #000; border-radius: 0; } .textarea::-webkit-input-placeholder { color: #bbb; } .textarea::-moz-placeholder { color: #bbb; } .textarea::-ms-input-placeholder { color: #bbb; } .textarea::placeholder { color: #bbb; } /* ------------------------------------------------------------ *\ Textarea Secondary \* ------------------------------------------------------------ */ .textarea-secondary { display: block; width: 100%; height: 190px; padding: 17px 20px; border: 1px solid #000; line-height: 1.67; resize: none; } @media (max-width: 767px) { .textarea-secondary { padding: 10px; font-size: 12px; line-height: 2; } } .textarea-secondary::-webkit-input-placeholder { color: #6d7278; } .textarea-secondary::-moz-placeholder { color: #6d7278; } .textarea-secondary::-ms-input-placeholder { color: #6d7278; } .textarea-secondary::placeholder { color: #6d7278; } /* ------------------------------------------------------------ *\ Select \* ------------------------------------------------------------ */ .select .selectric { border-color: #979797; background: none; } .select .selectric .label { color: inherit; } .select .selectric .button { background: none; } .select .selectric .button:after { border-top-color: #979797; } /* Select Small */ .select--small .selectric-wrapper { max-width: 300px; } /* ------------------------------------------------------------ *\ Select Primary \* ------------------------------------------------------------ */ .select-primary { max-width: 183px; } @media (max-width: 767px) { .select-primary { max-width: none; } } .select-primary .selectric { border-color: #000; background: none; } .select-primary .selectric .label { height: 24px; margin-right: 30px; line-height: 24px; } @media (max-width: 767px) { .select-primary .selectric .label { height: 38px; margin-right: 40px; font-size: 11px; line-height: 38px; } } .select-primary .selectric .button { width: 28px; height: 24px; background: none; font-size: 0; } @media (max-width: 767px) { .select-primary .selectric .button { width: 38px; height: 38px; } } .select-primary .selectric .button:before { position: absolute; top: 50%; right: 10px; content: ''; width: 8px; height: 8px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; margin: -2px 0 0 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 767px) { .select-primary .selectric .button:before { right: 15px; } } .select-primary .selectric .button:after { display: none; } .select-primary .selectric-items { border-color: #000; background: #fff; } .select-primary .selectric-items li { background: none; } .select-primary .selectric-items li.selected, .select-primary .selectric-items li.highlighted { background: #000; color: #fff; } /* ------------------------------------------------------------ *\ Select Secondary \* ------------------------------------------------------------ */ @media (max-width: 767px) { .select-secondary { max-width: none; } } .select-secondary .selectric { border: none; border-bottom: 1px solid #1c1e1d; background: none; } .select-secondary .selectric .label { height: 49px; padding: 27px 0 3px; margin: 0 45px 0 0; font-size: inherit; line-height: 1.3; color: inherit; } @media (max-width: 767px) { .select-secondary .selectric .label { height: 39px; padding: 17px 0 7px; font-size: 12px; } } .select-secondary .selectric .button { width: 36px; height: 100%; background: none; color: #f0f0f0; font-size: 0; } .select-secondary .selectric .button:before { position: absolute; top: 50%; right: 14px; content: ''; width: 8px; height: 8px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; margin: -5px 0 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 767px) { .select-secondary .selectric .button:before { margin-top: -6px; } } .select-secondary .selectric .button:after { position: absolute; top: 9px; bottom: 9px; left: 0; right: auto; width: auto; height: auto; border: none; border-left: 1px solid currentColor; font-size: 0; content: ''; } @media (max-width: 767px) { .select-secondary .selectric .button:after { top: 2px; bottom: 2px; } } .select-secondary .selectric-items { border-color: #000; margin-top: -1px; background: #fff; } .select-secondary .selectric-items ul, .select-secondary .selectric-items li { min-height: 0; font-size: inherit; line-height: inherit; } .select-secondary .selectric-items li { background: none; color: inherit; -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } @media (max-width: 767px) { .select-secondary .selectric-items li { font-size: 12px; } } .select-secondary .selectric-items li:hover { background: #dcdcdc; } .select-secondary .selectric-items li.selected, .select-secondary .selectric-items li.highlighted { background: #000; color: #fff; } .select-secondary .selectric-items li.disabled { display: none; } /* Select Secondary Dark */ .select-secondary--dark .selectric .button { color: inherit; } .select-secondary--dark .selectric-items li.selected, .select-secondary--dark .selectric-items li.highlighted { background: #d1e2e8; color: inherit; } /* ------------------------------------------------------------ *\ Form Row \* ------------------------------------------------------------ */ .form__row { margin-bottom: 15px; } /* ------------------------------------------------------------ *\ Form Row Secondary \* ------------------------------------------------------------ */ .form__row-secondary { position: relative; margin-bottom: 20px; text-align: left; } .form__row-secondary .field-secondary:-webkit-autofill ~ .form__label-secondary, .form__row-secondary .field-secondary:focus ~ .form__label-secondary { top: 1px; font-size: 12px; } @media (max-width: 767px) { .form__row-secondary .field-secondary:-webkit-autofill ~ .form__label-secondary, .form__row-secondary .field-secondary:focus ~ .form__label-secondary { top: -6px; } } .form__row-secondary .form__label-secondary { position: absolute; top: 15px; left: 0; width: 100%; pointer-events: none; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: top 0.4s, font-size 0.4s; -o-transition: top 0.4s, font-size 0.4s; transition: top 0.4s, font-size 0.4s; } @media (max-width: 767px) { .form__row-secondary .form__label-secondary { top: 11px; } } .form__row-secondary .select-secondary ~ .form__label-secondary { padding-right: 45px; } .form__row-secondary.alt .form__label-secondary { top: 1px; font-size: 12px; } @media (max-width: 767px) { .form__row-secondary.alt .form__label-secondary { top: -6px; } } .form__row-indep { margin-top: 25px; } /* ------------------------------------------------------------ *\ Form Label \* ------------------------------------------------------------ */ .form__label { display: block; margin-bottom: 8px; } /* ------------------------------------------------------------ *\ Form Label Secondary \* ------------------------------------------------------------ */ .form__label-secondary { display: block; color: #6d7278; } @media (max-width: 767px) { .form__label-secondary { font-size: 12px; } } /* ------------------------------------------------------------ *\ Form Cols \* ------------------------------------------------------------ */ .form__cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -5px; } @media (max-width: 767px) { .form__cols { display: block; margin: 0; } } .form__cols--secondary .form__col { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; min-width: 50%; max-width: none; } @media (max-width: 767px) { .form__cols--secondary .form__col { min-width: 0; } } .form__col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 5px; } @media (max-width: 767px) { .form__col { max-width: none; padding: 0; } } /* ------------------------------------------------------------ *\ Customer Fields Primary \* ------------------------------------------------------------ */ .customer-fields-primary .customr-field { position: relative; } .customer-fields-primary .customr-field.alt .customr-control-label { top: 1px; font-size: 12px; } @media (max-width: 767px) { .customer-fields-primary .customr-field.alt .customr-control-label { top: -6px; } } .template-customer--account.template-account--details .customer-fields-primary .customr-field.customr-edit .customr-field-email { display: none; } .customer-fields-primary select, .customer-fields-primary input:not([type='submit']):not([type='radio']):not([type='checkbox']) { display: block; width: 100%; height: 50px; padding: 28px 0 4px; border: none; border-bottom: 1px solid #1c1e1d; border-radius: 0; background: none; line-height: 1.3; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (max-width: 767px) { .customer-fields-primary select, .customer-fields-primary input:not([type='submit']):not([type='radio']):not([type='checkbox']) { height: 40px; padding: 18px 0 6px; font-size: 12px; } } .customer-fields-primary .customr-control-label { position: absolute; top: 15px; left: 0; width: 100%; margin: 0 !important; color: #6d7278; pointer-events: none; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: top 0.4s, font-size 0.4s; -o-transition: top 0.4s, font-size 0.4s; transition: top 0.4s, font-size 0.4s; } @media (max-width: 767px) { .customer-fields-primary .customr-control-label { top: 11px; font-size: 12px; } } .customer-fields-primary .customr-field-select { position: relative; } .customer-fields-primary .customr-field-select:before { position: absolute; top: 50%; right: 14px; pointer-events: none; content: ''; width: 8px; height: 8px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; margin: -5px 0 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 767px) { .customer-fields-primary .customr-field-select:before { right: 6px; margin-top: -11px; } } .customer-fields-primary .customr-field-select:after { position: absolute; top: 9px; bottom: 9px; right: 35px; border-left: 1px solid #f0f0f0; pointer-events: none; content: ''; } @media (max-width: 767px) { .customer-fields-primary .customr-field-select:after { top: 2px; bottom: 2px; right: 28px; } } .customer-fields-primary .customr-field-select select { padding-right: 40px; } .customer-fields-primary select { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .customer-fields-primary select::-ms-expand { display: none; } .customer-fields-primary .cancel-form, .customer-fields-primary input[type='submit'] { position: relative; background-color: #003c4d; display: inline-block; color: #fff; font-family: "Graphik", sans-serif; font-size: 13px; font-weight: 500; font-style: normal; line-height: 1.1; letter-spacing: 1px; text-transform: uppercase; vertical-align: middle; text-align: center; text-decoration: none; padding: 13px 20px; border-radius: 0; border: 2px solid #003c4d; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .customer-fields-primary .cancel-form:not(:disabled):hover, .customer-fields-primary input[type='submit']:not(:disabled):hover { color: #fff; background-color: #1c1e1d; border: 2px solid #1c1e1d; text-decoration: none; } .customer-fields-primary .cancel-form { border-color: transparent; background: none; color: #1c1e1d; } .customer-fields-primary .cancel-form:not(:disabled):hover { border-color: transparent; background-color: #1c1e1d; color: #fff; } .customer-fields-primary #customer-fields input.error, .customer-fields-primary #customer-fields select.error { border-color: currentColor; } .customer-fields-primary .customr-container-item.field-has-errors label { color: inherit; } .customer-fields-primary #customer-fields .errors { margin: 7px 0; } .customer-fields-primary .errors { margin-left: 0; color: #ff3c3c; list-style: none outside none; } .customer-fields-primary .errors ul { margin: 0; list-style: none outside none; } .customer-fields-primary .errors li { position: relative; min-height: 15px; padding-left: 28px; font-size: 11px; } .customer-fields-primary .errors li:before { position: absolute; top: 0; left: 1px; width: 15px; height: 15px; border: 1px solid #ff3c3c; border-radius: 50%; font-size: 10px; line-height: 14px; text-align: center; content: '!'; } /* ------------------------------------------------------------ *\ Radio Color \* ------------------------------------------------------------ */ .radio-color { position: relative; } .radio-color input { position: absolute; top: 0; left: 0; overflow: hidden; width: 0; height: 0; opacity: 0; pointer-events: none; display: block; } .radio-color input:checked ~ label { border-color: #1c1e1d; } .radio-color label, .radio-color a { position: relative; display: inline-block; width: 32px; height: 32px; border-radius: 50%; border: 1px solid transparent; -webkit-transition: border 0.4s; -o-transition: border 0.4s; transition: border 0.4s; } .radio-color span { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; border: 1px solid #979797; border-radius: 50%; background-repeat: no-repeat !important; background-position: 50% 50% !important; background-size: cover !important; } .radio-color.current a { border-color: #1c1e1d; } /* Radio Color Mobile */ @media (max-width: 767px) { .radio-color--mobile label { width: 18px; height: 18px; } } @media (max-width: 767px) { .radio-color--mobile span { top: 1px; left: 1px; bottom: 1px; right: 1px; width: 14px; height: 14px; } } /* ------------------------------------------------------------ *\ Checkbox Image \* ------------------------------------------------------------ */ .checkbox-image { position: relative; padding: 12px 0; } @media (max-width: 767px) { .checkbox-image { padding: 3px 0; } } .checkbox-image input { position: absolute; top: 0; left: 0; overflow: hidden; width: 0; height: 0; opacity: 0; pointer-events: none; display: block; } .checkbox-image input:checked ~ label span:before { content: '\2713'; } .checkbox-image small, .checkbox-image span { display: block; } .checkbox-image small { max-width: 133px; margin-bottom: 18px; } .checkbox-image small:last-child { margin-bottom: 0; } .checkbox-image span { position: relative; min-height: 18px; padding-left: 35px; } @media (max-width: 767px) { .checkbox-image span { padding-left: 32px; } } .checkbox-image span:before { position: absolute; top: 2px; left: 0; width: 16px; height: 16px; border-radius: 3px; border: 1px solid #000; font-size: 13px; line-height: 16px; text-align: center; content: ''; } @media (max-width: 767px) { .checkbox-image span:before { left: 1px; } } /* ------------------------------------------------------------ *\ Checkbox \* ------------------------------------------------------------ */ .checkbox { position: relative; } .checkbox input { position: absolute; top: 0; left: 0; overflow: hidden; width: 0; height: 0; opacity: 0; pointer-events: none; display: block; } .checkbox input:checked ~ label:before { content: '\2713'; } .checkbox label { position: relative; display: block; min-height: 18px; padding-left: 25px; font-size: 12px; } @media (max-width: 767px) { .checkbox label { min-height: 16px; font-size: 11px; } } .checkbox label:before { position: absolute; top: 2px; left: 0; width: 15px; height: 16px; border: 1px solid #979797; border-radius: 3px; font-size: 12px; line-height: 14px; text-align: center; content: ''; } @media (max-width: 767px) { .checkbox label:before { top: 0; } } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk { /* ------------------------------------------------------------ *\ Customer Fields Primary \* ------------------------------------------------------------ */ } .html-dansk .customer-fields-primary input[type='submit'] { border-color: #407f82; background-color: #407f82; color: #fff; font-family: "Poppins", sans-serif; } .html-dansk .customer-fields-primary input[type='submit']:not(:disabled):hover { border-color: #407f82; background-color: #407f82; color: #222222; } .html-dansk .customer-fields-primary .cancel-form { font-family: "Poppins", sans-serif; } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form { text-align: center; } .form .form__head { margin-bottom: 5px; } @media (max-width: 767px) { .form .form__head { margin-bottom: 9px; } } .form .form__title { margin-bottom: 24px; } .form .form__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .form .form__title { margin-bottom: 14px; } } @media (max-width: 767px) { .form .form__title:last-child { padding-bottom: 21px; } } .form .form__row-secondary { margin-bottom: 0; } @media (max-width: 767px) { .form .form__row-secondary { margin-bottom: 8px; } } @media (max-width: 767px) { .form .form__row-secondary:last-child { margin-bottom: 0; } } @media (max-width: 767px) { .form .form__message, .form .form__errors { font-size: 12px; line-height: 2; } } .form .form__message { padding: 0 32px 3px; margin-bottom: 19px; } .form .form__message:last-child { margin-bottom: 0; } @media (max-width: 767px) { .form .form__message { padding: 0 10px; margin-bottom: 22px; } } .form .form__errors { padding: 19px 0 10px; color: #ff3c3c; text-align: left; } .form .form__errors ul { margin: 0; list-style: none outside none; } .form .form__image { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .form .form__bar { margin-bottom: 16px; text-align: left; } .form .form__bar:last-child { margin-bottom: 0; } @media (max-width: 767px) { .form .form__bar { margin-bottom: 29px; } } @media (max-width: 767px) { .form .form__bar .link-primary { display: block; } } .form .form__actions { margin-top: 10px; } @media (max-width: 767px) { .form .form__actions { margin-top: 5px; } } .form .form__actions ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; list-style: none outside none; } @media (max-width: 767px) { .form .form__actions ul { display: block; } } .form .form__actions ul:first-child { padding-top: 30px; } @media (max-width: 767px) { .form .form__actions ul:first-child { padding-top: 38px; } } .form .form__actions li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media (max-width: 767px) { .form .form__actions li { max-width: none; margin-bottom: 10px; } } .form .form__actions li:first-child:last-child { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: none; } @media (max-width: 767px) { .form .form__actions li:last-child { margin-bottom: 0; } } .form .form__actions--alt ul { margin: -5px; } @media (max-width: 767px) { .form .form__actions--alt ul { margin: 0; } } .form .form__actions--alt li { padding: 5px; } @media (max-width: 767px) { .form .form__actions--alt li { padding: 0; } } .form ~ .form--guest { margin-top: 30px; } .form .checkbox { padding-top: 8px; } @media (max-width: 767px) { .form .checkbox { padding-top: 1px; } } /* Form Small */ .form--small { max-width: 500px; margin-left: auto; margin-right: auto; } /* Form Recover */ .form--recover { display: none; } .form--recover .form__message { padding-bottom: 7px; } @media (max-width: 767px) { .form--recover .form__message { padding: 0 2px; } } /* Form Address */ .form--address { text-align: left; } .form--address .form__head { margin-bottom: 20px; text-align: center; } @media (max-width: 767px) { .form--address .form__head { margin-bottom: 32px; } } @media (max-width: 767px) { .form--address .form__title:last-child { padding-bottom: 0; } } .form--address .form__row-secondary { margin-bottom: 9px; } @media (max-width: 767px) { .form--address .form__row-secondary { margin-bottom: 10px; } } .form--address .form__actions { padding-left: 32px; } @media (max-width: 767px) { .form--address .form__actions { padding-left: 0; } } .form--address .form__actions ul:first-child { padding-top: 10px; } @media (max-width: 767px) { .form--address .form__actions ul:first-child { padding-top: 23px; } } @media (max-width: 767px) { .form--address .form__row-secondary .form__label-secondary { top: 16px; } } @media (max-width: 767px) { .form--address .field-secondary:-webkit-autofill ~ .form__label-secondary, .form--address .field-secondary:focus ~ .form__label-secondary, .form--address .form__row-secondary.alt .form__label-secondary { top: 0; font-size: 11px; } } @media (max-width: 767px) { .form--address .field-secondary { height: 50px; padding: 26px 0 8px; } } @media (max-width: 767px) { .form--address .select-secondary .selectric .label { height: 49px; padding: 26px 0 8px; } } /* Form Register */ .form--register .form__head { margin-bottom: 10px; } @media (max-width: 767px) { .form--register .form__head { margin-bottom: 21px; } } .form--register .form__title { margin-bottom: 12px; } .form--register .form__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .form--register .form__title { margin-bottom: 14px; } } /* Form Customer */ .form--customer .customr-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } @media (max-width: 767px) { .form--customer .customr-container { display: block; margin: 0; } } .form--customer .customr-container-item { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 0 10px; } @media (max-width: 767px) { .form--customer .customr-container-item { padding: 0; margin-bottom: 8px; } } @media (max-width: 767px) { .form--customer .customr-container-item:last-child { margin-bottom: 0; } } .form--customer .customr-container-item.half-wide, .form--customer .customr-container-item.third-wide, .form--customer .customr-container-item.fourth-wide { display: block; margin-right: 0; } .form--customer .customr-container-item.half-wide { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: auto; } @media (max-width: 767px) { .form--customer .customr-container-item.half-wide { max-width: none; } } .form--customer .customr-container-item.third-wide { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: auto; } @media (max-width: 767px) { .form--customer .customr-container-item.third-wide { max-width: none; } } .form--customer .customr-container-item.fourth-wide { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: auto; } @media (max-width: 767px) { .form--customer .customr-container-item.fourth-wide { max-width: none; } } .form--customer #customer-fields .form-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0; border-top: none; background: none; } @media (max-width: 767px) { .form--customer #customer-fields .form-footer { margin-top: 34px; } } .form--customer #customer-fields .action-icon { display: none; } .form--customer #customer-fields .cancel-form { margin: 0; } .form--customer .cancel-form, .form--customer input[type='submit'] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; min-width: 0; padding-left: 5px; padding-right: 5px; margin: 0; } @media (max-width: 767px) { .form--customer .cancel-form, .form--customer input[type='submit'] { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; width: 100%; margin: 5px 0 !important; } } .form--customer input[type='submit'] { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } /* Form Edit */ .form--edit .form__head { margin-bottom: 20px; } @media (max-width: 767px) { .form--edit .form__head { margin-bottom: 32px; } } @media (max-width: 767px) { .form--edit .form__title:last-child { padding-bottom: 0; } } .form--edit .customr-container-item { margin-bottom: 10px; } .form--edit #customer-fields .form-footer { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form--edit .cancel-form, .form--edit input[type='submit'] { max-width: calc(50% - 5px); } @media (max-width: 767px) { .form--edit .cancel-form, .form--edit input[type='submit'] { max-width: 100%; } } .form--edit .cancel-form { display: none; } .form--edit #customer-fields input[type='submit'] { margin: 0 auto; } /* ------------------------------------------------------------ *\ Form Product \* ------------------------------------------------------------ */ .js-product .form__bar { padding-top: 13px; margin-bottom: 27px; letter-spacing: 0.8px; } @media (max-width: 767px) { .js-product .form__bar { margin-bottom: 22px; font-size: 11px; letter-spacing: 0; } } .form-product .form__label { display: block; font-size: 12px; margin-bottom: 8px; } @media (max-width: 767px) { .form-product .form__label { margin-bottom: 5px; font-size: 11px; } } .form-product .form__label small { font-size: 100%; text-transform: uppercase; } .form-product .form__row { margin-bottom: 15px; } .form-product .form__row--option { padding-top: 11px; } @media (max-width: 767px) { .form-product .form__row--option { padding-top: 6px; } } .form-product .form__quantity { margin-bottom: 19px; } @media (max-width: 767px) { .form-product .form__quantity { margin-bottom: 16px; } } @media (max-width: 767px) { .form-product .form__quantity + .form__quantity-message { margin-top: -7px; } } .form-product .form__quantity-message { padding-left: 2px; margin-bottom: 13px; font-size: 12px; line-height: 1.55; font-weight: 500; color: #ff3c3c; } @media (max-width: 767px) { .form-product .form__quantity-message { margin-bottom: 15px; } } .form-product .form__quantity-message small { font-size: 100%; } .form-product .form__quantity-message i { position: relative; top: -1px; margin-right: 9px; } @media (max-width: 767px) { .form-product .form__quantity-message i { margin-right: 4px; } } .form-product .form__foot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form-product .form__actions { margin-bottom: 18px; } .form-product .form__actions:last-child { margin-bottom: 0; } @media (max-width: 767px) { .form-product .form__actions { margin-bottom: 21px; } } .form-product .form__btn span:nth-child(2) { display: none; } .form-product .form__line { display: none; padding-top: 6px; margin-bottom: 12px; letter-spacing: 0.8px; } .form-product .form__line:last-child { margin-bottom: 0; } .form-product.form-product--pre-order .form__btn span:first-child:not(:last-child) { display: none; } .form-product.form-product--pre-order .form__btn span:nth-child(2) { display: inline; } .form-product.form-product--pre-order .form__line { display: block; } /* ------------------------------------------------------------ *\ Form Primary \* ------------------------------------------------------------ */ .form-primary .form__body { padding: 14px 21px 20px 18px; border: 1px solid #d3d3d3; } @media (max-width: 767px) { .form-primary .form__body { padding: 14px 9px 13px 9px; } } .form-primary .form__inner:last-child { margin-bottom: -20px; } .form-primary .form__col:first-child:last-child { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .form-primary .form__row-secondary ~ .form__row-secondary .textarea-secondary { margin-top: 30px; } @media (max-width: 767px) { .form-primary .form__row-secondary ~ .form__row-secondary .textarea-secondary { margin-top: 0; } } .form-primary .form__actions { margin-top: 32px; } @media (max-width: 767px) { .form-primary .form__actions { margin-top: 21px; } } .form-primary .form__notices { margin-top: 32px; display: none; } .form-primary .form__foot { margin-top: 57px; } @media (max-width: 767px) { .form-primary .form__foot { margin-top: 27px; } } .form-primary .form__foot h3 { margin-bottom: 24px; } .form-primary .form__foot h3:last-child { margin-bottom: 0; } @media (max-width: 767px) { .form-primary .form__foot h3 { margin-bottom: 21px; } } /* Form Primary Small */ .form-primary--small { max-width: 589px; } @media (max-width: 767px) { .form-primary--small { max-width: none; } } /* Form Primary Catalog */ .form-primary--catalog .form__body { padding-bottom: 38px; } @media (max-width: 767px) { .form-primary--catalog .form__body { padding-bottom: 22px; } } /* Form Primary Replacement */ .form-primary--replacement .form__body { padding-bottom: 29px; } .form-primary--replacement .form__actions { margin-top: 30px; } @media (max-width: 767px) { .form-primary--replacement .form__actions { margin-top: 21px; } } /* ------------------------------------------------------------ *\ Form Cart \* ------------------------------------------------------------ */ .form-cart .form__bar { padding: 25px 0 24px; border-top: 1px solid #dcdcdc; } @media (max-width: 767px) { .form-cart .form__bar { padding: 20px 0; } } .form-cart .form__bar ul { margin-left: 16px; } @media (max-width: 767px) { .form-cart .form__bar ul { margin-left: 24px; } } .form-cart .form__bar ul li { padding-left: 12px; font-size: 12px; color: #6d7278; } @media (max-width: 767px) { .form-cart .form__bar ul li { margin-bottom: 10px; font-size: 10px; line-height: 1; } } @media (max-width: 767px) { .form-cart .form__bar ul li:last-child { margin-bottom: 0; } } .form-cart .form__foot { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 39px; border-top: 1px solid #000; } @media (max-width: 767px) { .form-cart .form__foot { display: block; padding-top: 37px; } } .form-cart .form__foot-content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding-right: 20px; } @media (max-width: 1023px) { .form-cart .form__foot-content { padding-right: 15px; } } @media (max-width: 767px) { .form-cart .form__foot-content { padding-right: 0; padding-bottom: 31px; border-bottom: 1px solid #dcdcdc; margin-bottom: 25px; } } .form-cart .form__foot-content:first-child:last-child { padding-right: 0; } @media (max-width: 767px) { .form-cart .form__foot-content:first-child:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } } .form-cart .form__foot-aside { -webkit-box-flex: 0; -ms-flex: 0 0 342px; flex: 0 0 342px; padding-top: 4px; margin-left: auto; } @media (max-width: 1023px) { .form-cart .form__foot-aside { -webkit-box-flex: 0; -ms-flex: 0 0 280px; flex: 0 0 280px; } } .form-cart .list-details { padding-left: 3px; } @media (max-width: 767px) { .form-cart .list-details { padding-left: 0; } } .form-cart .form__foot-bar { margin-top: 18px; } .form-cart .form__empty { position: relative; padding-bottom: 85px; margin-top: -4px; text-align: center; } @media (max-width: 767px) { .form-cart .form__empty { padding: 2px 0 33px; margin-top: 0; } } .form-cart .form__empty:before { position: absolute; bottom: -17px; left: 50%; width: 340px; border-bottom: 1px solid #dcdcdc; margin-left: -170px; content: ''; } @media (max-width: 767px) { .form-cart .form__empty:before { display: none; } } .form-cart .form__empty .btn { min-width: 265px; } .form-cart .form__empty ~ * { display: none; } .form-cart .form__entry { margin-bottom: 7px; } .form-cart .form__entry:last-child { margin-bottom: 0; } @media (max-width: 767px) { .form-cart .form__entry { margin-bottom: 15px; } } .form-cart .form__entry--small { margin-bottom: 35px; color: #9b9b9b; } .form-cart .form__entry--small:last-child { margin-bottom: 0; } @media (max-width: 767px) { .form-cart .form__entry--small { margin-bottom: 45px; } } .form-cart .form__gift { padding: 13px 0 17px; border-top: 1px solid #dcdcdc; } .form-cart .form__gift .gift-note { max-width: 380px; } @media (max-width: 767px) { .form-cart .form__gift .gift-note { max-width: none; } } .form-cart .form__actions { position: relative; } .form-cart .form__actions .js-btn-checkout-true { position: absolute; top: 0; z-index: -1; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk .form-product .qty .qty__label { margin-right: 47px; } @media (max-width: 767px) { .html-dansk .form-product .qty .qty__label { margin-right: 12px; } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^='list-'] { list-style: none outside none; margin-left: 0; } /* ------------------------------------------------------------ *\ List - Logos \* ------------------------------------------------------------ */ .list-logos { display: -webkit-box; display: -ms-flexbox; display: flex; } .list-logos li { display: -webkit-box; display: -ms-flexbox; display: flex; } .list-logos li.current a { opacity: 1; /* background-color: #5a808b; */ } .list-logos li.current a figure:nth-child(1):not(:last-child) { opacity: 0; } .list-logos li.current a figure:nth-child(2) { opacity: 1; } .list-logos a { opacity: 0.5; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; display: inline-block; -webkit-transition: background 0.4s ease-in; -o-transition: background 0.4s ease-in; transition: background 0.4s ease-in; } .list-logos a:focus, .list-logos a:hover { /* background-color: #5a808b; */ opacity: 1; } .list-logos a:focus figure:nth-child(1):not(:last-child), .list-logos a:hover figure:nth-child(1):not(:last-child) { opacity: 0; } .list-logos a:focus figure:nth-child(2), .list-logos a:hover figure:nth-child(2) { opacity: 1; } .list-logos figure { overflow: hidden; padding: 4px 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .list-logos figure:nth-child(2) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .list-logos img { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; max-width: 110px; max-height: 34px; margin: 0 27px; } @media (max-width: 1199px) { .list-logos img { margin: 0 15px; } } @media (max-width: 1023px) { .list-logos img { margin: 0 10px; } } /* ------------------------------------------------------------ *\ List - Collections \* ------------------------------------------------------------ */ .list-collections { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; margin: 0 -21px; } @media (max-width: 1023px) { .list-collections { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px; } } @media (max-width: 767px) { .list-collections { margin: 0 -8px; } } .list-collections:last-child { margin-bottom: -42px; } @media (max-width: 1023px) { .list-collections:last-child { margin-bottom: -30px; } } @media (max-width: 767px) { .list-collections:last-child { margin-bottom: -21px; } } .list-collections li { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0 21px; margin-bottom: 42px; } @media (max-width: 1023px) { .list-collections li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 15px; margin-bottom: 30px; } } @media (max-width: 767px) { .list-collections li { padding: 0 8px; margin-bottom: 21px; } } .list-collections div { position: relative; } .list-collections a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; } .list-collections a:focus ~ .btn-more, .list-collections a:hover ~ .btn-more { color: #1c1e1d; } .list-collections a:focus ~ .btn-more:after, .list-collections a:hover ~ .btn-more:after { width: 30%; } .list-collections small { display: block; padding-top: 141%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } @media (max-width: 767px) { .list-collections small { padding-top: 146%; } } .list-collections .btn-more { margin-top: 36px; } @media (max-width: 767px) { .list-collections .btn-more { margin-top: 14px; } } /* ------------------------------------------------------------ *\ List - Brands \* ------------------------------------------------------------ */ .list-brands { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; font-size: 0; text-align: center; } @media (max-width: 767px) { .list-brands { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; text-align: center; margin: 0 -5px; } } .list-brands:last-child { margin-bottom: -20px; } @media (max-width: 767px) { .list-brands:last-child { margin-bottom: -35px; } } .list-brands li { position: relative; margin: 0 10px 20px; } @media (max-width: 767px) { .list-brands li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 33%; padding: 0 5px; margin: 0 0 30px; } } .list-brands a { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .list-brands a:focus ~ figure img, .list-brands a:hover ~ figure img { opacity: 0.8; } .list-brands figure { display: inline-block; max-width: 200px; height: 67px; font-size: 0; } @media (max-width: 767px) { .list-brands figure { max-width: 118px; height: 40px; } } .list-brands figure:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .list-brands img { max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } /* ------------------------------------------------------------ *\ List Radios Colors \* ------------------------------------------------------------ */ .list-radios-colors { position: relative; padding-left: 9px; padding-right: 10px; font-size: 0; } .list-radios-colors.js-radios-slider > div:not(.slick-list) { display: inline-block; vertical-align: top; } .list-radios-colors .slick-arrow { position: absolute; top: 0; width: 10px; height: 32px; border: none; background: none; font-size: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (max-width: 767px) { .list-radios-colors .slick-arrow { height: 18px; } } .list-radios-colors .slick-arrow:before { position: absolute; top: 50%; left: 3px; content: ''; width: 7px; height: 7px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: #1c1e1d; margin: -4px 0 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 767px) { .list-radios-colors .slick-arrow:before { left: 4px; width: 5px; height: 5px; margin-top: -3px; } } .list-radios-colors .slick-prev { left: 0; } .list-radios-colors .slick-next { right: 0; } .list-radios-colors .slick-next:before { left: 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } @media (max-width: 767px) { .list-radios-colors .slick-next:before { left: 2px; } } .list-radios-colors .slick-disabled:before { border-color: #d3d3d3; } /* ------------------------------------------------------------ *\ List Radios Product \* ------------------------------------------------------------ */ .list-radios-product { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 280px; padding-left: 2px; margin-right: -9px; font-size: 0; } @media (max-width: 767px) { .list-radios-product { padding-left: 0; margin-right: -8px; } } .list-radios-product:last-child { margin-bottom: -9px; } @media (max-width: 767px) { .list-radios-product:last-child { margin-bottom: -8px; } } .list-radios-product li { margin: 0 9px 9px 0; } @media (max-width: 767px) { .list-radios-product li { margin: 0 8px 8px 0; } } /* ------------------------------------------------------------ *\ List Buttons \* ------------------------------------------------------------ */ .list-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 170px; border-radius: 20px; margin: 0 auto; background: #1c1e1d; color: #fff; } .list-buttons li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; position: relative; max-width: 50%; } .list-buttons li:nth-child(odd) { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } .list-buttons li:nth-child(even) { -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; } .list-buttons li:nth-child(even):before { position: absolute; top: 50%; left: 0; width: 1px; height: 12px; margin-top: -6px; background: currentColor; content: ''; } .list-buttons a { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; display: block; padding: 9px 10px 10px; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-decoration: none; text-align: center; } .list-buttons a:hover { color: inherit; text-decoration: none; } /* ------------------------------------------------------------ *\ List Checkboxes Images \* ------------------------------------------------------------ */ .list-checkboxes-images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; } @media (max-width: 767px) { .list-checkboxes-images { display: block; margin-right: 0; } } .list-checkboxes-images li { margin-right: 20px; } @media (max-width: 767px) { .list-checkboxes-images li { margin-right: 0; } } @media (max-width: 767px) { .list-checkboxes-images li ~ li { margin-top: 20px; } } /* ------------------------------------------------------------ *\ List Details \* ------------------------------------------------------------ */ .list-details { margin-bottom: 25px; } .list-details:last-child { margin-bottom: 0; } @media (max-width: 767px) { .list-details { margin-bottom: 40px; } } .list-details li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 18px; } .list-details li:last-child { margin-bottom: 0; } @media (max-width: 767px) { .list-details li { margin-bottom: 22px; } } .list-details li.alt { padding-top: 22px; border-top: 1px solid #dcdcdc; margin-top: 28px; } .list-details li.alt:first-child { padding-top: 0; border-top: none; margin-top: 0; } .list-details span { font-size: 12px; line-height: 1; text-transform: uppercase; letter-spacing: 0.8px; } .list-details small { font-size: 100%; padding-left: 10px; } /* List Details Prices */ .list-details--prices span { font-size: 13px; font-weight: 500; letter-spacing: 1.5px; } /* ------------------------------------------------------------ *\ List Links \* ------------------------------------------------------------ */ .list-links li { padding: 23px 0 21px; border-bottom: 2px solid #9b9b9b; } .list-links a { font-family: "Ivy Journal", serif; font-size: 24px; line-height: 1.25; } .list-links span { display: block; margin-top: 7px; } .list-links span:first-child { margin-top: 0; } /* ------------------------------------------------------------ *\ List Icons \* ------------------------------------------------------------ */ .list-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } @media (max-width: 767px) { .list-icons { display: block; margin: 0; } } .list-icons:last-child { margin-bottom: -20px; } @media (max-width: 767px) { .list-icons:last-child { margin-bottom: 0; } } .list-icons li { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; min-width: 33.33%; padding: 0 15px; margin-bottom: 20px; } @media (max-width: 767px) { .list-icons li { padding: 0; margin-bottom: 25px; } } @media (max-width: 767px) { .list-icons li:last-child { margin-bottom: 0; } } .list-icons small { display: block; width: 25px; height: 25px; margin: 0 auto 13px; font-size: 0; text-align: center; } @media (max-width: 767px) { .list-icons small { margin-bottom: 6px; } } .list-icons small:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .list-icons img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .list-icons span { display: block; font-size: 12px; line-height: 1.42; } /* ------------------------------------------------------------ *\ Html Dansk \* ------------------------------------------------------------ */ .html-dansk { /* ------------------------------------------------------------ *\ List Logos \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ List Collections \* ------------------------------------------------------------ */ /* .list-collections { @media (max-width: 767px) { overflow-x: auto; flex-wrap: nowrap; padding: 0 22px; margin: 0 -25px; } &:last-child { @media (max-width: 767px) { margin-bottom: 0; } } &:after { @media (max-width: 767px) { flex: 0 0 22px; display: block; width: 22px; height: 1px; content: ''; } } li { @media (max-width: 767px) { flex: 0 0 150px; max-width: 150px; padding: 0; margin-right: 15px; margin-bottom: 0; } &:last-child { @media (max-width: 767px) { margin-right: 0; } } } .btn-more { @media (max-width: 767px) { margin-top: 11px; } } } */ } .html-dansk .list-logos li.current a, .html-dansk .list-logos a:focus, .html-dansk .list-logos a:hover { background-color: #ede9d9; } /* ------------------------------------------------------------ *\ HTML Reed & Barton \* ------------------------------------------------------------ */ .html-reed { /* ------------------------------------------------------------ *\ List Logos \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ List Collections \* ------------------------------------------------------------ */ /* .list-collections { @media (max-width: 767px) { overflow-x: auto; flex-wrap: nowrap; padding: 0 22px; margin: 0 -25px; } &:last-child { @media (max-width: 767px) { margin-bottom: 0; } } &:after { @media (max-width: 767px) { flex: 0 0 22px; display: block; width: 22px; height: 1px; content: ''; } } li { @media (max-width: 767px) { flex: 0 0 150px; max-width: 150px; padding: 0; margin-right: 15px; margin-bottom: 0; } &:last-child { @media (max-width: 767px) { margin-right: 0; } } } .btn-more { @media (max-width: 767px) { margin-top: 11px; } } } */ } .html-reed .list-logos li.current a, .html-reed .list-logos a:focus, .html-reed .list-logos a:hover { background-color: #bbb; } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: inline-block; width: auto; height: 70px; font-size: 0; } @media (max-width: 1023px) { .logo { width: 80px; height: 49px; text-align: center; } } @media (max-width: 767px) { .logo { width: 55px; height: 35px; } } .logo:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .logo img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk .logo { width: 136px; height: 36px; } @media (max-width: 767px) { .html-dansk .logo { width: 64px; height: 18px; } } /* ------------------------------------------------------------ *\ Html Reed \* ------------------------------------------------------------ */ .html-reed .logo { width: 170px; height: 36px; /* Mobile */ } @media (max-width: 767px) { .html-reed .logo { width: 112px; height: 24px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { font-size: 15px; font-weight: 400; font-style: normal; line-height: 1.87; } .nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; } @media (max-width: 1023px) { .nav > ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } } @media (max-width: 1023px) { .nav > ul > li { margin-bottom: 10px; } } @media (max-width: 1023px) { .nav > ul > li:last-child { margin-bottom: 0; } } .nav > ul > li.current > a { border-bottom-color: currentColor; } @media (max-width: 1023px) { .nav > ul > li.expanded > a span { border-bottom-color: currentColor; } } .nav > ul > li:focus > .nav__dropdown, .nav > ul > li:hover > .nav__dropdown { opacity: 1; visibility: visible; } @media (min-width: 1024px) and (max-width: 1024px) { .nav > ul > li:focus > .nav__dropdown, .nav > ul > li:hover > .nav__dropdown { display: block; } } .nav > ul > li:focus > a, .nav > ul > li:hover > a { border-bottom-color: currentColor; color: inherit; } .nav > ul > li > a { display: inline-block; text-decoration: none; padding: 46px 17px 41px 17px; border-bottom: 5px solid transparent; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } @media (max-width: 1199px) { .nav > ul > li > a { padding: 30px 10px 25px 10px; } } @media (max-width: 1023px) { .nav > ul > li > a { display: block; padding: 3px 0 2px; border-bottom: none; line-height: 1.35; } } .nav > ul > li > a:hover, .nav > ul > li > a:focus { border-bottom-color: currentColor; color: inherit; } .nav > ul > li > a:hover ~ .nav__dropdown, .nav > ul > li > a:focus ~ .nav__dropdown { opacity: 1; visibility: visible; } @media (min-width: 1024px) and (max-width: 1024px) { .nav > ul > li > a:hover ~ .nav__dropdown, .nav > ul > li > a:focus ~ .nav__dropdown { display: block; } } @media (max-width: 1023px) { .nav > ul > li > a > span { display: inline-block; border-bottom: 3px solid transparent; -webkit-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; } } .nav .nav__dropdown { position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; padding: 55px 0; background: #fff; -webkit-box-shadow: inset 0 -1px 0px 0px #d8d8d8; box-shadow: inset 0 -1px 0px 0px #d8d8d8; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s, visibility 0.2s; -o-transition: opacity 0.2s, visibility 0.2s; transition: opacity 0.2s, visibility 0.2s; } @media (min-width: 1024px) and (max-width: 1024px) { .nav .nav__dropdown { display: none; opacity: 1; visibility: visible; } } @media (max-width: 1023px) { .nav .nav__dropdown { position: static; display: none; width: auto; padding: 0; background: none; -webkit-box-shadow: none; box-shadow: none; opacity: 1; visibility: visible; } } @media (max-width: 767px) { .nav .nav__dropdown .container { padding: 0; } } .nav .nav__dropdown-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 5px 0 2px; } @media (max-width: 1023px) { .nav .nav__dropdown-body { display: block; padding: 16px 0 37px; } } .nav .nav__dropdown-content { padding-right: 20px; } @media (max-width: 1023px) { .nav .nav__dropdown-content { padding: 0 0 0 10px; } } .nav .nav__dropdown-content:first-child:last-child { padding-right: 0; } .nav .nav__dropdown-content > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -100px; } @media (max-width: 1379px) { .nav .nav__dropdown-content > ul { margin-right: -80px; } } @media (max-width: 1199px) { .nav .nav__dropdown-content > ul { margin-right: -50px; } } @media (max-width: 1023px) { .nav .nav__dropdown-content > ul { display: block; margin-right: 0; } } .nav .nav__dropdown-content > ul > li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 100px; } @media (max-width: 1379px) { .nav .nav__dropdown-content > ul > li { margin-right: 80px; } } @media (max-width: 1199px) { .nav .nav__dropdown-content > ul > li { margin-right: 50px; } } @media (max-width: 1023px) { .nav .nav__dropdown-content > ul > li { margin-right: 0; margin-bottom: 34px; } } @media (max-width: 1023px) { .nav .nav__dropdown-content > ul > li:last-child { margin-bottom: 0; } } .nav .nav__dropdown-content > ul > li > a { display: block; margin-bottom: 6px; font-weight: 500; } .nav .nav__dropdown-content > ul > li > a:last-child { margin-bottom: 0; } .nav .nav__dropdown-content li { margin-bottom: 6px; } @media (max-width: 1023px) { .nav .nav__dropdown-content li:last-child { margin-bottom: 0; } } .nav .nav__dropdown-content a { text-decoration: none; } .nav .nav__dropdown-content a:hover { color: #9b9b9b; } .nav .nav__dropdown-aside { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; max-width: 1007px; min-width: 666px; margin-top: 11px; } @media (max-width: 1379px) { .nav .nav__dropdown-aside { max-width: 782px; min-width: 516px; } } @media (max-width: 1199px) { .nav .nav__dropdown-aside { max-width: 680px; min-width: 450px; } } @media (max-width: 1023px) { .nav .nav__dropdown-aside { max-width: none; min-width: 0; margin-top: 0; } } @media (max-width: 1023px) { .nav .nav__dropdown-mobile { margin-top: 58px; } } /* ------------------------------------------------------------ *\ Nav - Utilities \* ------------------------------------------------------------ */ .nav-utilities ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-utilities li { overflow: hidden; } .nav-utilities li + li { margin-left: 25px; } @media (max-width: 767px) { .nav-utilities li + li { margin-left: 20px; } } .nav-utilities img { margin-bottom: 0; } .nav-utilities small { font-size: 100%; } .nav-utilities svg { vertical-align: middle; } .nav-utilities svg path { fill: currentColor; } .nav-utilities a { display: inline-block; opacity: 1; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .nav-utilities a:focus, .nav-utilities a:hover { opacity: 0.6; color: currentColor; } .nav-utilities a.loggedin-status { font-size: 15px; text-decoration: none; } .nav-utilities a.loggedin-status span { padding-left: 5px; } .nav-utilities a.js-btn-search-desktop input { display: none; } @media (min-width: 1024px) { .nav-utilities a.js-btn-search-desktop { position: relative; } .nav-utilities a.js-btn-search-desktop input { display: block; width: 200px; height: 42px; border: 1px solid #1c1e1d; font-size: 15px; padding-left: 15px; pointer-events: none; } .nav-utilities a.js-btn-search-desktop input::-webkit-input-placeholder { opacity: 1; color: #bbb; } .nav-utilities a.js-btn-search-desktop input::-moz-placeholder { opacity: 1; color: #bbb; } .nav-utilities a.js-btn-search-desktop input::-ms-input-placeholder { opacity: 1; color: #bbb; } .nav-utilities a.js-btn-search-desktop input::placeholder { opacity: 1; color: #bbb; } .nav-utilities a.js-btn-search-desktop svg { position: absolute; top: 9px; right: 15px; } } .nav-utilities .nav-utilities__search-link, .nav-utilities .nav-utilities__wishlist-link { display: none; } .nav-utilities .nav-utilities__cart { position: relative; overflow: visible; } .nav-utilities .nav-utilities__cart.disabled:after { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; pointer-events: auto; content: ''; } .nav-utilities .nav-utilities__cart.disabled > * { pointer-events: none; } .nav-utilities .nav-utilities__cart > a > span { position: absolute; top: 2px; right: -6px; width: 15px; height: 15px; border-radius: 50%; background: #5a808b; color: #fff; font-size: 9px; font-weight: bold; line-height: 15px; text-align: center; } @media (max-width: 767px) { .nav-utilities .nav-utilities__cart > a > span { top: 3px; right: -12px; width: 13px; height: 13px; font-size: 8px; line-height: 13px; } } /* Nav Utilities Primary */ .nav-utilities--primary > ul { font-size: 0; } /* Nav Utilities Secondary */ .nav-utilities--secondary a.wk-link, .nav-utilities--secondary a { display: block; } .nav-utilities--secondary .wishlist-link { font-size: inherit; } .nav-utilities--secondary .wishlist-link a.wk-link .wk-icon { display: none; } .nav-utilities--secondary .wishlist-link .wk-label { display: block; } /* ------------------------------------------------------------ *\ Nav - Filter \* ------------------------------------------------------------ */ .nav-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; padding-right: 6px; } .nav-filter ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; } .nav-filter li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 53px; } @media (max-width: 1023px) { .nav-filter li { margin-right: 10px; } } .nav-filter li:last-child { margin-right: 0; } .nav-filter li > span { margin-right: 20px; } .nav-filter a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .nav-filter img { margin-bottom: 0; } .nav-filter span + img, .nav-filter span + span { margin-left: 10px; } /* ------------------------------------------------------------ *\ Nav Inline \* ------------------------------------------------------------ */ .nav-inline { position: relative; left: 50%; right: 50%; width: 100vw; margin-left: -50vw; margin-right: -50vw; } .nav-inline ul { overflow-x: auto; font-size: 0; padding: 0 25px; text-align: center; white-space: nowrap; } .nav-inline ul ul { display: none; } .nav-inline li { display: inline-block; margin: 0 18px; vertical-align: top; } @media (max-width: 767px) { .nav-inline li { margin: 0 14px; } } .nav-inline li:first-child { margin-left: 0; } .nav-inline li:last-child { margin-right: 0; } .nav-inline li.current a:before { left: 0; width: 100%; } .nav-inline a { position: relative; display: block; padding: 7px 0; font-size: 13px; font-weight: 500; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .nav-inline a:focus, .nav-inline a:hover { color: inherit; } .nav-inline a:focus:before, .nav-inline a:hover:before { left: 0; width: 100%; } .nav-inline a:before { position: absolute; bottom: 0; left: 50%; width: 0; border-bottom: 3px solid currentColor; -webkit-transition: left 0.4s, width 0.4s; -o-transition: left 0.4s, width 0.4s; transition: left 0.4s, width 0.4s; content: ''; } @media (max-width: 767px) { .nav-inline a:before { border-bottom-width: 2px; } } /* Nav Inline Primary */ @media (max-width: 767px) { .nav-inline--primary a { padding: 6px 0; font-size: 11px; } } /* Nav Inline Secondary */ @media (max-width: 767px) { .nav-inline--secondary ul { padding: 0 30px; } } .nav-inline--secondary li { margin: 0 19px; } @media (max-width: 767px) { .nav-inline--secondary li { margin: 0 10px; } } .nav-inline--secondary li:first-child { margin-left: 0; } .nav-inline--secondary li:last-child { margin-right: 0; } /* ------------------------------------------------------------ *\ Nav Block \* ------------------------------------------------------------ */ .nav-block > ul > li ~ li { margin-top: 10px; } .nav-block > ul > li > a, .nav-block > ul > li > span { position: relative; display: block; padding: 9px 0 16px; border-bottom: 3px solid #003c4d; font-size: 20px; font-weight: 500; line-height: 1.6; } @media (max-width: 767px) { .nav-block > ul > li > a, .nav-block > ul > li > span { padding: 17px 30px 17px 3px; font-size: 14px; cursor: pointer; } } .nav-block ul ul ul { display: none !important; } .nav-block ul ul li { border-bottom: 1px solid #eaeaea; } .nav-block ul ul li.current a { font-weight: 500; } .nav-block ul ul a { display: block; padding: 18px 0 17px; font-size: 12px; text-decoration: none; } .nav-block ul ul a:hover { color: #276678; text-decoration: none; } /* Nav Block Primary */ @media (max-width: 767px) { .nav-block--primary > ul > li.expanded > a:before, .nav-block--primary > ul > li.expanded > span:before { opacity: 0; } } @media (max-width: 767px) { .nav-block--primary > ul > li > a:before, .nav-block--primary > ul > li > a:after, .nav-block--primary > ul > li > span:before, .nav-block--primary > ul > li > span:after { position: absolute; background: currentColor; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; content: ''; } } @media (max-width: 767px) { .nav-block--primary > ul > li > a:before, .nav-block--primary > ul > li > span:before { top: 18px; right: 10px; width: 1px; height: 15px; } } @media (max-width: 767px) { .nav-block--primary > ul > li > a:after, .nav-block--primary > ul > li > span:after { top: 25px; right: 3px; width: 15px; height: 1px; } } @media (max-width: 767px) { .nav-block--primary ul ul { display: none; } } @media (min-width: 768px) { .nav-block--primary ul ul { display: block !important; } } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk { /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Nav Utilities \* ------------------------------------------------------------ */ } .html-dansk .nav > ul > li { margin-right: 34px; } @media (max-width: 1023px) { .html-dansk .nav > ul > li { margin-right: 0; } } .html-dansk .nav > ul > li:focus > a, .html-dansk .nav > ul > li:hover > a { border-bottom-color: #ab2328; } @media (max-width: 1023px) { .html-dansk .nav > ul > li.expanded > a span { border-bottom-color: #ab2328; } } .html-dansk .nav > ul > li > a { padding-left: 0; padding-right: 0; } .html-dansk .nav > ul > li > a:hover, .html-dansk .nav > ul > li > a:focus { border-bottom-color: #ab2328; color: inherit; } .html-dansk .nav .nav__dropdown { background: #fafafa; -webkit-box-shadow: inset 0 -1px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 0px 0px rgba(0, 0, 0, 0.1); } @media (max-width: 1023px) { .html-dansk .nav .nav__dropdown { background: none; -webkit-box-shadow: none; box-shadow: none; } } .html-dansk .nav .nav__dropdown-content a:hover { color: #707070; } .html-dansk .nav .nav__dropdown-aside { min-width: 777px; padding-left: 66px; border-left: 1px solid #d3d3d3; } @media (max-width: 1379px) { .html-dansk .nav .nav__dropdown-aside { min-width: 516px; border-left: none; } } .html-dansk .nav .nav__dropdown-aside:first-child { padding-left: 0; border-left: none; } .html-dansk .nav .nav__dropdown-content > ul > li > a { font-weight: inherit; } .html-dansk .nav-utilities > ul > li > a:hover, .html-dansk .nav-utilities > ul > li > a:focus { color: currentColor; } .html-dansk .nav-utilities .nav-utilities__cart > a > span { background: #ab2328; font-size: 12px; font-weight: 500; } @media (max-width: 767px) { .html-dansk .nav-utilities .nav-utilities__cart > a > span { font-size: 10px; } } /* ------------------------------------------------------------ *\ Reed and Barton \* ------------------------------------------------------------ */ .html-reed { /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ } .html-reed .nav { font-family: "Univers", sans-serif; /* Mobile */ } .html-reed .nav > ul { margin: 0 -20px; } .html-reed .nav > ul > li { margin: 0 20px; } .html-reed .nav > ul > li:focus > a, .html-reed .nav > ul > li:hover > a, .html-reed .nav > ul > li.current > a { border-bottom-color: #702e3e; } .html-reed .nav > ul > li > a { padding-left: 0; padding-right: 0; line-height: 1.67; } .html-reed .nav .nav__dropdown { padding: 66px 0 40px; background: #fff; } .html-reed .nav .nav__dropdown-content > ul > li > a { font-size: 15px; line-height: 1.33; font-weight: 600; } .html-reed .nav .nav__dropdown-content { padding-right: 108px; } .html-reed .nav .nav-items { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-left: solid 1px #d3d3d3; } .html-reed .nav .nav-items:last-child { margin-bottom: 0; } @media (max-width: 1023px) { .html-reed .nav .nav-items { border-left: none; padding-left: 10px; } } .html-reed .nav .nav-item { margin-left: 56px; } .html-reed .nav .nav-item__title { font-family: "Univers", sans-serif; font-size: 15px; text-transform: none; font-weight: 400; } @media (max-width: 767px) { .html-reed .nav .nav__dropdown { padding: 0; background: none; } .html-reed .nav .nav__dropdown-content > ul > li > a { margin-bottom: 5px; font-weight: 400; } .html-reed .nav .nav__dropdown a { font-weight: 300; } } .html-reed .nav-utilities { /* Mobile */ } .html-reed .nav-utilities > ul > li > a, .html-reed .nav-utilities > ul > li > a:hover, .html-reed .nav-utilities > ul > li > a:focus { color: #1c1e1d; } .html-reed .nav-utilities .nav-utilities__cart > a > span { background: #702e3e; font-family: "Univers", sans-serif; font-size: 12px; font-weight: 400; color: #fff; } @media (max-width: 767px) { .html-reed .nav-utilities .nav-utilities__cart > a > span { font-size: 10px; } } /* ------------------------------------------------------------ *\ Bar \* ------------------------------------------------------------ */ .bar { background-color: #003c4d; color: #fff; font-family: "Graphik", sans-serif; font-size: 15px; line-height: 1.33; } @media (max-width: 1023px) { .bar { font-size: 11px; } } @media (max-width: 767px) { .bar .container { padding: 0; } } .bar .list-logos { margin-left: 25px; margin-right: -4px; } @media (max-width: 1199px) { .bar .list-logos { margin-right: -15px; } } @media (max-width: 1023px) { .bar .list-logos { margin-left: 10px; } } @media (max-width: 767px) { .bar .list-logos { margin: 0; } } @media (max-width: 767px) { .bar .list-logos li { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } } .bar .list-logos a { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .bar .list-logos a { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } } .bar .list-logos figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .bar .list-logos figure { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; height: 40px; padding: 4px; } } .bar .list-logos img { margin: 0 18px; } @media (max-width: 1199px) { .bar .list-logos img { margin: 0 15px; } } @media (max-width: 1023px) { .bar .list-logos img { margin: 0 10px; } } @media (max-width: 767px) { .bar .list-logos img { max-width: 100%; max-height: 32px; margin: 0; } } .bar p { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-bottom: 0; } .bar .btn-close { position: absolute; top: 50%; right: 14px; margin-top: -8px; } .bar .bar__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 58px; } .bar .bar__inner[data-bar-content-empty] { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (max-width: 767px) { .bar .bar__inner { display: block; min-height: 0; } } .bar .bar__content { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 40%; padding-right: 15px; } .bar .bar__content .bar__content_items { font-family: 'Graphik'; font-weight: 200; font-size: 15px; color: #ffffff; width: 100%; } .bar .bar__content a { text-decoration: none; -webkit-transition: 0.4s opacity; -o-transition: 0.4s opacity; transition: 0.4s opacity; } .bar .bar__content a:hover, .bar .bar__content a:focus { color: inherit; opacity: 0.7; } @media (max-width: 767px) { .bar .bar__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100vw; height: 35px; background-color: #fff; color: #1c1e1d; font-size: 10px; padding: 10px 30px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; text-align: center; -webkit-transition: margin-top 0.4s; -o-transition: margin-top 0.4s; transition: margin-top 0.4s; } } .bar .bar__content p { font-weight: 200; } @media (max-width: 767px) { .bar .bar__content p { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } .bar .bar__aside { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 53px; } .bar .bar__aside p { font-weight: 200; } @media (max-width: 767px) { .bar .bar__aside { min-height: 0; } } @media (max-width: 767px) { .bar .bar__aside p { display: none; } } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk .bar { background: #d3c9a0; color: inherit; } @media (max-width: 767px) { .html-dansk .bar .bar__content p { font-family: "Poppins", sans-serif; letter-spacing: 0.42px; } } /* ------------------------------------------------------------ *\ Reed & Barton \* ------------------------------------------------------------ */ .html-reed { /* Mobile */ } .html-reed .bar { background-color: #1e1e1e; color: #fff; } @media (max-width: 767px) { .html-reed .template-index .bar .bar__aside { display: -webkit-box; display: -ms-flexbox; display: flex; } } /* ------------------------------------------------------------ *\ Section Landing \* ------------------------------------------------------------ */ .section-landing { min-height: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; background-color: #003c4d; } @media (max-width: 1199px) { .section-landing { min-height: 500px; } } @media (max-width: 1023px) { .section-landing { min-height: 400px; } } @media (max-width: 767px) { .section-landing { display: block; min-height: 0; } } .section-landing:after { min-height: inherit; font-size: 0; content: ''; } @media (max-width: 767px) { .section-landing:after { display: none; } } .section-landing .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 41.66%; flex: 0 0 41.66%; max-width: 41.66%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; text-align: center; padding: 30px; } @media (max-width: 1199px) { .section-landing .section__content { padding: 40px; } } @media (max-width: 767px) { .section-landing .section__content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: left; font-size: 14px; line-height: 2; padding: 27px 26px 30px 26px; } } .section-landing .section__content:first-child:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (max-width: 767px) { .section-landing .section__content .btn { display: block; } } .section-landing .section__content h2 { font-size: 50px; line-height: 1.1; margin-bottom: 31px; } @media (max-width: 1023px) { .section-landing .section__content h2 { font-size: 36px; } } @media (max-width: 767px) { .section-landing .section__content h2 { font-size: 28px; margin-bottom: 16px; } } .section-landing .section__content h6 { margin-bottom: 15px; line-height: 1.07; } .section-landing .section__content h6:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-landing .section__content h6 { line-height: 1.27; } } @media (max-width: 1023px) { .section-landing .section__content p br { display: none; } } .section-landing .section__content .section__actions { margin-top: 54px; } @media (max-width: 767px) { .section-landing .section__content .section__actions { margin-top: 25px; } } .section-landing .section__content--dark { color: #1c1e1d; } .section-landing .section__content--dark .btn--hollow-white { border-color: #1c1e1d; color: #1c1e1d; } .section-landing .section__content--dark .btn--hollow-white:not(:disabled):focus, .section-landing .section__content--dark .btn--hollow-white:not(:disabled):hover { border-color: #1c1e1d; background: #1c1e1d; color: #fff; } .section-landing .section__inner { max-width: 410px; } @media (max-width: 767px) { .section-landing .section__inner { max-width: none; width: 100%; } } .section-landing .section__image { -webkit-box-flex: 0; -ms-flex: 0 0 58.34%; flex: 0 0 58.34%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .section-landing .section__image:first-child:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media (max-width: 767px) { .section-landing .section__image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-top: 100%; } } /* Section Landing Reverse */ .section-landing--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse wrap; flex-flow: row-reverse wrap; } @media (max-width: 767px) { .section-landing--reverse { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } } /* Section Landing Fluid */ .section-landing--fluid { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .section-landing--fluid .section__content { position: relative; z-index: 2; line-height: 2.1; margin-left: auto; } @media (max-width: 1023px) { .section-landing--fluid .section__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 767px) { .section-landing--fluid .section__content { background: #fff; color: #1c1e1d !important; } } .section-landing--fluid .section__content h2 { margin-bottom: 15px; } .section-landing--fluid .section__content h2:last-child { margin-bottom: 0; } .section-landing--fluid .section__content .section__actions { margin-top: 39px; } @media (max-width: 767px) { .section-landing--fluid .section__content .btn { border-color: #1c1e1d; color: #1c1e1d; } } @media (max-width: 767px) { .section-landing--fluid .section__content .btn:not(:disabled):focus, .section-landing--fluid .section__content .btn:not(:disabled):hover { border-color: #1c1e1d; background: #1c1e1d; color: #fff; } } .section-landing--fluid .section__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } @media (max-width: 767px) { .section-landing--fluid .section__image { position: static; } } .section-landing--fluid.section-landing--reverse .section__content { margin-right: auto; margin-left: 0; } /* ------------------------------------------------------------ *\ Section - Scroll \* ------------------------------------------------------------ */ .section-scroll { padding: 50px 0 55px; } @media (max-width: 767px) { .section-scroll { padding: 25px 0 32px; } } .section-scroll .section__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 71px; } @media (max-width: 767px) { .section-scroll .section__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 22px; } } .section-scroll .section__head:last-child { padding-bottom: 0; } .section-scroll .section__head .btn-more { margin-bottom: 5px; } .section-scroll .section__head h2 { margin-bottom: 0; } @media (max-width: 767px) { .section-scroll .section__head h2 { margin-bottom: 23px; } } @media (max-width: 767px) { .section-scroll .section__head h2:last-child { margin-bottom: 0; } } .section-scroll .section__head h2:first-child:last-child { margin-left: auto; margin-right: auto; text-align: center; } /* Section Scroll Secondary */ @media (max-width: 767px) { .section-scroll--secondary { padding: 46px 0 38px; } } @media (max-width: 767px) { .section-scroll--secondary .section__head h2 { line-height: 1.5; } } /* Section Scroll Tertiary */ .section-scroll--tertiary { padding: 30px 0 0; } @media (max-width: 767px) { .section-scroll--tertiary { padding-bottom: 17px; } } .section-scroll--tertiary:last-child { padding-bottom: 30px; } /* Section Scroll Quaternary */ .section-scroll--quaternary { padding-top: 13px; } .section-scroll-outer:last-child { margin-bottom: 41px; } @media (max-width: 767px) { .section-scroll-outer:last-child { margin-bottom: 4px; } } .section-scroll-outer--secondary:last-child { margin-bottom: 71px; } @media (max-width: 767px) { .section-scroll-outer--secondary:last-child { margin-bottom: 16px; } } .section-scroll-outer--tertiary + .section-tiles { padding-top: 1px; } @media (max-width: 767px) { .section-scroll-outer--tertiary + .section-tiles { padding-top: 9px; } } .section-scroll-outer--quaternary { padding-bottom: 57px; } @media (max-width: 767px) { .section-scroll-outer--quaternary { padding-bottom: 24px; } } .section-scroll-outer--quaternary:first-child { padding-top: 50px; } /* ------------------------------------------------------------ *\ Section - Collections \* ------------------------------------------------------------ */ .section-collections { padding: 32px 0 60px; } @media (max-width: 767px) { .section-collections { padding: 24px 0 31px; } } .section-collections .section__head { text-align: center; padding-bottom: 49px; } @media (max-width: 767px) { .section-collections .section__head { text-align: left; padding-bottom: 14px; } } .section-collections .section__head:last-child { padding-bottom: 0; } .section-collections .section__body { max-width: 1130px; margin: 0 auto; } @media (max-width: 767px) { .section-collections .section__body { max-width: none; } } /* Section Collections Secondary */ .section-collections--secondary { padding-bottom: 122px; } @media (max-width: 767px) { .section-collections--secondary { padding-bottom: 51px; } } /* Section Collections Tertiary */ .section-collections--tertiary { padding: 69px 0 101px; } @media (max-width: 767px) { .section-collections--tertiary { padding: 30px 0 62px; } } @media (max-width: 767px) { .section-collections--tertiary .section__head { padding-bottom: 46px; text-align: center; } } @media (max-width: 767px) { .section-collections--tertiary .section__head:last-child { padding-bottom: 0; } } /* ------------------------------------------------------------ *\ Section - About \* ------------------------------------------------------------ */ .section-about { background-color: #e8e6dd; line-height: 2.2; padding: 53px 0 75px; } @media (max-width: 767px) { .section-about { font-size: 12px; line-height: 2; padding: 25px 0 100px; } } .section-about .section__head { max-width: 610px; text-align: center; margin: 0 auto; margin-bottom: 59px; } @media (max-width: 767px) { .section-about .section__head { margin-bottom: 31px; } } .section-about .section__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 5px; margin: 0 -30px; } @media (max-width: 1023px) { .section-about .section__body { margin: 0 -15px; } } @media (max-width: 767px) { .section-about .section__body { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding-bottom: 14px; margin: 0; } } .section-about .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 32.1%; flex: 0 0 32.1%; position: relative; max-width: 32.1%; padding: 20px 61px; margin: 150px 0 50px; margin-bottom: 50px; text-align: center; } @media (max-width: 1023px) { .section-about .section__content { padding: 20px 15px; margin-top: 140px; } } @media (max-width: 767px) { .section-about .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 20px 0 35px; margin: 0; } } .section-about .section__content figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; left: 50%; top: -150px; width: 130px; height: 130px; margin: 0 0 20px -65px; } .section-about .section__content figure:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .section-about .section__content figure img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .section-about .section__content figure:last-child { margin-bottom: 0; } @media (max-width: 1023px) { .section-about .section__content figure { top: -140px; width: 120px; height: 120px; margin-left: -60px; } } @media (max-width: 767px) { .section-about .section__content figure { position: static; top: 0; margin: 0 auto 20px; } } .section-about .section__content h3 { margin-bottom: 37px; } .section-about .section__content h3:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-about .section__content h3 { margin-bottom: 16px; } } .section-about .section__content:nth-child(3n + 2), .section-about .section__content:nth-child(3n + 3) { border-left: 2px solid currentColor; } @media (max-width: 767px) { .section-about .section__content:nth-child(3n + 2), .section-about .section__content:nth-child(3n + 3) { border-left: 0; } } .section-about .section__content:nth-child(3n + 2) .section__content-inner:before, .section-about .section__content:nth-child(3n + 3) .section__content-inner:before { position: absolute; top: 0; left: -2px; bottom: 0; border-left: 2px solid currentColor; content: ''; } @media (max-width: 767px) { .section-about .section__content:nth-child(3n + 2) .section__content-inner:before, .section-about .section__content:nth-child(3n + 3) .section__content-inner:before { display: none; } } @media (max-width: 767px) { .section-about .section__content ~ .section__content:before { content: ''; display: block; width: 100px; height: 2px; margin-bottom: 45px; background-color: currentColor; margin: 0 auto; margin-bottom: 40px; } } .section-about .section__content--alt { margin-top: 0; } .section-about .section__content-inner { position: relative; padding: 20px 61px; } @media (max-width: 1023px) { .section-about .section__content-inner { padding: 20px 15px; } } @media (max-width: 767px) { .section-about .section__content-inner { padding: 0; } } .section-about .section__actions { text-align: center; } @media (max-width: 767px) { .section-about .btn-more { text-transform: none; } } /* ------------------------------------------------------------ *\ Section - Brands \* ------------------------------------------------------------ */ .section-brands { background-color: #f8f8f3; padding: 77px 0 76px; } @media (max-width: 767px) { .section-brands { padding: 38px 0 56px; } } .section-brands .section__head { text-align: center; margin-bottom: 10px; } @media (max-width: 767px) { .section-brands .section__head { margin-bottom: 10px; } } .section-brands .section__body { max-width: 976px; margin: 0 auto; } /* ------------------------------------------------------------ *\ Section - Collection \* ------------------------------------------------------------ */ .section-collection { padding: 4px 0 32px 0; } @media (max-width: 767px) { .section-collection { padding: 17px 0 0 0; } } .section-collection .section__head { margin-bottom: 35px; } @media (max-width: 767px) { .section-collection .section__head { margin-bottom: -15px; } } /* ------------------------------------------------------------ *\ Section Fixed \* ------------------------------------------------------------ */ .section-fixed { position: fixed; bottom: 0; left: 0; z-index: 5; overflow-y: auto; overflow-x: hidden; max-height: 100%; width: 100%; margin-bottom: 42px; text-align: center; opacity: 0; -webkit-transition: margin 0.4s, opacity 0.4s, -webkit-transform 0.4s; transition: margin 0.4s, opacity 0.4s, -webkit-transform 0.4s; -o-transition: margin 0.4s, transform 0.4s, opacity 0.4s; transition: margin 0.4s, transform 0.4s, opacity 0.4s; transition: margin 0.4s, transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } @media (max-width: 1023px) { .section-fixed { display: none; } } .section-fixed .section__bar { font-size: 0; -webkit-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s; } .section-fixed .section__bar .btn-primary { max-width: 100%; height: 42px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .section-fixed .section__body { padding: 60px 0 77px; border-top: 1px solid #d6d6d5; border-bottom: 1px solid #d6d6d5; background: #f8f8f3; } .section-fixed .section__content { padding: 0 3px 0 2px; } .section-fixed.expanded { margin-bottom: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .section-fixed.expanded .section__bar { margin-bottom: -1px; } .section-fixed.expanded .section__bar .btn-primary { border-bottom-color: transparent; } .section-fixed.expanded .section__bar .btn-primary:after { opacity: 0; } /* Section Fixed Alt */ .section-fixed--alt { position: static; display: none; max-height: none; width: auto; padding-top: 14px; margin-bottom: 0; text-align: left; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } @media (max-width: 1023px) { .section-fixed--alt { display: block; } } .section-fixed--alt .container { padding: 0; } .section-fixed--alt .section__bar { margin-bottom: 0; } .section-fixed--alt .section__bar .btn-primary { overflow: visible; display: block; min-width: 0; height: auto; padding: 0; border: none; background: none; font-family: "Graphik", sans-serif; font-size: 15px; line-height: 1.35; text-transform: none; white-space: normal; text-align: left; } .section-fixed--alt .section__bar .btn-primary:before, .section-fixed--alt .section__bar .btn-primary:after { display: none; } .section-fixed--alt .section__bar .btn-primary:hover { color: inherit; } .section-fixed--alt .section__bar .btn-primary span { display: inline-block; border-bottom: 3px solid transparent; -webkit-transition: border 0.4s; -o-transition: border 0.4s; transition: border 0.4s; } .section-fixed--alt .section__body { display: none; padding: 0; border: none; background: none; } .section-fixed--alt .section__content { padding: 20px 0 35px; border-bottom: 2px solid #e3e3e1; margin-bottom: 3px; } .section-fixed--alt .slider-primary { margin: 0; } .section-fixed--alt .slider-primary:before, .section-fixed--alt .slider-primary:after { display: none; } .section-fixed--alt .slider-primary .slick-slide, .section-fixed--alt .slider-primary .slick-slide > div, .section-fixed--alt .slider-primary .slick-list, .section-fixed--alt .slider-primary .slick-track, .section-fixed--alt .slider-primary .slider__clip, .section-fixed--alt .slider-primary .slider__slides { display: block; max-width: none; } .section-fixed--alt .slider-primary .slick-list, .section-fixed--alt .slider-primary .slick-track { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .section-fixed--alt .slider-primary .slick-track { width: auto !important; } .section-fixed--alt .slider-primary .slick-arrow { display: none !important; } .section-fixed--alt .slider-primary .slick-slide { width: auto !important; } .section-fixed--alt .slider-primary .slider__slide { min-height: 170px; padding: 0; margin-bottom: 13px; } .section-fixed--alt .slider-primary .slider__slide-content { padding: 16px 10px 20px; } .section-fixed--alt .slider-primary .slider__slide-title { margin: 7px 0 6px; } .section-fixed--alt .slider-primary .slider__slide-title:last-child { margin-bottom: 0; } .section-fixed--alt .slider-primary .slider__slide-subtitle { margin-bottom: 10px; } .section-fixed--alt .slider-primary .slider__slide-subtitle:last-child { margin-bottom: 0; } .section-fixed--alt.expanded .section__bar { margin-bottom: 0; } .section-fixed--alt.expanded .section__bar .btn-primary span { border-bottom-color: #1c1e1d; } /* ------------------------------------------------------------ *\ Section Breadcrumbs \* ------------------------------------------------------------ */ .section-breadcrumbs { padding: 10px 0; margin-top: 15px; } .section-breadcrumbs--secondary { margin-top: 29px; } @media (max-width: 767px) { .section-breadcrumbs--secondary { margin-top: 10px; } } .section-breadcrumbs--secondary .breadcrumbs { padding-left: 2px; } @media (max-width: 767px) { .section-breadcrumbs--secondary .breadcrumbs { padding-left: 0; } } .section-breadcrumbs--tertiary { margin-top: 30px; } /* ------------------------------------------------------------ *\ Section Filter \* ------------------------------------------------------------ */ .section-filter { padding: 15px 0 38px; } @media (max-width: 767px) { .section-filter { padding-top: 3px; } } .section-filter .section__head { padding: 29px 0 19px; } @media (max-width: 767px) { .section-filter .section__head { padding: 26px 0 13px; } } .section-filter .section__entry { color: #707070; letter-spacing: 0.8px; } @media (max-width: 767px) { .section-filter .section__entry { letter-spacing: 0; } } .section-filter .section__entry small { font-size: 100%; } .section-filter .section__title { margin-bottom: 22px; } .section-filter .section__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-filter .section__title { margin-bottom: 15px; } } .section-filter .section__bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 10; padding: 10px 0 10px 2px; margin-bottom: 13px; } @media (max-width: 767px) { .section-filter .section__bar { z-index: auto; display: block; padding: 0; margin-bottom: 0; } } .section-filter .section__bar .filter { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .section-filter .section__bar .sort { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 20px; max-width: 30%; } .section-filter .section__body { padding-top: 11px; } @media (max-width: 767px) { .section-filter .section__body { position: relative; z-index: 1; padding-top: 16px; margin-left: -5px; margin-right: -5px; } } @media (max-width: 767px) { .section-filter .section__body .product-items#bc-sf-filter-products { position: relative; top: -90px; z-index: -1; } } @media (max-width: 767px) { .section-filter .section__body .product-items#bc-sf-filter-products > * { position: relative; top: 90px; } } .section-filter .section__actions ul { margin-top: 73px; } .section-filter .section__foot { position: fixed; bottom: 0; left: 0; z-index: 20; width: 100%; padding: 25px 0; } /* Section Filter Search */ .section-filter--search { position: relative; padding-bottom: 118px; } @media (max-width: 767px) { .section-filter--search { padding-bottom: 20px; } } .section-filter--search:before { position: absolute; bottom: 0; left: 50%; width: 342px; margin-left: -171px; border-bottom: 1px solid #dcdcdc; content: ''; } @media (max-width: 767px) { .section-filter--search:before { display: none; } } .section-filter--search .section__body { padding-top: 40px; } @media (max-width: 767px) { .section-filter--search .section__body { padding-top: 13px; } } /* ------------------------------------------------------------ *\ Section Offers \* ------------------------------------------------------------ */ .section-offers { padding: 20px 0 29px; margin-bottom: 15px; background: #b9d3dc; } @media (max-width: 767px) { .section-offers { padding: 35px 0 41px; margin-bottom: 45px; } } .section-offers .offer-items .slick-dots { position: absolute; bottom: -80px; left: 0; width: 100%; margin: 0; } /* ------------------------------------------------------------ *\ Section Product \* ------------------------------------------------------------ */ .section-product { padding: 51px 0 41px; } @media (max-width: 767px) { .section-product { padding: 21px 0 41px; } } .section-product .section__bar { margin-bottom: 25px; } .section-product .section__bar .breadcrumbs { padding: 0; } .section-product .section__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 80px; } @media (max-width: 1379px) { .section-product .section__body { padding-right: 0; } } @media (max-width: 767px) { .section-product .section__body { display: block; } } .section-product .section__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; position: relative; max-width: calc(100% - 527px); } @media (max-width: 1199px) { .section-product .section__aside { max-width: calc(100% - 430px); } } @media (max-width: 1023px) { .section-product .section__aside { max-width: calc(100% - 360px); } } @media (max-width: 767px) { .section-product .section__aside { display: block; max-width: none; } } .section-product .section__aside .wishlist-btn, .section-product .section__aside .btn-wishlist { position: absolute; top: 51px; right: 37px; z-index: 18; } @media (max-width: 767px) { .section-product .section__aside .wishlist-btn, .section-product .section__aside .btn-wishlist { top: 18px; right: -3px; } } .section-product .section__aside-inner { -webkit-box-flex: 0; -ms-flex: 0 0 61px; flex: 0 0 61px; padding-top: 38px; margin-right: 47px; } @media (max-width: 1023px) { .section-product .section__aside-inner { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; margin-right: 20px; } } @media (max-width: 767px) { .section-product .section__aside-inner { display: none; } } .section-product .section__images { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: calc(100% - 108px); padding-top: 12px; font-size: 0; } @media (max-width: 1023px) { .section-product .section__images { max-width: calc(100% - 80px); } } @media (max-width: 767px) { .section-product .section__images { max-width: none; padding-top: 0; margin: 0 -25px; } } .section-product .section__images .slick-list { padding-top: 100%; background: url(//www.lenox.com/cdn/shop/t/1296/assets/lenox-no-image.jpg?v=177556722715519675581750704920) no-repeat 50% 50%; background-size: cover; } .section-product .section__images .slick-track { position: absolute; background: #fff; } .section-product .section__images .section__image { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; position: relative; padding-top: 100%; background: #fff; } .section-product .section__images .section__image figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; } .section-product .section__images .section__image figure:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .section-product .section__images .section__image figure img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .section-product .section__images .section__image a { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .section-product .section__images .section__image a ~ img { pointer-events: none; } .section-product .section__images .section__image iframe { width: 100%; height: 100%; } .section-product .section__images .section__image-link { display: none; } @media (max-width: 767px) { .section-product .section__images .section__image-link { display: block; } } .section-product .section__images .slick-dots { display: none !important; } @media (max-width: 767px) { .section-product .section__images .slick-dots { display: block !important; margin: 15px 0 0; font-size: 0; list-style: none outside none; text-align: center; } .section-product .section__images .slick-dots li { display: inline-block; margin: 8px; vertical-align: top; } .section-product .section__images .slick-dots li.slick-active button { background: #1c1e1d; } .section-product .section__images .slick-dots button { display: block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid transparent; background: #d8d8d8; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } } @media (max-width: 767px) and (min-width: 1025px) { .section-product .section__images .slick-dots button:hover { background: #1c1e1d; } } .section-product .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 439px; flex: 0 0 439px; padding-top: 25px; margin-left: 88px; } @media (max-width: 1199px) { .section-product .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 380px; flex: 0 0 380px; margin-left: 50px; } } @media (max-width: 1023px) { .section-product .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 340px; flex: 0 0 340px; margin-left: 20px; } } @media (max-width: 767px) { .section-product .section__content { margin-left: 0; } } .section-product .section__title { margin-bottom: 25px; } .section-product .section__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-product .section__title { margin-bottom: 23px; line-height: 1.25; } } .section-product .section__vendor { font-weight: 500; font-size: 15px; letter-spacing: 1px; } .section-product .section__badge { padding-top: 4px; margin-bottom: 12px; } .section-product .section__badge:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-product .section__badge { padding-top: 0; margin-bottom: 10px; } } .section-product .section__row { margin-bottom: 23px; } .section-product .section__row:last-child { margin-bottom: 0; } .section-product .section__row .price { padding-right: 19px; } .section-product .section__row .price del { padding-right: 12px; } .section-product .section__out-stock { display: none; } .section-product .section__reviews { position: relative; margin-bottom: 19px; } .section-product .section__reviews:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-product .section__reviews { margin-bottom: 22px; } } .section-product .section__reviews:after { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ''; } .section-product .section__form { margin-bottom: 23px; } .section-product .section__form:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-product .section__form { margin-bottom: 27px; } } .section-product .section__notify { display: none; } .section-product .section__actions { display: none; margin-top: 20px; } .section-product .section__popup { position: fixed; top: 0; left: 0; z-index: 63; overflow-y: auto; display: none; width: 100%; height: 100%; padding: 20px; background: #fff; font-size: 0; text-align: center; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } @media (max-width: 767px) { .section-product .section__popup { display: block; padding: 112px 0 20px; } } .section-product .section__popup .btn-close-primary { position: absolute; top: 12px; right: 12px; } .section-product .section__popup.expanded { opacity: 1; visibility: visible; pointer-events: auto; } .section-product .section__images-secondary .slick-dots { margin: 15px 0 0; font-size: 0; list-style: none outside none; text-align: center; } .section-product .section__images-secondary .slick-dots li { display: inline-block; margin: 8px; vertical-align: top; } .section-product .section__images-secondary .slick-dots li.slick-active button { background: #1c1e1d; } .section-product .section__images-secondary .slick-dots button { display: block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid transparent; background: #d8d8d8; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } @media (min-width: 1025px) { .section-product .section__images-secondary .slick-dots button:hover { background: #1c1e1d; } } .section-product .section__images-secondary .section__image img { width: 100%; } /* Section Product */ .section-product--sold-out .section__out-stock { display: inline; } .section-product--sold-out .form-product > *:not(.form__body).form__actions { display: block; } .section-product--sold-out .section__notify { display: block; } .template-product--luna .section-product--sold-out .form-product > *:not(.form__body) { display: none; } .template-product--luna .section-product--sold-out .form-product > *:not(.form__body).form__actions { display: none; } /* Section Product Secondary */ .section-product--secondary { padding: 11px 0 36px; } @media (max-width: 767px) { .section-product--secondary { padding: 0; } } .section-product--secondary .container { padding: 0; } .section-product--secondary .section__details, .section-product--secondary .section__bar { display: none; } .section-product--secondary .section__body { padding-right: 0; } .section-product--secondary .section__aside { max-width: calc(100% - 484px); } @media (max-width: 1199px) { .section-product--secondary .section__aside { max-width: calc(100% - 425px); } } @media (max-width: 1023px) { .section-product--secondary .section__aside { max-width: calc(100% - 320px); } } @media (max-width: 767px) { .section-product--secondary .section__aside { max-width: none; } } .section-product--secondary .section__aside .btn-wishlist { right: 41px; } @media (max-width: 1199px) { .section-product--secondary .section__aside .btn-wishlist { right: 20px; } } @media (max-width: 767px) { .section-product--secondary .section__aside .btn-wishlist { right: 3px; } } .section-product--secondary .section__aside-inner { padding-top: 46px; } .section-product--secondary .section__content { padding-top: 22px; margin-left: 45px; } @media (max-width: 1023px) { .section-product--secondary .section__content { margin-left: 20px; } } @media (max-width: 767px) { .section-product--secondary .section__content { margin-left: 0; } } .section-product--secondary .section__row { margin-bottom: 16px; } .section-product--secondary .section__form { margin-bottom: 14px; } .section-product--secondary .section__actions { display: block; } .section-product--secondary.animated { opacity: 1; visibility: visible; -webkit-transition: none; -o-transition: none; transition: none; } /* ------------------------------------------------------------ *\ Section Primary \* ------------------------------------------------------------ */ .section-primary { padding: 61px 0 66px; background: #b9d3dc; } @media (max-width: 767px) { .section-primary { padding: 36px 0 24px; } } .section-primary .section__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .section-primary .section__body { display: block; } } .section-primary .section__image { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; margin-right: 86px; text-align: right; } @media (max-width: 767px) { .section-primary .section__image { margin-right: 0; margin-bottom: 30px; text-align: center; } } .section-primary .section__image:first-child:last-child { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-right: 0; text-align: center; } @media (max-width: 767px) { .section-primary .section__image:first-child:last-child { margin-bottom: 0; } } .section-primary .section__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 482px; } @media (max-width: 767px) { .section-primary .section__content { max-width: none; padding-left: 10px; } } .section-primary .section__content:first-child:last-child { margin: 0 auto; text-align: center; } @media (max-width: 767px) { .section-primary .section__content:first-child:last-child { text-align: inherit; } } .section-primary .section__subtitle { margin-bottom: 19px; } .section-primary .section__subtitle:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-primary .section__subtitle { margin-bottom: 14px; } } .section-primary .section__title { margin-bottom: 18px; } .section-primary .section__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-primary .section__title { margin-bottom: 12px; } } /* ------------------------------------------------------------ *\ Section Secondary \* ------------------------------------------------------------ */ .section-secondary { padding: 73px 0; background: #f8f8f3; } @media (max-width: 767px) { .section-secondary { padding: 43px 0; } } .section-secondary .section__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 27px; } @media (max-width: 767px) { .section-secondary .section__body { display: block; padding: 0 3px; } } .section-secondary .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 440px; flex: 0 0 440px; margin-right: 43px; } @media (max-width: 1023px) { .section-secondary .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (max-width: 767px) { .section-secondary .section__content { margin-right: 0; } } .section-secondary .section__content:first-child:last-child { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: none; margin-right: 0; } .section-secondary .section__title { margin-bottom: 26px; } .section-secondary .section__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-secondary .section__title { margin-bottom: 29px; } } .section-secondary .section__entry { padding-left: 5px; margin-bottom: 32px; } .section-secondary .section__entry:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-secondary .section__entry { padding-left: 0; } } .section-secondary .section__actions { padding-left: 5px; } @media (max-width: 767px) { .section-secondary .section__actions { padding-left: 0; } } .section-secondary .section__aside { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: calc(100% - 485px); padding-top: 8px; } @media (max-width: 1023px) { .section-secondary .section__aside { max-width: calc(50% - 43px); } } @media (max-width: 767px) { .section-secondary .section__aside { max-width: none; padding-top: 50px; } } .section-secondary .section__aside:first-child:last-child { max-width: 100%; } @media (max-width: 767px) { .section-secondary .section__aside:first-child:last-child { padding-top: 0; } } /* ------------------------------------------------------------ *\ Section Reviews \* ------------------------------------------------------------ */ .section-reviews { padding: 92px 0 102px; background: #e8e6dd; } @media (max-width: 767px) { .section-reviews { padding: 33px 0 57px; margin-bottom: 14px; } } .section-reviews .section__head { margin-bottom: 26px; text-align: center; } .section-reviews .section__head:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-reviews .section__head { margin-bottom: 29px; } } /* ------------------------------------------------------------ *\ Section Tiles \* ------------------------------------------------------------ */ .section-tiles { padding: 41px 0; } @media (max-width: 767px) { .section-tiles { padding: 0; } } .section-tiles:last-child { margin-bottom: 56px; } @media (max-width: 767px) { .section-tiles:last-child { margin-bottom: 60px; } } .section-tiles .section__head { margin: 0 0 51px; } .section-tiles .section__head:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-tiles .section__head { margin-bottom: 15px; } } .section-tiles .section__actions { margin-top: 56px; text-align: center; } .section-tiles .section__actions:first-child { margin-top: 0; } /* Section Tiles Secondary */ .section-tiles--secondary { padding: 31px 0; } @media (max-width: 767px) { .section-tiles--secondary { padding: 22px 0; } } .section-tiles--secondary:last-child { margin-bottom: 80px; } @media (max-width: 767px) { .section-tiles--secondary:last-child { margin-bottom: 39px; } } @media (max-width: 767px) { .section-tiles--secondary .section__head { margin-bottom: 24px; } } @media (max-width: 767px) { .section-tiles--secondary .tile { margin-bottom: 38px; } } @media (max-width: 767px) { .section-tiles--secondary .tile:last-child { margin-bottom: 0; } } /* Section Tiles Tertiary */ .section-tiles--tertiary { padding: 65px 0; } @media (max-width: 767px) { .section-tiles--tertiary { padding: 52px 0; } } .section-tiles--tertiary:last-child { margin-bottom: 101px; } @media (max-width: 1023px) { .section-tiles--tertiary:last-child { margin-bottom: 50px; } } @media (max-width: 767px) { .section-tiles--tertiary:last-child { margin-bottom: 12px; } } @media (max-width: 767px) { .section-tiles--tertiary .section__head { margin-bottom: 25px; text-align: center; } } @media (max-width: 767px) { .section-tiles--tertiary .section__head:last-child { margin-bottom: 0; } } @media (max-width: 767px) { .section-tiles--tertiary .section__title { max-width: 264px; margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .section-tiles--tertiary .section__body { padding: 3px; } } @media (max-width: 767px) { .section-tiles--tertiary .section__actions { padding: 0 3px; margin-top: 27px; } } /* ------------------------------------------------------------ *\ Section Items \* ------------------------------------------------------------ */ .section-items { padding: 36px 0 58px; } @media (max-width: 767px) { .section-items { padding: 25px 0 63px; } .section-items .item .item__overlay h4 { line-height: 1.2; } } /* Section Items Primary */ @media (max-width: 767px) { .section-items--primary .items .item-head:not(:first-child) .item-head__inner { padding-top: 30px; } } /* Section Items Secondary */ .section-items--secondary { padding: 46px 0 91px; } @media (max-width: 767px) { .section-items--secondary { padding: 25px 0 67px; } } /* Section Items Tertiary */ .section-items--tertiary { padding: 49px 0 96px; } @media (max-width: 767px) { .section-items--tertiary { padding: 25px 0 68px; } } .section-items--tertiary .items .item-bar { padding-top: 17px; margin-bottom: 36px; } @media (max-width: 767px) { .section-items--tertiary .items .item-bar { padding-top: 9px; margin-bottom: 21px; } } @media (max-width: 767px) { .section-items--tertiary .items .item-bar__inner { padding-top: 6rem; padding-bottom: 21px; } } @media (max-width: 767px) { .section-items--tertiary .items .item-bar__entry { margin-bottom: 11px; } } @media (max-width: 767px) { .section-items--tertiary .items .item-bar__entry:last-child { margin-bottom: 0; } } /* Section Items Quaternary */ .section-items--quaternary { padding: 60px 0 93px; } @media (max-width: 767px) { .section-items--quaternary { padding: 30px 0 68px; } } /* Section Items Quinary */ .section-items--quinary { padding: 63px 0 73px; } @media (max-width: 767px) { .section-items--quinary { padding: 30px 0 62px; } } .section-items--quinary .items .item-bar { padding-top: 17px; margin-bottom: 42px; } @media (max-width: 767px) { .section-items--quinary .items .item-bar { padding-top: 10px; margin-bottom: 21px; } } @media (max-width: 767px) { .section-items--quinary .items .item-bar__inner { padding-top: 24px; padding-bottom: 22px; } } @media (max-width: 767px) { .section-items--quinary .items .item-bar__title { margin-bottom: 11px; } } @media (max-width: 767px) { .section-items--quinary .items .item-bar__title:last-child { margin-bottom: 0; } } @media (max-width: 767px) { .section-items--quinary .items .item-bar__entry { margin-bottom: 9px; } } @media (max-width: 767px) { .section-items--quinary .items .item-bar__entry:last-child { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ Section Default \* ------------------------------------------------------------ */ .section-default { padding: 43px 0; text-align: center; } @media (max-width: 767px) { .section-default { padding: 23px 0; } } .section-default .section__head { margin-bottom: 46px; } .section-default .section__head:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-default .section__head { margin-bottom: 23px; } } .section-default .section__bar { margin-bottom: 63px; } .section-default .section__bar:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-default .section__bar { margin-bottom: 33px; } } /* Section Default Left */ .section-default--left { text-align: left; } .section-default--left.alt .section__head { text-align: center; } /* Section Default Steps */ @media (max-width: 767px) { .section-default--steps { padding-bottom: 13px; } } @media (max-width: 767px) { .section-default--steps .section__head { margin-bottom: 10px; } } .section-default--steps .section__subtitle { margin-bottom: 17px; } .section-default--steps .section__subtitle:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-default--steps .section__subtitle { margin-bottom: 20px; } } .section-default--steps .section__entry { max-width: 880px; margin: 0 auto; } @media (max-width: 767px) { .section-default--steps .section__entry { max-width: none; padding: 0 10px; } } .section-default--steps .steps { margin-left: -15px; margin-right: -15px; } @media (max-width: 767px) { .section-default--steps .steps { margin-left: -25px; margin-right: -25px; } } /* Section Default Boutique */ .section-default--boutique { padding: 45px 0 72px; } @media (max-width: 767px) { .section-default--boutique { padding: 42px 0 44px; } } .section-default--boutique .section__head { margin-bottom: 39px; } .section-default--boutique .section__head:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-default--boutique .section__head { margin-bottom: 25px; } } .section-default--boutique .section__title { margin-bottom: 9px; } .section-default--boutique .section__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-default--boutique .section__title { max-width: 264px; margin-left: auto; margin-right: auto; margin-bottom: 13px; } } .section-default--boutique .section__bar { margin-bottom: 48px; } .section-default--boutique .section__bar:last-child { margin-bottom: 0; } /* ------------------------------------------------------------ *\ Section Tertiary \* ------------------------------------------------------------ */ .section-tertiary { padding: 46px 0 20px; } @media (max-width: 767px) { .section-tertiary { padding: 15px 0 6px; } } .section-tertiary .section__head { margin-bottom: 93px; text-align: center; } .section-tertiary .section__head:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-tertiary .section__head { margin-bottom: 48px; } } .section-tertiary .section__title { max-width: 830px; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .section-tertiary .section__title { max-width: none; } } /* ------------------------------------------------------------ *\ Section Blog \* ------------------------------------------------------------ */ .section-blog { padding: 43px 0 72px; text-align: center; } @media (max-width: 767px) { .section-blog { padding: 23px 0 47px; } } .section-blog .section__head { margin-bottom: 26px; } .section-blog .section__head:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-blog .section__head { margin-bottom: 12px; } } .section-blog .section__bar { margin-bottom: 61px; } .section-blog .section__bar:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-blog .section__bar { margin-bottom: 41px; } } .section-blog .section__actions { margin-top: 35px; } /* ------------------------------------------------------------ *\ Section Collection Single \* ------------------------------------------------------------ */ .section-collection-single { padding: 48px 0 99px; } @media (max-width: 767px) { .section-collection-single { padding: 2.5rem 0 32px; } div#shopify-section-section-page-third-intro{ padding-top:6rem; }} .section-collection-single .section__inner { padding: 0 100px; } @media (max-width: 1379px) { .section-collection-single .section__inner { padding: 0 80px; } } @media (max-width: 1199px) { .section-collection-single .section__inner { padding-right: 0; } } @media (max-width: 1023px) { .section-collection-single .section__inner { padding: 0; } } .section-collection-single .section__body { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 0 15px 0 7px; } @media (max-width: 1199px) { .section-collection-single .section__body { padding: 0; } } @media (max-width: 767px) { .section-collection-single .section__body { display: block; } } .section-collection-single .section__aside { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: calc(100% - 493px); } @media (max-width: 1199px) { .section-collection-single .section__aside { max-width: calc(100% - 470px); } } @media (max-width: 1023px) { .section-collection-single .section__aside { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: calc(100% - 360px); } } @media (max-width: 767px) { .section-collection-single .section__aside { display: block; max-width: none; margin-bottom: 12px; } } @media (max-width: 767px) { .section-collection-single .section__aside:last-child { margin-bottom: 0; } } .section-collection-single .section__aside-inner { position: absolute; top: 0; left: -98px; width: 61px; } @media (max-width: 1379px) { .section-collection-single .section__aside-inner { left: -78px; } } @media (max-width: 1023px) { .section-collection-single .section__aside-inner { -webkit-box-flex: 0; -ms-flex: 0 0 61px; flex: 0 0 61px; position: static; left: 0; margin-right: 20px; } } @media (max-width: 767px) { .section-collection-single .section__aside-inner { display: none; } } .section-collection-single .section__images { font-size: 0; } @media (max-width: 1023px) { .section-collection-single .section__images { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: calc(100% - 81px); } } @media (max-width: 767px) { .section-collection-single .section__images { max-width: none; margin: 0 -25px; } } .section-collection-single .section__images .slick-dots { display: none !important; } @media (max-width: 767px) { .section-collection-single .section__images .slick-dots { display: block !important; margin: 12px 0 0; font-size: 0; list-style: none outside none; text-align: center; } .section-collection-single .section__images .slick-dots li { display: inline-block; margin: 8px; vertical-align: top; } .section-collection-single .section__images .slick-dots li.slick-active button { background: #1c1e1d; } .section-collection-single .section__images .slick-dots button { display: block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid transparent; background: #d8d8d8; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } } @media (max-width: 767px) and (min-width: 1025px) { .section-collection-single .section__images .slick-dots button:hover { background: #1c1e1d; } } .section-collection-single .section__image { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; position: relative; padding-top: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; text-align: center; } .section-collection-single .section__image figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; } .section-collection-single .section__image figure:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .section-collection-single .section__image figure img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .section-collection-single .section__image a { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .section-collection-single .section__image a ~ img { pointer-events: none; } .section-collection-single .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 440px; flex: 0 0 440px; margin-left: 53px; } @media (max-width: 1199px) { .section-collection-single .section__content { margin-left: 30px; } } @media (max-width: 1023px) { .section-collection-single .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 340px; flex: 0 0 340px; margin-left: 20px; } } @media (max-width: 767px) { .section-collection-single .section__content { margin: 0 -3px; } } .section-collection-single .section__title { margin-bottom: 18px; font-size: 25px; } .section-collection-single .section__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-collection-single .section__title { margin-bottom: 17px; font-size: 18px; line-height: 1.25; } } /* <--Customized css for H1--> */ .section-collection-single .section__title h1{ margin-bottom: 17px; font-size: 18px; line-height: 1.25; } } /* end of css code */ .section-collection-single .section__content-actions { margin-top: 35px; } @media (max-width: 767px) { .section-collection-single .section__content-actions { padding-right: 26px; margin-top: 19px; } } .section-collection-single .section__content-actions .btn--medium-secondary { letter-spacing: 1.5px; } @media (max-width: 767px) { .section-collection-single .section__content-actions .btn--medium-secondary { letter-spacing: 1px; } } .section-collection-single .section__foot { position: relative; padding: 49px 0 0; margin-top: 53px; } @media (max-width: 767px) { .section-collection-single .section__foot { padding-top: 30px; margin-top: 31px; } } .section-collection-single .section__foot:first-child { padding-top: 0; border-top: none; margin-top: 0; } .section-collection-single .section__foot:first-child:before { display: none; } .section-collection-single .section__foot:before { position: absolute; top: -1px; left: 0; right: 0; border-top: 1px solid #1c1e1d; content: ''; } .section-collection-single .section__actions ul { margin-top: 73px; } /* ------------------------------------------------------------ *\ Section Error \* ------------------------------------------------------------ */ .section-error { padding: 8px 0; } @media (max-width: 767px) { .section-error { padding: 48px 0 32px; } } .section-error .section__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; min-height: 467px; } @media (max-width: 767px) { .section-error .section__body { display: block; min-height: 0; } } .section-error .section__body:after { min-height: inherit; font-size: 0; content: ''; } @media (max-width: 767px) { .section-error .section__body:after { display: none; } } .section-error .section__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 370px; padding: 52px 0 25px 39px; } @media (max-width: 1023px) { .section-error .section__content { padding-left: 0; } } @media (max-width: 767px) { .section-error .section__content { max-width: none; padding: 0; } } .section-error .section__subtitle { padding-left: 4px; margin-bottom: 12px; color: #5a808b; } .section-error .section__subtitle:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-error .section__subtitle { padding-left: 0; margin-bottom: 9px; } } .section-error .section__title { margin-bottom: 18px; } .section-error .section__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-error .section__title { margin-bottom: 14px; font-size: 38px; } } .section-error .section__entry { margin-bottom: 31px; } .section-error .section__entry:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-error .section__entry { margin-bottom: 15px; } } @media (max-width: 767px) { .section-error .section__entry + .section__image { margin-top: -15px; } } .section-error .section__image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; font-size: 0; text-align: right; } @media (max-width: 767px) { .section-error .section__image { position: static; margin-bottom: 16px; text-align: inherit; } } @media (max-width: 767px) { .section-error .section__image:last-child { margin-bottom: 0; } } .section-error .section__image:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } @media (max-width: 767px) { .section-error .section__image:before { display: none; } } .section-error .section__image img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } @media (max-width: 767px) { .section-error .section__image img { display: block; max-height: none; width: 100%; } } /* ------------------------------------------------------------ *\ Section Intro \* ------------------------------------------------------------ */ .section-intro { position: relative; padding: 108px 0 132px; text-align: center; } @media (max-width: 767px) { .section-intro { padding: 47px 0 59px; } } .section-intro .section__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .section-intro .section__body { position: relative; } .section-intro .section__title { margin-bottom: 6px; } .section-intro .section__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-intro .section__title { margin-bottom: 10px; } } .section-intro h2.section__title { padding: 4px 0 3px; } @media (max-width: 767px) { .section-intro h2.section__title { padding: 0 0 3px; } } .section-intro .section__entry { margin-bottom: 53px; } .section-intro .section__entry:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-intro .section__entry { margin-bottom: 25px; } } .section-intro .section__actions { padding: 0 6px; } .section-intro .section__actions ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -4px; list-style: none outside none; } @media (max-width: 767px) { .section-intro .section__actions ul { display: block; margin: 0; } } .section-intro .section__actions li { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 4px; } @media (max-width: 767px) { .section-intro .section__actions li { max-width: none; padding: 0; margin-bottom: 12px; } } @media (max-width: 767px) { .section-intro .section__actions li:last-child { margin-bottom: 0; } } @media (max-width: 1023px) { .section-intro .section__actions li .btn--medium { min-width: 200px; } } @media (max-width: 767px) { .section-intro .section__actions li .btn--medium { min-width: 0; } } /* Section Intro Primary */ .section-intro--primary .section__bg ~ .section__body { color: #fff; } /* Section Intro Secondary */ @media (max-width: 767px) { .section-intro--secondary { padding: 87px 0 88px; } } @media (max-width: 767px) { .section-intro--secondary .section__title { max-width: 264px; margin-left: auto; margin-right: auto; } } /* ------------------------------------------------------------ *\ Section Accordion \* ------------------------------------------------------------ */ .section-accordion { padding-bottom: 17px; margin-bottom: 30px; } .section-accordion:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-accordion { padding-bottom: 0; } } .section-accordion .section__entry { padding-top: 37px; } @media (max-width: 1023px) { .section-accordion .section__entry { padding-top: 12px; } } /* ------------------------------------------------------------ *\ Section Forms \* ------------------------------------------------------------ */ .section-forms { padding-top: 36px; margin-bottom: 36px; } .section-forms:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-forms { padding-top: 11px; } } .section-forms .section__entry { margin-bottom: 52px; } .section-forms .section__entry:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-forms .section__entry { margin-bottom: 14px; } } .section-forms .section__entry table { max-width: 690px; width: 100%; table-layout: fixed; } .section-forms .section__entry table td { padding: 13px 15px 0 0; padding-top: 13px; padding-right: 15px; } @media (max-width: 767px) { .section-forms .section__entry table td { padding: 0; } } .section-forms .section__entry table h3 { margin-bottom: 14px; } .section-forms .section__entry table h3:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-forms .section__entry table h3 { margin-bottom: 12px; } } .section-forms .section__entry table p { line-height: 1.75; } @media (max-width: 767px) { .section-forms .section__entry table p { line-height: 2.9; } } /* Section Forms Catalog */ .section-forms--catalog { padding-bottom: 47px; } @media (max-width: 767px) { .section-forms--catalog { padding-bottom: 0; } } @media (max-width: 767px) { .section-forms--catalog .section__entry { margin-bottom: 33px; } } @media (max-width: 767px) { .section-forms--catalog .section__entry:last-child { margin-bottom: 0; } } .section-forms--catalog .catalog-code { display: none; } /* Section Forms Replacement */ .section-forms--replacement { padding-bottom: 22px; } @media (max-width: 767px) { .section-forms--replacement { padding-top: 15px; padding-bottom: 0; } } @media (max-width: 767px) { .section-forms--replacement .section__entry { margin-bottom: 29px; } } @media (max-width: 767px) { .section-forms--replacement .section__entry:last-child { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ Section Stores \* ------------------------------------------------------------ */ .section-stores { padding: 50px 0 171px; } @media (max-width: 767px) { .section-stores { padding: 52px 0 108px; } } .section-stores .section__head { margin-bottom: 36px; text-align: center; } .section-stores .section__head:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-stores .section__head { margin-bottom: 30px; } } .section-stores .store-locator { padding: 0 2px; } @media (max-width: 1023px) { .section-stores .store-locator { padding: 0; } } @media (max-width: 767px) { .section-stores .store-locator { margin-left: -25px; margin-right: -25px; } } /* ------------------------------------------------------------ *\ Section Cart \* ------------------------------------------------------------ */ .section-cart { padding: 55px 0 50px; } @media (max-width: 767px) { .section-cart { padding: 52px 0 42px; } } .section-cart .section__head { margin-bottom: 53px; text-align: center; } .section-cart .section__head:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-cart .section__head { margin-bottom: 38px; } } @media (max-width: 767px) { .section-cart .section__body { padding: 0 4px; } } /* ------------------------------------------------------------ *\ Section Wishlist \* ------------------------------------------------------------ */ .section-wishlist { padding: 54px 0; } @media (max-width: 767px) { .section-wishlist { padding: 52px 0; } } .section-wishlist .section__head { padding: 0 300px; margin-bottom: 57px; text-align: center; } @media (max-width: 1023px) { .section-wishlist .section__head { padding: 0; } } @media (max-width: 767px) { .section-wishlist .section__head { margin-bottom: 31px; } } .section-wishlist .section__body { position: relative; } .section-wishlist .wishlist .wishlist__share { position: absolute; top: -97px; right: 2px; } @media (max-width: 1023px) { .section-wishlist .wishlist .wishlist__share { position: static; } } /* ------------------------------------------------------------ *\ Section Form \* ------------------------------------------------------------ */ .section-form { position: relative; z-index: 1; min-height: 805px; padding: 50px 0; } @media (max-width: 767px) { .section-form { min-height: 0; padding: 22px 0 76px; } .form.form--login{ padding-top:6rem; }} .section-form .section__body { padding: 31px 60px 40px; border: 1px solid #d3d3d3; background: #fff; } @media (max-width: 767px) { .section-form .section__body { padding: 0 3px; border: none; background: none; } } .section-form .form .form__image { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; } @media (max-width: 767px) { .section-form .form .form__image { display: none; } } /* Section Form Register */ @media (max-width: 767px) { .section-form--register { padding-bottom: 39px; } } .section-form--register .section__body { padding-top: 27px; } @media (max-width: 767px) { .section-form--register .section__body { padding-top: 0; } } /* ------------------------------------------------------------ *\ Section Details \* ------------------------------------------------------------ */ .section-details { padding: 22px 0; } @media (max-width: 767px) { .section-details { padding: 14px 0 9px; } } .section-details .section__row { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 26px 0; border-top: 1px solid #9b9b9b; } @media (max-width: 767px) { .section-details .section__row { display: block; padding: 10px 0; border-top: none; } } .section-details .section__row-body { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding-left: 5px; } @media (max-width: 767px) { .section-details .section__row-body { padding-left: 0; } } .section-details .section__row-body ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; list-style: none outside none; } @media (max-width: 1023px) { .section-details .section__row-body ul { display: block; margin: 0; } } .section-details .section__row-body ul:last-child { margin-bottom: -10px; } @media (max-width: 1023px) { .section-details .section__row-body ul:last-child { margin-bottom: 0; } } .section-details .section__row-body li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 5px; margin-bottom: 10px; } @media (max-width: 1023px) { .section-details .section__row-body li { max-width: none; padding: 0; } } @media (max-width: 767px) { .section-details .section__row-body li { margin-bottom: 21px; } } @media (max-width: 1023px) { .section-details .section__row-body li:last-child { margin-bottom: 0; } } .section-details .section__row-body span { display: block; margin-bottom: 5px; font-size: 20px; } @media (max-width: 767px) { .section-details .section__row-body span { margin-bottom: 2px; font-size: 14px; } } @media (max-width: 767px) { .section-details .section__row-body p { font-size: 12px; line-height: 2; } } .section-details .section__row-actions { -webkit-box-flex: 0; -ms-flex: 0 0 229px; flex: 0 0 229px; padding-top: 3px; margin-left: 20px; } @media (max-width: 1199px) { .section-details .section__row-actions { -webkit-box-flex: 0; -ms-flex: 0 0 210px; flex: 0 0 210px; } } @media (max-width: 1023px) { .section-details .section__row-actions { -webkit-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; } } @media (max-width: 767px) { .section-details .section__row-actions { padding-top: 0; margin: 40px 0 0; } } /* ------------------------------------------------------------ *\ Section Orders \* ------------------------------------------------------------ */ .section-orders { padding: 8px 0; } @media (max-width: 767px) { .section-orders { padding: 28px 0 14px; } } /* ------------------------------------------------------------ *\ Section Order \* ------------------------------------------------------------ */ .section-order { padding: 74px 0 94px; } @media (max-width: 767px) { .section-order { padding: 31px 0 81px; } } .section-order .section__head { margin-bottom: 76px; } .section-order .section__head:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-order .section__head { margin-bottom: 19px; text-align: center; } } .section-order .section__title { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 16px; } .section-order .section__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-order .section__title { display: block; margin-bottom: 13px; } } .section-order .section__title span { padding-right: 10px; } @media (max-width: 767px) { .section-order .section__title span { padding-right: 0; } } .section-order .section__title span:last-child { padding-right: 0; } .section-order .section__title .btn-more { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: start; align-self: flex-start; margin: 6px -7px 0 auto; } @media (max-width: 1199px) { .section-order .section__title .btn-more { margin-right: 0; } } @media (max-width: 767px) { .section-order .section__body { padding: 0 4px; } } .section-order .section__foot { max-width: 570px; padding: 0 4px; margin-top: 60px; } @media (max-width: 767px) { .section-order .section__foot { max-width: none; margin-top: 32px; } } @media (max-width: 767px) { .section-order .section__foot .col ~ .col { margin-top: 21px; } } .section-order .section__foot-content > span { display: block; margin-bottom: 3px; font-size: 20px; } .section-order .section__foot-content > span:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-order .section__foot-content > span { margin-bottom: 8px; font-size: 14px; } } .section-order .section__foot-entry { opacity: 0.5; } .section-order .section__actions { margin-top: 33px; text-align: center; } /* ------------------------------------------------------------ *\ Section Account \* ------------------------------------------------------------ */ .section-account { padding: 22px 0; } @media (max-width: 767px) { .section-account { padding: 28px 0; } .customer-account-wrapper{padding-top:7rem;}} .section-account .section__row { padding: 26px 0 32px; border-bottom: 1px solid #9b9b9b; } @media (max-width: 767px) { .section-account .section__row { padding-bottom: 31px; } } .section-account .section__row:first-child { border-top: 1px solid #9b9b9b; } @media (max-width: 767px) { .section-account .section__row ~ .section__row { margin-top: 6px; } } .section-account .section__actions { margin-top: 33px; } /* Section Account Addresses */ @media (max-width: 767px) { .section-account--addresses { padding-bottom: 15px; } } .section-account--addresses .section__actions { max-width: 229px; } @media (max-width: 767px) { .section-account--addresses .section__actions { max-width: none; margin-top: 42px; } } /* ------------------------------------------------------------ *\ Section Inline \* ------------------------------------------------------------ */ .section-inline { position: relative; } .section-inline .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; text-align: center; } @media (max-width: 767px) { .section-inline .section__inner { display: block; min-height: 0; } } .section-inline .section__inner:after { min-height: inherit; font-size: 0; content: ''; } @media (max-width: 767px) { .section-inline .section__inner:after { content: none; } } .section-inline .section__aside { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; max-width: 50%; padding: 70px 0; } @media (max-width: 767px) { .section-inline .section__aside { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; z-index: 3; max-width: none; padding: 37px 0; } } .section-inline .section__aside-line { position: absolute; top: 100%; left: 50%; width: 2px; height: 56px; margin-left: -1px; margin-top: -56px; background: #cba052; opacity: 1; content: ''; } @media (max-width: 767px) { .section-inline .section__aside-line { height: 30px; margin-top: -30px; } } .section-inline .section__aside-line.animated { height: 0; -webkit-transition: height 0.6s; -o-transition: height 0.6s; transition: height 0.6s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } @media (max-width: 1024px) { .section-inline .section__aside-line.animated { height: 56px; } } @media (max-width: 767px) { .section-inline .section__aside-line.animated { height: 30px; } } .section-inline .section__aside-line.animated-in { height: 56px; } @media (max-width: 767px) { .section-inline .section__aside-line.animated-in { height: 30px; } } .section-inline .section__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 594px; padding: 0 20px; } @media (max-width: 1199px) { .section-inline .section__content { max-width: 100%; } } @media (max-width: 1023px) { .section-inline .section__content { padding: 0 15px; } } @media (max-width: 767px) { .section-inline .section__content { max-width: 100%; padding: 0 25px; } } .section-inline .section__content > * { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; } .section-inline .section__content .btn-video { margin-bottom: 11px; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .section-inline .section__logo { max-width: 236px; margin: 0 auto 46px; } .section-inline .section__logo:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-inline .section__logo { max-width: 145px; margin-bottom: 32px; } } .section-inline .section__title { margin-bottom: 20px; } .section-inline .section__title:last-child { margin-bottom: 0; } .section-inline .section__entry { margin-bottom: 24px; } .section-inline .section__entry:last-child { margin-bottom: 0; } .section-inline .section__column { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } @media (max-width: 767px) { .section-inline .section__column { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; } } .section-inline .section__column .slider-column { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .section-inline .section__image { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .section-inline .section__link { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; cursor: pointer; } .section-inline .section__link:hover .btn-video { opacity: 0.8; } .section-inline .section__link .btn-video { position: absolute; top: 50%; left: 50%; margin-top: 17px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* Section Inline Reversed */ .section-inline--reversed .section__inner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* Section Inline Primary */ .section-inline--primary .section__aside { padding: 50px 0 136px; } @media (max-width: 767px) { .section-inline--primary .section__aside { padding: 44px 0 37px; } } @media (max-width: 767px) { .section-inline--primary .section__aside { color: #fff; } } @media (max-width: 767px) { .section-inline--primary .section__aside:first-child:last-child { background: rgba(203, 160, 82, 0.7); } } @media (max-width: 767px) { .section-inline--primary .section__aside-line { background: currentColor; } } .section-inline--primary .section__aside-bar { position: absolute; bottom: 76px; left: 0; width: 100%; padding: 0 20px; font-size: 0; } @media (max-width: 767px) { .section-inline--primary .section__aside-bar { position: static; padding: 0; margin-top: 45px; } } .section-inline--primary .section__aside-bar .link-secondary { overflow: hidden; display: inline-block; max-width: 100%; color: #cba052; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (max-width: 767px) { .section-inline--primary .section__aside-bar .link-secondary { color: inherit; white-space: normal; } } .section-inline--primary .section__aside-bar .link-secondary:hover { color: #1c1e1d; } @media (max-width: 767px) { .section-inline--primary .section__aside-bar .link-secondary:hover { color: inherit; } } .section-inline--primary .section__title { color: #cba052; } @media (max-width: 767px) { .section-inline--primary .section__title { color: inherit; } } .section-inline--primary .section__entry { line-height: 1.8; } @media (max-width: 767px) { .section-inline--primary .section__entry { line-height: 1.55; } } @media (max-width: 767px) { .section-inline--primary .section__link { display: none; } } @media (max-width: 767px) { .section-inline--primary .section__image:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(203, 160, 82, 0.7); content: ''; } } /* Section Inline Secondary */ .section-inline--secondary .section__aside { padding: 32px 0 70px; } @media (max-width: 767px) { .section-inline--secondary .section__aside { padding: 22px 0 37px; } } .section-inline--secondary .section__logo { max-width: 60px; margin-bottom: 26px; } .section-inline--secondary .section__logo:last-child { margin-bottom: 0; } .section-inline--secondary .section__title-outer, .section-inline--secondary .section__title { margin-bottom: 16px; } .section-inline--secondary .section__title-outer:last-child, .section-inline--secondary .section__title:last-child { margin-bottom: 0; } .section-inline--secondary .section__title-outer:first-child, .section-inline--secondary .section__title:first-child { margin-top: 24px; } @media (max-width: 767px) { .section-inline--secondary .section__title-outer { position: relative; padding: 22px 45px 62px; margin: -22px -25px 0; margin-bottom: 20px; } } @media (max-width: 767px) { .section-inline--secondary .section__title-outer:first-child { margin-top: -22px; } } @media (max-width: 767px) { .section-inline--secondary .section__title-outer .section__column ~ .section__title { color: #fff; } } @media (max-width: 767px) { .section-inline--secondary .section__title-outer + .hidden-xs + .slider-block { margin-top: -64px; } } @media (max-width: 767px) { .section-inline--secondary .section__title { position: relative; margin-top: 0; } } /* Section Inline Tertiary */ .section-inline--tertiary .section__inner > *:first-child:last-child { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .section-inline--tertiary .section__aside { padding: 118px 0 50px; } @media (max-width: 767px) { .section-inline--tertiary .section__aside { padding: 40px 0 18px; } } .section-inline--tertiary .section__aside-line { display: none; } .section-inline--tertiary .section__title { margin-bottom: 36px; } .section-inline--tertiary .section__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-inline--tertiary .section__title { margin-bottom: 26px; } } .section-inline--tertiary .section__subtitle { margin-bottom: 51px; font-size: 22px; font-weight: normal; color: #cba052; } .section-inline--tertiary .section__subtitle:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-inline--tertiary .section__subtitle { margin-bottom: 19px; font-size: 18px; line-height: 1.6; } } .section-inline--tertiary .section__actions { margin-bottom: 30px; } .section-inline--tertiary .section__actions:last-child { margin-bottom: 0; } .section-inline--tertiary .section__entry { max-width: 460px; margin: 0 auto 49px; } .section-inline--tertiary .section__entry:last-child { margin-bottom: 0; } @media (max-width: 767px) { .section-inline--tertiary .section__entry { max-width: none; margin-bottom: 34px; } } .section-inline--tertiary .section__entry--secondary { color: #6d7278; } @media (max-width: 767px) { .section-inline--tertiary .section__entry--secondary { line-height: 1.45; } } .section-inline--tertiary .section__entry--secondary:last-child { margin-top: 141px; margin-bottom: -40px; } @media (max-width: 1199px) { .section-inline--tertiary .section__entry--secondary:last-child { margin-top: 80px; margin-bottom: 0; } } @media (max-width: 767px) { .section-inline--tertiary .section__entry--secondary:last-child { margin-top: 65px; } } @media (max-width: 767px) { .section-inline--tertiary .section__image:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); content: ''; } } /* Section Inline Fixed */ .section-inline--fixed .section__column { position: fixed; bottom: 0; right: 0; width: 50%; height: 100vh; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.5s ease-out, visibility 0.5s ease-out; -o-transition: opacity 0.5s ease-out, visibility 0.5s ease-out; transition: opacity 0.5s ease-out, visibility 0.5s ease-out; } @media (max-width: 767px) { .section-inline--fixed .section__column { position: absolute; width: 100%; height: 100%; opacity: 1; visibility: visible; pointer-events: auto; } } .section-inline--fixed.expanded .section__column { opacity: 1; visibility: visible; pointer-events: auto; } .section-inline--fixed.static .section__aside .section__column { left: 100%; width: 100%; } .section-inline--fixed.static .section__column { position: absolute; } /* Sections Inline */ .sections-inline > *:first-child .section__content > *:nth-child(1) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .sections-inline > *:first-child .section__content > *:nth-child(2) { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .sections-inline > *:first-child .section__content > *:nth-child(3) { -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } .sections-inline > *:first-child .section__content > *:nth-child(4) { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } .sections-inline > *:first-child .section__content > *:nth-child(5) { -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } /* ------------------------------------------------------------ *\ Slider Flex \* ------------------------------------------------------------ */ .slider-flex { position: relative; } .slider-flex .slider__clip, .slider-flex .slider__slides { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .slider-flex .slider__slide { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .slider-flex .slider__slide ~ .slider__slide { display: none !important; } .slider-flex .slick-list, .slider-flex .slick-track { -webkit-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); } .slider-flex .slick-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .slider-flex .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .slider-flex .slick-track:before, .slider-flex .slick-track:after { display: none; } .slider-flex .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; float: none; min-height: 0; height: auto; } .slider-flex .slick-slide > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .slider-flex .slick-arrow { position: absolute; top: 50%; z-index: 2; margin-top: -20px; display: inline-block; width: 40px; height: 40px; border: none; background: none; font-size: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .slider-flex .slick-arrow:focus, .slider-flex .slick-arrow:hover { color: currentColor; opacity: 0.7; } .slider-flex .slick-arrow:before { position: absolute; top: 50%; left: 14px; content: ''; width: 18px; height: 18px; display: inline-block; vertical-align: middle; border-width: 0 0 2px 2px; border-style: solid; border-color: #1c1e1d; margin: -10px 0 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .slider-flex .slick-disabled { opacity: 0; visibility: hidden; } .slider-flex .slick-prev { left: -32px; } @media (max-width: 1409px) { .slider-flex .slick-prev { left: 0; } } .slider-flex .slick-next { right: -32px; } .slider-flex .slick-next:before { left: 7px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } @media (max-width: 1409px) { .slider-flex .slick-next { right: 0; } } /* ------------------------------------------------------------ *\ Slider Primary \* ------------------------------------------------------------ */ .slider-primary { position: relative; margin: 0 -8px; background: #f8f8f3; } .slider-primary:before, .slider-primary:after { position: absolute; top: 0; bottom: 0; z-index: 2; width: 8px; background: #f8f8f3; content: ''; } .slider-primary:before { left: 0; } .slider-primary:after { right: 0; } .slider-primary .slider__slide { position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; min-height: 280px; padding: 0 8px; } .slider-primary .slider__slide-inner { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .slider-primary .slider__slide-link { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; } .slider-primary .slider__slide-link:hover ~ .slider__slide-content .btn-more:after { width: 30%; } .slider-primary .slider__slide-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .slider-primary .slider__slide-content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; position: relative; z-index: 2; padding: 20px 50px; text-align: center; } @media (max-width: 1199px) { .slider-primary .slider__slide-content { padding: 20px; } } .slider-primary .slider__slide-title { margin: 10px 0 16px; } .slider-primary .slider__slide-title:last-child { margin-bottom: 0; } .slider-primary .slider__slide-subtitle { margin-bottom: 18px; } .slider-primary .slider__slide-subtitle:last-child { margin-bottom: 0; } /* ------------------------------------------------------------ *\ Slider Products \* ------------------------------------------------------------ */ .slider-products .slider__clip { margin: 0 -23px; } @media (max-width: 1379px) { .slider-products .slider__clip { margin: 0 -10px; } } @media (max-width: 1023px) { .slider-products .slider__clip { margin: 0; } } .slider-products .slider__slide { padding: 0 23px; } @media (max-width: 1379px) { .slider-products .slider__slide { padding: 0 10px; } } @media (max-width: 1023px) { .slider-products .slider__slide { padding: 0; } } .slider-products .slick-arrow { position: absolute; top: 96px; z-index: 2; display: inline-block; width: 40px; height: 40px; border: none; background: none; font-size: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .slider-products .slick-arrow:focus, .slider-products .slick-arrow:hover { color: currentColor; opacity: 0.7; } .slider-products .slick-arrow:before { position: absolute; top: 50%; left: 14px; content: ''; width: 18px; height: 18px; display: inline-block; vertical-align: middle; border-width: 0 0 2px 2px; border-style: solid; border-color: #1c1e1d; margin: -10px 0 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 1379px) { .slider-products .slick-arrow { top: 50%; margin-top: -60px; } } .slider-products .slick-disabled { opacity: 0; visibility: hidden; } .slider-products .slick-prev { left: -20px; } @media (max-width: 1409px) { .slider-products .slick-prev { right: -40px; } } @media (max-width: 767px) { .slider-products .slick-prev { left: -30px; } } .slider-products .slick-next { right: -45px; } .slider-products .slick-next:before { left: 7px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } @media (max-width: 1409px) { .slider-products .slick-next { right: -40px; } } @media (max-width: 767px) { .slider-products .slick-next { right: -30px; } } .slider-products .slick-dots { display: none !important; } /* Slider Products Primary */ @media (max-width: 767px) { .slider-products--primary .slider__clip { max-width: 200px; } } @media (max-width: 767px) { .slider-products--primary .slider__slides { margin: 0 -14px; } } @media (max-width: 767px) { .slider-products--primary .slider__slide { padding: 0 14px; } } @media (max-width: 767px) { .slider-products--primary .slick-list { overflow: visible; } } @media (max-width: 767px) { .slider-products--primary .slick-arrow { display: none !important; } } .slider-products--primary .slick-dots { overflow: hidden; height: 3px; border-radius: 5px; margin: 20px 0 0; background: #d3d3d3; list-style: none outside none; } .slider-products--primary .slick-dots li { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; display: -webkit-box; display: -ms-flexbox; display: flex; } .slider-products--primary .slick-dots li.slick-active button { opacity: 1; } .slider-products--primary .slick-dots button { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 0; border-radius: 5px; border: none; background: #003c4d; font-size: 0; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* ------------------------------------------------------------ *\ Slider Block \* ------------------------------------------------------------ */ .slider-block { position: relative; } .slider-block .slider__slide { display: block !important; } .slider-block .slider__slide ~ .slider__slide { display: none !important; } .slider-block .slick-arrow { position: absolute; top: 95px; z-index: 2; margin-top: 0; display: inline-block; width: 40px; height: 40px; border: none; background: none; font-size: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .slider-block .slick-arrow:focus, .slider-block .slick-arrow:hover { color: currentColor; opacity: 0.7; } .slider-block .slick-arrow:before { position: absolute; top: 50%; left: 14px; content: ''; width: 18px; height: 18px; display: inline-block; vertical-align: middle; border-width: 0 0 2px 2px; border-style: solid; border-color: #1c1e1d; margin: -10px 0 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 767px) { .slider-block .slick-arrow { top: 59px; } } .slider-block .slick-disabled { opacity: 0; visibility: hidden; } .slider-block .slick-prev { left: 50%; margin-left: -190px; } @media (max-width: 767px) { .slider-block .slick-prev { margin-left: -128px; } } .slider-block .slick-next { right: 50%; margin-right: -190px; } .slider-block .slick-next:before { left: 7px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } @media (max-width: 767px) { .slider-block .slick-next { margin-right: -128px; } } .slider-block .slick-dots { margin: 20px 0 0; font-size: 0; list-style: none outside none; text-align: center; } .slider-block .slick-dots li { display: inline-block; margin: 2px 5px; vertical-align: top; } .slider-block .slick-dots li.slick-active button { background: #6d7278; } .slider-block .slick-dots button { display: block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #6d7278; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } @media (min-width: 1025px) { .slider-block .slick-dots button:hover { background: #6d7278; } } @media (max-width: 767px) { .slider-block .slick-dots { margin-top: 40px; } } /* ------------------------------------------------------------ *\ Slider Column \* ------------------------------------------------------------ */ .slider-column { display: -webkit-box; display: -ms-flexbox; display: flex; } .slider-column .slider__slide { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .slider-column .slider__slide ~ .slider__slide { display: none !important; } .slider-column .slider__slide-image { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk { /* ------------------------------------------------------------ *\ Slider Products \* ------------------------------------------------------------ */ /* Slider Products Primary */ } @media (max-width: 767px) { .html-dansk .slider-products--primary .slick-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .html-dansk .slider-products--primary .slick-dots button { background: #ab2328; } /* ------------------------------------------------------------ *\ Table Cart \* ------------------------------------------------------------ */ @media (max-width: 767px) { .table-cart { border-top: 1px solid #9b9b9b; } } @media (max-width: 767px) { .table-cart table, .table-cart thead, .table-cart tbody, .table-cart tfoot, .table-cart tr, .table-cart th, .table-cart td { display: block; } } @media (max-width: 767px) { .table-cart thead tr, .table-cart thead { display: none; } } @media (max-width: 767px) { .table-cart tr { padding: 20px 0; border-bottom: 1px solid #dcdcdc; } } .table-cart tr.alt td { padding-top: 47px; padding-bottom: 25px; border-top-color: transparent; } @media (max-width: 767px) { .table-cart tr.alt td { padding-top: 0; padding-bottom: 0; } } @media (max-width: 767px) { .table-cart tr.alt td:nth-child(2) { margin-top: 12px; } } .table-cart tr.alt .table__image { max-height: 0; } @media (max-width: 767px) { .table-cart tr.alt .table__image { max-height: none; } } .table-cart tr.alt .table__title { margin-bottom: 0; } @media (max-width: 767px) { .table-cart tr.alt .table__title { margin-bottom: 2px; } } .table-cart tr.alt .table__entry { color: #6d7278; } @media (max-width: 767px) { .table-cart tr.alt .table__entry { line-height: 1.55; } } .table-cart tr.alt .table__content-image { margin-top: -49px; } .table-cart tr.added .table__gift-text { display: block; } .table-cart th { padding: 3px 10px 3px 0; font-size: 13px; font-weight: normal; letter-spacing: 1.5px; text-transform: uppercase; text-align: left; } @media (max-width: 767px) { .table-cart th { display: none; } } .table-cart th:first-child { width: 460px; } .table-cart th:nth-child(2) { width: 200px; } .table-cart th:nth-child(3) { width: 170px; } .table-cart th:nth-child(4) { width: 170px; text-align: right; } .table-cart td { padding: 29px 10px 26px 0; border-top: 1px solid #dcdcdc; vertical-align: top; } @media (max-width: 767px) { .table-cart td { padding: 0 0 0 80px; border-top: none; } } .table-cart td:first-child { padding-left: 0; } @media (max-width: 767px) { .table-cart td:nth-child(2) { margin-top: 19px; } } @media (max-width: 767px) { .table-cart td:nth-child(3) { display: none; } } .table-cart td:nth-child(4) { padding-right: 0; text-align: right; } @media (max-width: 767px) { .table-cart td:nth-child(4) { margin-top: 9px; } } .table-cart .table__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .table-cart .table__image { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; position: relative; overflow: hidden; height: 80px; margin-right: 20px; } @media (max-width: 767px) { .table-cart .table__image { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; height: 60px; } } .table-cart .table__image figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; } .table-cart .table__image figure:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .table-cart .table__image figure img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .table-cart .table__image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .table-cart .table__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .table-cart .table__content-image { max-width: 21px; margin-bottom: 19px; } .table-cart .table__content-image:last-child { margin-bottom: 0; } .table-cart .table__gift-text { display: none; margin-bottom: 26px; } .table-cart .table__gift-text:last-child { margin-bottom: 0; } @media (max-width: 767px) { .table-cart .table__gift-text { margin-top: 2px; } } .table-cart .table__title { margin: -4px 0 8px; } .table-cart .table__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .table-cart .table__title { margin: 1px 0 4px; } } .table-cart .table__subtitle { margin-bottom: 13px; } .table-cart .table__subtitle:last-child { margin-bottom: 0; } @media (max-width: 767px) { .table-cart .table__subtitle { margin-bottom: 19px; } } .table-cart .table__entry { margin-bottom: 8px; } .table-cart .table__entry:last-child { margin-bottom: 0; } .table-cart .table__entry p { margin-bottom: 0; } .table-cart .table__entry small { font-size: 100%; text-transform: uppercase; } @media (max-width: 767px) { .table-cart .table__entry + .link-add { margin-top: 12px; } } .table-cart .table__line { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .table-cart .table__line { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .table-cart .table__line-inner { -webkit-box-flex: 0; -ms-flex: 0 0 67px; flex: 0 0 67px; margin-right: 10px; } /* ------------------------------------------------------------ *\ Table Default \* ------------------------------------------------------------ */ .table-default { font-size: 12px; } @media (max-width: 767px) { .table-default table, .table-default thead, .table-default tbody, .table-default tfoot, .table-default tr, .table-default th, .table-default td { display: block; } } @media (max-width: 767px) { .table-default thead { display: none; } } @media (max-width: 767px) { .table-default tbody tr { padding: 14px 0 18px; border-bottom: 1px solid #9b9b9b; } } @media (max-width: 767px) { .table-default tbody tr:first-child { border-top: 1px solid #1c1e1d; } } @media (max-width: 767px) { .table-default tbody tr ~ tr { margin-top: 6px; } } .table-default tr:last-child td { border-bottom-color: transparent; } .table-default th { padding: 18px 5px; border-bottom: 1px solid #000; font-size: 13px; font-weight: normal; text-align: left; letter-spacing: 1.5px; text-transform: uppercase; } @media (max-width: 767px) { .table-default th { display: none; } } .table-default td { padding: 21px 5px 20px; border-bottom: 1px solid #9b9b9b; color: #6d7278; } @media (max-width: 767px) { .table-default td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2px 0; border-bottom: none; } } @media (max-width: 767px) { .table-default td:before { color: #1c1e1d; text-transform: uppercase; letter-spacing: 1px; content: attr(data-heading); } } .table-default td > a:not([class]) { color: #000; } .table-default td > a:not([class]):hover { color: #276678; } /* Table Default Orders */ .table-default--orders th:nth-child(1) { width: 116px; } @media (max-width: 767px) { .table-default--orders th:nth-child(1) { width: auto; } } .table-default--orders th:nth-child(2) { width: 216px; } @media (max-width: 767px) { .table-default--orders th:nth-child(2) { width: auto; } } .table-default--orders th:nth-child(3) { width: 182px; } @media (max-width: 767px) { .table-default--orders th:nth-child(3) { width: auto; } } .table-default--orders th:nth-child(4) { width: 206px; } @media (max-width: 767px) { .table-default--orders th:nth-child(4) { width: auto; } } .table-default--orders th:nth-child(5) { width: 80px; } @media (max-width: 767px) { .table-default--orders th:nth-child(5) { width: auto; } } @media (max-width: 767px) { .table-default--orders td:nth-child(3) { margin-top: 10px; } } @media (max-width: 767px) { .table-default--orders td:nth-child(5) { margin-top: 20px; } } /* ------------------------------------------------------------ *\ Table Order \* ------------------------------------------------------------ */ @media (max-width: 767px) { .table-order table, .table-order thead, .table-order tbody, .table-order tfoot, .table-order tr, .table-order th, .table-order td { display: block; } } @media (max-width: 767px) { .table-order thead { display: none; } } @media (max-width: 767px) { .table-order tr { border-top: 1px solid #dcdcdc; } } @media (max-width: 767px) { .table-order tr:first-child { border-top-color: #9b9b9b; } } .table-order tr:last-child td { border-bottom-color: transparent; } .table-order th { padding: 3px 10px 3px 0; font-size: 13px; font-weight: normal; text-align: left; letter-spacing: 1.5px; text-transform: uppercase; } @media (max-width: 767px) { .table-order th { display: none; } } .table-order th:nth-child(1) { width: 408px; } .table-order th:nth-child(2) { width: 167px; } .table-order th:nth-child(3) { width: 86px; text-align: center; } .table-order th:nth-child(4) { width: 139px; padding-right: 0; text-align: right; } .table-order td { padding: 19px 10px 44px 0; border-top: 1px solid #9b9b9b; vertical-align: top; } @media (max-width: 767px) { .table-order td { padding: 0; border-top: none; font-size: 11px; } } .table-order td:nth-child(3) { text-align: center; } @media (max-width: 767px) { .table-order td:nth-child(3) { text-align: inherit; } } .table-order td:last-child { padding-right: 0; text-align: right; } @media (max-width: 767px) { .table-order tbody tr { position: relative; min-height: 100px; padding: 22px 0 13px 80px; padding-left: 80px; } .table-order tbody tr:after{ content: ''; display: block; clear: both; } } @media (max-width: 767px) { .table-order tbody td { margin-bottom: 4px; } } @media (max-width: 767px) { .table-order tbody td:before { padding-right: 4px; text-transform: uppercase; content: attr(data-heading); } } @media (max-width: 767px) { .table-order tbody td:first-child { min-height: 43px; padding-bottom: 10px; } } @media (max-width: 767px) { .table-order tbody td:first-child:before { display: none; } } @media (max-width: 767px) { .table-order tbody td:first-child > *:last-child { float: none; } } @media (max-width: 767px) { .table-order tbody td:nth-child(2) { float: right; min-width: 102px; max-width: 130px; } } @media (max-width: 767px) { .table-order tbody td:nth-child(3) { float: left; } } @media (max-width: 767px) { .table-order tbody td:nth-child(3):before { padding-right: 9px; } } @media (max-width: 767px) { .table-order tbody td:last-child { float: right; min-width: 102px; max-width: 130px; clear: both; text-align: inherit; } } @media (max-width: 767px) { .table-order tbody td > *:last-child { float: right; } } @media (max-width: 767px) { .table-order tbody td .price { padding-top: 2px; } } @media (max-width: 767px) { .table-order tfoot tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 18px 0 17px; } } @media (max-width: 767px) { .table-order tfoot tr:first-child { padding-top: 22px; border-top-color: #000; } } .table-order tfoot tr:first-child td { border-top-color: #000; } .table-order tfoot td { padding: 18px 0; vertical-align: middle; } @media (max-width: 767px) { .table-order tfoot td { padding: 0; } } .table-order tfoot td small, .table-order tfoot td strong { display: block; line-height: 1.42; text-transform: uppercase; } .table-order tfoot td small { font-size: 12px; letter-spacing: 0.8px; } @media (max-width: 767px) { .table-order tfoot td small { font-size: inherit; letter-spacing: 0; } } .table-order tfoot td strong { font-size: 13px; font-weight: 500; letter-spacing: 1.5px; } .table-order .table__inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 10px; } @media (max-width: 767px) { .table-order .table__inner { display: block; margin-left: 0; } } .table-order .table__image { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; position: relative; overflow: hidden; height: 80px; margin: 3px 17px 0 0; } @media (max-width: 767px) { .table-order .table__image { position: absolute; top: 22px; left: 0; width: 60px; height: 60px; margin: 0; } } .table-order .table__image figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; } .table-order .table__image figure:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .table-order .table__image figure img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .table-order .table__image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .table-order .table__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } @media (max-width: 767px) { .table-order .price { font-size: 13px; } } /* ------------------------------------------------------------ *\ Paging \* ------------------------------------------------------------ */ .paging { display: block; } @media (max-width: 767px) { .paging { margin-left: -25px; margin-right: -25px; } } .paging .paging__next span, .paging .paging__next a, .paging .paging__prev span, .paging .paging__prev a { position: relative; display: inline-block; width: 32px; height: 32px; font-size: 0; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .paging .paging__next span:after, .paging .paging__next a:after, .paging .paging__prev span:after, .paging .paging__prev a:after { position: absolute; top: 7px; left: 10px; content: ''; width: 17px; height: 17px; display: inline-block; vertical-align: middle; border-width: 0 0 2px 2px; border-style: solid; border-color: #003c4d; margin: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .paging .paging__prev { margin-right: 1px; } @media (max-width: 767px) { .paging .paging__prev { margin-right: 0; } } .paging .paging__next { margin-left: 1px; } @media (max-width: 767px) { .paging .paging__next { margin-left: 0; } } .paging .paging__next span:after, .paging .paging__next a:after { left: 4px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .paging .paging__disable { pointer-events: none; } .paging .paging__disable span:after, .paging .paging__disable a:after { border-color: #d3d3d3; } .paging ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 0; font-size: 0; list-style-type: none; } @media (max-width: 767px) { .paging ul { margin: 0; } } .paging ul li { margin: 0 8px; } @media (max-width: 767px) { .paging ul li { margin: 0 4px; } } .paging ul li:first-child { margin-left: 0; } .paging ul li:last-child { margin-right: 0; } .paging ul li a:hover { border-color: #1c1e1d; } .paging ul li.current span, .paging ul li.current a { border-color: #1c1e1d; } .paging ul li:not(.paging__prev):not(.paging__next) span, .paging ul li:not(.paging__prev):not(.paging__next) a { display: inline-block; width: 32px; height: 32px; border-radius: 50%; border: 1px solid transparent; font-size: 15px; font-weight: 400; line-height: 31px; color: #1c1e1d; text-align: center; text-decoration: none; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .paging ul li:not(.paging__prev):not(.paging__next) span:hover, .paging ul li:not(.paging__prev):not(.paging__next) a:hover { color: #1c1e1d; } .paging ul li:not(.paging__prev):not(.paging__next) span.current, .paging ul li:not(.paging__prev):not(.paging__next) span.active, .paging ul li:not(.paging__prev):not(.paging__next) a.current, .paging ul li:not(.paging__prev):not(.paging__next) a.active { border-color: #1c1e1d; } .paging ul li:not(.paging__prev):not(.paging__next).current span, .paging ul li:not(.paging__prev):not(.paging__next).current a, .paging ul li:not(.paging__prev):not(.paging__next).active span, .paging ul li:not(.paging__prev):not(.paging__next).active a { border-color: #1c1e1d; } .paging ul li:not(.paging__prev):not(.paging__next) a:hover { border-color: #1c1e1d; } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { position: relative; z-index: 1; display: table; width: 100%; height: 730px; } @media (max-width: 1199px) { .intro { height: 540px; } } @media (max-width: 767px) { .intro { display: block; height: auto; padding-bottom: 29px; } } .intro .intro__container-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .intro .intro__container { display: table-cell; padding: 70px 0 50px; vertical-align: middle; } @media (max-width: 767px) { .intro .intro__container { display: block; padding: 0; } } @media (max-width: 767px) { .intro .intro__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 426px; padding: 22px 25px 20px; margin: 0 -25px; } } .intro .intro__bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .intro .intro__title { margin-bottom: 30px; } @media (max-width: 767px) { .intro .intro__title { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: 0; } } .intro .intro__inner { display: inline-block; max-width: 480px; width: 100%; } @media (max-width: 767px) { .intro .intro__inner { display: block; max-width: none; } } @media (max-width: 767px) { .intro .intro__body { padding-top: 17px; } } .intro .intro__entry { font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.6; } @media (max-width: 767px) { .intro .intro__entry { font-size: 14px; line-height: 1.57; padding: 0; } } .intro .intro__actions { margin-top: 35px; position: relative; z-index: 1; } @media (max-width: 767px) { .intro .intro__actions { margin-top: 15px; } } /* Intro Center */ .intro--center { text-align: center; } /* Intro Right */ .intro--right { text-align: right; } /* Intro White */ @media (min-width: 768px) { .intro--white .intro__inner { color: #fff; } } .intro--white .intro__content { color: #fff; } @media (min-width: 768px) { .intro--white .btn { background-color: transparent; color: #fff; border: 2px solid #fff; } } @media (min-width: 768px) { .intro--white .btn:not(:disabled):hover { background-color: #fff; color: #1c1e1d; border: 2px solid #fff; } } /* ------------------------------------------------------------ *\ Intro Default \* ------------------------------------------------------------ */ .intro-default { position: relative; z-index: 1; display: table; width: 100%; height: 330px; text-align: center; } @media (max-width: 767px) { .intro-default { height: 165px; } } .intro-default .intro__container { position: relative; display: table-cell; padding: 20px 0 42px; vertical-align: middle; } @media (max-width: 767px) { .intro-default .intro__container { padding: 25px 0 20px; } } .intro-default .intro__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .intro-default .intro__bg ~ .intro__container { color: #fff; } .intro-default .intro__title { margin-bottom: 6px; } .intro-default .intro__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .intro-default .intro__title { margin-bottom: 10px; } } .intro-default .intro__logo { max-width: 332px; margin: 0 auto 25px; } .intro-default .intro__logo:last-child { margin-bottom: 0; } @media (max-width: 767px) { .intro-default .intro__logo { max-width: 166px; margin-bottom: 16px; } } /* Intro Default Primary */ .intro-default--primary .intro__container { padding-bottom: 27px; } /* Intro Default Secondary */ .intro-default--secondary { height: 320px; } @media (max-width: 767px) { .intro-default--secondary { height: 165px; } } .intro-default--secondary .intro__container { padding-bottom: 30px; } @media (max-width: 767px) { .intro-default--secondary .intro__container { padding-bottom: 20px; } } /* Intro Default Tertiary */ .intro-default--tertiary .intro__container { padding-bottom: 16px; } /* Intro Default Dark */ .intro-default--dark .intro__bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.12; content: ''; } /* Intro Default Black */ .intro-default--black .intro__content { color: #1c1e1d; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk { /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ /* Intro White */ /* ------------------------------------------------------------ *\ Intro Default \* ------------------------------------------------------------ */ /* Intro Default Collection */ /* Intro Default Black */ } .html-dansk .intro { height: 685px; } @media (max-width: 1199px) { .html-dansk .intro { height: 540px; } } .html-dansk .intro .intro__container { padding: 30px 0 62px; } @media (max-width: 767px) { .html-dansk .intro .intro__container { padding: 0; } } @media (max-width: 767px) { .html-dansk .intro .intro__inner { width: auto; margin: 0 -10px; } } .html-dansk .intro .intro__title { margin-bottom: 12px; line-height: 1.1; } @media (max-width: 767px) { .html-dansk .intro .intro__title { line-height: 1.32; } } .html-dansk .intro .intro__entry { line-height: 1.4; } .html-dansk .intro .intro__actions { margin-top: 31px; } @media (max-width: 767px) { .html-dansk .intro .intro__actions { margin-top: 15px; } } @media (min-width: 768px) { .html-dansk .intro--white .btn:not(:disabled):hover { color: #222222; } } .html-dansk .intro-default--collection { height: 350px; } @media (max-width: 767px) { .html-dansk .intro-default--collection { height: 165px; } } .html-dansk .intro-default--collection .intro__container { padding: 30px 0 32px; } @media (max-width: 767px) { .html-dansk .intro-default--collection .intro__container { padding: 29px 0 20px; } } .html-dansk .intro-default--collection .intro__title { margin-bottom: 10px; font-size: 60px; } .html-dansk .intro-default--collection .intro__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .html-dansk .intro-default--collection .intro__title { font-size: 28px; } } .html-dansk .intro-default--black .intro__content { color: #222222; } /* ------------------------------------------------------------ *\ Reed \* ------------------------------------------------------------ */ .html-reed .intro .btn { font-weight: 700; } .html-reed .intro-default { /* Mobile */ } .html-reed .intro-default .intro__content { color: #fff; } .html-reed .intro-default.intro-default--black .intro__content { color: #1e1e1e; } .html-reed .intro-default .intro__entry { font-family: "Univers", sans-serif; font-size: 20px; line-height: 1.4; font-weight: 300; } @media (max-width: 767px) { .html-reed .intro-default .intro__container { padding: 43px 0 33px; } .html-reed .intro-default .intro__title { font-size: 28px; } .html-reed .intro-default .intro__entry { font-size: 12px; } } /* ------------------------------------------------------------ *\ Scroll Container \* ------------------------------------------------------------ */ .scroll-container { overflow: hidden; white-space: nowrap; position: relative; font-size: 0; text-align: center; margin-left: -15px; margin-right: -15px; } @media (max-width: 767px) { .scroll-container { margin-left: -25px; margin-right: -25px; } } .scroll-container:before, .scroll-container:after { position: absolute; top: 0; bottom: 0; left: 0; z-index: 2; width: 50px; pointer-events: none; content: ''; } @media (max-width: 1023px) { .scroll-container:before, .scroll-container:after { width: 40px; } } @media (max-width: 767px) { .scroll-container:before, .scroll-container:after { display: none; width: 25px; } } .scroll-container:before { background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); } .scroll-container:after { left: auto; right: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); } .scroll-container .scroll-item { max-width: 336px; width: 25vw; white-space: normal; display: inline-block; padding: 0 43px; margin-bottom: 30px; font-size: 15px; vertical-align: top; } @media (max-width: 1023px) { .scroll-container .scroll-item { width: 33.33vw; padding: 0 30px; } } @media (max-width: 767px) { .scroll-container .scroll-item { width: 184px; padding: 0; margin-right: 10px; margin-bottom: 66px; } } @media (max-width: 767px) { .scroll-container .scroll-item:last-child { margin-right: 0; } } .scroll-container .scroll-item--default a { display: block; text-decoration: none; } .scroll-container .scroll-item--default .scroll-item__inner { position: relative; display: block; padding-top: 100%; margin-bottom: 18px; } @media (max-width: 767px) { .scroll-container .scroll-item--default .scroll-item__inner { max-width: 160px; padding-top: 160px; margin-left: auto; margin-right: auto; margin-bottom: 5px; } } .scroll-container .scroll-item--default .scroll-item__inner figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; } .scroll-container .scroll-item--default .scroll-item__inner figure:before { display: inline-block; width: 0; height: 100%; vertical-align: bottom; content: ''; } @media (max-width: 767px) { .scroll-container .scroll-item--default .scroll-item__inner figure:before { vertical-align: middle; } } .scroll-container .scroll-item--default .scroll-item__inner img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: bottom; } @media (max-width: 767px) { .scroll-container .scroll-item--default .scroll-item__inner img { vertical-align: middle; } } .scroll-container .scroll-item--default h5 { line-height: 1.66; margin-bottom: 3px; } @media (max-width: 767px) { .scroll-container .scroll-item--default h5 { line-height: 2; } } @media (max-width: 767px) { .scroll-container .scroll-item--default .price { font-size: 13px; line-height: 1.15; } } .scroll-container .mCSB_container { padding-left: 15px; padding-right: 15px; } @media (max-width: 1379px) { .scroll-container .mCSB_container { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .scroll-container .mCSB_container { padding-left: 25px; padding-right: 25px; } } .scroll-container .mCSB_scrollTools { opacity: 1; } .scroll-container .mCSB_scrollTools.mCSB_scrollTools_horizontal { z-index: 2; } .scroll-container .mCSB_draggerContainer { width: 524px !important; margin: 0 auto !important; } @media (max-width: 767px) { .scroll-container .mCSB_draggerContainer { width: 85% !important; } } .scroll-container .mCSB_dragger { width: 138px !important; } @media (max-width: 767px) { .scroll-container .mCSB_dragger { width: 80px !important; } } .scroll-container .mCSB_dragger .mCSB_dragger_bar { height: 3px !important; background-color: #003c4d !important; margin: 7px auto !important; } .scroll-container .mCSB_draggerRail { height: 3px !important; background: #d3d3d3; } @media (max-width: 767px) { .scroll-container .mCSB_container { margin-bottom: -8px !important; } } /* Scroll Container Secondary */ .scroll-container--secondary .scroll-item { max-width: 456px; width: 33.33vw; padding: 0 103px; } @media (max-width: 1379px) { .scroll-container--secondary .scroll-item { max-width: none; padding: 0 75px; } } @media (max-width: 1199px) { .scroll-container--secondary .scroll-item { padding: 0 46px; } } @media (max-width: 1023px) { .scroll-container--secondary .scroll-item { padding: 0 30px; } } @media (max-width: 767px) { .scroll-container--secondary .scroll-item { width: 140px; padding: 0; margin-right: 66px; margin-bottom: 42px; } } @media (max-width: 767px) { .scroll-container--secondary .scroll-item--default figure { padding-top: 140px; margin-bottom: 25px; } } @media (max-width: 767px) { .scroll-container--secondary .scroll-item--default h5 { margin-bottom: 1px; line-height: 1.5; } } /* Scroll Container Features */ .scroll-container--features { margin-left: -40px; margin-right: -40px; } @media (max-width: 1199px) { .scroll-container--features { margin-left: -15px; margin-right: -15px; } } @media (max-width: 767px) { .scroll-container--features { margin-left: -25px; margin-right: -25px; } } @media (max-width: 1199px) { .scroll-container--features:before, .scroll-container--features:after { width: 20px; } } .scroll-container--features .scroll-item { display: inline-block; max-width: 290px; width: 25vw; padding: 0 20px; margin-bottom: 0; vertical-align: top; } @media (max-width: 1023px) { .scroll-container--features .scroll-item { padding: 0 15px; } } @media (max-width: 767px) { .scroll-container--features .scroll-item { width: 220px; padding: 0; margin-right: 15px; } } .scroll-container--features .scroll-item--large { max-width: 565px; width: 50vw; } @media (max-width: 767px) { .scroll-container--features .scroll-item--large { width: 220px; } } .scroll-container--features .mCSB_container { padding-left: 20px; padding-right: 20px; } @media (max-width: 1199px) { .scroll-container--features .mCSB_container { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .scroll-container--features .mCSB_container { padding: 0 28px 40px; margin-bottom: 0 !important; } } /* ------------------------------------------------------------ *\ Scroll Container Outer \* ------------------------------------------------------------ */ .scroll-container-outer { position: relative; } .scroll-container-outer .btn-arrow { position: absolute; top: 82px; z-index: 3; } .scroll-container-outer .btn-arrow--prev { left: -37px; } @media (max-width: 1409px) { .scroll-container-outer .btn-arrow--prev { left: -15px; } } .scroll-container-outer .btn-arrow--next { right: -37px; } @media (max-width: 1409px) { .scroll-container-outer .btn-arrow--next { right: -15px; } } /* ------------------------------------------------------------ *\ Html Dansk \* ------------------------------------------------------------ */ .html-dansk .scroll-container .scroll-item--default h5 { margin-bottom: 8px; line-height: 1.4; } @media (max-width: 767px) { .html-dansk .scroll-container .scroll-item--default h5 { padding-top: 3px; margin-bottom: 1px; line-height: 1.5; } } .html-dansk .mCSB_dragger .mCSB_dragger_bar { background: #ab2328 !important; } /* ------------------------------------------------------------ *\ Html Reed \* ------------------------------------------------------------ */ .html-reed .mCSB_dragger .mCSB_dragger_bar { background: #702e3e !important; } .html-reed .scroll-container { /* Mobile */ } @media (max-width: 767px) { .html-reed .scroll-container { margin-bottom: 42px; } } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials { font-size: 0; line-height: 1; } .socials ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -17px; list-style-type: none; } .socials li { margin: 0 17px; } .socials a { -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .socials a:focus, .socials a:hover { color: inherit; opacity: 0.7; } .socials i { font-size: 30px; } @media (max-width: 767px) { .socials i { font-size: 26px; } } .socials .fa-pinterest { font-size: 29px; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk .socials a:focus, .html-dansk .socials a:hover { color: inherit; } /* ------------------------------------------------------------ *\ Breadcrumbs \* ------------------------------------------------------------ */ .breadcrumbs { color: #707070; font-size: 0; font-weight: 400; line-height: 1.1; letter-spacing: 0.8px; padding-left: 4px; } @media (max-width: 767px) { .breadcrumbs { padding-left: 0; } } .breadcrumbs span, .breadcrumbs a { font-size: 12px; } .breadcrumbs a { color: #707070; text-decoration: none; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .breadcrumbs a:focus, .breadcrumbs a:hover { color: #276678; } .breadcrumbs .breadcrumbs__divider { padding: 0 3px; } .breadcrumbs .current { color: #1c1e1d; } /* Breadcrumbs Primary */ .breadcrumbs--primary { padding-left: 0; } /* Breadcrumbs Secondary */ @media (max-width: 767px) { .breadcrumbs--secondary span, .breadcrumbs--secondary a { font-size: 10px; } } /* Breadcrumbs Tertiary */ @media (max-width: 767px) { .breadcrumbs--tertiary span, .breadcrumbs--tertiary a { font-size: 11px; } } /* ------------------------------------------------------------ *\ Products \* ------------------------------------------------------------ */ .products { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -5px; margin-bottom: -12px; } @media (max-width: 767px) { .products { margin: 0 -25px; margin-bottom: -12px; } } .products .product { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; text-align: center; padding: 0 5px; margin-bottom: 125px; } @media (max-width: 767px) { .products .product { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 25px; margin-bottom: 20px; } } .products .product h6 { font-size: 15px; font-weight: 400; line-height: 1.87; margin-bottom: 2px; } @media (max-width: 767px) { .products .product h6 { font-size: 12px; line-height: 1.42; margin-bottom: 0; } } .products .product a { display: inline-block; text-decoration: none; } .products .product figure { margin-bottom: 40px; } @media (max-width: 767px) { .products .product figure { margin-bottom: 18px; } } .products .product figure img { margin-bottom: 0; } .products .product strong { font-size: 15px; font-weight: 600; letter-spacing: 0.2px; } @media (max-width: 767px) { .products .product strong { font-size: 13px; line-height: 1.15; } } /* ------------------------------------------------------------ *\ Icons \* ------------------------------------------------------------ */ [class^='ico-'] { display: inline-block; background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; vertical-align: middle; } .ico-search { width: 23px; height: 23px; background-image: url(//www.lenox.com/cdn/shop/t/1296/assets/ico-search-retina.png?v=139119174640195854701750704920); } .ico-alert { width: 16px; height: 16px; border: 1px solid #ff3c3c; border-radius: 50%; font-size: 11px; font-style: normal; font-weight: 500; line-height: 15px; color: #ff3c3c; text-align: center; } /* ------------------------------------------------------------ *\ Nav Item \* ------------------------------------------------------------ */ .nav-item { margin-bottom: 18px; text-align: center; } .nav-item .nav-item__inner { position: relative; } .nav-item .nav-item__link { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .nav-item .nav-item__link:hover ~ .nav-item__content { color: #276678; } .nav-item .nav-item__image { margin-bottom: 18px; } .nav-item .nav-item__image:last-child { margin-bottom: 0; } .nav-item .nav-item__image img { width: 100%; } .nav-item .nav-item__content > * { -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .nav-item .nav-item__title { margin-bottom: 7px; } .nav-item .nav-item__title:last-child { margin-bottom: 0; } /* Nav Item Alt */ .nav-item--alt .nav-item__title { padding: 10px 0; } /* ------------------------------------------------------------ *\ Nav Items \* ------------------------------------------------------------ */ .nav-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: -16px; } @media (max-width: 1199px) { .nav-items { margin-left: -10px; } } @media (max-width: 1023px) { .nav-items { display: block; } } .nav-items:last-child { margin-bottom: -18px; } .nav-items .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 325px; flex: 0 0 325px; margin-left: 16px; } @media (max-width: 1379px) { .nav-items .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; } } @media (max-width: 1199px) { .nav-items .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; margin-left: 10px; } } @media (max-width: 1023px) { .nav-items .nav-item { margin-left: 0; } } .html-reed .nav-items .nav-item { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 0; width: 50%; padding-left: 5%; max-width: 385px; } @media (max-width: 1379px) { .html-reed .nav-items .nav-item { -webkit-box-flex: 0; -ms-flex: none; flex: none; } } @media (max-width: 1199px) { .html-reed .nav-items .nav-item { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 0; } } @media (max-width: 1023px) { .html-reed .nav-items .nav-item { padding-left: 0; max-width: none; width: 100%; } } /* ------------------------------------------------------------ *\ Nav Item Line \* ------------------------------------------------------------ */ .nav-item-line { position: relative; padding: 44px 0 42px; border-top: 2px solid #e3e3e1; border-bottom: 2px solid #e3e3e1; text-align: center; } .nav-item-line a { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .nav-item-line span { font-size: 15px; font-weight: 500; line-height: 1.2; color: #27251f; } .nav-item-line + .nav-item-line { border-top: none; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk { /* ------------------------------------------------------------ *\ Nav Item \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Nav Items \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Nav Item Line \* ------------------------------------------------------------ */ } .html-dansk .nav-item { text-align: left; } .html-dansk .nav-item .nav-item__link:hover ~ .nav-item__content { color: #707070; } .html-dansk .nav-items { margin-left: -60px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 1379px) { .html-dansk .nav-items { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .html-dansk .nav-items .nav-item { margin-left: 60px; } .html-dansk .nav-item-line { padding: 47px 0 48px; border-top-width: 1px; border-bottom-width: 1px; } .html-dansk .nav-item-line span { color: inherit; } /* ------------------------------------------------------------ *\ Subscribe \* ------------------------------------------------------------ */ .subscribe { margin-bottom: 10px; text-align: center; } .subscribe:last-child { margin-bottom: 0; } @media (max-width: 767px) { .subscribe { margin-bottom: 5px; } } .subscribe .subscribe__head { margin-bottom: 36px; } .subscribe .subscribe__head:last-child { margin-bottom: 0; } @media (max-width: 767px) { .subscribe .subscribe__head { margin-bottom: 34px; } } .subscribe .subscribe__title { margin-bottom: 12px; } .subscribe .subscribe__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .subscribe .subscribe__title { margin-bottom: 21px; } } .subscribe .subscribe__entry { padding: 0 25px; } @media (max-width: 767px) { .subscribe .subscribe__entry { padding: 0 5px; } } .subscribe .subscribe__message { display: none; padding-bottom: 47px; } .subscribe .subscribe__actions { margin-top: 42px; } .subscribe .subscribe__body { position: relative; min-height: 80px; text-align: left; } @media (max-width: 767px) { .subscribe .subscribe__body { min-height: 66px; } } .subscribe .subscribe__body * { position: static !important; } .subscribe [class*='klaviyo-form'] * { font-family: "Graphik", sans-serif !important; color: inherit !important; } .subscribe [class*='klaviyo-form'] [class*='View__FormView'] { padding: 0 !important; } .subscribe [class*='klaviyo-form'] [class*='FormComponent'] { padding: 0; } .subscribe [class*='klaviyo-form'] [class*='Row__FormRow'] { display: block !important; } .subscribe [class*='klaviyo-form'] [class*='ValidationMessage__ValidationContainerOuter'] { left: 0; right: auto !important; background: none !important; text-align: left !important; } .subscribe [class*='klaviyo-form'] [class*='ValidationMessage__ValidationContainer'] { border: none !important; border-radius: 0 !important; background: none !important; -webkit-box-shadow: none; box-shadow: none; } .subscribe [class*='klaviyo-form'] [class*='ValidationMessage__ValidationContainer']:before, .subscribe [class*='klaviyo-form'] [class*='ValidationMessage__ValidationContainer']:after { display: none !important; } .subscribe [class*='klaviyo-form'] [class*='ValidationMessage__FormStyledValidationMessage'] { position: relative !important; padding: 18px 0 0 28px !important; border: none !important; border-radius: 0 !important; background: none !important; font-family: "Graphik", sans-serif !important; font-size: 12px !important; color: #ff3c3c !important; } @media (max-width: 767px) { .subscribe [class*='klaviyo-form'] [class*='ValidationMessage__FormStyledValidationMessage'] { padding-top: 8px !important; } } .subscribe [class*='klaviyo-form'] [class*='ValidationMessage__FormStyledValidationMessage']:before { position: absolute; top: 15px; left: 1px; width: 14px; height: 14px; border: 1px solid #ff3c3c; border-radius: 50%; font-size: 10px; line-height: 14px; text-align: center; content: '!'; } .subscribe [class*='klaviyo-form'] input::-webkit-input-placeholder { font-family: "Graphik", sans-serif !important; font-size: 15px !important; color: #1c1e1d !important; } .subscribe [class*='klaviyo-form'] input::-moz-placeholder { font-family: "Graphik", sans-serif !important; font-size: 15px !important; color: #1c1e1d !important; } .subscribe [class*='klaviyo-form'] input::-ms-input-placeholder { font-family: "Graphik", sans-serif !important; font-size: 15px !important; color: #1c1e1d !important; } .subscribe [class*='klaviyo-form'] input::placeholder { font-family: "Graphik", sans-serif !important; font-size: 15px !important; color: #1c1e1d !important; } .subscribe [class*='klaviyo-form'] input:not([type='submit']):not([type='radio']):not([type='checkbox']) { display: block !important; width: 100%; height: 55px !important; padding: 19px 55px 19px 30px !important; border-radius: 0 !important; border: none !important; background: #fff !important; font-family: "Graphik", sans-serif !important; font-size: 15px !important; color: #1c1e1d !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .subscribe [class*='klaviyo-form'] button { position: absolute !important; top: 20px !important; right: 0 !important; overflow: visible !important; width: 50px !important; height: 55px !important; font-size: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .subscribe [class*='klaviyo-form'] button:after { content: ''; width: 16px; height: 16px; display: inline-block; vertical-align: middle; border-width: 0 0 2px 2px; border-style: solid; border-color: #003c4d; margin: 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; position: absolute; top: 19px; right: 23px; pointer-events: none; } .subscribe [class*='klaviyo-form'] [class*='RichText__StyledQuillContainer'] { margin-bottom: 4px !important; } .subscribe [class*='klaviyo-form'] [class*='ql-editor'] p { font-family: "Graphik", sans-serif !important; font-size: 15px !important; line-height: 1.67 !important; text-align: left !important; } @media (max-width: 767px) { .subscribe [class*='klaviyo-form'] [class*='ql-editor'] p { font-size: 12px !important; } } .subscribe [class*='klaviyo-form'] [class*='MultiInput__AllOptionsContainer'] { padding-top: 5px; } @media (max-width: 767px) { .subscribe [class*='klaviyo-form'] [class*='MultiInput__AllOptionsContainer'] { padding-top: 10px; } } .subscribe [class*='klaviyo-form'] [class*='MultiInput__AllOptionsContainer'] input:checked ~ label:before { content: '\2713'; } .subscribe [class*='klaviyo-form'] [class*='MultiInputField__OptionContainer'] { position: relative !important; padding-left: 28px; padding-bottom: 0 !important; } .subscribe [class*='klaviyo-form'] [class*='MultiInputField__OptionContainer'] svg { display: none !important; } .subscribe [class*='klaviyo-form'] [class*='MultiInputField__OptionContainer']:before { position: absolute; top: -3px; left: 2px; width: 13px; height: 13px; border: 1px solid currentColor; color: currentColor !important; font-size: 10px; line-height: 13px; text-align: center; content: ''; } .subscribe [class*='klaviyo-form'] [class*='MultiInputField__Text'] { font-size: 11px; } /* Subscribe Primary */ @media (max-width: 767px) { .subscribe--primary [class*='klaviyo-form'] input:not([type='submit']):not([type='radio']):not([type='checkbox']) { height: 40px !important; padding: 11px 45px 12px 15px !important; } } @media (max-width: 767px) { .subscribe--primary [class*='klaviyo-form'] button { width: 40px !important; height: 40px !important; } } @media (max-width: 767px) { .subscribe--primary [class*='klaviyo-form'] button:after { top: 15px; right: 21px; content: ''; width: 10px; height: 10px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: #003c4d; margin: 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } } /* Subscribe Secondary */ @media (max-width: 767px) { .subscribe--secondary { min-height: 313px; } } @media (max-width: 767px) { .subscribe--secondary [class*='klaviyo-form'] [class*='ValidationMessage__FormStyledValidationMessage'] { margin-top: 15px; } } @media (max-width: 767px) { .subscribe--secondary [class*='klaviyo-form'] [class*='ValidationMessage__FormStyledValidationMessage']:before { top: 6px; } } @media (max-width: 767px) { .subscribe--secondary [class*='klaviyo-form'] input::-webkit-input-placeholder { font-size: 14px !important; } .subscribe--secondary [class*='klaviyo-form'] input::-moz-placeholder { font-size: 14px !important; } .subscribe--secondary [class*='klaviyo-form'] input::-ms-input-placeholder { font-size: 14px !important; } .subscribe--secondary [class*='klaviyo-form'] input::placeholder { font-size: 14px !important; } } .subscribe--secondary [class*='klaviyo-form'] input:not([type='submit']):not([type='radio']):not([type='checkbox']) { padding-left: 15px !important; } @media (max-width: 767px) { .subscribe--secondary [class*='klaviyo-form'] input:not([type='submit']):not([type='radio']):not([type='checkbox']) { padding: 20px 45px 20px 20px !important; font-size: 14px !important; } } @media (max-width: 767px) { .subscribe--secondary [class*='klaviyo-form'] button { width: 40px !important; } } .subscribe--secondary [class*='klaviyo-form'] button:after { right: 16px; } .subscribe--secondary.success > * { display: none; } .subscribe--secondary.success > .subscribe__message { display: block; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk .subscribe [class*='klaviyo-form'] *, .html-dansk .subscribe [class*='klaviyo-form'] [class*='ValidationMessage__FormStyledValidationMessage'], .html-dansk .subscribe [class*='klaviyo-form'] input::-webkit-input-placeholder, .html-dansk .subscribe [class*='klaviyo-form'] input:not([type='submit']):not([type='radio']):not([type='checkbox']), .html-dansk .subscribe [class*='klaviyo-form'] [class*='ql-editor'] p { font-family: "Poppins", sans-serif !important; } .html-dansk .subscribe [class*='klaviyo-form'] *, .html-dansk .subscribe [class*='klaviyo-form'] [class*='ValidationMessage__FormStyledValidationMessage'], .html-dansk .subscribe [class*='klaviyo-form'] input::-moz-placeholder, .html-dansk .subscribe [class*='klaviyo-form'] input:not([type='submit']):not([type='radio']):not([type='checkbox']), .html-dansk .subscribe [class*='klaviyo-form'] [class*='ql-editor'] p { font-family: "Poppins", sans-serif !important; } .html-dansk .subscribe [class*='klaviyo-form'] *, .html-dansk .subscribe [class*='klaviyo-form'] [class*='ValidationMessage__FormStyledValidationMessage'], .html-dansk .subscribe [class*='klaviyo-form'] input::-ms-input-placeholder, .html-dansk .subscribe [class*='klaviyo-form'] input:not([type='submit']):not([type='radio']):not([type='checkbox']), .html-dansk .subscribe [class*='klaviyo-form'] [class*='ql-editor'] p { font-family: "Poppins", sans-serif !important; } .html-dansk .subscribe [class*='klaviyo-form'] *, .html-dansk .subscribe [class*='klaviyo-form'] [class*='ValidationMessage__FormStyledValidationMessage'], .html-dansk .subscribe [class*='klaviyo-form'] input::placeholder, .html-dansk .subscribe [class*='klaviyo-form'] input:not([type='submit']):not([type='radio']):not([type='checkbox']), .html-dansk .subscribe [class*='klaviyo-form'] [class*='ql-editor'] p { font-family: "Poppins", sans-serif !important; } .html-dansk .subscribe [class*='klaviyo-form'] button:after { border-color: #222222; } /* ------------------------------------------------------------ *\ Entry \* ------------------------------------------------------------ */ .entry a[href^='tel'], .entry a[href^='mailto'] { text-decoration: none; } .entry p { margin-bottom: 35px; } .entry p:last-child { margin-bottom: 0; } @media (max-width: 767px) { .entry p { margin-bottom: 34px; } } .entry p + h3 { padding-top: 3px; } .entry p + h5 { padding-top: 7px; } .entry strong { font-weight: 500; } .entry h3 { margin-bottom: 24px; } .entry h3:last-child { margin-bottom: 0; } @media (max-width: 767px) { .entry h3 { margin-bottom: 22px; font-size: 18px; } } .entry h4 { font-family: "Graphik", sans-serif; text-align: center; font-size: 15px; margin-bottom: 22px; } .entry table.shipping-chart { text-align: center; margin-bottom: 27px; letter-spacing: 0.08em; } .entry table.shipping-chart thead th { font-size: 13px; line-height: 1.1; text-transform: uppercase; width: 33.33%; padding-bottom: 5px; } .entry table.shipping-chart tbody tr:nth-child(odd) { background: #B9D3DC; } .entry table.shipping-chart tbody tr td { font-size: 15px; font-weight: 500; } @media (max-width: 767px) { .entry table.shipping-chart thead { padding: 5px 0; } .entry table.shipping-chart thead th { width: 100%; padding: 5px 0; margin-bottom: 5px; } .entry table.shipping-chart tbody tr { padding: 5px 0; } .entry table.shipping-chart tbody tr td { padding: 5px 0; margin-bottom: 0; } } .entry table.shipping-chart span { font-size: 8px; vertical-align: top; line-height: 2; } .entry .info-note { font-size: 11px; font-weight: 500; letter-spacing: 0.08em; } .entry .info-note span { padding-right: 3px; font-size: 8px; vertical-align: top; line-height: 1.4; font-weight: 500; } .entry h5 { margin-bottom: 23px; font-size: 15px; font-weight: 500; } .entry h5:last-child { margin-bottom: 0; } .entry ul, .entry ol { margin-left: 36px; margin-bottom: 49px; } .entry ul:last-child, .entry ol:last-child { margin-bottom: 0; } @media (max-width: 767px) { .entry ul, .entry ol { margin-bottom: 30px; } } .entry ul li, .entry ol li { margin-bottom: 10px; } .entry ul li:last-child, .entry ol li:last-child { margin-bottom: 0; } .entry blockquote { padding-left: 60px; margin-bottom: 35px; } .entry blockquote:last-child { margin-bottom: 0; } @media (max-width: 767px) { .entry blockquote { padding-left: 36px; } } .entry blockquote p { margin-bottom: 0; } @media (max-width: 767px) { .entry table, .entry thead, .entry tbody, .entry tfoot, .entry tr, .entry th, .entry td { display: block; } } @media (max-width: 767px) { .entry table tr, .entry table td { margin-bottom: 17px; } } .entry table tr:last-child, .entry table td:last-child { margin-bottom: 0; } .entry table td { vertical-align: top; } /* Entry Secondary */ .entry--secondary p + h3 { padding-top: 1px; } .entry--secondary h3 { margin-bottom: 37px; } .entry--secondary h3:last-child { margin-bottom: 0; } @media (max-width: 767px) { .entry--secondary h3 { margin-bottom: 22px; } } .entry--secondary blockquote, .entry--secondary p { margin-bottom: 45px; } .entry--secondary blockquote:last-child, .entry--secondary p:last-child { margin-bottom: 0; } @media (max-width: 767px) { .entry--secondary blockquote, .entry--secondary p { margin-bottom: 30px; } } /* Entry Mobile */ @media (max-width: 767px) { .entry--mobile { font-size: 12px; line-height: 2; } } /* ------------------------------------------------------------ *\ Entry Large \* ------------------------------------------------------------ */ .entry-large { font-size: 20px; line-height: 1.6; } @media (max-width: 767px) { .entry-large { font-size: 16px; line-height: 1.38; } } .entry-large strong { font-weight: 500; } .entry-large h2 { margin-bottom: 41px; } .entry-large h2:last-child { margin-bottom: 0; } @media (max-width: 767px) { .entry-large h2 { margin-bottom: 37px; font-size: 24px; line-height: 1.29; letter-spacing: 0.3px; } } .entry-large h6 { margin-bottom: 46px; } .entry-large h6:last-child { margin-bottom: 0; } @media (max-width: 767px) { .entry-large h6 { margin-bottom: 23px; } } .entry-large p { margin-bottom: 40px; } .entry-large p:last-child { margin-bottom: 0; } @media (max-width: 767px) { .entry-large p { margin-bottom: 28px; } } .entry-large p + p { padding-top: 12px; } @media (max-width: 767px) { .entry-large p + p { padding-top: 4px; } } .entry-large p + p > img:first-child:not([style*='float: left;']):not([style*='float: right;']):not([style*='display: block;']) { margin-top: -7px; } .entry-large ul, .entry-large ol { padding-top: 12px; margin: 0 0 52px 28px; } .entry-large ul:last-child, .entry-large ol:last-child { margin-bottom: 0; } @media (max-width: 767px) { .entry-large ul, .entry-large ol { margin: 0 0 40px 33px; } } .entry-large ul li, .entry-large ol li { margin-bottom: 10px; } .entry-large ul li:last-child, .entry-large ol li:last-child { margin-bottom: 0; } .entry-large img:not([style*='float: left;']):not([style*='float: right;']):not([style*='display: block;']) { display: block; max-width: none; width: 100%; padding-bottom: 19px; margin-bottom: 20px; } /* Entry Large Primary */ .entry-large--primary { line-height: 1.3; } @media (max-width: 767px) { .entry-large--primary { line-height: 1.38; } } /* Entry Large Mobile */ @media (max-width: 767px) { .entry-large--mobile { font-size: 12px; } } /* Entry Large Mobile Medium */ @media (max-width: 767px) { .entry-large--mobile-medium { font-size: 14px; line-height: 1.6; } } /* Entry Large Mobile Small */ @media (max-width: 767px) { .entry-large--mobile-small { font-size: 11px; line-height: 1.55; } } /* ------------------------------------------------------------ *\ Entry Small \* ------------------------------------------------------------ */ .entry-small { font-size: 12px; color: #ba0c2f; line-height: 1.42; } @media (max-width: 767px) { .entry-small { line-height: 1; } } .entry-small strong { font-weight: 500; } @media (max-width: 767px) { .entry-small--secondary { font-size: 11px; } } /* ------------------------------------------------------------ *\ Entry Mobile \* ------------------------------------------------------------ */ @media (max-width: 767px) { .entry-mobile { font-size: 12px; } } .entry-mobile strong { font-weight: 500; } /* Entry Mobile Primary */ @media (max-width: 767px) { .entry-mobile--primary { line-height: 2; } } /* ------------------------------------------------------------ *\ Entry Medium \* ------------------------------------------------------------ */ .entry-medium { font-size: 14px; line-height: 1.43; } @media (max-width: 767px) { .entry-medium { line-height: 1.6; } } .entry-medium p { margin-bottom: 10px; } .entry-medium p:last-child { margin-bottom: 0; } .entry-medium strong { font-weight: 500; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk { /* ------------------------------------------------------------ *\ Entry Large \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Entry Mobile \* ------------------------------------------------------------ */ } @media (max-width: 767px) { .html-dansk .entry-large--primary { line-height: 1.83; } } @media (max-width: 767px) { .html-dansk .entry-mobile--primary { line-height: 1.85; } } /* ------------------------------------------------------------ *\ Price \* ------------------------------------------------------------ */ .price { font-family: "Ivy Journal", serif; line-height: 1; font-weight: 600; } .price del { padding-right: 3px; font-size: 80%; } /* Price Medium */ .price--medium { font-size: 18px; } /* Price Large */ .price--large { font-size: 23px; } /* Price Mobile Small */ @media (max-width: 767px) { .price--mobile-small { font-size: 13px; } } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk .price { font-family: "Poppins", sans-serif; } /* ------------------------------------------------------------ *\ Html Reed \* ------------------------------------------------------------ */ .html-reed .price { font-family: "Univers", sans-serif; font-size: 18px; font-weight: 400; /* Mobile */ } @media (max-width: 767px) { .html-reed .price { font-weight: 700; font-size: 13px; } } /* ------------------------------------------------------------ *\ Product Item \* ------------------------------------------------------------ */ .product-item { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; } .product-item .product-item__inner { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; position: relative; max-width: 100%; min-height: 438px; padding: 20px; border: 1px solid transparent; -webkit-transition: border 0.4s; -o-transition: border 0.4s; transition: border 0.4s; } @media (max-width: 767px) { .product-item .product-item__inner { min-height: 0; padding: 0; } } .product-item .product-item__inner:hover { border-color: #d3d3d3; } @media (max-width: 767px) { .product-item .product-item__inner:hover { border-color: transparent; } } .product-item .product-item__inner:hover .product-item__actions, .product-item .product-item__inner:hover .product-item__wishlist { opacity: 1; visibility: visible; } .product-item .product-item__wishlist { position: absolute; top: 26px; right: 28px; z-index: 3; font-size: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } @media (max-width: 767px) { .product-item .product-item__wishlist { top: 5px; right: 5px; opacity: 1; visibility: visible; } } @media (max-width: 767px) { .product-item .product-item__wishlist > * { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } } .product-item .product-item__images { position: relative; max-width: 250px; margin: 0 auto 22px; } @media (max-width: 767px) { .product-item .product-item__images { margin-bottom: 10px; } } .product-item .product-item__images a { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .product-item .product-item__images strong { position: absolute; bottom: -21px; left: 0; width: 100%; font-size: 12px; font-weight: 500; color: #5a808b; text-align: center; } @media (max-width: 767px) { .product-item .product-item__images strong { display: none; } } .product-item .product-item__image { position: relative; padding-top: 100%; font-size: 0; } .product-item .product-item__image:hover figure.hover-alt:first-child { opacity: 0; visibility: hidden; } .product-item .product-item__image:hover figure.hover-alt:nth-child(2) { opacity: 1; visibility: visible; } .product-item .product-item__image figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .product-item .product-item__image figure:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .product-item .product-item__image figure img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .product-item .product-item__image figure.expanded { opacity: 1; visibility: visible; } .product-item .product-item__image figure.no-image { background: url(//www.lenox.com/cdn/shop/t/1296/assets/lenox-no-image.jpg?v=177556722715519675581750704920) no-repeat 50% 50%; background-size: cover; } .product-item .product-item__image figure.hovered { opacity: 1; visibility: visible; } .product-item .product-item__image figure.hover-alt:first-child { opacity: 1; visibility: visible; } .product-item .product-item__image.hovered > *:not(.hovered) { opacity: 0; } .product-item .product-item__badge { position: absolute; bottom: -22px; left: 0; width: 100%; } @media (max-width: 767px) { .product-item .product-item__badge { bottom: -13px; } } .product-item .product-item__badge span { display: block; } @media (max-width: 767px) { .product-item .product-item__badge span { text-transform: uppercase; } } .product-item .product-item__title { margin-bottom: 5px; } .product-item .product-item__title:last-child { margin-bottom: 0; } .product-item .product-item__price { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 6px; } .product-item .product-item__price:last-child { margin-bottom: 0; } @media (max-width: 767px) { .product-item .product-item__price { margin-bottom: 4px; font-size: 13px; } } .product-item .product-item__save { margin-bottom: 7px; color: #6d7278; font-size: 12px;} .product-item .product-item__save:last-child { margin-bottom: 0; } @media (max-width: 767px) { .product-item .product-item__save { font-size: 10px; } } .product-item .product-item__variants { max-width: 250px; margin: 0 auto; font-size: 0; } @media (max-width: 767px) { .product-item .product-item__variants { max-width: none; margin-left: -9px; margin-right: -9px; } } .product-item .product-item__actions { max-width: 312px; margin: 19px auto 0; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } @media (max-width: 767px) { .product-item .product-item__actions { max-width: none; margin: 0; opacity: 1; visibility: visible; } } .product-item .product-item__actions ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -4px; list-style: none outside none; } @media (max-width: 767px) { .product-item .product-item__actions ul { display: none; } } .product-item .product-item__actions li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 4px; } @media (max-width: 767px) { .product-item .product-item__actions li { max-width: none; } } .product-item .product-item__actions li:first-child:last-child { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 81%; margin: 0 auto; } @media (max-width: 767px) { .product-item .product-item__actions li:first-child:last-child { max-width: none; } } .product-item .product-item__actions li.product-item__actions-details { display: none; } .product-item .product-item__actions .wk-select { margin-bottom: 10px; } .product-item .product-item__actions .selector-wrapper ~ .selector-wrapper { margin-top: 10px; } .product-item .product-item__actions .wk-select label { display: inline-block; margin-right: 5px; font-size: 12px; } @media (max-width: 767px) { .product-item .product-item__actions .wk-select label { display: block; margin-right: 0; margin-bottom: 5px; } } .product-item .product-item__actions .wk-select select { display: inline-block; height: 26px; padding: 0 30px 0 10px; border: 1px solid #000; border-radius: 0; background: url(//www.lenox.com/cdn/shop/t/1296/assets/icon-arrow.png?v=118399913567595216021750704920) no-repeat right center; font-size: 12px; vertical-align: middle; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .product-item .form-product-small--sold-out li.product-item__actions-add { display: none; } .product-item .form-product-small--sold-out li.product-item__actions-details { display: block; } /* Product Item Wishlist */ .product-item--wishlist .product-item__wishlist { opacity: 1; visibility: visible; } @media (max-width: 767px) { .product-item--wishlist .product-item__wishlist { top: -5px; right: 1px; display: block; } } /* ------------------------------------------------------------ *\ Product Items \* ------------------------------------------------------------ */ .product-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px; } .product-items:last-child { margin-bottom: -7px; } @media (max-width: 767px) { .product-items:last-child { margin-bottom: -25px; } } .product-items #bc-sf-filter-message { padding: 0 8px; } @media (max-width: 767px) { .product-items #bc-sf-filter-message { padding: 0 6px; } } .product-items .product-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 8px; margin-bottom: 7px; } @media (max-width: 1023px) { .product-items .product-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (max-width: 767px) { .product-items .product-item { margin-bottom: 25px; } } @media (max-width: 767px) { .product-items#bc-sf-filter-products { width: auto; padding-top: 0; margin-left: auto; } } /* ------------------------------------------------------------ *\ Html Reed \* ------------------------------------------------------------ */ .html-reed .bc-al-icon-text.bc-al-bottom-h-full .bc-action-list-wrapper { top: 1px !important; left: 9px !important; width: auto !important; } /* ------------------------------------------------------------ *\ Link Inline \* ------------------------------------------------------------ */ .link-inline { text-decoration: none; } /* ------------------------------------------------------------ *\ Link Primary \* ------------------------------------------------------------ */ .link-primary { font-size: 12px; text-transform: uppercase; } /* Link Primary Large */ .link-primary--large { font-size: 13px; } @media (max-width: 767px) { .link-primary--large { font-size: 11px; } } /* Link Primary Small */ .link-primary--small { font-size: 11px; } /* Link Primary Thick */ .link-primary--thick { font-weight: 500; } /* Link Primary Alt */ .link-primary--alt { text-decoration: none; } /* Link Primary Normal */ .link-primary--normal { text-transform: none; } /* Link Primary Lightblue */ .link-primary--lightblue { color: #6d7278; } /* Link Primary Mobile */ @media (max-width: 767px) { .link-primary--mobile { font-size: 11px; } } /* ------------------------------------------------------------ *\ Link Add \* ------------------------------------------------------------ */ .link-add { position: relative; display: inline-block; min-height: 17px; padding-left: 18px; font-size: 11px; line-height: 1.55; text-decoration: none; } @media (max-width: 767px) { .link-add { min-height: 15px; padding-left: 16px; font-size: 10px; } } .link-add:before, .link-add:after { position: absolute; background: currentColor; content: ''; } .link-add:before { top: 3px; left: 5px; width: 1px; height: 9px; } @media (max-width: 767px) { .link-add:before { top: 2px; } } .link-add:after { top: 7px; left: 1px; width: 9px; height: 1px; } @media (max-width: 767px) { .link-add:after { top: 6px; } } /* ------------------------------------------------------------ *\ Link Secondary \* ------------------------------------------------------------ */ .link-secondary { font-size: 14px; font-weight: 500; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } @media (max-width: 767px) { .link-secondary { font-size: 12px; letter-spacing: 0.86px; } } /* ------------------------------------------------------------ *\ Link Skip \* ------------------------------------------------------------ */ .link-skip { position: absolute; top: 0; left: 0; z-index: 1000; overflow: hidden; width: 100%; height: 0; padding: 0 20px; background-color: #f8f8f3; font-size: 14px; font-weight: 500; line-height: 50px; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .link-skip:focus { height: 50px; } @media (max-width: 767px) { .link-skip:focus { height: 56px; font-size: 12px; line-height: 56px; } } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk { /* ------------------------------------------------------------ *\ Link Primary \* ------------------------------------------------------------ */ } @media (max-width: 767px) { .html-dansk .link-primary { font-size: 11px; } } .form--customer .privacy-policy-snippet-container { padding-top: 20px; } .privacy-policy-snippet-wrapper { text-align: center; } .privacy-policy-snippet-span { padding-left: 5px; color: #000; } .privacy-policy-snippet-span .privacy-policy-snippet-link { font-size: 0.9em; } .privacy-policy-snippet-link { font-size: 0.8em; } .privacy-policy-snippet-link:hover { color: inherit; opacity: 0.75; } /* ------------------------------------------------------------ *\ Offer Item \* ------------------------------------------------------------ */ .offer-item { text-align: center; } .offer-item .offer-item__inner { max-width: 250px; margin: 0 auto; } @media (max-width: 767px) { .offer-item .offer-item__inner { max-width: none; padding: 0px 25px; } } .offer-item .offer-item__title { margin-bottom: 13px; } .offer-item .offer-item__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .offer-item .offer-item__title { margin-bottom: 6px; } } .offer-item .offer-item__subtitle { margin-top: 3px; margin-bottom: 11px; } .offer-item .offer-item__subtitle:last-child { margin-bottom: 0; } /* ------------------------------------------------------------ *\ Offer Items \* ------------------------------------------------------------ */ .offer-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } @media (max-width: 767px) { .offer-items { display: block; margin: 0; } } .offer-items .offer-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 10px; } @media (max-width: 767px) { .offer-items .offer-item { max-width: none; padding: 0; } } @media (max-width: 767px) { .offer-items .offer-item ~ .offer-item { margin-top: 30px; } } @media (max-width: 767px) { .offer-items.js-slider-mobile .offer-item ~ .offer-item { display: none; } } .offer-items .slick-arrow { position: absolute; top: 50%; z-index: 2; margin-top: -21px; display: inline-block; width: 40px; height: 40px; border: none; background: none; font-size: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .offer-items .slick-arrow:focus, .offer-items .slick-arrow:hover { color: currentColor; opacity: 0.7; } .offer-items .slick-arrow:before { position: absolute; top: 50%; left: 14px; content: ''; width: 18px; height: 18px; display: inline-block; vertical-align: middle; border-width: 0 0 2px 2px; border-style: solid; border-color: #1c1e1d; margin: -10px 0 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .offer-items .slick-disabled { opacity: 0; visibility: hidden; } .offer-items .slick-prev { left: -28px; } .offer-items .slick-next { right: -28px; } .offer-items .slick-next:before { left: 7px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .offer-items .slick-dots { margin: 10px 0 0; font-size: 0; list-style: none outside none; text-align: center; } .offer-items .slick-dots li { display: inline-block; margin: 8px; vertical-align: top; } .offer-items .slick-dots li.slick-active button { background: #1c1e1d; } .offer-items .slick-dots button { display: block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid transparent; background: #d8d8d8; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } @media (min-width: 1025px) { .offer-items .slick-dots button:hover { background: #1c1e1d; } } /* ------------------------------------------------------------ *\ Accordion \* ------------------------------------------------------------ */ .accordion .accordion__section { padding: 4px 0; border-bottom: 1px solid #dcdcdc; } .accordion .accordion__section:first-child { border-top: 1px solid #dcdcdc; } .accordion .accordion__section.expanded .accordion__head:after { opacity: 0; } .accordion .accordion__head { position: relative; padding: 13px 30px 11px 0; cursor: pointer; } .accordion .accordion__head > * { pointer-events: none; } .accordion .accordion__head:before, .accordion .accordion__head:after { position: absolute; background: currentColor; pointer-events: none; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; content: ''; } .accordion .accordion__head:before { top: 20px; right: 12px; width: 9px; height: 1px; } .accordion .accordion__head:after { top: 16px; right: 16px; width: 1px; height: 9px; } .accordion .accordion__title { display: block; font-size: 12px; font-weight: normal; line-height: 1.42; text-transform: uppercase; } @media (max-width: 767px) { .accordion .accordion__title { font-size: 11px; } } .accordion .accordion__body { display: block; } .accordion .accordion__content { position: relative; padding-bottom: 9px; } .accordion .accordion__content ul, .accordion .accordion__content ol { margin-left: 37px; margin-bottom: 13px; } .accordion .accordion__content ul:last-child, .accordion .accordion__content ol:last-child { margin-bottom: 5px; } .accordion .accordion__content ul li, .accordion .accordion__content ol li { margin-bottom: 2px; } .accordion .accordion__content ul li:last-child, .accordion .accordion__content ol li:last-child { margin-bottom: 0; } .accordion .accordion__content ul li { list-style: disc; } .accordion .accordion__content .tooltip { position: static; margin-top: -8px; vertical-align: top; } .accordion .accordion__content .tooltip:after { left: 0; right: 0; width: auto; margin-left: 0; } /* ------------------------------------------------------------ *\ Accordion Secondary \* ------------------------------------------------------------ */ .accordion-secondary .accordion__section { padding: 22px 0; border-bottom: 2px solid #f1f1f1; } @media (max-width: 767px) { .accordion-secondary .accordion__section { padding: 0; border-bottom-width: 1px; } } .accordion-secondary .accordion__section.expanded .accordion__head:after { opacity: 0; } .accordion-secondary .accordion__head { position: relative; padding: 14px 50px 20px 0; cursor: pointer; } @media (max-width: 767px) { .accordion-secondary .accordion__head { display: table; width: 100%; height: 77px; padding: 15px 32px 14px 0; } } .accordion-secondary .accordion__head > * { pointer-events: none; } @media (max-width: 767px) { .accordion-secondary .accordion__head > * { display: table-cell; vertical-align: middle; } } .accordion-secondary .accordion__head:before, .accordion-secondary .accordion__head:after { position: absolute; background: currentColor; pointer-events: none; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; content: ''; } .accordion-secondary .accordion__head:before { top: 31px; right: 17px; width: 16px; height: 2px; } @media (max-width: 767px) { .accordion-secondary .accordion__head:before { top: 39px; right: 9px; width: 11px; height: 1px; } } .accordion-secondary .accordion__head:after { top: 24px; right: 24px; width: 2px; height: 16px; } @media (max-width: 767px) { .accordion-secondary .accordion__head:after { top: 34px; right: 14px; width: 1px; height: 11px; } } @media (max-width: 767px) { .accordion-secondary .accordion__head h3 { font-size: 14px; line-height: 1.6; } } .accordion-secondary .accordion__body { display: none; } .accordion-secondary .accordion__content { padding-bottom: 15px; } @media (max-width: 767px) { .accordion-secondary .accordion__content { padding: 8px 0 29px; } } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk { /* ------------------------------------------------------------ *\ Accordion \* ------------------------------------------------------------ */ } .html-dansk .accordion .accordion__title { text-transform: none; } /* ------------------------------------------------------------ *\ Qty \* ------------------------------------------------------------ */ .qty { position: relative; font-size: 0; } .qty input[type='number'] { -moz-appearance: textfield; } .qty input[type='number']::-webkit-inner-spin-button, .qty input[type='number']::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .qty .qty__label { position: relative; top: 2px; display: inline-block; margin-right: 12px; font-size: 12px; text-transform: uppercase; vertical-align: middle; } @media (max-width: 767px) { .qty .qty__label { top: 0; min-width: 82px; font-size: 11px; } } .qty .qty__body { display: inline-block; vertical-align: middle; } .qty .qty__btn { position: relative; display: inline-block; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #dcdcdc; font-size: 0; vertical-align: top; cursor: pointer; } .qty .qty__btn:before, .qty .qty__btn:after { position: absolute; background: #000; pointer-events: none; content: ''; } .qty .qty__btn:before { top: 10px; left: 7px; width: 9px; height: 1px; } .qty .qty__btn:after { top: 6px; left: 11px; width: 1px; height: 9px; } .qty .qty__btn--minus:after { display: none; } .qty .qty__field { display: inline-block; width: 44px; height: 25px; padding: 0 2px; border: none; font-size: 22px; color: #000; text-align: center; vertical-align: top; appaearance: none; } /* Qty Prevent */ .qty--prevent:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; } /* Qty Small */ .qty--small .qty__btn { width: 18px; height: 18px; } @media (max-width: 767px) { .qty--small .qty__btn { width: 16px; height: 16px; } } .qty--small .qty__btn:before { top: 7px; left: 5px; width: 7px; } @media (max-width: 767px) { .qty--small .qty__btn:before { top: 6px; left: 4px; } } .qty--small .qty__btn:after { top: 4px; left: 8px; height: 7px; } @media (max-width: 767px) { .qty--small .qty__btn:after { top: 3px; left: 7px; } } .qty--small .qty__field { width: 31px; height: 18px; font-size: 15px; } @media (max-width: 767px) { .qty--small .qty__field { width: 26px; height: 16px; font-size: 12px; } } /* Qty Grey */ .qty--grey .qty__btn:before, .qty--grey .qty__btn:after { background: #dcdcdc; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ @media (max-width: 767px) { .html-dansk .qty .qty__label { font-size: 12px; } } .html-dansk .qty .qty__field { color: #222222; } @media (max-width: 767px) { .html-dansk .qty .qty__field { font-size: 20px; } } /* ------------------------------------------------------------ *\ Product Block \* ------------------------------------------------------------ */ .product-block { text-align: center; } .product-block .product-block__image { position: relative; padding-top: 100%; margin-bottom: 13px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .product-block .product-block__image:last-child { margin-bottom: 0; } @media (max-width: 767px) { .product-block .product-block__image { margin-bottom: 18px; } } .product-block .product-block__image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product-block .product-block__title { margin-bottom: 5px; } .product-block .product-block__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .product-block .product-block__title { margin-bottom: 7px; } } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk .product-block .product-item__image { margin-bottom: 9px; } .html-dansk .product-block .product-item__image:last-child { margin-bottom: 0; } @media (max-width: 767px) { .html-dansk .product-block .product-item__image { margin-bottom: 16px; } } .html-dansk .product-block .product-block__title { margin-bottom: 9px; } .html-dansk .product-block .product-block__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .html-dansk .product-block .product-block__title { margin-bottom: 12px; } } /* ------------------------------------------------------------ *\ Tile \* ------------------------------------------------------------ */ .tile { margin-bottom: 26px; } @media (max-width: 767px) { .tile { margin-bottom: 17px; } } .tile .tile__body { position: relative; margin-bottom: 26px; } .tile .tile__body:last-child { margin-bottom: 0; } @media (max-width: 767px) { .tile .tile__body { margin-bottom: 13px; } } .tile .tile__body a { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .tile .tile__body a:focus ~ .tile__image, .tile .tile__body a:hover ~ .tile__image { opacity: 0.85; } .tile .tile__image { padding-top: 68%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .tile .tile__subtitle { padding-top: 1px; margin-bottom: 7px; } .tile .tile__subtitle:last-child { margin-bottom: 0; } .tile .tile__title { margin-bottom: 8px; } .tile .tile__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .tile .tile__title { margin-bottom: 3px; } } /* Tile Center */ .tile--center { text-align: center; } /* ------------------------------------------------------------ *\ Tiles \* ------------------------------------------------------------ */ .tiles { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -23px; } @media (max-width: 1023px) { .tiles { margin: 0 -10px; } } @media (max-width: 767px) { .tiles { display: block; margin: 0 0 17px; } } .tiles:last-child { margin-bottom: -26px; } @media (max-width: 767px) { .tiles:last-child { margin-bottom: 0; } } .tiles .tile { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 23px; } @media (max-width: 1023px) { .tiles .tile { padding: 0 10px; } } @media (max-width: 767px) { .tiles .tile { max-width: none; padding: 0; } } @media (max-width: 767px) { .tiles .tile:last-child { margin-bottom: 0; } } /* Tiles Secondary */ .tiles--secondary:last-child { margin-bottom: -62px; } @media (max-width: 767px) { .tiles--secondary:last-child { margin-bottom: 0; } } .tiles--secondary .tile { margin-bottom: 62px; } @media (max-width: 767px) { .tiles--secondary .tile { margin-bottom: 0; } } @media (max-width: 767px) { .tiles--secondary .tile:last-child { margin-bottom: 0; } } @media (max-width: 767px) { .tiles--secondary .tile ~ .tile { margin-top: 29px; } } @media (max-width: 767px) { .tiles--secondary .tile__title { line-height: 1.25; } } /* ------------------------------------------------------------ *\ Zoom \* ------------------------------------------------------------ */ .zoomContainer { z-index: auto !important; } .zoomLens { z-index: 17 !important; display: block !important; overflow: visible !important; border-color: transparent !important; background: none !important; opacity: 1 !important; -webkit-box-shadow: 0 0 0px 400vw rgba(255, 255, 255, 0.7); box-shadow: 0 0 0px 400vw rgba(255, 255, 255, 0.7); visibility: visible !important; -webkit-transition: opacity 0.4s, visibility 0.4s, -webkit-box-shadow 0.4s; transition: opacity 0.4s, visibility 0.4s, -webkit-box-shadow 0.4s; -o-transition: box-shadow 0.4s, opacity 0.4s, visibility 0.4s; transition: box-shadow 0.4s, opacity 0.4s, visibility 0.4s; transition: box-shadow 0.4s, opacity 0.4s, visibility 0.4s, -webkit-box-shadow 0.4s; } .zoomLens[style*='display: none;'] { opacity: 0 !important; visibility: hidden !important; } @media (max-width: 767px) { .zoomWindowContainer { width: 100% !important; } } .zoomWindow { top: 50% !important; z-index: 19 !important; display: block !important; margin-left: 52px; margin-top: -79px; opacity: 1 !important; visibility: visible !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } @media (max-width: 1379px) { .zoomWindow { max-width: 439px; max-height: 461px; margin-left: 88px; margin-top: -30px; } } @media (max-width: 1199px) { .zoomWindow { max-width: 380px; max-height: 399px; margin-left: 50px; } } @media (max-width: 1023px) { .zoomWindow { max-width: 300px; max-height: 315px; margin-left: 20px; margin-top: 0; } } .zoomWindow[style*='display: none;'] { opacity: 0 !important; visibility: hidden !important; } /* ------------------------------------------------------------ *\ Reviews \* ------------------------------------------------------------ */ .reviews { /* .okeReviews .okeReviews-starRating-indicator-layer--foreground { background-image: url(../images/star-rating-foreground-black.svg); } */ } .reviews .okeReviews .okeReviews-review-recommendation, .reviews .okeReviews-review-helpful, .reviews .okeReviews-review-media, .reviews .okeReviews-review-attributeRatings, .reviews .okeReviews-review-arguments, .reviews .okeReviews-review-reviewer-attributes, .reviews .okeReviews .okeReviews-review-reviewer-profile-status, .reviews .okeReviews-review-reviewer-profile-avatar, .reviews .okeReviews .okeReviews-reviewsAggregate-ratingDistribution, .reviews .okeReviews-reviews-controls, .reviews .okeReviews-reviewsWidget-header-poweredBy, .reviews .okeReviews-reviewsAggregate-primary { display: none !important; } .reviews .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-reviewsAggregate, .reviews .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-review, .reviews .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-large .okeReviews-reviewsAggregate, .reviews .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-large .okeReviews-review, .reviews .okeReviews.okeReviews--theme .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-reviewsAggregate-side, .reviews .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-review, .reviews .okeReviews.okeReviews--theme .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-review-primary, .reviews .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-review-side { display: block; } .reviews .okeReviews-review-side, .reviews .okeReviews-review-primary, .reviews .okeReviews-review-reviewer, .reviews .okeReviews-review-date, .reviews .okeReviews-review-meta, .reviews .okeReviews-review-side-inner, .reviews .okeReviews-review-reviewer-profile, .reviews .okeReviews-review-reviewer-profile-details, .reviews .okeReviews-review-reviewer-profile-details > div:first-child { display: inline !important; } .reviews .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-reviewsAggregate-side, .reviews .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-review-side, .reviews .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-review-primary, .reviews .okeReviews .okeReviews-review-side, .reviews .okeReviews .okeReviews-review-primary, .reviews .okeReviews .okeReviews-reviewsAggregate-side, .reviews .okeReviews .okeReviews-reviewsAggregate-primary { padding: 0; border: none; } .reviews .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-reviewsAggregate-side-inner { width: auto; } .reviews .okeReviews .okeReviews-reviewsWidget { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } .reviews .okeReviews .okeReviews-reviewsWidget-reviewsAggregate { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-bottom: 43px; } @media (max-width: 767px) { .reviews .okeReviews .okeReviews-reviewsWidget-reviewsAggregate { margin-bottom: 28px; } } .reviews .okeReviews-reviewsAggregate-summary { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reviews .okeReviews .okeReviews-badge { color: #000; } .reviews .okeReviews-reviewsAggregate-summary-rating { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; margin-right: 17px; } @media (max-width: 767px) { .reviews .okeReviews-reviewsAggregate-summary-rating { margin-right: 0; } } @media (max-width: 767px) { .reviews .okeReviews-reviewsAggregate-summary-rating-value { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; text-align: center; } } .reviews .okeReviews .okeReviews-reviewsAggregate-summary-rating { margin-bottom: 0; } .reviews .okeReviews .okeReviews-reviewsAggregate-summary-rating-starRating { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-right: 14px; margin-left: 0; } @media (max-width: 767px) { .reviews .okeReviews .okeReviews-reviewsAggregate-summary-rating-starRating { margin-right: 0; margin-bottom: 1px; } } .reviews .okeReviews .okeReviews-badge--rating { padding: 0; background: none; } .reviews .okeReviews .okeReviews-badge--rating span:not([class]) { font-size: 11px; font-weight: normal; } .reviews .okeReviews .okeReviews-reviewsAggregate-summary-total { font-size: 12px; color: #1c1e1d; } @media (max-width: 767px) { .reviews .okeReviews .okeReviews-reviewsAggregate-summary-total { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-top: 2px; font-size: 11px; text-align: center; } } .reviews .okeReviews .okeReviews-review-reviewer-profile { display: block; width: auto; padding-bottom: 0; border-bottom: none; margin-bottom: 0; } .reviews .okeReviews .okeReviews-review-reviewer-profile-details { display: block; width: auto; padding: 0; } .reviews .okeReviews .okeReviews-review { color: inherit; } .reviews .okeReviews .okeReviews-review-date { float: none; font-size: 12px; color: #1c1e1d; } @media (max-width: 767px) { .reviews .okeReviews .okeReviews-review-date { font-size: 11px; } } .reviews .okeReviews .okeReviews-reviewsWidget-header { position: relative; display: block; width: auto; padding-bottom: 47px; border-bottom: 1px solid #000; margin-bottom: 60px; } @media (max-width: 767px) { .reviews .okeReviews .okeReviews-reviewsWidget-header { padding-bottom: 40px; margin-bottom: 17px; } } .reviews .okeReviews .okeReviews-reviewsWidget-header-controls { display: block; width: auto; text-align: center; } .reviews .okeReviews.okeReviews--theme .okeReviews-button, .reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview { display: inline-block; min-width: 250px; padding: 14px 10px; border: 2px solid #1c1e1d; background: none; font-size: 13px; font-weight: 500; line-height: 1; color: #1c1e1d; letter-spacing: 1px; text-align: center; text-transform: uppercase; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: border 0.4s, background 0.4s, color 0.4s; -o-transition: border 0.4s, background 0.4s, color 0.4s; transition: border 0.4s, background 0.4s, color 0.4s; } @media (max-width: 767px) { .reviews .okeReviews.okeReviews--theme .okeReviews-button, .reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview { padding-bottom: 13px; font-size: 14px; letter-spacing: 1.4px; } } .reviews .okeReviews.okeReviews--theme .okeReviews-button:hover, .reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview:hover { border-color: #1c1e1d; background: #1c1e1d; color: #fff; text-decoration: none; } .reviews .okeReviews .okeReviews-reviews-review { position: relative; padding-top: 74px; padding-bottom: 64px; border-bottom: 1px solid #000; margin-bottom: 54px; } .reviews .okeReviews .okeReviews-reviews-review:last-child { margin-bottom: 0; } @media (max-width: 767px) { .reviews .okeReviews .okeReviews-reviews-review { padding-top: 47px; padding-bottom: 61px; border-bottom-color: #dcdcdc; margin-bottom: 27px; } } @media (max-width: 767px) { .reviews .okeReviews .okeReviews-reviews-review:last-child { border-bottom-color: transparent; } } .reviews .okeReviews .okeReviews-review-starRating { position: absolute; top: 7px; left: 0; } .reviews .okeReviews .okeReviews-review-starRating .okeReviews-starRating { -webkit-transform: scale(0.74); -ms-transform: scale(0.74); transform: scale(0.74); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } @media (max-width: 767px) { .reviews .okeReviews .okeReviews-review-starRating .okeReviews-starRating { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } } .reviews .okeReviews-review-reviewer-profile-name { font-size: 12px; } @media (max-width: 767px) { .reviews .okeReviews-review-reviewer-profile-name { font-size: 11px; } } .reviews .okeReviews .okeReviews-review-main-heading { font-family: "Graphik", sans-serif; font-size: 20px; font-weight: normal; line-height: 1.6; text-transform: none; } @media (max-width: 767px) { .reviews .okeReviews .okeReviews-review-main-heading { margin-bottom: 18px; font-size: 14px; line-height: 1.57; } } .reviews .okeReviews p { line-height: 1.67; } @media (max-width: 767px) { .reviews .okeReviews p { font-size: 12px; line-height: 2; } } .reviews .okeReviews .okeReviews-review-main { margin-bottom: 0; } @media (max-width: 767px) { .reviews .okeReviews .okeReviews-review-main { padding-top: 18px; } } .reviews .okeReviews .okeReviews-reviews-footer { margin-top: 92px; } @media (max-width: 767px) { .reviews .okeReviews .okeReviews-reviews-footer { margin-top: 0; } } .reviews .okeReviews .okeReviews-reviews-footer:before { display: none; } .reviews .okeReviews .okeReviews-reviews-showMore { display: inline-block; padding: 0; border: none; background: none; color: #1c1e1d; font-family: "Graphik", sans-serif; font-size: 13px; font-weight: 500; line-height: 1; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (max-width: 767px) { .reviews .okeReviews .okeReviews-reviews-showMore { font-size: 11px; line-height: 1.27; } } .reviews .okeReviews .okeReviews-reviews-showMore:hover { color: #1c1e1d; text-decoration: none; } .reviews .okeReviews .okeReviews-reviews-showMore:hover:after { width: 30%; } .reviews .okeReviews .okeReviews-reviews-showMore:after { content: ''; display: block; width: 100%; height: 3px; border: none; background-color: #1c1e1d; margin: 8px auto 0; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } @media (max-width: 767px) { .reviews .okeReviews .okeReviews-reviews-showMore:after { height: 2px; } } /* ------------------------------------------------------------ *\ Reviews Stars \* ------------------------------------------------------------ */ .reviews-stars { position: relative; padding-left: 0; } .reviews-stars .okeReviews .okeReviews-reviewsSummary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .reviews-stars .okeReviews .okeReviews-starRating--small { -webkit-transform: scale(0.88); -ms-transform: scale(0.88); transform: scale(0.88); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .reviews-stars .okeReviews .okeReviews-reviewsSummary-ratingCount { font-size: 13px; text-decoration: underline; letter-spacing: 0.05px; } @media (max-width: 767px) { .reviews-stars .okeReviews .okeReviews-reviewsSummary-ratingCount { color: #9b9b9b; } } .reviews-stars .okeReviews .okeReviews-reviewsSummary-starRating { margin-right: 0; } @media (max-width: 767px) { .reviews-stars .okeReviews .okeReviews-reviewsSummary-starRating { margin-right: 10px; } } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk .reviews .okeReviews.okeReviews--theme .okeReviews-button, .html-dansk .reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview { border-color: #222222; color: #222222; } .html-dansk .reviews .okeReviews.okeReviews--theme .okeReviews-button:hover, .html-dansk .reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview:hover { border-color: #222222; background: #222222; color: #fff; } .html-dansk .reviews-stars .okeReviews .okeReviews-reviewsSummary-ratingCount { color: #9b9b9b; } /* ------------------------------------------------------------ *\ Reed \* ------------------------------------------------------------ */ .html-reed .reviews .okeReviews.okeReviews--theme .okeReviews-button, .html-reed .reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview { border-color: #1e1e1e; color: #1e1e1e; } .html-reed .reviews .okeReviews.okeReviews--theme .okeReviews-button:hover, .html-reed .reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview:hover { border-color: #1e1e1e; background: #1e1e1e; color: #fff; } .html-reed .reviews-stars .okeReviews .okeReviews-reviewsSummary-ratingCount { color: #9b9b9b; } .html-reed .reviews-stars .okeReviews .okeReviews-reviewsSummary-ratingCount { font-family: "Univers", sans-serif; font-size: 13px; color: #9b9b9b; font-weight: 300; } .html-reed .reviews .okeReviews.okeReviews--theme .okeReviews-button, .html-reed .reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview { font-weight: 700; } .html-reed .reviews .okeReviews .okeReviews-review-main-heading { font-family: "Baskerville", serif; font-size: 24px; } .html-reed .okeReviews { font-size: 15px; } /* ------------------------------------------------------------ *\ Share \* ------------------------------------------------------------ */ .share ul { margin: 0 -14px; font-size: 0; list-style: none outside none; white-space: nowrap; } @media (max-width: 767px) { .share ul { margin: 0 -7px; } } .share li { display: inline-block; margin: 0 14px; vertical-align: middle; white-space: normal; } @media (max-width: 767px) { .share li { margin: 0 7px; } } .share i { font-size: 22px; } /* Share Small */ .share--small ul { margin: 0 -7px; } .share--small li { margin: 0 7px; } /* ------------------------------------------------------------ *\ Share Outer \* ------------------------------------------------------------ */ .share-outer { position: relative; } @media (min-width: 1025px) { .share-outer:focus .share, .share-outer:hover .share { opacity: 1; visibility: visible; pointer-events: auto; } } .share-outer:focus > a, .share-outer:hover > a { opacity: 0; visibility: hidden; } .share-outer > a { pointer-events: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } @media (max-width: 1024px) { .share-outer > a { pointer-events: auto; } } .share-outer .share { position: absolute; top: 50%; right: 0; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } @media (max-width: 1024px) { .share-outer.expanded .share { opacity: 1; visibility: visible; pointer-events: auto; } } @media (max-width: 1024px) { .share-outer.expanded > a { opacity: 0; visibility: hidden; pointer-events: none; } } /* ------------------------------------------------------------ *\ Item \* ------------------------------------------------------------ */ .item { margin-bottom: 38px; } @media (max-width: 767px) { .item { margin-bottom: 18px; } } .item .item__inner { position: relative; } .item .item__link { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .item .item__link:focus ~ .item__body .item__image, .item .item__link:hover ~ .item__body .item__image { opacity: 0.85; } .item .item__body { position: relative; overflow: hidden; padding-top: 100%; margin-bottom: 22px; } .item .item__body:last-child { margin-bottom: 0; } @media (max-width: 767px) { .item .item__body { margin-bottom: 11px; } } .item .item__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .item .item__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 34px; text-align: right; } @media (max-width: 1023px) { .item .item__overlay { padding: 15px 10px; } } @media (max-width: 767px) { .item .item__overlay { padding: 22px 17px; } } .item .item__overlay h4 { margin-bottom: 2px; } .item .item__overlay h4:last-child { margin-bottom: 0; } @media (max-width: 767px) { .item .item__overlay h4 { margin-bottom: 0; line-height: 0.7; } } .item .item__overlay .link-primary { padding-right: 6px; } @media (max-width: 767px) { .item .item__overlay .link-primary { font-size: 11px; } } .item .item__overlay .link-primary:focus, .item .item__overlay .link-primary:hover { color: inherit; } /* Item Large */ .item--large .item__body { padding-top: 47.3%; } @media (max-width: 1023px) { .item--large .item__body { padding-top: 47.9%; } } @media (max-width: 767px) { .item--large .item__body { padding-top: 100%; } } /* Item Dark */ .item--dark .item__image:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.2; content: ''; } /* ------------------------------------------------------------ *\ Item Head \* ------------------------------------------------------------ */ .item-head .item-head__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 7px 0 28px; } @media (max-width: 767px) { .item-head .item-head__inner { display: block; padding: 15px 0 30px; } } .item-head h2 { margin-bottom: 0; } .item-head .btn-more { margin-top: 13px; } @media (max-width: 767px) { .item-head .btn-more { margin-top: 23px; } } /* Item Head Small */ .item-head--small .item-head__inner { max-width: 1095px; margin: 0 auto; } @media (max-width: 767px) { .item-head--small .item-head__inner { padding-bottom: 25px; } } /* ------------------------------------------------------------ *\ Item Bar \* ------------------------------------------------------------ */ .item-bar { margin-bottom: 42px; text-align: center; } .item-bar:last-child { margin-bottom: 0; } @media (max-width: 767px) { .item-bar { margin-bottom: 21px; } } .item-bar .item-bar__inner { padding: 32px 15px 30px; } @media (max-width: 767px) { .item-bar .item-bar__inner { padding: 36px 15px 32px; } } .item-bar .item-bar__title { margin-bottom: 5px; } .item-bar .item-bar__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .item-bar .item-bar__title { margin-bottom: 8px; } } .item-bar .item-bar__entry { margin-bottom: 16px; letter-spacing: 3px; } .item-bar .item-bar__entry:last-child { margin-bottom: 0; } @media (max-width: 767px) { .item-bar .item-bar__entry { letter-spacing: 2.4px; } } /* ------------------------------------------------------------ *\ Item Tiles \* ------------------------------------------------------------ */ .item-tiles .item-tiles__inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 22px 0; margin: 0 -23px; } @media (max-width: 1023px) { .item-tiles .item-tiles__inner { margin: 0 -10px; } } @media (max-width: 767px) { .item-tiles .item-tiles__inner { display: block; padding: 0; margin: 0; } } .item-tiles .item-tile { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 23px; } @media (max-width: 1023px) { .item-tiles .item-tile { padding: 0 10px; } } @media (max-width: 767px) { .item-tiles .item-tile { max-width: none; padding: 0; margin-bottom: 38px; } } @media (max-width: 767px) { .item-tiles .item-tile:last-child { margin-bottom: 0; } } /* Item Tiles Small */ .item-tiles--small { max-width: 1140px; margin-left: auto; margin-right: auto; } /* ------------------------------------------------------------ *\ Item Tile \* ------------------------------------------------------------ */ .item-tile .item-tile__body { position: relative; margin-bottom: 26px; } .item-tile .item-tile__body:last-child { margin-bottom: 0; } @media (max-width: 767px) { .item-tile .item-tile__body { margin-bottom: 8px; } } .item-tile .item-tile__body a { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .item-tile .item-tile__body a:focus ~ .item-tile__image, .item-tile .item-tile__body a:hover ~ .item-tile__image { opacity: 0.85; } .item-tile .item-tile__image { padding-top: 68%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } /* ------------------------------------------------------------ *\ Item Collection \* ------------------------------------------------------------ */ .item-collection { text-align: center; } .item-collection .item-collection__inner { position: relative; } .item-collection a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .item-collection a:focus ~ .btn-more, .item-collection a:hover ~ .btn-more { color: #1c1e1d; } .item-collection a:focus ~ .btn-more:after, .item-collection a:hover ~ .btn-more:after { width: 30%; } .item-collection small { display: block; padding-top: 143%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } @media (max-width: 767px) { .item-collection small { padding-top: 146%; } } .item-collection .btn-more { margin-top: 35px; } @media (max-width: 767px) { .item-collection .btn-more { margin-top: 14px; } } /* ------------------------------------------------------------ *\ Item Collections \* ------------------------------------------------------------ */ .item-collections { max-width: 1180px; padding-bottom: 20px; margin: 0 auto; } .item-collections .item-collections__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -23px; } @media (max-width: 1023px) { .item-collections .item-collections__inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px; } } @media (max-width: 767px) { .item-collections .item-collections__inner { margin: 0 -8px; } } .item-collections .item-collection { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0 23px; margin-bottom: 48px; } @media (max-width: 1023px) { .item-collections .item-collection { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 15px; margin-bottom: 30px; } } @media (max-width: 767px) { .item-collections .item-collection { padding: 0 8px; margin-bottom: 21px; } } /* ------------------------------------------------------------ *\ Items \* ------------------------------------------------------------ */ .items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -23px; } @media (max-width: 1023px) { .items { margin: 0 -10px; } } @media (max-width: 767px) { .items { display: block; } } .items > * { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding-left: 23px; padding-right: 23px; } @media (max-width: 1023px) { .items > * { padding-left: 10px; padding-right: 10px; } } @media (max-width: 767px) { .items .item-head:first-child .item-head__inner { padding-top: 0; } } .items .item-collections { max-width: 1180px; } .items .item-tiles--small { max-width: 1140px; } .items .item { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } @media (max-width: 767px) { .items .item { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } } .items .item--large { -webkit-box-flex: 0; -ms-flex: 0 0 66.66%; flex: 0 0 66.66%; max-width: 66.66%; } @media (max-width: 767px) { .items .item--large { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: none; } } /* ------------------------------------------------------------ *\ Tooltip \* ------------------------------------------------------------ */ .tooltip { position: relative; display: inline-block; width: 15px; height: 15px; border-radius: 50%; border: 1px solid currentColor; font-size: 11px; line-height: 13px; text-align: center; cursor: pointer; } .tooltip[data-tooltip-text]:hover:after { opacity: 1; visibility: visible; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .tooltip:after { position: absolute; left: 50%; width: 300px; padding: 18px 30px 22px; border: 1px solid #d3d3d3; margin-left: -150px; margin-top: -6px; background: #f8f8f3; font-size: 12px; line-height: 1.42; text-align: left; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); transform: translateY(-90%); -webkit-transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.4s; -o-transition: opacity 0.4s, visibility 0.4s, transform 0.4s; transition: opacity 0.4s, visibility 0.4s, transform 0.4s; transition: opacity 0.4s, visibility 0.4s, transform 0.4s, -webkit-transform 0.4s; content: attr(data-tooltip-text); } /* ------------------------------------------------------------ *\ Notify \* ------------------------------------------------------------ */ .notify { margin-bottom: 31px; } .notify:last-child { margin-bottom: 0; } .notify .notify__head { margin-bottom: 27px; } .notify .notify__head:last-child { margin-bottom: 0; } .notify .notify__title { display: block; margin-bottom: 9px; font-weight: 500; } .notify .notify__title:last-child { margin-bottom: 0; } .notify .notify__body { position: relative; } .notify .notify__body .btn-arrow { position: absolute; top: 0; bottom: 0; height: auto; right: 2px; } @media (max-width: 767px) { .notify .notify__body .btn-arrow:before { -webkit-transform: scale(0.7) rotate(-135deg); -ms-transform: scale(0.7) rotate(-135deg); transform: scale(0.7) rotate(-135deg); } } .notify .notify__body .field-primary { padding-right: 50px; } .notify .notify__success { display: none; padding-top: 31px; } /* Notify Success */ .notify--success { margin-bottom: 24px; } .notify--success form > *:not(.notify__success) { display: none; } .notify--success .notify__success { display: block; } /* ------------------------------------------------------------ *\ Popup Video \* ------------------------------------------------------------ */ .popup-video.mfp-bg { opacity: 0.5; } .popup-video.mfp-wrap { position: fixed !important; top: 0 !important; } .popup-video .mfp-close { display: none; } .popup-video .mfp-container { overflow-y: auto; padding-left: 20px; padding-right: 20px; } .popup-video .mfp-iframe-holder .mfp-content { max-width: 1130px; } /* ------------------------------------------------------------ *\ Popup \* ------------------------------------------------------------ */ .popup { position: fixed; top: 0; left: 0; z-index: 63; overflow-y: auto; width: 100%; height: 100%; padding: 20px; font-size: 0; text-align: center; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .popup:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .popup:after { position: fixed; top: 0; left: 0; z-index: 61; width: 100%; height: 100%; background-color: #000; opacity: 0.3; pointer-events: none; content: ''; } .popup .popup__overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 15px; z-index: 62; content: ''; } @media (max-width: 1024px) { .popup .popup__overlay { right: 0; } } .popup .popup__body { position: relative; z-index: 63; display: inline-block; max-width: 1188px; width: 100%; padding: 20px; background: #fff; font-size: 15px; vertical-align: middle; text-align: left; } .popup .popup__body .btn-close-primary { position: absolute; top: 20px; right: 40px; z-index: 3; } @media (max-width: 767px) { .popup .popup__body .btn-close-primary { top: 10px; right: 10px; } } .popup.expanded { opacity: 1; visibility: visible; pointer-events: auto; } /* Popup Small */ .popup--small .popup__body { max-width: 625px; } /* Popup Blue */ .popup--blue .popup__body { background: #003c4d; color: #fff; } /* Popup Product */ @media (max-width: 767px) { .popup--product { padding: 0; } } @media (max-width: 767px) { .popup--product:before { display: none; } } .popup--product .popup__body { padding: 21px 50px 21px 46px; } @media (max-width: 1023px) { .popup--product .popup__body { padding: 20px; } } @media (max-width: 767px) { .popup--product .popup__body { padding: 35px 25px; } } /* Popup Subscribe */ @media (max-width: 767px) { .popup--subscribe { padding: 20px 22px 37px; } } .popup--subscribe .popup__body { padding: 46px 90px 34px; } @media (max-width: 767px) { .popup--subscribe .popup__body { padding: 51px 15px; } } .popup--subscribe .popup__body .btn-close-primary { top: 14px; right: 12px; } @media (max-width: 767px) { .popup--subscribe .popup__body .btn-close-primary { top: 13px; right: 13px; } } .popup--subscribe .subscribe * { pointer-events: none !important; } .popup--subscribe.expanded .subscribe * { pointer-events: auto !important; } /* Popup Blue */ @media (max-width: 767px) { .popup--lightblue { background: #d1e2e8; } } @media (max-width: 767px) { .popup--lightblue:after { display: none; } } .popup--lightblue .popup__body { background: #d1e2e8; } @media (max-width: 767px) { .popup--lightblue .popup__body { vertical-align: top; } } .popup--lightblue .customer-fields-primary .customr-field-select:after { border-left-color: currentColor; } /* Popup Form */ @media (max-width: 767px) { .popup--form { padding: 0; } } .popup--form .popup__body { max-width: 700px; padding: 31px 100px 40px; } @media (max-width: 767px) { .popup--form .popup__body { padding: 62px 28px; } } .popup--form .popup__body .btn-close-primary { top: 22px; right: 22px; } /* ------------------------------------------------------------ *\ Dansk Popups \* ------------------------------------------------------------ */ .html-dansk .popup .popup__body { background-color: #fff; } .html-dansk .popup.popup--subscribe .popup__body { background: #ab2328; } /* ------------------------------------------------------------ *\ Reed & Barton \* ------------------------------------------------------------ */ .html-reed .popup .popup__body { background-color: #fff; } .html-reed .popup.popup--subscribe .popup__body { background: #1e1e1e; } /* ------------------------------------------------------------ *\ Filter \* ------------------------------------------------------------ */ .filter { position: relative; z-index: 2; /* Filter Expanded */ /* Filter Selection Title */ /* Filter Clear All */ /* Filter Tree */ /* Filter Navigation */ /* Filter Selected Item */ /* Filter Dropdown */ /* Filter Collection */ /* Filter Color Swatches */ /* Filter Custom Scroll */ } @media (max-width: 767px) { .filter { z-index: auto; } } @media (max-width: 767px) { .filter:before { position: fixed; top: 0; left: 0; z-index: 69; width: 100%; height: 100%; background: #f8f8f3; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; content: ''; } } @media (max-width: 767px) { .filter.expanded:before { opacity: 1; visibility: visible; } } @media (max-width: 767px) { .filter.expanded .bc-sf-filter-clear-all, .filter.expanded .filter__head, .filter.expanded .filter__actions, .filter.expanded #bc-sf-filter-options-wrapper { opacity: 1; visibility: visible; pointer-events: auto; } } @media (max-width: 767px) { .filter .filter__head, .filter .filter__actions { position: fixed; left: 0; z-index: 71; width: 100%; padding: 0 26px; background: #f8f8f3; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } } @media (max-width: 767px) { .filter .filter__head { top: 0; padding: 5px 26px 0; text-align: center; } } .filter .filter__head h6 { overflow: hidden; padding: 17px 60px; border-bottom: 1px solid #dcdcdc; font-size: 13px; text-transform: none; letter-spacing: 1.5px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .filter .filter__head .btn-close-primary { position: absolute; top: 16px; right: 26px; } @media (max-width: 767px) { .filter .filter__actions { bottom: 0; height: 65px; padding: 10px 35px; } } .filter .filter__actions .btn { overflow: hidden; height: 45px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .filter .bc-sf-filter-selection-wrapper .bc-sf-filter-block-title { display: none; } @media (max-width: 767px) { .filter .bc-sf-filter-selection-wrapper .bc-sf-filter-block-title { position: fixed; top: 0; left: 0; z-index: 71; display: block; width: 100%; } } @media (max-width: 767px) { .filter .bc-sf-filter-selection-wrapper .bc-sf-filter-block-title h3 { display: none; padding: 15px 0; border-bottom: 1px solid #dcdcdc; font-family: "Graphik", sans-serif; font-size: 13px; font-weight: 500; line-height: inherit; letter-spacing: 1.5px; } } @media (max-width: 767px) { .filter .bc-sf-filter-clear-all { position: fixed; top: 20px; left: 26px; z-index: 72; font-size: 10px; letter-spacing: 0.8px; text-transform: uppercase; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } } .filter #bc-sf-filter-tree:not(.bc-sf-filter-tree-mobile-open) { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .filter #bc-sf-filter-tree:not(.bc-sf-filter-tree-mobile-open) { display: block !important; } } .filter #bc-sf-filter-tree:not(.bc-sf-filter-tree-mobile-open) > * { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .filter .bc-sf-filter-selection-wrapper { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } .filter #bc-sf-filter-options-wrapper { overflow-scrolling: touch; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-right: -50px; } @media (max-width: 1023px) { .filter #bc-sf-filter-options-wrapper { margin-right: -15px; } } @media (max-width: 767px) { .filter #bc-sf-filter-options-wrapper { position: fixed; top: 0; left: 0; z-index: 70; overflow-y: auto; display: block; width: 100%; height: 100%; padding: 90px 26px; margin-right: 0; background: #f8f8f3; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } } .filter .bc-sf-filter-option-block { position: relative; padding: 0; border-bottom: none; margin-right: 50px; } @media (max-width: 1023px) { .filter .bc-sf-filter-option-block { margin-right: 15px; } } @media (max-width: 767px) { .filter .bc-sf-filter-option-block { margin-right: 0; } } .filter .bc-sf-filter-option-block.expanded .bc-sf-filter-block-title h3:after { top: 10px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } @media (max-width: 767px) { .filter .bc-sf-filter-option-block.expanded .bc-sf-filter-block-title h3:after { top: 14px; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 0; } } .filter .bc-sf-filter-option-block.expanded .bc-sf-filter-block-title h3 > span:after { width: 100%; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block.expanded .bc-sf-filter-block-title h3 > span:after { width: 9px; } } .filter .bc-sf-filter-option-block.expanded .bc-sf-filter-block-content { opacity: 1; visibility: visible; pointer-events: auto; } .filter .bc-sf-filter-option-block.not-transition .bc-sf-filter-block-title h3 > span:after, .filter .bc-sf-filter-option-block.not-transition .bc-sf-filter-block-title h3:after, .filter .bc-sf-filter-option-block.not-transition .bc-sf-filter-block-content { -webkit-transition: none; -o-transition: none; transition: none; } .filter .bc-sf-filter-option-block .bc-sf-filter-block-title { line-height: 1.3; padding-bottom: 0; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-title { padding: 6px 0; } } .filter .bc-sf-filter-option-block .bc-sf-filter-block-title .bc-sf-filter-clear { display: none; } .filter .bc-sf-filter-option-block .bc-sf-filter-block-title h3 { display: block; padding-right: 20px; font-family: "Graphik", sans-serif; font-size: 0; font-weight: 500; line-height: 1.67; letter-spacing: 1.5px; text-transform: none; cursor: pointer; } @media (max-width: 1023px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-title h3 { padding-right: 17px; } } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-title h3 { padding-right: 35px; } } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-title h3:before { position: absolute; top: 18px; right: 19px; width: 9px; height: 1px; border: none; background: currentColor; -webkit-transform: none; -ms-transform: none; transform: none; content: none; } } .filter .bc-sf-filter-option-block .bc-sf-filter-block-title h3:after { position: absolute; top: 6px; right: 2px; content: ''; width: 7px; height: 7px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: currentColor; margin: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-title h3:after { top: 14px; right: 23px; width: 1px; height: 9px; border: none; background: currentColor; -webkit-transform: none; -ms-transform: none; transform: none; content: none; } } .filter .bc-sf-filter-option-block .bc-sf-filter-block-title h3 > span { position: relative; display: inline-block; font-size: 13px; vertical-align: top; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-title h3 > span { position: static; } } .filter .bc-sf-filter-option-block .bc-sf-filter-block-title h3 > small { display: inline-block; padding-left: 4px; font-size: 13px; vertical-align: top; } .filter .bc-sf-filter-option-block .bc-sf-filter-block-title h3 > span:before { display: none; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-title h3 > span:before { position: absolute; top: 14px; right: 23px; display: block; width: 1px; height: 9px; border: none; margin: 0; background: currentColor; opacity: 0; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; content: ''; } } .filter .bc-sf-filter-option-block .bc-sf-filter-block-title h3 > span:after { position: absolute; bottom: 0; left: 0; width: 0; border-bottom: 1px solid currentColor; -webkit-transition: width 0.4s; -o-transition: width 0.4s; transition: width 0.4s; content: ''; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-title h3 > span:after { bottom: auto; left: auto; top: 18px; right: 19px; width: 9px; height: 1px; border: none; margin: 0; background: currentColor; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: none; -o-transition: none; transition: none; } } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-title h3 > span.up:before { margin: 0; border: none; opacity: 1; } } .filter .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items { padding-top: 2px; margin-top: 0; margin-bottom: -28px; } @media (max-width: 767px) { .filter .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items { padding-top: 0; margin-bottom: 0; } } .filter .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items .selected-item { display: inline-block; margin: 10px 10px 0 0; font-size: 0; vertical-align: top; } @media (max-width: 767px) { .filter .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items .selected-item { margin: 0 6px 6px 0; } } .filter .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items .selected-item > a { position: relative; display: inline-block; min-height: 36px; padding: 7px 58px 7px 6px; border: 1px solid #d3d3d3; border-radius: 5px; background: none; vertical-align: top; } @media (max-width: 767px) { .filter .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items .selected-item > a { min-height: 30px; padding: 3px 24px 5px 6px; } } .filter .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items .selected-item .bc-sf-filter-clear { position: absolute; top: 8px; right: 7px; margin-top: 0; } @media (max-width: 767px) { .filter .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items .selected-item .bc-sf-filter-clear { top: 5px; right: 3px; } } .filter .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items .selected-item .selected-type strong { font-size: 12px; font-weight: normal; text-transform: none; } @media (min-width: 768px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-content { position: absolute; top: 100%; left: 0; z-index: 1; overflow: visible !important; display: block !important; width: 270px !important; height: auto !important; padding: 0 !important; border: 1px solid #dcdcdc; margin: 12px 0 0 !important; background: #fff; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-content { padding-left: 20px; padding-bottom: 16px; margin-top: 13px; } } @media (min-width: 768px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-content:not(.jspScrollable) { padding: 9px 20px !important; } } .filter .bc-sf-filter-option-block[data-show-more-type*='scrollbar'] .bc-sf-filter-block-content { max-height: 337px; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block[data-show-more-type*='scrollbar'] .bc-sf-filter-block-content { max-height: none; } } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content.jspScrollable ul { padding: 9px 20px; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-content.jspScrollable ul { padding: 0 20px 16px; } } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content ul li { padding: 5px 0 4px; margin-bottom: 0; } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content ul li:last-child { margin-bottom: 0; } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content ul li a { color: #27251f; word-break: break-word; } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content ul li a.selected { font-weight: normal; } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content ul li input[type='checkbox'] + a { line-height: inherit; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-content ul li input[type='checkbox'] + a { padding-left: 20px; } } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content ul li input[type='checkbox'] + a > span:first-child { top: 6px; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #121212; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-content ul li input[type='checkbox'] + a > span:first-child:before { position: absolute; top: -7px; left: 3px; width: 8px; height: 15px; border: 2px solid #1c1e1d; border-top: none; border-left: none; opacity: 0; -webkit-transform: rotate(43deg); -ms-transform: rotate(43deg); transform: rotate(43deg); -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; content: ''; } } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content ul li input[type='checkbox'] + a.selected > span:first-child { background: #1c1e1d; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-content ul li input[type='checkbox'] + a.selected > span:first-child { background: none; } } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-content ul li input[type='checkbox'] + a.selected > span:first-child:before { opacity: 1; } } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content ul li input[type='checkbox'] + a.selected > span:first-child:after { display: none; } .filter .bc-sf-filter-option-block-collection .bc-sf-filter-block-content ul li a { padding-left: 23px; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block-collection .bc-sf-filter-block-content ul li a { padding-left: 20px; } } .filter .bc-sf-filter-option-block-collection .bc-sf-filter-block-content ul li a span:first-child { position: absolute; top: 6px; left: 1px; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #121212; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block-collection .bc-sf-filter-block-content ul li a span:first-child:before { position: absolute; top: -7px; left: 3px; width: 8px; height: 15px; border: 2px solid #1c1e1d; border-top: none; border-left: none; opacity: 0; -webkit-transform: rotate(43deg); -ms-transform: rotate(43deg); transform: rotate(43deg); -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; content: ''; } } .filter .bc-sf-filter-option-block-collection .bc-sf-filter-block-content ul li a.selected span:first-child { background: #1c1e1d; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block-collection .bc-sf-filter-block-content ul li a.selected span:first-child { background: none; } } @media (max-width: 767px) { .filter .bc-sf-filter-option-block-collection .bc-sf-filter-block-content ul li a.selected span:first-child:before { opacity: 1; } } .filter .bc-sf-filter-option-block-swatch .bc-sf-filter-block-content { width: 294px !important; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block-swatch .bc-sf-filter-block-content { width: auto !important; } } @media (min-width: 768px) { .filter .bc-sf-filter-option-block-swatch .bc-sf-filter-block-content:not(.jspScrollable) { padding: 9px 25px 9px 15px !important; } } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch.circle-grid { padding: 5px 0; margin: 0 -5px; font-size: 0; } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch.circle-grid li { display: inline-block; width: 25%; padding: 0 5px; margin: 0 0 10px; text-align: center; vertical-align: top; } @media (max-width: 767px) { .filter .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch.circle-grid li { width: 70px; } } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a .bc-sf-filter-option-swatch-image { overflow: visible; width: 23px; height: 23px; margin: 4px auto 15px; border: none !important; -webkit-transition: border 0.4s; -o-transition: border 0.4s; transition: border 0.4s; } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a.selected .bc-sf-filter-option-swatch-image, .filter .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a:hover .bc-sf-filter-option-swatch-image { border: none !important; } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a .bc-sf-filter-option-swatch-image:before { top: -4px; left: -4px; bottom: -4px; right: -4px; width: auto; height: auto; border: 1px solid #d3d3d3; opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a .bc-sf-filter-option-swatch-image:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 50%; border: 1px solid #121212; opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; content: ''; } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a.selected .bc-sf-filter-option-swatch-image:before, .filter .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a:hover .bc-sf-filter-option-swatch-image:before { border-color: #d3d3d3; opacity: 1; } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a.selected .bc-sf-filter-option-swatch-image:after, .filter .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a:hover .bc-sf-filter-option-swatch-image:after { opacity: 1; } .filter .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch.circle-grid li a span.bc-sf-filter-option-value { display: block; font-size: 12px; } .filter .jspVerticalBar { right: 5px; width: 8px; background: none; } .filter .jspTrack { background: none; } .filter .jspDrag { border-radius: 5px; background: #d8d8d8; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk .filter .bc-sf-filter-option-block .bc-sf-filter-block-content ul li a { color: inherit; } /* ------------------------------------------------------------ *\ Sort \* ------------------------------------------------------------ */ .sort { font-size: 0; /* Sort Expanded */ } @media (max-width: 767px) { .sort.expanded .sort__head, .sort.expanded .sort__body { opacity: 1; visibility: visible; pointer-events: auto; } } .sort .sort__head { display: inline-block; vertical-align: middle; } @media (max-width: 767px) { .sort .sort__head { position: fixed; top: 0; left: 0; z-index: 71; width: 100%; padding: 0 26px; background: #f8f8f3; text-align: center; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } } .sort .sort__head .btn-close-primary { position: absolute; top: 9px; right: 26px; } .sort .sort__label { display: inline-block; font-size: 13px; line-height: 1.67; vertical-align: middle; letter-spacing: 1.5px; } @media (max-width: 767px) { .sort .sort__label { overflow: hidden; display: block; padding: 16px 30px 17px; border-bottom: 1px solid #dcdcdc; font-weight: 500; line-height: 1.38; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } .sort .sort__body { position: relative; margin-left: 13px; font-size: 0; } @media (max-width: 767px) { .sort .sort__body { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 70; overflow-y: auto; display: block; padding: 66px 26px 30px; margin-left: 0; background: #f8f8f3; opacity: 0; visibility: hidden; pointer-events: auto; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } } .sort .sort__body#bc-sf-filter-top-sorting label { display: block; margin-right: 0; } @media (max-width: 767px) { .sort .sort__body#bc-sf-filter-top-sorting label { display: none; } } .sort .bc-sf-filter-custom-sorting label { padding-left: 0; padding-right: 25px; font-size: 13px; line-height: 1.67; letter-spacing: 1.5px; text-align: right; } .sort .bc-sf-filter-custom-sorting label:before { position: absolute; top: 6px; right: 7px; content: ''; width: 7px; height: 7px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: currentColor; margin: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .sort .bc-sf-filter-sort-active label:before { top: 10px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .sort .bc-sf-filter-custom-sorting label > small { font-size: 100%; } .sort .bc-sf-filter-custom-sorting label > span { display: inline; max-width: none; padding-left: 13px; } .sort .bc-sf-filter-custom-sorting label > span:after { display: none; } .sort .bc-sf-filter-custom-sorting label > span > span { display: inline; line-height: inherit; font-weight: 500; } .sort .bc-sf-filter-custom-sorting .bc-sf-filter-filter-dropdown { top: 33px; right: 4px; width: 164px; padding: 16px 15px 20px; border-color: #dcdcdc; color: #27251f; text-align: right; } @media (max-width: 767px) { .sort .bc-sf-filter-custom-sorting .bc-sf-filter-filter-dropdown { position: static; display: block !important; width: auto; padding: 0; border: none; background: none; color: #1c1e1d; text-align: left; } } .sort .bc-sf-filter-custom-sorting .bc-sf-filter-filter-dropdown li { margin-bottom: 13px; } .sort .bc-sf-filter-custom-sorting .bc-sf-filter-filter-dropdown li:last-child { margin-bottom: 0; } @media (max-width: 767px) { .sort .bc-sf-filter-custom-sorting .bc-sf-filter-filter-dropdown li { margin-bottom: 0; } } .sort .bc-sf-filter-custom-sorting .bc-sf-filter-filter-dropdown li a { font-size: 15px; font-weight: normal; line-height: 1.2; color: inherit; text-decoration: none; } @media (max-width: 767px) { .sort .bc-sf-filter-custom-sorting .bc-sf-filter-filter-dropdown li a { display: block; padding: 11px 0; } } .sort .bc-sf-filter-custom-sorting .bc-sf-filter-filter-dropdown li a:hover { font-weight: normal; color: inherit; text-decoration: underline; } .sort .bc-sf-filter-custom-sorting .bc-sf-filter-filter-dropdown li a.active { text-decoration: underline; } /* ------------------------------------------------------------ *\ Step Default \* ------------------------------------------------------------ */ .step-default { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; text-align: center; } .step-default:last-child { margin-bottom: 0; } @media (max-width: 767px) { .step-default { margin-bottom: 25px; } } @media (max-width: 767px) { .step-default { display: block; } } .step-default .step__image { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .step-default .step__image { margin-bottom: 30px; } } @media (max-width: 767px) { .step-default .step__image:last-child { margin-bottom: 0; } } .step-default .step__image-inner { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } @media (max-width: 767px) { .step-default .step__image-inner { padding-top: 62.5%; } } .step-default .step__image-inner img { opacity: 0; } @media (max-width: 767px) { .step-default .step__image-inner img { display: none; } } .step-default .step__content { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 0 57px 40px 20px; } @media (max-width: 1199px) { .step-default .step__content { padding-right: 20px; } } @media (max-width: 1023px) { .step-default .step__content { padding: 20px; } } @media (max-width: 767px) { .step-default .step__content { padding: 20px 25px; } } .step-default .step__title { margin-bottom: 17px; } .step-default .step__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .step-default .step__title { margin-bottom: 11px; } } .step-default .step__entry { max-width: 400px; margin: 0 auto; } /* ------------------------------------------------------------ *\ Steps \* ------------------------------------------------------------ */ .steps { counter-reset: counter-step; } .steps .step-default:nth-child(odd) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .steps .step-default:nth-child(odd) .step__image { padding-left: 7px; } @media (max-width: 1023px) { .steps .step-default:nth-child(odd) .step__image { padding-left: 0; } } .steps .step-default:nth-child(odd) .step__content { padding-right: 20px; padding-left: 60px; } @media (max-width: 1199px) { .steps .step-default:nth-child(odd) .step__content { padding-left: 20px; } } @media (max-width: 1023px) { .steps .step-default:nth-child(odd) .step__content { padding: 20px; } } @media (max-width: 767px) { .steps .step-default:nth-child(odd) .step__content { padding: 20px 25px; } } .steps .step-default .step__content { counter-increment: counter-step; } .steps .step-default .step__content:before { display: block; margin-bottom: 31px; font-family: "Ivy Journal", serif; font-size: 100px; font-weight: 300; line-height: 0.72; content: counter(counter-step); } .steps .step-default .step__content:before:last-child { margin-bottom: 0; } @media (max-width: 767px) { .steps .step-default .step__content:before { margin-bottom: 18px; font-size: 60px; } } /* ------------------------------------------------------------ *\ Featured Item \* ------------------------------------------------------------ */ .featured-item { margin-bottom: 50px; } @media (max-width: 767px) { .featured-item { margin-bottom: 27px; } } .featured-item .featured-item__inner { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .featured-item .featured-item__body { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin: 0 -21px 24px; } .featured-item .featured-item__body:last-child { margin-bottom: 0; } @media (max-width: 1023px) { .featured-item .featured-item__body { margin-left: -10px; margin-right: -10px; } } @media (max-width: 767px) { .featured-item .featured-item__body { display: block; margin: 0 0 13px; } } .featured-item .featured-item__body > * { padding: 0 21px; } @media (max-width: 1023px) { .featured-item .featured-item__body > * { padding: 0 10px; } } @media (max-width: 767px) { .featured-item .featured-item__body > * { padding: 0; } } .featured-item .featured-item__body > *:first-child:last-child { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .featured-item .featured-item__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; position: relative; } @media (max-width: 767px) { .featured-item .featured-item__col { display: block; } } .featured-item .featured-item__col > * { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .featured-item .featured-item__col--1of3 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } @media (max-width: 767px) { .featured-item .featured-item__col--1of3 { max-width: none; } } .featured-item .featured-item__link { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .featured-item .featured-item__link:focus ~ .featured-item__image, .featured-item .featured-item__link:hover ~ .featured-item__image { opacity: 0.85; } .featured-item .featured-item__image { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding-top: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .featured-item .featured-item__image--overlay { position: relative; } .featured-item .featured-item__image--overlay:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.05; content: ''; } .featured-item .featured-item__content { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 11px 0 0 50px; } @media (max-width: 1199px) { .featured-item .featured-item__content { padding-left: 0; } } @media (max-width: 767px) { .featured-item .featured-item__content { padding: 14px 0 2px 5px; } } @media (max-width: 1023px) { .featured-item .featured-item__content .btn--medium { min-width: 200px; } } @media (max-width: 767px) { .featured-item .featured-item__content .btn--medium { min-width: 230px; } } .featured-item .featured-item__title { margin-bottom: 23px; } .featured-item .featured-item__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .featured-item .featured-item__title { margin-bottom: 21px; } } .featured-item .featured-item__entry { margin-bottom: 25px; } .featured-item .featured-item__entry:last-child { margin-bottom: 0; } @media (max-width: 767px) { .featured-item .featured-item__entry { margin-bottom: 24px; } } /* Featured Item Large */ .featured-item--large .featured-item__image { padding-top: 47.7%; } @media (max-width: 767px) { .featured-item--large .featured-item__image { padding-top: 100%; } } /* Featured Item Text */ .featured-item--text { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .featured-item--text .featured-item__image { padding-top: 47.7%; } @media (max-width: 767px) { .featured-item--text .featured-item__image { padding-top: 56%; margin-left: -25px; margin-right: -25px; } } /* Featured Item Reversed */ .featured-item--reversed .featured-item__body { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* ------------------------------------------------------------ *\ Featured Items \* ------------------------------------------------------------ */ .featured-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -21px; } @media (max-width: 1023px) { .featured-items { margin: 0 -10px; } } @media (max-width: 767px) { .featured-items { display: block; margin: 0; } } .featured-items:last-child { margin-bottom: -50px; } @media (max-width: 767px) { .featured-items:last-child { margin-bottom: -27px; } } .featured-items .featured-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 21px; } @media (max-width: 1023px) { .featured-items .featured-item { padding: 0 10px; } } @media (max-width: 767px) { .featured-items .featured-item { max-width: none; padding: 0; } } .featured-items .featured-item--large { -webkit-box-flex: 0; -ms-flex: 0 0 66.66%; flex: 0 0 66.66%; max-width: 66.66%; } @media (max-width: 767px) { .featured-items .featured-item--large { max-width: none; } } .featured-items .featured-item--text { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } @media (max-width: 767px) { .featured-items .featured-item--text { max-width: none; } } /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article { padding: 58px 0 30px; } @media (max-width: 767px) { .article { padding: 29px 0 7px; } } @media (max-width: 767px) { .article:last-child { padding-bottom: 30px; } } .article .article__head { margin-bottom: 46px; text-align: center; } .article .article__head:last-child { margin-bottom: 0; } @media (max-width: 767px) { .article .article__head { margin-bottom: 31px; } } .article .article__subtitle { margin-bottom: 3px; } .article .article__subtitle:last-child { margin-bottom: 0; } @media (max-width: 767px) { .article .article__subtitle { margin-bottom: 9px; } } .article .article__title { max-width: 600px; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .article .article__title { max-width: none; } } .article .article__image { position: relative; left: 50%; right: 50%; width: 100vw; margin: 0 -50vw 30px; font-size: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .article .article__image:last-child { margin-bottom: 0; } @media (max-width: 767px) { .article .article__image { left: auto; right: auto; width: auto; padding-top: 93%; margin: 0 -25px 13px; } } .article .article__image img { display: block; width: 100%; } @media (max-width: 767px) { .article .article__image img { display: none; opacity: 0; } } .article .article__share { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -10px 31px; } .article .article__share:last-child { margin-bottom: 0; } @media (max-width: 767px) { .article .article__share { margin-bottom: 18px; } } .article .article__share > * { padding: 0 10px; } @media (max-width: 767px) { .article .article__share > span { position: relative; top: 2px; font-size: 12px; } } .article .article__content { max-width: 1112px; padding: 0 111px; margin: 0 auto; } @media (max-width: 1199px) { .article .article__content { padding: 0 52px; } } @media (max-width: 1023px) { .article .article__content { max-width: none; padding: 0; } } .article .article__content iframe { display: block; margin: 0 auto; } .article .article__content img:not([style*='float: left;']):not([style*='float: right;']):not([style*='display: block;']) { width: calc(100% + 222px); margin-left: -111px; } @media (max-width: 1199px) { .article .article__content img:not([style*='float: left;']):not([style*='float: right;']):not([style*='display: block;']) { width: calc(100% + 104px); margin-left: -52px; } } @media (max-width: 1023px) { .article .article__content img:not([style*='float: left;']):not([style*='float: right;']):not([style*='display: block;']) { width: 100%; padding-bottom: 1px; margin-left: 0; } } /* ------------------------------------------------------------ *\ Article Item \* ------------------------------------------------------------ */ .article-item { margin-bottom: 34px; text-align: center; } @media (max-width: 767px) { .article-item { margin-bottom: 23px; } } .article-item .article-item__image { position: relative; padding-top: 67.6%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .article-item .article-item__image:last-child { margin-bottom: 0; } .article-item .article-item__image:hover { opacity: 0.85; } .article-item .article-item__image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .article-item .article-item__content { padding: 29px 0; } @media (max-width: 767px) { .article-item .article-item__content { padding: 9px 0; } } .article-item .article-item__subtitle { margin-bottom: 7px; } .article-item .article-item__subtitle:last-child { margin-bottom: 0; } @media (max-width: 767px) { .article-item .article-item__subtitle { margin-bottom: 5px; } } .article-item .article-item__title { margin-bottom: 8px; } .article-item .article-item__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .article-item .article-item__title { margin-bottom: 1px; } } /* ------------------------------------------------------------ *\ Article Items \* ------------------------------------------------------------ */ .article-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -23px; } @media (max-width: 767px) { .article-items { display: block; margin: 0; } } .article-items:last-child { margin-bottom: -34px; } @media (max-width: 767px) { .article-items:last-child { margin-bottom: 0; } } .article-items .article-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 23px; } @media (max-width: 767px) { .article-items .article-item { max-width: none; padding: 0; } } @media (max-width: 767px) { .article-items .article-item:last-child { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ Product Inline \* ------------------------------------------------------------ */ .product-inline { padding: 50px 15px 76px 28px; border-bottom: 1px solid #dcdcdc; } @media (max-width: 1199px) { .product-inline { padding-left: 0; padding-right: 0; } } @media (max-width: 1023px) { .product-inline { padding-bottom: 50px; } } @media (max-width: 767px) { .product-inline { padding: 31px 0 25px; } } .product-inline .product-inline__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .product-inline .product-inline__inner { display: block; } } .product-inline .product-inline__body { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .product-inline .product-inline__body { display: block; } } .product-inline .product-inline__image { -webkit-box-flex: 0; -ms-flex: 0 0 209px; flex: 0 0 209px; position: relative; height: 209px; margin: 8px 53px 0 0; font-size: 0; } @media (max-width: 1379px) { .product-inline .product-inline__image { margin-right: 30px; } } @media (max-width: 1023px) { .product-inline .product-inline__image { -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; height: 180px; margin-right: 20px; } } @media (max-width: 767px) { .product-inline .product-inline__image { height: auto; padding-top: 100%; margin: 0 0 21px; text-align: center; } } .product-inline .product-inline__image figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .product-inline .product-inline__image figure.expanded { opacity: 1; visibility: visible; } .product-inline .product-inline__image figure:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .product-inline .product-inline__image figure img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .product-inline .product-inline__image figure a { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .product-inline .product-inline__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .product-inline .product-inline__title { margin-bottom: 20px; } .product-inline .product-inline__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .product-inline .product-inline__title { margin-bottom: 11px; line-height: 1.25; } } .product-inline .product-inline__rating { margin-bottom: 27px; } .product-inline .product-inline__rating:last-child { margin-bottom: 0; } @media (max-width: 767px) { .product-inline .product-inline__rating { margin-bottom: 13px; } } .product-inline .product-inline__rating .reviews-stars .okeReviews .okeReviews-reviewsSummary-ratingCount { display: none; } .product-inline .product-inline__row { margin-bottom: 20px; } .product-inline .product-inline__row:last-child { margin-bottom: 0; } .product-inline .product-inline__label { display: block; margin-bottom: 7px; font-size: 12px; } .product-inline .product-inline__label:last-child { margin-bottom: 0; } @media (max-width: 767px) { .product-inline .product-inline__label { font-size: 11px; } } .product-inline .product-inline__label small { font-size: 100%; text-transform: uppercase; } .product-inline .product-inline__aside { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; padding-top: 12px; margin-left: 20px; } @media (max-width: 1023px) { .product-inline .product-inline__aside { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; } } @media (max-width: 767px) { .product-inline .product-inline__aside { padding-right: 20px; padding-top: 21px; margin-left: 0; } } @media (max-width: 767px) { .product-inline .product-inline__aside:first-child { padding-top: 0; } } .product-inline .product-inline__details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; min-height: 48px; margin-bottom: 48px; } .product-inline .product-inline__details:last-child { margin-bottom: 0; } @media (max-width: 767px) { .product-inline .product-inline__details { -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 0; margin-bottom: 21px; } } .product-inline .product-inline__price { margin-bottom: 4px; text-align: right; } @media (max-width: 767px) { .product-inline .product-inline__price { margin-bottom: 0; } } .product-inline .product-inline__price del { display: block; margin-bottom: 12px; } .product-inline .product-inline__price del:last-child { margin-bottom: 0; } @media (max-width: 767px) { .product-inline .product-inline__price del { display: inline; padding-right: 10px; margin-bottom: 0; } } .product-inline .product-inline__actions { margin-bottom: 12px; } @media (max-width: 767px) { .product-inline .product-inline__actions { margin-bottom: 4px; } } .product-inline .product-inline__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* ------------------------------------------------------------ *\ Products Inline \* ------------------------------------------------------------ */ .products-inline .product-inline:first-child { padding-top: 0; } @media (max-width: 767px) { .products-inline .product-inline:last-child { border-bottom: none; } } /* ------------------------------------------------------------ *\ Thumb \* ------------------------------------------------------------ */ .thumb { position: relative; padding-top: 100%; cursor: pointer; -webkit-transition: -webkit-box-shadow 0.4s; transition: -webkit-box-shadow 0.4s; -o-transition: box-shadow 0.4s; transition: box-shadow 0.4s; transition: box-shadow 0.4s, -webkit-box-shadow 0.4s; } .thumb figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; } .thumb figure:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .thumb figure img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .thumb figure:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #000; pointer-events: none; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; content: ''; } /* Thumb Video */ .thumb--video:before { position: absolute; top: 50%; left: 50%; z-index: 2; width: 34px; height: 34px; border: 1px solid #fff; border-radius: 50%; margin: -17px 0 0 -17px; background: rgba(255, 255, 255, 0.3); content: ''; } .thumb--video:after { position: absolute; top: 50%; left: 50%; z-index: 2; border-style: solid; border-width: 6px 0 6px 9px; border-color: transparent transparent transparent #fff; margin: -6px 0 0 -4px; content: ''; } .thumb--video.thumb--video-360:before, .thumb--video.thumb--video-360:after { display: none; } /* ------------------------------------------------------------ *\ Thumbs \* ------------------------------------------------------------ */ .thumbs { margin: -5px 0; font-size: 0; list-style: none outside none; } .thumbs .slick-slide > div { padding: 5px 0; } .thumbs .slick-current.section__thumb figure:after, .thumbs .slick-current .section__thumb figure:after { opacity: 1; visibility: visible; } .thumbs .slick-arrow { position: absolute; top: -30px; left: 0; width: 100%; height: 20px; border: none; background: none; font-size: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .thumbs .slick-arrow:before { position: absolute; top: 9px; left: 50%; content: ''; width: 8px; height: 8px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: #1c1e1d; margin: 0 0 0 -2px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .thumbs .slick-next { top: auto; bottom: -28px; } .thumbs .slick-next:before { top: 4px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .thumbs.js-slider-thumbs .section__thumb:nth-child(5) ~ .section__thumb { display: none; } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { padding: 31px 0 57px; background-color: #f8f8f3; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .search .search__inner { position: relative; padding: 0 40px; } @media (max-width: 1023px) { .search .search__inner { padding: 0 20px; } } .search .search__inner .btn-close-primary { position: absolute; top: 14px; right: -6px; } @media (max-width: 1199px) { .search .search__inner .btn-close-primary { top: -20px; } } .search .search__body { position: relative; max-width: 912px; margin: 0 auto; } .search .search__field { display: block; width: 100%; height: 82px; padding: 25px 52px; border-radius: 0; border: none; border-bottom: 1px solid #000; background: none; font-family: "Ivy Journal", serif; font-size: 24px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .search .search__field:focus { -webkit-box-shadow: none; box-shadow: none; } .search .search__btn { position: absolute; top: 0; bottom: 0; width: 40px; border: none; background: none; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .search .search__btn:hover { opacity: 0.7; } .search .search__btn svg { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .search .search__btn--primary { text-align: left; } .search .search__btn--secondary { right: 0; padding-right: 4px; text-align: right; } .search .search__btn--secondary:before { content: ''; width: 18px; height: 18px; display: inline-block; vertical-align: middle; border-width: 0 0 2px 2px; border-style: solid; border-color: currentColor; margin: 0 0 0 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } /* Search Filter */ .search--filter { -webkit-box-shadow: 0px 600vw 0px 600vw rgba(0, 0, 0, 0.3); box-shadow: 0px 600vw 0px 600vw rgba(0, 0, 0, 0.3); } @media (max-width: 767px) { .search--filter { padding: 0; opacity: 1; visibility: visible; -webkit-box-shadow: none; box-shadow: none; } } @media (max-width: 767px) { .search--filter input, .search--filter .search__btn--secondary, .search--filter .btn-close-primary { display: none !important; } } @media (max-width: 767px) { .search--filter .search__btn--primary { position: fixed; top: 0; right: 0; left: auto; z-index: 101; display: none; width: 50px; height: 106px; padding-left: 10px; } } /* ------------------------------------------------------------ *\ Search Mobile Btn \* ------------------------------------------------------------ */ .search-mobile-btn { position: absolute; top: 17px; left: 55px; right: 26px; padding: 3px 0; border-bottom: solid 1px #000; font-family: "Graphik", sans-serif; font-size: 15px; text-decoration: none; } .search-mobile-btn small { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* ------------------------------------------------------------ *\ Search Results \* ------------------------------------------------------------ */ .bc-sf-search-suggestion { top: 0 !important; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: none !important; box-shadow: none !important; } @media (min-width: 768px) { .bc-sf-search-suggestion { margin-top: 45px !important; } } @media (max-width: 767px) { .bc-sf-search-suggestion { right: 0 !important; max-height: calc(100vh - 105px) !important; height: calc(100vh - 105px) !important; } } .bc-sf-search-suggestion:before { position: absolute; top: -1px; left: 50%; bottom: -1px; z-index: -1; width: 100vw; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; background: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ''; } @media (max-width: 767px) { .bc-sf-search-suggestion:before { display: none; } } .bc-sf-search-suggestion li { clear: none !important; } @media (max-width: 1023px) { .bc-sf-search-suggestion li { clear: both !important; } } .bc-sf-search-suggestion .bc-sf-search-suggestion-group-wrapper-left { float: left; width: 24.2%; } .bc-sf-search-suggestion .bc-sf-search-suggestion-group-wrapper-right { float: right; width: 75.8%; } .bc-sf-search-suggestion .bc-sf-search-suggestion-group { float: left; min-height: 1px; padding: 32px 15px 30px 10px !important; clear: both !important; } @media (max-width: 767px) { .bc-sf-search-suggestion .bc-sf-search-suggestion-group { width: 100%; padding: 0 !important; } } .bc-sf-search-suggestion .bc-sf-search-suggestion-group[data-group='suggestions'].ui-menu-divider:after { font-weight: 500; content: attr(aria-label); } .bc-sf-search-suggestion .bc-sf-search-suggestion-group[data-group='products'] { position: relative; z-index: 2; padding-top: 34px !important; padding-left: 100px !important; padding-bottom: 7px !important; border-left: 1px solid #d8d8d8 !important; clear: none !important; } @media (max-width: 1199px) { .bc-sf-search-suggestion .bc-sf-search-suggestion-group[data-group='products'] { padding-left: 50px !important; } } @media (max-width: 1023px) { .bc-sf-search-suggestion .bc-sf-search-suggestion-group[data-group='products'] { padding-left: 30px !important; } } @media (max-width: 767px) { .bc-sf-search-suggestion .bc-sf-search-suggestion-group[data-group='products'] { float: none; width: 100%; padding: 0 !important; padding-left: 26px !important; border: none !important; } } .bc-sf-search-suggestion .bc-sf-search-suggestion-group[data-group='products']:last-child { padding-bottom: 40px !important; } .bc-sf-search-suggestion .bc-sf-search-suggestion-group[data-group='products'] > ul { margin-right: -90px; } @media (max-width: 1199px) { .bc-sf-search-suggestion .bc-sf-search-suggestion-group[data-group='products'] > ul { margin-right: -15px; } } @media (max-width: 767px) { .bc-sf-search-suggestion .bc-sf-search-suggestion-group[data-group='products'] > ul { margin-right: 0; } } .bc-sf-search-suggestion .bc-sf-search-suggestion-group[data-group='products'] > ul > li { margin-bottom: 12px; } @media (max-width: 767px) { .bc-sf-search-suggestion .bc-sf-search-suggestion-group[data-group='products'] > ul > li:last-child { margin-bottom: 0; } } .bc-sf-search-suggestion .bc-sf-search-suggestion-group[data-group='products'] .bc-sf-search-suggestion-header { display: none !important; } .bc-sf-search-suggestion-header-view-all { border-left: 1px solid #d8d8d8 !important; text-align: left !important; } @media (max-width: 767px) { .bc-sf-search-suggestion-header-view-all { border-left: none !important; } } .bc-sf-search-suggestion-header-view-all > a { display: inline-block !important; color: #1c1e1d !important; font-family: "Graphik", sans-serif; font-size: 14px; font-weight: 500 !important; line-height: 1; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; } @media (max-width: 767px) { .bc-sf-search-suggestion-header-view-all > a { font-size: 11px; line-height: 1.27; } } .bc-sf-search-suggestion-header-view-all > a:hover { color: #1c1e1d; text-decoration: none; } .bc-sf-search-suggestion-header-view-all > a:hover:after { width: 30%; } .bc-sf-search-suggestion-header-view-all > a:after { content: ''; display: block; width: 100%; height: 3px; background-color: currentColor; margin: 7px auto 0; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } @media (max-width: 767px) { .bc-sf-search-suggestion-header-view-all > a:after { height: 2px; } } .bc-sf-search-suggestion-dym { display: none !important; } .bc-sf-search-suggestion-dym + .bc-sf-search-suggestion-item-product, .bc-sf-search-suggestion-group[data-group='products'] + .bc-sf-search-suggestion-group[data-group='products'] { border-top: none !important; } .bc-sf-search-suggestion-header-view-all.bc-sf-search-suggestion-header { padding-top: 20px !important; padding-left: 104px !important; padding-bottom: 47px !important; margin-bottom: 0 !important; } @media (max-width: 1199px) { .bc-sf-search-suggestion-header-view-all.bc-sf-search-suggestion-header { padding-top: 30px !important; padding-left: 50px !important; } } @media (max-width: 1023px) { .bc-sf-search-suggestion-header-view-all.bc-sf-search-suggestion-header { padding-left: 30px !important; } } @media (max-width: 767px) { .bc-sf-search-suggestion-header-view-all.bc-sf-search-suggestion-header { padding: 0 !important; } } .bc-sf-search-suggestion-popover { display: none !important; } .bc-sf-search-suggestion .bc-sf-search-suggestion-group > ul { overflow: hidden; margin-left: -15px; margin-right: -15px; } @media (max-width: 767px) { .bc-sf-search-suggestion .bc-sf-search-suggestion-group > ul { margin-left: 0; margin-right: 0; } } .bc-sf-search-suggestion .bc-sf-search-suggestion-group > ul > li { padding-left: 15px !important; padding-right: 15px !important; } @media (max-width: 767px) { .bc-sf-search-suggestion .bc-sf-search-suggestion-group > ul > li { padding-left: 0 !important; padding-right: 0 !important; } } .bc-sf-search-suggestion-header, .bc-sf-search-suggestion-item:hover { background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .bc-sf-search-suggestion-header { padding: 0 !important; margin-bottom: 19px !important; font-size: inherit !important; font-weight: 500 !important; color: inherit !important; text-transform: none !important; } .bc-sf-search-suggestion-item { padding: 0 !important; } .bc-sf-search-suggestion-item:not(.bc-sf-search-suggestion-item-product) { margin-bottom: 29px; } .bc-sf-search-suggestion-item:not(.bc-sf-search-suggestion-item-product):last-child { margin-bottom: 0; } .bc-sf-search-suggestion-item:not(.bc-sf-search-suggestion-item-product) a { color: inherit !important; font-weight: inherit !important; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .bc-sf-search-suggestion-item:not(.bc-sf-search-suggestion-item-product) a:hover { color: #9b9b9b !important; text-decoration: none; } .bc-sf-search-suggestion-item:not(.bc-sf-search-suggestion-item-product) a b { font-weight: inherit !important; } .bc-sf-search-suggestion-item > a { line-height: inherit !important; } .bc-sf-search-suggestion-item-product { border-bottom: none !important; } .bc-sf-search-suggestion .bc-sf-search-suggestion-item-product { display: inline-block !important; float: none !important; width: 50% !important; padding-top: 0 !important; padding-bottom: 0 !important; vertical-align: top !important; } @media (max-width: 767px) { .bc-sf-search-suggestion .bc-sf-search-suggestion-item-product { width: 100% !important; } } .bc-sf-search-suggestion .bc-sf-search-suggestion-item-product a:hover .bc-sf-search-suggestion-left { opacity: 0.7; } .bc-sf-search-suggestion .bc-sf-search-suggestion-item-product a:hover .bc-sf-search-suggestion-product-title { color: #1c1e1d; } .bc-sf-search-suggestion-item-product .bc-sf-search-suggestion-left { float: left !important; display: block !important; width: 80px !important; margin-right: 16px !important; font-size: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .bc-sf-search-suggestion-item-product .bc-sf-search-suggestion-left img { display: inline-block !important; } .bc-sf-search-suggestion-product-title { padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 1px; font-size: 15px !important; font-weight: normal !important; line-height: inherit !important; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } @media (max-width: 767px) { .bc-sf-search-suggestion-product-title { font-size: 11px !important; } } .bc-sf-search-suggestion-product-title b { font-weight: inherit !important; } .bc-sf-search-suggestion-item-product .bc-sf-search-suggestion-right { float: right !important; width: calc(100% - 96px) !important; } .bc-sf-search-suggestion-product-price { font-family: "Ivy Journal", serif; font-size: 15px; font-weight: 600 !important; } .bc-sf-search-suggestion-product-price s { padding-right: 3px; font-size: 80%; color: inherit !important; } /* ------------------------------------------------------------ *\ Mobile Search \* ------------------------------------------------------------ */ .bc-sf-search-suggestion-mobile-top-panel { z-index: 30 !important; top: 0px !important; overflow-y: auto; display: block !important; height: 100% !important; padding-bottom: 0 !important; background: #f8f8f3 !important; opacity: 0; visibility: hidden; } .bc-sf-search-suggestion-mobile-top-panel form { position: relative; height: 106px !important; border-bottom: 1px solid #d3d3d3; background: none !important; } .bc-sf-search-suggestion-mobile-top-panel form input::-webkit-input-placeholder { color: #6d7278; } .bc-sf-search-suggestion-mobile-top-panel form input::-moz-placeholder { color: #6d7278; } .bc-sf-search-suggestion-mobile-top-panel form input::-ms-input-placeholder { color: #6d7278; } .bc-sf-search-suggestion-mobile-top-panel form input::placeholder { color: #6d7278; } .bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-btn-close-suggestion { position: absolute !important; top: 0; right: 0; display: none !important; width: 30px !important; background: red !important; } .bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-btn-clear-suggestion { position: absolute; top: 0; right: 50px; width: 57px; border-right: 1px solid #d3d3d3; background: none; font-size: 0; } .bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-btn-clear-suggestion:before, .bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-btn-clear-suggestion:after { position: absolute; top: 50%; left: 27px; width: 1px; height: 18px; margin-top: -8px; background: #000; content: ''; } .bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-btn-clear-suggestion:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-btn-clear-suggestion:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .bc-sf-search-suggestion-mobile-top-panel #bc-sf-search-box-mobile { display: block !important; width: 100% !important; padding: 0 50px 0 15px !important; background: none !important; font-family: "Graphik", sans-serif !important; font-size: 15px !important; font-weight: normal !important; color: #1c1e1d !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } body .bc-sf-search-suggestion-mobile.bc-sf-search-suggestion-wrapper { top: 105px !important; z-index: 101 !important; height: auto !important; } body .bc-sf-search-suggestion-mobile.bc-sf-search-suggestion-wrapper .bc-sf-search-suggestion { padding: 28px 24px 0 23px !important; background: #fff; } body .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-group { padding-bottom: 16px !important; margin: 0 !important; } body .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-header-view-all { overflow: visible; width: auto; height: auto; padding-top: 20px !important; padding-left: 29px !important; border: none !important; margin: 0 0 10px !important; background: none !important; opacity: 1; visibility: visible; pointer-events: auto; } body .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-header-view-all > a { font-weight: inherit !important; } .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-group-wrapper-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } @media (max-width: 767px) { .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-group { padding-left: 32px !important; } } .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-group:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 767px) { .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-group:first-child { padding-top: 46px !important; border-top: 1px solid #d3d3d3 !important; margin-top: 43px !important; } } .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-group-wrapper-right { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 100%; } @media (max-width: 767px) { .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-group-wrapper-right .bc-sf-search-suggestion-group:first-child { padding-top: 0px !important; border-top: 0 !important; margin-top: 0px !important; } } .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-group[data-group='products'] .bc-sf-search-suggestion-header { display: none !important; margin-bottom: 4px !important; font-size: 24px !important; } .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion > * { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-header { margin-bottom: 17px !important; text-align: left !important; } .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion > li > ul > li { border: none !important; background: none !important; } .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-header + .bc-sf-search-suggestion-item { border-radius: 0 !important; } .bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-item:not(.bc-sf-search-suggestion-item-product) { margin-bottom: 18px !important; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk { /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Search Results \* ------------------------------------------------------------ */ } .html-dansk .search .search__field { font-family: "Poppins", sans-serif; } .html-dansk .bc-sf-search-suggestion-mobile-top-panel { background: #fafafa !important; } /* ------------------------------------------------------------ *\ Reed & Barton \* ------------------------------------------------------------ */ .html-reed { /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ } .html-reed .search .search__field { font-family: "Univers", sans-serif; } /* ------------------------------------------------------------ *\ Animated \* ------------------------------------------------------------ */ .animated { opacity: 0; -webkit-transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out; -o-transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out; transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out; } @media (max-width: 1024px) { .animated { opacity: 1; -webkit-transition: none; -o-transition: none; transition: none; } } .animated-in { opacity: 1; } #theme-editor-iframe .animated, #theme-editor .animated { opacity: 1; -webkit-transition: none; -o-transition: none; transition: none; } /* ------------------------------------------------------------ *\ Item Feature \* ------------------------------------------------------------ */ .item-feature { position: relative; } .item-feature .item-feature__link { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .item-feature .item-feature__link:focus ~ .item-feature__image, .item-feature .item-feature__link:hover ~ .item-feature__image { opacity: 0.8; } .item-feature .item-feature__image { height: 355px; margin-bottom: 26px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .item-feature .item-feature__image:last-child { margin-bottom: 0; } @media (max-width: 1023px) { .item-feature .item-feature__image { height: 230px; } } @media (max-width: 767px) { .item-feature .item-feature__image { height: 313px; margin-bottom: 13px; } } @media (max-width: 767px) { .item-feature .item-feature__title { line-height: 1.3; } } /* ------------------------------------------------------------ *\ Item Features \* ------------------------------------------------------------ */ .item-features { overflow-x: auto; margin: 0 -20px; font-size: 0; white-space: nowrap; } .item-features .item-feature { display: inline-block; width: 25.4%; padding: 0 20px; font-size: 15px; vertical-align: top; white-space: normal; } .item-features .item-feature--large { width: 49.2%; } /* ------------------------------------------------------------ *\ Page \* ------------------------------------------------------------ */ .page { min-height: 795px; padding: 32px 0 100px; } @media (max-width: 767px) { .page { min-height: 0; padding: 17px 0 71px; } } .page .page__body { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .page .page__body { display: block; } } .page .page__aside { -webkit-box-flex: 0; -ms-flex: 0 0 212px; flex: 0 0 212px; margin-right: 128px; } @media (max-width: 1023px) { .page .page__aside { margin-right: 30px; } } @media (max-width: 767px) { .page .page__aside { margin-right: 0; } } .page .page__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } @media (max-width: 767px) { .page .page__content { padding: 46px 3px 0; } } .page .page__title { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 26px; } .page .page__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .page .page__title { margin-bottom: 17px; } } .page .page__title span { padding-right: 10px; } .page .page__title span:last-child { padding-right: 0; } .page .page__title .btn-more { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: start; align-self: flex-start; margin: 24px -17px 0 auto; } @media (max-width: 1199px) { .page .page__title .btn-more { margin-right: 0; } } .page .page__actions { margin-top: 40px; text-align: center; } @media (max-width: 767px) { .page .page__actions { margin-top: 30px; } } /* Page Alt */ @media (max-width: 767px) { .page--alt { padding-bottom: 51px; } } .page--alt .page__body { margin-right: -14px; } @media (max-width: 1199px) { .page--alt .page__body { margin-right: 0; } } .page--alt .page__aside { margin-right: 122px; } @media (max-width: 1023px) { .page--alt .page__aside { margin-right: 30px; } } @media (max-width: 767px) { .page--alt .page__aside { margin-right: 0; } } @media (max-width: 767px) { .page--alt .page__content { padding-top: 38px; } } .page--alt .page__title .btn-more { margin-right: -3px; } @media (max-width: 1199px) { .page--alt .page__title .btn-more { margin-right: 0; } } /* Page Secondary */ .page--secondary { min-height: 740px; } @media (max-width: 767px) { .page--secondary { min-height: 0; } } @media (max-width: 767px) { .page--secondary .page__content { padding-top: 41px; } } @media (max-width: 767px) { .page--secondary .page__actions { margin-top: 40px; } } /* Page Tertiary */ .page--tertiary { min-height: 651px; } @media (max-width: 767px) { .page--tertiary { min-height: 0; } } @media (max-width: 767px) { .page--tertiary .page__actions { margin-top: 10px; } } /* Page Quaternary */ .page--quaternary { min-height: 688px; } @media (max-width: 767px) { .page--quaternary { min-height: 0; } } /* Page Quinary */ .page--quinary { min-height: 640px; padding-bottom: 50px; } @media (max-width: 767px) { .page--quinary { min-height: 0; padding-bottom: 41px; } } @media (max-width: 767px) { .page--quinary .page__actions { margin-top: 14px; } } /* ------------------------------------------------------------ *\ Store Locator \* ------------------------------------------------------------ */ .store-locator { /* StoreMapper */ /* Storemapper Top */ /* Map */ } .store-locator #storemapper { font-family: inherit; } .store-locator #storemapper-left, .store-locator #storemapper-right { height: auto; } .store-locator #storemapper-left { position: relative; z-index: 2; overflow-y: auto; float: none; width: auto; background: #fafafa; } .store-locator #storemapper.search_on_top #storemapper-form .storemapper-form-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .store-locator #storemapper.search_on_top #storemapper-form .storemapper-form-inner .storemapper-dropdown { margin-right: 0; line-height: inherit; } .store-locator #storemapper.search_on_top #storemapper-form .storemapper-form-inner #storemapper-go { margin-top: 12px; } .store-locator #storemapper.search_on_top #storemapper-form .storemapper-form-inner #storemapper-zip { width: 100%; } .store-locator #storemapper.search_on_top #storemapper-form { z-index: auto; } .store-locator .storemapper-form-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 2; } .store-locator .storemapper-categories { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .store-locator #storemapper #storemapper-form { padding: 0; background: #fafafa; -webkit-box-shadow: none; box-shadow: none; } .store-locator #storemapper #storemapper-form .storemapper-dropdown-menu { position: static; display: block; min-width: 0; padding: 0; border: none; background: none; -webkit-box-shadow: none; box-shadow: none; font-size: 0; text-align: center; } .store-locator #storemapper #storemapper-form .storemapper-dropdown-menu li { display: inline-block; padding: 0; vertical-align: top; } .store-locator #storemapper-form .storemapper-dropdown-menu a { position: relative; display: block; min-height: 30px; padding: 3px 0 3px 46px; padding-left: 46px; margin: 0 25px; font-size: 15px; line-height: 1.6 !important; color: inherit !important; word-break: normal !important; } @media (max-width: 767px) { .store-locator #storemapper-form .storemapper-dropdown-menu a { min-height: 28px; padding: 4px 0 5px 28px; padding-left: 28px; font-size: 12px; } } .store-locator #storemapper-form .storemapper-dropdown-menu a:focus { outline: none; text-decoration: none; } .store-locator #storemapper-form .storemapper-dropdown-menu a:before { position: absolute; top: 0; left: 0; width: 25px; height: 26px; border-radius: 3px; border: 1px solid #000; font-size: 17px; line-height: 26px; text-align: center; content: ''; } @media (max-width: 767px) { .store-locator #storemapper-form .storemapper-dropdown-menu a:before { top: 4px; width: 17px; height: 17px; font-size: 11px; line-height: 17px; } } .store-locator #storemapper-form .storemapper-dropdown-menu a.active:before { content: '\2713'; } .store-locator #storemapper-form .storemapper-dropdown-menu a input { position: absolute; top: 0; left: 0; overflow: hidden; width: 0; height: 0; opacity: 0; pointer-events: none; display: block; } .store-locator #storemapper-form .storemapper-dropdown-menu a[data-value*='Select All'] { display: none !important; } .store-locator #storemapper #storemapper-form label[for='storemapper-zip'] { overflow: hidden; display: block; height: 32px; margin: 23px 0 12px; font-size: 20px; line-height: 1.6; color: #1c1e1d; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (max-width: 1023px) { .store-locator #storemapper #storemapper-form label[for='storemapper-zip'] { margin-top: 15px; } } @media (max-width: 767px) { .store-locator #storemapper #storemapper-form label[for='storemapper-zip'] { height: 22px; margin-top: 357px; margin-bottom: 8px; font-size: 14px; } } .store-locator #storemapper #storemapper-form #storemapper-zip { display: block; width: 100%; height: 50px; padding: 0 13px; border: 1px solid #1c1e1d; border-radius: 0; margin: 0; background: #fff; font-size: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .store-locator #storemapper #storemapper-form #storemapper-zip:focus { border-color: #1c1e1d; } .store-locator #storemapper #storemapper-form #storemapper-go { overflow: hidden; display: block; height: 45px; padding: 11px 0 10px; border: 2px solid #003c4d; margin-top: 12px; margin-bottom: 19px; background: #003c4d; font-size: 14px; font-weight: 500; color: #fff; letter-spacing: 1px; text-align: center; text-transform: uppercase; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (max-width: 1023px) { .store-locator #storemapper #storemapper-form #storemapper-go { margin-bottom: 15px; } } .store-locator #storemapper #storemapper-form #storemapper-go:hover { border-color: #1c1e1d; background-color: #1c1e1d; color: #fff; text-decoration: none; } .store-locator #storemapper #storemapper-form label[for='storemapper-zip'], .store-locator #storemapper #storemapper-form #storemapper-zip, .store-locator #storemapper #storemapper-form #storemapper-go { max-width: 342px; margin-left: 48px; margin-right: 0; } @media (max-width: 1023px) { .store-locator #storemapper #storemapper-form label[for='storemapper-zip'], .store-locator #storemapper #storemapper-form #storemapper-zip, .store-locator #storemapper #storemapper-form #storemapper-go { max-width: 300px; margin-left: 24px; } } @media (max-width: 767px) { .store-locator #storemapper #storemapper-form label[for='storemapper-zip'], .store-locator #storemapper #storemapper-form #storemapper-zip, .store-locator #storemapper #storemapper-form #storemapper-go { max-width: calc(100% - 56px); margin-left: 28px; } } .store-locator #storemapper #storemapper-form .storemapper-dropdown-btn { display: block; width: 100%; height: auto; padding: 0; border-radius: 0; border: none; margin-bottom: 17px; font-size: 20px; line-height: 1.6; color: inherit; text-align: center; white-space: normal; letter-spacing: 0; } @media (max-width: 767px) { .store-locator #storemapper #storemapper-form .storemapper-dropdown-btn { margin-bottom: 10px; font-size: 14px; } } .store-locator #storemapper #storemapper-form .storemapper-dropdown-btn .caret { display: none; } .store-locator #storemapper.show_categories #storemapper-form .storemapper-dropdown { margin-right: 0; } .store-locator #storemapper.show_categories #storemapper-form .storemapper-categories { display: block; padding-bottom: 37px; background: #fff; } @media (max-width: 767px) { .store-locator #storemapper.show_categories #storemapper-form .storemapper-categories { padding-bottom: 23px; } } .store-locator #storemapper .storemapper-reset { display: none; } .store-locator #storemapper #storemapper-list { overflow-y: auto; width: 438px; height: 460px; padding: 0 48px; margin-bottom: 27px; background: none; } @media (max-width: 1023px) { .store-locator #storemapper #storemapper-list { width: 348px; height: 482px; padding: 0 24px; margin-bottom: 17px; } } @media (max-width: 767px) { .store-locator #storemapper #storemapper-list { width: auto; padding: 0 28px; margin-bottom: 27px; } } .store-locator #storemapper #storemapper-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 11px 0; border-bottom: 1px solid #e0e0e0; margin-bottom: 6px; background: none; -webkit-box-shadow: none; box-shadow: none; } .store-locator #storemapper #storemapper-list li:last-child { margin-bottom: 0; } @media (max-width: 767px) { .store-locator #storemapper #storemapper-list li { padding: 12px 0; margin-bottom: 5px; } } .store-locator #storemapper #storemapper-list li.storemapper-selected { background: none; } .store-locator #storemapper #storemapper-list li.storemapper-selected h4 { color: #5a808b; } .store-locator #storemapper #storemapper-list li.storemapper-selected p.storemapper-description, .store-locator #storemapper #storemapper-list li.storemapper-selected p.storemapper-distance, .store-locator #storemapper #storemapper-list li.storemapper-selected p[class^='storemapper-custom-'], .store-locator #storemapper #storemapper-list li.storemapper-selected p { color: inherit; } .store-locator #storemapper #storemapper-list li.storemapper-selected p.storemapper_view a, .store-locator #storemapper #storemapper-list li.storemapper-selected p.storemapper_directions a { border: none; background: none; color: #5a808b; } .store-locator #storemapper #storemapper-list li h4 { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding-right: 0; margin-bottom: 3px; font-size: 12px; font-weight: 500; line-height: 1.42; color: #5a808b; text-transform: uppercase; } @media (max-width: 767px) { .store-locator #storemapper #storemapper-list li h4 { margin-bottom: 6px; } } .store-locator #storemapper #storemapper-list li p { padding-left: 0; margin-bottom: 0; font-size: inherit; line-height: inherit; color: inherit; } @media (max-width: 767px) { .store-locator #storemapper #storemapper-list li p { font-size: 14px; line-height: 1.6; } } .store-locator #storemapper #storemapper-list li p[class^='storemapper-custom-'] { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-bottom: 2px; font-weight: 500; color: inherit; } @media (max-width: 767px) { .store-locator #storemapper #storemapper-list li p[class^='storemapper-custom-'] { margin-bottom: 4px; } } .store-locator #storemapper #storemapper-list li .storemapper_view { display: block; padding: 0; margin: 0; } .store-locator #storemapper #storemapper-list li .storemapper_btn-wrap { padding-top: 3px; } @media (max-width: 767px) { .store-locator #storemapper #storemapper-list li .storemapper_btn-wrap { padding-top: 9px; } } .store-locator #storemapper #storemapper-list li .storemapper_view a, .store-locator #storemapper #storemapper-list li .storemapper_directions a { display: inline-block; padding: 0; border: none; background: none; font-size: 12px; font-weight: 500; line-height: 1.42; color: #5a808b; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .store-locator #storemapper #storemapper-list li .storemapper_view a:hover, .store-locator #storemapper #storemapper-list li .storemapper_directions a:hover { color: #000; } .store-locator #storemapper #storemapper-list li svg, .store-locator #storemapper-list li .storemapper-distance, .store-locator #storemapper #storemapper-list li.storemapper-selected p.storemapper-distance, .store-locator #storemapper #storemapper-list li .storemapper_directions { display: none; } .store-locator #storemapper #storemapper-list li .storemapper_view a:hover, .store-locator #storemapper #storemapper-list li .storemapper_directions a:hover { background: none; } .store-locator #storemapper .storemapper-phone a:hover { text-decoration: none; } .store-locator #storemapper .storemapper-scroll-top { display: none; } .store-locator #storemapper-right { position: absolute; left: 438px; bottom: 0; right: 0; z-index: 3; width: auto; height: 680px; } @media (max-width: 1023px) { .store-locator #storemapper-right { left: 348px; } } @media (max-width: 767px) { .store-locator #storemapper-right { left: 0; bottom: 698px; height: 320px; } } .store-locator .gm-style { font-family: inherit; font-size: inherit; line-height: inherit; } .store-locator .storemapper-popup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 16px 5px 17px 19px; } @media (max-width: 767px) { .store-locator .storemapper-popup { padding: 14px 5px 14px 19px; } } .store-locator #storemapper #storemapper-right p { max-width: none; margin-bottom: 0; font-size: 15px; line-height: 1.67; } @media (max-width: 767px) { .store-locator #storemapper #storemapper-right p { font-size: 12px; line-height: 2; } } .store-locator #storemapper #storemapper-right .storemapper-popup-custom { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; display: block; margin-bottom: 2px; font-weight: 500; } @media (max-width: 767px) { .store-locator #storemapper #storemapper-right .storemapper-popup-custom { font-size: 15px; line-height: 1.67; } } .store-locator #storemapper.show_icons .storemapper-popup-address, .store-locator #storemapper.show_icons .storemapper-popup-phone, .store-locator #storemapper.show_icons .storemapper-popup-url, .store-locator #storemapper.show_icons .storemapper-popup-email { padding-left: 0; } .store-locator #storemapper .storemapper-popup .storemapper-maplink, .store-locator #storemapper.show_icons .storemapper-popup-phone svg, .store-locator #storemapper .storemapper-map-directions, .store-locator #storemapper.show_icons .storemapper-popup-address svg { display: none !important; } .store-locator #storemapper.show_icons .storemapper-popup-phone { line-height: inherit; } .store-locator #storemapper.show_icons .storemapper-popup-phone a { color: inherit; } .store-locator #storemapper.show_icons .storemapper-popup-phone a:hover { text-decoration: none; } .store-locator .storemapper-popup-name { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding-right: 60px; margin-bottom: 3px; font-size: 12px; font-weight: 500; line-height: 1.42; color: #5a808b; text-transform: uppercase; } .store-locator .gm-style .gm-style-iw-d { overflow-x: hidden !important; overflow-y: scroll !important; } @media (max-width: 767px) { .store-locator .gm-style .gm-style-iw-d { max-width: 100% !important; } } .store-locator .gm-style .gm-style-iw { font-size: inherit; font-weight: inherit; } .store-locator .gm-style .gm-style-iw-c { width: 281px; padding: 0; border-radius: 15px; margin-top: -25px; -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { .store-locator .gm-style .gm-style-iw-c { max-width: 242px !important; max-height: 170px !important; } } .store-locator .gm-style .gm-style-iw-t:after { top: -25px; width: 30px; height: 30px; -webkit-box-shadow: -5px 5px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: -5px 5px 5px 0 rgba(0, 0, 0, 0.2); -webkit-transform: translate(-50%, -50%) rotate(-45deg) skew(-10deg, -10deg); -ms-transform: translate(-50%, -50%) rotate(-45deg) skew(-10deg, -10deg); transform: translate(-50%, -50%) rotate(-45deg) skew(-10deg, -10deg); } .store-locator #storemapper #storemapper-right button[title*='Close'] { top: 9px !important; right: 47px !important; width: 22px; height: 22px; color: #1c1e1d; opacity: 1; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } @media (max-width: 767px) { .store-locator #storemapper #storemapper-right button[title*='Close'] { top: 7px !important; right: 6px !important; } } .store-locator #storemapper #storemapper-right button[title*='Close']:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .store-locator #storemapper #storemapper-right button[title*='Close']:before, .store-locator #storemapper #storemapper-right button[title*='Close']:after { position: absolute; top: 14px; left: 6px; width: 18px; height: 1px; background: currentColor; content: ''; } .store-locator #storemapper #storemapper-right button[title*='Close']:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .store-locator #storemapper #storemapper-right button[title*='Close']:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .store-locator #storemapper #storemapper-right button[title*='Close'] img { display: none !important; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk .store-locator #storemapper #storemapper-form #storemapper-go { border-color: #407f82; background-color: #407f82; } .html-dansk .store-locator #storemapper #storemapper-form #storemapper-go:hover { border-color: #407f82; background-color: #407f82; color: #222222; } .html-dansk .template-customer--login .form .btn:not(.btn--transparent), .html-dansk .template-customer--register .form .btn:not(.btn--transparent) { border-color: #d3c9a0; background-color: #d3c9a0; color: #1c1e1d; } .html-dansk .template-customer--login .form .btn:not(.btn--transparent):hover, .html-dansk .template-customer--register .form .btn:not(.btn--transparent):hover { border-color: #d3c9a0; background-color: #d3c9a0; color: #fff; } /* ------------------------------------------------------------ *\ Widget Cart \* ------------------------------------------------------------ */ .widget-cart { position: fixed; top: 0; left: 0; z-index: 55; width: 100%; height: 100%; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; /* Expanded */ } .widget-cart .widget__overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; content: ''; } @media (max-width: 767px) { .widget-cart .widget__overlay { display: none; } } .widget-cart .widget__container { width: 502px; height: 100%; margin-left: auto; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } @media (max-width: 767px) { .widget-cart .widget__container { width: auto; -webkit-transform: translateX(0) scale(0.7); -ms-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); } } .widget-cart .widget__container > .form-cart-small { height: 100%; } .widget-cart .widget__container > .form-cart-small .cart-total__actions { position: relative; } .widget-cart .widget__container > .form-cart-small .cart-total__actions .js-btn-checkout-true { position: absolute; top: 0; z-index: -1; } .widget-cart .widget__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 2; overflow-y: auto; width: 100%; height: 100%; padding: 0 49px 5px; background: #fff; } @media (max-width: 767px) { .widget-cart .widget__inner { padding: 0 25px; } } .widget-cart .widget__head { position: relative; padding: 48px 0 30px; border-bottom: 1px solid #000; text-align: center; } @media (max-width: 767px) { .widget-cart .widget__head { padding: 30px 0 20px; } } .widget-cart .widget__head .btn-close-primary { position: absolute; top: 21px; right: -5px; } @media (max-width: 767px) { .widget-cart .widget__head .btn-close-primary { top: 9px; } } .widget-cart .widget__body { overflow-y: auto; overflow-x: hidden; min-height: 176px; position: relative; } @media (max-width: 767px) { .widget-cart .widget__body { min-height: 155px; } } .widget-cart .widget__foot { position: relative; } .widget-cart .widget__foot .gift-note { border-top: 1px solid #d3d3d3; } .widget-cart .widget__foot .cart-total { padding: 17px 0 20px; border-top: 1px solid #000; } @media (max-width: 767px) { .widget-cart .widget__foot .cart-total { padding: 10px 0; } } .widget-cart .widget__empty { padding: 76px 0 30px; } @media (max-width: 767px) { .widget-cart .widget__empty { padding-top: 50px; text-align: center; } } .widget-cart .widget__entry { margin-bottom: 7px; } .widget-cart .widget__entry:last-child { margin-bottom: 0; } .widget-cart .widget__entry--small { margin-bottom: 34px; color: #9b9b9b; } .widget-cart .widget__entry--small:last-child { margin-bottom: 0; } .widget-cart.expanded { opacity: 1; visibility: visible; pointer-events: auto; } .widget-cart.expanded .widget__container { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media (max-width: 767px) { .widget-cart.expanded .widget__container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .table-cart { position: relative; } .table-cart .widget__body-mask { background-size: 5%; } .widget__body-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-image: url(//www.lenox.com/cdn/shop/t/1296/assets/loadloop.gif?v=90593283837648741671750704920); background-position: center; background-repeat: no-repeat; background-size: 10%; background-color: rgba(0, 0, 0, 0.01); } /* ------------------------------------------------------------ *\ Cart Item \* ------------------------------------------------------------ */ .cart-item { padding: 17px 0 19px; border-top: 1px solid #d3d3d3; text-align: left; } .cart-item:first-child { border-top-color: transparent; } .cart-item.alt { padding: 2px 0 23px; border-top-color: transparent; margin-top: -15px; } .cart-item.alt .cart-item__image { max-height: 0; } .cart-item.alt .cart-item__content { min-height: 0; } .cart-item.alt .cart-item__remove-link { top: -23px; } .cart-item.added .cart-item__gift-text { display: block; } .cart-item .cart-item__body { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .cart-item .cart-item__remove { position: absolute; top: -3px; right: 1px; } .cart-item .cart-item__remove-link { position: absolute; top: -37px; right: 4px; } .cart-item .cart-item__image { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; position: relative; overflow: hidden; height: 80px; margin-right: 17px; } @media (max-width: 767px) { .cart-item .cart-item__image { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; height: 60px; } } .cart-item .cart-item__image a { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .cart-item .cart-item__image figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; } .cart-item .cart-item__image figure:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .cart-item .cart-item__image figure img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .cart-item .cart-item__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 97px; padding-right: 25px; } .cart-item .cart-item__content .link-add { margin-top: 6px; } .cart-item .cart-item__content-image { max-width: 21px; margin-bottom: 19px; } .cart-item .cart-item__content-image:last-child { margin-bottom: 0; } .cart-item .cart-item__title { margin-bottom: 11px; line-height: 1.33; } .cart-item .cart-item__entry p { margin-bottom: 0; } .cart-item .cart-item__entry p small { font-size: 100%; text-transform: uppercase; } .cart-item .cart-item__entry + .cart-item__bar { margin-top: 5px; } .cart-item .cart-item__entry--blue { color: #6d7278; } .cart-item .cart-item__bar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 4px 6px 0 0; margin: 0 -25px 15px 0; } .cart-item .cart-item__bar:last-child { margin-bottom: 0; } .cart-item .cart-item__bar:first-child { padding-top: 0; } .cart-item .cart-item__price { margin-left: auto; } .cart-item .cart-item__gift-text { display: none; margin-top: 10px; } /* ------------------------------------------------------------ *\ Cart Total \* ------------------------------------------------------------ */ .cart-total .cart-total__bar { margin-bottom: 19px; font-size: 12px; line-height: 1.42; color: #6d7278; } .cart-total .cart-total__bar:last-child { margin-bottom: 0; } @media (max-width: 767px) { .cart-total .cart-total__bar { margin-bottom: 12px; } } .cart-total .cart-total__content { padding-right: 7px; margin-bottom: 16px; } .cart-total .cart-total__content:last-child { margin-bottom: 0; } .cart-total .cart-total__actions .btn { margin-bottom: 24px; } .cart-total .cart-total__actions .btn:last-child { margin-bottom: 0; } @media (max-width: 767px) { .cart-total .cart-total__actions .btn { margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Shipping \* ------------------------------------------------------------ */ .shipping { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -90px; } @media (max-width: 1023px) { .shipping { margin: 0 -10px; } } @media (max-width: 767px) { .shipping { display: block; margin: 0; } } .shipping .shipping__col { -webkit-box-flex: 0; -ms-flex: 0 0 240px; flex: 0 0 240px; max-width: 240px; margin-right: 90px; } @media (max-width: 1023px) { .shipping .shipping__col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 10px; margin-right: 0; } } @media (max-width: 767px) { .shipping .shipping__col { max-width: none; padding: 0; } } @media (max-width: 767px) { .shipping .shipping__col ~ .shipping__col .shipping__title { margin-top: 37px; } } .shipping .shipping__title { margin-bottom: 16px; font-size: 20px; font-weight: normal; } @media (max-width: 1023px) { .shipping .shipping__title { font-size: 18px; } } @media (max-width: 767px) { .shipping .shipping__title { margin-bottom: 9px; font-size: 12px; } } .shipping .shipping__form { padding-top: 5px; } .shipping .shipping__row { margin-bottom: 10px; } .shipping .shipping__row:last-child { margin-bottom: 0; } .shipping .shipping__row label { display: none; } .shipping .shipping__row input:not([type='button']):not([type='submit']), .shipping .shipping__row select { display: block; width: 100%; height: 30px; padding: 0 8px; border: 1px solid #000; border-radius: 0; background: none; font-size: 13px; letter-spacing: 1.5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .shipping .shipping__row select { padding-right: 40px; cursor: pointer; } .shipping .shipping__row select::-ms-expand { display: none; } .shipping .shipping__row input:not([type='button']):not([type='submit']) { background: rgba(216, 216, 216, 0.5); } .shipping .shipping__row--select { position: relative; } .shipping .shipping__row--select:after { position: absolute; top: 13px; right: 20px; pointer-events: none; content: ''; width: 7px; height: 7px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: currentColor; margin: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 767px) { .shipping .shipping__row--select:after { right: 17px; } } .shipping ul { padding-right: 16px; margin-left: 0; list-style: none outside none; } @media (max-width: 767px) { .shipping ul { padding-top: 9px; padding-right: 0; } } .shipping ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; line-height: 1.67; } .shipping ul li:last-child { margin-bottom: 0; } @media (max-width: 767px) { .shipping ul li { margin-bottom: 15px; } } .shipping ul span { min-width: 48px; } @media (max-width: 767px) { .shipping ul span { min-width: 0; } } .shipping .shipping__response { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 767px) { .shipping .shipping__response { font-size: 12px; } } .shipping .shipping__response .shipping__response-inner[style] ~ .shipping__title { display: block; } .shipping .shipping__response .shipping__title { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; display: none; } @media (max-width: 1023px) { .shipping .btn { display: block; width: 100%; } } /* ------------------------------------------------------------ *\ Wishlist Btn \* ------------------------------------------------------------ */ .wishlist-btn { font-size: 0; /* Product page */ /* Collection page */ /* Wishlist Page */ } .wishlist-btn button.wk-button-product { margin: 0 !important; color: #1c1e1d; } .wishlist-btn button.wk-button-product .wk-icon { top: 0; display: block; width: 24px; height: 22px; margin: 0; } .wishlist-btn button.wk-button-product .wk-icon svg path { fill: currentColor; stroke: currentColor; } .wishlist-btn button.wk-button-product .wk-label { display: none; } .wishlist-btn button.wk-button-collection { width: auto; height: auto; color: #1c1e1d; } .wishlist-btn > button.wk-button-collection.wk-add-product { opacity: 1; } .wishlist-btn button.wk-button-collection .wk-icon { display: block; width: 24px; height: 22px; } .wishlist-btn button.wk-button-collection .wk-icon svg path { fill: currentColor; stroke: currentColor; } .wishlist-btn button.wk-button-wishlist-page { position: static; display: block; width: auto; height: auto; color: #1c1e1d; } .wishlist-btn button.wk-button-wishlist-page.wk-with-hover { opacity: 1; } .wishlist-btn button.wk-button-wishlist-page .wk-icon { display: block; width: 24px; height: 22px; } @media (max-width: 767px) { .wishlist-btn button.wk-button-wishlist-page .wk-icon { width: 16px; height: 15px; } } .wishlist-btn button.wk-button-wishlist-page .wk-icon svg path { fill: currentColor; stroke: currentColor; } /* ------------------------------------------------------------ *\ Wishlist Link \* ------------------------------------------------------------ */ .wishlist-link { font-size: 0; } .wishlist-link a.wk-link .wk-icon { position: relative; display: block; width: 24px; height: 23px; margin: 0; } .wishlist-link a.wk-link .wk-icon svg path { fill: currentColor; stroke: currentColor; stroke-width: 4px; } .wishlist-link a.wk-link:hover .wk-icon svg path { fill: currentColor; stroke: currentColor; } .wishlist-link .wk-count, .wishlist-link .wk-label { display: none; } /* ------------------------------------------------------------ *\ Wishlist \* ------------------------------------------------------------ */ .wishlist p.wk-login-note { display: none; } .wishlist .wishlist__share { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1023px) { .wishlist .wishlist__share { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 40px; } } @media (max-width: 767px) { .wishlist .wishlist__share { display: block; margin-bottom: 51px; text-align: center; } } .wishlist .wishlist__share > span { position: relative; top: -1px; } @media (max-width: 767px) { .wishlist .wishlist__share > span { top: 0; display: block; margin-bottom: 6px; font-size: 12px; } } .wishlist .wishlist__share ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; list-style: none outside none; } @media (max-width: 767px) { .wishlist .wishlist__share ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -12px; } } .wishlist .wishlist__share li { margin-left: 25px; } @media (max-width: 767px) { .wishlist .wishlist__share li { margin: 0 12px; } } .wishlist .wishlist__share .resp-sharing-button__link { font-size: 20px; color: inherit; } .wishlist .wishlist__share .resp-sharing-button__link:hover { color: #276678; } .wishlist .wishlist__share i { vertical-align: middle; } .wishlist .wishlist__share .fa-pinterest { font-size: 24px; } .wishlist .wishlist__share .fa-facebook { font-size: 21px; } .wishlist .wishlist__share .fa-envelope-o { font-size: 22px; } .wishlist .wishlist__share .resp-sharing-button--link, .wishlist .wishlist__share .resp-sharing-button--whatsapp, .wishlist .wishlist__share .resp-sharing-button--twitter, .wishlist .wishlist__share .resp-sharing-button--pinterest, .wishlist .wishlist__share .resp-sharing-button--facebook, .wishlist .wishlist__share .resp-sharing-button--email { background: none; } .wishlist .wishlist__share .resp-sharing-button__icon--solid { fill: currentColor; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk .wishlist .wishlist__share .resp-sharing-button__link:hover { color: #707070; } /* ------------------------------------------------------------ *\ Template Product \* ------------------------------------------------------------ */ .template-product-html, .template-product { overflow-x: hidden !important; } /* ------------------------------------------------------------ *\ Template Customer \* ------------------------------------------------------------ */ .template-customer--account .nav-block ul ul li, .template-customer--addresses .nav-block ul ul li { border-bottom-color: #9b9b9b; } /* ------------------------------------------------------------ *\ Template Collection / Template Search \* ------------------------------------------------------------ */ .template-search.loaded .loader, .template-collection.loaded .loader { opacity: 0; visibility: hidden; } .template-search .loader, .template-collection .loader { opacity: 1; visibility: visible; } /* ------------------------------------------------------------ *\ Dansk \* ------------------------------------------------------------ */ .html-dansk { /* ------------------------------------------------------------ *\ Template Index \* ------------------------------------------------------------ */ } @media (max-width: 767px) { .html-dansk .template-index .wrapper { padding-top: 130px; } } @media (max-width: 767px) { .html-dansk .template-index .wrapper.no-bar { padding-top: 95px; } } @media (max-width: 767px) { .html-dansk .template-index .bar .bar__aside { display: block; } } @media (max-width: 767px) { .html-reed .template-index .wrapper { padding-top: 130px; } } @media (max-width: 767px) { .html-reed .template-index .wrapper.no-bar { padding-top: 95px; } } .template-page table.dynamic-shipping-rates { max-width: 300px; } .template-page table.dynamic-shipping-rates td[colspan] { padding-top: 20px; } .template-page table.dynamic-shipping-rates tr:first-child td[colspan] { padding-top: 0px; } .section-product .section__content.pz-show > * { display: none; } .section-product .section__content.pz-show > .section__form { display: block; height: 100%; } .section-product .section__content.pz-show > .section__form form { height: 100%; } .section-product .section__content.pz-show > .section__form form > div { display: none; } .section-product .section__content.pz-show > .section__form form > div.personalize-vue { display: block; height: 100%; } .section-product .section__content.pz-show > .section__form form > div.personalize-vue .personalize-wrapper { display: none; } .personalize-vue { border: 1px solid #d8d8d8; padding: 20px 25px; margin-bottom: 20px; } .personalize-wrapper-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .personalize-wrapper-header h3 { font-size: 18px; } .personalize-wrapper-header span { color: #707070; font-size: 13px; font-family: "Ivy Journal", serif; } .personalize-wrapper-options ul { margin-left: 0; list-style: none; margin-top: 15px; } .personalize-wrapper-options ul li { margin-top: 7px; margin-left: 5px; } .personalize-wrapper-options ul li span { color: #5a808b; font-weight: 500; text-transform: uppercase; font-size: 12px; margin-left: 12px; } .personalize-wrapper-options ul li input { width: 18px; height: 18px; -webkit-appearance: none; position: relative; cursor: pointer; background-color: #fff; border: 1px solid #d8d8d8; position: relative; margin-right: 10px; vertical-align: -4px; border-radius: 50%; } .personalize-wrapper-options ul li input:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; opacity: 0; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px; background-color: #003c4d; border-radius: 50%; } .personalize-wrapper-options ul li input:checked:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .personalize-wrapper-selections { font-size: 14px; line-height: 1.5; padding-bottom: 15px; } .personalize-wrapper-selections ul { margin-left: 0; list-style: none; padding: 8px 0 3px 0; } .personalize-wrapper-selections ul li { font-weight: 500; line-height: 1.8; } .personalize-wrapper-confirmed { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; } .personalize-wrapper-confirmed input { width: 18px; height: 18px; -webkit-appearance: none; position: relative; cursor: pointer; background-color: #fff; border: 1px solid #cba052; position: relative; margin-right: 10px; } .personalize-wrapper-confirmed input:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; opacity: 0; width: 10px; height: 8px; margin-left: -5px; margin-top: -4px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.3' height='8' viewBox='8.9 0.3 10.3 8' enable-background='new 8.9 0.3 10.3 8'%3E%3Cpath fill='%23CBA052' d='M12.6 8.1l-3.7-3.8 1-1.1 2.7 2.7 5.5-5.4 1 1z'/%3E%3C/svg%3E"); } .personalize-wrapper-confirmed input:checked:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .personalize-wrapper-confirmed label { color: #cba052; font-size: 12px; font-weight: 500; max-width: 80%; line-height: 1.4; } .personalize__form { display: none; padding-top: 0px; } .personalize__form.active { display: block; position: relative; } .personalize__form.has-no-pz { padding-top: 40px; } .personalize__form .btn-close { width: 14px; height: 14px; position: absolute; top: 0px; right: 0px; } .personalize__form .btn-close i { max-width: 100%; max-height: 100%; } .personalize__form--header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .personalize__form--header.personalize__form--header-cart_row { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; margin-bottom: 7px; } .personalize__form--header.personalize__form--header-cart_row > span { margin-left: 20px; } .personalize__form--header > div { display: -webkit-box; display: -ms-flexbox; display: flex; color: #cba052; text-transform: uppercase; } .personalize__form--header > div span { line-height: 23px; font-size: 12px; font-weight: 500; } .personalize__form--header > div span:first-child { border-radius: 50%; background-color: #cba052; color: #fff; width: 23px; height: 23px; text-align: center; } .personalize__form--header > div span:last-child { padding-left: 10px; } .personalize__form--header > div h3 { font-size: 18px; text-transform: none; padding-left: 10px; } .personalize__form--header > span { color: #707070; font-size: 13px; font-family: "Ivy Journal", serif; } .personalize__form > h3 { font-size: 22px; line-height: 1.5; padding-top: 10px; margin-bottom: 0; } .personalize__form > button.pz--save[disabled] { background-color: #d3d3d3; border: 2px solid #d3d3d3; } .personalize__form--body { border-top: 1px solid #d8d8d8; margin-top: 25px; margin-bottom: 30px; } .personalize__form--row { border-bottom: 1px solid #d8d8d8; } .personalize__form--row .row__header > a { font-weight: 400; font-size: 16px; position: relative; padding: 18px 20px; display: block; cursor: pointer; text-decoration: none; color: #1c1e1d; } .personalize__form--row .row__header > a:after { position: absolute; top: 50%; right: 25px; content: ''; width: 10px; height: 10px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: #1c1e1d; margin: -10px 0 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .personalize__form--row .row__lines { display: none; } .personalize__form--row .row__lines ul { list-style: none; margin: 0; padding: 2px 38px 23px; } .personalize__form--row .row__lines ul > .instruction { color: #979797; font-size: 12px; line-height: 1.25; padding: 0; padding-bottom: 15px; word-break: break-all; } .personalize__form--row .row__lines ul.choice--block { display: -ms-grid; display: grid; -ms-grid-columns: (32%)[auto-fill]; grid-template-columns: repeat(auto-fill, 32%); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .personalize__form--row .row__lines ul.choice--block li { padding-top: 100%; } .personalize__form--row .row__lines ul.choice--block li:last-child { margin-bottom: 10px; } .personalize__form--row .row__lines ul.choice--block li label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; left: 0; top: 0; height: 100%; } .personalize__form--row .row__lines ul.choice--block li label.choice-font { background-repeat: no-repeat; background-size: 85%; background-position: 50% 25%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; line-height: initial; padding-bottom: 5px; } @media (max-width: 1199px) { .personalize__form--row .row__lines ul.choice--block li label.choice-font { background-position: 50% 15%; line-height: 1; } } @media (max-width: 1023px) { .personalize__form--row .row__lines ul.choice--block li label.choice-font { background-position: 50% 8%; } } @media (max-width: 767px) { .personalize__form--row .row__lines ul.choice--block li label.choice-font { background-position: 50% 20%; padding-bottom: 10px; } } @media (max-width: 480px) { .personalize__form--row .row__lines ul.choice--block li label.choice-font { background-position: 50% 8%; padding-bottom: 7px; } } .personalize__form--row .row__lines ul.choice--block li label.choice-font[style*="modern_monogram"] { background-size: 40% !important; } @media (max-width: 480px) { .personalize__form--row .row__lines ul.choice--block li label.choice-font[style*="modern_monogram"] { background-size: 35% !important; } } .personalize__form--row .row__lines li { margin-bottom: 10px; position: relative; } .personalize__form--row .row__lines li:last-child { margin-bottom: 0; } .personalize__form--row .row__lines li > input[type="radio"] { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.011; } .personalize__form--row .row__lines li > label { display: block; text-align: center; background-color: #fff; border: 1px solid #979797; color: #707070; font-size: 12px; padding: 12px 0; } .personalize__form--row .row__lines li input[type="radio"]:checked + label { border: 2px solid #000; color: #000; } .personalize__form--row .row__lines li > input[type="text"] { border: 1px solid #d8d8d8; width: 100%; max-width: none; margin-bottom: 0; padding: 14px 40px 14px 20px; font-weight: 400; font-size: 18px; line-height: normal; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .personalize__form--row .row__lines li > input[type="text"].upper { text-transform: uppercase; } .personalize__form--row .row__lines li input[type="text"] + span { position: absolute; top: 13px; right: 15px; color: #979797; } .personalize__form--row .row__lines li p { display: none; color: #ff3c3c; } .personalize__form--row .row__lines li p.active { display: block; } .personalize__form--row.extended { background-color: #fafafa; } .personalize__form--row.extended .row__header > a:after { top: calc(50% + 6px); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .personalize__form--row.extended .row__lines { display: block; } /* ------------------------------------------------------------ *\ Title Badge \* ------------------------------------------------------------ */ .title-badge { display: block; font-size: 12px; font-weight: 600; line-height: 1.42; } @media (max-width: 767px) { .title-badge { font-size: 10px; } } /* Title Badge Blue */ .title-badge--blue { color: #5a808b; } /* Title Badge Lightblue */ .title-badge--lightblue { color: #6d7278; } /* Title Badge Red */ .title-badge--red { color: #ff3c3c; } /* Title Badge Up */ .title-badge--up { text-transform: uppercase; } /* Title Badge Small */ .title-badge--small { font-size: 11px; } @media (max-width: 767px) { .title-badge--small { font-size: 10px; } } /* Title Badge Mobile Medium */ @media (max-width: 767px) { .title-badge--mobile-medium { font-size: 11px; } } /* ------------------------------------------------------------ *\ Address \* ------------------------------------------------------------ */ .address .address__view { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .address .address__view { display: block; } } .address .address__head { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .address .address__details { padding-left: 8px; } @media (max-width: 767px) { .address .address__details { padding-left: 0; } } .address .address__details p { margin-bottom: 0; } .address .address__details strong { font-weight: 500; } .address .address__actions { -webkit-box-flex: 0; -ms-flex: 0 0 229px; flex: 0 0 229px; padding-top: 4px; margin-left: 20px; } @media (max-width: 1199px) { .address .address__actions { -webkit-box-flex: 0; -ms-flex: 0 0 210px; flex: 0 0 210px; } } @media (max-width: 1023px) { .address .address__actions { -webkit-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; } } @media (max-width: 767px) { .address .address__actions { padding-top: 0; margin: 28px 0 0; } } .address .address__actions ul { margin-left: 0; list-style: none outside none; } .address .address__actions li { margin-bottom: 10px; } .address .address__actions li:last-child { margin-bottom: 0; } /* ------------------------------------------------------------ *\ Collection Item \* ------------------------------------------------------------ */ .collection-item { margin-bottom: 40px; text-align: center; } .collection-item .collection-item__image { position: relative; max-width: 250px; margin: 0 auto 15px; } .collection-item .collection-item__image a { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .collection-item .collection-item__image a:hover ~ span { opacity: 0.8; } .collection-item .collection-item__image span { display: block; padding-top: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } /* ------------------------------------------------------------ *\ Collection Items \* ------------------------------------------------------------ */ .collection-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } @media (max-width: 767px) { .collection-items { display: block; margin: 0; } } .collection-items:last-child { margin-bottom: -40px; } .collection-items .collection-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 10px; } @media (max-width: 1023px) { .collection-items .collection-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (max-width: 767px) { .collection-items .collection-item { max-width: none; padding: 0; } } /* ------------------------------------------------------------ *\ Item Block \* ------------------------------------------------------------ */ .item-block .item-block__image { position: relative; width: 225px; height: 225px; margin: 0 auto 24px; } .item-block .item-block__image:last-child { margin-bottom: 0; } @media (max-width: 767px) { .item-block .item-block__image { width: 145px; height: 145px; } } .item-block .item-block__image figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; } .item-block .item-block__image figure:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .item-block .item-block__image figure img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .item-block .item-block__subtitle { display: block; margin-bottom: 10px; font-size: 45px; font-weight: normal; line-height: 1; color: #cba052; } .item-block .item-block__subtitle:last-child { margin-bottom: 0; } @media (max-width: 767px) { .item-block .item-block__subtitle { margin-bottom: 15px; font-size: 24px; } } .item-block .item-block__title { margin-bottom: 10px; font-size: 22px; font-weight: normal; text-transform: uppercase; } .item-block .item-block__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .item-block .item-block__title { margin-bottom: 14px; font-size: 16px; } } .item-block .item-block__entry { color: #6d7278; } @media (max-width: 767px) { .item-block .item-block__entry { line-height: 1.75; } } /* ------------------------------------------------------------ *\ Gift Note \* ------------------------------------------------------------ */ .gift-note .gift-note__head { margin-bottom: 4px; } .gift-note .gift-note__title { display: block; } .gift-note .gift-note__row { margin-bottom: 10px; } .gift-note .gift-note__notice { display: block; font-size: 12px; color: #6d7278; } /* Gift Note Cart */ .gift-note--cart .gift-note__notice { padding-left: 3px; } @media (max-width: 767px) { .gift-note--cart .gift-note__notice { padding-left: 0; } } /* Gift Note Widget */ .gift-note--widget { padding-bottom: 8px; } .gift-note--widget .expanded .gift-note__head:after { opacity: 0; } .gift-note--widget .gift-note__head { position: relative; padding: 16px 0 8px; margin-bottom: 0; } .gift-note--widget .gift-note__head.js-accordion-head { cursor: pointer; } .gift-note--widget .gift-note__head.js-accordion-head > * { pointer-events: none; } .gift-note--widget .gift-note__head.js-accordion-head:before, .gift-note--widget .gift-note__head.js-accordion-head:after { position: absolute; background: currentColor; pointer-events: none; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; content: ''; } .gift-note--widget .gift-note__head.js-accordion-head:before { top: 27px; right: 11px; width: 9px; height: 1px; } .gift-note--widget .gift-note__head.js-accordion-head:after { top: 23px; right: 15px; width: 1px; height: 9px; } .gift-note--widget .gift-note__body { padding-bottom: 12px; } .gift-note--widget .gift-note__body.js-accordion-body { display: none; } /* ------------------------------------------------------------ *\ Checkout \* ------------------------------------------------------------ */ .template-checkout-html { height: auto; } .template-checkout { height: auto; } .template-checkout .nav-utilities__cart span, .template-checkout .nav-utilities__search > a:not(.nav-utilities__search-link), .template-checkout .nav-utilities .wishlist-link { display: none; } .template-checkout .nav-utilities__search-link, .template-checkout .nav-utilities__wishlist-link { display: block; } /* ------------------------------------------------------------ *\ Wrapper Checkout \* ------------------------------------------------------------ */ .wrapper-checkout { position: relative; overflow: hidden; min-height: 100vh; background: #fafafa; } @media (max-width: 767px) { .wrapper-checkout { padding-top: 55px; } } @media (max-width: 767px) { .wrapper-checkout .header .bar { display: none; } } .wrapper-checkout.animated-in { opacity: 1 !important; } /* ------------------------------------------------------------ *\ Breadcrumbs \* ------------------------------------------------------------ */ .page--logo-main .breadcrumb { margin: 0; } .breadcrumb { color: #707070; font-size: 0; font-weight: 400; } .breadcrumb__item { font-size: 12px; } .breadcrumb__item:last-child:after { display: none; } .breadcrumb__item:after { padding: 0 3px; content: '/'; } .breadcrumb__item--current { color: #1c1e1d; } .breadcrumb__item--current:after { color: #707070; } .breadcrumb__link { text-decoration: none; } .breadcrumb__chevron-icon { display: none; } /* ------------------------------------------------------------ *\ Fields \* ------------------------------------------------------------ */ .section-checkout .content-box__emphasis { font-weight: inherit; color: inherit; } .section-checkout .fieldset { margin: 0 -8px; } .section-checkout .field { padding: 0 8px; border: none; } @media (max-width: 767px) { .section-checkout .field { margin-bottom: 10px; } } .section-checkout .field--error .field__input { border-bottom-color: #ff3c3c; -webkit-box-shadow: none; box-shadow: none; } .section-checkout .field--error .field__message--error { display: none; } .section-checkout .field--error #error-for-reduction_code { display: block; } .section-checkout .field__input { height: 50px; padding-left: 0; padding-right: 0; border: none; border-bottom: 1px solid #1c1e1d; border-radius: 0; font-size: 15px; } @media (max-width: 767px) { .section-checkout .field__input { height: 40px; padding: 13px 0; font-size: 12px; } } @media (max-width: 767px) { .section-checkout .field__input--iframe-container { height: 45px; padding: 0; } } .section-checkout .checkbox__label { font-size: 12px; color: #6d7278; } @media (max-width: 767px) { .section-checkout .checkbox__label { font-size: 11px; } } .section-checkout .checkbox__input { padding-right: 10px; } @media (max-width: 767px) { .section-checkout .checkbox__input { padding-top: 5px; padding-bottom: 5px; font-size: 0; } } .section-checkout .fieldset-description { margin-top: 8px; } .section-checkout .input-checkbox { width: 16px; height: 16px; border: 1px solid #d3d3d3; background: #fff; } .section-checkout .input-checkbox:after { display: none; } .section-checkout .input-checkbox:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 12px; line-height: 14px; color: #1c1e1d; text-align: center; opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; content: '\2713'; } .section-checkout .input-checkbox:checked { -webkit-box-shadow: none; box-shadow: none; } .section-checkout .input-checkbox:checked:before { opacity: 1; } .section-checkout .input-checkbox:focus { border-color: #d3d3d3; -webkit-box-shadow: none; box-shadow: none; outline: none; } .section-checkout .input-radio { position: relative; width: 16px; height: 16px; border: 1px solid #c4cdd5; } .section-checkout .input-radio:after { display: none; } .section-checkout .input-radio:before { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; border-radius: 50%; background: #1c1e1d; opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; content: ''; } .section-checkout .input-radio:checked { -webkit-box-shadow: none; box-shadow: none; } .section-checkout .input-radio:checked:before { opacity: 1; } .section-checkout .input-radio:focus { border: 1px solid #c4cdd5; } @media (max-width: 767px) { .section-checkout .radio__label { font-size: 12px; } } .section-checkout .field__input-wrapper--select { position: relative; } .section-checkout .field__input-wrapper--select:before { position: absolute; top: 50%; right: 14px; pointer-events: none; content: ''; width: 8px; height: 8px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; margin: -5px 0 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 767px) { .section-checkout .field__input-wrapper--select:before { right: 6px; margin-top: -11px; } } .section-checkout .field__input-wrapper--select:after { position: absolute; top: 9px; bottom: 9px; right: 35px; border-left: 1px solid #f0f0f0; pointer-events: none; content: ''; } @media (max-width: 767px) { .section-checkout .field__input-wrapper--select:after { top: 2px; bottom: 2px; right: 28px; } } .section-checkout .field__input-wrapper--select .field__caret { display: none; } .section-checkout .field__input-wrapper--select select { padding-right: 40px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } .section-checkout .field__input-wrapper--select select::-ms-expand { display: none; } .section-checkout #phone_tooltip { display: none; } .floating-labels .field__label { padding-left: 0; padding-right: 0; margin-left: 0; color: #6d7278; } @media (max-width: 767px) { .floating-labels .field__label { margin-top: 0; } } .field__input:focus, .field__input-wrapper--flag-focus .field__input { outline: none; -webkit-box-shadow: none; box-shadow: none; } /* ------------------------------------------------------------ *\ Section Checkout \* ------------------------------------------------------------ */ @media (max-width: 999px) { .section-checkout .container { padding: 0 20px; } } .section-checkout .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 999px) { .section-checkout .section__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .section-checkout .section__text { margin-top: 1px; font-size: 12px; } @media (max-width: 767px) { .section-checkout .section__text { margin-top: 5px; font-size: 11px; } } .section-checkout .section__column { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 39px 120px 80px 0; } @media (max-width: 1199px) { .section-checkout .section__column { padding-right: 15px; } } @media (max-width: 999px) { .section-checkout .section__column { padding-right: 0; } } @media (max-width: 767px) { .section-checkout .section__column { padding-top: 12px; padding-bottom: 35px; } } .section-checkout .section__center { max-width: 589px; margin: 0 auto; } @media (max-width: 1199px) { .section-checkout .section__center { max-width: none; } } .section-checkout .section__aside { -webkit-box-flex: 0; -ms-flex: 0 0 456px; flex: 0 0 456px; position: relative; z-index: 1; max-width: 456px; padding: 15px 2px 80px 50px; background: #fff; } @media (max-width: 1199px) { .section-checkout .section__aside { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; max-width: 400px; padding-right: 0; padding-left: 15px; } } @media (max-width: 999px) { .section-checkout .section__aside { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; max-width: none; padding: 0; } } .section-checkout .section__aside:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100vw; height: 500vh; background: #fff; content: ''; } @media (max-width: 999px) { .section-checkout .section__aside:before { display: none; } } /* ------------------------------------------------------------ *\ Dynamic Checkout \* ------------------------------------------------------------ */ .dynamic-checkout__title::before, .dynamic-checkout__title::after, .dynamic-checkout__title { display: none; } .dynamic-checkout__content { padding: 0; border: none; } .alternative-payment-separator { margin-top: 32px; font-size: 11px; color: #6d7278; } @media (max-width: 767px) { .alternative-payment-separator { padding-bottom: 12px; margin-top: 18px; } } .alternative-payment-separator::after, .alternative-payment-separator::before { background-color: #d3d3d3; } /* ------------------------------------------------------------ *\ Sections \* ------------------------------------------------------------ */ .section-checkout .section { padding: 20px 0; } @media (max-width: 767px) { .section-checkout .section { padding: 10px 0; } } .section-checkout .section__header { margin-bottom: 17px; } @media (max-width: 767px) { .section-checkout .section__header { margin-bottom: 11px; } } .section-checkout .section__title { margin-bottom: 0; font-family: "Graphik", sans-serif; font-size: 20px; line-height: 1.6; color: #1c1e1d; text-transform: capitalize; } @media (max-width: 767px) { .section-checkout .section__title { font-size: 14px; } } .section-checkout .section > .section__content { padding: 8px 18px 8px; border: 1px solid #d3d3d3; background: #fff; } @media (max-width: 999px) { .section-checkout .section > .section__content { padding: 0; border: none; background: none; } } .layout-flex--loose-horizontal .layout-flex__item a { padding-left: 16px; } /* ------------------------------------------------------------ *\ Section Contact Information \* ------------------------------------------------------------ */ .section-checkout .section--contact-information > .section__content { padding-bottom: 26px; } @media (max-width: 767px) { .section-checkout .section--contact-information > .section__content { padding-bottom: 6px; } } @media (max-width: 767px) { .section-checkout .section--contact-information .section__title { margin-bottom: 4px; } } .section-checkout .section--contact-information .field { margin-bottom: 0; } @media (max-width: 767px) { .section-checkout .section--contact-information .layout-flex { display: block; margin: 0; } } @media (max-width: 767px) { .section-checkout .section--contact-information .layout-flex__item { padding: 0; } } @media (max-width: 767px) { .section-checkout .section--contact-information p.layout-flex__item { font-size: 12px; line-height: 2; } } /* ------------------------------------------------------------ *\ Section Shipping Address \* ------------------------------------------------------------ */ .section-checkout .section--shipping-address { padding-top: 15px; } @media (max-width: 767px) { .section-checkout .section--shipping-address .section__header { margin-bottom: 9px; } } .section-checkout .section--shipping-address > .section__content { padding-bottom: 15px; } @media (max-width: 767px) { .section-checkout .section--shipping-address > .section__content { padding-bottom: 0; } } .section-checkout .section--shipping-address .checkbox-wrapper { margin-top: 10px; } /* ------------------------------------------------------------ *\ Section Optional \* ------------------------------------------------------------ */ @media (max-width: 767px) { .section-checkout .section--optional { padding: 0; } } /* ------------------------------------------------------------ *\ Step Footer \* ------------------------------------------------------------ */ .step__footer { margin-top: 11px; } .anyflexbox .step__footer { display: block; } @media (max-width: 767px) { .anyflexbox .step__footer { text-align: center; } } .anyflexbox .step__footer .step__footer__continue-btn { float: none; padding-left: 40px; padding-right: 40px; margin-bottom: 37px; font-size: 14px; } @media (max-width: 767px) { .anyflexbox .step__footer .step__footer__continue-btn { display: block; width: 100%; margin-bottom: 27px; } } .anyflexbox .step__footer .step__footer__previous-link { position: relative; float: none; padding-left: 26px; font-size: 11px; color: #1c1e1d; text-decoration: none; } @media (max-width: 767px) { .anyflexbox .step__footer .step__footer__previous-link { display: inline-block; padding-top: 0; margin-right: 15px; } } .anyflexbox .step__footer .step__footer__previous-link:before { position: absolute; top: 5px; left: 7px; content: ''; width: 8px; height: 8px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: currentColor; margin: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 767px) { .anyflexbox .step__footer .step__footer__previous-link:before { width: 6px; height: 6px; } } .anyflexbox .step__footer .step__footer__previous-link svg { display: none; } /* ------------------------------------------------------------ *\ Products \* ------------------------------------------------------------ */ .section-checkout .product-table thead { display: none; } .section-checkout .product td, .section-checkout .product th { padding-top: 18px; padding-bottom: 27px; border-bottom: 1px solid #dcdcdc; vertical-align: top; } @media (max-width: 767px) { .section-checkout .product td, .section-checkout .product th { padding-top: 21px; padding-bottom: 20px; } } .section-checkout .product-thumbnail { width: 80px; height: 80px; } @media (max-width: 767px) { .section-checkout .product-thumbnail { width: 60px; height: 60px; } } .section-checkout .product-thumbnail::after { display: none; } .section-checkout .product-thumbnail__quantity { top: 0; right: 0; min-width: 0; width: 15px; height: 15px; padding: 0; border-radius: 50%; font-size: 12px; font-weight: 500; line-height: 15px; text-align: center; } @media (max-width: 767px) { .section-checkout .product-thumbnail__quantity { right: -9px; width: 12px; height: 12px; font-size: 10px; line-height: 12px; } } .section-checkout .product__quantity { display: none; } .section-checkout .product__description { padding-left: 13px; } @media (max-width: 767px) { .section-checkout .product__description { padding-left: 20px; } } .section-checkout .product__description__property, .section-checkout .product__description__variant { font-size: 11px; color: #6d7278; text-transform: uppercase; } .section-checkout .product__description__name { width: auto; font-size: 15px; font-weight: normal; line-height: 1.33; } @media (max-width: 767px) { .section-checkout .product__description__name { font-size: 11px; line-height: 1.55; } } .section-checkout .product__price { padding-top: 85px !important; font-family: "Ivy Journal", serif; line-height: 1; font-weight: 600; } @media (max-width: 767px) { .section-checkout .product__price { vertical-align: bottom !important; font-size: 13px; } } .section-checkout .product__price del { padding-right: 3px; font-size: 80%; } /* ------------------------------------------------------------ *\ Order Summary \* ------------------------------------------------------------ */ @media (max-width: 999px) { .section-checkout .order-summary { padding: 0 19px; border: 1px solid #d3d3d3; border-top: none; margin-left: -20px; margin-right: -20px; background: #fff; } } .section-checkout .order-summary .fieldset { margin: 0; } .section-checkout .order-summary .field { padding: 9px 9px 9px 18px; border: 1px solid #1c1e1d; } @media (max-width: 767px) { .section-checkout .order-summary .field { padding: 5px 5px 5px 9px; margin-bottom: 0; } } .section-checkout .order-summary .field__input { height: 40px; border: none; font-size: 12px; color: #9b9b9b; } @media (max-width: 767px) { .section-checkout .order-summary .field__input { font-size: 11px; } } .section-checkout .order-summary .field__input-btn { padding: 10px 28px; } @media (max-width: 767px) { .section-checkout .order-summary .field__input-btn { padding: 10px 24px; } } .section-checkout .order-summary .field__input-btn:disabled:hover { background: #1c1e1d; } @media (max-width: 767px) { .section-checkout .order-summary .field__input-btn .btn__content { position: static; width: auto; height: auto; margin: 0; } } .section-checkout .order-summary .field__input-btn .btn__icon.shown-on-mobile { display: none; } .section-checkout .order-summary .field--show-floating-label .field__label { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } @media (max-width: 767px) { .section-checkout .order-summary .field--show-floating-label .field__label { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .section-checkout .tags-list .tag { margin-top: 10px; } .section-checkout .tag { padding: 5px 6px 5px 10px; border: 1px solid #d3d3d3; border-radius: 5px; background: none; } .section-checkout .reduction-code__icon { display: none; } .section-checkout .reduction-code__text { font-size: 11px; color: #6d7278; } .section-checkout .order-summary__sections { height: auto; } .section-checkout .order-summary__emphasis { font-weight: inherit; } @media (max-width: 767px) { .section-checkout .order-summary__section { padding-top: 9px; padding-bottom: 20px; } } .section-checkout .order-summary__section--product-list::after { display: none; } .section-checkout .order-summary__section--product-list .product-table { margin: 0; } .section-checkout .order-summary__section--discount { padding-top: 32px; padding-bottom: 32px; } @media (max-width: 767px) { .section-checkout .order-summary__section--discount { padding-top: 0; padding-bottom: 0; } } .section-checkout .order-summary__section--total-lines { padding-top: 21px; } @media (max-width: 767px) { .section-checkout .order-summary__section--total-lines { padding-bottom: 12px; } } .section-checkout .total-line-table thead { display: none; } .section-checkout .total-line-table th, .section-checkout .total-line-table td { padding-top: 0; padding-bottom: 17px; vertical-align: middle; } @media (max-width: 767px) { .section-checkout .total-line-table th, .section-checkout .total-line-table td { padding-bottom: 6px; } } .section-checkout .payment-due-label__total, .section-checkout .total-line__name { font-size: 12px; text-transform: uppercase; letter-spacing: 0.8px; } @media (max-width: 767px) { .section-checkout .payment-due-label__total, .section-checkout .total-line__name { font-size: 11px; letter-spacing: 0; } } .section-checkout .payment-due__price, .section-checkout .total-line__price { font-family: "Ivy Journal", serif; line-height: 1; font-weight: 600; } @media (max-width: 767px) { .section-checkout .payment-due__price, .section-checkout .total-line__price { font-size: 13px; } } .section-checkout .payment-due__price del, .section-checkout .total-line__price del { padding-right: 3px; font-size: 80%; } .section-checkout .payment-due__price { font-size: 18px; } .section-checkout .total-line-table__tbody + .total-line-table__footer .total-line th, .section-checkout .total-line-table__tbody + .total-line-table__footer .total-line td { padding-top: 23px; border-top: 1px solid #dcdcdc; } @media (max-width: 767px) { .section-checkout .total-line-table__tbody + .total-line-table__footer .total-line th, .section-checkout .total-line-table__tbody + .total-line-table__footer .total-line td { padding-top: 32px; padding-right: 5px; } } .section-checkout .payment-due-label__total { font-size: 12px; } .section-checkout .payment-due__currency { display: none; } .section-checkout .order-summary__section--product-list + .order-summary__section { border-top: none; } @media (max-width: 767px) { .section-checkout .order-summary__section ~ .order-summary__section { border-top: none; } } /* ------------------------------------------------------------ *\ Content Box \* ------------------------------------------------------------ */ .display-table .content-box__row { display: block; } .section-checkout .content-box { border-radius: 0; color: inherit; border: 1px #d9d9d9 solid; } .section-checkout .content-box h2 { color: inherit; } .section-checkout .content-box__row { padding: 20px 15px 20px 10px; } @media (max-width: 767px) { .section-checkout .content-box__row { padding: 15px 9px 13px 9px; } } .section-checkout .content-box__row--tight-spacing-vertical { padding: 0; } .section-checkout .content-box__row--secondary { background: #fff; } .section-checkout .content-box .emphasis { color: inherit; } .section-checkout .section:first-child .content-box:first-of-type { margin-top: 23px; } @media (max-width: 767px) { .section-checkout .section:first-child .content-box:first-of-type { border: none; margin-top: -4px; background: none; } } .section-checkout .review-block { padding: 11px 18px 5px 10px; } @media (max-width: 767px) { .section-checkout .review-block { max-width: calc(100vw - 40px); padding: 11px 0; } } .section-checkout .review-block ~ .review-block { margin-top: 0; } .section-checkout .review-block__inner { display: block; min-width: 0; } .section-checkout .review-block__label { padding-right: 0; margin-bottom: 3px; font-size: 12px; color: #9b9b9b; } @media (max-width: 767px) { .section-checkout .review-block__label { padding-bottom: 0; margin-bottom: 1px; font-size: 11px; } } .section-checkout .review-block__content { padding-right: 0; } @media (max-width: 767px) { .section-checkout .review-block__content { font-size: 12px; } } .section-checkout .review-block__content .emphasis { font-weight: inherit; } .section-checkout .review-block__content * { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .section-checkout .review-block__link { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding-bottom: 8px; margin-left: 10px; font-size: 12px; color: #000; text-decoration: none; } @media (max-width: 767px) { .section-checkout .review-block__link { padding-bottom: 1px; } } .section-checkout .review-block__link a { text-decoration: none; } /* ------------------------------------------------------------ *\ Section Shipping Method \* ------------------------------------------------------------ */ .section-checkout .section--shipping-method { padding-top: 11px; } @media (max-width: 767px) { .section-checkout .section--shipping-method { padding-top: 18px; padding-bottom: 28px; } } .section-checkout .section--shipping-method .section__header { margin-bottom: 15px; } @media (max-width: 767px) { .section-checkout .section--shipping-method .section__header { margin-bottom: 8px; } } .section-checkout .section--shipping-method > .section__content { padding: 0; border: none; } /* ------------------------------------------------------------ *\ Section Payment Method \* ------------------------------------------------------------ */ .section-checkout .section--payment-method { padding-top: 11px; } @media (max-width: 767px) { .section-checkout .section--payment-method { padding-top: 22px; } } .section-checkout .section--payment-method .section__header { margin-bottom: 25px; } @media (max-width: 767px) { .section-checkout .section--payment-method .section__header { margin-bottom: 9px; } } .section-checkout .section--payment-method > .section__content { padding: 0; border: none; } .section-checkout .section--payment-method .field__label { padding: 0 0.91667em; } .section-checkout .section--payment-method [data-gateway-group='direct'], .section-checkout .section--payment-method [data-subfields-for-gateway].card-fields-container { display: none; } .section-checkout .section--payment-method .field__message--submarine-error { display: none; } .section-checkout .section--payment-method .field--submarine-error .field__message--submarine-error { color: #e32c2b; display: block; max-height: initial; margin-top: 0.57143em; } /* ------------------------------------------------------------ *\ Section Billing Address \* ------------------------------------------------------------ */ .section-checkout .section--billing-address { padding-top: 13px; } @media (max-width: 767px) { .section-checkout .section--billing-address { padding-top: 32px; padding-bottom: 28px; } } .section-checkout .section--billing-address .section__header { margin-bottom: 15px; } @media (max-width: 767px) { .section-checkout .section--billing-address .section__header { margin-bottom: 8px; } } .section-checkout .section--billing-address > .section__content { padding: 0; border: none; } .section-checkout .section--billing-address .content-box__row--secondary { padding-left: 18px; padding-right: 18px; } /* ------------------------------------------------------------ *\ Order Summary Toggle \* ------------------------------------------------------------ */ .display-table .order-summary-toggle__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .display-table .order-summary-toggle--show .order-summary-toggle__text--show, .display-table .order-summary-toggle--hide .order-summary-toggle__text--hide, .display-table .order-summary-toggle__icon-wrapper { display: block; } .order-summary-toggle { padding: 24px 0 22px; border-top-color: #d3d3d3; border-bottom-color: #d3d3d3; background: #fff; } .order-summary-toggle .wrap { max-width: none; padding: 0 21px 0 24px; } .order-summary-toggle--hide .order-summary-toggle__text span:before { opacity: 0; } .order-summary-toggle:hover .order-summary-toggle__text, .order-summary-toggle:focus .order-summary-toggle__text, .order-summary-toggle__text { color: inherit; } .order-summary-toggle__text { font-size: 12px; } .order-summary-toggle__text span { position: relative; display: inline-block; padding-right: 31px; } .order-summary-toggle__text span:before, .order-summary-toggle__text span:after { position: absolute; top: 50%; background: currentColor; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; content: ''; } .order-summary-toggle__text span:before { right: 5px; width: 1px; height: 9px; margin-top: -6px; } .order-summary-toggle__text span:after { right: 1px; width: 9px; height: 1px; margin-top: -2px; } .order-summary-toggle:hover .order-summary-toggle__icon, .order-summary-toggle:focus .order-summary-toggle__icon, .order-summary-toggle:hover .order-summary-toggle__dropdown, .order-summary-toggle:focus .order-summary-toggle__dropdown, .order-summary-toggle__icon, .order-summary-toggle__dropdown { fill: currentColor; } .order-summary-toggle__total-recap { font-family: "Ivy Journal", serif; font-size: 18px; font-weight: 600; } .order-summary-toggle__total-recap .total-recap__final-price { font-size: inherit; line-height: inherit; color: inherit; } .order-summary-toggle__icon-wrapper { position: relative; top: -2px; width: 12px; height: 15px; margin-right: 9px; background: url(//www.lenox.com/cdn/shop/t/1296/assets/icon-bag-retina.png?v=156516578205235560011750704920) no-repeat 0 0; background-size: 100% 100%; } .order-summary-toggle__dropdown, .order-summary-toggle__icon { display: none; } /* ------------------------------------------------------------ *\ Section Reducions \* ------------------------------------------------------------ */ .section-checkout .section--reductions.hidden-on-desktop { display: none; } /* ------------------------------------------------------------ *\ Thank You Page \* ------------------------------------------------------------ */ .section-checkout [data-step='thank-you'] .content-box, .section-checkout [data-step='thank-you'] .section > .section__content { padding: 0; border: none; background: none; } .section-checkout [data-step='thank-you'] .section:first-child { padding-top: 16px; padding-bottom: 3px; } @media (max-width: 767px) { .section-checkout [data-step='thank-you'] .section:first-child { padding-top: 18px; padding-bottom: 12px; } } .section-checkout [data-step='thank-you'] .content-box ~ .content-box { padding-top: 53px; border-top: 1px solid #d3d3d3; margin-top: 63px; } @media (max-width: 767px) { .section-checkout [data-step='thank-you'] .content-box ~ .content-box { padding-top: 35px; margin-top: 29px; } } .section-checkout [data-step='thank-you'] .content-box h2 { margin-bottom: 34px; font-family: "Graphik", sans-serif; font-size: 20px; font-weight: normal; } @media (max-width: 767px) { .section-checkout [data-step='thank-you'] .content-box h2 { margin-bottom: 26px; font-size: 14px; } } .section-checkout [data-step='thank-you'] .content-box h2.os-step__title { margin-bottom: 13px; } .section-checkout [data-step='thank-you'] .content-box__row { padding: 0; } .section-checkout [data-step='thank-you'] .section__content__column { font-size: 12px; line-height: 1.42; } @media (max-width: 767px) { .section-checkout [data-step='thank-you'] .section__content__column { line-height: 2; } } .section-checkout [data-step='thank-you'] .section__content__column h3 { margin-top: 0; margin-bottom: 3px; font-family: "Graphik", sans-serif; font-size: 15px; } @media (max-width: 767px) { .section-checkout [data-step='thank-you'] .section__content__column h3 { margin-bottom: 13px; } } .section-checkout [data-step='thank-you'] .section__content__column h3:not(:first-child) { margin-top: 40px; } @media (max-width: 767px) { .section-checkout [data-step='thank-you'] .section__content__column h3:not(:first-child) { margin-top: 24px; } } .section-checkout [data-step='thank-you'] .section__content__column > *:not(h3) { opacity: 0.5; line-height: inherit; } .section-checkout [data-step='thank-you'] .section__content__column ul { margin: 0; list-style: none outside none; } .section-checkout [data-step='thank-you'] .section__content__column .address { line-height: inherit; } .section-checkout [data-step='thank-you'] .section__content__column--half { width: 41%; } @media (max-width: 767px) { .section-checkout [data-step='thank-you'] .section__content__column--half { width: auto; } } .section-checkout .os-order-number, .section-checkout .os-header__hanging-icon { display: none; } .section-checkout .os-header { margin-bottom: 0; } @media (max-width: 767px) { .section-checkout .os-header { text-align: center; } } .section-checkout .os-header__title { font-size: 45px; } @media (max-width: 767px) { .section-checkout .os-header__title { font-size: 28px; line-height: 1.15; } } .section-checkout .os-step__title { margin: 0 0 13px; font-family: "Graphik", sans-serif; font-size: 20px; } @media (max-width: 767px) { .section-checkout .os-step__title { text-align: center; } } @media (max-width: 767px) { .section-checkout .os-step__description { font-size: 12px; line-height: 2; text-align: center; } } .section-checkout .step__footer__info { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; float: none; max-width: 342px; padding-bottom: 20px; margin: 75px 0 0; font-size: 11px; text-align: center; } @media (max-width: 999px) { .section-checkout .step__footer__info { max-width: none; } } @media (max-width: 767px) { .section-checkout .step__footer__info { margin-top: 15px; } } .section-checkout .step__footer__info svg { display: none; } .main-checkout [data-alternative-payments] { display: none; } /* ------------------------------------------------------------ *\ Loader \* ------------------------------------------------------------ */ .loader { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: #f8f8f3; font-size: 0; opacity: 0; visibility: hidden; pointer-events: none; text-align: center; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .loader:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .loader:after { position: fixed; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; background: url(//www.lenox.com/cdn/shop/t/1296/assets/loadloop.gif?v=90593283837648741671750704920) no-repeat center center; background-size: 100% 100%; pointer-events: none; content: ''; } .loader .loader__image { display: none; width: 180px; height: 111px; font-size: 0; vertical-align: middle; } @media (max-width: 767px) { .loader .loader__image { width: 120px; height: 74px; } } .loader .loader__image:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .loader .loader__image img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } /* Loader Logo */ .loader--logo:after { display: none; } .loader--logo .loader__image { display: inline-block; } .section-category-landing { padding-top: 47px; } .section-category-landing .section--items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .section-category-landing .item--inner { position: relative; } .section-category-landing .item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-left: 10px; padding-right: 10px; margin-bottom: 40px; } .section-category-landing .item a { display: inline-block; text-decoration: none; } .section-category-landing .item a:hover, .section-category-landing .item a:focus { text-decoration: none; } .section-category-landing .item--image { width: 100%; } .section-category-landing .item--image img { width: 100%; } .section-category-landing .item--content { padding-top: 20px; } .section-category-landing .item.item--large { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .section-category-landing .item.item--large .item--inner { height: 100%; } .section-category-landing .item.item--large .item--image { position: absolute; height: calc(100% - 45px); overflow: hidden; } .section-category-landing .item.item--large .item--image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-category-landing .item.item--large .item--content { position: absolute; bottom: 0; left: 0; } @media (min-width: 1200px) and (max-width: 1320px) { .section-category-landing .section--items { margin: 0 -7px; } .section-category-landing .item { padding-left: 7px; padding-right: 7px; margin-bottom: 30px; } .section-category-landing .item--content { padding-top: 14px; } } @media (max-width: 1199px) { .section-category-landing .section--items { margin: 0 -7px; } .section-category-landing .item { padding-left: 7px; padding-right: 7px; margin-bottom: 20px; } .section-category-landing .item--content { padding-top: 10px; } } @media (max-width: 1023px) { .section-category-landing .section--items { margin: 0 -10px; } .section-category-landing .item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 40px; } .section-category-landing .item--content { padding-top: 20px; line-height: 1; } .section-category-landing .item.item--large { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .section-category-landing .item.item--large .item--inner { height: auto; } .section-category-landing .item.item--large .item--image { position: relative; height: auto; } .section-category-landing .item.item--large .item--content { position: relative; } } @media (max-width: 767px) { .section-category-landing { padding-top: 23px; } .section-category-landing .section__title { font-size: 26px; } .section-category-landing .item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .section-category-landing .item--content { padding-top: 15px; } } /* Modules - Dansk */ /* ------------------------------------------------------------ *\ Section Dansk \* ------------------------------------------------------------ */ .html-dansk { /* ------------------------------------------------------------ *\ Section Landing \* ------------------------------------------------------------ */ /* Section Landing Fluid */ /* ------------------------------------------------------------ *\ Section Scroll \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Section Collections \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Section About \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Section Brands \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Section Product \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Section Primary \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Section Secondary \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Section Reviews \* ------------------------------------------------------------ */ } @media (max-width: 767px) { .html-dansk .section-landing .section__content { padding-top: 24px; padding-bottom: 26px; } } .html-dansk .section-landing .section__content h2 { font-size: 45px; line-height: 1.33; } @media (max-width: 1023px) { .html-dansk .section-landing .section__content h2 { font-size: 36px; } } @media (max-width: 767px) { .html-dansk .section-landing .section__content h2 { margin-bottom: 14px; font-size: 28px; } } .html-dansk .section-landing .section__content p { line-height: 2.2; } @media (max-width: 767px) { .html-dansk .section-landing .section__content p { line-height: 1.83; } } .html-dansk .section-landing .section__content .section__actions { margin-top: 36px; } @media (max-width: 767px) { .html-dansk .section-landing .section__content .section__actions { margin-top: 33px; } } @media (max-width: 767px) { .html-dansk .section-landing--fluid .section__content { color: #222222 !important; } } @media (max-width: 767px) { .html-dansk .section-landing--fluid .section__content .btn { border-color: #222222; color: #222222; } } @media (max-width: 767px) { .html-dansk .section-landing--fluid .section__content .btn:not(:disabled):focus, .html-dansk .section-landing--fluid .section__content .btn:not(:disabled):hover { border-color: #222222; background: #222222; } } .html-dansk .section-scroll { padding: 44px 0 38px; } @media (max-width: 767px) { .html-dansk .section-scroll { padding: 22px 0 23px; } } @media (max-width: 767px) { .html-dansk .section-scroll .section__head h2 { margin-bottom: 18px; } } @media (max-width: 767px) { .html-dansk .section-scroll .section__head h2:last-child { margin-bottom: 0; } } .html-dansk .section-scroll .section__head .btn-more { margin-right: 6px; } .html-dansk .section-collections { padding-top: 46px; } @media (max-width: 767px) { .html-dansk .section-collections { padding-top: 29px; padding-bottom: 26px; } } .html-dansk .section-collections .section__head { padding-bottom: 55px; } @media (max-width: 767px) { .html-dansk .section-collections .section__head { padding-bottom: 18px; text-align: center; } } .html-dansk .section-about { padding: 76px 0 72px; background: #e9e4cf; color: #ab2328; line-height: 1.67; } @media (max-width: 767px) { .html-dansk .section-about { padding: 49px 0 50px; line-height: 1.83; } } .html-dansk .section-about .section__head { margin-bottom: 92px; } @media (max-width: 767px) { .html-dansk .section-about .section__head { margin-bottom: 11px; } } .html-dansk .section-about .section__content { padding-bottom: 0; } @media (max-width: 767px) { .html-dansk .section-about .section__content { margin-bottom: 25px; } } @media (max-width: 767px) { .html-dansk .section-about .section__content:last-child { margin-bottom: 0; } } .html-dansk .section-about .section__content h3 { margin-bottom: 29px; } @media (max-width: 767px) { .html-dansk .section-about .section__content h3 { margin-bottom: 11px; } } .html-dansk .section-about .section__actions { padding-top: 8px; } @media (max-width: 767px) { .html-dansk .section-about .section__actions { padding-top: 21px; } } .html-dansk .section-about .section__actions .btn-more { font-size: 14px; color: #ab2328; } @media (max-width: 767px) { .html-dansk .section-about .section__actions .btn-more { font-size: 11px; text-transform: uppercase; } } .html-dansk .section-brands { padding: 72px 0 73px; background: #fafafa; } @media (max-width: 767px) { .html-dansk .section-brands { padding: 34px 0 44px; } } .html-dansk .section-product .section__title { margin-bottom: 15px; font-size: 24px; font-weight: 500; line-height: 1.42; } .html-dansk .section-product .section__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .html-dansk .section-product .section__title { margin-bottom: 13px; font-size: 18px; line-height: 1.56; } } .html-dansk .section-primary { padding: 71px 0 54px; background: #e9e4cf; } @media (max-width: 767px) { .html-dansk .section-primary { padding: 37px 0 37px; } } @media (max-width: 767px) { .html-dansk .section-primary .section__content { padding-left: 3px; } } .html-dansk .section-primary .section__title { margin-bottom: 12px; } .html-dansk .section-primary .section__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .html-dansk .section-primary .section__title { margin-bottom: 3px; } } .html-dansk .section-primary .section__subtitle { margin-bottom: 14px; font-family: "Graphik", sans-serif; letter-spacing: 0; } .html-dansk .section-primary .section__subtitle:last-child { margin-bottom: 0; } @media (max-width: 767px) { .html-dansk .section-primary .section__subtitle { font-family: "Poppins", sans-serif; font-size: 10px; letter-spacing: 1px; } } .html-dansk .section-secondary { background: #fafafa; } @media (max-width: 767px) { .html-dansk .section-secondary { padding: 39px 0; } } .html-dansk .section-secondary .section__title { margin-bottom: 19px; } .html-dansk .section-secondary .section__title:last-child { margin-bottom: 0; } @media (max-width: 767px) { .html-dansk .section-secondary .section__title { margin-bottom: 23px; } } .html-dansk .section-secondary .section__entry { margin-bottom: 36px; } .html-dansk .section-secondary .section__entry:last-child { margin-bottom: 0; } @media (max-width: 767px) { .html-dansk .section-secondary .section__entry { margin-bottom: 51px; } } .html-dansk .section-reviews { background: #fafafa; } /* Modules - Reed */ /* ------------------------------------------------------------ *\ Html Reed \* ------------------------------------------------------------ */ .html-reed .section-landing .btn { border-color: #702e3e; background-color: #702e3e; color: #fff; } .html-reed .section-landing .btn:not(:disabled):focus, .html-reed .section-landing .btn:not(:disabled):hover { border-color: #8c5764; background-color: #8c5764; color: #fff; } .html-reed .section-landing--fluid .btn { border-color: currentColor; background: none; color: currentColor; } .html-reed .section-about { background-color: #d9d9d6; } .html-reed .section-about .section__content p { line-height: 1.67; } .html-reed .section-about .btn-more { font-size: 14px; font-weight: 300; } .html-reed .section-brands { background-color: #fafafa; } .html-reed .section-product .section__title { font-size: 24px; line-height: 1.89; /* Mobile */ } @media (max-width: 767px) { .html-reed .section-product .section__title { font-size: 18px; } } .html-reed .section-primary { background-color: #d9d9d6; } .html-reed .section-secondary { background-color: #fafafa; } .html-reed .section-reviews { background-color: #fafafa; } /*# sourceMappingURL=//www.lenox.com/cdn/shop/t/1296/assets/bundle.css.map?58505 */ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { .bar .bar__content{ display:none; } .bar .bar__aside { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 40px; } .bar .bar__aside p{ display:none; } .bar .bar__inner { display: block; min-height: 0; } .bar .list-logos { margin: 0; width:100%; } .bar .list-logos li { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .bar .list-logos a { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .bar .list-logos figure { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; height: 40px; padding: 4px; } .bar .list-logos img { max-width: 100%; max-height: 32px; margin: 0; } .header .bar .bar__content { position: absolute; top: 100%; left: 0; width: 100%; border-top-color: transparent; } .bar .bar__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100vw; height: 35px; background-color: #fff; color: #1c1e1d; font-size: 10px; padding: 10px 30px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; text-align: center; -webkit-transition: margin-top 0.4s; -o-transition: margin-top 0.4s; transition: margin-top 0.4s; } .header__aside .nav-utilities ul li:nth-child(2){ display:none; } .header__aside .nav-utilities ul li:nth-child(3){ display:none; } .header--expanded .header__mobile{ width:40%; } } @media (max-width: 767px) { .template-index .bar .bar__aside { display: -webkit-box; display: -ms-flexbox; display: flex; } } .main-checkout{ margin-top: 25px; } .container-main-nav { background: #f8f8f3; } .container-main-nav ul { max-height: 28px; } .container-main-nav ul .nav__has-dropdown a { padding-bottom: 0; } @media screen and (max-width: 1199px) { .container-main-nav ul .nav__has-dropdown a { padding-top: 0; padding-left: 12px; padding-right: 12px; } .nav.secondary-menu a { padding-top: 0; padding-left: 12px; padding-right: 12px; } .bar .bar__aside { min-height: 58px; align-items: center; justify-content: center; } .bar .list-logos { margin-left: 0!important; gap: 3px; } .bar .bar__content .bar__content_items .bar__content_item { font-size: 11px; font-weight: 400; font-family: 400; } .header .header__mobile .nav .nav__has-dropdown { margin: 0; } .header .header__mobile .nav a { /* Resets */ margin: 0; padding: 0; font-size: 18px; text-transform: uppercase; color: #1c1e1d; font-family: 'Graphik'; line-height: normal; padding-bottom: 7px; font-weight: 500; } .section-fixed.js-section-nav-mobile { padding: 0; } .section-fixed.js-section-nav-mobile .btn-primary { font-size: 18px; text-transform: uppercase; color: #1c1e1d; font-family: 'Graphik'; line-height: normal; font-weight: 500; } .header .header__mobile .nav-utilities { margin-top: 21px; margin-bottom: 21px; } .header .header__mobile .nav-utilities a { font-size: 18px; /* text-transform: uppercase; */ color: #1c1e1d; font-family: 'Graphik'; line-height: normal; padding-bottom: 7px; } .header .header__mobile .nav-utilities:last-of-type { font-weight: 500; } .header .header__mobile .nav-utilities a:last-of-type { padding-bottom: 0; } .nav .nav__dropdown-content > ul > li { margin-bottom: 21px; } } @media screen and ( max-width: 768px ) { .bar .bar__content { background-color: #f8f8f3; } .bar .bar__content .bar__content_items .bar__content_item { color: #1c1e1d; } .bar .list-logos { padding-left: 5px; padding-right: 5px; } } .container-main-nav a, .container-main-nav span { text-transform: uppercase; font-weight: 500; color: #1c1e1d; font-size: 14px; font-family: 'Graphik'; } .nav.secondary-menu a { font-family: 'Graphik'; font-size: 14px; font-weight: 400; color: #1c1e1d; padding-bottom: 9px; }