/* * Fashionopolism Responsive Shopify theme * Copyright 2014, Underground Media * www.undergroundmedia.co.uk * * Gridlock - A CSS responsive grid system [12 column - Desktop standard] * @author Ben Plum * @version 0.2.0 * * Copyright © 2013 Ben Plum * Released under the MIT License */ @font-face { font-family: 'lane_-_narrowregular'; src: url('lanenar_-webfont.eot'); src: url('lanenar_-webfont.eot#iefix') format('embedded-opentype'), url('lanenar_-webfont.woff') format('woff'), url('lanenar_-webfont.ttf') format('truetype'), url('http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/lanenar_-webfont.svg#lane_-_narrowregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Nike Total 90'; src: url('Nike_Total_90.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bebas Neue Regular'; src: url('BebasNeue_Regular.ttf'); src: url('BebasNeue_Regular.otf'); font-weight: normal; font-style: normal; } #shopping-cart .payment-methods li, #footer .payment-systems li, #footer #social-links li a, #cart .cart-icon::before, .currencies-switcher .selecter-selected:after, .currencies-switcher .selecter-item:before, .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next, .product .share-icons a, .nav-search form:after, .fancybox-next span, .fancybox-prev span, .fancybox-close, .scrollup, .popup-subscription .subscription-close { background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/sprites.png?5298461720098472877) !important; background-repeat: no-repeat; } /* !Reset Box-sizing */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* !Defaults */ .gridlock .row { margin-left: auto; margin-right: auto; width: 960px; /* Fallback */ } .gridlock .row:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .gridlock .row .row { margin-left: -1.0416666666666667%; margin-right: -1.0416666666666667%; width: 102.0833333333333334%; } .gridlock .row [class*="desktop-"] { float: left; margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row [class*="desktop-"].right { float: right; } .gridlock .row [class*="desktop-"].padded { margin-left: 0; margin-right: 0; padding-left: 1.0416666666666667%; padding-right: 1.0416666666666667%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .fl { float: left; } .fr { float: right; } /* !Rows, Widest to Thinest */ @media screen and (min-width: 1220px) { .gridlock .row { width: 1175px; } } @media screen and (max-width: 1220px) { .gridlock .row { width: 960px; } } @media screen and (max-width: 980px) { .gridlock .row { width: 720px; } } @media screen and (max-width: 740px) { .gridlock .row { width: 480px; } } @media screen and (max-width: 500px) { .gridlock .row { width: 300px; } } /* !Desktop - Default, 12 column, 1220 + 960 (min 980), IE Standard */ .gridlock .row .desktop-1 { width: 6.25%; } .gridlock .row .desktop-2 { width: 14.5833333333333333%; } .gridlock .row .desktop-3 { width: 22.9166666666666667%; } .gridlock .row .desktop-4 { width: 31.25%; } .gridlock .row .desktop-5 { width: 39.5833333333333333%; } .gridlock .row .desktop-6 { width: 47.9166666666666667%; } .gridlock .row .desktop-7 { width: 56.25%; } .gridlock .row .desktop-8 { width: 64.5833333333333333%; } .gridlock .row .desktop-9 { width: 72.9166666666666667%; } .gridlock .row .desktop-10 { width: 81.25%; } .gridlock .row .desktop-11 { width: 89.5833333333333333%; } .gridlock .row .desktop-12 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .desktop-push-1 { margin-left: 9.375%; } .gridlock .row .desktop-push-2 { margin-left: 17.7083333333333333%; } .gridlock .row .desktop-push-3 { margin-left: 26.0416666666666667%; } .gridlock .row .desktop-push-4 { margin-left: 34.375%; } .gridlock .row .desktop-push-5 { margin-left: 42.7083333333333334%; } .gridlock .row .desktop-push-6 { margin-left: 51.0416666666666667%; } .gridlock .row .desktop-push-7 { margin-left: 59.375%; } .gridlock .row .desktop-push-8 { margin-left: 67.7083333333334%; } .gridlock .row .desktop-push-9 { margin-left: 76.0416666666668%; } .gridlock .row .desktop-push-10 { margin-left: 84.375%; } .gridlock .row .desktop-push-11 { margin-left: 92.7083333333335%; } /* Center Cells */ .gridlock .row [class*="desktop-"].center { margin-left: auto; margin-right: auto; } /* !Generic, fractions */ .gridlock .row .desktop-third { width: 31.25%; } .gridlock .row .desktop-half { width: 47.9166666666666667%; } .gridlock .row .desktop-full { width: 97.9166666666666667%; } .gridlock .row .desktop-push-third { margin-left: 34.375%; } .gridlock .row .desktop-push-half { margin-left: 51.0416666666666667%; } /* !Desktop - Max, 12 column, 1200 (min 1221) */ @media screen and (min-width: 1221px) { .gridlock .row .max-1 { width: 6.25%; } .gridlock .row .max-2 { width: 14.5833333333333333%; } .gridlock .row .max-3 { width: 22.9166666666666667%; } .gridlock .row .max-4 { width: 31.25%; } .gridlock .row .max-5 { width: 39.5833333333333333%; } .gridlock .row .max-6 { width: 47.9166666666666667%; } .gridlock .row .max-7 { width: 56.25%; } .gridlock .row .max-8 { width: 64.5833333333333333%; } .gridlock .row .max-9 { width: 72.9166666666666667%; } .gridlock .row .max-10 { width: 81.25%; } .gridlock .row .max-11 { width: 89.5833333333333333%; } .gridlock .row .max-12 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .max-push-1 { margin-left: 9.375%; } .gridlock .row .max-push-2 { margin-left: 17.7083333333333333%; } .gridlock .row .max-push-3 { margin-left: 26.0416666666666667%; } .gridlock .row .max-push-4 { margin-left: 34.375%; } .gridlock .row .max-push-5 { margin-left: 42.7083333333333334%; } .gridlock .row .max-push-6 { margin-left: 51.0416666666666667%; } .gridlock .row .max-push-7 { margin-left: 59.375%; } .gridlock .row .max-push-8 { margin-left: 67.7083333333334%; } .gridlock .row .max-push-9 { margin-left: 76.0416666666668%; } .gridlock .row .max-push-10 { margin-left: 84.375%; } .gridlock .row .max-push-11 { margin-left: 92.7083333333335%; } } /* !Tablet, 6 column, 720 (min 739) */ @media screen and (min-width: 739px) and (max-width: 980px) { .gridlock .row [class*="desktop-push-"] { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row .tablet-1 { width: 14.5833333333333333%; } .gridlock .row .tablet-2 { width: 31.25%; } .gridlock .row .tablet-3 { width: 47.9166666666666667%; } .gridlock .row .tablet-4 { width: 64.5833333333333333%; } .gridlock .row .tablet-5 { width: 81.25%; } .gridlock .row .tablet-6 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .tablet-push-1 { margin-left: 17.7083333333333333%; } .gridlock .row .tablet-push-2 { margin-left: 34.375%; } .gridlock .row .tablet-push-3 { margin-left: 51.0416666666666667%; } .gridlock .row .tablet-push-4 { margin-left: 67.7083333333334%; } .gridlock .row .tablet-push-5 { margin-left: 84.375%; } /* !Generic, fractions */ .gridlock .row .tablet-third { width: 31.25%; } .gridlock .row .tablet-half { width: 47.9166666666666667%; } .gridlock .row .tablet-full { width: 97.9166666666666667%; } .gridlock .row .tablet-push-third { margin-left: 34.375%; } .gridlock .row .tablet-push-half { margin-left: 51.0416666666666667%; } } /* !Mobile, 3 column, 300 + 480 (max 740) */ @media screen and (max-width: 740px) { .gridlock .row [class*="desktop-push-"], .gridlock .row [class*="tablet-push-"] { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row .mobile-1 { width: 31.25%; } .gridlock .row .mobile-2 { width: 64.5833333333333333%; } .gridlock .row .mobile-3 { width: 97.9166666666666667%; } .gridlock .row #product-loop .mobile-3 { width: 47.9166666666666667%; } /* Push Cells */ .gridlock .row .mobile-push-1 { margin-left: 34.375%; } .gridlock .row .mobile-push-2 { margin-left: 67.7083333333334%; } /* !Generic, fractions */ .gridlock .row .mobile-third { width: 31.25%; } .gridlock .row .mobile-half { width: 47.9166666666666667%; } .gridlock .row .mobile-full { width: 97.9166666666666667%; } .gridlock .row .mobile-push-third { margin-left: 34.375%; } .gridlock .row .mobile-push-half { margin-left: 51.0416666666666667%; } } /* !Mobile - Min, 300 (max 500) */ @media screen and (max-width: 500px) { .gridlock .row .min-full { width: 97.9166666666666667%; } } * { margin: 0; } html, body { height: 100%; } body { color: #666666; background: #ffffff; font-size: 13px; font-family:'Lato', sans-serif; line-height: 1.6em; -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */ margin: 0 !important; } img { max-width: 100%; border: 0; } h1, h2, h3, h4, h5, h6 { color: #a5a5a5; font-family:'Lato', sans-serif; font-weight: normal; letter-spacing: 1px; margin-top: 0; line-height: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: #a5a5a5 !important; } h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 14px; } h1, h2, h3, h4, h5, h6, p, dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom: 5px; } p { font-size: 13px; margin-bottom: 10px; } strong { font-weight: bold; } em { font-style:italic; } pre { font-family: "Courier New", Courier, monospace; font-size: 13px; font-weight:bold; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } a { text-decoration: none; color: #a5a5a5; outline: 0; -webkit-transition:color .5s ease-in; -moz-transition:color .5s ease-in; -o-transition:color .5s ease-in; transition:color .5s ease-in; } a:hover { color: #666666; text-decoration: none;} a:visited { color:#a5a5a5; text-decoration: none; } a:focus { outline: none; } :focus { outline: none; } /* .row hr, .row p, .row ul, .row ol, .row dl, .row pre, .row address, .row table, .row form {margin-bottom: 1.6em;} */ dt { font-weight: bold; } ol { padding: 0; margin-left: 0; text-indent: 0; list-style-position: inside; } ul { padding: 0; margin: 0; list-style:disc inside;} blockquote { font-family: Georgia, "Times New Roman", Times, sans-serif; font-size:18px; line-height: 24px; font-style:italic; padding-left:35px; color: #999; margin: .5em 0 .5em 0; } hr { background:#eeeeee; border:none; color:#eeeeee; display:block; height:1px; margin-top: 20px; width:100%;} .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { width: 100%; max-width: 100%; background: #ffffff; border: 2px solid #000000; -webkit-transition: background .5s ease,color .5s ease; -moz-transition: background .5s ease,color .5s ease; -o-transition: background .5s ease,color .5s ease; transition: background .5s ease,color .5s ease; -webkit-appearance: none; color: #000000; display: inline-block; font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 15px 0; font-family: 'Lato', sans-serif; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #000000; background: #f5f5f5; } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* #Forms ================================================== */ form { margin-bottom: 0; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #eeeeee; padding: 6px 4px; outline: none; font: 13px 'Lato', sans-serif; color: #666666; margin: 0; width: 100%; max-width: 100%; display: block; margin-bottom: 20px; background: transparent; } select { padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { color: #666666; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; min-width: 300px; } label, legend { display: block; font-weight: bold; font-size: 13px; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #666666; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #666666; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666666; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666666; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666666; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=number] { width: 100%; background: transparent; border: 1px solid #eeeeee; padding: 15px 0px; margin: 0px; margin-bottom: 20px; max-width: 100%; text-indent: 17px; outline: none; } textarea { width: 100%; background: transparent; border: 1px solid #eeeeee; height: 200px; margin: 0px; margin-bottom: 40px; max-width: 100%; padding: 2% 17px; outline: none; } /* =============== */ /* = Start CSS = */ /* =============== */ #header { -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -o-transition: all 0s ease-out; transition: all 0s ease-out; padding-top: 18px; background: transparent; position: relative; z-index: 5; } #identity { text-align: center; } #content { border-top: 1px solid #eee; position: relative; } #logo { line-height: initial; max-width: 481px; margin-left: auto; margin-right: auto; } #logo h1 { font-weight: 300; margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-size: 36px; text-transform: none; } #logo h1 a { text-decoration: none; } .header-toolbar { display: inline-block; float: right; margin-top: 7px; } .currencies-switcher { display: none; margin-top: 6px; width: 62px; height: 23px; } .currencies-switcher #currencies { opacity: 0; width: 10%; } .currencies-switcher .selecter { margin: 0; max-width: 100%; font-size: 0; text-align: left; } .currencies-switcher .selecter.open { z-index: 23; } .currencies-switcher .selecter .selecter-selected { position: relative; border: 0; background: transparent; font-size: 0; overflow: visible; padding-left: 0; } .currencies-switcher .selecter.open .selecter-selected, .currencies-switcher .selecter.focus .selecter-selected { background-color: transparent; box-shadow: none; } .currencies-switcher .selecter-selected:before { content: ""; position: absolute; width: 14px; height: 20px; font-size: 14px; font-weight: 600; color: #333; text-align: right; line-height: 1.5em; } .currencies-switcher .selecter-selected.usd:before { content: "$"; } .currencies-switcher .selecter-selected.aud:before { content: "A$"; } .currencies-switcher .selecter-selected.cad:before { content: "C$"; } .currencies-switcher .selecter-selected.eur:before { content: "\20AC"; } .currencies-switcher .selecter-selected.gbp:before { content: "\00a3"; } .currencies-switcher .selecter-selected:after { content: ""; position: absolute; right: 7px; background-position: 23px 22px; width: 32px; height: 20px; } .currencies-switcher .selecter-selected.usd:after { background-position: -46px 0; } .currencies-switcher .selecter-selected.aud:after { background-position: -46px -23px; } .currencies-switcher .selecter-selected.cad:after { background-position: -46px -46px; } .currencies-switcher .selecter-selected.eur:after { background-position: -46px -69px; } .currencies-switcher .selecter-selected.gbp:after { background-position: -46px -92px; } .currencies-switcher .selecter .selecter-options { border: 1px solid #b992dd; background-color: #fff; width: 210px; left: 0; top: 33px; box-shadow: none; border-radius: 0; padding: 15px 10px 14px 20px; } .currencies-switcher .selecter .selecter-item { position: relative; padding: 0; border: 0; height: 20px; margin-bottom: 16px; font-size: 0; } .currencies-switcher .selecter .selecter-item:hover, .currencies-switcher .selecter .selecter-item.selected:hover { background-color: #eee; } .currencies-switcher .selecter-item:before { content: ""; position: absolute; width: 32px; height: 100%; } .currencies-switcher .selecter-item[data-value="USD"]:before { background-position: -46px 0; } .currencies-switcher .selecter-item[data-value="AUD"]:before { background-position: -46px -23px; } .currencies-switcher .selecter-item[data-value="CAD"]:before { background-position: -46px -46px; } .currencies-switcher .selecter-item[data-value="EUR"]:before { background-position: -46px -69px; } .currencies-switcher .selecter-item[data-value="GBP"]:before { background-position: -46px -92px; } .currencies-switcher .selecter-item:after { content: ""; position: absolute; width: 100%; height: 100%; font-size: 11px; letter-spacing: 1px; color: #333; font-weight: 600; text-align: left; padding-left: 41px; box-sizing: border-box; } .currencies-switcher .selecter-item[data-value="USD"]:after { content: "UNITED STATES ($)"; } .currencies-switcher .selecter-item[data-value="AUD"]:after { content: "AUSTRALIA (A$)"; } .currencies-switcher .selecter-item[data-value="CAD"]:after { content: "CANADA (C$)"; } .currencies-switcher .selecter-item[data-value="EUR"]:after { content: "EUROPEAN UNION (\20AC)"; } .currencies-switcher .selecter-item[data-value="GBP"]:after { content: "UNITED KINGDOM (\00a3)"; } #cart { text-align: right; text-transform: uppercase; float: right; display: inline-block; vertical-align: top; } #cart li { line-height: 25px; display: inline-block; } #cart li i { margin-left: -3px; } #cart li a { display: block; font-size: 15px; color: #333; font-weight: 700; letter-spacing: 1px; } #cart .account-link { margin-right: 15px; } #cart li a:hover { text-decoration: none; color: #666666; } #cart .cart-icon { position: relative; width: 15px; height: 21px; display: inline-block; } #cart .cart-icon::before { content: ""; position: absolute; background-position: -144px -118px; width: 12px; height: 17px; display: inline-block; top: 7px; left: 0; } #cart li.cart-overview { position: relative; } #cart li.cart-overview .text-my-bag { display: none; } #cart li.cart-overview:hover #crt { display: block; } #crt { position: absolute; top: 28px; right: 10px; z-index: 30; width: 280px; padding-top: 10px; display: none; } #crt .crt-inner { background-color: #fff; background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/quick-cart-top-bg.png?5298461720098472877), url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/quick-cart-bottom-bg.png?5298461720098472877); background-repeat: no-repeat; background-position: top, bottom; border: 1px solid #b992dd; text-align: center; padding: 5px 16px 20px; } #crt .crt_subtotal { font-weight: bold; font-size: 14px; color: #000; margin: 22px 0 0; letter-spacing: 0.1em; } #crt .crt_note { font-size: 11px; color: #000; margin: 6px 0 12px; letter-spacing: 0.06em; text-transform: none; } #crt .quick-cart-item { border-top: 1px solid #ddd; padding: 15px 0 0 12px; } #crt .quick-cart-image { width: 53px; float: left; margin-bottom: 6px; } #crt .quick-cart-image a { line-height: 0; } #crt .quick-cart-image img { width: 100%; } #crt .quick-cart-details { width: 163px; float: right; margin-bottom: 6px; } #crt .quick-cart-details p { padding: 0 10px 0 0; margin: 0 !important; text-align: left; } #crt .quick-cart-details a { color: #666; font-weight: normal; letter-spacing: 0; line-height: 1.3em; font-size: 11px; } #crt .quick-cart-details .money { color: #999; display: block; margin-top: 6px; font-size: 11px; line-height: 1em; } #crt .remove_item { float: left; margin-top: 18px; } #crt .checkout-link { color: #fff; background-color: #b992dd; height: 40px; margin: 10px 0 15px; line-height: 40px; word-spacing: 3px; } #crt .checkout-link:hover { color: #fff; } .header-info { position: relative; font-weight: bold; color: #fff; background-color: #ffc3e1; background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/main-bg.png?5298461720098472877); text-align: center; margin-top: 11px; text-transform: uppercase; line-height: 20px; letter-spacing: 1px; word-spacing: 1px; } .header-info p { line-height: 1.25em; font-size: 11px; word-spacing: 0; } .header-info_free-shipping { padding-top: 6px; margin-bottom: 2px; } .header-info_free-shipping::before { content: ""; display: none; border-style: solid; border-color: transparent; border-width: 7px 0 7px 12px; border-left-color: #bb94dd; margin-right: 14px; margin-bottom: -2px; } .header-info_free-shipping .text-easy-returns { display: none; } .header-info_customer-care { padding-bottom: 8px; } .header-info_customer-care a { color: #fff; } .header-info_customer-care .fancybox-customer-care { display: none; } .header-info_customer-care .link-mailto { margin-left: 10px; } .header-info_customer-care::after { content: ""; display: none; border-style: solid; border-color: transparent; border-width: 7px 12px 7px 0; border-right-color: #bb94dd; margin-left: 14px; margin-bottom: -2px; } .newsletter-message { display: none; margin: 0 auto; width: 812px; border: 1px solid #0a0; padding: 8px; text-align: center; font-size: 11px; font-weight: bold; color: #0a0; } .newsletter-message.error { color: #ff5775; border-color: #ff5775; } #navigation { background: #ffffff; font-family: 'Lato', sans-serif; line-height: 50px; padding: 0; position: relative; } ul#nav { list-style: none; text-align: center; font-size: 0; } ul#nav li { display: inline-block; position: relative; z-index: 21; -webkit-transition: background .5s ease,color .5s ease; -moz-transition: background .5s ease,color .5s ease; -o-transition: background .5s ease,color .5s ease; transition: background .5s ease,color .5s ease; } ul#nav > li { width: 158px; } ul#nav li:hover { color: #000000; background: #ffffff; } ul#nav > li:hover { z-index: 22; } ul#nav li a { font-size: 14px; font-weight: 400; color: #000000; padding: 0 10px 0 10px; text-transform: uppercase; letter-spacing: 1px; } ul#nav > li > a { padding: 0; width: 100%; height: 16px; display: inline-block; line-height: 16px; vertical-align: middle; position: relative; font-weight: bold; } ul#nav > li > a:after { content: ""; position: absolute; width: 1px; height: 100%; background-color: #ababab; right: -1px; z-index: 1; } ul#nav > li > a span { display: inline-block; border-bottom: 1px solid transparent; padding-bottom: 4px; } ul#nav > li:not(.parent):hover > a span { border-bottom-color: #ffc3e1; } ul#nav > li:last-of-type > a:after, ul#nav > li.parent:hover > a:after { background-color: transparent; } ul#nav li a:hover { background: #ffffff; color: #000000; text-decoration: none; } ul#nav li ul { display: none; background: #ffffff !important; position: absolute; top: 50px; left: -1px; z-index: 25; margin: 0; padding: 0; -webkit-transition: background .5s ease,color .5s ease; -moz-transition: background .5s ease,color .5s ease; -o-transition: background .5s ease,color .5s ease; transition: background .5s ease,color .5s ease; line-height: 30px !important; border-color: #ffc3e1; border-style: solid; border-width: 1px 0; border-top: 0; } ul#nav li:hover > ul { display: block; background: #ffffff !important; } ul#nav li ul li { background: #ffffff; color: #333333; width: 100%; text-align: left; } ul#nav li ul li:hover { background: #ffffff; } ul#nav li ul li a:hover { color: #ffc3e1; background: #ffffff; } ul#nav li ul li a { text-align: left; font-size: 11px; padding: 0 0 0 20%; margin: 0 10px; color: #333333; display: block; text-transform: none !important; line-height: 26px; } ul.submenu li:hover > ul { left: 156px !important; top: 0px !important; } .down { float: right; margin-top: -31px; margin-right: 7px; font-weight: bolder; font-size: 10px; color: #000000; } nav.primary select { display: none; } #nav-border { margin-top: 20px; margin-bottom: 20px; height: 1px; background: #eeeeee; position: relative; } #nav-wrapper .mnav { display: none; } #instagram_block { margin: 20px auto 0; border-top: 1px solid #eee; padding-top: 20px; text-align: center; font-size: 14px; } #tag-photo { color: #333; margin-top: 16px; } #tag-photo a, #tag-photo .swaybabe { font-weight: bold; color: #333; } #instagram_body { position: relative; } .owl-carousel { margin: auto; } #instafeed .owl-item a { display: inline-block; padding: 4px; border: 1px solid #999; } #insta_prev { position: absolute; cursor: pointer; border-width: 43px 26px 43px 0; border-style: solid; border-color: transparent; border-right-color: #97fadb; } #insta_next { position: absolute; cursor: pointer; border-width: 43px 0 43px 26px; border-style: solid; border-color: transparent; border-left-color: #97fadb; } #instagram_footer a { display: inline-block; color: #fff; width: 160px; height: 28px; font-weight: bold; letter-spacing: 1px; line-height: 28px; background-color: #b690dd; border-radius: 4px; margin-top: 9px; position: relative; } #instagram_footer a:after { content: ""; position: absolute; border-style: solid; border-color: transparent; border-bottom-color: #b690dd; border-width: 0 16px 16px; left: 64px; top: -14px; } @media screen and (max-width: 980px) { #instagram_block { display: none; } } @media screen and (min-width: 981px) and (max-width: 1220px) { #instagram_block { width: 980px; } #tag-photo { letter-spacing: 1px; } .owl-carousel { width: 700px; } #instafeed .owl-item a { width: 130px; height: 130px; margin: 0 5px; } #instafeed .owl-item img { width: 120px; height: 120px; } #insta_prev { top: 22px; left: 116px; } #insta_next { top: 22px; right: 116px; } } @media screen and (min-width: 1221px) { #instagram_block { width: 1030px; } #tag-photo { letter-spacing: 3px; } .owl-carousel { width: 955px; } #instafeed .owl-item a { width: 171px; height: 171px; margin: 0 10px; } #instafeed .owl-item img { width: 161px; height: 161px; } #insta_prev { top: 44px; left: -29px; } #insta_next { top: 44px; right: -29px; } } #footer-wrapper { z-index: 2; clear: left; background-color: #ffc3e1; background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/main-bg.png?5298461720098472877); padding-top: 0; margin-top: 20px; } .collection #footer-wrapper { margin-top: 16px; } .gridlock #footer-wrapper .row:after { display: none; } #footer { color: #333333; background-color: #ffc3e1; text-align: center; padding-top: 11px; } #footer .desktop { display: none; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a, #footer p { color: #333333; text-transform: uppercase; font-weight: normal; } #footer ul { margin: 0; list-style-type: none; } #footer ul li { -webkit-transition: background .5s ease,color .5s ease; -moz-transition: background .5s ease,color .5s ease; -o-transition: background .5s ease,color .5s ease; transition: background .5s ease,color .5s ease; } .footer-left li { display: inline-block; line-height: 40px; } .footer-left li a { padding: 0 10px; } .footer-left li:hover, .footer-right li:hover { background: #ffffff; } .credit { text-align: center; padding: 10px 0; } #subscribe_popup label { text-transform: uppercase; margin-bottom: 30px; text-align: center; } #payment { text-align: center; margin-top: 30px; margin-bottom: 50px; } #payment img { max-width: 60px; text-align: center; margin-bottom: 10px; } #email-signup h2 { font-weight: bold; font-size: 11px; word-spacing: 1px; margin-top: 15px; } #email-signup .mc-field-group { border: 1px solid #413d3f; background: #fff; width: 200px; height: 26px; position: relative; margin: 15px auto 0; } #email-signup .mc-field-group:after { content: ""; position: absolute; display: block; border-style: solid; border-color: transparent; border-width: 5px 0 5px 8px; border-left-color: #b992dd; top: 7px; right: 10px; z-index: 1; cursor: pointer; } #mc_embed_signup .mce-invalid-email-message { display: none; margin: 0; text-align: left; } #email-signup #mce-EMAIL { display: inline-block; border: 0; padding: 0; margin: 0; width: 171px; height: 100%; font-size: 12px; letter-spacing: 1px; word-spacing: 3px; text-indent: 9px; } #email-signup div.mce_inline_error { display: none !important; margin: 0 0 1em 0; padding: 5px 10px; font-weight: bold; z-index: 1; color: #fff; } #email-signup #mc-embedded-subscribe { float: right; width: 18px; height: 100%; border: 0; padding: 0; margin: 0; position: relative; z-index: 2; background-color: transparent; font-size: 0; color: transparent; } .footer-col { margin: 0 0 20px; vertical-align: top; } .footer-col .title { font-size: 15px; font-weight: bold; margin-bottom: 0; word-spacing: 2px; } #footer .bullet { font-size: 10px; margin: 0; } #footer .footer-nav li { display: inline; margin: 0 5px; } #footer .footer-nav.mobile li { display: inline; } #footer .footer-nav a { font-size: 11px; font-weight: 600; letter-spacing: 1px; line-height: 2.2em; } #footer .phone { padding-top: 0; font-size: 11px; word-spacing: 1px; letter-spacing: 1px; line-height: 1em; } #footer .mailto a { font-weight: bold; font-size: 12px; } #footer .schedule { display: none; font-size: 11px; letter-spacing: 1px; } #footer .payment-systems.mobile { margin-top: 21px; } #footer .payment-systems li { width: 43px; height: 26px; display: inline-block; margin: 0 3px 9px 0; } #footer .payment-systems.mobile li { margin-bottom: 0; } #footer .american-express { background-position: 0 0; } #footer .discover { background-position: 0 -29px; } #footer .master-card { background-position: 0 -58px; } #footer .pay-pal { background-position: 0 -87px; } #footer .visa { background-position: 0 -116px; } #footer #social-links { list-style: none; padding-top: 8px; } #footer #social-links li { display: inline-block; margin-right: 17px; } #footer #social-links li a { display: block; height: 25px; } #footer #social-links li a.instagram-link-icon { width: 25px; background-position: -81px 0; } #footer #social-links li a.twitter-link-icon { width: 31px; background-position: -81px -28px; } #footer #social-links li a.facebook-link-icon { width: 14px; background-position: -81px -56px; } #footer #social-links li a.youtube-link-icon { width: 21px; background-position: -81px -84px; } #footer #social-links li a.pinterest-link-icon { width: 21px; background-position: -81px -112px; } #footer .footer-bottom { font-weight: 600; font-size: 10px; margin: 48px 0 0; padding-bottom: 14px; letter-spacing: 1px; } #footer .footer-bottom.mobile { margin-top: 4px; } #footer .footer-bottom a { font-weight: 600; } @media only screen and (min-width: 501px) { #footer { padding-top: 46px; } #footer .mobile { display: none; } #footer .desktop { display: block; } #footer .footer-col.desktop { display: inline-block; } .footer-col { margin: 10px 0 0; } .footer-col .title { margin-bottom: 11px; font-size: 14px; } } @media only screen and (min-width: 741px) { #footer-wrapper { margin-top: 48px; } } @media only screen and (min-width: 981px) { .footer-col { display: inline-block; text-align: left; margin: 0 50px 0 0; } #footer .footer-nav li { display: block; margin: 0; } #footer .phone { margin-bottom: 0; } #footer .mailto { margin-bottom: 0; } #footer .payment-systems { max-width: 155px; } #email-signup .mc-field-group { margin: 0 auto 0; } } @media only screen and (min-width: 1230px) { .footer-col:first-of-type { margin-right: 102px; } .footer-col:nth-of-type(2) { margin-right: 87px; } .footer-col:nth-of-type(3) { margin-right: 63px; } .footer-col:last-of-type { margin-right: 12px; } } /* =============== */ /* = index.liquid = */ /* =============== */ .home, .share-icons { text-align: center; } .share-icons a { margin: 0 10px; color: #d5d5d5 !important; display: inline-block; } .share-icons a:hover { color: #aaaaaa !important; } ul#welcome-bar li { text-align: center; width: 33.3%; margin: 0; padding: 0; font-weight: bold; color: #a5a5a5; } .mid { border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; } #homepage-products, #homepage-collections { } #homepage-articles { float: left; padding: 0 20px 50px; } #homepage-products h2 { padding: 20px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; color: #aaaaaa; text-transform: uppercase; margin-bottom: 20px; } #homepage-collections h2 { padding: 20px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; color: #444444; text-transform: uppercase; margin-bottom: 20px; } ul#homepage-blog-articles { margin: 0 auto; list-style-type: none; } .homepage-single-article { padding-bottom: 20px; border-bottom: 1px solid #eeeeee; float: left; width: 32.5%; margin-bottom: 50px; } .homepage-single-article h3, .posted, h1.blog-title { margin-bottom: 5px; } .middle { margin-left: 1%; margin-right: 1.5%; } .homepage-single-article img { margin-bottom: 10px; } .homepage-article-title { text-align: left !important; border-bottom: 0 !important; margin-bottom: 0 !important; width: 50% !important; float: left; } .homepage-posted { float: left; width: 50%; text-align: right; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #product-section { background: #ffffff; } #collection-section { background: #fdfcf7; } #rec-art-background { background: #f7f7f7; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 50px; position: relative; } #rec-art-background h2 { position: relative; z-index: 2; margin-bottom: 30px; color: #000000; } #rec-art-background h2.home { padding: 20px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } #index-blog { padding-top: 30px; } ul#collection-loop { text-align: center; list-style-type: none; margin: 0 auto; float: none !important; } ul#collection-loop li { display: inline-block; position: relative; margin-bottom: 40px; padding-bottom: 20px; } .collect-index { margin-left: 0.5%; margin-right: 0.5%; max-width: 344px; } .collect-index img { margin-bottom: 10px; } .bgcover { position: relative; z-index: 2; } .mask { background: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/mask.png?5298461720098472877); height: 100%; width: 100%; top:0; position: absolute; z-index: 1; } #promo-images { margin-top: 20px; padding-bottom: 20px; } .main-page-banners { margin: 20px 0 0; border-style: solid; border-color: #eee; border-width: 1px 0 0 0; padding: 20px 0 0; } .main-page-subbanners { text-align: center; } .main-page-subbanners a { display: inline-block; width: 32%; } .main-page-subbanners a:first-child { float: left; } .main-page-subbanners a:last-child { float: right; } .flexslider .slides .slide.desktop { display: none; } /* =============== */ /* = collections = */ /* =============== */ #types { border-bottom: 1px solid #eeeeee; background: #ffffff; clear: left; } #types ul { list-style: none; line-height: 40px; height: 40px; margin: 0; } #types li { float: left; display: inline-block; margin: 0 15px 0 0; text-transform: uppercase; } #types li a { font-size: 13px; color: #666666; } #collection-description { display: none; text-align: center; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; margin-bottom: 10px; } .lookbook #collection-description { display: block; } #collection-description h1 { margin-bottom: 5px; } .lookbook #collection-description h1 { display: none; } @media only screen and (max-width: 1023px) { .col-with-sidebar { margin-left:0; } } #sidebar { float: left; } @media only screen and (max-width: 1023px) { .dropdownwrap { display: none; width: 100%; clear: left; } .col-with-sidebar { margin-left: 0; } } @media only screen and (min-width: 1024px) { #dropdown { display: none; } .dropdownwrap { display: block; position: absolute; top: 40px; } } #dropdown { margin-bottom: 20px; float: left; margin-top: -10px; border: 1px solid #eeeeee; padding: 10px; } #sidebar h4 { padding-bottom: 5px; margin-bottom: 5px; } #sidebar ul { list-style-type: none; margin-bottom: 20px; } #sidebar h1 { padding-bottom: 10px; border-bottom: 1px solid #eeeeee; margin-bottom: 20px; } #sidebar ul li a.current { border-bottom: 1px solid #eeeeee; text-decoration: none; } #side-filter { width: 100%; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin-bottom: 20px; padding-top: 20px; } #side-filter p { margin-bottom: 5px; } #side-filter li { margin-bottom: 0; } div#side-filter ul#sortme { text-align: left; } #side-filter ul#sortme { float: none !important;} ul#sortme { width: 100%; text-align: center; } ul#sortme h4 { font-weight: normal; } #full-width-filter { overflow: visible; width: 100%; float: left; } .lookbook #full-width-filter { display: none; } #full-width-filter .filter { display: inline-block; margin-left: 11px; } #full-width-filter p { display: none; } .clearfix.filter { display: inline-block; border: 0; min-width: 200px; } #sortme li.current a { text-decoration: underline; } #sortme .selecter { max-width: 100%; margin: 3px 0 1px; } #sortme .selecter.open { z-index: 4; } #sortme .selecter .selecter-selected { border: 1px solid #ddd; border-radius: 0; padding: 0; color: #333; cursor: pointer; display: block; font-size: 12px; font-weight: bold; margin: 0; overflow: hidden; position: relative; text-overflow: clip; z-index: 49; height: 20px; line-height: 1.5em; letter-spacing: 1px; background: none; } #sortme .selecter .selecter-selected:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; } #sortme li:nth-of-type(1) .selecter .selecter-selected:before { content: "Sort by"; } #sortme li:nth-of-type(2) { display: none; } #sortme li:nth-of-type(2) .selecter .selecter-selected:before { content: "Filter by Color"; } #sortme li:nth-of-type(3) { display: none; } #sortme li:nth-of-type(3) .selecter .selecter-selected:before { content: "Filter by Size"; } #sortme .selecter.open .selecter-selected:before { visibility: hidden; } #sortme .selecter .selecter-selected:after { content: ""; position: absolute; border-style: solid; border-color: transparent; border-width: 8px 5px 0; border-top-color: #b992dd; top: 5px; right: 18px; } #sortme .selecter.open .selecter-selected:after { border-width: 0 5px 8px; border-bottom-color: #b992dd; } #sortme .selecter .selecter-options { max-height: 247px; box-shadow: none; border-radius: 0; } #sortme .selecter .selecter-item { font-size: 12px; font-weight: bold; letter-spacing: 1px; word-spacing: 2px; text-indent: 16px; padding-top: 7px; padding-bottom: 7px; border-radius: 0; text-transform: capitalize; } #sortme .selecter .mCS_no_scrollbar_y .selecter-item { text-indent: 0; } #sortme .selecter .selecter-item.selected { background-color: transparent; } #sortme .selecter .selecter-item:hover, .selecter .selecter-item.selected:hover { background-color: #ffa9d4; color: #fff; } #product-loop { text-align: left; padding-top: 10px; list-style-type: none; font-size: 0; } #product-loop:after { content: ""; display: block; clear: both; } #product-loop li { display: inline-block; position: relative; padding-bottom: 20px; width: 45%; vertical-align: top; float: left; } #product-loop li:nth-of-type(even) { float: right; } .product-index img, .product-index-s img { display: block; margin: 0 auto 12px; } .product-index img2 { display: none; } .product-index img a, .product-index-s img a { border: 0; } .first { clear: left; } #product-info { cursor: pointer; text-align: center; } #product-info h3 { letter-spacing: initial; font-family: 'Lato', sans-serif; font-size: 12px; margin-bottom: 0; color: #333; font-weight: bold; word-spacing: 1px; line-height: 1.5em; } #product-info p { font-size: 13px; margin-bottom: 0; } #product-info a { text-decoration: none !important; text-transform: uppercase; } #product-info .price { font-size: 12px; color: #333; } .product-json { display: none; } .compare-price, .product-price { } .was, .product-compare-price, .compare-price { color: #ba2323; text-decoration: line-through; } .was { display: inline; margin-left: 5px; } .onsale { display: inline; } .new { background: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/transparency.png?5298461720098472877); padding: 5px 10px; position: absolute; top: 5px; left: 5px; border: 1px solid #ccc; text-transform: uppercase; text-align: center; z-index: 2; } .sale-item { background: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/transparency.png?5298461720098472877); padding: 5px 10px; position: absolute; top: 5px; left: 5px; border: 1px solid #ccc; text-transform: uppercase; text-align: center; font-size: 13px; z-index: 1; } .so { background: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/transparency.png?5298461720098472877); padding: 5px 10px; position: absolute; top: 5px; left: 5px; border: 1px solid #ccc; text-transform: uppercase; text-align: center; z-index: 3; font-size: 13px; } .view-full { width: 100%; text-align: right; float: left; margin-top: 10px; padding-top: 10px; margin-bottom: 10px; padding-bottom: 10px; } .view-full a { text-align: right; } .view-full a:hover { text-decoration: none; } .view-full i { margin-right: 10px; } .prod-des { padding-top: 20px; } .product-modal { width: 100px; text-align: right; text-transform: uppercase; } .product-modal:hover { text-decoration: none; } .product-modal { display:none; padding: 9px 10px 8px; color: #000000 !important; background: #ffffff !important; -webkit-transition: background .5s ease,color .5s ease; -moz-transition: background .5s ease,color .5s ease; -o-transition: background .5s ease,color .5s ease; transition: background .5s ease,color .5s ease; position: absolute; width: 101px; top: 0; left: 50%; margin-top: 240px; margin-left: -50px; text-align: center; font-weight: 700; border: 1px solid #000; font-size: 14px; line-height: 1.3em; } .product-modal:hover { color: #000000 !important; background: #f5f5f5 !important; text-decoration: none; } /* ====================== */ /* = Quick product view = */ /* ====================== */ .product-quick-view { overflow: hidden; width: 701px; } .product-quick-view .product .product-wrapper { margin-top: 0; } .product-quick-view .product #product-photos { float: left; width: 49.86%; margin: 0; font-size: 0; } .product-quick-view .product-photos .thumbnail { width: 23.78%; margin: 0 1.72% 1.72% 0; vertical-align: top; display: inline-block; } .product-quick-view .product-photos a:nth-of-type(4n+3) .thumbnail, .product-quick-view .product-photos a:nth-of-type(4n) .thumbnail { margin-right: 0; } .product-quick-view .product-photos a:nth-of-type(4n) .thumbnail { float: right; margin-right: 0; } .product-quick-view .product .product-right { float: right; width: 46.1%; margin-left: 0; } .product-quick-view .product #product-description { width: 100%; } .product-quick-view .product .product-title { letter-spacing: 0; word-spacing: 1px; line-height: 1.5em; margin-top: -8px; } .product-quick-view .product .rte { margin-top: 6px; color: #333; font-size: 12px; } .product-quick-view .product .desc { margin-top: 20px; } .product-quick-view .product form .share-icons { display: none; } .product-quick-view .product .full-click { font-size: 14px; color: #999; text-transform: uppercase; } .product-quick-view .product .share-icons { display: block; text-align: left; } .product-quick-view .product .share-icons .share-twitter { margin-left: 0; } /* ================ */ /* = Product page = */ /* ================ */ .product .product-wrapper { margin-top: 20px; } .product #product-photos { float: left; margin-top: 5px; max-width: 100%; } .product .bigimage { width: 83.2%; float: left; } .product .thumbnails { width: 14.4%; float: right; font-size: 0; line-height: 0; } .product .thumbnail { margin-bottom: 20%; } .product #product-right { float: right; margin-top: 15px; } .product #product-description { float: left; } .product .product-title { font-weight: lighter; font-size: 24px; color: #000; word-spacing: 3px; } .product #product-price { font-size: 16px; } .product #product-description form { width: 100%; } .product .selector-wrapper label { font-weight: normal; font-size: 14px; color: #333; } .product .select label:first-letter { text-transform: uppercase; } .product .product-wrapper .selecter { margin-top: 5px; width: 200px; } .product .product-wrapper #product-add .selecter { width: 100px; display: inline-block; } .product .product-wrapper .selecter .selecter-selected { border: 1px solid #ddd; color: #333; cursor: pointer; display: block; font-size: 12px; font-weight: bold; margin: 0; overflow: hidden; padding: 0 33px 0 11px; position: relative; text-overflow: clip; height: 39px; line-height: 39px; letter-spacing: 1px; word-spacing: 2px; border-radius: 0; background-image: none; background-color: #fff; } .product .product-wrapper #product-add .selecter .selecter-selected { text-indent: 31px; } .product .product-wrapper #product-add .selecter .selecter-selected:before { content: "Qty:"; position: absolute; width: 37px; height: 100%; top: 0; left: 0; background-color: #fff; text-indent: 10px; } .product .product-wrapper .selecter .selecter-selected:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 8px 5px 0; border-top-color: #b992dd; top: 15px; right: 18px; } .product .product-wrapper .selecter.open .selecter-selected:after { border-width: 0 5px 8px; border-bottom-color: #b992dd; } .product .product-wrapper .selecter .selecter-options { max-height: 247px; box-shadow: none; border-radius: 0; background-color: #fff; } .product .product-wrapper .selecter .selecter-item { font-size: 12px; font-weight: bold; letter-spacing: 1px; word-spacing: 2px; padding-top: 7px; padding-bottom: 7px; } .product .product-wrapper .selecter .selecter-item:last-child { border-radius: 0; } .product .product-wrapper .selecter .selecter-item.selected { background-color: transparent; } .product .product-wrapper .selecter .selecter-item:hover, .product .product-wrapper .selecter .selecter-item.selected:hover { background-color: #ffa9d4; color: #fff; } .product .what-is-it { line-height: 40px; } .product #product-add { display: inline-block; } .product #quantity { line-height: 40px; text-indent: 0 !important; text-align: center; padding: 0 !important; width: 50px; background: transparent !important; border: 1px solid #eeeeee; display: inline-block; color: #666666; } .product .add { margin: 5px 1px 0 12px; width: 142px; height: 39px; line-height: 39px; padding: 0; border: 0; background: #ffa9d4; vertical-align: top; letter-spacing: 1px; word-spacing: 2px; } .product .add:hover { background: #ffa9d4; } .product .add-to-cart-msg { clear: left; } .product .share-icons { display: inline-block; vertical-align: top; margin-top: 14px; } .product .share-icons a { height: 21px; } .product .share-icons .share-twitter { width: 26px; background-position: -115px -28px; margin: 0 0 0 11px; } .product .share-icons .share-facebook { width: 12px; background-position: -115px -52px; margin: 0 0 0 13px; } .product .share-icons .share-pinterest { width: 18px; background-position: -115px -76px; margin: 0 0 0 12px; } .product .share-icons .wanelo-save-button { background-size: auto; background-position: -115px -100px; width: 21px; margin: 0 0 0 12px; } .product #popups { clear: left; margin: 24px 0 19px -1px; list-style-type: none; } .product #popups li { display: inline; margin-right: 10px; border-right: 1px solid #999; padding-right: 10px; margin-left: 10px; } .product #popups li.first { margin-left: 0; } .product #popups li.last { border-right: 0; } .product #popups li a { font-weight: normal; font-size: 14px; color: #999; text-transform: uppercase; } .product .product-description span { color: #333; font-size: 12px !important; font-family: 'Lato', sans-serif !important; } .product #related { display: none; width: 16%; float: right; } .product #related h4 { text-align: center; font-weight: bold; font-size: 14px; color: #333; border-bottom: 1px solid #e4e4e4; letter-spacing: 3px; line-height: 1em; padding: 0 0 4px 6px; } .product .related-products { list-style-type: none; } .product .related-products li { float: left; margin: 0 0 20px; } .product #looked-at { display: none; margin-top: 15px; text-align: center; border-top: 1px solid #eee; } .product #looked-at h4 { display: none; font-weight: bold; font-size: 14px; color: #333; letter-spacing: 3px; margin: 7px 0 27px; } .product .recently-viewed-product { display: inline-block; max-width: 160px; width: 13.62%; margin-right: 3.06%; } .product .recently-viewed-product:last-of-type { margin: 0; } /* =============== */ /* = Cart = */ /* =============== */ #shopping-cart, #shopping-cart p, #shopping-cart input { font-size: 11px; } #shopping-cart .page-title { font-weight: lighter; font-size: 24px; color: #000; margin: 19px 0 0; text-indent: -2px; word-spacing: 2px; } #shopping-cart .cart-empty { text-align: center; background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/empty-cart-bg.png?5298461720098472877); background-repeat: no-repeat; background-position: center; background-size: contain; min-height: 482px; margin-top: 26px; padding-top: 55px; } #shopping-cart .cart-empty-message { display: inline-block; font-family: "Nike Total 90", sans-serif; line-height: 1em; font-size: 86px; color: #333; letter-spacing: 9px; } #shopping-cart .cart-empty-message .note { font-size: 86px; margin: 0; } #shopping-cart .cart-empty-message .exclamation { font-family: "Oswald", sans-serif; font-weight: 300; font-size: 0.8em; word-spacing: 0; } #shopping-cart .cart-empty-message .advise { font-size: 60px; display: block; letter-spacing: 1px; word-spacing: 4px; text-align: right; line-height: 1.1em; padding-right: 18px; margin: 0; } #shopping-cart .cart-empty-message a { color: #333; display: inline-block; border-bottom: 2px solid #333; line-height: 1em; } #shopping-cart table { width: 100%; border-collapse: collapse; margin-top: 9px; } #shopping-cart th { text-align: left; font-weight: normal; color: #000; border-bottom: 1px solid #000; text-indent: -2px; letter-spacing: 0.1em; padding-bottom: 5px; } #shopping-cart th:nth-of-type(4) { padding-left: 6px; } #shopping-cart th:last-of-type { text-indent: 0; } #shopping-cart td { border-bottom: 1px solid #ddd; vertical-align: top; padding-bottom: 5px; } #shopping-cart td:after { content: ""; display: block; clear: both; } #shopping-cart td:first-of-type { padding-right: 20px; text-align: left; } #shopping-cart .item-image { width: 30%; float: left; text-align: right; padding-top: 9px; } #shopping-cart .item-image img { width: 100%; max-width: 100%; } #shopping-cart .item-description { width: 65%; float: right; padding-top: 31px; } #shopping-cart .item-title { text-transform: uppercase; color: #333; letter-spacing: 1px; word-spacing: 3px; margin: 0; } #shopping-cart .item-option { color: #333; letter-spacing: 0.05em; font-size: 12px; margin-top: 1px; } #shopping-cart .item-option-label { text-transform: uppercase; } #shopping-cart .remove-item { color: #999; text-decoration: underline; margin-top: 31px; display: inline-block; letter-spacing: 0.1em; } #shopping-cart .item-price { color: #333; margin-top: 31px; word-spacing: 3px; } #shopping-cart .item-qty { font-weight: normal; color: #333; border: 1px solid #ddd; width: 40px; height: 40px; text-align: center; text-indent: 0; margin-top: 21px; } #shopping-cart .continue-shopping { font-weight: bold; color: #000; position: relative; margin: 21px 0 20px 20px; display: block; letter-spacing: 0.11em; } #shopping-cart .continue-shopping:before { content: ""; position: absolute; border-style: solid; border-width: 6px 10px 6px 0; border-color: transparent; border-right-color: #b992dd; top: 4px; left: -19px; } #shopping-cart .cart-summary { margin: auto; text-align: center; color: #000; font-weight: normal; width: 246px; } #shopping-cart .cart-subtotal { font-weight: bold; letter-spacing: 0.11em; } #shopping-cart .cart-summary-note { font-size: 11px; letter-spacing: 0.065em; margin: 13px 0 14px; } #shopping-cart [type="submit"] { border: none; background: #ffa9d4; height: 41px; line-height: 41px; padding: 0; letter-spacing: 1px; font-size: 12px; } #shopping-cart .payment-methods { list-style: none; } #shopping-cart .payment-methods li { width: 43px; height: 26px; display: inline-block; margin: 0 3px 9px 0; } #shopping-cart .payment-methods li:last-child { margin-right: 0; } #shopping-cart .american-express { background-position: 0 0; } #shopping-cart .discover { background-position: 0 -29px; } #shopping-cart .master-card { background-position: 0 -58px; } #shopping-cart .pay-pal { background-position: 0 -87px; } #shopping-cart .visa { background-position: 0 -116px; } /* ================= */ /* = Blogs & Pages = */ /* ================= */ .about-us-page { color: #333; text-align: center; margin-top: 19px; font-size: 0; } .about-us-page .title { font-family: "Nike Total 90", sans-serif; font-size: 60px; letter-spacing: 3px; line-height: 1em; padding-top: 11px; text-align: center; } .about-us-page .who-we-are { border-bottom: 1px solid #eee; padding-bottom: 43px; } .about-us-page .who-we-are .title { box-sizing: content-box; margin: 0; line-height: 89px; } .about-us-page .who-we-are .content { font-family: 'Lato', sans-serif; font-weight: normal; font-size: 24px; color: #333; text-align: left; margin-top: 31px; padding-left: 22px; line-height: 1.3em; letter-spacing: 0.025em; word-spacing: 1px; } .about-us-page .who-we-are .content li { list-style: none; position: relative; margin-top: 29px; } .about-us-page .who-we-are .content li:before { content: ""; position: absolute; top: 13px; left: -19px; background: #ffc3e1; width: 9px; height: 9px; border-radius: 4px; } .about-us-page .our-promises { text-align: left; } .about-us-page .our-promises .title { text-indent: -2px; padding-top: 11px; } .about-us-page .our-promises .content { font-size: 24px; font-weight: lighter; letter-spacing: 0.06em; word-spacing: 1px; line-height: 1.25em; margin-top: 24px; } .about-us-page .more-info { text-align: center; margin-bottom: 102px; } .about-us-page .more-info a { font-family: 'Lato', sans-serif; font-weight: bold; font-size: 12px; color: #000; background: #ffa9d4; display: inline-block; width: 246px; height: 41px; text-align: center; line-height: 41px; letter-spacing: 0.09em; margin-left: 4px; } .coming-soon-page { padding-top: 3em; text-align: center; color: #333; } .coming-soon-page p:nth-of-type(1) { margin-bottom: 0.04em; font-family: 'Nike Total 90', sans-serif; font-size: 43px; line-height: 1em; letter-spacing: 0.093em; } .coming-soon-page p:nth-of-type(2) { font-family: 'Nike Total 90', sans-serif; font-size: 30px; line-height: 1em; letter-spacing: 0.017em; } .coming-soon-page p:nth-of-type(3) { font-family: 'Lato', sans-serif; font-size: 12px; line-height: 1em; letter-spacing: 0.041em; } .coming-soon-page a { color: #15c; text-decoration: underline; } .subscription { margin-bottom: 0 !important; min-height: 100vh; background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/subscription-main-bg.jpg?5298461720098472877); background-size: cover; } .subscription-inner { margin: auto; padding: 1.25em; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.26); background-color: #fbd3ec; background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/subscription-inner-bg.png?5298461720098472877); background-size: contain; background-repeat: no-repeat; font-family: 'Bebas Neue Regular', sans-serif; } @media (max-aspect-ratio: 282/520) { .subscription { padding-top: 14.5vw; } .subscription-inner { font-size: 1.844vw; width: 77.901vw; height: 143.64vw; } } @media (min-aspect-ratio: 282/520) { .subscription { padding-top: 8.25vh; } .subscription-inner { font-size: 1vh; height: 77.96vh; width: 42.28vh; } } .subscription .line { line-height: 1em; } .subscription-title { color: #a6a2ee; text-shadow: 2px 2px rgba(197, 98, 198, 0.75); } .subscription-title .line-first { font-size: 11em; margin-bottom: 0; padding-top: 0.35em; text-align: center; letter-spacing: 0.1em; } .subscription-logo { margin-top: 0.55em; } .subscription-title .line-second { font-size: 7.5em; margin: 0.09em 0 0; padding-left: 0.45em; text-align: left; letter-spacing: 0.1em; } .subscription-title .line-third { font-size: 8.2em; margin: -0.28em 0 0; padding-right: 0.43em; text-align: right; letter-spacing: 0.09em; } .subscription #email-signup h2, .subscription #popup-email-signup h2, .subscription #email-signup .mc-field-group:after { display: none; } .subscription #email-signup .mc-field-group, .subscription #popup-email-signup .popup-mc-field-group { margin: 0; width: 100%; height: auto; border: 0; background-color: transparent; } .subscription #email-signup #mce-EMAIL, .subscription #popup-email-signup #popup-mce-EMAIL { font-size: 3em; display: block; float: none; margin: 0.3em auto 0; width: 95.5%; height: 2.65em; padding: 0.25em; background-color: #fff; box-shadow: 5px 5px 5px 0 rgba(211, 202, 202, 0.24) inset; text-align: center; text-indent: 0; } .subscription #email-signup #mc-embedded-subscribe, .subscription #popup-email-signup #popup-mc-embedded-subscribe { font-size: 5em; display: block; float: none; margin: 0.6em auto 0; width: 43%; height: 1.41em; border: none; padding: 0; box-shadow: 5px 5px 5px 0 rgba(255, 255, 255, 0.25) inset, -5px -5px 5px 0 rgba(0, 0, 0, 0.1) inset; background-color: #aef9ae; letter-spacing: 0.12em; text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); font-family: 'Bebas Neue Regular', sans-serif; color: #fdfafc; } .subscription-info { color: #fcf9fb; text-shadow: 2px 2px rgba(90, 223, 206, 0.75); } .subscription-info .line-first { font-size: 4em; margin: 0.65em 0 0 0.2em; text-align: left; letter-spacing: 0.07em; } .subscription-info .line-second { font-size: 4em; margin: -0.05em 0.6em 0 0; text-align: right; letter-spacing: 0.07em; } .subscription-encouragement { color: #fdfafc; text-shadow: 1px 1px rgba(148, 142, 248, 0.48); } .subscription-encouragement .line-first { font-size: 6.4em; margin: 0.1em 0 0 0.05em; text-align: left; letter-spacing: 0.07em; } .subscription-encouragement .line-second { font-size: 6.4em; margin: -0.24em 0 0; text-align: right; letter-spacing: 0.07em; } .subscription-success { position: fixed; top: 50%; text-align: center; width: 100%; font-size: 1em; } .popup-subscription { display: none; position: fixed; top: 0; left: 0; z-index: 5; width: 100%; padding-top: 11.1vh; background: rgba(0, 0, 0, 0.5); } .popup-subscription .subscription-inner { position: relative; background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/subscription-inner-popup-bg.png?5298461720098472877); } .popup-subscription .subscription-close { position: absolute; top: 1.25em; right: 1.25em; width: 22px; height: 22px; background-position: -163px -51px; cursor: pointer; } .popup-subscription .subscription-logo { margin-top: 1.1em; } .popup-subscription .subscription-title .line-first { padding-top: 0.13em; font-size: 7.8em; letter-spacing: 0.08em; } .popup-subscription .subscription-title .line-second { font-size: 6.1em; margin: 0.23em 0 0; padding-left: 1.46em; letter-spacing: 0.09em; } .popup-subscription .subscription-title .line-third { font-size: 6.5em; margin: -0.6em 0 0; padding-right: 0.65em; } .popup-subscription .subscription-promotion { color: #fdfafc; } .popup-subscription .subscription-promotion .line-first { margin-top: 0.23em; font-size: 6.7em; letter-spacing: 0.065em; } .popup-subscription .subscription-promotion .line-second { font-size: 6.7em; margin-top: -0.05em; letter-spacing: 0.1em; text-align: center; } .popup-subscription.subscription #popup-email-signup #popup-mc-embedded-subscribe { margin-top: 0.3em; font-size: 4.6em; width: 40%; } .popup-subscription .subscription-info .line-first { font-size: 3.5em; margin: 0.9em 0 0 0; letter-spacing: 0.1em; } .popup-subscription .subscription-info .line-second { font-size: 3.5em; margin: 0.1em 2.5em 0 0; letter-spacing: 0.1em; } .popup-subscription .subscription-encouragement .line-first { font-size: 4.4em; margin: 0.15em 0 0 2.6em; letter-spacing: 0.09em; } .popup-subscription .subscription-encouragement .line-second { font-size: 4.5em; margin: -0.21em 0 0; letter-spacing: 0.08em; } .rte h1 { border-bottom: 0 !important; text-align: inherit !important; margin-bottom: inherit !important; } #page { clear: left; margin-bottom: 50px; } #page h1 { text-align: center; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #eeeeee; } #page h1.page-title { text-align: left !important; } #page-sidebar h2 { padding-bottom: 8px; margin-bottom: 20px; border-bottom: 1px solid #eeeeee; } #page-sidebar ul { list-style-type: none; } #page-sidebar ul li { display: block; margin-bottom: 10px; padding-bottom: 5px; } #article-loop { margin: 0 auto; width: 100%; min-width: 100%; } .article-index { margin: 0 5px 10px; border-radius: 0; overflow: hidden; background: #fff; padding-top: 20px; } .article-info { border-bottom: solid ; } .article-info-inner { width: 96%; margin: 0 auto; } .article-info h2 { letter-spacing: initial; margin-bottom: 10px; text-align: center; } .posted { text-align: center; margin-bottom: 20px; } .post-tags { clear: left; display: block; text-align: center; } .article-info p { font-size: 13px; margin-bottom: 0; } .article-info a { text-decoration: none !important; text-transform: uppercase; } .article-content { margin-top: 10px; margin-bottom: 10px; } .article-index .share-icons { text-align: center !important; } .article-index .readmore { text-align: center !important; } .share-icons a { color: #d5d5d5; } .share-icons a:hover { color: #aaaaaa; } #blog-article .share-icons { text-align: center !important; } ul#blog-articles, #blog-article { list-style-type: none; } .single-article { margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid #eeeeee; float: left; width: 100%; } .single-article .posted { text-align: left; } .single-article .post-tags { text-align: left; } #blog-sidebar h2 .icon-rss { float: right; font-size: 16px; } #blog-sidebar #social-icons { font-size: 90%; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #eeeeee; } #blog-sidebar #social-icons a { color: #d5d5d5; } #blog-sidebar #social-icons a:hover { color: #aaaaaa; } ul#social-icons li { text-align: left; display: inline; padding: 0 10px 0 0; } #twitter-card, #facebook-card, #instagram-card { width: 100%; float: left; clear: left; display: block; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #eeeeee; } #twitter-card h3, #facebook-card h3, #instagram-card h3 { letter-spacing: initial; } #fb-root { display: none; } /* To fill the container and nothing else */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } #instafeed { margin-top: 15px; } #page .share-icons { margin-bottom: 20px; text-align: left; margin-top: 20px; } #page .share-icons a { margin-right: 10px; } ul#posts { list-style: none; } ul#posts li { margin-bottom: 20px; padding-bottom: 0; border-bottom: 1px solid #eeeeee; } ul#posts li p { margin-top: 0; } ul#posts li.tags { padding-bottom: 10px; } #comments h4 { text-align: center; } #comments { float: left; padding-top: 20px; margin-top: 20px; width: 100%; } #comment-form { width: 100%; text-align: center; clear: left; float: left; } #comments ul { margin-top: 20px; list-style-type: none; } #comments ul li { float: left; display: block; width: 100%; margin: 0 0 20px 0; border-bottom: 1px solid #eeeeee; padding-bottom: 20px; } .comment-details { margin-bottom: 10px; } .gravatar { float: left; margin-right: 20px; } .comment { float: left; } .comment p { margin-top: 0; } dd { margin-left: 0; } .notice { border: 1px dashed #eee; padding: 5px; background: ghostwhite; margin: 20px 0; } .readmore { clear: left; text-align: left; margin: 30px auto; } .readmore a { color: #000000 !important; background: #ffffff !important; padding: 10px 20px; -webkit-transition: background .5s ease,color .5s ease; -moz-transition: background .5s ease,color .5s ease; -o-transition: background .5s ease,color .5s ease; transition: background .5s ease,color .5s ease; } .readmore a:hover { color: #000000 !important; background: #f5f5f5 !important; text-decoration: none; } /* =============== */ /* = Search = */ /* =============== */ #search-bar { margin-bottom: 20px; margin-top: 20px; border-bottom: 1px solid #eeeeee; } #search-bar #q {width: 300px; } .nav-search { display: inline-block; float: left; margin-top: 9px; width: 133px; height: 27px; box-sizing: border-box; vertical-align: top; } .nav-search form { position: relative; } .nav-search form:after { content: ""; position: absolute; top: 6px; right: 10px; width: 18px; height: 17px; z-index: 1; background-position: -144px -74px; } #q { color: #000; font-size: 16px; font-family: 'Lato', sans-serif; height: 27px; padding: 0 30px 0 0; box-sizing: border-box; margin: 0; border: none; float: left; line-height: 17px; letter-spacing: 1px; text-indent: 10px; border: 1px solid #333; } #q:focus { box-shadow: none; } #q ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } #q :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } #q ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } #q :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } #search-submit { width: 26px; border: none; padding: 0; margin: 0; height: 27px; float: right; position: absolute; top: 0; right: 0; z-index: 2; background-color: transparent; } .search-page .search-title { font-size: 24px; font-weight: 300; color: #000; margin-top: 19px; text-indent: -2px; letter-spacing: 0.025em; } .search-page .search-report { font-size: 14px; color: #000; border-bottom: 1px solid #000; padding-bottom: 5px; margin: 10px 0; letter-spacing: 0.1em; } .search-page .product-index { margin-bottom: 3px; } .search-page .product-index img { margin-bottom: 0; } .search-page #product-info p { margin-top: 14px; line-height: 1em; color: #333; font-size: 12px; } .search-page #product-info a { color: #333; font-weight: bold; display: inline-block; margin-bottom: 6px; } /* ===================== */ /* = Customer Accounts = */ /* ===================== */ #customer-wrapper { width: 100%; margin: 16px 0 40px; text-align: center; } #customer-wrapper h2 { font-size: 24px; font-weight: 300; color: #000; word-spacing: 2px; margin: 0; line-height: 1em; } #customer-wrapper label { font-weight: normal; font-size: 14px; color: #333; margin-top: 11px; } #customer-wrapper input { border-color: #333; color: #333; padding: 0; height: 39px; margin: 5px 0 0 2px; background-color: #fff; } #customer-wrapper input[type="submit"] { width: 142px; height: 39px; background-color: #ffa9d4; border: none; color: #000; font-size: 12px; font-weight: bold; letter-spacing: 1px; word-spacing: 2px; margin-top: 15px; } #customer-wrapper p { margin-top: 0 !important; margin-bottom: 0 !important; } #customer-wrapper .errors { color: #f00; } #customer, #recover-password, #create-customer { padding: 7px 0 41px 0; display: inline-block; width: 300px; text-align: left; vertical-align: top; box-sizing: content-box; } #forgot_password { margin: 6px 0 -5px 1px; font-size: 14px; color: #999; } .customer-register-wrapper #create-customer { margin-left: 0; } #create-customer { min-height: 453px; } #admin_header { text-align: center; margin-bottom: 10px; } #admin_header h2 { letter-spacing: 0; word-spacing: 4px; } #customer_detail { padding-top: 20px; font-size: 12px; font-weight: 600; word-break: break-all; } #customer_detail .name { text-transform: uppercase; color: #000; } #customer_detail p { font-size: 12px; color: #333; margin-top: 4px !important; } #customer_detail a { color: #999; text-transform: uppercase; display: inline-block; word-spacing: 1px; letter-spacing: 0.05em; margin-top: 28px; } #customer_orders { display: inline-block; width: 68.77%; } #customer_orders h5 { text-align: left; text-indent: 100px; } #customer_orders table { text-transform: uppercase; font-size: 12px; border-collapse: collapse; text-align: left; width: 100%; } #customer_orders table a { color: #999; } #customer_orders th { border-bottom: 1px solid #000; color: #000; font-weight: normal; padding-bottom: 5px; letter-spacing: 0.1em; vertical-align: top; text-indent: -2px; } #customer_orders td { border-bottom: 1px solid #ddd; color: #333; padding: 32px 0; letter-spacing: 0.1em; } .view_address p { margin: 0; } #order_address { clear: both; float: left; width: 100%; margin-bottom: 20px; } #order_details { float: left; } .customer-addresses-wrapper#customer-wrapper { margin: 23px auto 0; position: relative; } .customer-addresses-wrapper#customer-wrapper:before { content: ""; position: absolute; width: 144px; height: 106px; background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/signin-top-bg.png?5298461720098472877); top: -7px; right: -214px; } .customer-addresses-wrapper #admin_header h2 { letter-spacing: 1px; word-spacing: 3px; } .customer-addresses-wrapper #admin_header a { color: #999; } .customer-addresses-wrapper .action_return, .customer-addresses-wrapper .action_top { margin-top: 29px; letter-spacing: 0.1em; word-spacing: 1px; } .customer-addresses-wrapper .customer_address_form_inner { padding-top: 7px; } .customer-addresses-wrapper .customer_address_form_inner label { text-align: left; } .customer-addresses-wrapper .customer_address_form_inner select { margin: 5px 0 0 0; } .customer-addresses-wrapper .customer_address_form_inner .set-as-default-address { text-align: left; margin-top: 15px; line-height: 13px; letter-spacing: 0.03em; word-spacing: 1px; } .customer-addresses-wrapper .customer_address_form_inner .set-as-default-address input { height: auto !important; margin: 0 5px 0 2px !important; vertical-align: top; } .customer-addresses-wrapper .action_bottom { text-align: left; } .customer-addresses-wrapper#customer-wrapper .action_bottom input[type="submit"] { width: 246px; height: 41px; } .customer-addresses-wrapper .cancel-add-edit-address { font-weight: bold; font-size: 12px; color: #999; display: inline-block; width: 246px; height: 41px; background-color: #eee; margin: 20px 0 0 2px; text-align: center; letter-spacing: 1px; line-height: 41px; } .address_table { margin-bottom: 8px; } .customer_address { text-align: left; padding-top: 19px; } .address_title { text-transform: uppercase; font-size: 14px; color: #000; letter-spacing: 0.1em; font-weight: bold; word-spacing: 1px; margin-bottom: 6px; } .address_actions { letter-spacing: 0.1em; text-transform: uppercase; color: #999; } .action_edit { display: inline-block; border-right: 1px solid #b8b8b8; line-height: 1em; padding-right: 14px; margin-right: 11px; } .view_address p { color: #333; font-size: 14px; line-height: 1.75em; } .customer-login-wrapper { padding-right: 29px; } .customer-activate-account-wrapper#customer-wrapper { margin-top: 16px; } .customer-activate-account-wrapper #template { text-align: left; margin: auto; width: 300px; padding: 7px 0 95px; box-sizing: content-box; } .customer-activate-account-wrapper .note { font-size: 14px; color: #000; letter-spacing: 0.1em; margin-top: 11px; padding-bottom: 17px; } .customer-activate-account-wrapper .large_form { width: 300px; } .customer-activate-account-wrapper#customer-wrapper input[type="submit"] { height: 41px; width: 246px; } .customer-activate-account-wrapper #customer_decline { display: none; } .customer-account-wrapper#customer-wrapper { margin-top: 21px; } .customer-account-wrapper #admin_header { margin-bottom: 11px; } .register-success-wrapper#customer-wrapper { margin-top: 16px; } .register-success-wrapper #template { box-sizing: content-box; margin: auto; text-align: left; } .register-success-wrapper p:first-of-type { font-weight: 300; font-size: 24px; color: #000; letter-spacing: 0.04em; word-spacing: 2px; margin: 25px 0 5px; line-height: 1.3em; } .register-success-wrapper p:last-of-type { font-size: 14px; color: #f00; line-height: 1.8em; padding-top: 5px; } .register-success-wrapper a { color: #00f; } @media only screen and (min-width: 1024px ){ .page-wrap { min-height: 100%; /* equal to footer height */ margin-bottom: -40px; } .page-wrap:after { content: ""; display: block; } .site-footer, .page-wrap:after { /* .push must be the same height as footer */ height: 40px; } } /* =============== */ /* = Mobile Hides = */ /* =============== */ #mobile-product { display: none; } /* =============== */ /* = Global = */ /* =============== */ #pagination { clear: left; text-align: center; margin-top: 22px; padding-top: 25px; margin-bottom: 20px; font-weight: 600; font-size: 12px; border-top: 1px solid #eee; } .lookbook #pagination { display: none; } #pagination a { width: 23px; display: inline-block; color: #999; vertical-align: middle; } #pagination a.pagination-prev, #pagination a.pagination-next { width: 0; height: 0; border-style: solid; border-color: transparent; } #pagination a.pagination-prev { border-width: 6px 10px 6px 0; border-right-color: #b992dd; margin-right: 9px; } #pagination a.pagination-next { border-width: 6px 0 6px 10px; border-left-color: #b992dd; margin-left: 9px; } #pagination .current { color: #333; width: 23px; display: inline-block; vertical-align: middle; } #pagination .count { margin-right: 20px; display: none; } #breadcrumb { font-size: 12px; line-height: 1em; margin: 10px 0 0; width: 100%; max-width: 60%; float: left; color: #333; } #breadcrumb a { padding: 0; color: #333; letter-spacing: 1px; } .product #breadcrumb a:last-of-type { font-weight: bold; } #breadcrumb .separator { padding: 0 1px; } #breadcrumb p { padding: 0 5px 0 0; } #breadcrumb .page-title { font-weight: bold; letter-spacing: 1px; } /* Hiding the drop-downs. */ #product-variants { } .dropdown-color { display: none; } .dropdown-colour { display: none; } /* Style the swatches */ #swatches { margin:20px 0 0; } .swatch { margin:0; } .swatch ul { list-style-type:none; margin:0; padding:0; } .swatch li { /* Cross-browser inline-block */ display:-moz-inline-stack; display:inline-block; /* Content must stretch all the way to borders */ padding:0; /* Background color */ background-color:transparent; /* Spacing between buttons */ margin:0px 5px 10px 0; /* Fake that those are buttons, i.e. clicky */ cursor:pointer; /* The border when the button is not selected */ border: #DDD 1px solid !important; /* To position the sold out graphic and tooltip */ position:relative; /* Text styling */ text-transform:uppercase; font-size:13px; } /* Styles for the text or color container within the swatch button */ .swatch li span { display:block; margin:5px 10px; } /* Special styles for color swatches */ /* They don't contain text so they need to have a width and height */ .swatch li.color { width:50px; height:35px; } /* The container of the image/color must be as big as its container */ .swatch li.color span { width:100%; height:100%; margin:0; } /* Styling sold out options */ .swatch ul.options li.soldout { cursor:default; } /* That's the image with the cross in it */ .crossed-out { position:absolute; width:100%; height:100%; left:0; right:0; } .swatch li .crossed-out { display:none; } .swatch li.soldout .crossed-out { display:block; } .swatch li.soldout span { filter: alpha(opacity=60); /* internet explorer */ -khtml-opacity: 0.6; /* khtml, old safari */ -moz-opacity: 0.6; /* mozilla, netscape */ opacity: 0.6; /* fx, safari, opera */ } /* Styling selected swatch */ /* Darker border and slightly raised */ .swatch li.selected { border:#999 1px solid !important; background: #333; color: #fff; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.25); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.25); box-shadow:0px 1px 2px rgba(0,0,0,0.25); } /* Bring on animated tooltips */ .swatch .options li { -webkit-transform: translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing: antialiased; /* webkit text rendering fix */ } /* Tooltips */ .swatch .tooltip { /* Color and text alignment */ text-align:center; background:gray; color:#fff; bottom:100%; padding: 10px; /* Positioning */ display:block; position:absolute; width:100px; left:-30px; margin-bottom:15px; /* Make it invisible by default */ filter:alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity:0; visibility:hidden; /* Animations */ -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); } /* This bridges the gap so you can mouse into the tooltip without it disappearing */ .swatch .tooltip:before { bottom:-20px; content:" "; display:block; height:20px; left:0; position:absolute; width:100%; } /* CSS Triangle */ .swatch .options li .tooltip:after { border-left: solid transparent 10px; border-right: solid transparent 10px; /* the color below must match the color of the background of your tooltip */ border-top: solid gray 10px; bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; } /* Tooltip visible */ .swatch li:hover .tooltip { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .scrollup { display: none; position: fixed; right: 37px; bottom: 55%; z-index: 3; width: 22px; height: 14px; background-position: -115px -124px; cursor: pointer; opacity: 0.5; transition: opacity .5s; -webkit-transition: opacity .5s; } .scrollup:hover { opacity: 1; } .Flexible-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden; height: 0; max-width: 1111px; margin: 0 auto; } .Flexible-container iframe, .Flexible-container object, .Flexible-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .collection div.zoomWindow { display: none !important; } .collection div.zoomLens { opacity: 0 !important; } .collection-product-image-wrapper { position: relative; } #product-loop .sticker { position: absolute; width: 49px; height: 56px; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; margin-bottom: 9px; margin-right: 12px; } .product-index a.product-image-link { position: relative; display: block; } #product-photos .bigimage .sticker { position: absolute; width: 70px; height: 78px; right: 0; bottom: 0; background-size: cover; margin-bottom: 9px; margin-right: 12px; z-index: 9999; } .sticker.more_colors { background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/more-colors.png?5298461720098472877); } .sticker.our_faves { background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/our-faves.png?5298461720098472877); } .sticker.top_rated { background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/top-rated.png?5298461720098472877); } .sticker.pre_order { background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/pre-order.png?5298461720098472877); } .sticker.ECH_collection, .sticker.ECH_exclusive, .sticker.ships_free { max-width: 100%; width: 44% !important; height: auto !important; margin-right: 0 !important; top: 0; background-size: contain !important; } .sticker.ECH_collection { background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/ECH_collection.png?5298461720098472877); } .sticker.ECH_exclusive { background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/ECH_exclusive.png?5298461720098472877); } .sticker.ships_free { background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/ships_free.png?5298461720098472877); } body[class*="subscription"] .aviscertifies_widget_9abfaa5c-63b6-e6e4-455c-4b3f8132f275_wf4_7 { display: none; } /* START MEDIA QUERIES */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1023px) { .homepage-single-article { width: 98%; margin-left: auto; margin-right: auto; } .middle { margin-left: 0! important; margin-right: 0! important; } #types { padding: 0 10px; } .flex-caption { display: none; } .flexslider .readmore { display: none; } li.credit { display: none; } #blog #sidebar { display: none; } #blog-articles { margin-left: 0! important; } #blog-article { margin-left: 0! important; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #types { display: none; } #rec-art-background { background-image: none! important; } #contact-background { background-image: none! important; } .mask { display: none! important; } textarea { min-width: 0! important; } #image-container { display: none; } #gift-card #product-photos { display: block! important; } #hide { display: none; } .search { width: 100%; } .button { width: 100%; } ul#mobile-cart { clear: left; margin-top: 10px; margin-bottom: 10px; height: 40px; line-height: 40px; text-align: center; } ul#mobile-cart li { float: none; line-height: 40px; display: inline-block; } ul#mobile-cart li a { height: 40px; display: block; padding: 0 10px; font-size: 16px; } ul#mobile-cart li a:hover { text-decoration: none; background: transparent! important; } #nav-wrapper { position: relative; top: auto; left: auto; } #nav-wrapper .mnav { position: relative; margin: 23px 0 13px; width: 121px; height: 14px; font-size: 16px; line-height: 14px; color: #333; text-align: left; background-color: #fff; } #nav-wrapper .mnav .icon { width: 21px; height: 14px; display: inline-block; border-style: solid; border-color: #666; border-width: 4px 0; margin-right: 4px; vertical-align: top; } #nav-wrapper:not( :target ) .mnav:first-of-type, #nav-wrapper:target .mnav:last-of-type { display: block; background: #ffffff; } #nav-wrapper > ul { height: auto; display: none; position: absolute; left: 0; right: 0; background-color: #fff; } #nav-wrapper:target > ul { display: block; } #nav-wrapper > ul > li { width: 100%; float: none; background: #ffffff; } #nav-wrapper > ul > li > a { height: auto; } #nav-wrapper > ul > li:not( :last-child ) > a { border-right: none; border-bottom: 1px solid #ffffff; } #nav > li:hover { border: none; } #nav li ul { position: static! important; padding-top: 0; border: none; float: none; margin: auto; } #nav li ul li a { text-align: center; } #nav li ul li:first-of-type a { border: none; } } /* Responsive Tables */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #ccc; margin: 20px 0;} td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding: 10px; text-align: center; } #shopping-cart, #shopping-cart p, #shopping-cart input { font-size: 14px !important; } #shopping-cart .remove-item, #shopping-cart .item-price, #shopping-cart .item-qty { margin: 0 auto; } #shopping-cart table td:before { font-weight: bold; } #shopping-cart table td:nth-of-type(3):before { content: "ITEM PRICE"; } #shopping-cart table td:nth-of-type(4):before { content: "QTY"; } #shopping-cart table td:nth-of-type(5):before { content: "TOTAL PRICE"; } } /* Normal mobile-first media-queries */ @media only screen and (min-width: 501px) { #shopping-cart .item-image { width: 13.05%; } #shopping-cart .item-image img { width: 67px; max-width: 85.57%; } #shopping-cart .item-description { width: 84.7%; } #shopping-cart .continue-shopping { float: left; display: inline-block; margin-bottom: 0; } #shopping-cart .cart-summary { float: right; margin-top: 22px; } .customer-addresses-wrapper#customer-wrapper { width: 420px; } .header-info { margin-top: 15px; } .header-info p { font-size: 14px; } .header-info_free-shipping .text-easy-returns { display: inline; } .header-info_customer-care { padding-bottom: 6px; } .header-info_customer-care .fancybox-customer-care { display: inline; } .header-info_customer-care .text-questions { display: none; } .nav-search { float: none; width: 275px; height: 35px; } .nav-search form:after { top: 8px; right: 20px; width: 18px; height: 17px; } #q { height: 33px; letter-spacing: 3px; text-indent: 21px; padding: 0 40px 0 0; } #search-submit { width: 37px; height: 33px; } .header-toolbar { float: none; } .currencies-switcher { display: inline-block; } #cart { margin-top: 8px; } #cart li.cart-overview .text-my-bag { display: inline; } #cart .cart-icon { margin-right: 4px; } #cart .cart-icon::before { background-position: -144px -94px; width: 15px; height: 21px; top: 4px; } #cart li i { margin-left: 5px; } #cart li a { font-size: 14px; } #cart .account-link { margin-right: 26px; } .coming-soon-page p:nth-of-type(1) { font-size: 8.8vw; } .coming-soon-page p:nth-of-type(2) { font-size: 6.13vw; } .coming-soon-page p:nth-of-type(3) { font-size: 2.45vw; } } @media only screen and (min-width: 741px) { .flexslider .slides .slide.desktop { display: inline; } .flexslider .slides .slide.mobile { display: none; } .product #product-photos { width: 39.5%; } .product #product-right { width: 56.9%; margin-top: 0; } .product #product-description { width: 80%; } .customer-login-wrapper #create-customer { margin-left: 39px; } #sortme li { display: inline-block !important; } } @media only screen and (min-width: 760px) { #shopping-cart td:after { display: none; } #admin_header { text-align: left; } #customer_sidebar { display: inline-block; float: left; width: 31.23%; } #customer_orders { float: right; } #customer_detail { padding-left: 25.07%; padding-right: 9.26%; padding-top: 60px; text-align: left; } } @media only screen and (min-width: 768px) { ul#nav li ul li a { padding: 0; } ul#nav > li.parent:hover { border-style: solid; border-color: #ffc3e1; border-width: 0 1px; } ul#nav li ul { width: 158px; float: left; border-width: 1px; } .product #related { display: inline-block; } .product #looked-at { display: block; } #mobile-search, #mobile-cart { display: none; } .nav-search { margin-right: 40px; margin-top: 7px; } .currencies-switcher .selecter .selecter-options { left: -155px; } .currencies-switcher { margin: 5px 40px 0 0; } #cart .account-link { margin-right: 0; float: right; line-height: 32px; } #cart li.cart-overview { margin-right: 30px; float: left; } } @media only screen and (min-width: 981px) { #product-loop li { width: 23%; margin-bottom: 13px; margin-right: 2.7%; } #product-loop li:nth-of-type(even) { float: left; } #product-loop li:nth-of-type(4n+3) { margin-right: 0; } #product-loop li.last { float: right; margin-right: 0; } #product-loop .clearfix.mobile { display: none; } #shopping-cart, #shopping-cart p, #shopping-cart input { font-size: 14px; } #customer_detail, #customer_detail .name, #customer_detail p, #customer_orders table { font-size: 14px; } .customer-login-wrapper #create-customer { margin-left: 136px; padding-right: 114px; background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/signin-top-bg.png?5298461720098472877), url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/signin-bottom-bg.png?5298461720098472877); background-repeat: no-repeat; background-position: top right, 188px bottom; } .customer-activate-account-wrapper #template { background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/signin-top-bg.png?5298461720098472877), url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/signin-bottom-bg.png?5298461720098472877); background-repeat: no-repeat; background-position: top right, 597px bottom; width: 353px; padding: 7px 281px 95px 189px; } .register-success-wrapper #template { background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/signin-top-bg.png?5298461720098472877), url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/signin-bottom-bg.png?5298461720098472877); background-repeat: no-repeat; background-position: top right, 597px bottom; width: 360px; padding: 3px 273px 296px 189px; } .about-us-page .who-we-are .title { display: inline-block; width: 558px; padding: 0 222px; background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/about-us-bg-1-1.png?5298461720098472877), url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/about-us-bg-1-2.png?5298461720098472877); background-repeat: no-repeat; background-position: 160px 0, right 7px; } .about-us-page .our-promises { width: 45.53%; float: left; } .about-us-page .our-promises .title { background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/about-us-bg-2.png?5298461720098472877); background-repeat: no-repeat; background-position: 375px 20px; text-align: left; } .about-us-page .more-info { text-align: center; background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/about-us-bg-3.png?5298461720098472877); background-repeat: no-repeat; background-position: 0px 61px; width: 50.04%; padding-left: 134px; float: right; text-align: left; } .about-us-page .more-info .title { text-align: left; } .coming-soon-page { background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/coming-soon-bg.png?5298461720098472877); background-repeat: no-repeat; background-position: 44% 25px; min-height: 509px; padding: 83px 0 0 85px; } .coming-soon-page p:nth-of-type(1) { margin-right: 11%; font-size: 86px; letter-spacing: 8px; } .coming-soon-page p:nth-of-type(2) { font-size: 60px; letter-spacing: 1px; } .coming-soon-page p:nth-of-type(3) { font-size: 24px; letter-spacing: 1px; } .coming-soon-page a { color: #1155cc; text-decoration: underline; } } @media only screen and (min-width: 1080px) { .header-info { margin-top: 6px; height: 30px; line-height: 30px; } .header-info p { display: inline-block; } .header-info_free-shipping { padding: 0; } .header-info_customer-care { margin-left: 95px; padding: 0; } .header-info_free-shipping::before, .header-info_customer-care::after { display: inline-block; } } @media only screen and (min-width: 1220px) { #logo { display: inline-block; } .nav-search { float: left; margin-right: 0; } .header-toolbar { float: right; margin-top: 0; } #shopping-cart, #shopping-cart p, #shopping-cart input { font-size: 12px; } } @media only screen and (min-width: 1230px) { .main-page-subbanners a:first-child { margin-right: 9px; } .main-page-subbanners img { width: 380px; height: 380px; } } .free-three-days { display: none; position: absolute; top: 0; left: 50%; background-image: url(//http://cdn.shopify.com/s/files/1/0685/2453/t/6/assets/NEWFREESHIPPINGSTAMP.png?5298461720098472877); background-size: 100%; width: 113px; height: 113px; margin: -39px 0 0 490px; z-index: 22; } @media only screen and (min-width: 1221px) { .free-three-days { display: block; } } @media only screen and (min-width: 1300px) { .free-three-days { margin-left: 528px; } }