/* FONTS */ @font-face { font-family: 'Karla'; src: local('Karla Bold'), local('Karla-Bold'), url('/css/2206/fonts/Karla-Bold.woff') format('woff'), url('/css/2206/fonts/Karla-Bold.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla Bold Italic'), local('Karla-BoldItalic'), url('/css/2206/fonts/Karla-BoldItalic.woff') format('woff'), url('/css/2206/fonts/Karla-BoldItalic.woff2') format('woff2'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla ExtraBold'), local('Karla-ExtraBold'), url('/css/2206/fonts/Karla-ExtraBold.woff') format('woff'), url('/css/2206/fonts/Karla-ExtraBold.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla ExtraBold Italic'), local('Karla-ExtraBoldItalic'), url('/css/2206/fonts/Karla-ExtraBoldItalic.woff') format('woff'), url('/css/2206/fonts/Karla-ExtraBoldItalic.woff2') format('woff2'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla SemiBold'), local('Karla-SemiBold'), url('/css/2206/fonts/Karla-SemiBold.woff') format('woff'), url('/css/2206/fonts/Karla-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla Italic'), local('Karla-Italic'), url('/css/2206/fonts/Karla-Italic.woff') format('woff'), url('/css/2206/fonts/Karla-Italic.woff2') format('woff2'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla ExtraLight Italic'), local('Karla-ExtraLightItalic'), url('/css/2206/fonts/Karla-ExtraLightItalic.woff') format('woff'), url('/css/2206/fonts/Karla-ExtraLightItalic.woff2') format('woff2'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla SemiBold Italic'), local('Karla-SemiBoldItalic'), url('/css/2206/fonts/Karla-SemiBoldItalic.woff') format('woff'), url('/css/2206/fonts/Karla-SemiBoldItalic.woff2') format('woff2'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla Regular'), local('Karla-Regular'), url('/css/2206/fonts/Karla-Regular.woff') format('woff'), url('/css/2206/fonts/Karla-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla Medium Italic'), local('Karla-MediumItalic'), url('/css/2206/fonts/Karla-MediumItalic.woff') format('woff'), url('/css/2206/fonts/Karla-MediumItalic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla Light Italic'), local('Karla-LightItalic'), url('/css/2206/fonts/Karla-LightItalic.woff') format('woff'), url('/css/2206/fonts/Karla-LightItalic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla Light'), local('Karla-Light'), url('/css/2206/fonts/Karla-Light.woff') format('woff'), url('/css/2206/fonts/Karla-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla Medium'), local('Karla-Medium'), url('/css/2206/fonts/Karla-Medium.woff') format('woff'), url('/css/2206/fonts/Karla-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla ExtraLight'), local('Karla-ExtraLight'), url('/css/2206/fonts/Karla-ExtraLight.woff') format('woff'), url('/css/2206/fonts/Karla-ExtraLight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla Regular'), local('Karla-Regular'), url('/css/2206/fonts/Karla-Regular.woff') format('woff'), url('/css/2206/fonts/Karla-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Karla'; src: local('Karla Italic'), local('Karla-Italic'), url('/css/2206/fonts/Karla-Italic.woff') format('woff'), url('/css/2206/fonts/Karla-Italic.woff2') format('woff2'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Black Italic'), local('Graphik-BlackItalic'), url('/css/2206/fonts/Graphik-BlackItalic.woff') format('woff'), url('/css/2206/fonts/Graphik-BlackItalic.woff2') format('woff2'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Bold'), local('Graphik-Bold'), url('/css/2206/fonts/Graphik-Bold.woff') format('woff'), url('/css/2206/fonts/Graphik-Bold.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Black'), local('Graphik-Black'), url('/css/2206/fonts/Graphik-Black.woff') format('woff'), url('/css/2206/fonts/Graphik-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Regular'), local('Graphik-Regular'), url('/css/2206/fonts/Graphik-Regular.woff') format('woff'), url('/css/2206/fonts/Graphik-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Bold Italic'), local('Graphik-BoldItalic'), url('/css/2206/fonts/Graphik-BoldItalic.woff') format('woff'), url('/css/2206/fonts/Graphik-BoldItalic.woff2') format('woff2'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Medium'), local('Graphik-Medium'), url('/css/2206/fonts/Graphik-Medium.woff') format('woff'), url('/css/2206/fonts/Graphik-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Extralight'), local('Graphik-Extralight'), url('/css/2206/fonts/Graphik-Extralight.woff') format('woff'), url('/css/2206/fonts/Graphik-Extralight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Extralight Italic'), local('Graphik-ExtralightItalic'), url('/css/2206/fonts/Graphik-ExtralightItalic.woff') format('woff'), url('/css/2206/fonts/Graphik-ExtralightItalic.woff2') format('woff2'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Bold'), local('Graphik-Bold'), url('/css/2206/fonts/Graphik-Bold.woff') format('woff'), url('/css/2206/fonts/Graphik-Bold.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Medium Italic'), local('Graphik-MediumItalic'), url('/css/2206/fonts/Graphik-MediumItalic.woff') format('woff'), url('/css/2206/fonts/Graphik-MediumItalic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Light Italic'), local('Graphik-LightItalic'), url('/css/2206/fonts/Graphik-LightItalic.woff') format('woff'), url('/css/2206/fonts/Graphik-LightItalic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Light'), local('Graphik-Light'), url('/css/2206/fonts/Graphik-Light.woff') format('woff'), url('/css/2206/fonts/Graphik-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Semibold'), local('Graphik-Semibold'), url('/css/2206/fonts/Graphik-Semibold.woff') format('woff'), url('/css/2206/fonts/Graphik-Semibold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Thin Italic'), local('Graphik-ThinItalic'), url('/css/2206/fonts/Graphik-ThinItalic.woff') format('woff'), url('/css/2206/fonts/Graphik-ThinItalic.woff2') format('woff2'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Regular'), local('Graphik-Regular'), url('/css/2206/fonts/Graphik-Regular.woff') format('woff'), url('/css/2206/fonts/Graphik-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Thin'), local('Graphik-Thin'), url('/css/2206/fonts/Graphik-Thin.woff') format('woff'), url('/css/2206/fonts/Graphik-Thin.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Regular Italic'), local('Graphik-RegularItalic'), url('/css/2206/fonts/Graphik-RegularItalic.woff') format('woff'), url('/css/2206/fonts/Graphik-RegularItalic.woff2') format('woff2'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Graphik Super'; src: local('Graphik Super Italic'), local('Graphik-SuperItalic'), url('/css/2206/fonts/Graphik-SuperItalic.woff') format('woff'), url('/css/2206/fonts/Graphik-SuperItalic.woff2') format('woff2'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Semibold Italic'), local('Graphik-SemiboldItalic'), url('/css/2206/fonts/Graphik-SemiboldItalic.woff') format('woff'), url('/css/2206/fonts/Graphik-SemiboldItalic.woff2') format('woff2'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Graphik Super'; src: local('Graphik Super'), local('Graphik-Super'), url('/css/2206/fonts/Graphik-Super.woff') format('woff'), url('/css/2206/fonts/Graphik-Super.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: local('Graphik Semibold'), local('Graphik-Semibold'), url('/css/2206/fonts/Graphik-Semibold.woff') format('woff'), url('/css/2206/fonts/Graphik-Semibold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Crimson Text'; src: local('Crimson Text Bold Italic'), local('CrimsonText-BoldItalic'), url('/css/2206/fonts/CrimsonText-BoldItalic.woff') format('woff'), url('/css/2206/fonts/CrimsonText-BoldItalic.woff2') format('woff2'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Crimson Text'; src: local('Crimson Text'), local('CrimsonText-Roman'), url('/css/2206/fonts/CrimsonText-Roman.woff') format('woff'), url('/css/2206/fonts/CrimsonText-Roman.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Crimson Text'; src: local('Crimson Text Italic'), local('CrimsonText-Italic'), url('/css/2206/fonts/CrimsonText-Italic.woff') format('woff'), url('/css/2206/fonts/CrimsonText-Italic.woff2') format('woff2'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Crimson Text'; src: local('Crimson Text Bold'), local('CrimsonText-Bold'), url('/css/2206/fonts/CrimsonText-Bold.woff') format('woff'), url('/css/2206/fonts/CrimsonText-Bold.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Crimson Text'; src: local('Crimson Text Semibold'), local('CrimsonText-Semibold'), url('/css/2206/fonts/CrimsonText-Semibold.woff') format('woff'), url('/css/2206/fonts/CrimsonText-Semibold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Crimson Text'; src: local('Crimson Text Semibold Italic'), local('CrimsonText-SemiboldItalic'), url('/css/2206/fonts/CrimsonText-SemiboldItalic.woff') format('woff'), url('/css/2206/fonts/CrimsonText-SemiboldItalic.woff2') format('woff2'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Book'), local('AcherusGrotesque-Book'), url('/css/2206/fonts/AcherusGrotesque-Book.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-Book.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Black'), local('AcherusGrotesque-Black'), url('/css/2206/fonts/AcherusGrotesque-Black.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Bold'), local('AcherusGrotesque-Bold'), url('/css/2206/fonts/AcherusGrotesque-Bold.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-Bold.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque ExtBd Ita'), local('AcherusGrotesque-ExtBdIta'), url('/css/2206/fonts/AcherusGrotesque-ExtBdIta.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-ExtBdIta.woff2') format('woff2'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Bold Italic'), local('AcherusGrotesque-BoldItalic'), url('/css/2206/fonts/AcherusGrotesque-BoldItalic.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-BoldItalic.woff2') format('woff2'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Book Italic'), local('AcherusGrotesque-BookItalic'), url('/css/2206/fonts/AcherusGrotesque-BookItalic.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-BookItalic.woff2') format('woff2'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Black Italic'), local('AcherusGrotesque-BlackItalic'), url('/css/2206/fonts/AcherusGrotesque-BlackItalic.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-BlackItalic.woff2') format('woff2'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Extra Light'), local('AcherusGrotesque-ExtraLight'), url('/css/2206/fonts/AcherusGrotesque-ExtraLight.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-ExtraLight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Medium'), local('AcherusGrotesque-Medium'), url('/css/2206/fonts/AcherusGrotesque-Medium.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Medium Italic'), local('AcherusGrotesque-MediumItalic'), url('/css/2206/fonts/AcherusGrotesque-MediumItalic.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-MediumItalic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque ExtLt Ita'), local('AcherusGrotesque-ExtLtIta'), url('/css/2206/fonts/AcherusGrotesque-ExtLtIta.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-ExtLtIta.woff2') format('woff2'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Light'), local('AcherusGrotesque-Light'), url('/css/2206/fonts/AcherusGrotesque-Light.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Reg Ita'), local('AcherusGrotesque-RegIta'), url('/css/2206/fonts/AcherusGrotesque-RegIta.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-RegIta.woff2') format('woff2'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Light Italic'), local('AcherusGrotesque-LightItalic'), url('/css/2206/fonts/AcherusGrotesque-LightItalic.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-LightItalic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque SemBd Ita'), local('AcherusGrotesque-SemBdIta'), url('/css/2206/fonts/AcherusGrotesque-SemBdIta.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-SemBdIta.woff2') format('woff2'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Regular'), local('AcherusGrotesque-Regular'), url('/css/2206/fonts/AcherusGrotesque-Regular.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Extra Bold'), local('AcherusGrotesque-ExtraBold'), url('/css/2206/fonts/AcherusGrotesque-ExtraBold.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-ExtraBold.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Thin Italic'), local('AcherusGrotesque-ThinItalic'), url('/css/2206/fonts/AcherusGrotesque-ThinItalic.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-ThinItalic.woff2') format('woff2'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Semibold'), local('AcherusGrotesque-Semibold'), url('/css/2206/fonts/AcherusGrotesque-Semibold.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-Semibold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Acherus Grotesque'; src: local('Acherus Grotesque Thin'), local('AcherusGrotesque-Thin'), url('/css/2206/fonts/AcherusGrotesque-Thin.woff') format('woff'), url('/css/2206/fonts/AcherusGrotesque-Thin.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; } /* HTML NORMALIZE */ * { box-sizing:border-box; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; overflow: auto; background: #fff; scroll-padding-top: 120px; } body { margin: 0; font-family: 'Karla', sans-serif; font-size: 16px; color:#000; background: #fff; } main { display: block; } input[type=radio] { accent-color: #000; } input[type=checkbox] { accent-color: #000; } input:focus, textarea:focus { outline: none; } .no-scroll { overflow-y: hidden !important; height: 100%; } html.no-scroll { padding: 0; } ul.no-scroll { overflow: hidden !important; height: unset !important; bottom: unset !important; } /* END HTML NORMALIZE */ /* HTML RESET */ /*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }*/ /* END HTML RESET */ /* HELPERS */ /* COLOR SCHEME */ :root { --primary-btn: #231F20; --primary-btn-font: #fff; --primary-btn-hover: #f5f5f5; --primary-btn-font-hover: #222; --nav-hover-active: #39c; } /* END COLOR SCHEME */ /* LAZY LOAD (LAZYSIZES) */ img[data-sizes="auto"] { display: block; } img { max-width: 100%; height:auto; object-fit: cover; } .ItemInformationPageForm img { object-fit: unset; } video::-webkit-media-controls { display: none; } /* END LAZY LOAD (LAZYSIZES) */ .mobile-only, .mobile-only2 { display: none; } @media screen and (min-width: 897px) { .hide-on-desktop { display: none; } } @media screen and (max-width: 896px) { .hide-on-mobile { display: none; } .mobile-only2 { display: block; } .m-fw { padding-left: 0 !important; padding-right: 0 !important; } header .container nav#main-nav > ul > li.mobile-only { display: inline-block; vertical-align: middle; background: #F8F8F8 !important; margin: 0 !important; padding: 15px 20px !important; text-transform: uppercase; position: relative; } /*header .container nav#main-nav > ul > li.mobile-only ul li a { font-size: 1.13em; letter-spacing: 1px; line-height: 30px; text-transform: initial; }*/ header .container nav#main-nav > ul > li.space { padding-top: 25px !important; } header .container nav#main-nav > ul > li.space2 { padding-bottom: 25px !important; } header .container nav#main-nav > ul > li.mobile-only a { font-size: 0.75em; } } /* END HELPERS */ /* EPIPHANY 4 */ /* ITEM BROWSER */ .ul-drop-convert input[type="checkbox"] { display: none; } .ItemBrowserPageContainer { font-size: 16px; } .ItemBrowserPageContainer .clear-filter { font-family: 'Acherus Grotesque',sans-serif; font-size: 14px; font-weight: 400; } #divAttributeFilter .AttributeFilterList { display: none; } .BreadCrumbTrail { margin-bottom: 25px; } .BreadCrumbTrail.bottom { margin-top: 30px; margin-bottom: 0; } .BreadCrumbTrailUL { font-family: 'Crimson Text', serif; font-style: italic; font-size: 14px; letter-spacing: 1px; } .BreadCrumbTrailUL::before { display: none; } .BreadCrumbTrailUL a { color: #777A7C; } .BreadCrumbTrailUL li:last-of-type a { color: #000; font-weight: bold; } .BreadCrumbTrailUL li::after { font-family: "FontAwesome"; content: '\f105' !important; font-style: normal; color: #777A7C; padding: 0 5px 0 9px; } .BreadCrumbTrailUL li:last-of-type::after { content: "" !important; margin-right: 0px; } .ItemBrowserCurrentAttribute { font-family: 'Acherus Grotesque', sans-serif; font-weight: 300; color: #000; } .TotalItemCount, .paginationTop { display: none; } .expanded:after { border: 0; background: transparent; } .ProductThumbnailSection { border-bottom: 0; } .ProductThumbnailDetails { margin-top: 25px; } .ProductThumbnailParagraphDescription { font-family: 'Acherus Grotesque', sans-serif; font-weight: 400; } .ProductThumbnailDetails { font-size: 11px; letter-spacing: 0.4px; } .ProductThumbnailParagraphDescription { font-size: 11px !important; } .ProductThumbnailParagraphConfigMessage { font-family: 'Karla'; font-weight: 300; font-size: 10px !important; } .ProductThumbnailParagraphSkuName { font-family: 'Karla'; font-weight: 300; font-size: 10px !important; } .ProductThumbnailParagraphSkuName a { font-weight: 500; } .ProductThumbnailParagraphSkuName a > span { font-weight: 300; } .ProductThumbnailParagraphCompare label a { display: none; } .pagination .pagnext i { display: none; } .pagination .pagnext::after { content: url('data:image/svg+xml; utf8, '); width: 9px; height: 15px; vertical-align: middle; } .pagination .pagprev { display: none; } #item-browser-banner { margin-top: 75px; } @media only screen and (max-width: 760px) { #ItemBrowserCurrentAttribute { font-size: 1.7em; } .AttributeFilter { padding-top: 65px; left: 0; right: 0; } .CompareHeading { margin: 20px 0 15px 0; } .CompareBasicFunctionsParagraph a { padding: 9px 15px; } } @media only screen and (max-width: 700px) { .CompareInfoRow { margin-top: 10px; } } .filter-close-button { background: transparent; box-shadow: unset; font-size: 0; right: 0; top: 10px; } .filter-close-button:after { content: url('data:image/svg+xml; utf8, '); margin: 0 0 0 10px; vertical-align: middle; } @media only screen and (max-width: 928px) { .AttributeFilter { padding: 70px 10px 20px 10px; } .filter-close-button { position: absolute; } } @media only screen and (max-width: 760px) { .AttributeFilter { top: 0; } } .PriceDisclaimerDiv { display: none; } /* sf 928610 */ #AttributeFilters1_FiltersRepeater_ctl02_ctl00_clickableListDisplay_ctl06_subItem, .AttributeFilterListECatSmartStacks { display: none; } /* END ITEM BROWSER */ /* ITEM INFORMATION */ /* #item-info-container #zoom-box { max-height: unset !important; } #item-info-container #zoom-box img { max-height: unset !important; } */ /* #item-info-container #zoom-box img { max-height: 550px !important; } */ .updateProgressBackgroundFilter { border: 0; background-color: #fff !important; opacity: 0.9; margin: 0 auto; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .updateProgressMessage { border: 0; padding: 10px 25px; background-color: #FFFFFF; font-size: 18px; line-height: 18px; } #item-info-product-info p:has(> span) { font-weight: 700; text-transform: uppercase; } #item-info-product-info p span { font-weight: 400; } @media screen and (max-width: 767px) { #item-info-product-info p span { display: block; } } #item-info-container .covers-loading { margin: 50px auto 20px auto; } /* REQUEST INFO, EMAIL FRIEND */ #request-information, #email-friend { background: var(--primary-btn); } #request-information:hover, #email-friend:hover { background: var(--primary-btn-hover); } #request-information a, #email-friend a { color:var(--primary-btn-font); } #request-information a:hover, #email-friend a:hover { background: var(--primary-btn-hover); color:var(--primary-btn-font-hover); } #request-information:hover a, #email-friend:hover a { color:var(--primary-btn-font-hover); } .RequestInfoPageButtonSend { background: var(--primary-btn); color:var(--primary-btn-font); border:1px solid var(--primary-btn); } .RequestInfoPageButtonSend:hover { background: var(--primary-btn-hover); color:var(--primary-btn-font-hover); border:1px solid var(--primary-btn-hover); } /* REQUEST INFO, EMAIL FRIEND */ /* DRAPING & CUSTOMIZATION */ #item-info-draping .customize-choice-tabs > li.selected a span { background: var(--primary-btn); } #item-info-left #selected-options ul li a:hover { font-weight: unset; } /* END DRAPING & CUSTOMIZATION */ /* PRINT BUTTON / TEARSHEETS */ #item-info-container #item-info-product-info .tab-content[data-tab-class="ProductSpecifications"]:not(.tab-inactive) { display: flex !important; } /*#item-info-container #item-info-product-info .tab-content[data-tab-class="ProductSpecifications"] > div:not(#ItemOptionsToolbarControl1_lnkPrinter) {*/ #item-info-container #item-info-product-info .tab-content[data-tab-class="ProductSpecifications"] > div:not(#tearsheet-cta) { flex: 0 1 50%; padding: 0 0 0 0; } /*#item-info-container #item-info-product-info .tab-content[data-tab-class="ProductSpecifications"] > #ItemOptionsToolbarControl1_lnkPrinter{*/ #item-info-container #item-info-product-info .tab-content[data-tab-class="ProductSpecifications"] > #tearsheet-cta{ /*flex: 20%;*/ text-align: right; white-space: nowrap; align-self: flex-start; padding: 0; justify-self: flex-end; flex: 1; margin-top: 20px; } @media screen and (max-width: 1024px) { #item-info-container #item-info-product-info .tab-content[data-tab-class="ProductSpecifications"] > div:not(#tearsheet-cta) { padding: 0 45px 0 0; } .tab-content[data-tab-class="Legend"] { padding: 0 !important; } } @media screen and (max-width: 896px) { #item-info-container #item-info-product-info .tab-content[data-tab-class="ProductSpecifications"] { flex-direction: column; } /*#item-info-container #item-info-product-info .tab-content[data-tab-class="ProductSpecifications"] > div:not(#ItemOptionsToolbarControl1_lnkPrinter) {*/ #item-info-container #item-info-product-info .tab-content[data-tab-class="ProductSpecifications"] > div:not(#tearsheet-cta) { order: 1; } /*#item-info-container #item-info-product-info .tab-content[data-tab-class="ProductSpecifications"] > #ItemOptionsToolbarControl1_lnkPrinter{*/ #item-info-container #item-info-product-info .tab-content[data-tab-class="ProductSpecifications"] > #tearsheet-cta{ order: 2; text-align: left; margin: 45px 0 25px 0; align-self: unset; } #item-info-container #item-info-product-info .tab-content[data-tab-class="ProductSpecifications"] > #tearsheet-cta a { display: block; margin: 0 0 15px 0; text-align: center; } } .print-popup .mfp-iframe { min-height: 1000px; } /* Order Swatches product info tab */ #item-info-container #item-info-product-info .tab-content[data-tab-class="OrderSwatches"]:not(.tab-inactive) { display: flex !important; } /*#item-info-container #item-info-product-info .tab-content[data-tab-class="ProductSpecifications"] > div:not(#ItemOptionsToolbarControl1_lnkPrinter) {*/ #item-info-container #item-info-product-info .tab-content[data-tab-class="OrderSwatches"] > div:not(#order-swatch-cta) { flex: 0 1 50%; padding: 0 0 0 0; } /*#item-info-container #item-info-product-info .tab-content[data-tab-class="ProductSpecifications"] > #ItemOptionsToolbarControl1_lnkPrinter{*/ #item-info-container #item-info-product-info .tab-content[data-tab-class="OrderSwatches"] > #order-swatch-cta{ text-align: right; white-space: nowrap; align-self: flex-start; padding: 0; justify-self: flex-end; flex: 1; margin-top: 20px; } #item-info-container #item-info-product-info .tab-content[data-tab-class="OrderSwatches"] > #order-swatch-cta a { border: 1px solid #231F20; padding: 10px 25px; color: #231F20; text-decoration: none !important; font-family: 'Acherus Grotesque'; margin: 0 0 20px 0; display: inline-block; } #item-info-container #item-info-product-info .tab-content[data-tab-class="OrderSwatches"] > #order-swatch-cta a:hover { background: #f6f7f9; } @media screen and (max-width: 1024px) { #item-info-container #item-info-product-info .tab-content[data-tab-class="OrderSwatches"] > div:not(#order-swatch-cta) { padding: 0 45px 0 0; } } @media screen and (max-width: 896px) { #item-info-container #item-info-product-info .tab-content[data-tab-class="OrderSwatches"] { flex-direction: column; } #item-info-container #item-info-product-info .tab-content[data-tab-class="OrderSwatches"] > div:not(#order-swatch-cta) { order: 1; } #item-info-container #item-info-product-info .tab-content[data-tab-class="OrderSwatches"] > #order-swatch-cta{ order: 2; text-align: left; margin: 45px 0 25px 0; align-self: unset; } #item-info-container #item-info-product-info .tab-content[data-tab-class="OrderSwatches"] > #order-swatch-cta a { display: block; margin: 0 0 15px 0; text-align: center; } } #item-info-container #ItemOptionsToolbarControl1_lnkPrinter { display: none !important; } /*#ItemOptionsToolbarControl1_lnkPrinter a { border: 1px solid #231F20; padding: 10px 25px; color: #231F20; text-decoration: none; font-family: 'Acherus Grotesque'; } #ItemOptionsToolbarControl1_lnkPrinter a:hover { background: #231F20; color: #fff; } #ItemOptionsToolbarControl1_lnkPrinter a:after { content: ''; display: none; } #ItemOptionsToolbarControl1_lnkPrinter a i.fa-print { margin-left: 10px; } #ItemOptionsToolbarControl1_lnkPrinter a i.fa-print:before { content: "\f019"; }*/ .pdf-attachments { display: none; } #tearsheet-cta a { border: 1px solid #231F20; padding: 10px 25px; color: #231F20; text-decoration: none !important; font-family: 'Acherus Grotesque'; margin: 0 25px 0 0; } #tearsheet-cta a:last-of-type { margin: 0; } #tearsheet-cta a:hover { background: #f6f7f9; } #tearsheet-cta a:after { content: url('data:image/svg+xml; utf8, '); margin: 0 0 0 10px; vertical-align: middle; } #tearsheet-cta a i.fa-print { margin-left: 10px; } #tearsheet-cta a i.fa-print:before { content: "\f019"; } #select-price p strong { font-weight: 400; font-size: 1.25em; margin: 0 0 15px 0; display: block; } #select-price label { margin: 0 0 10px 0; display: inline-block; } #select-price input[type="text"] { border: 1px solid #ccc !important; padding: 10px !important; display: inline-block !important; font-size: 14px !important; height: 40px; max-width: 155px; padding-left: 25px !important; } #select-price .user-price { position: relative; } #select-price .user-price i { position: absolute; display: block; transform: translate(0, -50%); top: 50%; pointer-events: none; width: 25px; text-align: center; font-style: normal; } .ts-cta { border: 1px solid #231F20; padding: 10px 25px; text-decoration: none; font-family: 'Acherus Grotesque'; background: #231F20; color: #fff; margin: 25px 0 0 0; cursor: pointer; } .ts-cta:hover { background: #fff; color: #231F20; } .ts-popup { position: relative; background: #fff; padding: 25px !important; max-width: 460px; margin: 20px auto; font-size: 14px; } /* END PRINT BUTTON / TEARSHEETS */ /* END ITEM INFORMATION */ /* END EPIPHANY 4 */ /* THEME SPECIFIC */ /*.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {*/ .owl-theme .owl-dots .owl-dot.active span { background: #000 !important; width: 8px !important; height: 8px !important; } .owl-theme .owl-dots .owl-dot { vertical-align: middle; } .owl-theme .owl-dots .owl-dot span { width: 6px; height: 6px; background: #d6d6d6 !important; margin: 5px 4px !important; } /*.owl-carousel { touch-action: none; }*/ .grid-container, .container, .workspacearea, #divworkspacearea { max-width: 1440px; padding:0 20px; margin:0 auto; /* z-index: 10; */ } .HomePageForm #divworkspacearea { max-width: 100%; padding:0; } .UserPageForm #divworkspacearea { padding: 0; width: 100%; max-width: 2400px; margin: 0 auto; } .flex { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; text-align: center; margin:50px 0; } .flex.ltr { } .flex.ltr > div:first-child { /*order:1;*/ flex: 0 1 40%; padding:0 5px; /*flex-grow: 0; flex-shrink: 0; flex-basis: 50%;*/ } .flex.ltr > div:last-child { /*order:2;*/ flex: 0 1 60%; padding: 0 5px; align-self: flex-start; margin-top: 25px; } .flex.rtl { } .flex.rtl > div:first-child { order:2; flex: 0 1 60%; padding:0 5px; overflow-y: hidden; } .flex.rtl > div:last-child { order:1; flex: 0 1 40%; padding:0 5px; } .flex-home-text p { margin:0 15% 25px 15%; } .grid { } a.b-top { position: fixed; bottom: 20px; right: 20px; z-index: 100; background: #000000; border-radius: 100%; border: 3px solid #ccc; width: 45px; height: 45px; text-align: center; line-height: 35px; vertical-align: middle; } a.cta { display: inline-block; text-align: center; margin:0 auto; padding:11px 35px; font-size:0.88em; font-weight: 400; /*margin:25px auto 25px auto;*/ text-decoration: none !important; font-family: Acherus Grotesque; } a.cta:hover { text-decoration: none; } a.cta.tra { color:#fff !important; background:transparent; border:1px solid; } a.cta.tra:hover { color:#231F20 !important; background:#fff; border:1px solid #fff; } a.cta.white { color:#231F20; background:#fff; border:1px solid #231F20; } @media screen and (max-width: 896px) { a.cta.white.m-cent { margin: 0 auto; display: block; /*max-width: 195px;*/ max-width: max-content; } } a.cta.white:hover { color:#fff !important; background:#000; border:1px solid #000; } a.cta.arrow { border:1px solid #231F20; display: block; max-width: 180px; text-align: center; margin:0 auto; padding:11px 35px 11px 25px; font-size:0.88em; font-weight: 600; margin:25px auto 25px auto; text-decoration: none !important; font-family: Acherus Grotesque; position: relative; } a.cta.arrow:hover { text-decoration: none; background: #000; color: #fff !important; } a.cta.arrow:after { content: "\f0da"; font-family: 'FontAwesome'; font-size: 18px; position: absolute; top: 50%; transform: translateY(-50%); margin-left: 10px; } a.cta2.dark { font-family: Acherus Grotesque; color:#fff !important; background:#231F20; border:1px solid #231F20; display: inline-block; margin: 0 auto; text-decoration: none !important; padding: 11px 15px; align-self: flex-end; font-size: 0.85em; } a.cta2.dark:hover { color:#231F20 !important; background:#fff; border:1px solid #231F20; } .al-cent { text-align: center; } #cnt-page .al-left { text-align: left; } span.spacer { display: block; height: 15px; } section { scroll-margin-top: 15px; } /* END THEME SPECIFIC */ /* HEADER */ /* TRANSPARENT HEADER */ .mobile-cart { width: 45px; text-align: right; order: 2; } .viewcart .mobile-cart { display: none; } .checkout .mobile-cart { display: none; } header .container #logo .white-logo { display: none; } .HomePageForm .dynamicHeader:not(.no-sticky) header { background: transparent; } .HomePageForm .dynamicHeader:not(.no-sticky) header a, .HomePageForm .dynamicHeader:not(.no-sticky) header button { color: #fff !important; } .dynamicHeader:not(.no-sticky):not(.no-hero) header .container .search input[type="text"] { color: #fff; } .dynamicHeader:not(.no-sticky):not(.no-hero) header .container .search input[type="text"]::placeholder { font-size:22px; color: #fff; } /* menu icons */ .dynamicHeader:not(.no-sticky):not(.no-hero) header .container nav#main-nav .menu-bars1 { display: block; /*margin-right: 38px;*/ width: 55px; } /*.dynamicHeader.no-sticky header .container nav#main-nav .menu-bars2 {*/ header .container nav#main-nav .menu-bars2 { /*margin-right: 38px;*/ width: 55px; } header .container nav#main-nav.active .close2,header .container nav#main-nav.active .close1 { /*margin-right: 38px;*/ width: 55px; } .dynamicHeader:not(.no-sticky):not(.no-hero) header .container nav#main-nav .menu-bars2, .dynamicHeader:not(.no-sticky):not(.no-hero) header .container nav#main-nav .menu-close2 { display: none; } /* end menu icons */ .dynamicHeader.no-sticky header .container nav#main-nav .menu-bars1, .dynamicHeader.no-sticky header .container nav#main-nav .menu-close1, .dynamicHeader.no-hero header .container nav#main-nav .menu-bars1, .dynamicHeader.no-hero header .container nav#main-nav .menu-close1 { display: none; } .dynamicHeader.no-sticky header .container nav#main-nav .menu-bars2, .dynamicHeader.no-hero header .container nav#main-nav .menu-bars2 { display: block; } .HomePageForm .dynamicHeader:not(.no-sticky) header .white-logo { display: block !important; } .HomePageForm .dynamicHeader:not(.no-sticky) header .logo { display: none !important; } .HomePageForm .dynamicHeader.no-sticky header .white-logo { display: none !important; } .HomePageForm .dynamicHeader:not(.no-sticky) header .container nav#main-nav > ul > li .sub-menu { top: 100%; } /*.HomePageForm .dynamicHeader:not(.no-sticky) header .container nav#main-nav > ul > li .sub-menu ul { padding: 25px 15px 15px 15px; }*/ .HomePageForm .dynamicHeader:not(.no-sticky) header .container nav#main-nav > ul > li .sub-menu a { color: #000 !important; } .HomePageForm .dynamicHeader:not(.no-sticky) header .container nav#main-nav > ul > li .sub-menu a:hover { /*text-decoration: underline !important;*/ } /*.HomePageForm .dynamicHeader:not(.no-sticky) header .container nav#main-nav > ul > li .sub-menu-2 {*/ header .container nav#main-nav > ul > li .sub-menu-2 { background: transparent !important; /*padding-top: 17px;*/ } @media screen and (max-width: 896px) { .HomePageForm .dynamicHeader:not(.no-sticky) header .container nav#main-nav > ul.active a { color: #231F20 !important; } header .container nav#main-nav > ul > li .sub-menu-2 { background: #fff !important; } /* homepage video popup */ .video-container { margin-bottom: 33px; } } header .container nav#main-nav > ul > li:hover > a:before { content: ' '; display: block; width: 100%; padding-top: 5px; margin: 0 auto; position: absolute; padding: 25px 0; } /* END TRANSPARENT HEADER */ header { background: #fff; z-index: 10; position: relative; margin:0 0 15px 0; font-family: 'Acherus Grotesque'; padding-top: 5px; /*transition-property: all; -webkit-transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;*/ } header .container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -moz-justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding:10px 20px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 896px ) { .dynamicHeader:not(.no-sticky):not(.no-hero) header .container #logo { margin: 0 0 30px 0; } .dynamicHeader.no-sticky header .container #logo, .dynamicHeader.no-hero header .container #logo { margin: 0 0 15px 0; } } header .container #logo a { display: block; text-align: center; } /*safari alignment?*/ header .container #logo svg { /*display: block;*/ max-width: 100%; } .dynamicHeader.no-sticky header .container #logo svg, .UserPageForm header .container #logo svg { /*width: 100%;*/ /*max-width: 200px;*/ } .dynamicHeader header .container #logo svg, .UserPageForm header .container #logo svg { /*width: 100%;*/ /*max-width: 335px;*/ } /*@media screen and (min-width: 896px) {*/ /*.dynamicHeader.no-sticky header .container #logo img, .UserPageForm header .container #logo img { width: 100%; max-width: 200px; } .dynamicHeader header .container #logo img, .UserPageForm header .container #logo img { width: 100%; max-width: 375px; }*/ /*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .dynamicHeader.no-sticky header .container #logo img, .UserPageForm header .container #logo img { width: 100%; max-width: 400; } .dynamicHeader header .container #logo img, .UserPageForm header .container #logo img { width: 100%; max-width: 760px; } }*/ /*}*/ header .container nav#top-nav { align-self: flex-start; margin-top: 15px; margin-left: auto; } header .container nav#top-nav > ul { margin:0; padding:0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; position: relative; } header .container nav#top-nav > ul li { display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; margin:0 0 0px 0; padding:0 17px 0 0; } header .container nav#top-nav > ul li:last-of-type { padding:0; } header .container nav#top-nav > ul li a { color:#000; text-decoration: none; font-size:0.63em; letter-spacing: 1px; font-weight: 500; position: relative; } header .container nav#top-nav > ul > li > ul a:hover { text-decoration: underline !important; } header .container nav#top-nav > ul li[style*="display: inline"] { display: inline-flex !important; } header .container nav#top-nav > ul li ul li[style*="display: inline"] { display: block !important; } /*header .container nav#top-nav > ul li a:hover { color:#888B8D; }*/ header .container nav#top-nav > ul > li:not(.account-nav):hover > a:after { content: ' '; border-bottom: 3px solid #fff; display: block; width: 100%; padding-top: 5px; margin: 0 auto; position: absolute; bottom: -10px; } .dynamicHeader.no-sticky header .container nav#top-nav > ul > li:hover a:after, .dynamicHeader.no-hero header .container nav#top-nav > ul > li:hover a:after { border-bottom: 3px solid #000; } header .container nav#top-nav ul li.account-nav { } header .container nav#top-nav ul li.account-nav ul { display: none; position: absolute; z-index: 100; top: 100%; /*background: #fff;*/ padding: 25px 0; min-width: 165px; min-height: 75px; padding: 25px 15px; padding: 15px; background: #fff; margin-left: -15px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); top: 20px; } header .container nav#top-nav ul li.account-nav ul:before { position: absolute; top: -10px; bottom: 0; left: 0; right: 0; content: ''; } .dynamicHeader.no-sticky header .container nav#top-nav ul li.account-nav ul { padding: 25px 15px; background: #fff; margin-left: -15px; /*box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);*/ } header .container nav#top-nav ul li.account-nav ul li { margin: 0 0 15px 0; font-weight: 300; position: relative; font-family: Karla; } header .container nav#top-nav ul li.account-nav ul li a { color: #000 !important; } header .container nav#top-nav ul li.account-nav ul li:last-of-type { margin: 0 ; } .dynamicHeader.no-sticky header .container nav#top-nav ul li.account-nav ul li a { color: #000 !important; } header .container nav#top-nav ul li.account-nav:hover ul { display: block; } @media screen and (max-width: 896px) { /*li.account-nav ul { display: none; position: absolute; z-index: 100; top: 100%; background: #fff; padding: 10px; list-style-type: none; margin: 0 !important; padding: 30px 0 0 65px !important; }*/ li.account-nav ul { display: none; } li#viewAccountLink.account-nav:hover:before { font-size: 1.25em; margin: 0 0 0 15px; position: absolute; left: 40%; top: 50%; transform: translateY(-50%); content: url('data:image/svg+xml; utf8, '); } li.account-nav:hover ul.sub-menu-3 { display: block; text-transform: initial; } li.account-nav ul.sub-menu-3 { position: absolute; z-index: 100; list-style-type: none; right: 0; top: 50%; text-align: left; left: 50%; transform: translateY(-50%); } li.account-nav ul li { margin: 0 0 15px 0; } li.account-nav ul li:last-of-type { margin: 0 ; } li.account-nav ul li a { color: #231F20 !important; text-decoration: none; } /*li.account-nav:hover ul { display: none !important; } */ } /* MAIN NAVIGATION / SEARCH */ .dynamicHeader { position: sticky; position: -webkit-sticky; z-index: 150; top:0; /*transition-property: all; -webkit-transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease; transition-timing-function: ease;*/ } .dynamicHeader.no-sticky { box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } header .container nav#main-nav { order: 1; flex:1 1 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -moz-justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; z-index: 15; margin:0 0 4px 0; } header .container nav#main-nav .mobile-action { display: none; } header .container nav#main-nav .fa-close, header .container nav#main-nav .menu-close { display: none; } header .container nav#main-nav.active .fa-bars, header .container nav#main-nav.active .menu-bars1, header .container nav#main-nav.active .menu-bars2 { display: none !important; } /*header .container nav#main-nav.active .fa-close, header .container nav#main-nav.active .menu-close { display: block; }*/ .dynamicHeader:not(.no-sticky):not(.no-hero) header .container nav#main-nav.active .close2 { display: block; } .dynamicHeader.no-sticky header .container nav#main-nav.active .close1, .dynamicHeader.no-hero header .container nav#main-nav.active .close1 { display: block; } header .container nav#main-nav > ul { margin: 0; padding: 0; } header .container nav#main-nav > ul > li { display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; margin:0 30px 0px 0; } header .container nav#main-nav > ul > li > a { color:#231F20; text-decoration: none !important; font-size:0.75em; letter-spacing: 1px; display: block; position: relative; z-index: 10; font-weight: 500; } header .container nav#main-nav > ul > li a:hover { color:#54585A; text-decoration: underline; } /* MEGA MENU */ @media screen and (min-width: 896px) { header .container nav#main-nav > ul > li:not(:first-of-type).uline:hover > a:after, header .container nav#main-nav > ul > li a.current:after { content: ' '; border-bottom: 3px solid #fff; display: block; width: 100%; padding-top: 5px; margin: 0 auto; position: absolute; bottom:-10px; } .dynamicHeader.no-sticky header .container nav#main-nav > ul > li.uline:hover > a:after, .dynamicHeader.no-sticky header .container nav#main-nav > ul > li a.current:after, .dynamicHeader.no-hero header .container nav#main-nav > ul > li a.current:after { content: ' '; border-bottom: 3px solid #000; display: block; width: 100%; padding-top: 5px; margin: 0 auto; position: absolute; bottom:-10px; } header .container nav#main-nav > ul > li:not(.uline) { position: relative; } header .container nav#main-nav > ul > li .sub-menu { position: absolute; /*left: -5px;*/ left: 0; right:0; background: #fff; padding-top: 10px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -moz-justify-content: space-between; display: none; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; box-shadow: 0px 6px 4px rgb(0 0 0 / 25%); } header .container nav#main-nav > ul > li .sub-menu a:hover { /*text-decoration: underline !important;*/ position: relative; } /*header .container nav#main-nav > ul > li .sub-menu a:hover:after {*/ header .container nav#main-nav > ul > li .sub-menu:not(.sub-menu-2) ul li:not(:first-of-type) a:hover:after { content: ''; border-bottom: 1px solid #000; padding-top: 5px; width: 100%; height: 1px; position: absolute; left: 0; right: 0; bottom: -5px; } header .container nav#main-nav > ul > li .sub-menu-2 ul li a:hover:after { content: ''; border-bottom: 1px solid #000; padding-top: 5px; width: 100%; height: 1px; position: absolute; left: 0; right: 0; bottom: -5px; } .sub-menu > div { max-width: 1440px; margin: 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 45px; padding-right: 10px; padding-left: 5px; } header .container nav#main-nav > ul > li .sub-menu-2 { width: 100%; min-width: 215px; left: -15px; } header .container nav#main-nav > ul > li:hover .sub-menu { display: -ms-flexbox; display: -webkit-flex; display: flex; } header .container nav#main-nav > ul > li .sub-menu ul { flex:1; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: 0; padding:25px 5px 15px 5px; background:#fff; align-content: flex-start; /*margin-left: -15px;*/ } header .container nav#main-nav > ul > li .sub-menu ul li { flex: 100%; margin: 0 0 15px 0; font-size: 0.88em; line-height: 16px; font-weight: 300; } header .container nav#main-nav > ul > li .sub-menu-2 ul { display: block; width: 100%; flex: unset; } header .container nav#main-nav > ul > li .sub-menu-2 ul li { flex: 100%; margin: 0 0 15px 0; } header .container nav#main-nav > ul > li .sub-menu ul li a strong { display: block; margin-bottom: 17px; font-weight: 500; font-family: Acherus Grotesque; font-size: 0.75em; letter-spacing: 0.6px; } header .container nav#main-nav > ul > li .sub-menu-2 ul li a strong { display: block; margin-bottom: 0px; } } /* END MEGA MENU */ header .container .search { position: relative; align-self: flex-start; margin-top: 13px; margin-left: 17px; } header .container .search input[type="text"] { border:0; border-bottom:1px solid #777A7C; width:100%; background:transparent; -webkit-appearance: none; border-radius: 0; display: none; font-family: Karla; font-weight: 300; font-size: 22px; letter-spacing: 0.7px; line-height: 24px; padding-left: 25px; } header .container .search input[type="text"]:focus { outline: none; } header .container .search input[type="text"]::placeholder { font-size: 22px; } /*header .container .search input[type="text"]::-webkit-input-placeholder { font-size:.75em; } header .container .search input[type="text"]::-moz-placeholder { font-size:.75em; } header .container .search input[type="text"]:-ms-input-placeholder { font-size:.75em; } header .container .search input[type="text"]:-moz-placeholder { font-size:.75em; }*/ header .container .search button { background-color:transparent; border:0; border-radius: 0; -webkit-appearance: none; cursor: pointer; color: #231F20; padding: 0; } .c-icon { position: relative; } .mobile-cart-count { position: absolute; top: -6px; right: -4px; color: #fff; font-size: 10px; width: 15px; height: 15px; background-color: #000; text-align: center; border-radius: 50%; justify-content: center; align-items: center; display: none; } .c-icon:after { content: url('data:image/svg+xml; utf8, '); } .s-icon:after { content: url('data:image/svg+xml; utf8, '); /*display: block; margin-top: 2px;*/ } .x-icon:after { content: url('data:image/svg+xml; utf8, '); } header .container .search .search-close { display: none; color: #231F20; } header .container .search.active input[type="text"] { display: block; font-size: 22px; padding-bottom: 5px; color: #000; } header .container .search.active { width: 335px; } header .container .search.active .search-close { position: absolute; display: block; right: 2px; transform: translateY(-50%); top: 50%; } header .container .search.active .search-icon { position: absolute; display: block; top: 0; left: 0; transform: translateY(-50%); top: 50%; } /* END MAIN NAVIGATION / SEARCH */ @media screen and (max-width: 1024px) { } @media screen and (max-width: 896px) { .dynamicHeader { top: 0px; position: relative; left: 0; right: 0; } .dynamicHeader.abs:not(.no-hero):not(.no-sticky) { /*position: absolute;*/ } .dynamicHeader.up-sticky { position: sticky; position: -webkit-sticky; } header { background: #fff; margin:0; } .HomePageForm #divworkspacearea { padding:0 !important; } header .container { padding:10px 20px; position: relative; } header .container nav#top-nav { order:1; flex:100%; padding:0 10px; text-align: center; } header .container nav#top-nav ul li a { font-size:0.70em; } header .container #logo { order:2; flex:1; } .viewcart header .container #logo { flex: none; } header .container #logo.sa { margin-right: 71px; } /* MOBILE NAV */ header .container .fa { vertical-align: middle; } header .container nav#main-nav { flex:0 1 auto; margin:0 15px 0 0; } header .container nav#main-nav > ul > li a { font-size: 1.13em; letter-spacing: 1px; line-height: 30px; } header .container nav#main-nav .mobile-action { display: inline-block; vertical-align: middle; color: #231F20; /*padding: 5px;*/ padding: 0px; border-radius: 3px; /*font-size: 1.5em;*/ text-decoration: none; order:4; } header .container nav#main-nav > ul { display: none; } /*header .container nav#main-nav > ul.active { display: block; background: #fff; position: absolute; left: 0; right: 0; top:99%; height: 100vh; padding-top: 45px; padding-bottom:225px; z-index: 45; overflow-y: scroll; -webkit-overflow-scrolling: touch; }*/ header .container nav#main-nav > ul.active { display: block; background: #fff; background: #F8F8F8; position: fixed; left: 0; right: 0; top:60px; bottom: 0; padding-top: 35px; padding-bottom:225px; z-index: 45; overflow-y: auto; -webkit-overflow-scrolling: touch; background: linear-gradient(180deg, #fff 0%, #f8f8f8 100%); } header .container nav#main-nav > ul.active > li { display: block; width:100%; margin:-5px 0 0px 0; padding:0 20px 30px 20px; /*position: relative;*/ background: #fff; } /*header .container nav#main-nav > ul.active > li.space2 { margin-bottom: 25px; }*/ header .container nav#main-nav > ul.active > li:not(.mobile-only) > a:after { /*content: "\f105";*/ /*font-family: 'FontAwesome';*/ font-size: 1.25em; margin: 0 0 0 15px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); content: url('data:image/svg+xml; utf8, '); } header .container nav#main-nav > ul.active > li > a.active { padding: 0 0 0 45px; font-size: 0; position: absolute; top: 15px; left: 10px; z-index: 130; } header .container nav#main-nav > ul > li:hover > a:before { display: none; } header .container nav#main-nav > ul.active > li > a.active:after { font-size: 1.5em; margin: 0; position: absolute; left: 5px; top: 35px; transform: translateY(-50%); /*content: url('/css/2206/images/theme/icons/cara.png');*/ image-rendering: -webkit-optimize-contrast; content: url('data:image/svg+xml; utf8, '); } header .container nav#main-nav > ul > li > a { font-weight: 600; } header .container nav#main-nav > ul > li .sub-menu { display: none; margin:0; /*margin-top: 5px;*/ position: fixed; /*top: 75px !important;*/ /*left: 0; right: 0;*/ bottom: 0; z-index: 125; padding: 20px 25px 0 25px; background: #fff; overflow-y: auto; right: -895px; top: 60px !important; } header .container nav#main-nav > ul > li .sub-menu ul { list-style-type: none; margin: 0; padding: 0 0 20px 45px; background: rgba(255, 255, 255, 0.95); } header .container nav#main-nav > ul > li .sub-menu ul li { margin: 0; padding-top: 10px; position: relative; z-index: 15; } header .container nav#main-nav > ul > li .sub-menu:not(.sub-menu-2) ul li:first-child { border-bottom:0; } header .container nav#main-nav > ul > li .sub-menu:not(.sub-menu-2) ul li:not(:first-child) { display: none; border: 0; margin: 15px 0 15px 20px; } header .container nav#main-nav > ul > li .sub-menu ul li:not(:first-child) a { font-weight: 400; } header .container nav#main-nav > ul > li .sub-menu ul li:first-child a:after { /*content: "\f107";*/ /*font-family: 'FontAwesome';*/ font-size: 1.25em; margin: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: url('data:image/svg+xml; utf8, '); } header .container nav#main-nav > ul > li .sub-menu-2 ul li:first-child a:after { content:''; } header .container nav#main-nav > ul > li .sub-menu ul li:first-child.active a:after { /*content: "\f106";*/ /*font-family: 'FontAwesome';*/ font-size: 1.25em; margin: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: url('data:image/svg+xml; utf8, '); } header .container nav#main-nav > ul > li .sub-menu ul li a strong { display: block; /*margin-top: 10px;*/ font-weight: 600; display: block; /*margin-bottom: 10px;*/ font-weight: 500; font-family: Acherus Grotesque; font-size: 0.75em; letter-spacing: 0.6px; /*font-size: 1.13em;*/ font-size: 18px; } /* END MOBILE NAV */ header .container .search { order:3; margin-top: 0; /*margin-left: 0;*/ align-self: center; width: 25px; justify-self: flex-end; text-align: right; } header .container .search.active { flex: 0 1 100%; margin: 50px 0 0 0; width: calc(100% - 40px); } .dynamicHeader:not(.no-sticky):not(.no-hero) header .container .search.active { position: absolute; top: 100%; } header .container .search .fa { font-size: 1.75em; } header .container .search input[type="text"] { display: none; } header .container .search.active .search-icon .fa { font-size: 1.5em !important; } } /* END HEADER */ /* HOMEPAGE */ .HomePageForm main img:not(.no-rs) { width: 100%; height: auto; } .max-300 { width: 100%; max-width: 300px; } .overlay-image { position: relative; } .overlay-image > img { width: 100%; height: auto; } .overlay-image .overlay-top { width: 100%; position: absolute; top: 23px; } .overlay-image .overlay-top.left { max-width: 340px; left: 80px; } .overlay-image .overlay-top.right { max-width: 612px; text-align: right; right: 80px; } .overlay-image .overlay-top h2 { color: #FFF; } .overlay-image .overlay-top.left h2 { text-align: left !important; } .overlay-image .overlay-top.right h2 { text-align: right !important; } .overlay-image .overlay-top p { color: #FFF; } .overlay-image .overlay-top a { width: 100%; max-width: 300px; } @media screen and (max-width: 896px) { .overlay-image .overlay-top { width: 100%; position: static; margin-top: 30px; text-align: center; } .overlay-image .overlay-top.left { max-width: unset; margin-bottom: 40px; } .overlay-image .overlay-top.right { max-width: unset; text-align: center; } .overlay-image .overlay-top h2 { color: unset; } .overlay-image .overlay-top.left h2 { text-align: center !important; } .overlay-image .overlay-top.right h2 { text-align: center !important; } .overlay-image .overlay-top p { color: unset; } .overlay-image .overlay-top a { width: unset; max-width: unset; } .home-gal { margin-bottom: 15px; } } /* END HOMEPAGE */ /* FOOTER */ .dynamicFooter { padding: 45px 0 0 0; background: #fff; position: relative; z-index: 10; transform: translate3d(0,0,0); } .HomePageForm .dynamicFooter { padding: 0; } footer { padding-top: 35px; background: #F8F8F8; } footer .container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -moz-justify-content: space-between; padding:10px 20px; position: relative; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } footer .container > div { position: relative; } footer .container > div.top { flex: 100%; margin: 0 0 50px 0; } footer .container > div.top a#logo svg { max-width: 100%; } footer .container > div:not(:first-of-type) { display: -webkit-inline-flex; display: inline-flex; align-content: flex-start; flex: 0 1 20%; flex: 0 1 calc(20% - 20px); -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin:0 0 15px 0; } footer .container > div h6 { font-size:1em; font-weight: 500; width: 100%; margin:0 0 25px 0; letter-spacing: 0.7px; line-height: 18px; } footer .container > div h6:last-of-type { font-family: Acherus Grotesque; line-height: 22px; } footer .container > div h6 strong { font-weight: 600; } footer .container > div ul { list-style-type: none; margin:0; padding: 0; } footer .container > div ul li { width:100%; margin:0 0 15px 0; } footer .container > div ul li a { color:#464646; color:#000; text-decoration: none; font-size:0.85em; } footer .container > div ul li a:hover { text-decoration: underline; } footer .container > div .email-signup { margin:0 0 90px 0; position: relative; width: 100%; } footer .container > div .email-signup input[type="text"]:focus { outline: none; } footer .container > div .email-signup input[type="text"] { border:0; border-bottom:1px solid; font-size:18px; width: 100%; padding:10px 2px; -webkit-appearance: none; border-radius: 0; background: transparent; font-family: Karla; font-weight: 300; font-size: 18px; letter-spacing: 0.9px; line-height: 18px; color: #000; } footer .container > div .email-signup input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: Karla; font-weight: 300; font-size: 18px; letter-spacing: 0.9px; line-height: 18px; color: #000; } footer .container > div .email-signup input[type="text"]::-moz-placeholder { /* Firefox 19+ */ font-family: Karla; font-weight: 300; font-size: 18px; letter-spacing: 0.9px; line-height: 18px; } footer .container > div .email-signup input[type="text"]:-ms-input-placeholder { /* IE 10+ */ font-family: Karla; font-weight: 300; font-size: 18px; letter-spacing: 0.9px; line-height: 18px; } footer .container > div .email-signup input[type="text"]:-moz-placeholder { /* Firefox 18- */ font-family: Karla; font-weight: 300; font-size: 18px; letter-spacing: 0.9px; line-height: 18px; } footer .container > div .email-signup button { background-color:transparent; border:0; border-radius: 0; -webkit-appearance: none; position: absolute; right:0px; top:50%; transform: translateY(-50%); z-index: 10; cursor: pointer; color: #231F20; padding: 0; } footer .container > div .email-signup .formError { opacity: 0 !important; } footer .container > div .social { margin:0 0 25px 0; padding-left: 6px; } footer .container > div .social ul { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; padding:0; } footer .container > div .social ul li { flex:1; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; padding:0 45px 0px 0; } footer .container > div .social ul li a { font-size: 1.25em; } footer .container > div .social ul li a:hover { color:#888B8D; } footer .container > #copyright { font-size:14px; letter-spacing: 0.7px; } footer .container > #copyright p { margin: 0; } footer .container > #copyright a { color:#464646; color:#000; text-decoration: underline; } footer .container > #copyright a:hover { text-decoration: underline; } footer #newsletterbox iframe { min-width: 260px; } @media screen and (max-width: 1024px) { footer .container > div { flex:50%; } footer .container > #copyright { flex:100%; } } @media screen and (max-width: 896px) { footer { background: #fff; } footer .container { display: block; } footer .container > div:not(:first-of-type) { flex:100%; display: flex; flex-direction: column; } footer .container > div h6 { cursor: pointer; font-size: 1.13em; font-weight: 500; } footer .container > div:last-of-type { margin-top: 75px; } footer .container > div:last-of-type h6 { font-size: 1.5em; line-height: 28px; } /*footer .container > div:nth-child(-n+4) {*/ /*footer .container > div:not(:first-of-type):not(:last-of-type) { border-bottom:1px solid #d5d5d5; }*/ footer .container > div:not(:first-of-type):not(:last-of-type):after { content: '\f107'; position: absolute; right: 0; color: #888B8D; width: 15px; height: 15px; text-align: center; font-size: 1em; line-height: 1em; margin-bottom: 10px; box-sizing: content-box; pointer-events: none; content: url('data:image/svg+xml; utf8, '); } footer .container > div.active:not(:first-of-type):not(:last-of-type):after { content: '\f106'; font-family: 'FontAwesome'; position: absolute; right: 0; color: #888B8D; padding: 5px; width: 15px; height: 15px; text-align: center; font-size: 1em; line-height: 1em; margin-bottom: 10px; box-sizing: content-box; pointer-events: none; padding: 0; content: url('data:image/svg+xml; utf8, '); } footer .container > div ul { display: none; } footer .container > div.active ul { display: block; } footer .container > div .social ul li { padding:0 45px 0 0; } } /* END FOOTER */ /* STATIC PAGES */ /* NEW */ #static-page { font-family: Karla; } #static-page h1 { font-family: Acherus Grotesque; font-weight: 300; margin: 25px 0 50px 0; padding: 0 0 15px 0; border-bottom: 1px solid #777A7C; } #static-page h2 { font-family: Acherus Grotesque; font-weight: 400; text-transform: uppercase; margin: 25px 0; } #static-page p { margin: 0 0 25px 0; padding: 0; line-height: 24px; } #static-page p.heading { font-family: Acherus Grotesque; font-weight: 400; margin: 0 0 5px 0; padding: 0; letter-spacing: 2px; font-size: 1.25em; } #static-page p.heading strong { font-weight: 600; } #static-page.reps p.heading { color: #ab8135; } /* HELPERS */ /* END HELPERS */ /* END NEW */ #static-page a { text-decoration: underline; color: #231F20; font-weight: normal; } #static-page a.contact-link { color: #999; } #static-page ul.horizontal-ul { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -moz-justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; flex-wrap: wrap; margin: 45px 0; padding: 0; } #static-page ul.horizontal-ul li { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } #static-page ul.horizontal-ul li a { display: block; padding: 10px 50px; text-align: center; background: #fff; color: #231F20; text-decoration: none; border: 1px solid #231F20; } #static-page ul.horizontal-ul li a:hover,#static-page ul.horizontal-ul li a.active { background: #231F20; color: #fff; border: 1px solid #231F20; } /*HERO*/ #static-page .hero { position: relative; margin:0 0 45px 0; } #static-page .hero > div { position: absolute; top:60%; transform:translateY(-60%); left:5%; z-index: 10; } #static-page .hero > div h1 { font-family: arial; font-weight: bolder; font-size: 3.5em; color:#fff; line-height: 100%; margin:0 0 25px 0; padding:5px; } #static-page .hero > div h1 span { display: block; font-family: 'Playfair Display', serif; font-weight: 100; font-size:26px; line-height:36px; margin:15px 0 0 0; } #static-page .hero > div a { color:#fff; padding:5px; } #static-page .hero > div a:hover { color:#231F20; background:#fff; } @media screen and (max-width: 1024px) { #static-page .hero > div h1 { font-size:2.5em; margin:0 0 15px 0; } #static-page .hero > div h1 br { display: none; } } @media screen and (max-width: 896px) { #static-page .hero::after { background-image: unset; } #static-page .hero img { object-fit: cover; height: 400px; } #static-page .hero > div { position: absolute; top: 50%; transform: translateY(-50%); left: 5%; right: 5%; z-index: 10; /*background: rgb(27 54 93 / 60%);*/ background: rgb(0 0 0 / 60%); padding: 25px; max-width: unset; text-align: center; } #static-page .hero > div h1 { font-size:1.75em; margin:0 0 10px 0; } #static-page .hero > div h1 span { font-size: 18px; } #static-page ul.horizontal-ul { display: block; } #static-page ul.horizontal-ul li { display: block; width: 100%; } } /*END HERO*/ /*CONTACT US*/ .contact-form { font-size: 0; position: relative; } .contact-form p { font-size: 16px; padding: 0; margin: 10px 0 } .contact-form>div:not(.clear) { padding: 15px 10px; box-sizing: border-box } .contact-form>div>div:not(:only-child) { display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box } .contact-form>div>div:not(:only-child):first-child { padding-right: 25px } .contact-form label { display: block; font-size: 16px; font-weight: 700; color: #231F20; margin: 0 0 15px } .contact-form input[type=text],.contact-form input[type=tel],.contact-form input[type=email],.contact-form textarea { padding: 20px; border: 1px solid #cacaca; background: #eee; border-radius: 0; -webkit-appearance: none; width: 100%; box-sizing: border-box } .contact-form .checkbox-container { } .contact-form .checkbox-container label { display: inline-block; vertical-align: middle; margin: 0 10px 0 0 } .contact-form .checkbox-container input[type=checkbox] { -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; padding: 9px; border-radius: 3px; display: inline-block; vertical-align: middle; position: relative } .contact-form .checkbox-container input[type=checkbox]:active,.contact-form .checkbox-container input[type=checkbox]:checked:active { box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1) } .contact-form .checkbox-container input[type=checkbox]:checked { background-color: #e9ecee; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1); color: #323c54 } .contact-form .checkbox-container input[type=checkbox]:checked:after { content: '\2714'; font-size: 14px; position: absolute; top: 0; left: 3px; color: #323c54 } .contact-form .button-container { text-align: right } .contact-form .button-container button { border: 1px solid #231F20; background: #231F20; border-radius: 0; color: #fff; cursor: pointer; padding: 15px 75px; font-size: 24px } .contact-form .button-container button:hover { background: #fff; color: #231F20 } .contact-form input:focus,.contact-form button:focus,.contact-form textarea:focus { outline: none; border: 1px solid #4d90fe; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 5px #4d90fe } @media screen and (max-width: 896px) { .contact-form>div>div:not(:only-child):first-child { padding:0 } .contact-form>div>div:not(:only-child) { width: 100%; margin-bottom: 45px } .contact-form .checkbox-container label { width: 85%; vertical-align: top } .contact-form .checkbox-container input[type=checkbox] { vertical-align: top; float: right; max-width: 10% } .contact-form .button-container button { width: 100% } } /*END CONTACT US*/ /*FAQ*/ #static-page .faq-container { } #static-page .faq-container > div { background: #eee; padding: 25px; margin: 0 0 45px 0; } #static-page .faq-container > div .expand { border-bottom: 1px solid #ccc; padding: 15px; } #static-page .faq-container > div .expand > div { display: none; } #static-page .faq-container > div .expand.active > div { display: block; padding: 5px 25px; } #static-page .faq-container > div .expand.active > div { font-style: italic; } #static-page .faq-container > div .expand > p { cursor: pointer; padding: 0 20px 0 0; } #static-page .faq-container > div .expand.active > p { cursor: pointer; padding: 0 20px 10px 0; } #static-page .faq-container > div p { position: relative; padding: 0; margin: 0; } #static-page .faq-container > div p.heading { border-bottom: 1px solid #ccc; padding-bottom: 15px; } #static-page .faq-container > div .expand > p:after { content: "\f067"; position: absolute; top:10px; right:0; z-index: 10; font-family: 'FontAwesome'; } #static-page .faq-container > div .expand.active > p:after { content: "\f00d"; position: absolute; top:10px; right:0; z-index: 10; font-family: 'FontAwesome'; } /*END FAQ*/ /* END STATIC PAGES */ /* UI PAGES */ /* ITEM INFO */ /* REMOVE/HIDE ITEM INFO ELEMENTS */ #ViewAllItemsWithinCollection, #UpdatePanel3, #ProductInformationPanel, #error-report, #text-disclaimers { display: none !important; } /* END REMOVE/HIDE ITEM INFO ELEMENTS */ #item-info-container { max-width: 1440px; padding:0 20px; margin:0 auto; font-size: 16px; font-family: 'Karla', sans-serif; } #item-info-container #item-info-top { margin: 15px 0 60px 0; } @media screen and (max-width: 896px) { #item-info-container #item-info-top { margin: 15px 0 30px 0; } } #item-info-container #item-info-pagination { display: none; } #item-info-bottom { padding: 10px 0; } #item-info-pagination a { color: inherit; } #item-info-container #item-info-left { width: 60%; } @media screen and (max-width: 1400px) and (min-width: 768px) { body.draping-active #item-info-container #item-info-left { width: 50%; } } #item-info-container #item-info-right { width: 40%; } @media screen and (max-width: 1024px) { #item-info-container #item-info-left { width: 50%; } #item-info-container #item-info-right { width: 50%; } } @media screen and (max-width: 768px) { #item-info-container #item-info-left { width: 100%; } #item-info-container #item-info-right { width: 100%; } } #item-info-container #item-info-breadcrumbs { font-family: 'Crimson Text', serif; font-style: italic; font-size: 14px; letter-spacing: 1px; } #item-info-container #item-info-breadcrumbs li:after { font-family: "FontAwesome"; content: ' \f105 '; font-style: normal; color: #777A7C; padding: 0 5px; } #item-info-container #item-info-bottom #item-info-breadcrumbs { float: none !important; } @media screen and (max-width: 896px) { #item-info-container #item-info-bottom #item-info-breadcrumbs { text-align: center; margin: 45px 0; } #item-info-left #item-info-additional-images .owl-stage { margin: 0 auto; } } #item-info-container #item-info-breadcrumbs a { color: #777A7C; } #item-info-container #item-info-breadcrumbs li:last-of-type a { color: #000; } #item-info-left #item-info-additional-images .owl-item { padding-right: 5px !important; padding-left: 5px !important; } #item-info-left #item-info-additional-images img { border: 0; } #item-info-container #item-info-short-description h1, #print-container h1 { font-family: 'Acherus Grotesque'; font-weight: 300; font-size: 2em; text-transform: uppercase; letter-spacing: 1.6px; line-height: 32px; margin-bottom: 25px; } #item-info-container #item-info-short-description p { line-height: 20px; } #item-info-container #divRequiredOptionsMessage { display: none; } #item-info-container #item-info-status:not(:empty) { margin: 0 0 10px 0; font-size: 15px !important; font-weight: 400; font-family: 'Acherus Grotesque'; text-transform: uppercase; line-height: 22px; color: #000; } #item-info-container #item-info-status:not(:empty) .availability { margin: 0 5px 0 0; } #item-info-container #item-info-status .fw-inv-status .fw-inv-label { display: none; } /* PRICE ADD TO CART */ #item-info-container .cust-access-msg { font-weight: 300; color: #000; margin-top: 30px; } #item-info-container .cust-access-msg a { color: #000; text-decoration: underline; } #item-info-container .flex-info { display: flex; flex-wrap: wrap; /*text-align: right;*/ margin: 15px 0 15px 0; } #item-info-container .flex-info > * { flex: 1 1 100%; } #item-info-container #item-info-pricing { /*text-align: right;*/ order: 3; } #item-info-pricing .quantity-selection:not(:empty) { margin: 0 -6px 15px 0; width: 30%; position: relative; } #item-info-pricing .quantity-selector > label { font-family: 'Acherus Grotesque'; font-size: 14px; position: absolute; top: 12px; left: 10px; } #item-info-pricing .quantity-selector input[type="number"] { font-family: 'Acherus Grotesque'; padding: 10px 10px 10px 44px !important; font-weight: bold; height: 40px; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } #item-info-pricing .quantity-selector .up { width: 6px; height: 11px; cursor: pointer; padding: 0 !important; background-image: url(images/right-arrow.png); background-repeat: no-repeat; background-size: 6px 11px; display: block; position: absolute; transform: rotate(-90deg); top: 6px; right: 26px; background-color: unset; border: 0 !important; z-index: 100; } #item-info-pricing .quantity-selector .down { width: 6px; height: 11px; cursor: pointer; padding: 0 !important; background-image: url(images/right-arrow.png); background-repeat: no-repeat; background-size: 6px 11px; display: block; position: absolute; transform: rotate(90deg); bottom: 6px; right: 26px; background-color: unset; border: 0 !important; z-index: 100; } #item-info-pricing .quantity-selector input[type="number"]::-webkit-inner-spin-button, #item-info-pricing .quantity-selector input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #item-info-pricing .add-to-cart { margin: 0 0 15px 0; width: 70%; } #item-info-pricing .add-to-cart a.disabled { background: #231F20; color: #fff; } #item-info-pricing .add-to-cart a:first-of-type { font-family: 'Acherus Grotesque'; font-weight: 400; padding: 11px 10px; height: 40px; background: #231F20; color: #fff; border: 1px solid #231F20; } #item-info-pricing .add-to-cart a:first-of-type:hover { border: 1px solid #231F20; background: #fff; color: #231F20; } #item-info-pricing .add-to-cart .add-to-projects-cart { font-family: 'Acherus Grotesque'; font-weight: 400; padding: 11px 10px; height: 40px; background: #fff; color: #231F20; border: 1px solid #231F20; margin-top: 15px; } #item-info-pricing .add-to-cart .add-to-projects-cart:hover { border: 1px solid #231F20; background: #fff; color: #231F20; } #item-info-pricing .add-to-cart .add-to-projects-cart .fa { color: #D9D9D9; } #item-info-pricing .add-to-cart .add-to-projects-cart:hover .fa { color: #224c5d; } #item-info-pricing .price { display: block; } #item-info-pricing .price span:not(.has-sale) { font-size: 16px !important; } #item-info-pricing .price, .MSRPPricingLabel { /*font-weight: 500 !important;*/ color: #000 !important; font-size: 14px !important; margin-bottom: 10px; } #item-info-pricing .price-container, #item-info-pricing .sale-price-container { margin-bottom: 20px !important; font-family: 'Acherus Grotesque'; } #pricingDisplayControl_divDisplayPrice, #pricingDisplayControl_divMsrpDisplay { display: block; text-transform: uppercase; font-weight: normal !important; } #pricingDisplayControl_spanMSRPPrice, #pricingDisplayControl_spanDisplayPrice { margin-right: 10px; float: left; font-weight: 700; min-width: 90px; } #item-info-pricing .no-price { color: #231F20; font-weight: 500; } @media screen and (max-width: 900px) { #item-info-pricing .quantity-selection:not(:empty) { width: 35%; } #item-info-pricing .add-to-cart { width: 65%; } } @media screen and (max-width: 767px) { #item-info-pricing .quantity-selection:not(:empty) { width: 150px; height: 40px; margin: 10px auto 15px auto; display: block; } #item-info-pricing .add-to-cart { width: 100%; } } /* END PRICE ADD TO CART */ /* VIEW CART */ /*#btnEmptyCart, #btnPrintCart { display: none !important; }*/ /*.viewcart .grid-container, .viewcart #divworkspacearea {*/ .viewcart #main-nav { display: none !important; } .green-btn { border: 1px solid #231F20 !important; } .viewcart-body { background: #F8F8F8; } .viewcart .grid-container { padding: 0; } .viewcart #divworkspacearea { padding: 0 15px; background-color: #F8F8F8; } .viewcart .related-items-container { display: none !important; } .viewcart .dynamicFooter { background: #F8F8F8; } /* .viewcart .dynamicFooter footer > .container > div { display: none; } .viewcart .dynamicFooter footer { padding-top: 0; } */ .viewcart .progressive-checkout-container { display: flex; justify-content: space-between; } .viewcart .progressive-checkout { flex: 0 0 calc(75% - 24px); background-color: #FFF; } .viewcart .progressive-checkout-sidebar { flex: 0 0 25%; background-color: #FFF; } .viewcart .progressive-checkout-sidebar .subtotal h1 { font-family: 'Acherus Grotesque'; font-size: 14px; font-weight: 400; color: #231F20; margin-bottom: 15px; } .viewcart .progressive-checkout-sidebar .fine-print { font-size: 12px !important; font-weight: 400; color: #777A7C; } .viewcart header { background: #F8F8F8; } #divworkspacearea .cart-heading { width: 73%; display: flex; justify-content: space-between; padding: 0 0 10px; } #divworkspacearea .cart-heading > ul { display: flex; align-items: center; font-family: 'Acherus Grotesque'; font-size: 14px; font-weight: 400; color: #231F20; } #divworkspacearea .cart-heading > ul li { list-style: none; border-left: 1px solid #c4c4c4; padding-left: 10px; padding-right: 10px; } #divworkspacearea .cart-heading > ul li:first-of-type { border-left: 0; } .cart-items .itemQuantityDropDownList { position: relative; } .cart-items .product-qty-sel label { font-family: 'Acherus Grotesque'; font-size: 12px; position: absolute; top: 12px; left: 10px; z-index: 20; } .cart-items .product-qty-sel select { font-family: 'Acherus Grotesque'; width: 85px !important; height: 40px; font-weight: bold; text-indent: 38px; color: #000; cursor: pointer; border: 1px solid #E5E5E5; margin: 0 0 5px 0; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 50; } .cart-items .product-qty-sel .sel-arrow { width: 6px; height: 11px; background-image: url('images/right-arrow.png'); background-repeat: no-repeat; background-size: 6px 11px; display: block; position: absolute; transform: rotate(90deg); bottom: 19px; right: 18px; z-index: 0; } .cart-items .product-qty label { font-family: 'Acherus Grotesque'; font-size: 12px; position: absolute; top: 12px; left: 10px; } .cart-items .product-qty input[type="number"] { font-family: 'Acherus Grotesque'; width: 85px !important; height: 40px; font-weight: bold; text-indent: 37px; border: 1px solid #E5E5E5; margin: 0 0 5px 0; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .cart-items .product-qty .up { width: 6px; height: 11px; cursor: pointer; padding: 0 !important; background-image: url('images/right-arrow.png'); background-repeat: no-repeat; background-size: 6px 11px; display: block; position: absolute; transform: rotate(-90deg); top: 6px; right: 16px; background-color: unset; border: 0 !important; z-index: 100; } .cart-items .product-qty .down { width: 6px; height: 11px; cursor: pointer; padding: 0 !important; background-image: url('images/right-arrow.png'); background-repeat: no-repeat; background-size: 6px 11px; display: block; position: absolute; transform: rotate(90deg); bottom: 10px; right: 16px; background-color: unset; border: 0 !important; z-index: 100; } .cart-items .product-qty input[type="number"]::-webkit-inner-spin-button, .cart-items .product-qty input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @media screen and (max-width: 767px) { .viewcart .progressive-checkout-container { flex-direction: column; } .viewcart .progressive-checkout { flex: 0 0 100%; } .viewcart .progressive-checkout-sidebar { flex: 0 0 100%; } #divworkspacearea .cart-heading { width: 100%; } } #divworkspacearea .cart-heading h1 { font-family: 'Acherus Grotesque', sans-serif; font-weight: 300; font-size: 2em; margin-right: auto; } #divworkspacearea .cart-details { border: 0; } #divworkspacearea .cart-details .heading strong { font-weight: 400 !important; } #divworkspacearea .cart-items .cart-items-headings .heading { text-transform: capitalize; font-family: 'Acherus Grotesque', sans-serif; font-weight: 500; font-size: 12px; color: #54585A; } #divworkspacearea .row { margin: 25px 0 0 0; } #divworkspacearea .cart-items { padding: 0; } #divworkspacearea .cart-items .item-detail > a > span { display: block; line-height: 20px; } #divworkspacearea .cart-items .item-detail > a > div { line-height: 20px; } #divworkspacearea .cart-items .item-detail > a .item-number > span { display: none; } @media screen and (min-width: 500px) { .cart-items .image-row { width: 18%; } .cart-items .item-detail { width: 42%; } } .checkout-btn { margin: 0 0 15px 0; padding: 11px !important; text-transform: capitalize !important; font-family: 'Acherus Grotesque'; } .shopping-button { margin-right: 0 !important; margin: 0 0 15px 0; padding: 11px !important; text-transform: capitalize !important; font-family: 'Acherus Grotesque'; } #btnQuoteCart { padding: 11px !important; text-transform: capitalize !important; font-family: 'Acherus Grotesque'; margin: 0 0 15px 0 !important; } #divworkspacearea .green-btn, #btnQuoteCart { background: #231F20; color: #fff; font-size: 14px; } #divworkspacearea .green-btn:hover, #btnQuoteCart:hover { background: #fff; color: #231F20; } #divworkspacearea .cart-options ul { background: #fff; margin: 5px; font-family: 'Acherus Grotesque'; font-size: 14px; font-weight: 400; } #divworkspacearea .cart-options ul li { margin: 0 5px 0 0; } #divworkspacearea .cart-options ul li a { border: 1px solid #231F20; padding: 11px 16px; display: block; text-transform: none; } #divworkspacearea .cart-options ul li a:hover { background: #231F20; color: #fff; } #divworkspacearea .shopping-button { background: #fff; border: 1px solid #E5E5E5; } #divworkspacearea .shopping-button:hover { border: 1px solid #231F20; } #divworkspacearea .subtotal { padding: 0; background: transparent; border: 0; order: 5; flex: 100%; border-top: 1px solid #E5E5E5; padding-top: 22px; margin: 0; } #divworkspacearea .subtotal h2 { font-family: 'Acherus Grotesque'; font-size: 12px; font-weight: 400; color: #777A7C; } #divworkspacearea .subtotal h2 span { display: block; font-size: 18px; font-weight: 600; color: #231F20; margin-top: 4px; } #divworkspacearea .cart-options ul li a .fa { display: none; } #divworkspacearea .orderItemDescriptionLeftText, .product-title { font-weight: 600 !important; text-decoration: none !important; } .item-number, .item-color { color: #000 !important; } .fine-print { font-size: 1.15em !important; font-style: normal !important; margin: 15px 0 0 0 !important; } #divworkspacearea .cart-items .row:not(:first-of-type) { position: relative; padding-bottom: 57px; height: 200px; } #divworkspacearea .cart-items .qty-row { /*text-align: right;*/ line-height: 18px; } #divworkspacearea .cart-items .qty-row span span:not(.product-qty) { /*display: none;*/ } #divworkspacearea .cart-items .qty-row > span { display: flex; height: 45px; align-items: center; flex-wrap: wrap; } #divworkspacearea .cart-items .qty-row > span .product-qty { display: inline-block; position: relative; margin-right: 5px; } #divworkspacearea .cart-items .qty-row .OrderLineItemColumn4UpdateButton { margin-right: 5px; } #divworkspacearea .cart-items .row-item { padding: 10px; } #divworkspacearea .cart-items .total-row .orig-price { font-weight: 500; display: flex; height: 45px; align-items: center; } #divworkspacearea .cart-items .orig-price { font-size: 14px; color: #000; margin: 0; } @media screen and (min-width: 500px) { #divworkspacearea .cart-items .qty-heading.small-row { width: 20%; } #divworkspacearea .cart-items .total-heading.small-row { width: 15%; } #divworkspacearea .cart-items .qty-row.small-row { width: 20%; } #divworkspacearea .cart-items .total-row.small-row { width: 15%; } } /*SIDEMARK*/ #divworkspacearea .cart-items .sidemark { position: absolute; right: 0; top: 82px; } #divworkspacearea .cart-items textarea { font-family: 'Karla'; background: #FFFFFF; border: 1px solid #C4C4C4; box-sizing: border-box; border-radius: 3px; max-width: 386px; } #divworkspacearea .cart-items .sidemark a { display: block; margin-top: 5px !important; } @media screen and (max-width: 1400px) { #divworkspacearea .cart-items textarea { max-width: 286px; display: block; } } @media screen and (max-width: 1100px) { #divworkspacearea .cart-items .row:not(:first-of-type) { height: unset; padding-bottom: 0; } #divworkspacearea .cart-items .sidemark { position: static; top: unset; } } @media screen and (max-width: 767px) { .sidemark a { text-align: left !important; } } /* QUOTE CART */ .viewcart-body .mfp-bg { background: #000; opacity: 0.5; } .viewcart-body .mfp-iframe-holder .mfp-close { top: 0; right: 7px; color: #000; } .quote-a-cart-form h1 { background: transparent; padding: 0; font-family: Acherus Grotesque; font-weight: 400; text-indent: unset; font-size: 36px; color: #54585A; margin-bottom: 10px; border-bottom: 0; } .quote-a-cart-form .quote-a-cart label { font-size: 14px; } .quote-a-cart-form input[type="text"] { font-size: 16px; width: 100%; display: block; padding: 10px; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%); border: 1px solid; background: #fff; border-radius: 3px!important; border-color: rgb(61 66 87 / 16%)!important; margin: 10px 0 15px; } .quote-a-cart-form textarea { font-size: 16px; background: #fff; margin: 10px 0 15px; } .quote-a-cart-form input[type="submit"] { margin: 10px 0 15px; display: block; background: #231f20; color: #fff; border: 1px solid #231f20; padding: 10px 25px; text-align: center; cursor: pointer; width: 100%; } .quote-a-cart-form #divPriceOptions { margin-bottom: 10px; } /* END QUOTE CART */ /* RELATED */ #relatedItemUserControl_relatedItemsDiv p.heading { overflow: hidden; text-align: center; font-size: 1.5em !important; font-weight: 400 !important; } #relatedItemUserControl_relatedItemsDiv p.heading:before, #relatedItemUserControl_relatedItemsDiv p.heading:after { background-color: #ccc; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } #relatedItemUserControl_relatedItemsDiv p.heading:before { right: 0.5em; margin-left: -50%; } #relatedItemUserControl_relatedItemsDiv p.heading:after { left: 0.5em; margin-right: -50%; } #relatedItemUserControl_relatedItemsDiv ul { background: transparent !important; padding: 0 !important; } #relatedItemUserControl_relatedItemsDiv ul li { text-align: center; } #relatedItemUserControl_relatedItemsDiv ul li img { margin: 0 0 15px 0; } #relatedItemUserControl_relatedItemsDiv ul li hr { display: none; } /* END RELATED */ /* SAVED CART */ .SavedOrderPageForm #divworkspacearea { padding: 0; } .SavedOrderPageForm #PageContentHeading2 h2 { font-family: Acherus Grotesque; font-weight: 200; margin: 25px 0 50px 0px; padding: 0 0 15px; border-bottom: 1px solid #777a7c; font-size: 2em !important; } .SavedOrderContainer .row { padding: 5px 0 !important; } .SavedOrderContainer .saved-items-headings .row-item { padding: 0 !important; } /* END SAVED CART */ /* END VIEW CART */ /* CHECKOUT */ .checkout #main-nav { display: none !important; } .checkout-body { background: #F8F8F8; } .checkout #divworkspacearea { padding: 0 15px; background-color: #F8F8F8; } .checkout header { background-color: #F8F8F8; } .checkout .checkout-heading h1 { font-family: 'Acherus Grotesque', sans-serif;; font-weight: 300; font-size: 2em; margin: 0 0 15px; } .checkout .dynamicFooter { background: #F8F8F8; } .checkout .workspacearea { background: #F8F8F8 !important; } @media screen and (max-width: 896px) { .checkout footer { background: unset !important; } } /* .checkout .dynamicFooter footer { padding-top: 0; } .checkout .dynamicFooter footer > .container > div { display: none; } */ /* END CHECKOUT */ .photo-comments { font-weight: 700; color: #231F20; text-transform: uppercase; } .photo-comments span { font-weight: 400; } .fw-rep-only .fw-inv-label { font-weight: 400; color: #231F20; text-transform: uppercase; } .fw-rep-only .fw-inv-val { font-weight: 700; color: #231F20; text-transform: uppercase; } .availability { display: inline-block; text-transform: uppercase; } .availability span { display: none; } #ProductInfo1 { min-height: unset; margin: 25px 0 0 0; } #item-info-product-info { font-size: 16px !important; color: #000; } #item-info-product-info a { color: #000; text-decoration: underline; } #item-info-container #item-info-product-info .product-tabs-navigation { border-bottom: 1px solid #ccc; } #item-info-container #item-info-product-info .product-tab-heading { text-transform: uppercase; margin: 0; white-space: unset; overflow: unset; padding: 15px 45px 0px 45px; height: 54px; font-weight: 400; font-family: Acherus Grotesque; font-size: 12px; letter-spacing: 1px; } .product-tab-heading[data-tab-class="Legend"] { display: none !important; } #item-info-container #item-info-product-info .product-tab-heading a { color: #231F20; } #item-info-container .tab-content[data-tab-class="ProductSpecifications"] > div:first-of-type h2 { font-family: 'Acherus Grotesque'; font-weight: 300; font-size: 2em; text-transform: uppercase; letter-spacing: 1.6px; line-height: 32px; margin-bottom: 25px; } /* ICONS */ #item-info-container #item-info-product-info .product-tab-heading[data-tab-class="ProductSpecifications"]:before { display: block; float: left; margin: 0 20px 0 0; font-size: 22px; content: url('data:image/svg+xml; utf8, '); } #item-info-container #item-info-product-info .product-tab-heading[data-tab-class="Shipping"]:before { display: block; float: left; margin: 0 20px 0 0; font-size: 22px; content: url('data:image/svg+xml; utf8, '); } #item-info-container #item-info-product-info .product-tab-heading[data-tab-class="OrderSwatches"]:before { display: block; float: left; margin: 0 20px 0 0; font-size: 22px; content: url('data:image/svg+xml; utf8, '); } .sprite { background-image: url(/css/2206/images/icons/spritesheet.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle; } .sprite-arrow { width: 75px; height: 50px; background-position: -5px -5px; } .sprite-brush { width: 75px; height: 50px; background-position: -90px -5px; } .sprite-drop { width: 75px; height: 50px; background-position: -5px -65px; } .sprite-h { width: 75px; height: 50px; background-position: -90px -65px; } .sprite-heart { width: 75px; height: 50px; background-position: -5px -125px; } .sprite-sun { width: 75px; height: 50px; background-position: -90px -125px; } .sprite-swatch { width: 75px; height: 50px; background-position: -175px -5px; } .sprite-tag { width: 75px; height: 50px; background-position: -175px -65px; } .sprite-truck { width: 75px; height: 50px; background-position: -175px -125px; } .sprite-usa { width: 75px; height: 50px; background-position: -5px -185px; } /* END ICONS */ #item-info-container #item-info-product-info .product-tab-heading a:hover { text-decoration: none; } #item-info-container #item-info-product-info .product-tab-heading.tab-active { background: #f6f7f9; font-weight: normal; border-bottom: 0; border: 0; } .tab-active { border: 0 !important; } #item-info-container #item-info-product-info .tab-content { padding: 45px 45px 25px 45px; } #item-info-container .additional-info { border: 0; } #item-info-container #basic-function-icons li { line-height: unset; } #item-info-container #basic-function-icons { text-align: left; display: block; font-size: 14px !important; } #item-info-container #basic-function-icons li { position: relative; margin: 0 20px 0 0; } #item-info-container #basic-function-icons li a { font-family: 'Acherus Grotesque'; font-weight: 400; padding: 11px 50px; height: 40px; background: #fff; color: #231F20; border: 1px solid #231F20; } #item-info-container #basic-function-icons li a:hover { border: 1px solid #231F20; background: #fff; color: #231F20; } #item-info-container #basic-function-icons li a .fa { color: #D9D9D9; } #item-info-container #basic-function-icons li a:after { /*content: '|'; margin: 0 0 0 20px; color: #c4c4c4;*/ content: ''; margin: 0 0 0 20px; color: #c4c4c4; display: inline-block; border-right: 1px solid #c4c4c4; height: 25px; vertical-align: middle; } #item-info-container #basic-function-icons li:last-of-type a:after { display: none; } #item-info-container #basic-function-icons li:last-of-type { margin-right: 0; } #item-info-container .spec-desc-list { font-size: 16px; padding-bottom: 25px; padding-top: 10px; margin-bottom: 30px; margin-left: 0; border-bottom: 1px solid #ccc; } #item-info-container .spec-desc-list li { margin-left: 30px; } #item-info-container #RelatedItems_totalRelatedItems { display: none; } #item-info-container .related-items-container .ProductThumbnailParagraphSkuName { display: none; } #item-info-container .related-items-container .price { display: none; } #item-info-container .related-items-container .add-to-cart { display: none; } #item-info-container #RecentItems .ProductThumbnailParagraphSkuName { display: none; } #item-info-container #RecentItems .price { display: none; } #item-info-container #RecentItems .add-to-cart { display: none; } @media screen and (max-width: 1024px) { #item-info-container #item-info-product-info .product-tab-heading { padding: 15px 5px; } #item-info-container #item-info-product-info .product-tab-heading.tab-active { border-bottom: 1px solid #ccc !important; } #item-info-container #item-info-product-info .tab-content { padding: 15px 0; } } @media screen and (max-width: 896px) { #item-info-container { padding:0 20px; } #item-info-container #item-info-product-info .product-tab-heading { padding: 15px 0; } #item-info-product-info .product-tabs, .tab-content[data-tab-class="Legend"] { padding: 15px 0px !important; } #item-info-container #basic-function-icons { text-align: left; } .legend-icon { white-space: nowrap; overflow-x: scroll; padding: 25px 0; } /*#item-info-container #item-info-product-info .tab-content { padding: 15px; }*/ } /* DRAPING / CUSTOMIZE FEATURE */ /* HIDE ELEMENTS */ #ItemOptionsToolbarControl1_ItemOptionsToolbarPanel:first-of-type { display: none; } #ItemInfoActionsPanel { display: none; } #item-info-draping .draping-options .recently-viewed, #item-info-draping .draping-options .fabric-suggestions { display: none; } .draping-selections { display: none !important; } #SummaryOfTheOptions { display: none; } #imageDisclaimerContainer { display: none; } #item-info-right #item-info-short-description h2 { display: none; } #item-info-right #item-info-short-description > p:not(.prod-desc-dim, .prod-desc-sku) > span { display: none; } #item-info-right #item-info-short-description > .prod-desc-sku { margin-top: 25px; font-weight: 700; text-transform: uppercase; } #item-info-right #item-info-short-description > .prod-desc-sku > span { font-weight: 400; } #item-info-right #item-info-short-description > #prod-desc-dim-container > .prod-desc-dim { margin-top: 10px; font-weight: 700; text-transform: uppercase; } #item-info-right #item-info-short-description > #prod-desc-dim-container > .prod-desc-dim > span { font-weight: 400; } @media screen and (max-width: 767px) { #item-info-right #item-info-short-description > .prod-desc-sku > span { display: block; font-weight: 400; } #item-info-right #item-info-short-description > #prod-desc-dim-container > .prod-desc-dim > span { display: block; font-weight: 400; } } /* END HIDE ELEMENTS */ /* TEMP? */ #item-info-draping .draping-options ul { margin-top: 25px; } #item-info-draping .draping-options li { width: calc(25% - 15px) !important; overflow: hidden; margin: 0 15px 15px 0; padding: 0 0 3px 0; } #item-info-draping .draping-options li:hover { background-color: #E5E5E5; } #item-info-draping .draping-options li img { width:100% !important; height:auto !important; aspect-ratio: 1/.7 !important; } /* END TEMP? */ #item-info-draping .draping-interactions .mfp-close { position: absolute !important; right: 20px; top: 10px; } #item-info-draping .draping-interactions .mfp-close::after { width: 35px; height: 35px; display: block; content: url('data:image/svg+xml; utf8, '); } #item-info-draping .draping-container { border: 0 !important; } #item-info-draping .draping-filter li select { font-family: 'Karla', sans-serif; font-size: 16px; font-weight: 300; border: 0; border-bottom: 1px solid #000; color: #000; padding: 5px 0px; background-color: white; display: inline-block; line-height: 1.5em; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient( 45deg, transparent 50%, gray 50%), linear-gradient( 135deg, gray 50%, transparent 50%); background-position: calc(100% - 5px) calc(1em + 2px), calc(100% - 0px) calc(1em + 2px); background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; } #item-info-draping .draping-filter li:after { display: none; } #item-info-draping .CustomizeCoversDivCoverSearch { position: relative; height: 34px; } #item-info-draping .CustomizeCoversDivCoverSearch:after { display: block; color: #000; font-size: 16px; text-align: center; position: absolute; right: 5px; top: 12px; content: url('data:image/svg+xml; utf8, '); } #item-info-draping .select-type-nav { font-size: 16px; font-weight: 300; width: 50%; margin: 20px 0 0 0; color: #000; position: relative; } #item-info-draping .select-type-nav ul { position: relative; z-index: 100; } #item-info-draping .select-type-nav::after { position: absolute; right: 0; top: 2px; z-index: 0; width: 14px; height: 9px; display: block; content: url('data:image/svg+xml; utf8, '); } #item-info-draping .select-type-nav a { color: #000; display: block; } #item-info-draping .select-type-nav a:hover { text-decoration: none; } #item-info-draping .select-type-nav > ul { border-bottom: 1px solid #000; padding-bottom: 10px; } #item-info-draping .select-type-nav li { list-style: none; } #item-info-draping .select-type-nav .select-type-nav-ul { display: none; position: absolute; z-index: 200; background-color: #FFF; width: 100%; box-shadow: 0px 3px 3px rgb(0 0 0 / 30%); padding: 7px; } #item-info-draping .select-type-nav .select-type-nav-ul li { line-height: 22px; } #item-info-draping .select-type-nav .select-type-nav-ul li a:hover { text-decoration: underline; } #item-info-draping .draping-interactions h2 { font-family: 'Acherus Grotesque'; font-weight: 300; font-size: 2em; text-transform: uppercase; letter-spacing: 1.6px; line-height: 32px; margin: 0 0 5px 0; } #item-info-draping .draping-interactions p.selected-type { text-transform: uppercase; font-weight: 700; font-family: 'Acherus Grotesque', sans-serif; display: inline-block; margin-bottom: 15px; } #item-info-draping #ItemCustomization_OptionCoverSelector_SKU { border: 0; border-bottom: 1px solid #000; width: 100%; padding: 10px 0px; display: inline-block; background: #ffffff; font-size: 16px; font-family: 'karla'; font-weight: 300; color: #000; } #item-info-draping #ItemCustomization_OptionCoverSelector_SKU::placeholder { color: #000; } #item-info-draping .draping-options .cover-search-checkbox { display: none; } #item-info-draping #ItemCustomization_OptionCoverSelector_SkuGo { display: none; } #item-info-draping .draping-options input[type="button"]:hover { border: 0; } #item-info-draping .draping-options li a.selected img { border: 0; } #item-info-draping .draping-options li a.selected:before { font-family: FontAwesome; content: "\f00c"; z-index: 1; color: #000; padding: 5px; position: absolute; left: 5px; top: 5px; background: #fff; border: 1px solid #231F20; } #item-info-draping .draping-options li a.selected span.img:before { display: none; } #item-info-draping .draping-options li > span:last-child:not(:empty) { background: transparent; text-align: left; font-size: 12px; } #item-info-draping .customize-choice-tabs, #item-info-draping .customize-choice-tabs.tabs-inline { width:100%; box-sizing:border-box; float:none; overflow: hidden; max-height: 100%; } #item-info-draping .customize-choice-tabs > li { font-size: 14px; /*text-transform: uppercase;*/ } #item-info-draping .customize-choice-tabs > li > a { font-family: 'Acherus Grotesque'; font-weight: 600 !important; letter-spacing: 1.4px; font-size: 14px; } /*#item-info-draping .customize-choice-tabs > li:first-of-type, #item-info-draping .customize-choice-tabs.tabs-inline > li:first-of-type { border-bottom: 1px solid #ccc; }*/ #item-info-draping .customize-choice-tabs > li:last-of-type, #item-info-draping .customize-choice-tabs.tabs-inline > li:last-of-type { border-bottom: 1px solid #ccc; } #item-info-draping .customize-choice-tabs > li:first-of-type, #item-info-draping .customize-choice-tabs.tabs-inline > li:first-of-type { border-top: 0; } #item-info-draping .customize-choice-tabs > li, #item-info-draping .customize-choice-tabs.tabs-inline > li { margin:0 0 0px 0; display: block; border:1px solid #ccc; border-left:0; border-right:0; border-bottom:0; } #item-info-draping .customize-choice-tabs > li > a, #item-info-draping .customize-choice-tabs.tabs-inline > li > a { border:0 !important; padding-top:17px; padding-bottom:17px; padding-left:0; background:transparent !important; text-transform: uppercase; text-decoration: none !important; } #item-info-draping .customize-choice-tabs > li > a > em, #item-info-draping .customize-choice-tabs.tabs-inline > li > a > em { display: none; } #item-info-draping .draping-interactions { width:100% !important; box-sizing: border-box !important; padding:5px 0 !important; float:none !important; margin-bottom:0 !important; } /* OVERRIDES */ #item-info-draping .draping-options { padding-top:5px; } #item-info-draping .draping-options ul li a > span { position: initial; background:unset !important; } #item-info-draping .draping-options ul li a.main-draping-anchor { background:transparent !important; border:0 !important; padding:0; } .draping-pagination a { background: transparent; padding:0; width:auto !important; border:0 !important; } #item-info-draping .customize-choice-tabs > li > a > span { display:none; } /* #item-info-draping .draping-options li:hover a.open-swatch { visibility: visible; } */ #item-info-draping .draping-options li a.open-swatch { /*width: 15px; background: transparent !important; color:#231F20 !important; top: 5px; right:5px; border:0 !important;*/ position: absolute; top: 5px; right: 5px; background: none; color: #231F20; visibility: visible; } .swatch-popup { font-size: 18px; line-height: 32px; letter-spacing: 0.9px; } /*#item-info-draping .customize-choice-tabs > li > a:before { counter-increment: section; content: "STEP " counter(section) ": "; } body { counter-reset: section; }*/ #item-info-draping .customize-choice-tabs > li > a:after { display: block; content: ''; color: #231F20; font-weight: bold; font-size: 22px; text-align: center; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); width: 35px; height: 35px; border-radius: 100%; line-height: 35px; background-color: #f5f5f5 !important; background-size: 100%; } #item-info-draping .customize-choice-tabs > li.selected > a:after { display: block; content: ''; color: #231F20; font-weight: bold; font-size: 22px; text-align: center; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); width: 35px; height: 35px; border-radius: 100%; line-height: 35px; background-size:100%; } #item-info-draping .customize-choice-tabs > li > a:before { content: ''; width: 10px; height: 15px; background-image: url('images/right-arrow.png'); background-repeat: no-repeat; background-size: 9px 15px; display: block; position: absolute; right:0px; top: 50%; transform: translateY(-50%); } #item-info-draping .customize-choice-tabs > li.selected > a:before { content: ''; width: 10px; height: 15px; background-image: url('images/right-arrow.png'); background-repeat: no-repeat; background-size: 9px 15px; display: block; position: absolute; right:0px; top: 50%; transform: translateY(-50%); } #item-info-draping .draping-container { margin: 0 0 17px 0; } #item-info-draping .customize-choice-tabs > li.selected > a { font-weight: normal; } .shipping-options-container a:after { display: none !important; } .shipping-options-container a { border: 0 !important; padding: 15px 0 0 !important; } #item-info-left #selected-options a { color:#231F20; } .draping-pagination a { background:transparent !important; color: #000 !important; font-weight: normal !important; padding: 0 !important; } #item-info-draping #customize-actions { z-index: 5000; } .draping-container h4 { display: none !important; } #item-info-draping .customize-choice-tabs > li:hover { background: #fff; } /* END OVERRIDES */ @media screen and (max-width: 1024px) { #item-info-draping .draping-interactions .mfp-close { position: relative !important; right: -10px; top: -5px; } #item-info-draping .draping-interactions h2 { display: none; } #shippingTitle span { display:none } /*#item-info-draping .customize-choice-tabs li.selected a { background: #f5f5f5; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; border: 1px dotted #1c77bf; font-weight: 700 }*/ #item-info-draping .customize-choice-tabs li.selected a span { background: #b4bf47 } #item-info-draping .customize-choice-tabs { display: block; position: relative; background: 0 0; z-index: 0; padding: 0; top: unset } #item-info-draping #customize-actions { display: none!important } #item-info-draping .customize-choice-tabs>li { padding: 0; border-bottom: 0 } #item-info-draping .customize-choice-tabs li { font-size: 12px } #item-info-draping .draping-interactions p.selected-type { display: none; } #item-info-draping .select-type-nav { width: 100%; } #item-info-draping .select-type-nav li { font-size: 16px } /*#item-info-draping .customize-choice-tabs li a { color: #231F20; display: block; width: 100%; background: #fff; border-bottom: 1px solid #ccc; position: relative; border-right: 1px solid #ccc }*/ #item-info-draping .customize-choice-tabs > li > a { position: relative; padding-left: 0!important } #item-info-draping .order-swatches-btn { padding: 0 !important; margin-bottom: 20px; } } /* SLIDE FROM SIDE */ #item-info-draping .draping-interactions { display: none; } @media screen and (max-width: 1024px) { body.draping-active #item-info-draping .draping-interactions { background: #fff; display: block !important; } .draping-close { display: none !important; } } @media screen and (min-width: 1024px) { body.draping-active #item-info-draping .draping-interactions { position: fixed; width:90%; max-width:700px; min-width:400px; top:0; bottom:0; right:-600px; background:#fff; padding:45px !important; z-index: 1040 !important; overflow-y: scroll; -webkit-box-shadow: -2px 5px 8px 2px rgba(68,68,68,0.4); box-shadow: -2px 5px 8px 2px rgba(68,68,68,0.4); display: block; -webkit-animation: slide 0.5s forwards; -webkit-animation-delay: 2s; animation: slide 0.5s forwards; animation-delay: 0s; display: block !important; -webkit-animation: unset !important; -webkit-animation-delay: unset !important; animation: unset !important; animation-delay: unset !important; right: 0 !important; } /* scrolling */ /* width */ body.draping-active #item-info-draping .draping-interactions::-webkit-scrollbar { width: 7px; } /* track */ body.draping-active #item-info-draping .draping-interactions::-webkit-scrollbar-track { background: #C4C4C4; } /* handle */ body.draping-active #item-info-draping .draping-interactions::-webkit-scrollbar-thumb { background: #b3b3b4; border-radius: 5px; } /* handle -> hover */ body.draping-active #item-info-draping .draping-interactions::-webkit-scrollbar-thumb:hover { background: #b3b3b4; } /* end scrolling */ .no-scroll2 { overflow: hidden; padding-right:20px; } } /* END SLIDE FROM SIDE */ /* END DRAPING / CUSTOMIZE FEATURE */ /* ITEM INFO ADD ONS */ .item-info-banner { font-family: 'Acherus Grotesque', sans-serif; background: #54585A; color: #fff; text-align: center; text-transform: uppercase; padding: 10px; font-weight: 200; margin: 100px 0 100px 0; } .item-info-banner > div { border: 1px solid #ccc; padding:45px 75px 75px 45px; } .item-info-banner p { max-width: 890px; margin: 0 auto; } .item-info-banner p:first-of-type { font-size: 1em; font-weight: 600; margin: 0px auto 17px auto; display: block; letter-spacing: 1.6px; } .item-info-banner p:last-of-type { letter-spacing: 3.6px; font-size: clamp(1.2em, 3.5vw, 2em); line-height: 45px; font-weight: 300; } @media screen and (max-width: 767px) { .item-info-banner > div { padding: 20px 75px 35px 45px; } .item-info-banner p:last-of-type { line-height: 32px; } } #icon-legend { max-width: 500px; position: relative; margin: 0 auto; background: #fff; text-transform: uppercase; font-size: .75em; padding: 25px; } /* LEGEND ICONS */ .tab-content[data-tab-class="Legend"] { padding: 25px 45px; } .iicon2 { position: relative; padding-left: 65px; margin: 0 0 20px 0; font-weight: 600; } .iicon2:after { position: absolute; left: 0; width: 50px; text-align: center; top: 50%; transform: translateY(-50%); } .iicon { display: inline-block; vertical-align: middle; position: relative; font-size: 0; margin: 0 30px 0 0; } @media screen and (max-width: 1200px) { .iicon { margin: 0 19px 0 0; } } .icon-paintable:after { content: url('data:image/svg+xml; utf8, '); } .icon-fabric:after { content: url('data:image/svg+xml; utf8, '); } .icon-com:after { content: url('data:image/svg+xml; utf8, '); } .icon-hospitality:after { content: url('data:image/svg+xml; utf8, '); } .icon-outdoor:after { content: url('data:image/svg+xml; utf8, '); } .icon-usa:after { content: url('data:image/svg+xml; utf8, '); } .icon-damp:after { content: url('data:image/svg+xml; utf8, '); } .icon-wet:after { content: url('data:image/svg+xml; utf8, '); } .icon-truck:after { content: url('data:image/svg+xml; utf8, '); } /* END LEGEND ICONS */ /* END ITEM INFO ADD ONS */ /* SUGGESTED / RELATED / RECENTLY VIEWED */ #item-info-rotators { margin: 45px 0; } #item-info-rotators .owl-stage { margin: 0 auto; } #item-info-rotators > div:first-of-type { margin: 0 0 120px 0 !important; } #item-info-rotators .heading { overflow: hidden; text-align: center; font-size: 1.5em; font-weight: 600; font-family: 'Acherus Grotesque'; letter-spacing: 2.4px; margin: 0 0 45px 0; } #item-info-rotators .heading:before, #item-info-rotators .heading:after { background-color: #ccc; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } #item-info-rotators .heading:before { right: 0.5em; margin-left: -50%; } #item-info-rotators .heading:after { left: 0.5em; margin-right: -50%; } #item-info-rotators ul { background: transparent; } #item-info-rotators ul li { text-align: center; } #item-info-rotators ul li img { margin: 0 0 15px 0; } #item-info-rotators hr { display: none; } @media screen and (max-width: 896px) { #item-info-rotators .heading:before, #item-info-rotators .heading:after { display: none; } } /* END SUGGESTED / RELATED / RECENTLY VIEWED */ /* END ITEM INFO */ /* ITEM BROWSER */ /* END ITEM BROWSER */ /* LOGIN */ .mfp-wrap:nth-child(2) { z-index: 1058; } /* END LOGIN */ /* CREATE ACCOUNT */ /* END CREATE ACCOUNT */ /* END UI PAGES */ /* ZD#77273 JC */ .ItemBrowserPageContainer .AttributeFilterListTop { display: none; } .ItemBrowserPageContainer .AttributeFilterListWithStorage { display: none; } /*STATIC PAGES*/ /*HEADER OVERLAY*/ .UserPageForm .dynamicHeader:not(.no-sticky):not(.no-hero) header { background: transparent; } .UserPageForm .dynamicHeader:not(.no-sticky):not(.no-hero) header a, .UserPageForm .dynamicHeader:not(.no-sticky):not(.no-hero) header button { color: #fff !important; } .UserPageForm .dynamicHeader:not(.no-sticky):not(.no-hero) header .white-logo { display: block !important; } .UserPageForm .dynamicHeader:not(.no-sticky):not(.no-hero) header .logo { display: none !important; } .UserPageForm .dynamicHeader.no-sticky header .white-logo { display: none !important; } header .container nav#main-nav > ul > li .sub-menu { top: 100%; font-family: 'Karla', sans-serif; } header .container nav#main-nav > ul > li .sub-menu a { text-decoration: none; color: #000; } .UserPageForm .dynamicHeader:not(.no-sticky):not(.no-hero) header .container nav#main-nav > ul > li .sub-menu a { color: #000 !important; } .UserPageForm .dynamicHeader:not(.no-sticky):not(.no-hero) header .mobile-cart-count, .HomePageForm .dynamicHeader:not(.no-sticky) header .mobile-cart-count { background-color: #fff; color: #000; } .UserPageForm .dynamicHeader:not(.no-sticky):not(.no-hero) header .c-icon:after, .HomePageForm .dynamicHeader:not(.no-sticky) header .c-icon:after { content: url('data:image/svg+xml; utf8, '); } .UserPageForm .dynamicHeader:not(.no-sticky):not(.no-hero) header .s-icon:after, .HomePageForm .dynamicHeader:not(.no-sticky) header .s-icon:after { content: url('data:image/svg+xml; utf8, '); } .UserPageForm .dynamicHeader:not(.no-sticky):not(.no-hero) header .x-icon:after, .HomePageForm .dynamicHeader:not(.no-sticky) header .x-icon:after { content: url('data:image/svg+xml; utf8, '); } @media screen and (max-width: 896px) { .UserPageForm .dynamicHeader:not(.no-sticky):not(.no-hero) header .container nav#main-nav > ul.active a { color: #231F20 !important; } } /*END HEADER OVERLAY*/ /*END STATIC PAGES*/ /*B SEARCH*/ #bSearchV1 { padding-top: 5px !important; } #b-search-breadcrumb ul { font-family: 'Crimson Text', serif; font-style: italic; font-size: 14px; letter-spacing: 1px; margin-top: 0; padding-left: 0; margin-bottom: 35px; } #b-search-breadcrumb li { list-style-type: none; display: inline-block; } #b-search-breadcrumb li a { color: #777A7C; text-decoration: none; } #b-search-breadcrumb li a:hover { text-decoration: underline; } #b-search-breadcrumb li a.active { color: #000; font-weight: bold; } #b-search-breadcrumb li:after { font-family: "FontAwesome"; content: '\f105'; font-style: normal; color: #777A7C; padding: 0 5px; } #b-search-breadcrumb li:last-of-type:after { content: ""; margin-right: 0px; } /*REQUEST SWATCHES*/ .OrderFabricSwatchPageForm #fabric-swatch-breadcrumb ul { font-family: 'Crimson Text', serif; font-style: italic; font-size: 14px; letter-spacing: 1px; margin-top: 20px; margin-bottom: 35px; } .OrderFabricSwatchPageForm #fabric-swatch-breadcrumb li { list-style-type: none; display: inline-block; } .OrderFabricSwatchPageForm #fabric-swatch-breadcrumb li a { color: #777A7C; } .OrderFabricSwatchPageForm #fabric-swatch-breadcrumb li a.active { color: #000; font-weight: bold; } .OrderFabricSwatchPageForm #fabric-swatch-breadcrumb li:after { font-family: "FontAwesome"; content: '\f105'; font-style: normal; color: #777A7C; padding: 0 5px; } .OrderFabricSwatchPageForm #fabric-swatch-breadcrumb li:last-of-type:after { content: ""; margin-right: 0px; } .OrderFabricSwatchPageForm #divworkspacearea { max-width: 1440px !important; padding: 0 25px; margin: 0 auto; } .OrderFabricSwatchPageForm main { padding: 0 !important; } .OrderFabricSwatchPageForm a { color: inherit; } .OrderFabricSwatchPageForm h1 { font-weight: 300 !important; text-transform: capitalize !important; padding: 0 0 5px 0; letter-spacing: 1.5px; font-size: 2em !important; } .OrderFabricSwatchPageForm .ItemBrowserProductList.nonItemBrowser { width:100%; margin:0; float: none; } .OrderFabricSwatchPageForm .ItemBrowserProductList.nonItemBrowser .ItemBrowserThumbnailContainer ul#fabric-swatch-thumbs li span { background: transparent !important; } .OrderFabricSwatchPageForm #FSFabricSwatchOrderControl_EmptySelectionSpan::before { display: block; width: 17px; height: 17px; margin: 1em auto; content: url('data:image/svg+xml; utf8, '); } #FSFabricSwatchOrderControl_findSkuBar input[type="text"] { font-size: 1em !important; border: 0 !important; background: #fff !important; letter-spacing: 0.8px; /*border-bottom: 1px solid rgba(119, 122, 124, 0.5) !important;*/ } #FSFabricSwatchOrderControl_findSkuBar input[type="text"]:focus { outline:none; border-bottom: 1px solid !important; } #FSFabricSwatchOrderControl_btnClearFilters { background: #fff; color: #000; padding: 0 5px; font-size: 0.75em; /*border: 1px solid rgba(119, 122, 124, 0.5);*/ border:0 !important; height: 35px; } #FSFabricSwatchOrderControl_findSkuBar { position: absolute; border-bottom: 1px solid rgba(119, 122, 124, 0.5) !important; right: 0; } #FSFabricSwatchOrderControl_findSkuBar input[type="button"] { z-index: 1; text-indent: -1000px; width: 25px; border: 0 !important; position: absolute; right: 0; top: 0; } #FSFabricSwatchOrderControl_findSkuBar input[type="button"], #FSFabricSwatchOrderControl_btnClearFilters { background: #fff; color: #000; padding: 0 5px; font-size: 1em; border: 1px solid rgba(119, 122, 124, 0.5); height: 30px; } #FSFabricSwatchOrderControl_findSkuBar:after { content: url('data:image/svg+xml; utf8, '); font-size: 18px; position: absolute; top: 50%; transform: translateY(-50%); margin-left: 10px; right: 10px; z-index: 2; pointer-events: none; color: rgba(119, 122, 124, 0.5); } #FSFabricSwatchOrderControl_btnClearFilters:hover { color: #fff; background: #231F20; border: 1px solid #fff; } #fabric-swatch-header-description h1 { font-family: 'Acherus Grotesque', sans-serif; margin: 0 !important; } #fabric-swatch-header-description { float: left; padding: 0 !important; } #fabric-swatch-container { padding: 10px 0 !important; } .fabric-swatch-border { padding: 0 0 15px 0; border-bottom: 1px solid rgba(119, 122, 124, 0.5); height: 3px; visibility: visible; width: 100%; } #fabric-swatch-container .swatch-nav-search { display: flex; align-items: center; justify-content: center; position: relative; } #fabric-swatch-container .fabrics-finishes-toggle { display: flex; overflow: hidden; justify-content: center; } #fabric-swatch-container .fabrics-finishes-toggle input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } #fabric-swatch-container .fabrics-finishes-toggle label { background-color: #E5E5E5; color: #777A7C; font-family: 'Acherus Grotesque'; font-size: 16px; line-height: 1; text-align: center; padding: 20px 50px; margin-right: -1px; transition: all 0.1s ease-in-out; } @media screen and (max-width: 767px) { #fabric-swatch-container .fabrics-finishes-toggle label { padding: 20px 17px; } } #fabric-swatch-container .fabrics-finishes-toggle label:hover { cursor: pointer; } #fabric-swatch-container .fabrics-finishes-toggle input:checked + label { background-color: #54585A; color: #FFF; } #fabric-swatch-container .fabrics-finishes-toggle label:first-of-type { border-radius: 3px 0 0 3px; } #fabric-swatch-container .fabrics-finishes-toggle label:last-of-type { border-radius: 0 3px 3px 0; } #fabric-swatch-left { float: right; padding: 0 !important; } #fabric-swatch-left > div:not(:last-of-type) { margin: 0 25px 0 0; } #fabric-swatch-left, #fabric-swatch-update { border: 0 !important; } #fabric-swatch-update { margin: 25px 0; } @media screen and (min-width: 896px) { #fabric-swatch-thumbs li { width: 25% !important; padding: 12px !important; } } #fabric-swatch-thumbs li a { margin-bottom: 20px; position: relative; } #fabric-swatch-thumbs li a img { aspect-ratio: 1/.9 !important; } #fabric-swatch-thumbs li > span { font-size: 10px !important; } #fabric-swatch-thumbs li > span:first-of-type { font-family: 'Acherus Grotesque', sans-serif; font-size: 12px !important; } #fabric-swatch-thumbs .main-draping-anchor { position: absolute; top: 50%; left: 50%; } #fabric-swatch-thumbs .open-swatch { position: absolute; right: 0; bottom: -20px; } #fabric-swatch-thumbs .open-swatch::after { display: block; width: 54px; height: 54px; content: url('images/swatch-icon.png'); } #fabric-swatch-thumbs li a.selected:after { top: 50% !important; transform: translate(-50%,-50%) !important; border: 0 !important; content: url('images/swatch-selected.png') !important; padding: 0 !important; background: none !important; width: 42px !important; height: 42px !important; } #fabric-swatch-left ul li select { border: 0 !important; border-bottom: 1px solid rgba(119, 122, 124, 0.5) !important; background: transparent !important; font-size: 1em !important; letter-spacing: 0.8px; } #fabric-swatch-left ul li:after { border: 0 !important; /*border-bottom: 1px solid rgba(119, 122, 124, 0.5) !important;*/ background: transparent !important; content: "\f107" !important; color: #231F20 !important; } #fabric-swatch-login { text-align: center; padding: 100px 10px; font-size: 16px; } @media screen and (max-width: 1124px) { .fabric-swatch-border { border-bottom: 0; } #fabric-swatch-container .swatch-nav-search { flex-direction: column; } #FSFabricSwatchOrderControl_findSkuBar { position: relative; right: unset; margin-top: 30px; } } /*SELECTED SWATCHES*/ #FSFabricSwatchOrderControl_divSelectedFabricSwatchContainer { clear: both; margin: 5px; padding: 15px; text-align: center; position: fixed; right: 15px; top: 20%; box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.25); max-width: 150px; z-index: 100; background: #fff; box-sizing: border-box; } #FSFabricSwatchOrderControl_SelectedSwatchHeader { display: none !important; } #FSFabricSwatchOrderControl_divSelectedFabricSwatchContainer #handle-selected-thumbs li { margin: 0; } #fabric-swatch-select-container .clear-btn-container a { display: block; background: #fff; color: #000; padding: 10px; border: 1px solid #fff; width: 100%; margin: 10px 0 0 0; font-family: 'Acherus Grotesque'; font-size: 12px; text-decoration: none; } #fabric-swatch-select-container .clear-btn-container a:hover { border: 1px solid #000; } #FSFabricSwatchOrderControl_divSelectedFabricSwatchContainer .delete-btn { position: absolute !important; right: 0px !important; border: 0 !important; top: 0; } #FSFabricSwatchOrderControl_divSelectedFabricSwatchContainer .delete-btn::after { content: url('data:image/svg+xml; utf8, '); width: 14px; height: 13px; display: block; } #FSFabricSwatchOrderControl_divSelectedFabricSwatchContainer .delete-btn i { display: none; } #FSFabricSwatchOrderControl_divSelectedFabricSwatchContainer .main-draping-anchor { border: 0 !important; padding: 5px 20px 0px 5px !important; } #FSFabricSwatchOrderControl_divSelectedFabricSwatchContainer .main-draping-anchor img { aspect-ratio: 1/.9; } #FSFabricSwatchOrderControl_divSelectedFabricSwatchContainer .main-draping-anchor span { display: none !important; } #FSFabricSwatchOrderControl_btnOrderSample { background: #fff; color: #000; padding: 10px; border: 1px solid #000; width: 100%; margin: 15px 0 0 0; font-family: 'Acherus Grotesque'; font-size: 12px; } #FSFabricSwatchOrderControl_btnOrderSample:hover { color: #fff; background: #231F20; border: 1px solid #fff; } #fabric-swatch-container #fabric-swatch-left { display: none; } /*END SELECTED SWATCHES*/ /*ORDER POPUP*/ #FSFabricSwatchOrderControl_divSwatchOrderContainer h2 { font-family: Acherus Grotesque; font-weight: 400; text-align: left; padding: 5px; text-transform: capitalize; font-size: 1.5em; } #FSFabricSwatchOrderControl_divSwatchOrderContainer .order-button { font-family: Acherus Grotesque; color: #fff; background: #231F20; border: 1px solid #231F20; display: inline-block; margin: 0 auto; text-decoration: none; padding: 5px 15px; font-size: .85em; } #FSFabricSwatchOrderControl_divSwatchOrderContainer .order-button:hover { color: #231F20; background: #fff; } #FSFabricSwatchOrderControl_divSwatchOrderContainer .clear-button { font-family: Acherus Grotesque; color: #231F20; background: #fff; border: 1px solid #231F20; display: inline-block; margin: 0 auto; text-decoration: none; padding: 5px 15px; font-size: .85em; } #FSFabricSwatchOrderControl_divSwatchOrderContainer .clear-button:hover { background: #231F20; color: #fff; } #FSFabricSwatchOrderControl_divSwatchOrderContainer label { font-size: .85em; margin: 15px 0 5px; } #FSFabricSwatchOrderControl_divSwatchOrderContainer input[type="text"], #FSFabricSwatchOrderControl_divSwatchOrderContainer select { width: 100%; display: block; padding: 10px; box-shadow: 0 5px 5px 0 rgb(0 0 0 / 15%); border: 1px solid; background: #fff; border-radius: 3px!important; border-color: rgb(61 66 87 / 16%)!important; margin-bottom: 10px; } /*END ORDER POPUP*/ /*.OrderFabricSwatchPageForm .ItemBrowserProductList.nonItemBrowser .open-swatch { text-align: right; display: inline-block; margin-left: 10px; position: absolute; right: 0; top: 60%; } .OrderFabricSwatchPageForm .ItemBrowserProductList.nonItemBrowser .open-swatch::after { position: absolute; content: ""; z-index: 1; bottom: 0; right: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 0 24px 16px; border-color: transparent transparent #231F20 transparent; }*/ @media screen and (min-width: 1125px) { #FSFabricSwatchOrderControl_divSelectedFabricSwatchContainer { display: flex; flex-direction: column; } #fabric-swatch-select-container #handle-selected-thumbs { order: 2; } #fabric-swatch-select-container .clear-btn-container { order: 3; } #FSFabricSwatchOrderControl_btnOrderSample { margin: 0 0 10px 0; } } @media screen and (max-width: 1124px) { #fabric-swatch-header-description { float: none; margin-bottom: 25px !important; } #fabric-swatch-header-description h1 { border-bottom: 1px solid rgba(119, 122, 124, 0.5); padding-bottom: 25px; } #fabric-swatch-left ul { display: block !important; } #fabric-swatch-left ul li, #FSFabricSwatchOrderControl_btnClearFilters { width: 100% !important; text-align: left; } .fabric-sku-search { width: 100% !important; padding: 10px 5px !important; } #FSFabricSwatchOrderControl_divSelectedFabricSwatchContainer { top: unset; bottom: 0; right: 0; left: 0; max-width: unset; border: 1px solid; } #FSFabricSwatchOrderControl_divSelectedFabricSwatchContainer #handle-selected-thumbs li { max-width: 100px; } #handle-selected-thumbs { overflow-x: scroll; white-space: nowrap; text-align: left !important; } } @media screen and (max-width: 896px) { } /* END REQUEST SWATCHES */ /* FAVORITES/PROJECTS UI UPDATES */ #favorites-breadcrumb ul { font-family: 'Crimson Text', serif; font-style: italic; font-size: 14px; letter-spacing: 1px; margin-top: 20px; margin-bottom: 35px; } #favorites-breadcrumb li { list-style-type: none; display: inline-block; } #favorites-breadcrumb li a { color: #777A7C; text-decoration: none; } #favorites-breadcrumb li a:hover { text-decoration: underline; } #favorites-breadcrumb li a.active { color: #000; font-weight: bold; } #favorites-breadcrumb li:after { font-family: "FontAwesome"; content: '\f105'; font-style: normal; color: #777A7C; padding: 0 5px; } #favorites-breadcrumb li:last-of-type:after { content: ""; margin-right: 0px; } /* END FAVORITES/PROJECTS UI UPDATES */ /* STATIC PAGE NEW, COMBINE WITH ABOVE EVENTUALLY */ /*FLEX FRAMEWORKS*/ .flex-container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .flex-container.ten { max-width: 83.33%; margin: 0 auto; } .flex-container img:not(.no-rs) { height: 100% !important; object-fit: cover; } .flex-container.just-btm { -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } #cnt-page .flex-container.just-btm > div > p:last-of-type { margin-bottom: 0; } .flex-container.just-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-container.just-center > div { /*padding: 0 15px;*/ /*overflow: hidden;*/ } .flex-container.rev { /*direction: rtl;*/ flex-direction: row-reverse; } .flex-container .flex-au { flex: auto; } .flex-container .flex-10 { flex: 1 1 10%; } .flex-container .flex-20 { flex: 1 1 20%; } .flex-container .flex-25 { flex: 1 1 25%; } .flex-container .flex-30 { flex: 1 1 30%; } .flex-container .flex-33 { /*flex: 1 1 33.33%;*/ flex: 1 1 calc(33% - 30px); } .flex-container .flex-33 svg { margin-bottom: 35px; } .flex-container .flex-33.box { flex: 1 1 calc(33% - 30px); /*padding: 10px;*/ box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: column; max-width: 33%; margin: 0 auto; } .flex-container .flex-33.box:nth-child(2), .flex-container .flex-33.box:nth-child(5) { margin-right: 25px; margin-left: 25px; } .flex-container .flex-33.box img { margin-bottom: 25px !important; width: 100% !important; height: auto !important; object-fit: unset !important; } .flex-container .flex-33.box a:first-of-type { margin-top: auto; margin-bottom: 15px; } .flex-container .flex-33.box a { text-decoration: none !important; } .flex-container .flex-33.box a:not(.cta):hover { text-decoration: underline !important; } .flex-container .flex-33.box p.heading { margin-bottom: 25px !important; } .flex-container .flex-40 { flex: 1 1 40%; } .flex-container .flex-50 { flex: 1 1 50%; } .flex-container .ex-pd { padding-right: 75px !important; } .flex-container .ex-pd2 { padding-left: 75px !important; } .flex-container .flex-60 { flex: 1 1 60%; flex: 1 0 60% } .flex-container .flex-70 { flex: 1 1 70%; } .flex-container .flex-80 { flex: 1 1 80%; } .flex-container .flex-90 { flex: 1 1 90%; } .flex-container .flex-100 { flex: 1 1 100%; } /*END FLEX FRAMEWORKS*/ /*12 COL FLEX FRAMEWORK*/ .col-1 { flex: 0 1 8.33%;} .col-2 { flex: 0 1 16.66%;} .col-3 { flex: 0 1 25%;} .col-4 { flex: 0 1 33.33%;} .col-5 { flex: 0 1 41.66%;} .col-6 { flex: 0 1 50%;} .col-7 { flex: 0 1 58.33%;} .col-8 { flex: 0 1 66.66%;} .col-9 { flex: 0 1 75%;} .col-10 { flex: 0 1 83.33%;} .col-11 { flex: 0 1 91.66%;} .col-12 { flex: 0 1 100%;} @media screen and (min-width: 896px) { .os-1 { margin-left: 8.33%; margin-right: 0; } .os-2 { margin-left: 16.66%; margin-right: 0; } .os-3 { margin-left: 25%; margin-right: 0; } .os-4 { margin-left: 33.33%; margin-right: 0; } .os-5 { margin-left: 41.66%; margin-right: 0; } .os-6 { margin-left: 50%; margin-right: 0; } .os-7 { margin-left: 58.33%; margin-right: 0; } .os-8 { margin-left: 66.66%; margin-right: 0; } .os-9 { margin-left: 75%; margin-right: 0; } .os-10 { margin-left: 83.33%; margin-right: 0; } .os-11 { margin-left: 91.66%; margin-right: 0; } .os-12 { margin-left: 100%; margin-right: 0; } .rev .os-1 { margin-right: 8.33%; margin-left: 0; } .rev .os-2 { margin-right: 16.66%; margin-left: 0; } .rev .os-3 { margin-right: 25%; margin-left: 0; } .rev .os-4 { margin-right: 33.33%; margin-left: 0; } .rev .os-5 { margin-right: 41.66%; margin-left: 0; } .rev .os-6 { margin-right: 50%; margin-left: 0; } .rev .os-7 { margin-right: 58.33%; margin-left: 0; } .rev .os-8 { margin-right: 66.66%; margin-left: 0; } .rev .os-9 { margin-right: 75%; margin-left: 0; } .rev .os-10 { margin-right: 83.33%; margin-left: 0; } .rev .os-11 { margin-right: 91.66%; margin-left: 0; } .rev .os-12 { margin-right: 100%; margin-left: 0; } .pr-1 { padding-right: 25px; } } @media (min-width:896px) and (max-width:1024px) { .t-col-5 { flex: 0 1 41.66%;} .t-os-1 { margin-left: 8.33%; margin-right: 0; } } /*END 12 COL FLEX FRAMEWORK*/ #env-res { position: relative; } #env-res .bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 0; background-image: url(/css/2206/images/static/our-brand/env-bg3.png); background-attachment: fixed; background-repeat: no-repeat; background-position: -300px center; width: 100%; background-size: 960px; image-rendering: -webkit-optimize-contrast; } #cnt-page { font-size: 16px; font-family: 'Karla', sans-serif; /*position: relative; z-index: 150; background: #fff;*/ } #cnt-page .ext-pdg { padding: 25px; } #cnt-page a { text-decoration: underline; color: #231F20; font-weight: normal; } #cnt-page h1 { font-family: Acherus Grotesque; font-weight: 500; text-transform: uppercase; } #cnt-page.act-page h1 { font-weight: 300; margin: 25px 0 75px 0; padding: 0 0 15px 0; border-bottom: 1px solid rgba(119, 122, 124, 0.5); text-transform: initial; letter-spacing: 1.5px; font-size: 2em; } #cnt-page.req-login-page h1 { font-weight: 300; margin: 25px 0 35px 0; padding: 0 0 15px 0; border-bottom: 1px solid rgba(119, 122, 124, 0.5); text-transform: initial; letter-spacing: 1.5px; font-size: 2em; } #cnt-page h2 { font-family: Acherus Grotesque; font-weight: 300; text-align: center; font-size: 2.13em; letter-spacing: 1px; line-height: 1em; line-height: 36px; } .HomePageForm h2 { font-family: Acherus Grotesque; font-weight: 300; text-align: center; font-size: 2.13em; letter-spacing: 1px; line-height: 1em; } #cnt-page h2 span, .HomePageForm h2 span { display: block; font-size:24px; font-weight: 500; letter-spacing: 2.4px; } #cnt-page h3, #cnt-page h4 { font-family: Acherus Grotesque; font-weight: 500; text-transform: uppercase; } #cnt-page p.heading, .HomePageForm p.heading { font-family: Acherus Grotesque; font-weight: 600; text-transform: uppercase; margin: 0 0 10px 0; line-height: 24px; letter-spacing: 2.4px; } #cnt-page p.heading.md { font-size: 1.38em; line-height: 24px; margin: 0 0 25px 0; font-weight: 300; text-transform: initial; } #cnt-page p.heading.md strong { font-weight: 500; } #cnt-page p.heading.lg, .HomePageForm p.heading.lg { font-size: 1.3em; line-height: 32px; margin: 0 0 25px 0; } #cnt-page p, .HomePageForm p { font-size: 1.13em; font-weight: 300; margin: 0 0 35px 0; line-height: 24px; } /*#cnt-page p:last-child:not(:first-child):not(:first-of-type) { margin-bottom: 0; }*/ #cnt-page p.large { font-size: 1.50em; line-height: 32px; } #cnt-page p.sm { font-family: Acherus Grotesque; font-size: 0.75em; line-height: 24px; letter-spacing: 0.6px; } #cnt-page p.small-hdg { font-size: 1em; font-style: italic; font-family: Crimson Text; font-weight: 300; letter-spacing: 0.5px; margin: 0; } .HomePageForm p.small-hdg { font-size: .9em; font-family: 'acherus grotesque'; font-weight: 500; letter-spacing: 0.5px; margin: 0; } .HomePageForm p.c-hdg { font-size: 2.38em; font-family: Crimson Text; letter-spacing: 1.10px; line-height: 24px; margin: 10px 0 25px 0; } #cnt-page.act-page p { font-size: 0.88em; line-height: 18px; margin: 0 0 45px 0; } #cnt-page blockquote { padding: 50px; font-family: Crimson Text; font-weight: 400; color: #54585A; font-size: 2em; line-height: 38px; font-style: italic; position: relative; max-width: 590px; margin: 0 auto; letter-spacing: 2px; text-align: center; } #cnt-page blockquote small { text-align: center; font-size: 0.7em; display: block; margin: 45px 0 0 0; font-style: italic; } #cnt-page blockquote span { line-height: 14px; } #cnt-page blockquote:before { display: block; width: 1.5em; height: 1.5em; margin: 1em auto; content: url('data:image/svg+xml; utf8, '); opacity: 0.2; margin-bottom: 45px; } #cnt-page .al-cent { text-align: center; } #cnt-page .btm-mgn, .HomePageForm .btm-mgn { /* margin-bottom: 75px; */ margin-bottom: 50px; } #cnt-page .btm-mgn2, .HomePageForm .btm-mgn2 { margin-bottom: 130px; } #cnt-page .ex-pad1 { padding-right: 35px; } #cnt-page .ex-pad2 { padding-left: 35px; } #cnt-page .ex-pad3 { padding-left: 35px; padding-right: 35px; } #cnt-page .ex-pad4 { padding-right: 35px; } #cnt-page .ex-pad5 { padding-left: 35px; } @media screen and (max-width: 896px) { #cnt-page .ex-pad1 { padding-right: 0px; } #cnt-page .ex-pad2 { padding-left: 0px; } #cnt-page .ex-pad3 { padding-left: 0px; padding-right: 0px; } #cnt-page .ex-pad4, #cnt-page .ex-pad5 { padding-left: 0px; padding-right: 0px; } #cnt-page blockquote { padding: 50px 0; } #cnt-page .m-btm-mgn { margin-bottom: 25px; } #cnt-page .m-btm-mgn2, .HomePageForm .m-btm-mgn2 { margin-bottom: 45px !important; } #cnt-page .m-btm-mgn3 { margin-bottom: 125px; } .mob-cent { text-align: center !important; } #cnt-page .ext-pdg { padding: 0; } #cnt-page .flex-container.just-btm > div > p:last-of-type { margin-bottom: 35px; } } #cnt-page .top-mgn, .HomePageForm .top-mgn { padding-top: 75px; } #cnt-page .just-cent { max-width: 66.66%; margin: 0 auto 75px auto; position: relative; z-index: 1; } #cnt-page .just-cent2 { max-width: 40%; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } #cnt-page .just-cent3 { max-width: 50%; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } #cnt-page .cent > div { max-width: 65%; margin: 0 auto 75px auto; } #cnt-page img:not(.no-rs) { width: 100%; height: auto; } /* section headings / nav */ /*.section-heading { text-align: center; margin: 10px 0 105px; overflow: hidden; } .section-heading strong { background:#fff; background:transparent; padding: 0; font-weight: 600; color: #000; } .section-heading span { width: 100%; text-align: center; position: relative; z-index: 1; overflow: hidden; background:#fff; background:transparent; position: relative; z-index: 10; } .section-heading:not(.no-b) span { overflow: hidden; text-align: center; }*/ .section-heading { margin: 10px 0 95px; overflow: hidden; text-align: center; text-transform: uppercase; } .section-heading span strong { font-weight: 600; color: #000; } .section-heading span { font-family: Acherus Grotesque; color: #777A7C; font-weight: 400; font-size: 1.5em; letter-spacing: 1.2px; } .section-heading:not(.no-b) { text-align: center; } .section-heading:not(.no-b) span { position: relative; } .section-heading:not(.no-b) span:before, .section-heading:not(.no-b) span:after { content: ""; position: absolute; height: 1px; border-bottom: 1px solid #DED9D0; top: 50%; transform: translateY(-50%); min-width: 600px; max-width: 100%; } .section-heading:not(.no-b) span:before { right: 100%; margin-right: 20px; } .section-heading:not(.no-b) span:after { left: 100%; margin-left: 20px; } /*@media screen and (max-width: 896px) { .section-heading:not(.no-b) span { background: #fff; } }*/ /*.section-heading:not(.no-b) span:before, .section-heading:not(.no-b) span:after { background-color: #DED9D0; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; margin-top: -5px; } .section-heading:not(.no-b) span:before { right: 0.65em; margin-left: -50%; } .section-heading:not(.no-b) span:after { left: 0.65em; margin-right: -50%; }*/ #cnt-page .section-nav { background: #F8F8F8; padding: 50px; } #cnt-page .section-nav ol { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; counter-reset: LIST-ITEMS; list-style-type: none; padding: 0; margin: 15px; } #cnt-page .section-nav ol li { margin: 9px 15px 9px 15px; padding-right: 0.5em; position: relative; } #cnt-page .section-nav ol li:last-of-type { margin-bottom: 0; } @media screen and (min-width: 896px) { #cnt-page .section-nav ol li:after { content: ' '; border-right: 1px solid #ccc; position: absolute; width: 1px; margin: 0 auto; right: -10px; top: 0; bottom: 0; } } #cnt-page .section-nav ol li:last-of-type:after { display: none; } /*#cnt-page .section-nav ol li:before { content: '0' counter( LIST-ITEMS ) "."; counter-increment: LIST-ITEMS; padding-right: 0.25em; font-weight: 400; color: #777A7C; font-family: Acherus Grotesque; font-weight: 500; font-size: 1.13em; line-height: 48px; letter-spacing: 1px; }*/ #cnt-page .section-nav ol li a { text-decoration: none; font-family: Acherus Grotesque; font-weight: 500; font-size: 1.13em; /*line-height: 48px;*/ letter-spacing: 1px; text-transform: uppercase; } /* end section headings / nav */ /* background image divs */ #cnt-page .bg-img { position: relative; font-family: Acherus Grotesque; font-weight: 600; text-align: center; color: #fff; padding: 10px; text-transform: uppercase; } #cnt-page .bg-img::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(0deg, rgb(0 0 0 / 35%), rgb(0 0 0 / 35%)); opacity: .7; } #cnt-page .bg-img > div { border: 1px solid #E5E5E5; padding: 45px 25px 25px 25px; position: relative; z-index: 10; } #cnt-page .bg-img > div > div { padding: 75px 0; } #cnt-page .bg-img > div > p { padding: 75px 0; } #cnt-page .bg-img p { letter-spacing: 3.6px; /*font-size: 2.25em;*/ font-size: clamp(1.5em, 3.5vw, 2.25em); font-size: clamp(1.2em, 3.5vw, 2.25em); line-height: 55px; font-weight: 400; } #cnt-page .bg-img p small { font-weight: 600; margin: 0px 0 45px 0; display: block; letter-spacing: 1.6px; font-size: 16px; } /*#cnt-page .bg-img p span { font-weight: 200; }*/ #cnt-page .bg-img2 { position: relative; color: #fff; max-height: 405px; overflow: hidden; } #cnt-page .bg-img2 img { display: block; } #cnt-page .bg-img2 > div { position: absolute; left: 0px; right: 50%; top: 0; bottom: 0; background: rgba(0,0,0,0.5); padding: 55px 100px; } #cnt-page .bg-img2 p.heading { font-family: Acherus Grotesque; font-weight: 600; font-size: 1.13em; text-transform: uppercase; line-height: 24px; letter-spacing: 1.8px; } #cnt-page .shadow { border: 1px solid #E5E5E5; box-shadow: 0 15px 12px 0 rgb(0 0 0 / 15%); padding-bottom: 75px; } @media screen and (min-width: 896px) { #cnt-page .shadow:nth-child(2) { margin: 0 25px; } } /*#cnt-page .shadow:first-of-type { padding-left: 0; } #cnt-page .shadow:last-of-type { padding-right: 0; }*/ #cnt-page .shadow img { margin: 0 0 25px 0; width: 100%; height: auto !important; } #cnt-page .shadow p { padding-left:25px; padding-right:25px; } #cnt-page .drk-bx { padding: 10px; text-align: center; box-sizing: border-box; } #cnt-page .drk-bx > div{ height: 100%; background: #EEEEEE; padding: 10px; } #cnt-page .drk-bx > div p { font-size: 0.88em; line-height: 18px; margin-bottom: 0; } #cnt-page .drk-bx svg { margin-bottom:unset !important; } #cnt-page .drk-bx.bg > div { position: relative; background: url(/css/2206/images/static/catalogs/price-list.jpg); background-repeat: no-repeat; background-size: cover; } #cnt-page .drk-bx.bg > div * { position: relative; z-index: 10; } #cnt-page .drk-bx.bg > div::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(0deg, rgb(0 0 0 / 35%), rgb(0 0 0 / 35%)); opacity: .7; } #cnt-page .drk-bx.bg a { color: #fff; } #cnt-page .drk-bx a { text-decoration: none; display: block; padding: 45px 25px; border: 1px solid #fff; height: 100%; } #cnt-page .drk-bx a { display: flex; flex-wrap: wrap; justify-content: center; /*align-content: center;*/ } #cnt-page .drk-bx a > * { flex: 0 1 100%; } #cnt-page .drk-bx a:hover { border: 1px solid #000; } #cnt-page .lft-img { position: absolute; left: 0; } #cnt-page .lft-img2 { position: absolute; left: -210px; max-width: 805px; width: 65%; } .home-rt-img { position: absolute; right: 0; z-index: 0; /*top: -220px;*/ top: -15%; } .rt-img { position: absolute; right: 0; z-index: -1; /*top: -220px;*/ top: -15%; } .rt-img2 { position: absolute; left: 60%; z-index: -1; /*bottom:55px;*/ border: 2px solid #FFF; transform: translateY(-50%); z-index: 100; } .rt-img2 .materials-hero-2 { border-top: 2px solid #FFF; } .rt-img2 .materials-hero-3 { border-top: 2px solid #FFF; } .rt-img2 img { display: block; } .rt-img3 { position: absolute; right: 0; top: unset; max-width: 50%; } .rt-img3 img { display: block; } .rt-img4 { visibility: hidden; } .rt-img5 { position: absolute; right: 0; z-index: -1; max-width: 60%; top: -25%; } .rt-img5-home { position: absolute; right: 0; z-index: -1; max-width: 60%; top: -14%; /* orig -12*/ } .rt-img6 { max-width: 41.66%; max-width: 50%; } .rt-img7 { max-width:35%; } @media screen and (min-width: 1440px) { #hero > div > div { bottom: 0; } } .faded-white-bg { padding: 15px; background: rgba(255, 255, 255, .7); } .home-rt-img.flow { background-image: linear-gradient(transparent, white 100%), url('/css/2206/images/home/Section2Silhouettebg.png'); /*background-size: 100%;*/ /*background-size: cover;*/ width: 1016px; height: 1165px; background-repeat: no-repeat; max-width: 1016px; background-size: 100%; } @media screen and (max-width: 1400px) { .home-rt-img.flow { width: 900px; height: 698px; max-width: 900px; } } .rt-img.flow { background-image: url('/css/2206/images/static/inspiration/chand6.png'); /*background-size: 100%;*/ /*background-size: cover;*/ width: 1533px; height: 1165px; background-repeat: no-repeat; max-width: 1100px; background-size: 100%; } #cnt-page .fd-bg { background: linear-gradient(350deg, white, #ffffff00); z-index: 1; position: relative; } /* end background image divs */ /* hero */ .HomePageForm section#hero { margin-top: -175px; } .HomePageForm section#hero { position: relative; } /*.HomePageForm section#hero img { width:100%; height: auto; }*/ .HomePageForm section#hero::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(-120deg, #231F20, #231F20); opacity: 0.3; z-index: 0; } .UserPageForm section#hero { /*margin-top: -200px;*/ margin-top: -175px; position: sticky; -webkit-position: sticky; top: -70px; top: 0; z-index: 0; max-height: 95vh; position: relative; } #hero { color: #fff; overflow: hidden; } #hero { background-attachment: fixed; background-repeat: no-repeat; background-size: 100%; background-position: top center; } @media screen and (max-width: 896px) { #hero { background-attachment: scroll!important; } .section-heading { margin: 10px 0 55px; position: relative; max-width: 575px; margin-left: auto; margin-right: auto; } .section-heading:not(.no-b) span { position: unset; max-width: 80%; margin: 0 auto; display: block; } .section-heading:not(.no-b) span:before { min-width: unset; max-width: unset; width: 8%; left: 0; right: unset; } .section-heading:not(.no-b) span:after { min-width: unset; max-width: unset; width: 8%; right: 0; left: unset; } #cnt-page .al-cent { text-align: left; } #cnt-page .top-mgn, .HomePageForm .top-mgn { padding-top: 33px; } #cnt-page .btm-mgn, .HomePageForm .btm-mgn { margin-bottom: 33px; } #cnt-page .bg-img p { font-size: 32px; line-height: 50px; } .fifty-years { display: none !important; } } @media screen and (max-width: 1024px) { #hero { background-size: cover; background-position: center; } #hero > div > div { max-width: unset !important; } #hero > div > div.fw { max-width: 520px !important; } /*.UserPageForm section#hero { margin-top: -200px; }*/ } @media (min-width:896px) and (max-width:1024px) { .rt-img2 { top: 25px; bottom: unset; } /*.rt-img2 img:first-of-type { display: none; }*/ } [data-aos="fr-o"] { opacity: 1; transition-property: opacity; } [data-aos="fr-o"].aos-animate { opacity: 0; } #hero.overlay::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(0deg, rgb(0 0 0 / 35%), rgb(0 0 0 / 35%)); opacity: .7; } #hero .container { /*position: relative; padding: 0 10px;*/ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } #hero img { height: 100%; width: 100%; display: block; } #hero video { height: 100%; width: 100%; display: block; object-fit: cover; } .full-width-video video { width: 100%; height: auto; display: block; } .UserPageForm #hero img { height: 100%; width: 100%; display: block; visibility: hidden; } #hero > div > br { display: none; } #hero > div > div { position: absolute; left: 25px; bottom: 105px; max-width: 520px; right: 25px; } #hero > div > div.credit { font-size: 12px; left: unset; right: 25px; bottom: 45px; } #hero > div > div.credit p { text-align: right; letter-spacing: 0.6px; line-height: 16px; font-weight: 300; margin: 0; } #hero > div > div.credit p strong { font-weight: 500; } @media screen and (min-width: 1440px) { /*#hero > div > div { bottom: 225px; }*/ } #hero .slideshow-text { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; max-width: 1440px; padding: 0 10px; margin: 0 auto; z-index: 10; } #hero > div > div.lg, #hero .slideshow-text > div { position: absolute; left: 25px; left: 20px; right: 25px; top: 50%; bottom: unset; /*transform: translateY(-50%);*/ } #hero p.small { font-family: 'Crimson Text', serif; font-style: italic; font-size: 1em; letter-spacing: 0.5 px; letter-spacing: 0.5px; } #hero p.large { font-family: Acherus Grotesque; /*position: relative;*/ /*top: -75px;*/ word-break: keep-all; white-space: nowrap; /* font-size: clamp(min, calc, max); */ /* if 1.5em (70px) is less than 10vw (10% of view width (1920px monitor = 1920 x 10% = 76.8 so at this point, 1.5em font loads)) */ /* if 70px is less than 76.8px on full screen at 1920px so larger 4.38 is used. Scaling down, 76.8px decreases and 1.5 kicks in */ /* at ~1049 size, 10vw is 102.4px so 102.4px is larger than 24px so it uses large font */ /* at ~ 768px size, 10vw is 76.8px so 76.8px is larger than 24px so it still uses large font */ /*font-size: clamp(24px, 102px, 70px);*/ /* at ~ 768px size, 2.5vw is 19.2px so 19.2 is LESS than 24px so it switches to 24px (1.5em) */ /* at around 1024px were getting close, 25.6px is greater than 24px so it won't be long, 896px is 22.4px so we are good with this for mobile */ /* font-size: clamp(24px, 102px, 70px);*/ /* increasing middle increases size at which smaller font kicks in? */ /* note that the 2.5vw is used as font size in between the calulation being computed */ /* a minimum value, a preferred value, and a maximum allowed value */ font-size: clamp(1.5em, 8.5vw, 4.38em); /* fallback */ /*font-size: 4em;*/ line-height: 110%; } #hero .slideshow-text p.large { word-break: break-word; white-space: normal; line-height: 75px; } /*#hero p.large2 { font-family: Acherus Grotesque; font-size: 4em; }*/ #hero h1 { font-family: Acherus Grotesque; font-weight: 600; /*font-size: 1.25em;*/ font-size: 1.5em; border-bottom: 0; margin: 15px 0 0px 0; letter-spacing: 2.4px; line-height: 32px; padding: 0 0 15px 0; text-transform: uppercase; } #hero p { font-weight: 300; margin: 0 0 35px 0; font-size: 1.13em; } #hero p small { font-family: 'Crimson Text', serif; font-style: italic; font-size: 14px; } #hero a.cta.white { border: 0; } /* end hero */ /* flex */ #cnt-page.act-page .flex-box { display: flex; max-width: 940px; margin: 0 auto; } #cnt-page.act-page .flex-box br.spacer { content: 'A'; white-space: pre; height: 60px; } #cnt-page.act-page .flex-33 { flex: 33%; padding: 25px; border: 1px solid #E5E5E5; display: flex; flex-wrap: wrap; margin: 0 15px 45px 15px; box-shadow: 0 15px 12px 0 rgb(0 0 0 / 15%); flex-direction: column; align-content: start; } /* end flex */ @media screen and (max-width: 1024px) { #hero { height: 95vh; min-height: 780px; } #hero > div > div.lg:not(.no-mv), #hero .slideshow-text > div { top: 40%; } .HomePageForm #hero > div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #hero p.large { top: unset; white-space: normal; } #cnt-page.act-page .flex-box { display: block; flex: unset; max-width: unset; } #cnt-page.act-page .flex-33 { /*display: block; flex: unset;*/ } #cnt-page .shadow { margin-top: 45px !important; } /*.flex-container .flex-33.box { margin: 25px 0 !important; }*/ .home-rt-img { top: -50px; max-width: 575px; max-width: 100%; } .rt-img { top: -50px; max-width: 575px; max-width: 100%; } } @media screen and (max-width: 896px) { /*#hero { height: 580px; height: 75vh; }*/ #hero .slideshow-text > div { /*position: absolute; left: 10px; bottom: 50px;*/ position: absolute; top: 60%; transform: translateY(-60%); bottom: unset; } .UserPageForm section#hero { margin-top: -100px; } #hero p.large { /*font-size: 2em;*/ top: unset; white-space: normal; } #hero .slideshow-text p.large { line-height: 110%; } #hero > div > div.credit { opacity: 0.75; bottom: 25px; } #cnt-page .section-nav { padding: 35px; text-align: center; } #cnt-page .section-nav ol { flex-direction: column; } #cnt-page .section-nav ol li { margin: 0 0 40px 0; padding-right: 0; } #cnt-page .section-nav ol li:after { content: ' '; border-bottom: 1px solid; border-color: rgba(0,0,0,0.25); position: absolute; width: 44px; height: 1px; margin: 0 auto; left: 0; right: 0; top: unset; bottom: -20px; } #cnt-page .section-nav ol li:last-of-type:after { display: none; } #cnt-page .section-nav ol li:last-of-type { margin: 0; } #cnt-page .bg-img2 { max-height: unset; height: 575px; } #cnt-page .bg-img2 img { height: 100%; } #cnt-page .bg-img2 > div { right: 0; padding: 35px; } #cnt-page .just-cent, #cnt-page .just-cent2 { max-width: unset; } #cnt-page .cent > div { max-width: unset; margin: 25px 0 25px 0 } #cnt-page .lft-img { position: relative; left: 0; } #cnt-page .lft-img2 { position: relative; left: 0; } .home-rt-img { position: relative; float: right; } .rt-img { position: relative; float: right; } .faded-white-bg { padding: 0; } .home-rt-img.flow { display: none; } .rt-img.flow { display: none; } .rt-img2 { position: relative; left: unset; bottom: unset; clear: both; padding: 10px; font-size: 0; transform: unset; /*display: none;*/ } #hero > div > div.fw { max-width: unset !important; } .rt-img2 img { width: 33.3333% !important; height: auto; display: inline-block !important; margin-top: -100px; /*transform: rotate(90deg) scale(1.55);*/ } .rt-img2 .materials-hero-2 { border-top: 0; } .rt-img2 .materials-hero-3 { border-top: 0; } /*.rt-img2 img:not(:first-of-type) { display: none; }*/ .rt-img3 { /*position: relative; left: unset; bottom: unset; clear: both; padding: 10px; max-width: unset;*/ display: none; } /*.rt-img3 img { width: 100% !important; height: auto; }*/ .rt-img4 { visibility: visible; } .rt-img5 { position: relative; right: 0; z-index: -1; max-width: 100%; margin: -15% 0 0 auto; display: block; } .rt-img5-home { position: relative; right: 0; z-index: -1; max-width: 100%; margin: -15% 0 0 auto; display: block; } .rt-img6, .rt-img7 { max-width: 100%; } #env-res .bg, .env-res-bg { display: none; } .flex-container { flex-direction: column; display: block; } .flex-container.rev { flex-direction: column; /*margin: 45px 0;*/ } .flex-container.ten { max-width: unset; margin: 0 auto; } .flex-container .flex-33.box { max-width: unset; } .flex-container .flex-33.box { margin-left: 0 !important; margin-right: 0 !important; } .flex-container .ex-pd { padding: 15px !important; } .flex-container .ex-pd2 { padding: 15px !important; } #cnt-page .just-cent3 { max-width: unset; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 896px){ .flex-container.tdpr { flex-direction: row; display: flex; } } /* END STATIC PAGE NEW, COMBINE WITH ABOVE EVENTUALLY */ /* LOGIN USER DECISION TREE */ .login-welcome, .login-type-of-customer, .login-placed-an-order, .login-trade-view-only, .login-consumer, .login-forgot-password { display: none; } .login-welcome.active, .login-type-of-customer.active, .login-placed-an-order.active, .login-trade-view-only.active, .login-consumer.active, .login-forgot-password.active { display: block; } .login-decision-heading { font-family: "Acherus Grotesque"; font-weight: 300; font-size: 2.25em; line-height: 38px; margin: 0 0 25px; text-align: center; } .login-decision-text p { font-family: "Acherus Grotesque" !important; font-size: 18px !important; font-weight: 300 !important; line-height: 24px !important; letter-spacing: 0.03em !important; text-align: left !important; } .login-decision-text.border-bottom { border-bottom: 1px solid #e5e5e5; padding-bottom: 25px; } .login-decision-selection { text-align: center; margin-top: 40px; } .login-decision-selection p { font-family: "Acherus Grotesque" !important; font-size: 18px !important; font-weight: 300 !important; line-height: 24px !important; letter-spacing: 0.03em !important; display: inline-block; max-width: 260px; margin-bottom: 20px !important; color: #231F20 !important; } .login-decision-selection a { display: block; width: 100%; max-width: 220px; padding: 10px; border: 1px solid #231f20; color: #231F20; text-decoration: none; margin: 0 auto 0; text-align: center; } .login-decision-selection a:hover { background-color: #231f20; color: #FFF; } /* END LOGIN USER DECISION TREE */ /* REQUEST WEBSITE ACCESS */ .request-login-copy { max-width: 800px; margin-bottom: 35px; } .request-login-copy p { font-family: 'Roboto', sans-serif; font-size: 14px !important; font-weight: 400 !important; line-height: 22px !important; } #request-login-form { font-family: 'Roboto', sans-serif; max-width: 800px; position: relative; } #request-login-form input[type="text"] { width: 100%; display: block; padding: 10px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.04); border: 1px solid rgba(60, 66, 87, 0.12); background: #fff; border-radius: 3px; font-size: 16px; } #request-login-form select { width: 100%; display: block; padding: 10px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.04); border: 1px solid rgba(60, 66, 87, 0.12); border-radius: 3px; font-size: 16px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url('images/down-arrow.svg') no-repeat calc(100% - 12px) 50%; } #request-login-form input[type="submit"] { font-family: 'Acherus Grotesque', sans-serif; font-size: 14px; margin: 35px 0 0 0; display: block; background: #231f20; color: #fff; border: 1px solid #231f20; padding: 11px 25px; text-align: center; cursor: pointer; width: 100%; } #request-login-form input[type="submit"]:hover { background: #fff; color: #231f20; border: 1px solid #231f20; } #request-login-form label { color: #697386; display: block; font-size: 14px; margin: 20px 0 10px; } #request-login-form .form-row { display: flex; justify-content: space-between; } #request-login-form .form-row > div { flex: 0 0 calc(50% - 10px); } #request-login-form .form-inner-row { display: flex; justify-content: space-between; } #request-login-form .form-inner-row > div { flex: 0 0 calc(50% - 5px); } @media screen and (max-width: 800px) { #request-login-form .form-row { flex-direction: column; } #request-login-form .form-row > div { flex: 100%; } } @media screen and (max-width: 450px) { #request-login-form .form-inner-row { flex-direction: column; } #request-login-form .form-inner-row > div { flex: 100%; } } /* END REQUEST WEBSITE ACCESS */ /* SELECTED DRAPING OPTIONS */ #item-info-container #UsedCoversListPanel { order: 2; } #item-info-container #selected-options { margin: 5px 0 15px 0; font-size: 15px; padding: 0; } #item-info-container #selected-options p { display: none; } #item-info-container #selected-options ul { list-style-type: none; margin: 0; padding: 0; line-height: 24px; font-size: 15px; } #item-info-container #selected-options ul li { padding: 0; text-transform: uppercase; font-weight: 700; } #item-info-container #selected-options ul li:nth-child(odd) { background: none; } #item-info-container #selected-options ul li span:first-of-type { font-weight: 400; } #item-info-container #selected-options ul li a { color:#000; text-decoration: none; } #item-info-container #selected-options ul li a:hover { font-weight: normal; } #item-info-container #selected-options ul li .selected-item-price { font-weight: bold; margin-left: 15px; color: #000; float: right; } #item-info-container #selected-options ul li .selected-item-availability { display: none; } /* END SELECTED DRAPING OPTIONS */ /* FAVORITES LOGIN POPUP */ .ItemBrowserPageForm .mfp-iframe-holder .mfp-close { top: 0; right: 0; text-align: center; color: #333; padding-right: 0; width: 44px; } .mfpFavoriteFolderTree .mfp-iframe-holder .mfp-close { top: 0; right: 0; text-align: center; color: #333; padding-right: 0; width: 44px; } /* END FAVORITES LOGIN POPUP */ /* INDOOR LP */ #indoor-hero-images { display: flex; flex-direction: column; } /* END INDOOR LP */ /* TERMS & CONDITIONS LP */ .tc-container li { line-height: 2em; font-size: 1.13em; font-weight: 300; } /* END TERMS & CONDITIONS LP */ /* REMOVE HEADER/FOOTER FROM PRINT VIEW */ @media print { header, footer { display: none !important; } } /* ORDER CONFIRMATION */ #confirmation-page-logo { margin-top: 20px; margin-bottom: 35px; } #confirmation-page-footer-logo { margin-top: 40px; margin-bottom: 20px; } @media screen and (max-width: 899px) { #confirmation-page-logo { text-align: center; margin-bottom: 10px; } } #confirmation-page2 .com-message { display: none !important; } /* PIXLEE ITEM INFO */ #pixlee-parent { margin-top: 75px; } #pixlee-parent h2 small { font-family: 'Crimson Text'; font-style: italic; font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.03em; color: #777A7C; } #pixlee-parent h3 { font-family: 'Crimson Text'; font-style: normal; font-weight: 400; font-size: 38px; line-height: 24px; text-align: center; letter-spacing: 0.03em; color: #000000; } @media screen and (max-width: 896px) { [data-aos="fr-o"].aos-animate.di-m { opacity: 1; } } /* ANIMATE ON SCROLL */ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* Adjust item info zoom window under header */ .mz-zoom-window.mz-inner { z-index:10 !important; } /*4-11-23*/ header .container nav#main-nav > ul > li.mobile-menu-lin {display: none !important;} @media screen and (max-width: 896px) { header .container nav#main-nav > ul > li.mobile-menu-lin {display: block !important;} header .container nav#main-nav > ul > li.mobile-menu-lin[style*="display: inline"] { display: block !important; } header .container nav#main-nav > ul > li.mobile-menu-lin[style*="display: none"] { display: none !important; } } #snap-shot { display: none;} /* sf 00747612 */ .SEOHeading p{ width: 77%; /* left: 22%; */ margin-left: 22%; /* position: relative; */ font-family: 'Karla Light'; font-size: 12px; line-height: 18px; font-weight: 300; font-style: normal; } @media screen and (max-width: 896px) { .SEOHeading p{ width: 100%; left: unset; margin-left: 0px; } } /* sf 00749262 */ .collection-banner { /* top: -25px; */ position: relative; } /* Request Received Modal */ #request-received { max-width: 445px; margin: 0 auto; } .request-received-container { max-width: 445px; margin: 0 auto; padding: 45px; background-color: #FFF; position: relative; } .request-received-heading { font-family: "Acherus Grotesque"; font-weight: 300; font-size: 2.25em; line-height: 38px; margin: 0 0 25px; text-align: center; } .request-received-container p { margin: 0 0 15px 0; color: #697386; font-family: "Acherus Grotesque" !important; font-size: 18px !important; font-weight: 300 !important; line-height: 24px !important; letter-spacing: 0.03em !important; text-align: left !important; } .request-received-text.border-bottom { border-bottom: 1px solid #e5e5e5; padding-bottom: 25px; } .request-received-selection { text-align: center; margin-top: 40px; } .request-received-selection p { margin: 0 0 15px 0; font-family: "Acherus Grotesque" !important; font-size: 18px !important; font-weight: 300 !important; line-height: 24px !important; letter-spacing: 0.03em !important; display: inline-block; max-width: 260px; margin-bottom: 20px !important; color: #231F20 !important; } .request-received-selection a { display: block; width: 100%; max-width: 220px; padding: 10px; border: 1px solid #231f20; color: #231F20; text-decoration: none !important; margin: 0 auto 0; text-align: center; } .request-received-selection a:hover { background-color: #231f20; color: #FFF !important; } .ItemBrowserPageContainer .AttributeFilterListECatSmartStacks { display: none !important; } /* CUSTDEV-8139 - Remove sku statuses from cart */ .viewcart .view-cart-sku-status { display: none; } /* Login Password text toggle */ .LoginPageInputArea .password-container { position: relative; } .LoginPageInputArea .password-eye { position: absolute; right: 13px; top: 10px; color: #D1D2D6; } /* End Login Password text toggle */ /* New Elasticsearch edits */ .ItemBrowserAttributeFilters { top: 101px !important; } /* End New Elasticsearch edits */ /* sf 1119566 */ .AttributeFilterListAllPurchasedComponents2025October { display: none !important; }