/** Shopify CDN: Minification failed Line 450:20 Expected identifier but found "*" Line 452:88 Expected identifier but found "*" Line 453:37 Expected identifier but found "*" Line 510:1 Expected identifier but found "*" Line 960:1 Expected identifier but found "*" Line 1282:2 Expected identifier but found "*" Line 1805:1 Expected identifier but found "*" Line 2119:1 Expected identifier but found "*" Line 2626:2 Expected identifier but found "*" Line 2641:2 Expected identifier but found "*" ... and 6 more hidden warnings **/ /* Tab */ .fab-wrapper { width: 4rem; height: 4rem; position: fixed; bottom: 3rem; right: 3rem; } .fab-checkbox { display: none; } .fab, #customCloseWidgetButton { position: absolute; bottom: -1rem; right: -1rem; width: 4rem; height: 4rem; border-radius: 50%; background: url(https://robincontentdesktop.blob.core.windows.net/css/icons/fab-icons/cm-morsegraphic-centered-dark.svg), #ECF5FF; transition: background-color 0.3s ease, opacity 0,3 ease; z-index: 1; cursor: pointer; margin-bottom: 0px; background-position: center center; background-size: calc(100% - 16px); background-repeat: no-repeat; } #customCloseWidgetButton { background-image: none; } .fab:hover, #customCloseWidgetButton:hover { background-color: #ECF5FF; } .fab-dots { position: absolute; height: 8px; width: 8px; background-color: #FFF; border-radius: 50%; top: 50%; transform: translateX(0%) translateY(-50%) rotate(0deg); opacity: 1; animation: blink 3s ease infinite; transition: all 0.3s ease; } .fab:hover .fab-dots { background-color: #FFF; transition: all 0.3s ease-in-out; } .fab-dots-1 { left: 15px; animation-delay: 0s; } .fab-dots-2 { left: 50%; transform: translateX(-50%) translateY(-50%); opacity: 1; animation-delay: 0.4s; } .fab-dots-3 { right: 15px; animation-delay: 0.8s; } .fab-checkbox:checked ~ .fab .fab-dots { height: 6px; } .fab .fab-dots-2 { transform: translateX(-50%) translateY(-50%) rotate(0deg); } .fab-checkbox:checked ~ .fab .fab-dots-1 { transform: translateX(-50%) translateY(-50%) rotate(45deg); width: 32px; border-radius: 10px; left: 50%; } .fab-checkbox:checked ~ .fab .fab-dots-2 { opacity: 0; } .fab-checkbox:checked ~ .fab .fab-dots-3 { transform: translateX(50%) translateY(-50%) rotate(-45deg); width: 32px; border-radius: 10px; right: 50%; } @keyframes blink { 50% { opacity: 0.25; } } .fab-checkbox:checked ~ .fab .fab-dots { animation: none; } .fab-wheel { position: absolute; bottom: 0; right: 0; width: 10rem; height: 10rem; transition: all 0.3s ease; transform-origin: bottom right; transform: scale(0); } .fab-tower { position: absolute; bottom: 0; right: -2rem; width: 3rem; transition: all 0.3s ease; transform-origin: bottom center; transform: scale(0); left: 0; margin: auto; padding-bottom: 3rem; } .fab-checkbox:checked ~ .fab-wheel, .fab-checkbox:checked ~ .fab-tower { transform: scale(1); } .fab-action { position: absolute; background: #0f1941; width: 3rem; height: 3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: White; box-shadow: 0 24px 24px -16px rgba(16,30,30,.5) !important; transition: all 1s ease; opacity: 0; } .fab-tower .fab-action { position: relative; margin-bottom: 20px; } .fab-checkbox:checked ~ .fab-wheel .fab-action, .fab-checkbox:checked ~ .fab-tower .fab-action{ opacity: 1; } .fab-action:hover { background-color: #f16100; } .fab-action.whatsApp { background-color: #25D366; background-image: url(https://robincontentdesktop.blob.core.windows.net/css/icons/fab-icons/whatsapp-white.svg); background-repeat: no-repeat; background-size: 50%; background-position: center; } .fab-action.whatsApp.mobile { display: none; } .fab-action.whatsApp.desktop { display: block; } .fab-action.messenger { background-color: #0084ff; background-image: url(https://robincontentdesktop.blob.core.windows.net/css/icons/fab-icons/messenger-white.svg); background-repeat: no-repeat; background-size: 50%; background-position: center; } .fab-action.appleBusinessChat { background-color: #F0F0F5; background-image: url(https://robincontentdesktop.blob.core.windows.net/css/icons/fab-icons/apple-business-chat-blue.svg); background-repeat: no-repeat; background-size: 50%; background-position: center; } .fab-action.mail { background-color: #cce5ff; background-image: url(https://robincontentdesktop.blob.core.windows.net/css/icons/fab-icons/mail-blue.svg); background-repeat: no-repeat; background-size: 50%; background-position: center; } .fab-action.chat { background-color: #cce5ff; background-image: url(https://robincontentdesktop.blob.core.windows.net/css/icons/fab-icons/mail-blue.svg); background-repeat: no-repeat; background-size: 50%; background-position: center; } .fab-action.chat:before, #fabCheckbox + .fab.online:before { content: ""; width: 14px; height: 14px; border-radius: 10px; background-color: #3DDC97; position: absolute; right: 0; top: 0; transition: all 0.3s ease; } #fabCheckbox + .fab.online.hideOnlineIndicator:before { opacity: 0; } #fabCheckbox + .fab.online:before { width: 16px; height: 16px; } #fabCheckbox:checked + .fab.online:before { opacity: 0; } #fabCheckbox:checked + .fab { background: #ECF5FF; } .fab-wheel .fab-action-1 { right: -1rem; top: 0; } .fab-wheel .fab-action-2 { right: 3.4rem; top: 0.5rem; } .fab-wheel .fab-action-3 { left: 0.5rem; bottom: 3.4rem; } .fab-wheel .fab-action-4 { left: 0; bottom: -1rem; } .fab-wheel .fab-action img, .fab-tower .fab-action img { border-radius: 100%; max-width: 100%; } /* Custom dots */ .custom-fab-dot, #customCloseWidgetButton span.dot, #customCloseWidgetButtonWidgetHeader span.dot { position: absolute; height: 8px; width: 8px; background-color: #007FFF; border-radius: 6px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 0; transition: all 0.3s ease; } .custom-fab-dot.dot-1, #customCloseWidgetButton span.dot-1 { left: -24px; animation-delay: 0s; } .custom-fab-dot.dot-2, #customCloseWidgetButton span.dot-2 { animation-delay: 0.4s; } .custom-fab-dot.dot-3, #customCloseWidgetButton span.dot-3 { right: -24px; animation-delay: 0.8s; } .custom-fab-dot.dot-1, .custom-fab-dot.dot-3 { content: ""; } .fab-checkbox:checked ~ .fab .custom-fab-dot, #customCloseWidgetButton span.dot, #robin_popover #customCloseWidgetButtonWidgetHeader span.dot { animation: none; } .fab-checkbox:checked ~ .fab .custom-fab-dot.dot-1, .fab-checkbox:checked ~ .fab .custom-fab-dot.dot-3, #customCloseWidgetButton span.dot-1, #customCloseWidgetButton span.dot-3 { width: 36px; opacity: 1; } .fab-checkbox:checked ~ .fab .custom-fab-dot.dot-1, #customCloseWidgetButton span.dot-1, #customCloseWidgetButtonWidgetHeader span.dot-1 { transform: rotate(45deg); left: 0; } .fab-checkbox:checked ~ .fab .custom-fab-dot.dot-3, #customCloseWidgetButton span.dot-3, #customCloseWidgetButtonWidgetHeader span.dot-3 { transform: rotate(-45deg); left: -24px; } #robin_popover #customCloseWidgetButtonWidgetHeader { position: absolute; width: 20px; height: 20px; background-color: transparent; top: 16px; right: 16px; border: 0; opacity: 0.5; display: none; } #robin_popover #customCloseWidgetButtonWidgetHeader span.dot { width: 3px; height: 3px; background-color: #344055; } #robin_popover #customCloseWidgetButtonWidgetHeader:hover { opacity: 1; } #robin_popover #customCloseWidgetButtonWidgetHeader span.dot-2 { display: none; } #robin_popover #customCloseWidgetButtonWidgetHeader span.dot-1, #robin_popover #customCloseWidgetButtonWidgetHeader span.dot-3 { width: 16px; left: 0; } @media only screen and (max-device-width: 767px) { #robin_popover #customCloseWidgetButtonWidgetHeader { display: block; } .fab-action.whatsApp.mobile { display: block; } .fab-action.whatsApp.desktop { display: none; } } /* ROBIN Tab */ #robin_tab { display: none !important; } #robin_popover { right: 110px !important; bottom: 90px !important; border-radius: 16px !important; background-color: #FFF; overflow: hidden !important; } #robin_pac_invite { display: none !important; } /*============================================================================ Typography ==============================================================================*/ @font-face { font-family: 'icons'; src: url('/cdn/shop/t/2/assets/icons.eot?v=137170788383561692311611647573'); src: url('/cdn/shop/t/2/assets/icons.eot?v=137170788383561692311611647573#iefix') format("embedded-opentype"), url('/cdn/shop/t/2/assets/icons.woff?v=131443883127950425471611647574') format("woff"), url('/cdn/shop/t/2/assets/icons.ttf?v=143046601639182813151611647574') format("truetype"), url('/cdn/shop/t/2/assets/icons.svg?v=37039168907312320461611647574#timber-icons') format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Rounded'; src: url('/cdn/shop/t/2/assets/GothamRnd-Light.woff2?v=141984501070634281881611647572') format("woff2"), url('/cdn/shop/t/2/assets/GothamRnd-Light.woff2?v=141984501070634281881611647572') format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham Rounded'; src: url('/cdn/shop/t/2/assets/GothamRnd-Book.woff2?v=110933361116841501741611647571') format("woff2"), url('/cdn/shop/t/2/assets/GothamRnd-Book.woff2?v=110933361116841501741611647571') format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Gotham Rounded'; src: url('/cdn/shop/t/2/assets/GothamRnd-Medium.woff2?v=118716367209221237321611647573') format("woff2"), url('/cdn/shop/t/2/assets/GothamRnd-Medium.woff2?v=118716367209221237321611647573') format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Rounded'; src: url('/cdn/shop/t/2/assets/GothamRnd-Bold.woff2?v=72269177567239898701611647571') format("woff2"), url('/cdn/shop/t/2/assets/GothamRnd-Bold.woff2?v=72269177567239898701611647571') format("woff"); font-weight: bold; font-style: normal; } /* Variables */ /* ==================================== */ :root { --bodyFontStack: Gotham Rounded; --headerFontStack: Gotham Rounded; --headerFontWeight: 700; --navigationFontStack: Gotham Rounded; --accentFontStack: Gotham Rounded; --iconSize: 22px; --socialIconFontStack: 'icons'; --colorBorder: #e1e1e1; --ColorSaleRondel: #ff5000; --ColorSoldOutRondel: #a3ccfa; --colorPrimary: #3280f6; --siteWidth: 964px; --gutter: 40px; --gridGutter: 40px; --baseFontSize: 14px; } /* Normalized Styles */ /* ==================================== */ html { font-size: 100%; overflow-y: auto; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 14px; line-height: 21px; } ::-moz-selection { background: #3280f6; color: #fff; text-shadow: none; } ::selection { background: #3280f6; color: #fff; text-shadow: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } p { margin-top: 0; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; *margin-left: -7px; padding: 0; } label { cursor: pointer; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: transparent; } table { border-collapse: collapse; border-spacing: 0; } input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;} ::-webkit-validation-bubble-message { -webkit-box-shadow: 0 0 0 0; } /* Utility classes */ /* ==================================== */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .accent-text { font-family: var(--accentFontStack); font-style: italic; } input.hint, textarea.hint, input[type=text].hint, input[type=tel].hint, input[type=password].hint, input[type=email].hint { color: #777777; } input.error, textarea.error, input[type=text].error, input[type=tel].error, input[type=password].error, input[type=email].error, .in-error input, .in-error input[type=text], .in-error input[type=tel], .in-error input[type=password], .in-error input[type=email], .in-error textarea { border: 1px solid #FB8077; } .in-error span.error-message { padding-left: 10px; font-size: 13px; line-height: 21px; color: #F8584C; font-family: var(--accentFontStack); font-style: italic; } .feedback.error, .feedback.success { font-size: 14px; line-height: 21px; margin-bottom: 20px; } .feedback.success { margin-top: 30px; } .feedback.error { background-color: #fcedec; border: 1px solid #fb8077; padding: 12px 14px; border-radius: 3px; margin: 0 40px 25px 0;} .inline-list { list-style: none; margin: 0; padding: 0; } .inline-list li { display: inline-block; } hr { display: block; height: 1px; border: 0; border-top: 1px solid var(--colorBorder); margin: var(--gutter) 0; padding: 0; } hr.hr--small { margin: calc(var(--gutter) / 3); } hr.hr--invisible { border-top-color: transparent; } .clearfix { *zoom: 1; } .clearfix:after { content: ""; display: table; clear: both; } /*================ Grid Variables ================*/ .col-1 { width: 8.333%; } .col-2 { width: 16.666%; } .col-3 { width: 25%; } .col-4 { width: 33.333%; } .col-5 { width: 41.666%; } .col-6 { width: 50%; } .col-7 { width: 58.333%; } .col-8 { width: 66.666%; } .col-9 { width: 75%; } .col-10 { width: 83.333%; } .col-11 { width: 91.666%; } .col-12 { width: 100%; } .show { display: block !important; } .hide { display: none !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .left { float: left !important; } .right { float: right !important; } .grid-uniform .col-1:nth-child(12n+1), .grid-uniform .col-2:nth-child(6n+1), .grid-uniform .col-3:nth-child(4n+1), .grid-uniform .col-4:nth-child(3n+1), .grid-uniform .col-6:nth-child(2n+1) { clear: both; } /*================ Responsive widths and helper classes ================*/ @media only screen and (max-width: 480px) { .small--col-1 { width: 8.333%; } .small--col-2 { width: 16.666%; } .small--col-3 { width: 25%; } .small--col-4 { width: 33.333%; } .small--col-5 { width: 41.666%; } .small--col-6 { width: 50%; } .small--col-7 { width: 58.333%; } .small--col-8 { width: 66.666%; } .small--col-9 { width: 75%; } .small--col-10 { width: 83.333%; } .small--col-11 { width: 91.666%; } .small--col-12 { width: 100%; } .small--show { display: block !important; } .small--hide { display: none !important; } .small--text-left { text-align: left !important; } .small--text-right { text-align: right !important; } .small--text-center { text-align: center !important; } .small--left { float: left !important; } .small--right { float: right !important; } .grid-uniform .small--col-1:nth-child(12n+1), .grid-uniform .small--col-2:nth-child(6n+1), .grid-uniform .small--col-3:nth-child(4n+1), .grid-uniform .small--col-4:nth-child(3n+1), .grid-uniform .small--col-6:nth-child(2n+1) { clear: both; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .medium--col-1 { width: 8.333%; } .medium--col-2 { width: 16.666%; } .medium--col-3 { width: 25%; } .medium--col-4 { width: 33.333%; } .medium--col-5 { width: 41.666%; } .medium--col-6 { width: 50%; } .medium--col-7 { width: 58.333%; } .medium--col-8 { width: 66.666%; } .medium--col-9 { width: 75%; } .medium--col-10 { width: 83.333%; } .medium--col-11 { width: 91.666%; } .medium--col-12 { width: 100%; } .medium--show { display: block !important; } .medium--hide { display: none !important; } .medium--text-left { text-align: left !important; } .medium--text-right { text-align: right !important; } .medium--text-center { text-align: center !important; } .medium--left { float: left !important; } .medium--right { float: right !important; } .grid-uniform .medium--col-1:nth-child(12n+1), .grid-uniform .medium--col-2:nth-child(6n+1), .grid-uniform .medium--col-3:nth-child(4n+1), .grid-uniform .medium--col-4:nth-child(3n+1), .grid-uniform .medium--col-6:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 768px) { .medium-down--col-1 { width: 8.333%; } .medium-down--col-2 { width: 16.666%; } .medium-down--col-3 { width: 25%; } .medium-down--col-4 { width: 33.333%; } .medium-down--col-5 { width: 41.666%; } .medium-down--col-6 { width: 50%; } .medium-down--col-7 { width: 58.333%; } .medium-down--col-8 { width: 66.666%; } .medium-down--col-9 { width: 75%; } .medium-down--col-10 { width: 83.333%; } .medium-down--col-11 { width: 91.666%; } .medium-down--col-12 { width: 100%; } .medium-down--show { display: block !important; } .medium-down--hide { display: none !important; } .medium-down--text-left { text-align: left !important; } .medium-down--text-right { text-align: right !important; } .medium-down--text-center { text-align: center !important; } .medium-down--left { float: left !important; } .medium-down--right { float: right !important; } .grid-uniform .medium-down--col-1:nth-child(12n+1), .grid-uniform .medium-down--col-2:nth-child(6n+1), .grid-uniform .medium-down--col-3:nth-child(4n+1), .grid-uniform .medium-down--col-4:nth-child(3n+1), .grid-uniform .medium-down--col-6:nth-child(2n+1) { clear: both; } } @media only screen and (min-width: 769px) { .large--col-1 { width: 8.333%; } .large--col-2 { width: 16.666%; } .large--col-3 { width: 25%; } .large--col-4 { width: 33.333%; } .large--col-5 { width: 41.666%; } .large--col-6 { width: 50%; } .large--col-7 { width: 58.333%; } .large--col-8 { width: 66.666%; } .large--col-9 { width: 75%; } .large--col-10 { width: 83.333%; } .large--col-11 { width: 91.666%; } .large--col-12 { width: 100%; } .large--show { display: block !important; } .large--hide { display: none !important; } .large--text-left { text-align: left !important; } .large--text-right { text-align: right !important; } .large--text-center { text-align: center !important; } .large--left { float: left !important; } .large--right { float: right !important; } .grid-uniform .large--col-1:nth-child(12n+1), .grid-uniform .large--col-2:nth-child(6n+1), .grid-uniform .large--col-3:nth-child(4n+1), .grid-uniform .large--col-4:nth-child(3n+1), .grid-uniform .large--col-6:nth-child(2n+1) { clear: both; } } /*================ Grid Classes ================*/ .grid, .grid-uniform, .grid-full, .grid-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .grid, .grid-uniform, .grid-full { *zoom: 1; list-style: none; margin: 0; padding: 0; margin-left: calc(var(--gridGutter) * -1); } .grid:after, .grid-uniform:after, .grid-full:after { content: ""; display: table; clear: both; } .grid-full { margin-left: 0; } .grid-full .grid-item { padding-left: 0; } .grid-item { padding-left: var(--gridGutter); float: left; vertical-align: top; min-height: 1px; } .grid-item img { max-width: 100%; } /* Print */ /* ==================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /*============================================================================ #OOCSS Media Object // - http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/ ==============================================================================*/ .media, .media-flex { overflow: hidden; _overflow: visible; zoom: 1; } .media-img { float: left; margin-right: 20px; } .media-img-right { float: right; margin-left: 20px; } .media-img img, .media-img-right img { display: block; } /*================ Display helpers ================*/ .display-table { display: table; width: 100%; } .display-table-cell { display: table-cell; vertical-align: middle; padding: 0 10px; } /*================ Typography ================*/ h1, h2, h3, h4, h5, h6 { display: block; margin: 0.2em 0 0.5em; line-height: 1.2; font-family: var(--headerFontStack); font-weight: var(--headerFontWeight); color: #30353b; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } h1, .h1 { font-size: 2.2em; } h2, .h2 { font-size: 1.85em; } h3, .h3 { font-size: 1.571em; } h4, .h4 { font-size: 1.429em; } h5, .h5 { font-size: 1.143em; } h6, .h6 { font-size: 1em; } /* General */ /* ==================================== */ body { background-color: #ffffff; } body, input, textarea, button, select { font-family: var(--bodyFontStack); color: #364053; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } .nowrap { white-space: nowrap; } ::-webkit-input-placeholder { color: #777777; font-family: var(--accentFontStack); font-style: italic; } ::-moz-placeholder { color: #777777; font-family: var(--accentFontStack); font-style: italic; } :-ms-input-placeholder { color: #777777; font-family: var(--accentFontStack); font-style: italic; } a { text-decoration: none; color: #131e1e; } .wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: var(--siteWidth); margin: 0px auto; min-height: 500px; position: relative; padding: 0 var(--gutter); overflow: visible; background: transparent; } @media screen and (max-width: 768px) { .wrapper { padding: 0 15px; overflow: hidden; } } .lt-ie8 #content { position: relative; } /* GLOBAL STYLES */ /* ==================================== */ /* SALE AND SOLD OUT OVERLAY */ .sale-overlay, .sold-out-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; text-align: center; -webkit-transition: opacity 50ms ease-in-out; -moz-transition: opacity 50ms ease-in-out; -ms-transition: opacity 50ms ease-in-out; -o-transition: opacity 50ms ease-in-out; transition: opacity 50ms ease-in-out; z-index: 5; } .lt-ie9 .sale-overlay { z-index: -1; } .sale-overlay:hover, .sold-out-overlay { opacity: 1; } .sale-overlay span, .sold-out-overlay span { position: absolute; color: #ffffff; display: block; height: 90px; width: 90px; margin-top: -45px; margin-left: -45px; border-radius: 50px; top: 50%; left: 50%; } .sale-overlay span { font-size: 20px; background: var(--ColorSaleRondel); filter: alpha(opacity=84); opacity: 0.84; } .sold-out-overlay span { font-size: 16px; background: var(--ColorSoldOutRondel); filter: alpha(opacity=70); opacity: 0.84; } .sale-overlay.large span, .sold-out-overlay.large span { height: 100px; width: 100px; margin-top: -50px; margin-left: -50px; } .sale-overlay em { font-style: normal; display: block; margin-top: 33px; } .sold-out-overlay em { font-style: normal; display: block; margin-top: 35px; } .sale-overlay.large em, .sold-out-overlay.large em { margin-top: 40px; } /* grayscale treatment to the images of soldout products */ .sold-out img { filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Google Chrome & Safari 6+ */ } /* PAGINATION */ .prev-next { text-align: center; font-size: 12px; } .prev-next a { display: inline-block; } form .prev-next { padding: 0; } .pagination { padding: 20px 0 49px; text-align: center; color: #131e1e; } .template-article .pagination { border-bottom: 1px solid var(--colorBorder); padding-bottom: 20px; } .pagination a, .pagination span { display: inline-block; zoom: 1; *display: inline; padding: 7px 10px; border-radius: 4px; border: 1px solid var(--colorBorder); font-size: 12px; margin: 0 3px; } .pagination a { color: #131e1e; } .pagination-ellipsis { margin: 0 3px; } .pagination a.active { color: #131e1e; } .pagination a.active:hover { background-color: #f5f5f5; border: 1px solid #cccccc; } .pagination span { color: #364053; border-color: #cccccc; font-weight: bold; } /* ON SALE & COMPARE AT PRICE */ .on-sale { color: #ff5000 !important; } .compare-at-price { display: inline-block; font-style: normal; text-decoration: line-through; color: #131e1e; } /* PRODUCT AND COLLECTION GRID */ .coll-image-wrap { position: relative; display: table; table-layout: fixed; width: 100%; margin-bottom: 15px; text-align: center; overflow: hidden; background-color: #ffffff; } .coll-image-wrap a { display: table-cell; vertical-align: middle; -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -ms-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .coll-image-wrap a:hover { opacity: 0.85; } .coll-image-wrap img { display: inline-block; } .coll-prod-caption { margin-bottom: 30px; } .coll-prod-buy.disabled { -moz-opacity: 0.50; opacity: .50; filter: alpha(opacity=50); } .coll-prod-buy.disabled { background-color: var(--colorPrimary); } .coll-prod-buy { background-color: var(--colorPrimary); text-align: center; display: block; float: right; font-weight: 700; font-size: 13px; line-height: 14px; color: #ffffff; font-family: var(--bodyFontStack); padding: 7px 12px 8px; margin-left: 5px; } .coll-prod-buy:hover { background-color: #2259a0; } @media screen and (max-width: 768px) { .coll-prod-buy { float: none; margin: 0 0 5px; } } .coll-prod-meta { font-size: 13px; } .coll-prod-meta.no-medallion { text-align: center; } .coll-prod-price { color: #131e1e; margin: 3px 0 0 0; } .col-4 .coll-prod-price { font-size: 14px; } /* COLLECTION ITEMS */ .collection-list-product-count { line-height: 21px; margin: 0; } /* INPUT */ label { display: block; font-size: 14px; color: #364053; margin-bottom: 8px; } input[type="checkbox"], input[type="radio"], .checkbox, .radio { margin: 4px 5px 0 0; float: left; } .ie9 input[type="checkbox"], .ie9 input[type="radio"], .ie9 .checkbox, .ie9 .radio, .lt-ie9 input[type="checkbox"], .lt-ie9 input[type="radio"], .lt-ie9 .checkbox, .lt-ie9 .radio { margin-top: 2px; } .styled-input, input[type=text], input[type=number], input[type=tel], input[type=password], input[type=email], textarea, select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; line-height: 1.6; max-width: 100%; background-color: transparent; color: #777777; padding: 6px 10px; margin-bottom: 14px; border: 1px solid #dedede; border-radius: 4px; } .ie9 .styled-input, .lt-ie9 .styled-input, .ie9 input[type=text], .lt-ie9 input[type=text], .ie9 input[type=number], .lt-ie9 input[type=number], .ie9 input[type=tel], .lt-ie9 input[type=tel], .ie9 input[type=password], .lt-ie9 input[type=password], .ie9 input[type=email], .lt-ie9 input[type=email], .ie9 textarea, .lt-ie9 textarea, .ie9 select, .lt-ie9 select { padding-top: 8px; padding-bottom: 8px; } option { background-color: #fff; color: #000; } input[type=text], input[type=number], input[type=tel], input[type=password], input[type=email], input[type="number"], select { height: 38px; line-height: normal; } /* CUSTOM SELECT */ select { background-position: right center; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNy43cHgiIGhlaWdodD0iNC4zcHgiIHZpZXdCb3g9IjAgMCA3LjcgNC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3LjcgNC4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik03LjEsMC4xQzYuNywwLjUsMy45LDMuMiwzLjksMy4yUzEsMC41LDAuNiwwLjFTMCwwLjcsMCwwLjdsMy45LDMuNmwzLjgtMy42QzcuNywwLjcsNy41LTAuMyw3LjEsMC4xeiIvPg0KPC9zdmc+DQo="); background-repeat: no-repeat; background-position: right 10px center; padding: 6px 28px 6px 10px; text-indent: 0.01px; text-overflow: ''; cursor: pointer; /*================ Hide the svg arrow in IE9 and below ================*/; } .ie9 select, .lt-ie9 select { padding-right: 10px; background-image: none; } select::-ms-expand { display: none; } .styled-submit, .btn, .button { display: block; padding: 11px 14px; background-color: var(--colorPrimary); color: #ffffff; border-radius: 40px; border: none; font-size: 14px; } /* IE 7 Specific */ .lt-ie9 .styled-submit { padding: 13px 15px 12px; } .lt-ie8 .styled-submit { padding: 11px 14px; } @-moz-document url-prefix() { .styled-submit { padding: 11px 14px 9px; } } .styled-submit:hover { background-color: #2259a0; } .styled-small-button { background-color: var(--colorPrimary); color: #ffffff; border-radius: 40px; border: none; outline: none; } .styled-small-button:hover { background-color: #2259a0; } .lt-ie9 .single-option-selector, .lt-ie9 #currencies { margin-left: 0px; margin-top: 0px; } /* RTE */ .rte { font-size: 14px; line-height: 21px; color: #364053; } .rte a { color: #131e1e; border-bottom: 1px solid var(--colorBorder); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .rte a:hover { color: #3280f6; border-bottom-color: var(--colorBorder); } .rte a img { border:none; vertical-align:top; } .rte p, .rte blockquote, .rte ol, .rte ul, .rte figure, .rte object, .rte iframe, .rte table, .rte div, .rte pre { margin: 0 0 20px 0; } .rte figcaption { line-height: 16px; font-size: 13px; display: block; margin: 5px 0; } .rte ul, .rte ol { padding-left: 16px; } .rte ul { list-style-type: disc; } .rte ul ul { list-style-type: circle; } .rte ul ul ul { list-style-type: square; } .rte li { margin-bottom: 5px; border-bottom: none !important; } .rte iframe { max-width: 100%; } .rte blockquote { padding-left: 20px; margin-left: 0px; max-width: 80%; color: #131e1e; border-left: 5px solid #e2e2e2; } .rte img { max-width: 100%; height: auto; } .rte table { width: 100%; font-size: 13px; border: 1px solid #b9b9b9; } .rte table.no-border { border: none } .rte table tr:hover td { background-color: #e9e9e9 } .rte table.no-border tr:hover td { background-color: transparent } .rte table th { padding: 15px 10px 10px 10px; font-weight: normal; font-size: 14px; text-align: left; } .rte table.no-border th { padding: 0 } .rte table td { padding: 10px; border-top: 1px solid #b9b9b9; background-color: #fafafa; text-align: left; } .rte table.no-border td { padding: 0; border-top: none; background-color: transparent; } pre { display: block; background: #eee; padding: 17px 20px 21px 20px; } p.highlight { background: #d3e2e8; padding: 17px 20px 21px 20px; } .gist-meta { display: none; } .gist .gist-file .gist-data { background: #eee !important; border-bottom: none !important; } .gist-highlight { border-left: 3ex solid #eee; position: relative; } .gist-highlight pre { counter-reset: linenumbers; } .gist-highlight pre div:before { color: #aaa; content: counter(linenumbers); counter-increment: linenumbers; left: -3ex; position: absolute; text-align: right; width: 2.5ex; } /* SNIPPET: Sidebar */ .sidebar-list--title { margin: 0 0 calc(var(--gutter) / 2); } .sidebar-list { margin: 0; padding: 0 0 calc(var(--gutter) / 2); list-style: none; } .sidebar-list + .sidebar-list, .sidebar-list + .sidebar-list--title { padding-top: calc(var(--gutter) / 2); border-top: 1px solid var(--colorBorder); } .sidebar-list > li { padding-bottom: calc(var(--gutter) / 3); } .sidebar-list > li + li { padding-top: calc(var(--gutter) / 3); border-top: 1px solid var(--colorBorder); } .sidebar-article-title { margin-bottom: 5px; } .sidebar-article-date { display: block; font-size: 12px; color: #131e1e; margin-bottom: 0; } .sidebar-tag { display: block; } .sidebar-tag span { color: #131e1e; font-style: italic; display: block; float: right; } .sidebar-tag .tag-count { float: right; color: #131e1e; } /* IE7 Specific Styling */ .lt-ie8 .tag-count { position: relative; top: -34px; } /* SNIPPET: Related Products */ .related-products-list { margin: 0 0 30px -40px; padding: 0; list-style-type: none; } .lt-ie8 .related-products-list { padding-bottom: 40px; margin-bottom: 0px; } /* SNIPPET: Breadcrumbs */ #breadcrumbs { font-size: 12px; text-align: center; color: #131e1e; line-height: 19px; } #breadcrumbs a { color: #131e1e; } #breadcrumbs a:hover { color: #3280f6; } /* TEMPLATE: Layout */ /* ==================================== */ .site-header { border-bottom: 1px solid var(--colorBorder); margin-bottom: var(--gutter); position: relative; z-index: 1; } .cart-summary { *zoom: 1; position: relative; letter-spacing: 1px; padding: 34px 0 12px; border-bottom: 1px solid var(--colorBorder); } .cart-summary:after { content: ""; display: table; clear: both; } .cart-summary p { font-size: 11px; color: #364053; position: relative; top: 1px; margin-bottom: 10px; } @media screen and (max-width: 768px) { .cart-summary { text-align: center; padding: 10px 0 15px; } .cart-summary p { line-height: 30px; margin-bottom: 0; } } .cart-summary a { padding-bottom: 1px; border-bottom: 1px solid rgba(0,0,0,0); color: #364053; } .cart-summary a:hover { color: #3280f6; border-bottom: 1px solid rgba(0,0,0,0); } #current-currency { display: none } #currencies { display: none; position: relative; top: -8px; padding-top: 2px; padding-bottom: 2px; margin: 0 0 0 10px; } #currencies-picker .custom-style-select-box-inner { font-size: 12px; font-family: var(--bodyFontStack); letter-spacing: 0; font-style: normal; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #search-form { position: relative; width: 180px; height: 24px; margin-right: 20px; font-size: 12px; } @media screen and (max-width: 768px) { #search-form { margin: 15px auto 0; width: 80%; max-width: 300px; } } #search-field { position: absolute; top: -2px; left: 0; width: 100%; margin: 0; border-radius: 14px; font-size: 12px; line-height: 1.1; height: auto; color: #777777; } .no-placeholder #search-field.hint { color: #777777; font-family: var(--accentFontStack); font-style: italic; } #search-submit { position: absolute; top: 5px; right: 10px; display: block; height: 12px; width: 12px; padding: 0; background: none; border: 0 none; color: #777777; } @media screen and (min-width: 769px) { #cart-count { padding: 0 59px 0 20px; border-left: 1px solid var(--colorBorder); } } @media screen and (max-width: 1043px) { #cart-count { padding-right: 0; } } #cart-total-small { display: none; padding-left: 2px; } @media screen and (max-width: 1043px) { #cart-total-small { display: inline-block; } } a#cart-total { display: block; position: absolute; right: calc(var(--gutter) * -1); top: 26px; height: 81px; width: 81px; margin: 0; border-radius: 50%; border: 0 none; text-align: center; background-color: var(--colorPrimary); } a#cart-total:hover { background-color: #2259a0; } @media screen and (max-width: 1043px) { a#cart-total { display: none; } } #cart-count .no-underline { border-bottom: none; } @media screen and (min-width: 769px) { #cart-price { font-size: 20px; line-height: 22px; color: #ffffff; font-weight: 400; font-style: normal; margin-top: 29px; opacity: 0; display: block; } } #cart-total-text { margin-left: 12px; } /*================ Site logo and nav ================*/ .nav-bar { text-align: center; } @media screen and (min-width: 769px) { .nav-bar--left { display: table; table-layout: fixed; width: 100%; text-align: left; } .nav-bar--left .grid-item { float: none; display: table-cell; vertical-align: middle; } } #logo { display: block; margin: 20px auto; line-height: 1px; } @media screen and (max-width: 768px) { #logo { margin-bottom: 0; } } #logo img { display: block; margin: 0 auto; } @media screen and (min-width: 769px) { .nav-bar--left #logo img { margin-left: 0; } } @media screen and (max-width: 768px) { #logo img { margin: 20px auto 0; } } #title { font-size: 26px; line-height: 32px; margin: 60px 0 20px; } @media screen and (max-width: 768px) { #title { margin-top: var(--gutter); margin-bottom: 0; } } #title a { color: #30353b; } /* Main Navigation */ #navWrap { width: 100%; } #nav { position: relative; display: block; list-style-type: none; padding: 0; margin: 20px 0; font-family: var(--navigationFontStack); } .nav-bar--left #nav { text-align: right; margin: 1em 0 0; } @media screen and (max-width: 768px) { #nav, .nav-bar--left #nav { width: 100%; white-space: normal; margin: 20px 0 10px; text-align: inherit; } } .nav-item { position: relative; display: inline-block; padding: 10px 20px; } @media screen and (max-width: 768px) { .nav-item { padding: 10px 20px; } } #nav > .nav-item { } #nav > .nav-item.active .nav-item-link { color: #3280f6; } @media screen and (max-width: 768px) { #nav > .nav-item { border: 0 none; } } .nav-item-link { display: inline-block; color: #131e1e; font-size: 14px; zoom: 1; *display: inline; } .nav-item-link:hover { color: #3280f6; } /* Sub Navigation */ .sub-nav .sub-nav { display: none !important; } .has-dropdown .icon-arrow-down { position: relative; top: -2px; font-size: 0.6em; } .sub-nav { visibility: hidden; opacity: 0; position: absolute; top: 100%; min-width: 150px; left: 50%; padding: 10px 0 0; list-style-type: none; white-space: nowrap; z-index: 40; -webkit-transform: translate(-50%,-5px); -moz-transform: translate(-50%,-5px); -ms-transform: translate(-50%,-5px); -o-transform: translate(-50%,-5px); transform: translate(-50%,-5px); -webkit-transition: all 120ms ease-out; -moz-transition: all 120ms ease-out; -ms-transition: all 120ms ease-out; -o-transition: all 120ms ease-out; transition: all 120ms ease-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .supports-no-csstransforms .sub-nav { white-space: normal; width: 200px; margin-left: -100px; } .sub-nav:before { content: ''; display: block; position: absolute; top: 5px; right: 47%; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ffffff; z-index: 40; } .no-touch .nav-item.has-dropdown:hover .sub-nav, .nav-item.has-dropdown.nav-hover .sub-nav, .nav-item.has-dropdown .nav-focus + .sub-nav { opacity: 1; overflow: visible; visibility: visible; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); -webkit-transition: opacity 100ms ease-in; -moz-transition: opacity 100ms ease-in; -ms-transition: opacity 100ms ease-in; -o-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; } #moreMenu { padding-right: 0; } .sub-nav-item, #moreMenu--list .nav-item { display: block; overflow: hidden; padding: 0; margin: 0; background-color: #ffffff; } .sub-nav-item.first, #moreMenu--list .nav-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .sub-nav-item.last, #moreMenu--list .nav-item:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .sub-nav-item-link, #moreMenu--list .nav-item .nav-item-link { display: block; padding: 15px 20px; margin: 0; color: #131e1e; text-align: center; border-top: 1px solid #ffffff; } .sub-nav-item-link.first, .sub-nav-item-link:first-child, #moreMenu--list .nav-item .nav-item-link.first, #moreMenu--list .nav-item .nav-item-link:first-child { border-top: none; } .sub-nav-item-link:hover, .sub-nav-item-link:focus, #moreMenu--list .nav-item .nav-item-link:hover, #moreMenu--list .nav-item .nav-item-link:focus { color: #3280f6; border-top: 1px solid #ffffff; background-color: #ffffff; } .sub-nav-item-link:hover.first, .sub-nav-item-link:hover:first-child, .sub-nav-item-link:focus.first, .sub-nav-item-link:focus:first-child, #moreMenu--list .nav-item .nav-item-link:hover.first, #moreMenu--list .nav-item .nav-item-link:hover:first-child, #moreMenu--list .nav-item .nav-item-link:focus.first, #moreMenu--list .nav-item .nav-item-link:focus:first-child { border-top: none; } #moreMenu--list .icon-arrow-down { display: none; } /* Footer */ /* ==================================== */ #footer { margin-top: var(--gutter); padding-top: var(--gutter); border-top: 1px solid var(--colorBorder); } #footer > .grid { display: flex; justify-content: center; flex-wrap: wrap; } .ft-module { color: #364053; font-size: 14px; line-height: 21px; } @media screen and (max-width: 768px) { .ft-module { padding-bottom: 20px; } } .ft-module a { color: #131e1e; } .ft-module a:hover { color: #3280f6; } #footer-modules li:last-child { margin-right: 0px; } .ft-module h3 { margin: 0 0 20px 0; font-size: 16px; } /* ABOUT MODULE */ #about-description { margin-bottom: 26px; } /* CONTACT MODULE */ #contact-details { list-style-type: none; margin: 0; padding: 0; } #cd-address { margin-bottom: 18px; } .cd-item-2 { font-size: 13px; line-height: 21px; } .cd-item-2 a { border-bottom: none; } .tweet-area .tweet { margin: 0 0 4px 0; } .tweet-area .tweet a { border-bottom: none; padding: 0; } .twitter-meta { width: 191px; float: left; } .ft-module a.twitter-avatar { height: 35px; width: 35px; overflow: hidden; float: left; margin-right: 8px; border-bottom: none; } .twitter-avatar img { width: 35px; } .twitter-names { float: left; width: 139px; margin-top: 3px; } .ft-module a.twitter-name { color: #131e1e; font-size: 12px; display: block; border-bottom: none; padding-bottom: 0px; line-height: 12px; margin-bottom: 1px; } .ft-module a.twitter-name:hover { color: #3280f6; } .ft-module a.timestamp { font-size: 11px; line-height: 11px; border-bottom: none; padding: 0; color: #131e1e; } .ft-module a.timestamp:hover { border-bottom: none; } .twitter-follow { width: 100px; float: right; text-align: right; margin-top: 2px; } .twitter-follow-button { width: 63px !important; overflow: hidden; } /* MAILING LIST MODULE */ #mailing-list-module { margin-right: 0px; } #mailing-list-module h4 { margin-bottom: 18px; color: #364053; font-size: 12px; line-height: 18px; } #email-input.hint { color: #777777; } #email-input { width: 160px; max-width: 100%; } #email-submit, #email-input { display: inline-block; } /* Sub-Footer */ /* ==================================== */ #sub-footer { margin: 20px 0 70px; padding-top: 34px; border-top: 1px solid var(--colorBorder); } @media screen and (max-width: 768px) { #sub-footer { text-align: center; } } .payment-types span, .payment-types img { width: 50px; height: 30px; } .lt-ie9 .payment-types { display: none; } #shopify-attr { margin-top: 0; color: #131e1e; font-size: 12px; line-height: 18px; } .footer-nav { margin-bottom: 14px; line-height: 14px; } .footer-nav a { font-size: 13px; display: inline-block; padding-right: 10px; } .footer-nav a, #shopify-attr a { color: #131e1e; } .footer-nav a:hover, #shopify-attr a:hover { color: #a3ccfa; } /* TEMPLATE: Index */ /* ==================================== */ /* WIDGETS COLUMN */ .widget + .widget { padding-top: 38px; margin-top: 10px; border-top: 1px solid var(--colorBorder); } .widget-title { margin-bottom: calc(var(--gutter) / 2); } h2.widget-title + .accent-text { line-height: 3; } h3.widget-title + .accent-text { line-height: 2.5; } /* FRONTPAGE BLOG */ .fp-article { margin-bottom: 22px; border-bottom: 1px solid var(--colorBorder); padding-bottom: 4px; } .fp-article.last { border-bottom: none; margin-bottom: 0px; } .fp-article-title { margin: 0; margin-top: 12px; } .fp-article-title a { font-size: 16px; line-height: 1; color: #131e1e; } .fp-article-date { font-style: italic; color: #131e1e; } .fp-article-content { color: #364053; font-size: 14px; line-height: 21px; margin-top: 8px; } .fp-read-more { color: #131e1e; font-size: 13px; display: block; margin-bottom: 20px; } /* BROWSE */ #fp-browse select { max-width: 260px; width: 100%; } #fp-browse .browse-by { margin-bottom: 30px; } /* LINK LIST */ #fp-link-list-1, #fp-link-list-2 { padding: 38px 0 10px; } #fp-link-list-1.first, #fp-link-list-2.first { padding: 0 0 10px; border-top: none; } #fp-link-list-1 { border-bottom: none; } #fp-link-list-2 { border-top: 1px solid var(--colorBorder); } .link-list { margin: 12px 0 12px 0; padding: 0; list-style-type: none; max-width: 275px; } .link-list li:first-child { border-top: none; } .ll-item { padding: 14px 0; border-top: 1px solid var(--colorBorder); font-size: 14px; } /* PRODUCTS COLUMN */ .index-featured-grid + .index-featured-grid { padding-top: var(--gutter); border-top: 1px solid var(--colorBorder); } #fp-product-list { list-style-type: none; display: block; padding: 0; margin-bottom: 0; margin-left: -40px; margin-top: 0; clear: both; } /* WELCOME TEXT */ #welcome-text { margin-bottom: 40px; } #fp-welcome-title { margin-bottom: 20px; } /* NO PRODUCTS -- NO COLLECTIONS -- DEFAULT STYLES */ #add-first-product { clear: both; border-top: 1px solid var(--colorBorder); height: 45px; padding-top: 46px; margin-bottom: 50px; } #add-first-collection { margin-bottom: 94px; } #add-first-product a.styled-submit, #add-first-collection a.styled-submit { text-align: left; padding: 13px 14px 16px 46px; font-size: 16px; line-height: 16px; display: inline-block; zoom: 1; *display: inline; } .ie9 #add-first-product a.styled-submit, .lt-ie9 #add-first-product a.styled-submit, .ie9 #add-first-collection a.styled-submit, .lt-ie9 #add-first-collection a.styled-submit { padding: 12px 14px 12px 46px; } .lt-ie8 #add-first-product a.styled-submit, .lt-ie8 #add-first-collection a.styled-submit { padding: 13px 14px 12px 46px; } #add-first-product span, #add-first-collection span { display: inline-block; zoom: 1; *display: inline; background: url('/cdn/shop/t/2/assets/no_products_icon.png?v=109322540754357919721611647581') no-repeat 0 0; height: 25px; width: 25px; position: absolute; left: 12px; top: 9px; } .ie9 #add-first-product span, .lt-ie9 #add-first-product span, .ie9 #add-first-collection span, .lt-ie9 #add-first-collection span { top: 7px; } #fp-product-list.default { margin-bottom: 0 } .lt-ie8 #fp-product-list.default { margin-bottom: 40px } .default .coll-image-wrap { border: 1px solid #EAEAEA !important; border-radius: 4px !important; display: block; padding: 50px 0; } .default .coll-image-wrap p { font-size: 26px !important; color: #eaeaea !important; margin: 0; } .default .coll-prod-meta { color: #c5c5c5 !important; } .default li .coll-prod-meta p { margin: 0 !important; } .default li:hover .coll-prod-meta p { color: #c5c5c5 !important; } .default li .coll-prod-buy { color: #ffffff !important; background: #e8e8e8 !important; } .default li .coll-prod-meta p.coll-prod-price { margin-top: 3px !important; color: #c5c5c5 !important; } /* TEMPLATE: Collection */ /* ==================================== */ .filter { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .filter + .filter { padding-left: 20px; } .filter p { display: inline-block; color: #131e1e; font-size: 14px; } .filter select { display: inline-block; margin-left: 5px; } /*================ Medium-down filters ================*/ @media screen and (max-width: 768px) { .filter { display: block; width: 50%; float: left; padding: 0; } .filter p { display: block; } .filter select { margin-left: 0; } } #collection-description { margin-bottom: 40px; padding-bottom: 21px; border-bottom: 1px solid var(--colorBorder); } .lt-ie8 #coll-product-list { padding-bottom: 40px; } /* TEMPLATE: Product */ /* ==================================== */ .no-js #product-select { display: inline; visibility: visible; } #product-content { margin: 68px auto 0; padding-bottom: 40px; } .property-wrapper { margin: 29px 0;} @media screen and (min-width: 769px) { .product-title { padding: 0 0 26px 0; } } .product-title h1 { margin: 0 0 10px; } .product-title h2 { margin: 0; } #product-prices { padding: 1px 0 1px; } #product-prices p { margin: 0; } .product-price { display: inline; color: #131e1e; font-size: 35px; margin: 0 12px 0 0; font-family: var(--accentFontStack); } .product-compare-price { display: inline; color: #131e1e; font-size: 19px; text-decoration: line-through; } @-moz-document url-prefix() { .template-product .single-option-selector { margin-top: 1px; margin-left: 0px; } } .selector-wrapper { clear: left; } .selector-wrapper select { min-width: 40%; margin: 0; } .selector-wrapper + .selector-wrapper, .select-wrappers + .selector-wrapper { margin-top: calc(var(--gutter) / 2); } .lt-ie8 .selector-wrapper { padding: 10px 0 !important; } .selector-wrapper label { display: block; font-size: 14px; line-height: 12px; color: #364053; margin-bottom: 12px; font-family: var(--bodyFontStack); } #quantity { width: 60px; margin-bottom: 0; } #product-description.bottom { padding: 0; border-top: 1px solid var(--colorBorder); clear: both; } #product-photos { padding-bottom: calc(var(--gutter) / 2); } #product-photo-container { max-width: 100%; text-align: center; position: relative; overflow: hidden; } #product-photo-container a { display: block; overflow: hidden; color: transparent; outline: none; background: transparent; } #product-photo-container img { display: inline-block; cursor: pointer; } #product-photo-thumbs { margin: 40px -40px 0 0; padding: 0; list-style-type: none; } .product-photo-thumb { float: left; height: 114px; text-align: left; background-color: transparent; margin-right: 40px; margin-bottom: 40px; cursor: pointer; } .product-photo-thumb img { max-height: 114px; } /* TEMPLATE: Page */ /* ==================================== */ #page-content { margin-bottom: 24px; padding-bottom: 20px; } /* TEMPLATE: Blog */ /* ==================================== */ #blog-container { margin-top: 50px; } .blog-article.last + hr { display: none; } .blog-article-date { color: #131e1e; margin: 0 0 14px; } .blog-article-meta { margin-bottom: calc(var(--gutter) / 3); font-size: 12px; color: #131e1e; } .blog-article-meta a { color: #131e1e; border-bottom: 1px solid var(--colorBorder); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .blog-article-meta a:hover { color: #131e1e; border-bottom-color: var(--colorBorder); } .blog-article-meta-item { display: inline-block; margin-right: 10px; position: relative; vertical-align: top; } .blog-read-more { display: block; font-size: 13px; margin: 0 0 20px 0; } /* TEMPLATE: Article */ /* ==================================== */ #blog-content .rte { padding-bottom: 8px; } #comments-title, #add-comment-title { font-size: 19px; margin: 0 0 6px 0; padding-top: 28px; } #comments-title.no-comments { padding-bottom: 25px; } #comments-title em { font-size: 14px; color: #131e1e; font-style: normal; font-weight: normal; margin-left: 4px; } #comment-list { margin: 0; padding: 0; list-style-type: none; } .comment { border-bottom: 1px solid var(--colorBorder); padding: calc(var(--gutter) / 2) 0; } .comment.first { padding-top: 0px; } .comment-author-picture { float: left; border-radius: 50px; } .comment-content { padding-left: 60px; margin-left: 90px; color: #364053; min-height: 43px; position: relative; } .comment-content .quote-glyph { position: absolute; left: 0px; font-size: 127px; font-family: georgia; font-style: normal; color: #e2e2e2; display: block; height: 40px; width: 60px; overflow: hidden; top: -2px; line-height: 109px; } .comment-content p { line-height: 21px; font-size: 14px; } .comment-date { margin: 22px 0 0 150px; font-size: 12px; color: #131e1e; } .blog-add-comments { padding: 26px 0 34px; } #add-comment-title { padding-top: 0px; margin: 0 0 28px 0; } /* TEMPLATE: Cart */ /* ==================================== */ .template-cart #content { min-height: 400px; } .template-cart .page-container { margin-bottom: 60px; } .template-cart .page-container.no-mailing { margin-bottom: 50px; } .cart-row input[type="number"] { width: 60px; margin: 0; } @media screen and (min-width: 769px) { .cart-row .grid-item { float: none; display: table-cell; vertical-align: middle; } .cart-row .cart-detail .col-4 a, .cart-row .cart-detail .col-4 img { display: block; } .cart-row .cart-detail .col-4 a { width: 150px; } } .cart-table-header td { color: #30353b; font-size: 14px; padding-bottom: 15px; font-family: var(--headerFontStack); font-weight: var(--headerFontWeight); } .cart-price {width: 120px; padding-right: 40px;} .cart-quantity {width: 120px; padding-right: 40px;} .cart-total {width: 100px; font-weight: 700;} .cart-remove {width: 20px;} .cart-price, .cart-total { font-size: 14px; } .cart-item a { display: block; line-height: 0; min-height: 100px; } .cart-item a img { width: 120px; } .cart-row { padding-bottom: 20px; border-bottom: 1px solid var(--colorBorder); } .cart-row:first-child { padding-top: 20px; border-top: 1px solid var(--colorBorder); } .cart-row + .cart-row { margin-top: 20px; } .cart-product-title { margin-bottom: 4px; } .cart-quantity .styled-input { width: 26px; padding: 9px 10px; color: #364053; } #cart-meta { margin-top: 26px; } #cart-subtotal, #estimated-shipping { font-size: 19px; padding-bottom: 15px; border-bottom: 1px solid var(--colorBorder); margin: 9px 0 20px 0; } #estimated-shipping { font-size: 15px; } #cart-subtotal em, #estimated-shipping em { font-style: normal; font-weight: normal; font-family: var(--accentFontStack); color: #131e1e; font-size: 25px; margin-left: 12px; } #estimated-shipping em { font-size: 21px; } #update-cart, .un-styled-btn { background: none; padding: 0; display: inline; color: #131e1e; font-size: 14px; border: none; outline: none; margin-right: 1px; } #update-cart:hover, .un-styled-btn:hover { color: #3280f6; } #cart-meta span.or { color: #131e1e; font-size: 14px; } #cart-meta .styled-submit { margin-left: 15px; padding: 11px 17px 12px; display: inline-block; zoom: 1; *display: inline; } @-moz-document url-prefix() { #cart-meta .styled-submit { padding: 11px 17px 9px; } } .additional-checkout-buttons { margin: 20px 0; } .additional-checkout-buttons .google-wallet-button-holder { display: inline-block; vertical-align: 10px; } #cart-notes { margin-top: 37px; } #cart-notes p { font-size: 14px; color: #364053; margin: 0 0 13px 0; } #cart-notes-area { border-radius: 4px; max-width: 562px; width: 100%; min-height: 138px; } #shipping-calculator { border-top: 1px solid var(--colorBorder); padding-top: 25px; } #shipping-calculator label { white-space: nowrap; } #shipping-calculator select, #shipping-calculator input { width: 100%; margin-bottom: 25px; } #get-rates-submit { white-space: normal; } ul.cart-banner { list-style: none; margin: 0; padding: 0; font-size: 11px; letter-spacing: 1px; font-family: var(--accentFontStack); font-style: italic; color:#364053; border: 1px solid #9CD9D4; border-radius: 2px; margin: 0 auto 30px; padding: 10px; } ul.cart-banner.error { background-color: #fcedec; color:#211f1f; border: 1px solid #fb8077; } ul.cart-banner li{ display: inline-block; padding-right:3px; } ul.cart-banner li::after{ content: "."; position: relative; top: -3px; left: 4px; } ul.cart-banner li:last-child::after{ content: " "; position: inherit; top: inherit; left: inherit; } .cart-item__original-price{ color: #131e1e; } .cart-item__discount{ font-size: 11px; letter-spacing: 1px; font-family: var(--accentFontStack); font-style: italic; color:#ff5000; } .cart-additional-savings{ font-size: 14px; letter-spacing: 1px; font-family: var(--accentFontStack); font-style: italic; color:#ff5000; } .cart-subtotal__note{ font-size: 11px; letter-spacing: 1px; font-family: var(--accentFontStack); font-style: italic; color:#364053; } /* TEMPLATE: Search */ /* ==================================== */ #search-content .styled-input { float: left; margin-right: 10px; } #search-content .styled-submit { float: left; } #search-content ul, #search-content ol { list-style-type: none; list-style-position: outside; margin: 0; padding-left: 0; } #searching-for { font-size: 19px; color: #131e1e; margin: 0px 0px 34px 0px; } .search-result { padding: 28px 0; border-bottom: 1px solid var(--colorBorder); } .search-result.first { padding: 0 0 28px 0; } .search-result.last { border-bottom: none; margin-bottom: var(--gutter); } .search-result-image { width: 120px; } .search-result-title { margin: 0 0 8px 0; font-size: 16px; } .search-result-price { margin: 0; color: #131e1e; font-size: 14px; } .search-result-description { margin-top: 14px; margin-bottom: 0px; font-size: 14px; color: #364053; line-height: 21px; } .search-result-description .highlight { background-color: #3280f6; color: #ffffff; display: inline-block; zoom: 1; *display: inline; padding: 0 3px; font-weight: normal; } /* TEMPLATE: 404 */ /* ==================================== */ #pnf-title { max-width: 100%; font-size: 69px; text-align: center; margin-top: 50px; margin-bottom: 38px; } #pnf-tagline { line-height: 28px; max-width: 600px; margin: 0 auto 122px; text-align: center; } #pnf-tagline a { color: #000; border-bottom: 1px solid var(--colorBorder); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #pnf-tagline a:hover { color: #000; border-bottom-color: var(--colorBorder); } /* LIGHTBOX */ /* ==================================== */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden;} #cboxOverlay{position: fixed; width: 100%; height: 100%;} #cboxMiddleLeft, #cboxBottomLeft{clear: left;} #cboxContent{position: relative;} #cboxLoadedContent{overflow: auto;} #cboxTitle{margin: 0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor: pointer;} .cboxPhoto{float: left; margin: auto; border: 0; display: block; max-width: none;} .cboxIframe{width: 100%; height: 100%; display: block; border: 0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing: content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background: #fff;} #colorbox{} #cboxContent{margin-top: 32px; overflow: visible;} .cboxIframe{background: #fff;} #cboxError{padding: 50px; border: 1px solid #ccc;} #cboxLoadedContent{background: #eee; padding: 1px;} #cboxLoadingGraphic{background: url(/cdn/shop/t/2/assets/loading.gif?v=67628655413694596681611647578) no-repeat center center;} #cboxLoadingOverlay{background: #fff;} #cboxTitle{position: absolute; top: -22px; left: 0; color: #000;} #cboxCurrent{position: absolute; top: -22px; right: 205px; text-indent: -9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background: url(/cdn/shop/t/2/assets/controls.png?v=85671313760063281621611647564) no-repeat 0 0;} #cboxPrevious{background-position: 0px 0px; right: 44px;} #cboxPrevious:hover{background-position: 0px -25px;} #cboxNext{background-position: -25px 0px; right: 22px;} #cboxNext:hover{background-position: -25px -25px;} #cboxClose{background-position: -50px 0px; right: 0;} #cboxClose:hover{background-position: -50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right: 66px;} .cboxSlideshow_on #cboxSlideshow{background-position: -75px -25px; right: 44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position: -100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position: -100px 0px; right: 44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position: -75px -25px;} .featured-collection{margin-top: 60px !important;} /*============================================================================ Icon Font - Requires modernizer ==============================================================================*/ .supports-fontface .icon-fallback-text .fallback-text { clip: rect(0 0 0 0); overflow: hidden; position: absolute; height: 1px; width: 1px; } .icon:before { display: none; } .supports-fontface .icon:before { display: inline; font-family: var(--socialIconFontStack); text-decoration: none; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*================ Icon mapping ================*/ .icon-american_express:before { content: "\41"; } .icon-arrow-down:before { content: "\61"; } .icon-bitcoin:before { content: "\42"; } .icon-cart:before { content: "\5b"; } .icon-cirrus:before { content: "\43"; } .icon-comment:before { content: "\e601"; } .icon-diners_club:before { content: "\63"; } .icon-discover:before { content: "\44"; } .icon-dankort:before { content: "\64"; } .icon-facebook:before { content: "\66"; } .icon-fancy:before { content: "\46"; } .icon-google:before { content: "\67"; } .icon-google_wallet:before { content: "\47"; } .icon-instagram:before { content: "\69"; } .icon-interac:before { content: "\49"; } .icon-jcb:before { content: "\4a"; } .icon-maestro:before { content: "\6d"; } .icon-master:before { content: "\4d"; } .icon-paypal:before { content: "\50"; } .icon-pinterest:before { content: "\70"; } .icon-rss:before { content: "\e600"; } .icon-search:before { content: "\73"; } .icon-stripe:before { content: "\53"; } .icon-tag:before { content: "\e602"; } .icon-tumblr:before { content: "\74"; } .icon-twitter:before { content: "\54"; } .icon-vimeo:before { content: "\76"; } .icon-visa:before { content: "\56"; } .icon-x:before { content: "\78"; } .icon-youtube:before { content: "\79"; } .icon--small { font-size: 0.75em; } /*================ Social share buttons ================*/ .social-sharing { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .social-sharing * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .social-sharing a { display: inline-block; color: #fff; border-radius: 2px; margin: 0 10px 10px 0; height: 22px; line-height: 22px; text-decoration: none; font-weight: normal; } .social-sharing a:hover { color: #fff; } .social-sharing span { display: inline-block; vertical-align: top; height: 22px; line-height: 22px; font-size: 12px; } .social-sharing .icon { position: relative; top: -1px; padding: 0 5px 0 10px; } .social-sharing .icon:before { line-height: 22px; } .social-sharing.is-large a { height: 44px; line-height: 44px; } .social-sharing.is-large a span { height: 44px; line-height: 44px; font-size: 18px; } .social-sharing.is-large a .icon { padding: 0 10px 0 18px; } .social-sharing.is-large a .icon:before { line-height: 44px; } .share-title { font-weight: bold; font-style: normal; font-size: 12px; padding-right: 10px; } .is-large .share-title { padding-right: 16px; } .share-facebook { background-color: #3b5998; } .share-facebook:hover { background-color: #2d4373; } .share-twitter { background-color: #00aced; } .share-twitter:hover { background-color: #0087ba; } .share-pinterest { background-color: #cb2027; } .share-pinterest:hover { background-color: #9f191f; } .share-fancy { background-color: #4999dc; } .share-fancy:hover { background-color: #2780cb; } .share-google { background-color: #dd4b39; } .share-google:hover { background-color: #c23321; } .share-count { position: relative; background-color: var(--shareCountBg); padding: 0 8px; margin-right: -2px; font-size: 14px; line-height: 20px; color: #333; border-radius: 0 2px 2px 0; border: 1px solid #ececec; opacity: 0; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .share-count.is-loaded { opacity: 1; } .share-count:before { content: ''; display: block; position: absolute; top: 50%; left: -5px; margin-top: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--shareCountBg); z-index: 6; } a:hover .share-count { background-color: #f2f2f2; } a:hover .share-count:before { border-right-color: #f2f2f2; } .is-large .share-count { font-size: 18px; padding: 0 14px; } /*================ Clean Buttons ================*/ .social-sharing.is-clean a { background-color: #f6f6f6; border: 1px solid #e9e9e9; color: #333; } .social-sharing.is-clean a:hover { background-color: #ececec; } .social-sharing.is-clean a .share-title { font-weight: normal; } .social-sharing.is-clean a:hover .share-count { background-color: var(--shareCountBg); } .social-sharing.is-clean a:hover .share-count:before { border-right-color: var(--shareCountBg); } .social-sharing.is-clean .share-count { top: -1px; } .social-sharing.is-clean .share-count:after { content: ''; display: block; position: absolute; top: 50%; left: -6px; margin-top: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #e9e9e9; z-index: 5; } .social-sharing.is-clean .icon-facebook { color: #3b5998; } .social-sharing.is-clean .icon-twitter { color: #00aced; } .social-sharing.is-clean .icon-pinterest { color: #cb2027; } .social-sharing.is-clean .icon-fancy { color: #4999dc; } .social-sharing.is-clean .icon-google { color: #dd4b39; } /*================ Social Icons in Footer ================*/ .social-links { font-size: var(--iconSize); } .social-links a { display: block; color: #d1d1d1; line-height: var(--iconSize); text-align: center; margin: 0 5px 10px 0; border-bottom: none; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -ms-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .social-links a:hover { border-bottom: none; color: #ababab; } /*============================================================================ #FlexSlider - jQuery FlexSlider v2.2.0 | http://www.woothemes.com/flexslider/ - Contributing author: Tyler Smith (@mbmufffin) ==============================================================================*/ .flexslider { margin: 0 0 var(--gutter); padding: 0; } .flexslider li { margin: 0; } .flexslider .slides > li { display: none; /* Hide the slides before the JS is loaded. Avoids image jumping */ margin: 0; position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .flexslider .slides img { max-width: 100%; margin: 0 auto; display: block; } .slides { *zoom: 1; } .slides:after { content: ""; display: table; clear: both; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /*================ No JS Fallback ================*/ .no-js .slides > li:first-child { display: block; } .flexslider { position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /*================ Direction Nav ================*/ .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { display: block; width: 45px; position: absolute; top: 0; bottom: 0; overflow: hidden; opacity: 0; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-direction-nav a { text-indent: -9999px; background-color: transparent; background-repeat: no-repeat; background-size: 20px auto; /*================ Hide SVG arrows in oldIE ================*/; } .lte-ie9 .flex-direction-nav a { display: none; } .flex-direction-nav a.flex-prev { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjIuM3B4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCAyMi4zIDQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMi4zIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNEM0QzRDMiIGQ9Ik0xOC43LDBMMCwxOS43TDE4LjcsNDBjMCwwLDUuMi0xLDMuMS0zLjFTNS43LDE5LjcsNS43LDE5LjdzMTQtMTQuNSwxNi4xLTE2LjZTMTguNywwLDE4LjcsMHoiLz4NCjwvc3ZnPg0K"); background-position: center left; } .flex-direction-nav a.flex-next { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjIuM3B4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCAyMi4zIDQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMi4zIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNEM0QzRDMiIGQ9Ik0wLjUsMy4xYzIuMSwyLjEsMTYuMSwxNi42LDE2LjEsMTYuNlMyLjYsMzQuOCwwLjUsMzYuOVMzLjYsNDAsMy42LDQwbDE4LjctMjAuM0wzLjYsMEMzLjYsMC0xLjYsMSwwLjUsMy4xDQoJeiIvPg0KPC9zdmc+DQo="); background-position: center right; } /*================ Control Nav ================*/ .flex-control-nav { position: absolute; bottom: calc(var(--gutter) * -1); width: 100%; text-align: center; margin: 0; padding: 0; list-style: none; } .flex-control-nav li { margin: 0 4px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .flex-control-paging li a { width: 6px; height: 6px; display: block; background-color: #ededed; cursor: pointer; text-indent: -9999px; border-radius: 20px; border: 2px solid #fff; } .flex-control-paging li a:hover { background-color: #333; } .flex-control-paging li a.flex-active { background-color: #fff; border-color: var(--colorPrimary); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 768px) { .flex-direction-nav a { opacity: 1; width: 25px; } .flex-direction-nav a.flex-prev { left: 0; background-position: center right; } .flex-direction-nav a.flex-next { right: 0; background-position: center left; } } @media screen and (min-width: 769px) { .flex-direction-nav .flex-prev { left: 10px; } .flex-direction-nav .flex-next { right: 10px; } .flexslider:hover .flex-prev { opacity: 1; left: calc(calc(var(--gutter) * -1) + 5); } .flexslider:hover .flex-next { opacity: 1; right: calc(calc(var(--gutter) * -1) + 5); } } @media screen and (min-width: 1044px) { .flex-direction-nav .flex-prev { left: 20px; } .flex-direction-nav .flex-next { right: 20px; } .flexslider:hover .flex-prev { opacity: 1; left: -45px; } .flexslider:hover .flex-next { opacity: 1; right: -45px; } } /*================ Captions ================*/ .flex-caption { margin: 0; position: absolute; left: 0; right: 0; bottom: 0; background: #333; background: rgba(0,0,0,.6); color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,.3); padding: calc(var(--gutter) / 2); } /*================ Custom Flexslider Styles ================*/ .flexslider .slides { margin: 0; padding: 0; list-style-type: none; } .slide-link { position: relative; display: block; } .slide-link img { display: block; } #heroSlider { padding-bottom: calc(var(--gutter) * 2); border-bottom: 1px solid var(--colorBorder); } #heroSlider .flex-control-nav { bottom: 40px; } #heroSlider .flex-direction-nav a { bottom: calc(var(--gutter) * 2); } /*============================================================================ #Password Page ==============================================================================*/ .template-password { height: 100vh; text-align: center; } .password-page__wrapper { display: table; height: 100%; width: 100%; background-image: url(url(/cdn/shop/t/2/assets/password-page-background.jpg?v=129873446965807520001611647581); background-size: cover; background-repeat: no-repeat; color: #ffffff; } .password-page__wrapper h1, .password-page__wrapper .h1, .password-page__wrapper h2, .password-page__wrapper .h2, .password-page__wrapper h3, .password-page__wrapper .h3, .password-page__wrapper h4, .password-page__wrapper .h4, .password-page__wrapper h5, .password-page__wrapper .h5, .password-page__wrapper h6, .password-page__wrapper .h6 { color: #ffffff; } .password-page__wrapper hr { border-color: inherit; } .password-page__wrapper input { background-color: #ffffff; } .password-page__wrapper a { color: inherit; } .password-page__wrapper input { width: 80%; } .password-page__header { display: table-row; height: 1px; } .password-page__header__inner { display: table-cell; padding: 20px 40px 0px; } .password-page__logo { margin-top: calc(2 * var(--gutter)); } .password-page__logo .logo { max-width: 100%; } .password-page__main { display: table-row; width: 100%; height: 100%; margin: 0 auto; } .password-page__main__inner { display: table-cell; vertical-align: middle; padding: calc(( var(--gutter) / 2 ) var(--gutter)); } .password-page__main__inner hr.hr--small { width: 10%; margin: 12.5px auto; } .password-page__hero { font-family: var(--headerFontStack); font-weight: var(--headerFontWeight); font-size: 42px; line-height: 1.25; text-transform: none; letter-spacing: 0; text-rendering: optimizeLegibility; } @media screen and (min-width: 481px) { .password-page__hero { font-size: 4.28571em; } } @media screen and (min-width: 769px) { .password-page__hero { font-size: 4.57143em; } } .password-page__message { font-style: italic; font-size: 120%; } .password-page__message img { max-width: 100%; } .password-page__message, .password-page__login-form, .password-page__signup-form { max-width: 400px; margin: 0 auto; } .password-page__login-form { text-align: center; padding: var(--gutter); } @media screen and (min-width: 480px) { .password-page__login-form, .password-page__signup-form { padding: 0 var(--gutter); } } .password-page__login-form .input-group, .password-page__signup-form .input-group { width: 100%; } .password-page__login-form .errors ul, .password-page__signup-form .errors ul { padding: 0; } .password-page__login-form .errors ul li, .password-page__signup-form .errors ul li { list-style-type: none; margin-left: 0; border: 1px solid #FB8077; } .lt-ie9 .template-password { .newsletter__submit-text--small, .password-page__login-form__submit-text--small { display: none !important; } } .password-page__login-form h4 { color: #364053; } .password-page__social-sharing { margin-top: var(--gutter); } .password-login, .admin-login { margin-top: calc(var(--gutter) / 2); } .password-login a:hover, .admin-login a:hover { color: inherit; } .password-login { font-family: var(--accentFontStack); font-size: 0.92857em; line-height: 13px; text-transform: uppercase; } .lock-icon-svg { width: 13px; height: 13px; display: inline-block; vertical-align: baseline; } .lock-icon-svg path { fill: currentColor; } .lt-ie9 .lock-icon-svg { display: none; } .admin-login { font-size: 95%; } .password-page__footer { display: table-row; height: 1px; } .password-page__footer_inner { display: table-cell; vertical-align: bottom; padding: var(--gutter); line-height: 30px; font-size: 95%; } .shopify-link { color: inherit; } .shopify-link:hover { color: inherit; } .shopify-logo-svg { width: 102.85714px; height: 30px; display: inline-block; line-height: 0; vertical-align: top; } .shopify-logo-svg path { fill: currentColor; } .lt-ie9 .shopify-logo-svg { display: none; } /* ========= Hiding the word 'Shopify' but not from screen readers. IE8 does not support SVG, so in it we hide the logo and show the word. To target all browsers except IE8, we use the class 'modern', which needs to be added to the html element. ========= */ .modern .shopify-name { clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; height: 1px; width: 1px; } .password-page__signup-form .styled-submit, .btn, .button { margin: 0 auto; } .password-page__signup-form .errors ul li { width: 200px; margin: 0 auto; } .form-success { font-weight: bold; } /*============================================================================ #Vendor-specific styles ==============================================================================*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background-color: #ffffff; opacity: .8; filter: alpha(opacity=80); } .mfp-bg.mfp-fade { -webkit-backface-visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-bg.mfp-fade.mfp-ready { opacity: 1; filter: alpha(opacity=100); } .mfp-bg.mfp-fade.mfp-removing { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; filter: alpha(opacity=0); } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-fade.mfp-wrap.mfp-removing button { opacity: 0; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #364053; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }