/** Shopify CDN: Minification failed Line 219:286 Expected ":" Line 1027:40 Comments in CSS use "/* ... */" instead of "//" **/ /* Table of Contents -------------------------------------------------------------- :: Variables :: Global Reset & Standards :: AddThis :: Animations :: Breadcrumb :: Form :: Headings :: Labels :: Links & Paragraph styles :: Lists :: Newsletter :: Overlay :: Pagination :: Search :: Sections :: Slick :: Swatches :: Table :: Footer :: Header :: Collections :: Search :: Product :: Cart :: Blog :: Pages :: Account :: Addresses :: Order :: 404 :: Password :: Tailor Portal :: Firefox Specific Rules :: Responsive */ @import url("http://hello.myfonts.net/count/36dfa0"); @font-face {font-family: 'FuturaBTWXX-Light';src: url(../eot/36dfa0_0_0be67.eot);src: url(../eot/36dfa0_0_0d3d7.eot) format('embedded-opentype'),url(../woff2/36dfa0_0_048b3.woff2) format('woff2'),url(../woff/36dfa0_0_01a25.woff) format('woff'),url(../ttf/36dfa0_0_0f1d0.ttf) format('truetype');} @font-face {font-family: 'FuturaBTWXX-LightItalic';src: url(../eot/36dfa0_1_06c0a.eot);src: url(../eot/36dfa0_1_0baf1.eot) format('embedded-opentype'),url(../woff2/36dfa0_1_0aa7b.woff2) format('woff2'),url(../woff/36dfa0_1_072c7.woff) format('woff'),url(../ttf/36dfa0_1_02a1c.ttf) format('truetype');} @font-face {font-family: 'FuturaBTWXX-Book';src: url(../eot/36dfa0_2_0726d.eot);src: url(../eot/36dfa0_2_0b16f.eot) format('embedded-opentype'),url(../woff2/36dfa0_2_0edfc.woff2) format('woff2'),url(../woff/36dfa0_2_0b0e7.woff) format('woff'),url(../ttf/36dfa0_2_089b6.ttf) format('truetype');} @font-face {font-family: 'FuturaBTWXX-Medium';src: url(../eot/36dfa0_3_09d4e.eot);src: url(../eot/36dfa0_3_03eb6.eot) format('embedded-opentype'),url(../woff2/36dfa0_3_099d6.woff2) format('woff2'),url(../woff/36dfa0_3_0c452.woff) format('woff'),url(../ttf/36dfa0_3_0ba72.ttf) format('truetype');} @font-face {font-family: 'DidotLTPro-BoldItalic';src: url(../eot/36dfa0_4_08a04.eot);src: url(../eot/36dfa0_4_02791.eot) format('embedded-opentype'),url(../woff2/36dfa0_4_04060.woff2) format('woff2'),url(../woff/36dfa0_4_0287e.woff) format('woff'),url(../ttf/36dfa0_4_0b676.ttf) format('truetype');} @font-face {font-family: 'DidotLTPro-Bold';src: url(../eot/36dfa0_5_0bca4.eot);src: url(../eot/36dfa0_5_0f64e.eot) format('embedded-opentype'),url(../woff2/36dfa0_5_0a2d0.woff2) format('woff2'),url(../woff/36dfa0_5_01702.woff) format('woff'),url(../ttf/36dfa0_5_0dc7b.ttf) format('truetype');} /* Variables -------------------------------------------------------------- */ /* Global Reset & Standards -------------------------------------------------------------- * /* Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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: inherit; vertical-align: baseline; } html, body { width: 100%; height: 100%; margin-top: 0 !important; padding-bottom: 0 !important; -webkit-text-size-adjust: none; } html { font-size: 62.5%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { font-family: FuturaBTWXX-Light; font-weight: normal; font-style: normal; color: #000000; line-height: 1; -webkit-font-smoothing: antialiased; background: #ffffff; } body.searching { overflow: hidden; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } ::selection { color: #000000; background: #ebebeb; } ::-moz-selection { color: #000000; background: #ebebeb; } img { max-width: 100%; height: auto; } strong { font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; } em { font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; } hr { width: 100px; margin: 25px auto; border: none; border-top: 4px solid #ebebeb; clear: both; } del { color: #c2c2c2; } #wrapper { width: 100%; min-height: 100%; position: relative; background: #fff; float: left; } #content { padding-bottom: 375px; } .index #content { margin-bottom: -45px; } .container { max-width: 1320px; width: 100%; position: relative; margin: 0 auto; padding: 0 40px; box-sizing: border-box; clear: both; } .container.slim, .container .slim { max-width: 1020px; } .container .slim { margin: 0 auto; } #content { overflow: hidden; } .center, .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .banner { width: 100%; display: block; position: relative; } .vert-center { width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 2; } .hide { display: none; } .small { font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; font-size: 9px; line-height: 1.4; } .round { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .cover { width: 100%; height: 100%; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; float: left; } .clearfix { display: block; clear: both; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-wrapper.no-touch:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ''; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .close { width: 22px; height: 22px; display: inline-block; position: relative; cursor: pointer; } .close::before, .close::after { content: ''; position: absolute; width: 100%; top: 50%; left: 0; height: 1px; background: #000000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .flex { display: flex; } .flex-around { justify-content: space-around; } .flex-between { justify-content: space-between; } .flex-center { justify-content: center; } .flex-evenly { justify-content: space-evenly; } .transparency { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; } .half { width: 50%; } .two-thirds { width: 66.6666%; } .third { width: 33.3333%; } .quarter { width: 25%; } .border { border: 1px solid #ebebeb; } .properties { padding-top: 17px; font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; font-size: 14px; color: #707070; line-height: 1.6; } .properties span { font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; color: initial; text-transform: uppercase; } /* AddThis -------------------------------------------------------------- */ .share { padding-top: 52px; } .share .addthis-header { margin-bottom: 7px; font-size: 9px; } .addthis_toolbox a { display: inline-block !important; margin: 0 5px; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; } .addthis_toolbox .fa { font-size: 16px; } /* Animations -------------------------------------------------------------- */ .fade-out { opacity: 1; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; } /* Breadcrumb -------------------------------------------------------------- */ #breadcrumb { padding: 18px 0 30px; font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; font-size: 11px; color: #802f2d; } #breadcrumb a { color: #a1a1a1; } #breadcrumb a:after { content: ' / '; } /* Form -------------------------------------------------------------- */ input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="telephone"], select, textarea { width: 100%; height: 34px; margin: 0 0 15px 0; padding: 0 10px; font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; font-size: 15px; color: #000000; letter-spacing: .1rem; border: none; border-bottom: 1px solid #000000; box-shadow: none; outline: none; resize: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: transparent; } textarea { height: 110px; padding: 2px 10px; } input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="telephone"]:focus, textarea:focus { border-color: #802f2d; } input[type="radio"], input[type="checkbox"] + label { position: relative; top: -6px; margin-left: 6px; font-size: 12px; } input[type="checkbox"] { width: 19px !important; height: 19px; display: inline-block !important; margin: 0; border: 1px solid #000000; -webkit-appearance: none; -webkit-border-radius: 0; outline: none; cursor: pointer; } input[type="checkbox"]:checked { background: url(../png/close9b64.png) no-repeat center; background-size: 13px auto !important; } input[type="button"], input[type="submit"], button { font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; font-size: 16px; cursor: pointer; box-shadow: none; border: none; outline: none; resize: none; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } button { padding: 0; } select { padding-right: 30px; cursor: pointer; text-indent: 0.01px; text-overflow: ""; background: url(../png/arrow-select4471.png) no-repeat right 15px center/13px auto; } select::-ms-expand { display: none; } ::-webkit-input-placeholder { color: #000000; opacity: 1; } :-moz-placeholder { color: #000000; opacity: 1; } ::-moz-placeholder { color: #000000; opacity: 1; } :-ms-input-placeholder { color: #000000; opacity: 1; } #msg { padding-top: 20px; color: #802f2d; clear: both; } .invalid input:required:invalid { border-color: #f00; } /* Headings -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; letter-spacing: .1rem; line-height: 1.4; text-transform: uppercase; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1, .h1 { font-size: 28px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; } h2, .h2 { font-size: 24px; } h3, .h3 { font-size: 18px; } h4, .h4 { font-size: 16px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } .border-bottom { letter-spacing: 2px; } .border-bottom:after { width: 24px; display: block; margin-top: 10px; margin-bottom: 16px; content: ''; border-bottom: 1px solid; } .text-left .border-bottom:after { margin-right: auto; } .text-center .border-bottom:after { margin-left: auto; margin-right: auto; } .text-right .border-bottom:after { margin-left: auto; } /* Labels -------------------------------------------------------------- */ .product .label { display: inline-block; position: absolute; top: 0; left: 0; padding: 7px 10px 5px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; font-size: 10px; color: #fff; letter-spacing: 1px; text-transform: uppercase; word-wrap: break-word; border-box; box-sizing: border-box; background: #802f2d; } /* Links & Paragraph styles -------------------------------------------------------------- */ p { margin: 0 0 25px; font-size: 15px; letter-spacing: .1rem; line-height: 1.7; } p img { margin: 0; } a { color: #000000; text-decoration: none; outline: 0; line-height: inherit; } a:hover, a.active { color: #802f2d; } p a, p a:visited { line-height: inherit; } p a:not(.btn) { border-bottom: 1px solid; } blockquote { max-width: 700px; margin: 0 auto; padding: 44px 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fbf9f4; } blockquote:before { position: absolute; top: -50px; left: 50%; font-family: DidotLTPro-Bold; font-weight: normal; font-style: normal; font-size: 72px; content: "“"; transform: translateX(-50%); } blockquote p { font-family: DidotLTPro-Bold; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1.5; } blockquote p em { font-family: DidotLTPro-BoldItalic; font-weight: normal; font-style: normal; } blockquote p:last-of-type { margin-bottom: 0; } .buttons { padding-top: 20px; } .btn { min-width: 232px; height: 48px; display: inline-block; margin: 15px auto 0 auto; padding: 0 20px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; font-size: 16px !important; color: #fff; text-align: center; text-transform: uppercase; cursor: pointer; letter-spacing: 0.1em; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #802f2d; } a.btn, button.btn, span.btn { line-height: 52px; } .btn:hover { color: #fff; background: #632726; } .btn-reverse { padding: 0 28px; color: #000000; border: 2px solid #000000; background: transparent; } a.btn-reverse, button.btn-reverse, span.btn-reverse { line-height: 48px; } input.btn-reverse { border: 2px solid #000000; } .btn-reverse:hover { color: #802f2d !important; border-color: #802f2d !important; background: transparent; } .btn-alt { background: #000000; } .btn-alt:hover { background: #464646; } .btn:disabled { cursor: default; background: #ccc; } .btn-play { width: 58px; height: 58px; display: block; margin: 0 auto; padding-top: 14px; position: relative; font-family: DidotLTPro-Bold; font-weight: normal; font-style: normal; font-size: 18px; color: #000000; text-transform: uppercase; cursor: pointer; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .link-arrow { font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; font-size: 12px; color: #802f2d; letter-spacing: 0.1em; text-transform: uppercase; border-bottom: none !important; } .link-arrow .fa { width: 16px; height: 16px; margin-left: 2px; padding-left: 2px; font-size: 14px; color: #fff; text-align: center; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #802f2d; } /* Lists -------------------------------------------------------------- */ ul, ol { margin-bottom: 25px; } ul { list-style: none outside; } ol { margin-left: 22px; list-style: decimal; } ol.upper-alpha { list-style: upper-alpha; } ol.decimal { list-style: decimal; } ul ul, ol ol { margin: 4px 0 5px 25px; } li { font-size: 15px; letter-spacing: .1rem; line-height: 1.7; } /* Newsletter -------------------------------------------------------------- */ #newsletter-popup { max-width: 560px; width: 100%; display: none; position: fixed; bottom: 8px; right: 8px; background: #ffffff; z-index: 2; } #newsletter-popup .btn-close { position: absolute; top: 0; right: 0; font-size: 20px; color: #fff; text-align: center; cursor: pointer; background: #000000; } #newsletter-popup .btn-close.close:before, #newsletter-popup .btn-close.close:after { width: 80%; left: 10%; background: #fff; } #newsletter-popup .inner { align-items: center; } #newsletter-popup .inner .inner-image { width: 36%; } #newsletter-popup .inner .inner-image img { display: block; } #newsletter-popup .inner .rte { width: 64%; padding: 0 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #newsletter-popup h3 { margin-bottom: 2px; font-family: DidotLTPro-Bold; font-weight: normal; font-style: normal; font-size: 20px; text-transform: none; } #newsletter-popup p { margin-bottom: 5px; font-size: 14px; } #newsletter-popup .btn { min-width: 146px; height: 40px; line-height: 40px; } /* Overlay -------------------------------------------------------------- */ .overlay { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background: #fff; background: rgba(255, 255, 255, 0.95); z-index: 9999; } .overlay.open { opacity: 1; visibility: visible; } .overlay .close { margin-bottom: 65px; } /* Pagination -------------------------------------------------------------- */ .pagination p { margin-bottom: 0; font-size: 12px; } .pagination span, .pagination a:not(.btn) { display: inline-block; padding: 0 7px; } .pagination .btn { min-width: 260px; margin: 20px 0 10px; } .pagination .current { color: #802f2d; } /* Search -------------------------------------------------------------- */ .form-search { width: 100%; height: 100%; display: none; position: absolute; top: 0; text-align: center; background: #000000; z-index: 2; } .form-search input { width: 144px; margin: 0 auto; color: #fff; padding: 0; text-align: left; border: none; background: transparent; } .form-search input::-webkit-input-placeholder { color: #fff; text-align: center; } .form-search input:-moz-placeholder { color: #fff; text-align: center; } .form-search input::-moz-placeholder { color: #fff; text-align: center; } .form-search input:-ms-input-placeholder { color: #fff; text-align: center; } .form-search .close { position: absolute; top: 50%; right: 40px; transform: translateY(-50%); } .form-search .close::before, .form-search .close::after { height: 2px; background: #fff; } /* Sections -------------------------------------------------------------- */ .banner-section { width: 100%; position: relative; color: #fff; } .banner-section .vert-center { text-align: center; } .full-image-section { padding: 70px 65px; } .full-image-section .wrapper { position: relative; } .full-image-section img { display: block; } .full-image-section p { margin-bottom: 20px; font-size: 24px; } .full-image-section .btn { margin-top: 2px; } .grid-section .border-bottom:after { width: 64px; margin-top: 12px; margin-bottom: 20px; border-width: 2px; } .grid-section .items { padding: 65px 0 15px; flex-wrap: wrap; } .grid-section .item { width: 30%; position: relative; } .html-section { padding: 72px 0 35px; } .html-section .border-bottom { padding-bottom: 20px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; } .html-section .border-bottom:after { width: 66px; } .image-text-section { align-items: center; } .image-text-section .rte { padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-text-section .rte .border-bottom:after { width: 66px; } .instagram-section { padding: 35px 33px; } .instagram-section h4, .instagram-section h4 a { color: #802f2d; } .instagram-section .feed { padding-top: 16px; } .instagram-section #instafeed a { width: 20%; display: inline-block; padding: 0 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; } .page-content-section { padding-bottom: 35px; } .page-content-section .bg { padding: 84px 8%; } .page-content-section .border-bottom:after { width: 66px; } .page-content-section p:last-of-type { margin-bottom: 4px; } .how-we-give-section .quote-section blockquote { max-width: 980px; } .how-we-give-section .page-content-section table { margin-bottom: 45px; } .slideshow-section { position: relative; } .slideshow-section .vert-center { max-width: 740px; } .slideshow-section .vert-center .btn { margin-top: 0; } .slideshow-section .vert-center .h1 + .btn { margin-top: 15px; } .text-section .bg { padding: 94px 0 75px; } .text-section .container { max-width: 780px; } .text-section .border-bottom { padding-bottom: 20px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; } .text-section img { max-width: 80px; margin-bottom: 8px; } .text-section p:last-of-type { margin-bottom: 8px; } .text-section .border-bottom:after { width: 66px; } .text-section .btn { margin-bottom: 14px; } .index .text-section p { margin-bottom: 20px; font-size: 18px; } .index .text-section .border-bottom:after { width: 86px; margin-top: 20px; margin-bottom: 26px; border-width: 2px; } .page-how-we-give .text-section + .text-section .bg { padding-top: 0; } .products-section { padding: 72px 0 35px; } .products-section .items { padding: 48px 0 66px; } .products-section .item .item-image { margin-bottom: 16px; } .products-section .item .item-image img { border: 1px solid #ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .products-section .item h3 { margin-bottom: 6px; } .products-section .item p { margin-bottom: 15px; } .products-section .secondary .border-bottom:after { width: 53px; margin-bottom: 26px; } .products-section .secondary h3 { margin-bottom: 8px; } .products-section .secondary p { font-size: 18px; } .products-section .secondary p a { color: #802f2d; } .quote-section { padding: 115px 0; } .quote-section blockquote { padding: 0; background: none; } .quote-section .btn { margin-top: 20px; } .text-grid-section .bg { padding: 100px 0 110px; } .text-grid-section .item .item-image { width: 75%; margin: 0 auto 36px; position: relative; overflow: hidden; border-radius: 50%; } .text-grid-section .item .item-image img { display: block; } .text-grid-section .item .item-image.placeholder { padding-bottom: 74%; } .text-grid-section .item .item-image.placeholder svg { width: 200%; height: 100%; position: absolute; top: 0; left: -50%; } .text-grid-section .item h3 { margin-bottom: 10px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; } .video-section { position: relative; } .video-section .placeholder-svg { width: 100%; height: 100%; background: #fcfcfc; } .video-section h2 { padding-top: 16px; font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; text-transform: none; } /* Slick -------------------------------------------------------------- */ .slick img { width: 100%; } .slick-slider { position: relative; display: block; margin-bottom: 0; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; position: relative; float: left; height: 100%; min-height: 1px; outline: none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow { width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; background: rgba(255,255,255,0.5); z-index: 2; } .slick-arrow.slick-prev { left: 32px; } .slick-arrow.slick-next { right: 32px; } .slick-arrow.slick-hidden { display: none; } .slick-arrow .fa { padding-top: 1px; font-size: 30px; } .slick-arrow:hover .fa { color: #802f2d; } .slick-arrow.slick-prev .fa { padding-right: 3px; } .slick-arrow.slick-next .fa { padding-left: 3px; } .slick-dots { position: absolute; bottom: 38px; left: 50%; margin: 0; text-align: center; transform: translateX(-50%); } .slick-dots li { width: 10px; height: 10px; display: inline-block; margin: 0 4px; } .slick-dots li button { width: 100%; height: 100%; display: block; text-indent: -9999px; overflow: hidden; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #ebebeb; } .slick-dots .slick-active button { background: #802f2d; } .slick:not(.slick-initialized) .slide:not(:first-of-type) { display: none; } /* Swatches -------------------------------------------------------------- */ .swatch { margin-bottom: 18px; } .swatch .header { display: block; margin-bottom: 15px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; font-size: 16px; } .swatch .header span { margin-left: 7px; font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; text-transform: none; } .swatch .swatches { display: flex; flex-wrap: wrap; } .swatch .swatch-element { width: 50px; position: relative; margin: 0 40px 0 0; padding-bottom: 22px; -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; z-index: 2; } /*.swatch .swatch-element.soldout { opacity: 0.3 }*/ .swatch .swatch-element.soldout label { cursor: not-allowed; } .swatch input { display: none; } .swatch label { width: 50px !important; height: 50px !important; display: block; position: relative; margin-bottom: 0 !important; font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; font-size: 14px; text-align: center; line-height: 48px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; white-space: nowrap; text-transform: uppercase; background-size: 400% auto; } .swatch .white label { border: 1px solid gray; } .swatch label:before { width: 100%; height: 100%; position: absolute; top: -6px; left: -6px; padding: 4px; content: ''; border: 2px solid #fff; border-radius: 50%; } .swatch label:hover:before { border-color: lightgray; } .swatch input:checked + label:before { border-color: #802f2d; } .swatch .selected label:before { border-color: #802f2d; } .swatch .tooltip { width: max-content; display: none; position: absolute; bottom: 14px; left: 50%; font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; font-size: 14px; text-align: center; transform: translateX(-50%); } .swatch input:checked + label + .tooltip { display: block; } .swatch .selected label + .tooltip { display: block; } .swatch.error { background-color: #E8D2D2 !important; color: #333 !important; padding: 1em; border-radius: 5px; } .swatch.error p { margin: 0.7em 0; } .swatch.error p:first-child { margin-top: 0; } .swatch.error p:last-child { margin-bottom: 0; } .swatch.error code { font-family: monospace; } .swatches a { width: 15px; height: 15px; display: inline-block; margin: 0 2px 4px; border-radius: 50%; border: 1px solid #ebebeb; } /* Table -------------------------------------------------------------- */ table { margin: 32px 0 18px; font-size: 14px; table-layout:fixed; } table td, table th { padding: 30px 20px 27px; line-height: 1.7; vertical-align: middle; text-align: center; border: 1px solid #acacac; } /* Footer -------------------------------------------------------------- */ footer { width: 100%; position: absolute; bottom: 0; left: 0; padding: 60px 0 16px; color: #ffffff; background: #000000; } footer .container { max-width: 1220px; } footer a { color: #ffffff; } footer .cols { margin-bottom: 30px; padding: 0 0 52px; border-bottom: 1px solid #414242; } footer .cols .col p { margin-bottom: 0; } footer nav { padding-bottom: 33px; } footer nav ul ul { display: none; } footer nav ul { display: flex; justify-content: space-around; } footer nav li { font-size: 14px; } footer .social { margin-bottom: 22px; } footer .social li { display: inline-block; margin: 2px 16px 0 0; } footer .social .fa { font-size: 16px; } footer .btn-reverse { color: #ffffff; border-color: #ffffff; } footer .copyright p { margin-bottom: 0; font-size: 9px; color: #636363; } footer .copyright nav { padding-bottom: 0; } footer .copyright ul { margin-bottom: 0; } footer .copyright li { font-size: 9px; } footer .copyright li:not(:last-of-type):after { margin: 0 5px 0 2px; content: '|'; } /* Header -------------------------------------------------------------- */ .header-section.fixed { position: -webkit-sticky; position: sticky; top: 0; z-index: 10; } .top-bar { padding-top: 3px; color: #ffffff; text-transform: uppercase; background: #802f2d; } .top-bar p { margin-bottom: 0; font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; font-size: 13px; } header { position: relative; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; font-size: 13px; background: #000000; } header .container { position: static; padding: 0 20px; } header .flex { align-items: center; } header .logo { width: 19%; } header .logo a { display: inline-block; } header .logo img { width: 100%; display: block; margin: 0 auto; } header .header-links { width: 19%; } header .header-links:last-of-type { text-align: right; } header .header-links a { display: inline-block; } header .header-links a:not(:first-of-type) { margin-left: 22px; } header .header-links a img { vertical-align: middle; } header .header-links .show-search img { width: 24px; } header .header-links .account img { width: 23px; } header .header-links .closet img { width: 28px; } header .header-links .cart { position: relative; } header .header-links .cart img { width: 22px; } header .header-links .cart .item-count { margin-left: 5px; font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; font-size: 12px; color: #ffffff; } header .header-links .cart .item-count.highlight { color: #802f2d; } header .header-links .menu-toggle { display: none; position: relative; left: -12px; padding: 12px; } header .header-links .menu-toggle .navicon { width: 24px; height: 2px; display: inline-block; position: relative; background: #ffffff; vertical-align: middle; } header .header-links .menu-toggle .navicon:before, header .header-links .menu-toggle .navicon:after { width: 100%; height: 2px; position: absolute; left: 0; content: ''; background: #ffffff; } header .header-links .menu-toggle .navicon:before { top: -6px; } header .header-links .menu-toggle .navicon:after { top: 6px; } header nav { width: 62%; } header nav ul { margin-bottom: 0; text-align: center; } header nav ul.main { display: flex; justify-content: space-between; } header nav li { display: inline-block; /*margin: 0 20px;*/ font-size: 14px; } header nav li a, header nav li span { display: block; position: relative; padding: 28px 0; color: #ffffff; } header nav li .parent:after { width: 0; height: 0; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; opacity: 0; transition: all 0.2s ease-in-out; } header nav li:hover .parent:after { opacity: 1; border-bottom-color: #f7f8f8; } header nav .dropdown { min-width: 100%; display: block; visibility: hidden; position: absolute; top: 100%; left: 0; margin: 0; padding: 23px 0; opacity: 0; transition: all 0.2s ease-in-out; background: #f7f8f8; z-index: 10; } header nav .dropdown li { margin: 0 20px; } header nav .dropdown a, header nav .dropdown span { padding: 0; font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; color: #000000; } header nav .dropdown a:hover { color: #802f2d; } header nav .dropdown a:after { display: none; } header nav ul li:hover > .dropdown { visibility: visible; opacity: 1; } header nav li.mega-menu { position: static; } header nav li.mega-menu .parent + ul { height: 0; display: flex; padding: 0; justify-content: center; overflow: hidden; } header nav li.mega-menu .parent + ul.dropdown { padding: 30px 0 24px; } header nav li.mega-menu:hover .parent + ul { height: auto; overflow: visible; } header nav li.mega-menu .col { text-align: left; } header nav li.mega-menu .col a { padding: 0; } header nav li.mega-menu .col img { max-width: 114px; width: 100%; display: block; } header nav li.mega-menu .col h5 { padding-top: 6px; text-transform: none; } header nav li.mega-menu .col.menus li { display: block; margin: 0 0 3px; } header nav li.mega-menu .col.desc { max-width: 268px; width: 100%; margin: 0 50px; } header nav li.mega-menu .col.desc p { font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; font-size: 14px; } header nav li.mega-menu .col.feature:not(:last-of-type) { margin-right: 23px; } .slide-menu { width: 300px; position: fixed; left: -100%; top: 0; bottom: 0; z-index: 12; overflow-y: auto; -webkit-overflow-scrolling: touch; visibility: hidden; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; background: #ffffff; } .slide-menu.active { left: 0; visibility: visible; } .slide-menu .menu-toggle { cursor: pointer; } .slide-menu .tools { padding-left: 20px; color: #ffffff; background: #000000; } .slide-menu .tools input { margin-bottom: 0; padding: 4px 0 0; font-size: 18px; color: #ffffff; border: none; } .slide-menu .tools input::-webkit-input-placeholder { color: #ffffff; } .slide-menu .tools input:-moz-placeholder { color: #ffffff; } .slide-menu .tools input::-moz-placeholder { color: #ffffff; } .slide-menu .tools input:-ms-input-placeholder { color: #ffffff; } .slide-menu .tools .menu-toggle { border-left: 1px solid #ffffff; } .slide-menu .tools .close { width: 34px; height: 34px; } .slide-menu .tools .close::before, .slide-menu .tools .close::after { width: 70%; left: 15%; background: #ffffff; } .slide-menu ul { margin-bottom: 0; } .slide-menu ul:not(:first-of-type) { padding-top: 12px; } .slide-menu ul.account { padding-top: 0; border-bottom: 1px solid #ebebeb; } .slide-menu ul li { padding: 5px 0; font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; font-size: 18px; } .slide-menu ul li a, .slide-menu ul li span { padding: 0 20px; } .slide-menu ul ul { display: none; margin: 0; padding: 5px 0 10px; border-bottom: 1px solid #ebebeb; } .slide-menu ul .parent { display: block; position: relative; } .slide-menu ul .parent { padding-right: 30px; } .slide-menu ul .parent:after { position: absolute; right: 17px; content: '+'; } .slide-menu ul .parent.active:after { top: -1px; content: '–'; } body:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ''; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; background: rgba(255,255,255,.8); z-index: 11; } body.menu-open { overflow: hidden; } body.menu-open:before { opacity: 1; visibility: visible; } /* Collections -------------------------------------------------------------- */ .collection .banner-section { color: inherit; } .collection .banner-section .rte { max-width: 900px; margin: 0 auto; padding-top: 80px; } .collection .banner-section .vert-center { width: 30%; left: 53%; text-align: left; } .collection .banner-section .page-title { margin-bottom: 8px; } .collection .banner-section p:last-of-type { margin-bottom: 0; } .product-list.products-section .items { padding-bottom: 0; } .product-list.products-section .item { width: 31%; margin: 0 3.5% 66px 0; } .product-list.products-section .item:nth-child(3n) { margin-right: 0; } .product-list.products-section .item .slick-arrow.slick-prev { left: 12px; } .product-list.products-section .item .slick-arrow.slick-next { right: 12px; } .sliders-section .item { position: relative; margin-bottom: 55px; } .sliders-section .item:last-of-type { margin-bottom: 13px; } .sliders-section .item h2 { margin-bottom: 6px; } .sliders-section .item p:last-of-type { margin-bottom: 10px; } .sliders-section .item .btn:not(:hover) { background: #000000; } .sliders-section .item .text { width: 30%; } .sliders-section .item .vert-center { transform: translateY(-50%); } .sliders-section .item:nth-child(odd) .vert-center { left: 58%; } .sliders-section .item:nth-child(even) .vert-center { left: 11%; } .sliders-section .item .slide video { width: 100%; display: block; } .sliders-section .item .slick-thumbs { padding-top: 45px; } .sliders-section .item .slick-thumbs a { width: 27%; position: relative; border: 1px solid transparent; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.28); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.28); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.28); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: both; } .sliders-section .item .slick-thumbs a.active { border-color: #802f2d; } .sliders-section .item .slick-thumbs img { display: block; } .sliders-section .item .slick-thumbs .btn-play { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; padding-top: 9px; font-size: 12px; transform: translate(-50%,-50%); background: #fff; } .sliders-section .item.portrait { align-items: center; flex-wrap: wrap; background: #f7f7f7; } .sliders-section .item.portrait .item-image { width: 35%; } .sliders-section .item.portrait .text { width: 65%; padding: 40px 12%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sliders-section .item.portrait:nth-child(even) { flex-direction: row-reverse; } .sliders-section .item.portrait .slick-thumbs { max-width: 400px; } .sliders-section .item.portrait .slick-thumbs a { width: 18%; } /* Search -------------------------------------------------------------- */ .search #content .container.slim { max-width: 1120px; } .search .description { margin-bottom: 30px; color: #707070; } .search .results { padding-bottom: 40px; } .search .item { padding: 28px 0; border-top: 1px solid #ebebeb; } .search .item .image { width: 13%; } .search .item .image img { display: block; } .search .item .post-meta { width: 83%; } .search .item .post-meta h3 { margin-bottom: 5px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; } .search .item .post-meta p:last-of-type { margin-bottom: 0; } .search .item .post-meta .item-link a { color: #802f2d; text-transform: uppercase; } /* Product -------------------------------------------------------------- */ .product #content .container { max-width: 1220px; } .product-single .images-mobile { display: none; padding: 0 7px 29px; } .product-single .images-mobile.slick:not(.slick-initialized) div { width: 50%; display: inline-block; padding: 0 8px 10px; box-sizing: border-box; } .product-single .images-mobile .slick-slide { padding: 0 3px; } .product-single .product-header { margin-bottom: 35px; padding: 30px 0 25px; border-bottom: 1px solid #ebebeb; } .product-single .images { width: 50%; } .product-single .images .thumbs { width: 12%; text-align: center; } .product-single .images .thumbs a { width: 100%; display: block; margin-bottom: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product-single .images .thumbs img { width: 100%; display: block; } .product-single .images .thumbs .active { border: 1px solid #802f2d; } .product-single .images .thumbs + .featured-image { width: 85%; } .product-single .images .featured-image { text-align: center; } .product-single .images .featured-image img { min-width: 80%; max-width: 100%; width: 50vh; } .product-single .product-meta { width: 46%; } .product-single .product-meta .product-description { margin: 0 0 25px; font-size: 15px; letter-spacing: .1rem; line-height: 1.7; } .product-single .product-meta .product-description p:last { margin-bottom: 0; } .product-single .product-meta form { margin-bottom: 40px; } .product-single .product-meta form label { display: block; margin-bottom: 15px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; font-size: 16px; } .product-single .product-meta select { max-width: 255px; height: 44px; margin-bottom: 35px; padding: 0 45px 0 15px; border: 1px solid #ebebeb; } .product-single .product-meta .product-options { margin-bottom: 40px; padding-bottom: 7px; border-bottom: 1px solid #ebebeb; } .product-single .product-meta #product-select { position: absolute; opacity: 0; } .product-single .product-meta .quantity-container label { display: none; } .product-single .product-meta .price { margin-bottom: 20px; font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; font-size: 16px; color: #707070; text-transform: uppercase; } .product-single .product-meta .price .current { font-size: 24px; color: initial; } .product-single .product-meta #addtocart { height: 54px; } /* Product Builder -------------------------------------------------------------- */ .product-builder #content { overflow: visible; } .ellym-product-builder ::-webkit-input-placeholder { color: #707070; } .ellym-product-builder :-moz-placeholder { color: #707070; } .ellym-product-builder ::-moz-placeholder { color: #707070; } .ellym-product-builder :-ms-input-placeholder { color: #707070; } .ellym-product-builder .navigation-bar ul.right li a { font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; } .ellym-product-builder label { font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; } .ellym-product-builder label.secondary { font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; } .ellym-product-builder label span { font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; } .ellym-product-builder .price { font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; } .ellym-product-builder .navigation-buttons .save-button-container span { font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; } /* Cart -------------------------------------------------------------- */ .cart .page-title { margin-bottom: 65px; } .cart .page-title + p { max-width: 800px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; } .cart .cart-form { display: flex; padding: 46px 0 56px; justify-content: space-between; flex-wrap: wrap; } .cart .cart-items { width: 61%; } .cart .cart-items .header { margin: 0 0 7px; } .cart .cart-items .header li { font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; font-size: 12px; text-transform: uppercase; } .cart .cart-items .header .item-price { width: 75px; } .cart .cart-item { padding: 25px 0; display: flex; justify-content: space-between; border-bottom: 1px solid #ebebeb; } .cart .cart-item:first-of-type { border-top: 1px solid #ebebeb; } .cart .cart-item-image { width: 20%; } .cart .cart-item-image img { display: block; } .cart .cart-item-details { width: 75%; margin-top: -3px; } .cart .cart-item-meta { display: flex; justify-content: space-between; flex-wrap: wrap; } .cart .cart-item-meta .cart-item-image { display: none; } .cart .cart-item-meta .cart-item-info { width: 80%; } .cart .cart-item-meta .cart-item-lineprice { font-size: 16px; } .cart .cart-item-meta .cart-item-lineprice span { margin-right: 7px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; font-size: 12px; text-transform: uppercase; vertical-align: middle; } .cart .cart-item-meta .cart-item-lineprice.mobile { display: none; } .cart .cart-item-name { font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; } .cart .cart-item-ships-in { margin-bottom: 16px; font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; color: #707070; } .cart .cart-item-variant { width: 100%; display: flex; justify-content: space-between; } .cart .cart-item-variant p { margin-bottom: 0; font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; font-size: 14px; color: #707070; } .cart .cart-item-variant p:nth-child(1) { width: 80%; } .cart .cart-item-variant p:nth-child(2) { width: 75px; } .cart .cart-item-variant p span { margin-right: 3px; font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; color: initial; text-transform: uppercase; } .cart .cart-item-edit-link { font-family: FuturaBTWXX-Light; font-weight: normal; font-style: normal; font-size: 12px; color: #802f2d; text-transform: uppercase; } .cart .cart-prices { width: 75px; } .cart .cart-prices span, .cart .cart-prices label { display: none; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; text-transform: uppercase; } .cart .cart-prices div { display: inline-block; font-size: 18px; vertical-align: middle; } .cart .add-ons { display: flex; padding-top: 26px; justify-content: space-between; border-bottom: 1px solid #ebebeb; } .cart .add-ons .spacer { width: 20%; } .cart .add-ons .inner { width: 75%; } .cart .add-ons .cart-item:first-of-type { border-top: none; } .cart .add-ons .cart-item:last-of-type { border-bottom: none; } .cart .add-ons .cart-item-image { width: 11%; } .cart .add-ons .header { margin-bottom: 0; } .cart .add-ons .cart-item { padding: 12px 0; } .cart .add-ons .cart-item-details { width: 84%; } .cart .add-ons .cart-item-name { font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; } .cart .add-ons .cart-item-meta p { margin-bottom: 0; } .cart .add-ons .cart-prices div { font-size: 14px; } .cart .add-ons .cart-prices .cart-item-remove { display: inline-block; } .cart .cart-item-remove { display: none; } .cart .cart-item-remove a { margin-left: 10px; border-radius: 50%; background: #ebebeb; } .cart .cart-item-remove a:hover { background: #802f2d; } .cart .cart-item-remove .close:before, .cart .cart-item-remove .close:after { width: 44%; left: 28%; background: #000000; } .cart .cart-item-remove a:hover:before, .cart .cart-item-remove a:hover:after { background: #fff; } .cart .order-bottom { width: 34%; padding-top: 27px; } .cart .order-bottom .inner { padding: 20px 10% 26px; border: 1px solid #ebebeb; } .cart .order-bottom h2 { margin-bottom: 27px; padding-bottom: 12px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; border-bottom: 1px solid #ebebeb; } .cart .order-bottom .total-price { display: flex; margin-bottom: 13px; font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; text-transform: uppercase; justify-content: space-between; } .cart .order-bottom .total-note { font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; font-size: 14px; color: #707070; } .cart .order-bottom .buttons { max-width: 284px; margin: 0 auto; border-top: 1px solid #ebebeb; } .cart .order-bottom .btn { width: 100%; height: 52px; display: block; margin-top: 18px; line-height: 56px; } .cart .order-bottom .btn-reverse { line-height: 52px; } .cart .order-bottom .small { margin: 20px 0 0; font-size: 12px; } .cart .grid-section { width: 61%; padding-bottom: 65px; } .cart .grid-section h3 { font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; } .cart .grid-section .items { padding-top: 12px; justify-content: start; } .cart .grid-section .item { margin-right: 5%; } .cart .grid-section .item:nth-child(3n) { margin-right: 0; } .cart .grid-section .item .item-image { margin-bottom: 7px; } .cart .grid-section .item h3 { margin-bottom: 13px; } .cart strike { font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; color: #707070; } .cart .cart-item-qty { margin-top: -7px; } .cart .cart-item-qty label { margin-right: 7px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; font-size: 12px; text-transform: uppercase; } .cart .cart-item-qty input[type="number"] { width: 46px; height: 36px; display: inline; margin: 0; padding: 0 5px; text-align: center; border: 1px solid #ebebeb; } .cart .cart-item-qty input[type="submit"] { display: block; margin: 10px auto 0; padding: 0; font-family: FuturaBTWXX-Light; font-weight: normal; font-style: normal; font-size: 12px; color: #802f2d; text-transform: uppercase; border-bottom: 1px solid; } /* Blog -------------------------------------------------------------- */ .posts { font-size: 0; } .posts article { width: 32%; display: inline-block; position: relative; margin: 0 2% 40px 0; overflow: hidden; vertical-align: top; } .posts article:nth-child(3n) { margin-right: 0; } .posts .post-meta { padding-top: 17px; } .posts .post-meta .small { margin-bottom: 0; text-transform: uppercase; } .posts .post-meta h4 { padding-top: 8px; } .article .posts .post-meta { padding-top: 40px; } .article .posts .post-meta h1 { margin-bottom: 20px; text-transform: none; } .article .posts .post-meta .small + h1 { padding-top: 30px; } /* Pages -------------------------------------------------------------- */ .page-content h5 { font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; } .page-content p + h5 { padding-top: 26px; } .page-content ul { margin-left: 16px; list-style: disc outside; } .page-content a:not(.btn) { color: #802f2d; } .page-content .split { padding-bottom: 15px; } .page-content .split img { width: 48.5%; display: inline-block; } .page-content .split img:not(:last-of-type) { margin-right: 3%; } .page-accordions .page-title { margin-bottom: 18px; } .page-content.accordion { margin-bottom: 55px; border-bottom: 1px solid #ebebeb; } .page-content.accordion h3 { position: relative; padding: 31px 35px 27px; cursor: pointer; border-top: 1px solid #ebebeb; } .page-content.accordion h3:before { width: 18px; height: 18px; position: absolute; top: 50%; left: 0; padding-left: 1px; font-family: FuturaBTWXX-Light; font-weight: normal; font-style: normal; font-size: 16px; color: #fff; text-align: center; line-height: 1.25; content: '+'; border-radius: 50%; transform: translateY(-50%); transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; -webkit-transition: background 0.25s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #802f2d; } .page-content.accordion h3.active:before { content: '–'; line-height: 1.0; } .page-content.accordion img { max-height: 30px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); visibility: hidden; } .page-content.accordion .panel { display: none; margin-top: -10px; padding: 0 35px 20px; } .page-content.accordion .panel p { position: relative; } .page-content.accordion .panel img { visibility: visible; } .page-contact .banner-section { position: absolute; } .page-contact .top { max-width: 900px; width: 96%; margin-top: 10%; padding-bottom: 90px !important; } .page-contact .top .page-content { max-width: 560px; padding-bottom: 12px; } .page-contact .top .page-title { margin-bottom: 6px; } .page-contact .top form { padding: 55px 10% 48px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.28); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.28); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.28); background: #fff; } .page-contact .top form .form-container.success { visibility: hidden; } .page-contact .top .border-bottom:after { width: 66px; } .page-contact .top .fields { padding-top: 18px; } .page-contact .top .fields .half:nth-child(1) { padding-right: 20px; } .page-contact .top .fields .half:nth-child(2) { padding-left: 20px; } .page-get-measured .page-content { padding: 80px 0 45px; } .page-get-measured .page-content h2 { letter-spacing: 2px; } .page-get-measured .page-content h2:after { width: 86px; display: block; margin-top: 20px; margin-bottom: 26px; content: ''; border-bottom: 2px solid; } .page-get-measured .page-content .slim { max-width: 800px; } .page-get-measured .page-content .slim p { font-size: 18px; } .page-get-measured .page-content.text-center h2:after { margin-left: auto; margin-right: auto; } .page-get-measured .page-content .item { width: 33%; display: inline-block; padding: 40px 2% 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .page-get-measured .page-content .item h3 { margin-bottom: 5px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; letter-spacing: 2px; } .page-find-a-tailor .page-content { padding: 80px 0 45px; } .page-find-a-tailor .page-content .item { width: 33%; display: inline-block; padding: 40px 2% 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .page-find-a-tailor .page-content .item h3 { margin-bottom: 5px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; letter-spacing: 2px; } .page-member-join .page-content .form-container { width: 60%; margin: 0 auto; } .page-member-join .page-content .form-container .btn { min-width: 100%; } .page-my-referral-code .form-container h5 { margin-bottom: 10px; } .page-my-referral-code .form-container li { padding-top: 10px; } .page-my-referral-code .form-container li a .fa { width: 30px; text-align: center; } .page-slim .page-content h3 { padding: 25px 0 14px; } .page-style-guide .page-title { padding: 40px 0 10px; } .page-style-guide .demo-block { position: relative; margin-bottom: 18px; padding: 18px; color: #fff; background-color: #802f2d; } .page-style-guide .demo-block:not(:first-of-type):after { width: 2px; height: 100%; position: absolute; top: 0; left: -1px; content: ''; background: #fff; } .page-style-guide #content .lower { text-transform: none; } .shopify-policy__container { padding: 59px 0 375px; } .shopify-policy__container .shopify-policy__body { padding-top: 25px; } .logins { padding-top: 77px; padding-bottom: 60px; } .logins.flex { min-height: calc(100vh - 433px); min-height: -o-calc(100vh - 433px); min-height: -webkit-calc(100vh - 433px); min-height: -moz-calc(100vh - 433px); margin-bottom: -41px; padding-top: 0; padding-bottom: 0; } .logins .form-container { width: 80%; } .logins .form-container.half { padding: 20px 8% 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .logins .form-container .h4 { font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; } .logins .form-container .border-bottom:after { width: 56px; } .logins .form-container form { max-width: 310px; } .logins .fields { padding-top: 5px; } .logins .fields input { margin-bottom: 33px; } .logins .fields input:last-of-type { margin-bottom: 8px; } .logins .fields p { margin-bottom: 0; } .logins .fields a, .logins .fields .cancel { margin-left: 10px; font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; font-size: 13px; color: #707070; } .logins .fields .cancel { margin-bottom: 0 !important; padding: 0; border: none; } .logins .fields .forgot { border: none; } .logins .action_bottom { padding-top: 24px; } .logins .action_bottom .btn { min-width: 100%; } .logins .action_bottom .btn-facebook { background: #3c5c98; } .logins .action_bottom span { display: block; padding: 32px 0 16px; font-size: 11px; color: #e1e1e1; text-transform: uppercase; } .logins .action_bottom span:before, .logins .action_bottom span:after { width: 28%; height: 1px; display: inline-block; margin: -2px 15px 0; content: ''; vertical-align: middle; background: #ebebeb; } .logins #member { padding-right: 0; padding-left: 8%; border-left: 1px solid #ebebeb; } .logins #member .action_bottom { padding-top: 0; } .logins table { width: 100%; } .logins th { width: 12%; padding: 0 10px 3px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; font-size: 12px; text-align: left; text-transform: uppercase; border: none; border-bottom: 1px solid #ebebeb; } .logins td { padding: 20px 10px 0; font-size: 15px; border: none; } .logins th:first-of-type, .logins td:first-of-type { padding-left: 0; } .logins td strong { display: none; } .logins tbody td, .logins tfoot td { text-align: left; text-transform: capitalize; line-height: 1.6; } .logins tbody td a { font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; color: #802f2d; border-bottom: 1px solid; } .logins tbody td a:hover { color: #000000; } .logins.flex .form-container { padding: 60px 7%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .logins #customer_orders { padding-top: 16px; } .errors, .success { font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; color: #802f2d; } .errors li { display: inline-block; margin: 0 2px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; line-height: 1.3; } .reset-success { display: none; margin-bottom: 0; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; line-height: 1.3; } .sidebar { width: 20%; padding: 67px 3%; background: #f5f5f5; } .sidebar h4 { margin-bottom: 30px; padding-bottom: 13px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; border-bottom: 1px solid #ebebeb; } .sidebar p { margin-bottom: 22px; } .sidebar p a { border: none; } .sidebar a.active { padding-right: 42px; background: url(../png/icon-arrow0b75.png) no-repeat right center/32px auto; } .sidebar select { width: 80%; display: none; font-family: FuturaBTWXX-Light; font-weight: normal; font-style: normal; background: url(../png/icon-plus7339.png) no-repeat right 15px center/12px auto; text-transform: none; } /* Account -------------------------------------------------------------- */ #account tbody tr:first-of-type td { padding-top: 45px; } /* Addresses -------------------------------------------------------------- */ #addresses .addresses-container .new, #addresses .addresses-container .action_link { text-transform: uppercase; } #addresses .addresses-container .new a, #addresses .addresses-container .action_link a { font-size: 13px; color: #802f2d; } #addresses .addresses-container .action_edit { margin-right: 13px; } #addresses #address_tables { flex-wrap: wrap; } #addresses .address_table, #addresses #add_address { width: 42%; padding: 36px 0; } #addresses .address_table .address_title { margin-bottom: 2px; } #addresses .customer_address form { max-width: 100%; } #addresses .customer_address .default_address, #addresses .customer_address .view_address p { margin-bottom: 0; font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; color: #707070; } #addresses .customer_address label { display: block; margin-bottom: 8px; font-size: 13px; } #addresses .customer_address .set-default label { cursor: pointer; } #addresses .customer_address .set-default input[type="checkbox"] { position: relative; top: 5px; margin-right: 5px; } /* Membership -------------------------------------------------------------- */ .my-membership h5, .membership-top h5 { padding: 6px 0 8px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; } .my-membership h4, .membership-top h4 { color: #707070; } .swell-point-balance { font-size: 24px; color: #802f2d; } .recharge { margin-top: -82px; padding-bottom: 433px; } .recharge .table td strong { display: block; } .recharge hr { display: none; } .recharge .rc_layout__container { padding: 0 !important; } .recharge .rc_layout { margin: 0 !important; } .recharge .rc_layout__sidebar { width: 100% !important; padding: 0 !important; } .recharge .rc_layout__content { width: 100% !important; float: none !important; padding: 50px 0 0 !important; clear: both; } .recharge .rc_customer__name { display: none; } .recharge #ReCharge-Nav li { margin-bottom: 10px; font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; font-size: 12px; color: #802f2d; letter-spacing: 0.1em; text-align: right; text-transform: uppercase; border-bottom: none !important; } .recharge #ReCharge-Nav li:after { width: 16px; height: 16px; display: inline-block; margin-left: 2px; padding-left: 2px; font-family: "FontAwesome"; font-size: 14px; color: #fff; content: '\f105'; line-height: 16px; text-align: center; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #802f2d; } .recharge .rc_title-bar h2 { font-size: 18px; } .recharge .purchase-address { font-size: 14px; text-transform: uppercase; } .recharge .purchase-address a { color: #802f2d; } .recharge td p { margin-bottom: 0; } .recharge .th-product, .recharge .td-product { width: 30%; } .recharge .th-price { width: 5%; } .recharge .th-next-charge-date { width: 20%; } .recharge .th-amount, .recharge .rc_subscriptions__subscription__item__qty { display: none; } .recharge .th-actions, .recharge .rc_subscriptions__subscription__item__actions { width: 5%; text-align: right !important; } .recharge .rc_schedule__order { margin-bottom: 58px; border-bottom: 1px solid #ebebeb; } .recharge .rc_schedule__order__address { padding-top: 18px; font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; } .recharge .rc_schedule__order__items th:nth-child(2), .recharge .rc_schedule__order__items td:nth-child(2) { display: none; } /* My Closet -------------------------------------------------------------- */ .page-my-closet .section-header { padding-top: 17px; } .page-my-closet .section-header .border-bottom:after { border-width: 2px; } .page-my-closet #buildsIndex { margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #ebebeb; } .page-my-closet #buildsIndex .section-header { padding-bottom: 12px; } .page-my-closet #pending-items tbody tr:first-of-type td { padding-top: 27px; } .page-my-closet #pending-items tbody tr td:last-of-type { text-align: right; } .page-my-closet #pending-items tbody tr td span { display: none; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; font-size: 10px; text-transform: uppercase; } .page-my-closet #pending-items .link-arrow .fa { margin-left: 9px; } .page-my-closet #pending-items .close { width: 16px; height: 16px; position: relative; top: 3px; margin-left: 10px; border-radius: 50%; border: none; background: #ebebeb; } .page-my-closet #pending-items .close:hover { background: #802f2d; } .page-my-closet #pending-items .close:before, .page-my-closet #pending-items .close:after { width: 64%; left: 18%; background: #000000; } .page-my-closet #pending-items .close:hover:before, .page-my-closet #pending-items .close:hover:after { background: #fff; } .page-my-closet .products-section { margin-bottom: 25px; padding: 0; } .page-my-closet .products-section .items { padding: 35px 0 0; } .page-my-closet .products-section .item { padding-bottom: 66px; } .page-my-closet .products-section h6 { padding: 29px 0 7px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; border-bottom: 1px solid #ebebeb; } .page-my-closet .products-section .add-on { padding: 12px; border-bottom: 1px solid #ebebeb; } .page-my-closet .products-section .add-on img { display: block; } .page-my-closet .products-section .add-on div:nth-child(1) { width: 20%; } .page-my-closet .products-section .add-on div:nth-child(2) { width: 73%; } .page-my-closet .slick-arrow { width: 16px; height: 16px; top: auto; bottom: -31px; transform: none; background: #802f2d; } .page-my-closet .slick-arrow .fa { position: relative; top: -1px; padding-top: 0; font-size: 14px; color: #fff; } .page-my-closet .slick-arrow.slick-prev .fa { padding-right: 1px; } .page-my-closet .slick-arrow.slick-next .fa { padding-left: 1px; } .page-my-closet .pagination { padding-top: 20px; font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; color: #707070; } .page-my-closet .pagination .current { padding: 0; color: inherit; } /* Order -------------------------------------------------------------- */ #order h1 { display: inline-block; } #order .order_date { display: inline-block; margin: 0 0 0 20px; font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; font-size: 12px; color: #707070; } #order #order_cancelled { margin-bottom: 25px; } #order #customer_detail { padding: 32px 0 65px; } #order #customer_detail .col { width: 30%; } #order #customer_detail h5 { margin-bottom: 2px; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; } #order #customer_detail p { margin-bottom: 0; font-family: FuturaBTWXX-LightItalic; font-weight: normal; font-style: normal; color: #707070; } #order #customer_detail p span { font-family: FuturaBTWXX-Book; font-weight: normal; font-style: normal; color: initial; } #order #order_details { margin-bottom: 42px; } #order #order_details thead th { border: none; } #order #order_details thead th.image { width: 14%; } #order #order_details thead th.product { width: 41%; } #order #order_details thead th.sku { width: 15%; } #order #order_details .quantity { text-align: center; } #order #order_details tbody tr:last-of-type td { border-bottom: 1px solid #ebebeb; } #order #order_details tbody td { padding-bottom: 20px; border-top: 1px solid #ebebeb; vertical-align: top; } #order #order_details tbody td:not(:first-of-type) { padding-top: 35px; } #order #order_details tbody td.image { padding-right: 25px; } #order #order_details tbody td.image img { display: block; } #order #order_details tbody td.product a { color: initial; border: none; } #order #order_details tbody td.product .title { font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; text-transform: uppercase; } #order #order_details tfoot td { text-align: left; vertical-align: top; } #order #order_details tfoot td.label { font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; text-transform: uppercase; } #order #order_details tfoot tr:first-of-type td { padding-top: 40px; } #order #order_details tfoot tr:not(:first-of-type) td { padding-top: 0; } #order #order_details .add-ons th { padding-top: 14px; } /* 404 -------------------------------------------------------------- */ #error404 { margin-bottom: -40px; } #error404 .full-image-section .border-bottom:after { width: 13px; } #error404 .full-image-section .vert-center { width: 48%; } #error404 .full-image-section .vert-center.align-left { left: 38%; } #error404 .full-image-section .vert-center.align-right { left: 62%; } #error404 .full-image-section p { font-size: 28px; text-transform: uppercase; } /* Password -------------------------------------------------------------- */ #password .cover { color: #fff; } #password .cover:before { width: 100%; height: 100%; position: fixed; top: 0; left: 0; content: ''; background: rgba(0,0,0,0.75); } #password .vert-center h1 { margin-bottom: 38px; font-size: 48px; color: #fff; letter-spacing: 2px; } #password .vert-center h2 { font-size: 12px; color: #fff; letter-spacing: 8px; } #password .vert-center h2 + hr { width: 110px; margin: 20px auto 15px; border-width: 2px; } #password .vert-center p { font-size: 18px; color: #fff; } #password .vert-center form { max-width: 420px; width: 100%; margin: 0 auto; font-size: 0; } #password .vert-center form input[type="email"], #password .vert-center form input[type="password"] { width: 70%; height: 49px; display: inline-block; color: #fff; vertical-align: top; border-color: #999; background: rgba(255,255,255,0.15); } #password .vert-center form input[type="password"] { color: #111 !important; } #password .vert-center form input[type="password"]::-webkit-input-placeholder { color: #111; } #password .vert-center form input[type="password"]:-moz-placeholder { color: #111; } #password .vert-center form input[type="password"]::-moz-placeholder { color: #111; } #password .vert-center form input[type="password"]:-ms-input-placeholder { color: #111; } #password .vert-center form input[type="submit"] { width: 30%; height: 49px; min-width: 0; display: inline-block; margin-top: 0; font-size: 14px !important; vertical-align: top; border: 1px solid #999; border-left: none; background: #00a99d; } #password .vert-center form ::-webkit-input-placeholder { color: #fff; } #password .vert-center form :-moz-placeholder { color: #fff; } #password .vert-center form ::-moz-placeholder { color: #fff; } #password .vert-center form :-ms-input-placeholder { color: #fff; } #password footer { background: none; } #password footer .left { position: fixed; bottom: 40px; left: 40px; margin-bottom: 0; font-size: 14px; text-transform: uppercase; float: left; } #password footer .left a { color: #fff; } #password footer .left img { width: 24px; } #password footer .right { position: fixed; bottom: 40px; right: 40px; margin-bottom: 0; float: right; } #password footer .right img { width: 100px; } #password .overlay { background: #fff; } #password .overlay .close { position: absolute; top: 20px; left: auto; right: 20px; } #password .overlay label { display: block; margin-bottom: 18px; font-size: 18px; color: #111; } #password .overlay p { margin-top: 16px; font-size: 15px; color: #111; } /* Swell -------------------------------------------------------------- */ #swell-bootstrap .rewards-templete #thumbnail-img-section .banner { max-height: 100% !important; margin-bottom: 70px; } #swell-bootstrap .rewards-templete #thumbnail-img-section .banner .img-responsive { max-height: 100% !important; } #swell-bootstrap .rewards-templete #thumbnail-img-section .banner .caption { max-width: 600px; top: 50% !important; margin: 0 auto; transform: translateY(-50%); } #swell-bootstrap .rewards-templete #thumbnail-img-section .banner .caption h1 { font-family: FuturaBTWXX-Medium !important; font-weight: normal; font-style: normal; } #swell-bootstrap .rewards-templete #thumbnail-img-section .banner .point-circle { width: 100% !important; height: auto !important; bottom: -113px !important; background-color: transparent !important; } #swell-bootstrap .rewards-templete #rewards-page-campaigns-region .earn-section { padding-top: 100px !important; } #swell-bootstrap #rp-section .main-block .block-holder { margin-bottom: 50px !important; } #swell-bootstrap #swell-rewards-page .btn-block ul li a { min-width: 232px !important; height: 48px; display: inline-block; margin: 0 auto; padding: 0 28px !important; font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; font-size: 16px !important; color: #000000; line-height: 48px; text-align: center; text-transform: uppercase; cursor: pointer; letter-spacing: 0.1em; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #000000; background: transparent; } #swell-bootstrap #swell-rewards-page .heading-holder h2, #swell-bootstrap #swell-rewards-page #referral_header, #swell-bootstrap #swell-rewards-page .referral-block h2, #swell-bootstrap #swell-rewards-page #transaction-history-header { font-family: FuturaBTWXX-Book !important; font-weight: normal; font-style: normal; text-transform: uppercase !important; } #swell-bootstrap #swell-rewards-page .heading-holder { max-width: 1080px; margin-left: auto !important; margin-right: auto !important; } #swell-bootstrap #swell-rewards-page .heading-holder p { font-family: FuturaBTWXX-Light !important; font-weight: normal; font-style: normal; } #swell-bootstrap #swell-rewards-page #rewards-page-redeem-options-region { display: none !important; } #swell-bootstrap #swell-rewards-page .faq-block { max-width: 1020px; margin: 0 auto; padding: 0 40px !important; text-align: left !important; } #swell-bootstrap #swell-rewards-page .faq-block .content-block h2 { margin-bottom: 10px !important; text-align: left !important; text-transform: uppercase !important; } #swell-bootstrap #swell-rewards-page .referral-block .social-icon ul li.swell-share-referral-messenger { display: none; } /* Tailor Portal -------------------------------------------------------------- */ .tailor-portal .mt-1 { margin-top: 1em } .tailor-portal label { font-size: 1.5em } .tailor-portal .tailor-input { width: 100px; display: flex; align-items: center; margin-bottom: 1.5em } .tailor-portal { margin-bottom: 420px } // DD: how is the footer 'position: absolute' /* Firefox Specific Rules -------------------------------------------------------------- */ @-moz-document url-prefix() { img:-moz-loading { visibility: hidden; } input[type="checkbox"] { width: auto !important; height: auto; } input[type="checkbox"]:checked { background: none !important; } input[type="checkbox"] + label { top: 0; } #addresses .set-default input { top: 0; } } /* Responsive - Desktop -------------------------------------------------------------- */ @media only screen and (min-width: 1027px) { .desktop { display: block; } .mobile { display: none; } .fade-out:hover { opacity: 0.5; } .overlay { -webkit-transform: translateY(50px) translateX(50px); transform: translateY(50px) translateX(50px); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, transform 0.5s, visibility 0s 0.5s; } .overlay.open { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; } .page-content.accordion h4:hover:before { color: #fff; background: #802f2d; } .page-content.accordion h4.active:hover:before { color: #802f2d; background: #ebebeb; } } @media only screen and (max-width: 1320px) { header nav li { margin: 0 8px; } header .header-links a:not(:first-of-type) { margin-left: 16px; } } /* Responsive - Tablet Landscape -------------------------------------------------------------- */ @media only screen and (max-width: 1026px) { .desktop { display: none; } .mobile { display: block; } .container, #content .container { padding: 0 20px; } header { padding: 4px 0; } header .logo { width: 60%; text-align: center; } header .header-links { width: 20%; } header .header-links .menu-toggle { display: block; } header .header-links .show-search, header .header-links .account, header .header-links .closet, header nav { display: none; } header .header-links a:not(:first-of-type) { margin-left: 0; } header .header-links .cart img { width: 15px; } header .header-links .cart .item-count { position: relative; top: 2px; margin-left: 2px; } footer .cols strong { display: block; } .full-image-section { padding: 50px; } .grid-section .items { justify-content: space-between; } .image-text-section .rte { padding: 0 5%; } .products-section { padding-bottom: 0; } .quote-section { padding: 137px 0 80px; } .sliders-section .item .btn.mobile { display: none; } .cart .cart-item-details .cart-item-lineprice.mobile { display: none; } .cart .grid-section { width: 100%; } .logins:not(.flex) { padding-top: 40px !important; padding-bottom: 40px !important; } .logins .form-container.half, .logins #member { padding: 20px 4%; } .logins.flex .form-container { padding-left: 4%; padding-right: 4%; } .logins th { padding-left: 5px; padding-right: 5px; } .logins td { padding-left: 5px; padding-right: 5px; } #order #order_details tbody tr.mobile { display: none; } } /* Responsive - Tablet Portrait -------------------------------------------------------------- */ @media only screen and (max-width: 768px) { h1, .h1 { font-size: 24px; } h2, .h2 { font-size: 21px; } h3, .h3 { font-size: 16px; } .properties { display: block; padding-top: 0; font-size: 12px; } .properties span { display: inline-block; } .swatch .swatch-element { margin-right: 15px; } .full-image-section { padding: 40px 35px; } .full-image-section p { font-size: 18px; } .collection .banner-section .vert-center { width: 50%; left: 63%; } .image-text-section { align-items: stretch; } .image-text-section .section-image { background-position: center; background-size: cover; } .image-text-section .section-image img { display: none; } .image-text-section .rte { padding: 70px 5% 40px; } .sliders-section .item { margin-bottom: 30px; } .sliders-section .item .vert-center { width: 45%; } .sliders-section .item:nth-child(odd) .vert-center { left: 50%; } .sliders-section .item:nth-child(even) .vert-center { left: 10%; } .sliders-section .item.portrait .item-image { width: 40%; } .sliders-section .item.portrait .text { width: 60%; padding: 40px 10%; } .product-list.products-section .item { width: 46.5%; } .product-list.products-section .item:nth-child(2n) { margin-right: 0; } .product-list.products-section .item:nth-child(3n) { margin-right: 3.5%; } .cart .cart-items { width: 100%; } .cart .order-bottom { width: 100%; max-width: 310px; margin: 0 auto; } .cart .order-bottom .inner { padding: 0; border: none; } .cart .grid-section { padding-bottom: 0; } .logins thead { display: none; } .logins tbody td, .logins tfoot td { display: block; padding: 0 0 10px !important; font-size: 14px; text-align: left !important; } .logins tbody tr { display: block; margin-bottom: 16px; } .logins tbody tr:not(:last-of-type) { margin-bottom: 21px; padding-bottom: 9px; border-bottom: 1px solid #ebebeb; } .logins td strong { display: block; font-size: 10px; text-transform: uppercase; } #addresses .address_table, #addresses #add_address { width: 47%; } #order h1 { display: block; text-align: center; } #order .order_date { display: block; margin-left: 0; text-align: center; } #order #customer_detail { padding: 0; flex-wrap: wrap; } #order #customer_detail .col { width: 100%; } #order #customer_detail .col:not(:last-of-type) { padding-bottom: 30px; } #order #order_details tbody tr { display: flex; margin-bottom: 0; padding: 22px 0; justify-content: space-between; border-bottom: 1px solid #ebebeb; } #order #order_details tbody td { display: none; border-bottom: none; } #order #order_details tbody td span { display: block; font-size: 12px; } #order #order_details tbody td strong { min-width: 25%; display: inline-block; font-size: 12px; } #order #order_details tbody td.image { width: 30%; display: inline-block; padding-bottom: 0 !important; } #order #order_details tbody td.product { width: 65%; display: block; margin-top: -5px; } #order #order_details tbody td.product .mobile { margin-bottom: 20px; } #order #order_details tfoot tr { display: flex; } #order #order_details tfoot tr:first-of-type { padding-top: 45px; } #order #order_details tfoot tr td { width: 50%; } #order #order_details tfoot tr td:first-of-type { display: none; } #order #order_details tfoot tr td:last-of-type { text-align: right !important; } #order #order_details tbody tr.mobile { padding: 40px 0 0; } #order #order_details tbody tr.mobile td { width: 100%; display: block; padding-bottom: 5px !important; } #order #order_details tbody tr.mobile td h5 { font-family: FuturaBTWXX-Medium; font-weight: normal; font-style: normal; } #order #order_details .quantity { text-align: left; } .recharge { margin-top: 38px; } .recharge .rc_schedule__order__address { margin-bottom: 10px; } .membership-top .half { width: 100%; } #error404 .full-image-section p { font-size: 24px; } } /* Responsive - Mobile Landscape -------------------------------------------------------------- */ @media only screen and (max-width: 667px) { table td, table th { padding: 15px 10px 12px; } footer nav { display: none; } footer .copyright nav { display: block; } #newsletter-popup { top: 50%; bottom: auto; left: 50%; right: auto; transform: translate(-50%,-50%); z-index: 10; } .slick-dots { bottom: 19px; } .slick-arrow.slick-prev { left: 10px; } .slick-arrow.slick-next { right: 10px; } .products-section { padding: 52px 0 10px; } .sliders-section .item h2 { font-size: 21px; } .sliders-section .item p { font-size: 14px; } .sliders-section .item .btn { margin-top: 5px; } .sliders-section .item .slick-thumbs { padding-top: 25px; } .text-section .bg { padding: 34px 0 20px; } .text-grid-section .bg { padding: 50px 0 55px; } .page-get-measured .page-content { padding: 50px 0 15px; } .page-get-measured .page-content .item { padding: 20px 2% 0; } #password .vert-center h1 { margin-bottom: 20px; font-size: 32px; } #password .vert-center p { font-size: 15px; } #password footer .left { bottom: 20px; left: 20px; font-size: 11px; } #password footer .left img { width: 20px; } #password footer .right { bottom: 20px; right: 20px; } #password footer .right img { width: 80px; } #password .overlay label { font-size: 15px; } #password .overlay p { font-size: 12px; } .logins .form-container { width: 75%; } .logins #customer_orders { width: 100%; } .logins #customer_detail .account-info { padding: 15px 0 0; } .logins #customer_detail .account-info div { margin-bottom: 30px; } .logins #customer_detail .account-info div:nth-child(1), .logins #customer_detail .account-info div:nth-child(2) { width: 100%; } .logins #customer_detail .account-info div:nth-child(3) { padding-top: 0; } .logins #customer_detail .account-info div:nth-child(1) h4, .logins #customer_detail .account-info div:nth-child(2) h4 { margin-bottom: 8px; } .sidebar { width: 25%; padding-top: 64px; } #addresses .addresses-container .new { text-align: center; } #addresses .address_table, #addresses #add_address { width: 100%; padding-top: 0; } } /* Responsive - Mobile Portrait -------------------------------------------------------------- */ @media only screen and (max-width: 479px) { h1, .h1 { font-size: 18px; } h2, .h2 { font-size: 16px; } h3, .h3 { font-size: 14px; } h4, .h4 { font-size: 14px; } h5, .h5 { font-size: 12px; } h6, .h6 { font-size: 12px; } p { font-size: 14px; } li { font-size: 14px; } blockquote p { font-size: 18px; } blockquote:before { top: -30px; } .btn { min-width: 125px; margin-top: 10px; height: 38px; } .btn-reverse { padding: 0 15px; font-size: 14px !important; } a.btn, span.btn { line-height: 42px; } a.btn-reverse, span.btn-reverse { line-height: 38px; } .btn-play { width: 34px; height: 34px; padding-top: 7px; font-size: 12px; } #newsletter-popup { top: auto; bottom: 0; left: 0; transform: none; } #newsletter-popup .btn-close { position: absolute; top: 0; right: 0; font-size: 20px; color: #fff; text-align: center; cursor: pointer; background: #000000; } .slick-arrow { width: 22px; height: 22px; } .slick-arrow .fa { font-size: 20px; } .slick-dots { bottom: 4px; } .slick-dots li { width: 8px; height: 8px; } .swatch .swatches { justify-content: center; } .swatch .swatch-element { margin-left: 10px; margin-right: 10px; } .top-bar p { font-size: 12px; } footer { padding: 25px 0 12px; } footer .cols { flex-wrap: wrap; margin-bottom: 26px; padding-bottom: 22px; } footer .cols strong { display: inline; } footer .cols .col { width: 100%; } footer .social { margin-bottom: 15px; } footer .copyright { flex-wrap: wrap; flex-direction: column-reverse; } footer .copyright p { width: 100%; } footer .copyright nav { width: 100%; display: block; } footer .copyright ul { margin-bottom: 10px; justify-content: center; } .full-image-section { padding: 10px; } .full-image-section .transparency { display: none; } .full-image-section .vert-center { width: 100%; position: relative; top: 0; left: 0; padding: 20px 0; color: #000000 !important; transform: none; } .full-image-section p { font-size: 14px; } .full-image-section .btn { color: #000000 !important; border-color: #000000 !important; } .grid-section .border-bottom:after { margin-bottom: 14px; } .grid-section .items { padding: 25px 0 0; } .grid-section .item { width: 100%; margin-bottom: 40px; } .grid-section .buttons { padding-top: 0; } .grid-section .btn { margin-top: 0; } .image-text-section { flex-wrap: wrap; } .image-text-section .section-image img { display: block; } .image-text-section .half { width: 100%; } .image-text-section .rte { width: 100%; padding: 30px 20px 10px; } .products-section { padding: 26px 0 5px; } .products-section .secondary p { font-size: 14px; } .quote-section { padding: 55px 0; } .slideshow-section .vert-center .h1 { font-size: 14px; } .slideshow-section .vert-center h5 { display: none; } .slideshow-section .vert-center .h1 + .btn { margin-top: 10px; } .index .text-section .border-bottom:after { width: 65px; margin-top: 8px; margin-bottom: 10px; } .index .text-section p { font-size: 14px; } .text-grid-section .bg { padding: 26px 0 36px; } .text-grid-section .item { width: 100%; margin-bottom: 12px; } .text-grid-section .item .item-image { width: 50%; margin-bottom: 17px; } .collection .banner-section .transparency { display: none; } .collection .banner-section .rte { padding-top: 40px; } .collection .banner-section .vert-center { width: 100%; position: relative; top: 0; left: 0; padding: 20px 20px 0; text-align: center; transform: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product-list.products-section .item { width: 100%; margin: 0 0 26px; } .product-single .images-mobile { display: block; } .product-single .product-header { text-align: center; } .product-single .images { display: none; } .product-single .product-meta { width: 100%; text-align: center; } .sliders-section .item { margin-bottom: 30px; } .sliders-section .item .vert-center { width: 100%; position: relative; top: 0; left: 0 !important; padding: 20px 20px 0; text-align: center; transform: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sliders-section .item .slick-thumbs { padding: 5px 0 10px; } .sliders-section .item .slick-thumbs a { margin: 0 2%; } .sliders-section .item .btn { min-width: 294px; height: 48px; display: none; line-height: 52px; } .sliders-section .item .btn.mobile { display: block; } .sliders-section .item.portrait { margin-bottom: 30px; background: none; } .sliders-section .item.portrait .item-image { width: 100%; } .sliders-section .item.portrait .text { width: 100%; padding: 20px 20px 0; text-align: center; } .search .item .image { width: 20%; } .search .item .post-meta { width: 76%; } .page-contact .banner-section { position: relative; } .page-contact .top { width: 100%; padding-bottom: 40px !important; } .page-contact .top .fields { padding-top: 0; flex-wrap: wrap; } .page-contact .top .fields .half { width: 100%; } .page-contact .top .fields .half:nth-child(1) { padding-right: 0; } .page-contact .top .fields .half:nth-child(2) { padding-left: 0; } .page-get-measured .page-content { padding: 30px 0 0; } .page-get-measured .page-content .slim p { font-size: 14px; } .page-get-measured .page-content .item, .page-find-a-tailor .page-content .item { width: 100%; padding: 20px 0 0; } .page-how-we-give table tr .hide { display: inline; } .page-how-we-give table tr:nth-child(2) { display: none; } .page-how-we-give table td { display: block; border: none; border-bottom: 1px solid #ebebeb; } .page-my-closet .section-header { padding-top: 0; } .page-my-closet .section-header h3 { font-size: 16px; } .page-my-closet .section-header .border-bottom:after { margin-bottom: 10px; } .page-my-closet #buildsIndex { margin-bottom: 30px; } .page-my-closet #pending-items { margin-bottom: 0; } .page-my-closet #pending-items tbody tr:last-of-type { margin-bottom: 0; } .page-my-closet #pending-items tbody tr td span { display: block; } .page-my-closet .products-section h6 { margin-bottom: 17px; } .page-my-closet .products-section .properties { line-height: 1.8; } .page-my-closet .products-section .items { padding-top: 25px; } .page-my-closet .products-section .item { width: 75%; margin: 0 auto 36px; padding-bottom: 0; } .page-member-join .page-content .form-container { width: 100%; } .logins .form-container form { max-width: 100%; } .cart .page-title { margin-bottom: 40px; text-align: center; } .cart .cart-form { padding-top: 20px; } .cart .cart-items .header .item-price { display: none; } .cart .cart-item-image { display: none; } .cart .cart-item-details { width: 100%; } .cart .cart-item-meta { display: flex; justify-content: space-between; flex-wrap: wrap; } .cart .cart-item-meta .cart-item-image { width: 28%; display: block; } .cart .cart-item-meta .cart-item-info { width: 68%; display: block; } .cart .cart-item-meta .cart-item-lineprice.mobile { display: block; } .cart .cart-item-name { font-size: 16px; } .cart .cart-item-meta .cart-item-qty { margin-top: 5px; } .cart .cart-item-ships-in { font-size: 12px; } .cart .cart-item-variant { width: 100%; } .cart .cart-prices + .cart-item-variant { padding-top: 14px; } .cart .cart-item-variant p:nth-child(2) { width: auto; } .cart .cart-prices { width: auto; display: none; } .cart .cart-item-qty input[type="submit"] { margin-left: 0; } .cart .cart-item-remove { display: block; } .cart .add-ons .spacer { display: none; } .cart .add-ons .inner { width: 100%; } .cart .add-ons .cart-item-info { width: 100%; } .cart .add-ons .cart-item-meta .cart-item-image { width: 17%; } .cart .add-ons .cart-item-meta .cart-item-name { font-size: 14px; } .cart .add-ons .cart-prices { display: block; } .cart .order-bottom h2 { font-size: 24px; } .cart .order-bottom .total-price { font-size: 18px; } .cart .grid-section .item { width: 47%; margin-right: 6%; } .cart .grid-section .item:nth-child(3n) { margin-right: 6%; } .cart .grid-section .item:nth-child(2n) { margin-right: 0; } .cart .grid-section .item .item-image { margin-bottom: 16px; } .cart .grid-section .item h3 { font-size: 14px; } #swell-bootstrap .rewards-templete #thumbnail-img-section .banner { margin-bottom: 140px; } #swell-bootstrap .rewards-templete #thumbnail-img-section .banner + .swell-unauthenticated { margin-top: -120px; } #swell-bootstrap .rewards-templete #thumbnail-img-section .banner .img-responsive { min-height: auto !important; } #swell-bootstrap .rewards-templete #thumbnail-img-section .banner .caption { position: relative !important; top: 0 !important; padding: 10px 15px 0; transform: none; } #swell-bootstrap .rewards-templete #thumbnail-img-section .banner .caption h1 { color: initial !important; } #swell-bootstrap .rewards-templete #thumbnail-img-section .banner .caption p { color: initial !important; } #swell-bootstrap .rewards-templete #rewards-page-campaigns-region .earn-section { padding-top: 30px !important; } #swell-bootstrap #swell-rewards-page .rewards-templete .referral-block { padding-left: 15px !important; padding-right: 15px !important; } #swell-bootstrap #swell-rewards-page .faq-block { padding: 0 5px !important; } #swell-bootstrap #rp-section .main-block .block-holder { margin-bottom: 0 !important; } #error404 .full-image-section p { font-size: 14px; } #error404 .full-image-section .vert-center { width: 100%; left: 0 !important; } .logins .page-content { flex-wrap: wrap; } .logins table { margin-top: 0; } .logins .form-container.half, .logins #member { width: 100%; padding-left: 0; padding-right: 0; } .logins #member { margin-top: 30px; padding-top: 47px; border: none; border-top: 1px solid #ebebeb; } .logins.flex { min-height: auto; flex-wrap: wrap; } .logins.flex .form-container { width: 100%; padding: 20px; } .logins.flex .form-container h1 { text-align: center; } .logins #customer_orders { padding-top: 32px; } .sidebar { width: 100%; padding: 20px; text-align: center; } .sidebar h4 { margin-bottom: 20px; } .sidebar p { display: none; } .sidebar select { display: block; } .recharge .purchase-address, .recharge .rc_schedule__order__address { margin-bottom: 10px; } .recharge .th-product, .recharge .td-product { width: 100%; } }