/** Shopify CDN: Minification failed Line 13547:2 "positon" is not a known CSS property Line 18297:19 Unexpected "(" **/ @charset "UTF-8"; .surface-pick-up-embed { --surface-pick-up-embed-theme-success-color: rgb(50, 205, 50); --surface-pick-up-embed-theme-error-color: rgb(179, 58, 58); --surface-pick-up-embed-theme-paragraph-font-size: 16px; --surface-pick-up-embed-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-embed-theme-paragraph-font-size) - 4px); --surface-pick-up-embed-theme-body-font-weight-bold: 600; --surface-pick-up-embed-theme-body-text-color: #808080; --surface-pick-up-embed-theme-link-text-decoration: underline; --surface-pick-up-embed-row-gap: 10px; --surface-pick-up-embed-column-gap: 10px; display: grid; grid-template-columns: min-content auto; row-gap: var(--surface-pick-up-embed-row-gap); column-gap: var(--surface-pick-up-embed-column-gap); justify-content: flex-start; text-align: left; } .surface-pick-up-embed__in-stock-icon, .surface-pick-up-embed__out-of-stock-icon { grid-column-start: 1; grid-column-end: 2; margin-top: 3px; } .surface-pick-up-embed__in-stock-icon { fill: var(--surface-pick-up-embed-theme-success-color); } .surface-pick-up-embed__out-of-stock-icon { fill: var(--surface-pick-up-embed-theme-error-color); } .surface-pick-up-embed__location-info, .surface-pick-up-embed__modal-btn { grid-column-start: 2; grid-column-end: 3; } .surface-pick-up-embed__location-info { grid-row-start: 1; grid-row-end: 2; } .surface-pick-up-embed__location-availability { margin-top: 0; margin-bottom: 0; font-family: inherit; font-size: var(--surface-pick-up-embed-theme-paragraph-font-size); font-weight: inherit; color: var(--surface-pick-up-embed-theme-body-text-color); } .surface-pick-up-embed__location-availability b { font-weight: var(--surface-pick-up-embed-theme-body-font-weight-bold); } .surface-pick-up-embed__location-pick-up-time { font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size); color: var(--surface-pick-up-embed-theme-body-text-color); } .surface-pick-up-embed__modal-btn { grid-row-start: 2; grid-row-end: 3; justify-self: start; padding: 0; font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size); color: var(--surface-pick-up-theme-embed-body-text-color); text-align: left; -webkit-text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration); text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration); cursor: pointer; background-color: initial; border: 0; } .surface-pick-up-items { padding: 0; margin: 0; } .surface-pick-up-item { --surface-pick-up-item-theme-success-color: rgb(50, 205, 50); --surface-pick-up-item-theme-error-color: rgb(179, 58, 58); --surface-pick-up-item-theme-paragraph-font-size: 16px; --surface-pick-up-item-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-item-theme-paragraph-font-size) - 4px); --surface-pick-up-item-theme-body-font-weight-bold: 600; --surface-pick-up-item-theme-body-text-color: #808080; --surface-pick-up-item-theme-border-color: #d9d9d9; --surface-pick-up-item-theme-link-text-decoration: underline; --surface-pick-up-item-row-gap: 10px; --surface-pick-up-item-column-gap: 5px; --surface-pick-up-item-gap: 28px; display: grid; grid-template-columns: repeat(2, auto) 1fr; row-gap: var(--surface-pick-up-item-row-gap); column-gap: var(--surface-pick-up-item-column-gap); justify-content: flex-start; padding-bottom: var(--surface-pick-up-item-gap); margin: var(--surface-pick-up-item-gap) 0 0; text-align: left; border-bottom: 1px solid var(--surface-pick-up-item-theme-border-color); } .surface-pick-up-item:last-child { padding-bottom: 0; border-bottom: none; } .surface-pick-up-item__header { display: flex; grid-column: span 3; align-items: flex-end; } .surface-pick-up-item__pick-up-location { margin-top: 0; margin-bottom: 0; font-family: inherit; font-size: var(--surface-pick-up-item-theme-paragraph-font-size); font-weight: var(--surface-pick-up-item-theme-body-font-weight-bold); color: var(--surface-pick-up-item-theme-body-text-color); } .surface-pick-up-item__pick-up-distance { padding-left: 2rem; margin: 0 0 0 auto; } .surface-pick-up-item__in-stock-icon, .surface-pick-up-item__out-of-stock-icon { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2; margin-top: 1px; } .surface-pick-up-item__in-stock-icon { fill: var(--surface-pick-up-item-theme-success-color); } .surface-pick-up-item__out-of-stock-icon { fill: var(--surface-pick-up-item-theme-error-color); } .surface-pick-up-item__availability { grid-row-start: 2; grid-row-end: 3; grid-column-start: 2; grid-column-end: 3; font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size); color: var(--surface-pick-up-item-theme-body-text-color); } .surface-pick-up-item__address-info { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 3; font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size); font-style: normal; line-height: 1.4; color: var(--surface-pick-up-item-theme-body-text-color); } .surface-pick-up-item__address-info p { margin: 0; } .surface-pick-up-item__address-info a, .surface-pick-up-item__address-info a:visited { color: inherit; text-decoration: none; } .surface-pick-up-item__address-info a:focus, .surface-pick-up-item__address-info a:active, .surface-pick-up-item__address-info a:hover { color: inherit; } .surface-pick-up-item__confirm-address { margin-top: var(--surface-pick-up-item-row-gap); } .surface-pick-up-item__confirm-address-icon { display: inline-block; width: 10px; height: 10px; margin-right: 5px; } .complementary-products { --slide-item-padding: 1rem; --slide-item-outer-gap: 1rem; --slide-item-inner-gap: 1rem; --slide-item-border-color: black; --slide-item-border-thickness: 1px; --slider-dot-gap: 0.5rem; --slider-dot-size: 0.5rem; --slider-dot-color: #cacaca; --slider-active-dot-color: #787878; } .complementary-products__slider [data-slide] { position: absolute; display: flex; flex-direction: column; margin: 0 1rem; gap: var(--slide-item-outer-gap); width: 100%; height: auto; } .complementary-products__slider .flickity-page-dots { list-style-type: none; display: flex; justify-content: center; gap: var(--slider-dot-gap); } .complementary-products__slider .flickity-page-dots .dot { margin: 0; border-radius: 50%; background: var(--slider-dot-color); height: var(--slider-dot-size); width: var(--slider-dot-size); } .complementary-products__slider .flickity-page-dots .dot.is-selected { background: var(--slider-active-dot-color); } .complementary-products__grid { display: flex; flex-direction: column; gap: var(--slide-item-outer-gap); } .complementary-product { display: flex; flex-direction: row; gap: var(--slide-item-inner-gap); padding: var(--slide-item-padding); border: var(--slide-item-border-thickness) solid var(--slide-item-border-color); } .complementary-product__name, .complementary-product__price-text { margin: 0; } .complementary-product__price-text { display: inline-block; } .complementary-product__image-link { display: block; position: relative; line-height: 0; } /****************************************************************** Theme Name: Turbo Theme URI: https://outofthesandbox.com/collections/turbo-theme Author: Out of the Sandbox (https://outofthesandbox.com) Description: Shopify Theme (https://www.shopify.com/&ref=out-of-the-sandbox) ******************************************************************/ /* Table of Contents ================================================== #Variables #Mixins #Helper Classes #Functions #Grid/layout #Reset #Basic Styles #Breadcrumbs #Typography #Links #Lists #Menu #Images #Placeholders #Videos #Buttons #Tabs #Product tabs #Collapsible tab #Accordions #Forms #Contact Form #Newsletter #Tables #Misc #Testimonials #FAQ Template #Team Template #Logo-list #Gallery Section #Ratings #Recently Viewed #Search autocomplete #Search page #Site Styles #Header #Currency / Language switcher #Swatch Styles #Sidebar #Plyr #Flickity #Password Page #Account #Policy pages #Product page #Product Media #Product Details #Product Recommendations #Complementary products #Home page - General #Home page - Slideshow #Home page - Search #Home page - Image with text #Home page - Divider #Home page - Quote #Home page - Rich text and image #Home page - Featured promotions #Home page - Featured product #Home page - Featured collection #Home page - Image with text overlay #Home page - Video #Home page - Newsletter #Home page - Text column with images #Font-Face #Custom Styles */ /* #Variables ================================================== */ /* Responsiveness */ /* The `$breakpoints` list is used to build our media queries. - You can use these in the media-query mixin. */ /* #Mixins ================================================== */ /* Media query mixin */ /* Responsive Show/Hide Helper */ /* Responsive Text Alignment Helper */ /* #Helper Classes ================================================== */ /* Flexbox */ .is-flex { display: flex; } .is-inline-flex { display: inline-flex; } .is-align-start, .is-align-left { align-items: flex-start; } .is-align-end, .is-align-right { align-items: flex-end; } .is-align-self-end, .is-align-self-right { align-self: flex-end; } .is-align-baseline { align-items: baseline; } .is-align-center { align-items: center; } .is-align-stretch { align-items: stretch; } .is-justify-start, .is-justify-left { justify-content: flex-start; } .is-justify-end, .is-justify-right { justify-content: flex-end; } .is-justify-center { justify-content: center; } .is-justify-space-around { justify-content: space-around; } .is-justify-space-between { justify-content: space-between; } .is-flex-nowrap { flex-wrap: nowrap; } .is-flex-wrap { flex-wrap: wrap; } .is-flex-wrap-reverse { flex-wrap: wrap-reverse; } .is-flex-row { flex-direction: row; } .is-flex-row-reverse { flex-direction: row-reverse; } .is-flex-column { flex-direction: column; } .is-flex-column-reverse { flex-direction: column-reverse; } /* Flex position order */ .is-order-aligned-left { order: -1; } @media only screen and (max-width: 480px) { .is-order-aligned-left { order: inherit; } } .is-order-aligned-right { order: 1; } @media only screen and (max-width: 480px) { .is-order-aligned-right { order: inherit; } } /* Padding helpers */ .has-padding-top { padding-top: 20px; } .has-padding-bottom { padding-bottom: 20px; } .has-padding-left { padding-left: 20px; } .has-padding-right { padding-right: 20px; } .has-padding { padding: 20px; } /* Margin helpers */ .has-margin-top { margin-top: 20px; } .has-margin-bottom { margin-bottom: 20px; } /* Text alignment */ .text-align-center { text-align: center; } .text-align-left, .text-align-start { text-align: left; } .text-align-left h1, .text-align-left h2, .text-align-left h3, .text-align-left h1.title, .text-align-left h2.title, .text-align-left h3.title, .text-align-start h1, .text-align-start h2, .text-align-start h3, .text-align-start h1.title, .text-align-start h2.title, .text-align-start h3.title { text-align: left; } .text-align-right, .text-align-end { text-align: right; } .text-align-right h1, .text-align-right h2, .text-align-right h3, .text-align-right h1.title, .text-align-right h2.title, .text-align-right h3.title, .text-align-end h1, .text-align-end h2, .text-align-end h3, .text-align-end h1.title, .text-align-end h2.title, .text-align-end h3.title { text-align: right; } /* Visibility */ .is-hidden { display: none !important; } .is-visible { display: block !important; } .is-sr-only { border: none !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; } .is-invisible { visibility: hidden !important; } @media only screen and (min-width: 481px) and (max-width: 798px) { .is-hidden-small { display: none !important; } } @media only screen and (min-width: 799px) and (max-width: 1024px) { .is-hidden-medium { display: none !important; } } @media only screen and (min-width: 1025px) and (max-width: 1400px) { .is-hidden-large { display: none !important; } } @media only screen and (max-width: 798px) { .is-hidden-mobile-only { display: none !important; } } @media only screen and (min-width: 799px) { .is-hidden-desktop-only { display: none !important; } } @media only screen and (min-width: 1401px) { .is-hidden-widescreen { display: none !important; } } @media only screen and (max-width: 798px) { .is-visible--mobile { display: block !important; } } @media only screen and (max-width: 798px) { .is-hidden-offset-mobile-only { left: 0 !important; } } .is-invisible { visibility: hidden !important; } /* #Functions ================================================== */ /* #Grid/Layout ================================================== */ .index { display: flex; flex-wrap: wrap; } /* Home page sections are set to flex so that half sizes may sit side-by-side */ .page-blocks { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } /* Controls the width and spacing of each section - the class ".shopify-section" is generated by Shopify and applied to each element (along with unique ID) - uses CSS variables which are set in liquid files */ .shopify-section { width: 100%; } @media only screen and (max-width: 480px) { .shopify-section { width: 100% !important; padding-left: 0 !important; /* Ignores padding set on larger screen sizes */ padding-right: 0 !important; /* Ignores padding set on larger screen sizes */ } } /* Handles the background color and margins depending on what width has been chosen */ .section { max-width: 1200px; width: 95%; margin-left: auto; margin-right: auto; } .section.is-width-wide { width: 100%; max-width: none; } .section-wrapper { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; }.section-wrapper .under-menu:nth-child(1) .full-width--true, .section-wrapper .under-menu:nth-child(1) .full-width--false { margin-top: 168px; } .no-js .section-wrapper .under-menu:nth-child(1) .full-width--true, .no-js .section-wrapper .under-menu:nth-child(1) .full-width--false { margin-top: 0; } @media only screen and (max-width: 798px) { .section-wrapper .under-menu:nth-child(1) .full-width--true { margin-top: 0; } }.section-wrapper--product { max-width: 1200px; width: 95%; margin-left: auto; margin-right: auto; } .section-wrapper--product .section { width: 100%; } .section-wrapper--product.is-width-wide { width: 100%; max-width: none; } @media only screen and (max-width: 798px) { .mobile_nav-fixed--true .section-wrapper { display: block; margin-top: 40px; } } @media only screen and (max-width: 798px) { .mobile_nav-fixed--true.promo-banner--show .section-wrapper { display: block; margin-top: 70px; } } /* Parent container for column elements - uses flexbox, so this container can be made smaller and the columns will shrink in relation */ .container { position: relative; margin: 0 auto; display: flex; flex-wrap: wrap; } .container .column, .container .columns { margin-left: calc(20px / 2); margin-right: calc(20px / 2); } .product-container { width: 100%; } /* Applies flex styling for columns created using Content Creator */ .row { display: flex; flex-wrap: wrap; margin-bottom: 20px; } @media only screen and (max-width: 798px) { .row .column, .row .columns { width: 100%; margin-left: 0; margin-right: 0; } } [class*=offset-by] { position: relative; } /*================ Build Base Grid Classes ================*/ .hidden { display: none; } .visible { display: block; } /* Base Grid */ .one { width: calc(6.25% - 20px); } .two { width: calc(12.5% - 20px); } .three { width: calc(18.75% - 20px); } .four { width: calc(25% - 20px); } .five { width: calc(31.25% - 20px); } .six { width: calc(37.5% - 20px); } .seven { width: calc(43.75% - 20px); } .eight { width: calc(50% - 20px); } .nine { width: calc(56.25% - 20px); } .ten { width: calc(62.5% - 20px); } .eleven { width: calc(68.75% - 20px); } .twelve { width: calc(75% - 20px); } .thirteen { width: calc(81.25% - 20px); } .fourteen { width: calc(87.5% - 20px); } .fifteen { width: calc(93.75% - 20px); } .sixteen { width: calc(100% - 20px); } /* Whole */ .one-whole { width: calc(100% - 20px); } /* Halves */ .one-half { width: calc(50% - 20px); } /* Thirds */ .one-third { width: calc(33.3333333333% - 20px); } .two-thirds { width: calc(66.6666666667% - 20px); } /* Fourths */ .one-fourth { width: calc(25% - 20px); } .two-fourths { width: calc(50% - 20px); } .three-fourths { width: calc(75% - 20px); } /* Fifths */ .one-fifth { width: calc(20% - 20px); } .two-fifths { width: calc(40% - 20px); } .three-fifths { width: calc(60% - 20px); } .four-fifths { width: calc(80% - 20px); } /* Sixths */ .one-sixth { width: calc(16.6666666667% - 20px); } .two-sixths { width: calc(33.3333333333% - 20px); } .three-sixths { width: calc(50% - 20px); } .four-sixths { width: calc(66.6666666667% - 20px); } .five-sixths { width: calc(83.3333333333% - 20px); } /* Sevenths */ .one-seventh { width: calc(14.2857142857% - 20px); } .two-sevenths { width: calc(28.5714285714% - 20px); } .three-sevenths { width: calc(42.8571428571% - 20px); } .four-sevenths { width: calc(57.1428571429% - 20px); } .five-sevenths { width: calc(71.4285714286% - 20px); } /* Eighths */ .one-eighth { width: calc(12.5% - 20px); } .two-eighths { width: calc(25% - 20px); } .three-eighths { width: calc(37.5% - 20px); } .four-eighths { width: calc(50% - 20px); } .five-eighths { width: calc(62.5% - 20px); } .six-eighths { width: calc(75% - 20px); } .seven-eighths { width: calc(87.5% - 20px); } /* Tenths */ .one-tenth { width: calc(10% - 20px); } .two-tenths { width: calc(20% - 20px); } .three-tenths { width: calc(30% - 20px); } .four-tenths { width: calc(40% - 20px); } .five-tenths { width: calc(50% - 20px); } .six-tenths { width: calc(60% - 20px); } .seven-tenths { width: calc(70% - 20px); } .eight-tenths { width: calc(80% - 20px); } .nine-tenths { width: calc(90% - 20px); } /* Twelfths */ .one-twelfth { width: calc(8.3333333333% - 20px); } .two-twelfths { width: calc(16.6666666667% - 20px); } .three-twelfths { width: calc(25% - 20px); } .four-twelfths { width: calc(33.3333333333% - 20px); } .five-twelfths { width: calc(41.6666666667% - 20px); } .six-twelfths { width: calc(50% - 20px); } .seven-twelfths { width: calc(58.3333333333% - 20px); } .eight-twelfths { width: calc(66.6666666667% - 20px); } .nine-twelfths { width: calc(75% - 20px); } .ten-twelfths { width: calc(83.3333333333% - 20px); } .eleven-twelfths { width: calc(91.6666666667% - 20px); } /* Offsets */ .offset-by-one { left: calc(6.25%); } .offset-by-two { left: calc(12.5%); } .offset-by-three { left: calc(18.75%); } .offset-by-four { left: calc(25%); } .offset-by-five { left: calc(31.25%); } .offset-by-six { left: calc(37.5%); } .offset-by-seven { left: calc(43.75%); } .offset-by-eight { left: calc(50%); } .offset-by-nine { left: calc(56.25%); } .offset-by-ten { left: calc(62.5%); } .offset-by-eleven { left: calc(68.75%); } .offset-by-twelve { left: calc(75%); } .offset-by-thirteen { left: calc(81.25%); } .offset-by-fourteen { left: calc(87.5%); } .offset-by-fifteen { left: calc(93.75%); } /* Remove gutter on first and last column (must be consistent size) */ .equal-columns--outside-trim .one-half:nth-of-type(2n), .equal-columns--outside-trim .eight:nth-of-type(2n), .equal-columns--outside-trim .one-third:nth-of-type(3n), .equal-columns--outside-trim .one-fourth:nth-of-type(4n), .equal-columns--outside-trim .four:nth-of-type(4n), .equal-columns--outside-trim .one-fifth:nth-of-type(5n), .equal-columns--outside-trim .one-sixth:nth-of-type(6n), .equal-columns--outside-trim .one-seventh:nth-of-type(7n), .equal-columns--outside-trim .two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .one-half:nth-of-type(2n+1), .equal-columns--outside-trim .eight:nth-of-type(2n+1), .equal-columns--outside-trim .one-third:nth-of-type(3n+1), .equal-columns--outside-trim .one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .four:nth-of-type(4n+1), .equal-columns--outside-trim .one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .two:nth-of-type(8n+1) { margin-left: 0; } .equal-columns--outside-trim .one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } .equal-columns--outside-trim .one-half { width: calc(50% - (20px - (20px / 2))); } .equal-columns--outside-trim .one-third { width: calc(33.3333333333% - (20px - (20px / 3))); } .equal-columns--outside-trim .one-fifth { width: calc(20% - (20px - (20px / 5))); } .equal-columns--outside-trim .one-fourth { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .one-sixth { width: calc(16.6666666667% - (20px - (20px / 6))); } .equal-columns--outside-trim .one-seventh { width: calc(14.2857142857% - (20px - (20px / 7))); } .equal-columns--outside-trim .two { width: calc(12.5% - (20px - (20px / 8))); } .equal-columns--outside-trim .four { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .seven { width: calc(43.75% - (20px - (20px / 2))); } .equal-columns--outside-trim .eight { width: calc(50% - (20px / 2)); } .equal-columns--outside-trim .nine { width: calc(56.25% - (20px - (20px / 2))); } /* Remove side gutter on all columns */ .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .one-whole, .has-no-side-gutter .one-half, .has-no-side-gutter .eight, .has-no-side-gutter .one-third, .has-no-side-gutter .two-thirds, .has-no-side-gutter .one-fourth, .has-no-side-gutter .four, .has-no-side-gutter .one-fifth, .has-no-side-gutter .three-fifths, .has-no-side-gutter .two-fifths, .has-no-side-gutter .one-sixth, .has-no-side-gutter .one-seventh, .has-no-side-gutter .one-eighth, .has-no-side-gutter .two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .one-whole { width: 100%; } .has-no-side-gutter .one-half { width: 50%; } .has-no-side-gutter .one-third { width: 33.3333333333%; } .has-no-side-gutter .one-fourth { width: 25%; } .has-no-side-gutter .one-fifth { width: 20%; } .has-no-side-gutter .two-fifths { width: 40%; } .has-no-side-gutter .three-fifths { width: 60%; } .has-no-side-gutter .one-sixth { width: 16.6666666667%; } .has-no-side-gutter .one-seventh { width: 14.2857142857%; } .has-no-side-gutter .one-eighth { width: 12.5%; } .has-no-side-gutter .two-thirds { width: 66.6666666667%; } .has-no-side-gutter .two { width: 12.5%; } .has-no-side-gutter .four { width: 25%; } .has-no-side-gutter .seven { width: 43.75%; } .has-no-side-gutter .eight { width: 50%; } .has-no-side-gutter .nine { width: 56.25%; } .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; } /*============================================================================ Generate breakpoint-specific column widths and push classes - Default column widths: $breakpoint-has-widths: ($small, $medium-up); - Default is no push classes - Will not work if `styles/global/grid.scss` is removed ==============================================================================*/ /*================ Build Responsive Grid Classes ================*/ @media only screen and (max-width: 1024px) { .large-down--hidden { display: none; } .large-down--visible { display: block; } /* Base Grid */ .large-down--one { width: calc(6.25% - 20px); } .large-down--two { width: calc(12.5% - 20px); } .large-down--three { width: calc(18.75% - 20px); } .large-down--four { width: calc(25% - 20px); } .large-down--five { width: calc(31.25% - 20px); } .large-down--six { width: calc(37.5% - 20px); } .large-down--seven { width: calc(43.75% - 20px); } .large-down--eight { width: calc(50% - 20px); } .large-down--nine { width: calc(56.25% - 20px); } .large-down--ten { width: calc(62.5% - 20px); } .large-down--eleven { width: calc(68.75% - 20px); } .large-down--twelve { width: calc(75% - 20px); } .large-down--thirteen { width: calc(81.25% - 20px); } .large-down--fourteen { width: calc(87.5% - 20px); } .large-down--fifteen { width: calc(93.75% - 20px); } .large-down--sixteen { width: calc(100% - 20px); } /* Whole */ .large-down--one-whole { width: calc(100% - 20px); } /* Halves */ .large-down--one-half { width: calc(50% - 20px); } /* Thirds */ .large-down--one-third { width: calc(33.3333333333% - 20px); } .large-down--two-thirds { width: calc(66.6666666667% - 20px); } /* Fourths */ .large-down--one-fourth { width: calc(25% - 20px); } .large-down--two-fourths { width: calc(50% - 20px); } .large-down--three-fourths { width: calc(75% - 20px); } /* Fifths */ .large-down--one-fifth { width: calc(20% - 20px); } .large-down--two-fifths { width: calc(40% - 20px); } .large-down--three-fifths { width: calc(60% - 20px); } .large-down--four-fifths { width: calc(80% - 20px); } /* Sixths */ .large-down--one-sixth { width: calc(16.6666666667% - 20px); } .large-down--two-sixths { width: calc(33.3333333333% - 20px); } .large-down--three-sixths { width: calc(50% - 20px); } .large-down--four-sixths { width: calc(66.6666666667% - 20px); } .large-down--five-sixths { width: calc(83.3333333333% - 20px); } /* Sevenths */ .large-down--one-seventh { width: calc(14.2857142857% - 20px); } .large-down--two-sevenths { width: calc(28.5714285714% - 20px); } .large-down--three-sevenths { width: calc(42.8571428571% - 20px); } .large-down--four-sevenths { width: calc(57.1428571429% - 20px); } .large-down--five-sevenths { width: calc(71.4285714286% - 20px); } /* Eighths */ .large-down--one-eighth { width: calc(12.5% - 20px); } .large-down--two-eighths { width: calc(25% - 20px); } .large-down--three-eighths { width: calc(37.5% - 20px); } .large-down--four-eighths { width: calc(50% - 20px); } .large-down--five-eighths { width: calc(62.5% - 20px); } .large-down--six-eighths { width: calc(75% - 20px); } .large-down--seven-eighths { width: calc(87.5% - 20px); } /* Tenths */ .large-down--one-tenth { width: calc(10% - 20px); } .large-down--two-tenths { width: calc(20% - 20px); } .large-down--three-tenths { width: calc(30% - 20px); } .large-down--four-tenths { width: calc(40% - 20px); } .large-down--five-tenths { width: calc(50% - 20px); } .large-down--six-tenths { width: calc(60% - 20px); } .large-down--seven-tenths { width: calc(70% - 20px); } .large-down--eight-tenths { width: calc(80% - 20px); } .large-down--nine-tenths { width: calc(90% - 20px); } /* Twelfths */ .large-down--one-twelfth { width: calc(8.3333333333% - 20px); } .large-down--two-twelfths { width: calc(16.6666666667% - 20px); } .large-down--three-twelfths { width: calc(25% - 20px); } .large-down--four-twelfths { width: calc(33.3333333333% - 20px); } .large-down--five-twelfths { width: calc(41.6666666667% - 20px); } .large-down--six-twelfths { width: calc(50% - 20px); } .large-down--seven-twelfths { width: calc(58.3333333333% - 20px); } .large-down--eight-twelfths { width: calc(66.6666666667% - 20px); } .large-down--nine-twelfths { width: calc(75% - 20px); } .large-down--ten-twelfths { width: calc(83.3333333333% - 20px); } .large-down--eleven-twelfths { width: calc(91.6666666667% - 20px); } /* Offsets */ .large-down--offset-by-one { left: calc(6.25%); } .large-down--offset-by-two { left: calc(12.5%); } .large-down--offset-by-three { left: calc(18.75%); } .large-down--offset-by-four { left: calc(25%); } .large-down--offset-by-five { left: calc(31.25%); } .large-down--offset-by-six { left: calc(37.5%); } .large-down--offset-by-seven { left: calc(43.75%); } .large-down--offset-by-eight { left: calc(50%); } .large-down--offset-by-nine { left: calc(56.25%); } .large-down--offset-by-ten { left: calc(62.5%); } .large-down--offset-by-eleven { left: calc(68.75%); } .large-down--offset-by-twelve { left: calc(75%); } .large-down--offset-by-thirteen { left: calc(81.25%); } .large-down--offset-by-fourteen { left: calc(87.5%); } .large-down--offset-by-fifteen { left: calc(93.75%); } /* Remove gutter on first and last column (must be consistent size) */ .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .large-down--four:nth-of-type(4n), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .large-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .large-down--two:nth-of-type(8n+1) { margin-left: 0; } /* Remove side gutter on all columns */ } @media only screen and (max-width: 1024px) and (max-width: 1024px) { .equal-columns--outside-trim { /* Reset previous margins */ /* Set new margins on right */ /* Set new margins on left */ } .equal-columns--outside-trim .large-down--one-half.large-down--one-half, .equal-columns--outside-trim .large-down--eight.large-down--eight, .equal-columns--outside-trim .large-down--one-third.large-down--one-third, .equal-columns--outside-trim .large-down--one-fourth.large-down--one-fourth, .equal-columns--outside-trim .large-down--four.large-down--four, .equal-columns--outside-trim .large-down--one-fifth.large-down--one-fifth, .equal-columns--outside-trim .large-down--one-sixth.large-down--one-sixth, .equal-columns--outside-trim .large-down--one-seventh.large-down--one-seventh, .equal-columns--outside-trim .large-down--two.large-down--two { margin-left: calc(20px / 2); margin-right: calc(20px / 2); } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .large-down--four:nth-of-type(4n), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .large-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .large-down--two:nth-of-type(8n+1) { margin-left: 0; } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-half { width: calc(50% - (20px - (20px / 2))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-third { width: calc(33.3333333333% - (20px - (20px / 3))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-sixth { width: calc(16.6666666667% - (20px - (20px / 6))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-seventh { width: calc(14.2857142857% - (20px - (20px / 7))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--two { width: calc(12.5% - (20px - (20px / 8))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--four { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--seven { width: calc(43.75% - (20px - (20px / 2))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--eight { width: calc(50% - (20px / 2)); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--nine { width: calc(56.25% - (20px - (20px / 2))); } } @media only screen and (max-width: 1024px) { .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .large-down--one-whole, .has-no-side-gutter .large-down--one-half, .has-no-side-gutter .large-down--eight, .has-no-side-gutter .large-down--one-third, .has-no-side-gutter .large-down--two-thirds, .has-no-side-gutter .large-down--one-fourth, .has-no-side-gutter .large-down--four, .has-no-side-gutter .large-down--one-fifth, .has-no-side-gutter .large-down--three-fifths, .has-no-side-gutter .large-down--two-fifths, .has-no-side-gutter .large-down--one-sixth, .has-no-side-gutter .large-down--one-seventh, .has-no-side-gutter .large-down--one-eighth, .has-no-side-gutter .large-down--two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .large-down--one-whole { width: 100%; } .has-no-side-gutter .large-down--one-half { width: 50%; } .has-no-side-gutter .large-down--one-third { width: 33.3333333333%; } .has-no-side-gutter .large-down--one-fourth { width: 25%; } .has-no-side-gutter .large-down--one-fifth { width: 20%; } .has-no-side-gutter .large-down--two-fifths { width: 40%; } .has-no-side-gutter .large-down--three-fifths { width: 60%; } .has-no-side-gutter .large-down--one-sixth { width: 16.6666666667%; } .has-no-side-gutter .large-down--one-seventh { width: 14.2857142857%; } .has-no-side-gutter .large-down--one-eighth { width: 12.5%; } .has-no-side-gutter .large-down--two-thirds { width: 66.6666666667%; } .has-no-side-gutter .large-down--two { width: 12.5%; } .has-no-side-gutter .large-down--four { width: 25%; } .has-no-side-gutter .large-down--seven { width: 43.75%; } .has-no-side-gutter .large-down--eight { width: 50%; } .has-no-side-gutter .large-down--nine { width: 56.25%; } } @media only screen and (max-width: 1024px) { .large-down--show { display: block !important; } } @media only screen and (max-width: 1024px) { .large-down--hide { display: none !important; } } @media only screen and (max-width: 1024px) { .large-down--text-left { text-align: left !important; } } @media only screen and (max-width: 1024px) { .large-down--text-right { text-align: right !important; } } @media only screen and (max-width: 1024px) { .large-down--text-center { text-align: center !important; } } @media only screen and (max-width: 798px) { .medium-down--hidden { display: none; } .medium-down--visible { display: block; } /* Base Grid */ .medium-down--one { width: calc(6.25% - 20px); } .medium-down--two { width: calc(12.5% - 20px); } .medium-down--three { width: calc(18.75% - 20px); } .medium-down--four { width: calc(25% - 20px); } .medium-down--five { width: calc(31.25% - 20px); } .medium-down--six { width: calc(37.5% - 20px); } .medium-down--seven { width: calc(43.75% - 20px); } .medium-down--eight { width: calc(50% - 20px); } .medium-down--nine { width: calc(56.25% - 20px); } .medium-down--ten { width: calc(62.5% - 20px); } .medium-down--eleven { width: calc(68.75% - 20px); } .medium-down--twelve { width: calc(75% - 20px); } .medium-down--thirteen { width: calc(81.25% - 20px); } .medium-down--fourteen { width: calc(87.5% - 20px); } .medium-down--fifteen { width: calc(93.75% - 20px); } .medium-down--sixteen { width: calc(100% - 20px); } /* Whole */ .medium-down--one-whole { width: calc(100% - 20px); } /* Halves */ .medium-down--one-half { width: calc(50% - 20px); } /* Thirds */ .medium-down--one-third { width: calc(33.3333333333% - 20px); } .medium-down--two-thirds { width: calc(66.6666666667% - 20px); } /* Fourths */ .medium-down--one-fourth { width: calc(25% - 20px); } .medium-down--two-fourths { width: calc(50% - 20px); } .medium-down--three-fourths { width: calc(75% - 20px); } /* Fifths */ .medium-down--one-fifth { width: calc(20% - 20px); } .medium-down--two-fifths { width: calc(40% - 20px); } .medium-down--three-fifths { width: calc(60% - 20px); } .medium-down--four-fifths { width: calc(80% - 20px); } /* Sixths */ .medium-down--one-sixth { width: calc(16.6666666667% - 20px); } .medium-down--two-sixths { width: calc(33.3333333333% - 20px); } .medium-down--three-sixths { width: calc(50% - 20px); } .medium-down--four-sixths { width: calc(66.6666666667% - 20px); } .medium-down--five-sixths { width: calc(83.3333333333% - 20px); } /* Sevenths */ .medium-down--one-seventh { width: calc(14.2857142857% - 20px); } .medium-down--two-sevenths { width: calc(28.5714285714% - 20px); } .medium-down--three-sevenths { width: calc(42.8571428571% - 20px); } .medium-down--four-sevenths { width: calc(57.1428571429% - 20px); } .medium-down--five-sevenths { width: calc(71.4285714286% - 20px); } /* Eighths */ .medium-down--one-eighth { width: calc(12.5% - 20px); } .medium-down--two-eighths { width: calc(25% - 20px); } .medium-down--three-eighths { width: calc(37.5% - 20px); } .medium-down--four-eighths { width: calc(50% - 20px); } .medium-down--five-eighths { width: calc(62.5% - 20px); } .medium-down--six-eighths { width: calc(75% - 20px); } .medium-down--seven-eighths { width: calc(87.5% - 20px); } /* Tenths */ .medium-down--one-tenth { width: calc(10% - 20px); } .medium-down--two-tenths { width: calc(20% - 20px); } .medium-down--three-tenths { width: calc(30% - 20px); } .medium-down--four-tenths { width: calc(40% - 20px); } .medium-down--five-tenths { width: calc(50% - 20px); } .medium-down--six-tenths { width: calc(60% - 20px); } .medium-down--seven-tenths { width: calc(70% - 20px); } .medium-down--eight-tenths { width: calc(80% - 20px); } .medium-down--nine-tenths { width: calc(90% - 20px); } /* Twelfths */ .medium-down--one-twelfth { width: calc(8.3333333333% - 20px); } .medium-down--two-twelfths { width: calc(16.6666666667% - 20px); } .medium-down--three-twelfths { width: calc(25% - 20px); } .medium-down--four-twelfths { width: calc(33.3333333333% - 20px); } .medium-down--five-twelfths { width: calc(41.6666666667% - 20px); } .medium-down--six-twelfths { width: calc(50% - 20px); } .medium-down--seven-twelfths { width: calc(58.3333333333% - 20px); } .medium-down--eight-twelfths { width: calc(66.6666666667% - 20px); } .medium-down--nine-twelfths { width: calc(75% - 20px); } .medium-down--ten-twelfths { width: calc(83.3333333333% - 20px); } .medium-down--eleven-twelfths { width: calc(91.6666666667% - 20px); } /* Offsets */ .medium-down--offset-by-one { left: calc(6.25%); } .medium-down--offset-by-two { left: calc(12.5%); } .medium-down--offset-by-three { left: calc(18.75%); } .medium-down--offset-by-four { left: calc(25%); } .medium-down--offset-by-five { left: calc(31.25%); } .medium-down--offset-by-six { left: calc(37.5%); } .medium-down--offset-by-seven { left: calc(43.75%); } .medium-down--offset-by-eight { left: calc(50%); } .medium-down--offset-by-nine { left: calc(56.25%); } .medium-down--offset-by-ten { left: calc(62.5%); } .medium-down--offset-by-eleven { left: calc(68.75%); } .medium-down--offset-by-twelve { left: calc(75%); } .medium-down--offset-by-thirteen { left: calc(81.25%); } .medium-down--offset-by-fourteen { left: calc(87.5%); } .medium-down--offset-by-fifteen { left: calc(93.75%); } /* Remove gutter on first and last column (must be consistent size) */ .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n+1) { margin-left: 0; } /* Remove side gutter on all columns */ } @media only screen and (max-width: 798px) and (max-width: 798px) { .equal-columns--outside-trim { /* Reset previous margins */ /* Set new margins on right */ /* Set new margins on left */ } .equal-columns--outside-trim .medium-down--one-half.medium-down--one-half, .equal-columns--outside-trim .medium-down--eight.medium-down--eight, .equal-columns--outside-trim .medium-down--one-third.medium-down--one-third, .equal-columns--outside-trim .medium-down--one-fourth.medium-down--one-fourth, .equal-columns--outside-trim .medium-down--four.medium-down--four, .equal-columns--outside-trim .medium-down--one-fifth.medium-down--one-fifth, .equal-columns--outside-trim .medium-down--one-sixth.medium-down--one-sixth, .equal-columns--outside-trim .medium-down--one-seventh.medium-down--one-seventh, .equal-columns--outside-trim .medium-down--two.medium-down--two { margin-left: calc(20px / 2); margin-right: calc(20px / 2); } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n+1) { margin-left: 0; } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--one-half { width: calc(50% - (20px - (20px / 2))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--one-third { width: calc(33.3333333333% - (20px - (20px / 3))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--one-sixth { width: calc(16.6666666667% - (20px - (20px / 6))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--one-seventh { width: calc(14.2857142857% - (20px - (20px / 7))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--two { width: calc(12.5% - (20px - (20px / 8))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--four { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--seven { width: calc(43.75% - (20px - (20px / 2))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--eight { width: calc(50% - (20px / 2)); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--nine { width: calc(56.25% - (20px - (20px / 2))); } } @media only screen and (max-width: 798px) { .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .medium-down--one-whole, .has-no-side-gutter .medium-down--one-half, .has-no-side-gutter .medium-down--eight, .has-no-side-gutter .medium-down--one-third, .has-no-side-gutter .medium-down--two-thirds, .has-no-side-gutter .medium-down--one-fourth, .has-no-side-gutter .medium-down--four, .has-no-side-gutter .medium-down--one-fifth, .has-no-side-gutter .medium-down--three-fifths, .has-no-side-gutter .medium-down--two-fifths, .has-no-side-gutter .medium-down--one-sixth, .has-no-side-gutter .medium-down--one-seventh, .has-no-side-gutter .medium-down--one-eighth, .has-no-side-gutter .medium-down--two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .medium-down--one-whole { width: 100%; } .has-no-side-gutter .medium-down--one-half { width: 50%; } .has-no-side-gutter .medium-down--one-third { width: 33.3333333333%; } .has-no-side-gutter .medium-down--one-fourth { width: 25%; } .has-no-side-gutter .medium-down--one-fifth { width: 20%; } .has-no-side-gutter .medium-down--two-fifths { width: 40%; } .has-no-side-gutter .medium-down--three-fifths { width: 60%; } .has-no-side-gutter .medium-down--one-sixth { width: 16.6666666667%; } .has-no-side-gutter .medium-down--one-seventh { width: 14.2857142857%; } .has-no-side-gutter .medium-down--one-eighth { width: 12.5%; } .has-no-side-gutter .medium-down--two-thirds { width: 66.6666666667%; } .has-no-side-gutter .medium-down--two { width: 12.5%; } .has-no-side-gutter .medium-down--four { width: 25%; } .has-no-side-gutter .medium-down--seven { width: 43.75%; } .has-no-side-gutter .medium-down--eight { width: 50%; } .has-no-side-gutter .medium-down--nine { width: 56.25%; } } @media only screen and (max-width: 798px) { .medium-down--show { display: block !important; } } @media only screen and (max-width: 798px) { .medium-down--hide { display: none !important; } } @media only screen and (max-width: 798px) { .medium-down--text-left { text-align: left !important; } } @media only screen and (max-width: 798px) { .medium-down--text-right { text-align: right !important; } } @media only screen and (max-width: 798px) { .medium-down--text-center { text-align: center !important; } } @media only screen and (max-width: 480px) { .small-down--hidden { display: none; } .small-down--visible { display: block; } /* Base Grid */ .small-down--one { width: calc(6.25% - 20px); } .small-down--two { width: calc(12.5% - 20px); } .small-down--three { width: calc(18.75% - 20px); } .small-down--four { width: calc(25% - 20px); } .small-down--five { width: calc(31.25% - 20px); } .small-down--six { width: calc(37.5% - 20px); } .small-down--seven { width: calc(43.75% - 20px); } .small-down--eight { width: calc(50% - 20px); } .small-down--nine { width: calc(56.25% - 20px); } .small-down--ten { width: calc(62.5% - 20px); } .small-down--eleven { width: calc(68.75% - 20px); } .small-down--twelve { width: calc(75% - 20px); } .small-down--thirteen { width: calc(81.25% - 20px); } .small-down--fourteen { width: calc(87.5% - 20px); } .small-down--fifteen { width: calc(93.75% - 20px); } .small-down--sixteen { width: calc(100% - 20px); } /* Whole */ .small-down--one-whole { width: calc(100% - 20px); } /* Halves */ .small-down--one-half { width: calc(50% - 20px); } /* Thirds */ .small-down--one-third { width: calc(33.3333333333% - 20px); } .small-down--two-thirds { width: calc(66.6666666667% - 20px); } /* Fourths */ .small-down--one-fourth { width: calc(25% - 20px); } .small-down--two-fourths { width: calc(50% - 20px); } .small-down--three-fourths { width: calc(75% - 20px); } /* Fifths */ .small-down--one-fifth { width: calc(20% - 20px); } .small-down--two-fifths { width: calc(40% - 20px); } .small-down--three-fifths { width: calc(60% - 20px); } .small-down--four-fifths { width: calc(80% - 20px); } /* Sixths */ .small-down--one-sixth { width: calc(16.6666666667% - 20px); } .small-down--two-sixths { width: calc(33.3333333333% - 20px); } .small-down--three-sixths { width: calc(50% - 20px); } .small-down--four-sixths { width: calc(66.6666666667% - 20px); } .small-down--five-sixths { width: calc(83.3333333333% - 20px); } /* Sevenths */ .small-down--one-seventh { width: calc(14.2857142857% - 20px); } .small-down--two-sevenths { width: calc(28.5714285714% - 20px); } .small-down--three-sevenths { width: calc(42.8571428571% - 20px); } .small-down--four-sevenths { width: calc(57.1428571429% - 20px); } .small-down--five-sevenths { width: calc(71.4285714286% - 20px); } /* Eighths */ .small-down--one-eighth { width: calc(12.5% - 20px); } .small-down--two-eighths { width: calc(25% - 20px); } .small-down--three-eighths { width: calc(37.5% - 20px); } .small-down--four-eighths { width: calc(50% - 20px); } .small-down--five-eighths { width: calc(62.5% - 20px); } .small-down--six-eighths { width: calc(75% - 20px); } .small-down--seven-eighths { width: calc(87.5% - 20px); } /* Tenths */ .small-down--one-tenth { width: calc(10% - 20px); } .small-down--two-tenths { width: calc(20% - 20px); } .small-down--three-tenths { width: calc(30% - 20px); } .small-down--four-tenths { width: calc(40% - 20px); } .small-down--five-tenths { width: calc(50% - 20px); } .small-down--six-tenths { width: calc(60% - 20px); } .small-down--seven-tenths { width: calc(70% - 20px); } .small-down--eight-tenths { width: calc(80% - 20px); } .small-down--nine-tenths { width: calc(90% - 20px); } /* Twelfths */ .small-down--one-twelfth { width: calc(8.3333333333% - 20px); } .small-down--two-twelfths { width: calc(16.6666666667% - 20px); } .small-down--three-twelfths { width: calc(25% - 20px); } .small-down--four-twelfths { width: calc(33.3333333333% - 20px); } .small-down--five-twelfths { width: calc(41.6666666667% - 20px); } .small-down--six-twelfths { width: calc(50% - 20px); } .small-down--seven-twelfths { width: calc(58.3333333333% - 20px); } .small-down--eight-twelfths { width: calc(66.6666666667% - 20px); } .small-down--nine-twelfths { width: calc(75% - 20px); } .small-down--ten-twelfths { width: calc(83.3333333333% - 20px); } .small-down--eleven-twelfths { width: calc(91.6666666667% - 20px); } /* Offsets */ .small-down--offset-by-one { left: calc(6.25%); } .small-down--offset-by-two { left: calc(12.5%); } .small-down--offset-by-three { left: calc(18.75%); } .small-down--offset-by-four { left: calc(25%); } .small-down--offset-by-five { left: calc(31.25%); } .small-down--offset-by-six { left: calc(37.5%); } .small-down--offset-by-seven { left: calc(43.75%); } .small-down--offset-by-eight { left: calc(50%); } .small-down--offset-by-nine { left: calc(56.25%); } .small-down--offset-by-ten { left: calc(62.5%); } .small-down--offset-by-eleven { left: calc(68.75%); } .small-down--offset-by-twelve { left: calc(75%); } .small-down--offset-by-thirteen { left: calc(81.25%); } .small-down--offset-by-fourteen { left: calc(87.5%); } .small-down--offset-by-fifteen { left: calc(93.75%); } /* Remove gutter on first and last column (must be consistent size) */ .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .small-down--four:nth-of-type(4n), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .small-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .small-down--two:nth-of-type(8n+1) { margin-left: 0; } /* Remove side gutter on all columns */ } @media only screen and (max-width: 480px) and (max-width: 480px) { .equal-columns--outside-trim { /* Reset previous margins */ /* Set new margins on right */ /* Set new margins on left */ } .equal-columns--outside-trim .small-down--one-half.small-down--one-half, .equal-columns--outside-trim .small-down--eight.small-down--eight, .equal-columns--outside-trim .small-down--one-third.small-down--one-third, .equal-columns--outside-trim .small-down--one-fourth.small-down--one-fourth, .equal-columns--outside-trim .small-down--four.small-down--four, .equal-columns--outside-trim .small-down--one-fifth.small-down--one-fifth, .equal-columns--outside-trim .small-down--one-sixth.small-down--one-sixth, .equal-columns--outside-trim .small-down--one-seventh.small-down--one-seventh, .equal-columns--outside-trim .small-down--two.small-down--two { margin-left: calc(20px / 2); margin-right: calc(20px / 2); } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .small-down--four:nth-of-type(4n), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .small-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .small-down--two:nth-of-type(8n+1) { margin-left: 0; } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-half { width: calc(50% - (20px - (20px / 2))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-third { width: calc(33.3333333333% - (20px - (20px / 3))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-sixth { width: calc(16.6666666667% - (20px - (20px / 6))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-seventh { width: calc(14.2857142857% - (20px - (20px / 7))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--two { width: calc(12.5% - (20px - (20px / 8))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--four { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--seven { width: calc(43.75% - (20px - (20px / 2))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--eight { width: calc(50% - (20px / 2)); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--nine { width: calc(56.25% - (20px - (20px / 2))); } } @media only screen and (max-width: 480px) { .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .small-down--one-whole, .has-no-side-gutter .small-down--one-half, .has-no-side-gutter .small-down--eight, .has-no-side-gutter .small-down--one-third, .has-no-side-gutter .small-down--two-thirds, .has-no-side-gutter .small-down--one-fourth, .has-no-side-gutter .small-down--four, .has-no-side-gutter .small-down--one-fifth, .has-no-side-gutter .small-down--three-fifths, .has-no-side-gutter .small-down--two-fifths, .has-no-side-gutter .small-down--one-sixth, .has-no-side-gutter .small-down--one-seventh, .has-no-side-gutter .small-down--one-eighth, .has-no-side-gutter .small-down--two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .small-down--one-whole { width: 100%; } .has-no-side-gutter .small-down--one-half { width: 50%; } .has-no-side-gutter .small-down--one-third { width: 33.3333333333%; } .has-no-side-gutter .small-down--one-fourth { width: 25%; } .has-no-side-gutter .small-down--one-fifth { width: 20%; } .has-no-side-gutter .small-down--two-fifths { width: 40%; } .has-no-side-gutter .small-down--three-fifths { width: 60%; } .has-no-side-gutter .small-down--one-sixth { width: 16.6666666667%; } .has-no-side-gutter .small-down--one-seventh { width: 14.2857142857%; } .has-no-side-gutter .small-down--one-eighth { width: 12.5%; } .has-no-side-gutter .small-down--two-thirds { width: 66.6666666667%; } .has-no-side-gutter .small-down--two { width: 12.5%; } .has-no-side-gutter .small-down--four { width: 25%; } .has-no-side-gutter .small-down--seven { width: 43.75%; } .has-no-side-gutter .small-down--eight { width: 50%; } .has-no-side-gutter .small-down--nine { width: 56.25%; } } @media only screen and (max-width: 480px) { .small-down--show { display: block !important; } } @media only screen and (max-width: 480px) { .small-down--hide { display: none !important; } } @media only screen and (max-width: 480px) { .small-down--text-left { text-align: left !important; } } @media only screen and (max-width: 480px) { .small-down--text-right { text-align: right !important; } } @media only screen and (max-width: 480px) { .small-down--text-center { text-align: center !important; } } /*================ Build Grid Push Classes ================*/ /* Can be used on inner div inside container element to apply borders (that maintain the same width as columns) */ .container-border--top::before { display: block; content: ""; height: 0; width: calc(100% - 20px); border-top: thin solid #cccccc; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; float: left; } @media only screen and (max-width: 480px) { .container-border--top::before { width: 100%; } } .container-border--bottom::after { display: block; content: ""; height: 0; width: calc(100% - 20px); border-top: thin solid #cccccc; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; clear: both; } @media only screen and (max-width: 480px) { .container-border--bottom::after { width: 100%; } } /* Applied to container elements that need to be smaller than the $site-width */ .narrow-width--true.container { max-width: 1000px; margin-left: auto; margin-right: auto; } /* Override the max-width on container element and stretch full screen (wide_display) */ .container.full-width--true, .full-width--true > .container { width: 100%; max-width: 100%; } @media only screen and (max-width: 480px) { .container.fullWidthMobile--true, .column.fullWidthMobile--true, .columns.fullWidthMobile--true { width: 100% !important; max-width: 100%; } } /* #Reset & Basics ================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } h1 { font-size: 2em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; word-wrap: break-word; } q { quotes: “”‘’; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } body, figure { margin: 0; } legend, button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } * { box-sizing: border-box; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } @media only screen and (max-width: 798px) { .clear { display: none; } } /* #Fonts ================================================== */@font-face { font-family: "DM Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 400; font-style: italic; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 700; font-style: italic; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 400; font-style: italic; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 700; font-style: italic; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 400; font-style: italic; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 700; font-style: italic; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 400; font-style: italic; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 700; font-style: italic; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 100; font-style: normal; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n1.580389dc4df7a79b9eaf149851cb60b3e1bb8dfc.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n1.504f53511fe3603bb04cdd33e5dc389e197c8fdf.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 100; font-style: italic; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i1.59295eaf695d761f0e0016341f1491715251d53d.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i1.e6e1158895e2b68579484cbfdf1415a41a9f18ac.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 400; font-style: italic; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 700; font-style: italic; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 400; font-style: italic; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 700; font-style: italic; font-display: swap; src: url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"), url("//www.sourcemyparts.com.au/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff"); } /* #Basic Styles ================================================== */ body { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 17px; text-transform: none; color: #000000; line-height: 1.6em; overflow: auto; background-color: #ffffff; }body.blocked-scroll { position: absolute; overflow: hidden; height: 100%; width: 100%; top: 0; left: 0; pointer-events: none; } body.blocked-overflow { overflow: hidden; } ::selection { background: #FFF7B6; color: black; } abbr { border-bottom: 1px dotted #cccccc; } details summary::-webkit-details-marker { display: none; } /* Theme editor */ .editor-visible--true { display: block !important; } /* Lazyloading styles */.transition--blur-up { -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: blur(5px); transform: translate3d(0, 0, 0); transition: filter 200ms; } .transition--blur-up.lazyloaded { filter: none; transform: scale(1); }img[data-sizes=auto].lazyloaded { height: auto; } img[data-sizes=auto], img[data-sizes="100vw"] { display: block; width: 100%; margin-left: auto; margin-right: auto; } /* Ensures that small images are not stretched larger */ .image__container { display: block; margin-left: auto; margin-right: auto; } .image-element__wrap { overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; } .image-element__wrap img { height: auto; } /* #Typography ================================================== */ .logo, .header__logo { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 20px; text-transform: uppercase; line-height: 1.2em; }.logo a span, .header__logo a span { color: #ffffff; } /* Headings */ h1 { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; font-size: 30px; margin: 0 auto 15px; clear: both; font-weight: 400; padding-top: 4px; } h1 a:link, h1 a:visited { font-weight: inherit; color: #000000; } h1 a:hover, h1 a:active { color: #000000; } h1.collection_title_tags { padding-right: 25px; border-right: solid 1px #cccccc; } h2, .h2, h2.title { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; font-size: 27px; margin-bottom: 0.75em; } h2 a, .h2 a, h2.title a { font-weight: inherit; } h2.collection_title, .h2.collection_title, h2.title.collection_title { margin-bottom: 0; display: inline; } h2.product_name a, .h2.product_name a, h2.title.product_name a { color: #000000; } .cart h2 { margin-top: 0; } h3, .h3 { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; font-size: 24px; margin: 0 auto 15px 0; } h3 a, h3 a:visited, .h3 a, .h3 a:visited { font-weight: inherit; color: #000000; } h3.title, .h3.title { line-height: 1.25; margin: 0 auto 15px; clear: both; padding-top: 4px; } h3.title a, h3.title a:visited, .h3.title a, .h3.title a:visited { color: #000000; } h3.sub_title, .h3.sub_title { padding: 5px 0; color: #000000; } h3.sub_title a, .h3.sub_title a { color: #000000; } h4, .h4 { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; font-size: 21px; margin: 0 0 0.5em 0; padding: 7px 0; } h4 a, .h4 a { font-weight: inherit; } h4.title a, .h4.title a { border: 0; padding: 0; margin: 0; } h5, .h5 { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; font-size: 19px; margin: 0 0 0.5em 0; padding: 7px 0; } h5 a, .h5 a { font-weight: inherit; } h5.sub_title, .h5.sub_title { padding: 5px 0; color: #000000; } h5.sub_title a, .h5.sub_title a { color: #000000; } h6, .h6 { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; font-size: 18px; letter-spacing: 1px; margin: 0 0 0.5em 0; padding: 7px 0; } h6 a, .h6 a { font-weight: inherit; } h6.title, .h6.title { line-height: 32px; margin: 0 0 0.5em 0; color: #000000; } .cart h6 { margin-top: 0; } .collection_title { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; font-size: 30px; margin: 0 auto 15px; clear: both; padding-top: 4px; } .collection_title a { font-weight: inherit; color: #000000; } .collection_title a:hover, .collection_title a:active { color: #000000; } div.collection_title { margin-bottom: 0; line-height: 30px; display: inline; } div.collection_title_tags { padding-right: 25px; border-right: solid 1px #cccccc; } .headline, .empty_cart, .promo-banner, .title { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; font-size: 30px; } .title.center.blog a { color: #000000; } /* Content */ p { margin: 0 0 15px; font-style: normal; line-height: 1.6em; } p img { margin: 0; } sub { font-size: 60%; } i, em { font-style: italic; } b, strong { font-weight: bold; } small { font-size: 90%; } .feature img { position: relative; top: 7px; margin-right: 5px; width: 25px; height: 25px; } .onboard-text { margin: 0; } .feature p { font-size: smaller; } #featured_links { padding: 20px 0; } #featured_links h2 { padding-top: 15px; }#featured_links .column, #featured_links .columns { opacity: 1; }/* Add default spacing to allow room for stars (from Shopify review app) */ .slider-gallery .shopify-product-reviews-badge { height: 30px; display: block; } /* Add spacing below review stars (from Shopify review app) */ .spr-badge + .feature-divider { margin-top: 15px; } .spr-badge { padding: 5px 0; } .thumbnail .spr-badge-caption { display: none; } .spr-badge-container { cursor: pointer; display: inline-block; } div#shopry-review-photos a { display: block !important; } /* Feature divider variables */ .feature-divider { width: 100%; margin-bottom: 20px; display: block; border: 0; border-color: #aaaaaa; border-bottom-width: 1px; border-bottom-style: solid; } .feature-divider.feature-divider--no-margin { margin-bottom: 0px; } @media only screen and (max-width: 798px) { .feature-divider { margin-bottom: 10px; } } .page .feature-divider, .page h2.title + .feature-divider { margin-bottom: 15px; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #cccccc; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite a, blockquote cite a:visited { color: #555; } blockquote cite:before { content: "— "; } hr { border-color: #aaaaaa; border-style: solid; clear: both; margin: 12px 0; height: 0; }hr { border-width: 1px; }.cart-container hr { border-top-width: 0; } .collection_description { margin: 0 0 0.5em 0; } /* #Breadcrumbs ================================================== */ .breadcrumb-wrapper { padding-bottom: 1rem; } div.breadcrumb-collection { margin-bottom: 1rem; } div.breadcrumb-collection.breadcrumb-collection--product { margin: 0; } @media only screen and (max-width: 798px) { div.breadcrumb-collection { text-align: center; } } .breadcrumb_text, .article-pagination { margin-top: 0px; text-transform: uppercase; font-size: 13px; margin-bottom: 0; } @media only screen and (max-width: 798px) { .breadcrumb_text, .article-pagination { margin-top: 0; } } .breadcrumb_text .breadcrumb-divider, .article-pagination .breadcrumb-divider { color: #000000; margin: 0 5px; } .breadcrumb_link:hover span { color: #848484; } .breadcrumb { font-size: 16px; } @media only screen and (max-width: 798px) { .breadcrumb { margin-bottom: 20px; } } /* #Links ================================================== */ a, a:visited, a span { color: #000000; text-decoration: none; position: relative; transition: color 0.1s linear; } a:hover, a:focus { color: #848484; } a, button, input, select, textarea, label, summary { touch-action: manipulation; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul ul, ul ol, ol ul, ol ol { margin: 4px 0 5px 30px; } ul ul li, ul ol li, ol ul li, ol ol li { margin-bottom: 6px; } ul li, ol li { margin-bottom: 12px; } ul { list-style: disc outside; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul.large li { line-height: 21px; } ul.none { list-style: none outside; margin-left: 0; } ul.border { list-style: none outside; line-height: 26px; } ul.border li { border-bottom: 1px solid #cccccc; list-style: none outside none; padding: 12px 0; margin-bottom: 0; } ol { list-style: decimal; } /* #Menu ================================================== */ .header { position: relative; z-index: 1000; width: 100%; top: 0; } .header select.currencies { color: #d9d9d9; text-shadow: none; } .header div.container { padding-bottom: 5px; padding-top: 5px; } body.is-active { overflow-y: hidden; height: 100vh; } body.is-active #header { bottom: 0; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } #header.mobile_nav-fixed--true, .mobile_nav-fixed--false.is-active #header { position: fixed; z-index: 1001; width: 100%; top: 0; left: 0; } #header { display: none; pointer-events: all; } #header .top-bar { text-align: center; display: flex; align-items: center; } #header .top-bar a.right { left: auto; right: 15px; font-size: 20px; padding-top: 8px; top: 4px; z-index: 1; } #header .top-bar a.mobile_nav { display: flex; align-items: center; z-index: 1; } #header .top-bar > a, #header .top-bar > a:visited, #header .top-bar > a:active { display: block; font-size: 25px; } #header .top-bar a span { color: #f4f4f4; display: inline-block; padding-left: 4px; position: relative; } #header .top-bar a.icon-bag:before, #header .top-bar a.icon-cart:before { font-size: 18px !important; } .nav ul.mobile_menu li a { display: inline-block; } /* Mobile nav */ #header .mobile_nav.dropdown_link { width: 25%; } #header .mobile_nav.dropdown_link span.menu_title { position: absolute; left: 40px; } .mobile_nav { display: flex; align-items: center; cursor: pointer; } .mobile_nav div { flex-shrink: 0; width: 30px; height: 40px; position: relative; float: left; margin: 0 8px 0 5px; transform: rotate(0deg); transition: 0.1s ease-in-out; } .mobile_nav div span { display: block !important; position: absolute !important; height: 1px !important; width: 100%; background: #f4f4f4; border-radius: 9px; opacity: 1; left: 0; padding: 0 !important; transform: rotate(0deg); transition: 0.1s ease-in-out; } .mobile_nav div span:nth-child(1) { top: 10px; } .mobile_nav div span:nth-child(2), .mobile_nav div span:nth-child(3) { top: 20px; } .mobile_nav div span:nth-child(4) { top: 30px; } .mobile_nav div.open span:nth-child(1) { top: 9px; width: 0%; left: 50%; } .mobile_nav div.open span:nth-child(2) { transform: rotate(45deg); } .mobile_nav div.open span:nth-child(3) { transform: rotate(-45deg); } .mobile_nav div.open span:nth-child(4) { top: 9px; width: 0%; left: 50%; } #mobile_menu { margin: 10px 20px; } #mobile_menu .sublink ul { display: none; margin-left: 0; padding-left: 10px; } #mobile_menu li { display: block; padding-right: 0; padding-left: 0; } #mobile_menu li a span.icon-down-arrow { padding: 0 15px !important; color: inherit; } .mobile-menu-item-title { display: inline-block; } /* Currency / language switcher on mobile */ .mobile-disclosure-link { cursor: pointer; } .mobile-menu__disclosure .selectors-form__wrap { justify-content: center; flex-direction: column; } .mobile-menu__disclosure .selectors-form__item { margin-left: 0; } .mobile-menu__disclosure .selectors-form__item:first-of-type .disclosure__toggle { border-top: none; } .mobile-menu__disclosure .disclosure { padding-top: 0; } .mobile-menu__disclosure .disclosure-list__item { padding: 0; } .mobile-menu__disclosure button.disclosure__button { justify-content: flex-start; font-size: 12px; color: #d9d9d9; padding-left: 0; min-height: 0; height: unset; width: 100%; padding-top: 12px; padding-bottom: 12px; line-height: 1.9em; } .mobile-menu__disclosure button.disclosure__button:hover, .mobile-menu__disclosure button.disclosure__button:focus { color: #848484; } #mobile_menu li.sublink span.currency-code { display: inline; padding-left: 0; } .feature_image.editor-hover--true .main-nav, .feature_image.editor-hover--true .dropdown { clear: both; transition: all 0.2s linear; animation: fadeIn 0.2s linear none; }.feature_image.editor-hover--true .main-nav, .feature_image.editor-hover--true .dropdown { background: rgba(27, 31, 35, 0.9); }.cart-container { float: right; } p.cart-message a { display: inline-block; } .top-bar { display: flex; justify-content: space-between; background-color: #1b1f23; } .top-bar .social_icons { margin: 0; padding-left: 10px; } .top-bar .social_icons li { padding: 5px; } .top-bar a { display: flex; align-items: center; } .top-bar ul.social_icons a { display: inline; flex: none; } .top-bar .top-bar--right { display: flex; align-items: center; margin-left: auto; height: 40px; } .top-bar .top-bar--right .icon-search { height: 100%; z-index: 10; position: relative; padding-right: 10px; padding-left: 10px; color: #f4f4f4; } .top-bar .top-bar--right .icon-search:before { margin-left: 0; font-size: 18px; } .top-bar .top-bar--right .icon-search:visited { color: #f4f4f4; } .top-bar .top-bar--right .icon-search:hover, .top-bar .top-bar--right .icon-search:focus, .top-bar .top-bar--right .icon-search:active { color: #d3d3d3; } .top-bar .top-bar--right .cart-container { display: inline-block; } .top-bar .mini-cart__item-title a { display: block; } .top-bar .mini-cart__item-title span { color: #000000; } .top-bar .mini-cart__item-title .sale { color: #d54d4d; margin-right: 3px; } .top-bar .mini-cart__item-title .was_price, .top-bar .mini-cart__item-title .complementary-product--on-sale .complementary-product__price-compare, .complementary-product--on-sale .top-bar .mini-cart__item-title .complementary-product__price-compare { color: #8c8b8b; } .top-bar--right-menu { display: flex; flex-wrap: nowrap; flex: 0 0 auto; } .main-nav, .dropdown { clear: both; transition: all 0.2s linear; animation: fadeIn 0.2s linear none; }.main-nav, .dropdown { background: rgba(27, 31, 35, 0.9); }.feature_image .main-nav, .feature_image .dropdown { background: transparent; }.is-active .sticky_nav { bottom: 0; overflow-y: scroll; overflow-x: hidden; } .nav--combined { width: 100%; display: flex; } .nav--combined.center { justify-content: center; } .nav--combined.align_right { justify-content: flex-end; align-items: center; display: block; } .combined-menu-container { width: 100%; display: flex; column-gap: 13px; } .center .combined-menu-container { justify-content: center; } .align_right .combined-menu-container { justify-content: flex-end; } .sticky_nav { display: none; position: fixed; width: 100%; z-index: 35; top: 0; left: 0; padding: 0; transform: translateY(-100%); opacity: 0; } .sticky_nav .main-nav { flex-wrap: nowrap; padding: 0 0 0 20px; } .sticky_nav .nav--left { padding-left: 20px; } .sticky_nav .nav--combined ul.menu { padding: 0 20px; } .sticky_nav ul.menu { font-size: 14px; padding-bottom: 0 !important; /* Override non-sticky menu padding */ } .sticky_nav .header__logo { padding: 12px 0; } .sticky_nav .menu-position--block.search-enabled--true .nav.nav--center { padding-left: 0; } .sticky_nav .menu-position--block .header__logo { margin-right: 20px; padding-left: 0; padding-right: 0; } .sticky_nav .menu-position--inline.logo-position--center.search-enabled--false .nav--right { width: calc(45% - 70px); } .sticky_nav .menu-position--inline.logo-position--center .nav--right { width: calc(45% - 130px); } .sticky_nav .header__logo span { color: #d9d9d9; } .sticky_nav .search-container { max-width: 60px; padding: 12px 0; } .sticky_nav .search-container a { padding: 0 20px; color: #d9d9d9; } .sticky_nav .mini_cart { font-size: 18px; padding: 12px; align-items: center; } .sticky_nav .mini_cart:before { margin: 0; } .sticky_nav .mini_cart .cart_count { margin: 0; padding: 0 0 0 8px; } .sticky_nav[data-animation] { display: block; transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; } .sticky_nav[data-animation-state=open] { display: block; opacity: 1; transform: translateY(0); max-width: 100%; } @media only screen and (max-width: 798px) { .sticky_nav--stick { display: none; } } .main-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 10px 20px; } .menu { flex: 1 1 auto; display: block; border: none; padding: 0; margin: 0; } .menu li { margin: 0; border: 0; display: inline-block; } .menu-position--inline { flex-wrap: nowrap; } .menu-position--inline .header__logo { width: 100%; } .menu-position--block.search-enabled--true .nav.nav--center { padding-left: 200px; } .menu-position--block .header__logo { width: 100%; max-width: none; /* Undo max-width so menu appears below logo */ } .top-bar__menu { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; list-style: none; } .top-bar__menu li { margin: 0; padding: 0; } .top-bar__menu .icon-user { padding: 0; } .header__logo { width: auto; line-height: 1; margin-left: 20px; margin-right: 20px; } .header__logo a { display: inline-block; } .header__logo img, .header__logo span.header__logo-text { width: 100%; display: inline-block; color: #ffffff; } .logo-alignment--left.menu-position--block .header__logo { padding-right: 0; padding-left: 0; } .logo-alignment--center .header__logo { text-align: center; } .logo-position--left .header__logo { padding-right: 20px; margin-right: 0; margin-left: 0; margin-top: 5px; } .logo-position--center.menu-position--block .header__logo { margin: 0; } .logo-position--center.search-enabled--true .nav--right { width: calc(45% - 220px); /* Includes 20px to account for padding on search container */ } .logo-position--center.menu-position--inline .nav--left { width: 45%; } .menu-position--inline.logo-position--center.search-enabled--false .nav--right { width: 45%; } .cart-container .mini_cart { display: flex; justify-content: center; font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #f4f4f4; letter-spacing: 1px; white-space: nowrap; } .cart-container .mini_cart .cart_count { color: inherit; } @media only screen and (max-width: 480px) { .cart-container .mini_cart { width: 50px; max-width: 50px; } } .search-container { width: 100%; max-width: 200px; padding-left: 20px; } .search-container .search-link { display: none; } .search-container input { z-index: 29; } .nav ul li a.sub-menu { padding: 10px 4px 10px 4px; z-index: 1001; } .nav ul li:hover a.sub-menu { color: #d9d9d9; } .menu a, .menu a:visited, .menu a span, select.currencies { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 14px; text-transform: uppercase; color: #d9d9d9; padding-top: 12px; padding-bottom: 12px; position: relative; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; } @media only screen and (max-width: 798px) { .menu a, .menu a:visited, .menu a span, select.currencies { font-size: 12px; } } .menu a:hover, .menu a:active { color: #848484; } #header span.menu_title, .menu a span, select.currencies, .mini_cart span { padding-left: 5px; padding-right: 5px; } #header span.menu_title { cursor: pointer; height: 40px; line-height: 20px; margin-top: -2px; } .menu li { vertical-align: top; padding-right: 10px; } .shopify-currency-form { margin-bottom: 0; } select.currencies { height: 40px; min-height: 40px; padding-top: 0; padding-bottom: 0; cursor: pointer; background-image: url(//www.sourcemyparts.com.au/cdn/shop/t/36/assets/select_light.png?v=153136132513795776861781754494); } @media only screen and (max-width: 798px) { select.currencies { font-size: 16px; } } #mobile_menu select.currencies { padding-left: 0; } .top-bar li { padding-left: 10px; padding-right: 10px; } .top-bar .social_icons a { height: 40px; line-height: 40px; padding: 0; } .top-bar .top-bar__menu a, .top-bar .social_icons a, .top-bar .mobile-menu-title { padding: 0; font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #f4f4f4; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #f4f4f4; text-transform: uppercase; } .top-bar .top-bar__menu a:visited, .top-bar .social_icons a:visited, .top-bar .mobile-menu-title:visited { color: #f4f4f4; } .top-bar .top-bar__menu a:hover, .top-bar .top-bar__menu a:focus, .top-bar .top-bar__menu a:active, .top-bar .social_icons a:hover, .top-bar .social_icons a:focus, .top-bar .social_icons a:active, .top-bar .mobile-menu-title:hover, .top-bar .mobile-menu-title:focus, .top-bar .mobile-menu-title:active { color: #d3d3d3; } /* Mini cart */ .mini_cart, .nav a.mini_cart { float: right; text-align: center; cursor: pointer; padding-left: 5px; padding-right: 5px; margin-left: 5px; z-index: 2001; } @media only screen and (min-width: 799px) { .mini_cart, .nav a.mini_cart { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 798px) { .mini_cart, .nav a.mini_cart { right: 0; } } .cart-container li.mini-cart__item { display: flex; justify-content: space-between; } .top-bar a.mini_cart span { padding-top: 0; padding-bottom: 0; line-height: 40px; } a.tos_icon, .cart_content a.tos_icon { font-size: 13px; color: #000000; } a.tos_icon:visited, .cart_content a.tos_icon:visited { color: #000000; } a.tos_icon:hover, .cart_content a.tos_icon:hover { color: #848484; } .cart_content__continue-shopping { display: none; } .no-touchevents a.cart_content__continue-shopping.secondary_button { display: none; } .no-touchevents a.cart_content__continue-shopping.secondary_button, .touchevents a.cart_content__continue-shopping.secondary_button { display: none; } @media only screen and (max-width: 798px) { .no-touchevents a.cart_content__continue-shopping.secondary_button, .touchevents a.cart_content__continue-shopping.secondary_button { display: block; border-top: 0; margin: 0 auto; padding-top: 0; padding-bottom: 10px; margin-bottom: 10px; position: static; font-size: inherit; letter-spacing: inherit; } } .mini_cart span { display: inline-block; } .cart-container .cart_content { display: none; } .active_link { pointer-events: all; } .cart-container.active_link .cart_content { display: block; overflow-y: auto; max-height: calc(90vh - 100px); } .cart-container.active_link .cart_content::-webkit-scrollbar { -webkit-appearance: none; appearance: none; width: 7px; } .cart-container.active_link .cart_content::-webkit-scrollbar-thumb { border-radius: 0; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } #cart_form { width: 100%; } #cart_form p.modal_price { margin-bottom: 0; padding-bottom: 0; } @media only screen and (max-width: 480px) { #cart_form p.modal_price { font-size: inherit; } } #cart_form .product-quantity-box { margin: 15px 0; width: 130px; } .cart_content .product-quantity-box { margin: 15px 0 0; width: 130px; } .cart_content .product-plus.is-disabled, .cart_content .product-minus.is-disabled, #cart_form .product-plus.is-disabled, #cart_form .product-minus.is-disabled { pointer-events: none; } .cart_content .product-quantity-box .quantity, #cart_form .product-quantity-box .quantity { padding: 0 5px; width: 30%; min-height: 30px; height: 30px; } .cart_content .product-quantity-box .product-plus, #cart_form .product-quantity-box .product-plus { font-size: 15px; line-height: 30px; height: 30px; padding-right: 2px; width: 25%; } .cart_content .product-quantity-box .product-minus, #cart_form .product-quantity-box .product-minus { font-size: 15px; line-height: 30px; height: 30px; padding-right: 2px; width: 25%; } #cart_form .product-quantity-box .product-minus, #cart_form .product-quantity-box .product-plus, .nav .product-quantity-box .product-minus, .nav .product-quantity-box .product-plus { padding-right: 0; } #cart_form .icon-minus, #cart_form .icon-plus { position: relative; left: 1px; } .cart__continue-shopping { width: 100%; margin-top: 25px; }.cart-container.active_link .mini_cart, .cart-container.active_link .mini_cart span { background-color: #ffffff; color: #000000 !important; } .cart_content { top: 168px; right: 0; position: absolute; z-index: 2000; background-color: #ffffff; font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: none; color: #000000; border: 1px solid #cccccc; border-top: 0; border-right: 0; width: 100%; max-width: 320px; } @media only screen and (min-width: 799px) { .cart_content { max-width: 420px; } } div.cart_content form { margin: 15px 0 0 0; padding: 0; } .mini-cart__item.animated, .cart__item.animated { animation-duration: 0.7s; } .mini-cart__item--image { width: 40%; } .cart_content li.mini-cart__item { position: relative; } .cart_content li.mini-cart__item a.cart__remove-btn { position: absolute; top: 0; right: 0; } .cart_content li.mini-cart__item a.cart__remove-btn:active { position: absolute; } .cart_content li.mini-cart__item a.cart__remove-btn span { color: #000000; } .cart_content li.mini-cart__item a.cart__remove-btn .remove-icon { margin-left: 0; } .cart_content li.mini-cart__item a.cart__remove-btn .remove-icon:before { font-size: 25px; } #header .top-bar a span.remove-icon { color: #000000; } #header li.mini-cart__item a.cart__remove-btn { top: 0; } /* Mini cart */ .mini-cart__item-content { display: flex; flex: 1; flex-direction: column; flex-wrap: wrap; position: relative; text-align: left; } .mini-cart__item-price { padding-top: 10px; line-height: 1; font-weight: bold; } .mini-cart__unit-price { margin: 0; font-size: 0.925em; } .mini-cart__item-title { display: flex; flex-direction: column; padding-right: 20px; } .cart__item { display: flex; align-items: center; margin: 10px 0; padding: 10px 0; position: relative; border-bottom: 1px solid #cccccc; } @media only screen and (max-width: 798px) { .cart__item--content { margin-left: 20px; } } @media only screen and (max-width: 798px) { .cart__item--image { max-width: 33.333%; } } .container .column.cart__item--image { margin-left: 0; } .cart__item--title { margin-right: 15%; } @media only screen and (max-width: 798px) { .cart__item--title { margin-right: 20px; } } .cart__item-unit-price, .order-details__unit-price, .product-details__unit-price, .thumbnail .unit-pricing { margin: 0; font-size: 0.925em; } .product-details__unit-price { margin-bottom: 5px; } .order-details__unit-price { display: block; } .product-details__unit-price, .product-details__unit-price span { color: #000000; } .thumbnail-overlay .product-details__unit-price, .thumbnail-overlay .product-details__unit-price span { color: #ffffff; } .cart__item--discount, .meta.cart__item--discount .label { color: #d54d4d; margin-top: 15px; } .cart_discounts { display: flex; align-items: flex-start; line-height: 1; } .cart_discounts .cart_discounts--title { width: 60%; margin-right: 20px; } .cart_discounts .cart_discounts--price { width: calc(40% - 20px); text-align: right; } .cart__remove-btn { display: flex; cursor: pointer; position: absolute; right: 0; top: 10px; } .cart__remove-btn span.remove-text, .cart__remove-btn span.remove-icon { color: #000000; } .cart__remove-btn:hover span, .cart__remove-btn:active span { color: #848484; } @media only screen and (max-width: 1024px) { .cart__remove-btn .remove-text { display: none; } } .cart__remove-btn .remove-icon { margin-left: 5px; } .cart__remove-btn .remove-icon:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 1em; display: block; content: "×"; } .cart .cart_subtotal { font-weight: bold; font-size: larger; } .cart_content .cart_subtotal { text-align: left; font-weight: bold; } .cart_content a, .cart_content a:visited, .cart_content a:hover, .cart_content a .price, .cart_content a .price span { color: #000000 !important; } .cart_content a .price span { padding-left: 5px; } .cart_content ul { list-style: none; margin: 0; padding: 15px 20px; } .cart_content ul li { padding-left: 0; padding-right: 0; } .cart_content ul li:empty { margin-bottom: 0; } .cart_content ul li .cart_discounts--title { text-align: left; } .cart_content ul li { list-style: none; clear: both; } .mini_cart, .top-bar [class^=icon-]:before, .top-bar [class*=" icon-"]:before { font-size: 15px; margin-right: 0; } #customer_login, #customer_login_guest { display: inline; } @media only screen and (max-width: 480px) { #customer_login, #customer_login_guest { display: block; } } input[type=submit].guest_button, input[type=button].guest_button { color: #000000; box-shadow: none; background: transparent; border: 0; padding: 0; text-align: left; } input[type=submit].guest_button:hover, input[type=button].guest_button:hover { background: transparent; border: 0; color: #848484; } @media only screen and (min-width: 799px) { input[type=submit].guest_button, input[type=button].guest_button { text-align: center; } } .menu ul li .mini_cart span { padding-left: 5px; top: -1px; } .dropdown_container { clear: both; width: 100%; display: none; position: absolute; bottom: 0; left: 0; } @media only screen and (max-width: 798px) { .dropdown_container { position: relative; bottom: initial; /* Reset default bottom positioning */ } } .dropdown_container img { max-width: 100%; } .dropdown { position: absolute; width: 100%; z-index: 1000; } .dropdown_content { display: table; width: 100%; margin: 0 auto; } .mega-menu .dropdown_content { display: flex; flex-direction: row; width: 100%; margin: 0 auto; } .mega-menu__richtext, .mega-menu__image-caption-link { padding: 0 5px; } .mega-menu__richtext a, .mega-menu__richtext a:active, .mega-menu__richtext a:hover { display: inline-block; text-transform: none; padding: 0; } .mega-menu__image-caption-link { text-align: center; margin-bottom: 10px; } .mega-menu__image-caption-link a, .mega-menu__image-caption-link a:visited, .mega-menu__image-caption-link a:active, .mega-menu__image-caption-link a:hover { text-transform: none; display: block; } .mega-menu__image-caption, .mobile-mega-menu__image-caption { margin: 10px 0; } .dropdown_content a p, .mobile-mega-menu a p { padding: 0; } .dropdown_content p, .mobile-mega-menu p { font-family: "DM Sans", sans-serif; font-size: 14px; font-style: normal; color: #d9d9d9; padding-top: 12px; padding-bottom: 12px; position: relative; display: block; text-rendering: optimizeLegibility; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; margin-bottom: 0; } .dropdown_content p, .dropdown_content a, .dropdown_content a:hover, .dropdown_content a:active { font-size: 14px; letter-spacing: 1px; } .dropdown_column__menu + .dropdown_column__menu { margin-top: 10px; } .dropdown_narrow { width: 60%; } .dropdown_column { display: table-cell; padding: 15px 20px 30px 20px; width: 16.666%; vertical-align: top; } .dropdown_column img { max-width: 100%; } .dropdown_column ul { margin: 0; padding: 0; } .dropdown_column ul.dropdown_title { border-bottom: solid 1px #d9d9d9; padding-bottom: 10px; } .dropdown_column ul.dropdown_item { text-align: center; } .mega-menu .dropdown_column { width: 100%; padding: 15px 20px 30px 20px; } .mega-menu { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; } .dropdown_column li { display: block; } .dropdown_column li a, .dropdown_column li a:hover, .dropdown_column li a:active { padding-bottom: 0; text-transform: none; } .dropdown_row { display: table-row; } select.currencies { border: 0 !important; background-color: transparent; margin-bottom: 0 !important; min-width: 65px; outline: 0; background-position: 96.5% 55%; background-size: 18px 12px; text-shadow: none !important; box-shadow: none !important; text-indent: 0.01px; text-overflow: ""; -webkit-appearance: none; appearance: none; } select.currencies:active { border: 0; outline: 0; text-shadow: 0; box-shadow: 0; } select.currencies option { color: #d9d9d9; }select.currencies option { background: rgba(27, 31, 35, 0.6); }.menu li.currencies { padding: 0; } .container div.collection_nav { margin-bottom: 1.5em; } .collection_menu, .collection_menu li { display: inline; list-style: none; border: none; position: relative; top: -3px; margin: 0; } .collection_menu li { padding-left: 25px; } .sidebar-wrap { border-right: 1px solid #cccccc; margin-right: 10px; padding-right: 20px; } @media only screen and (max-width: 798px) { .sidebar-wrap { border: none; padding-right: 0; } } .sidebar a, .sidebar a:visited { color: #363636; } .sidebar a:hover, .sidebar a:active { color: #848484; } .sidebar .meta { margin-left: 2px; } .sidebar .spr-badge { color: #000000; } .sidebar .recently-viewed-list .brand { color: #000000; } .toggle-all--true h4.toggle { cursor: pointer; pointer-events: all; } .toggle-all--true .toggle span { display: block; } .content_block.toggle_list a { display: inline; position: static; padding-left: 0; margin-left: 0; border-left: none; color: #000000; } .content_block.toggle_list a:hover { border-left: none; color: #848484; } .toggle_list { margin: 0; padding: 10px 0 15px 0; } .toggle_list a { display: inline-block; position: relative; margin-left: 0; max-width: 80%; border-left: solid 2px transparent; transition: border 200ms ease-out; } .toggle_list a.active, .toggle_list a.active--default { padding-left: 8px; border-left: solid 2px ; } ul.toggle_list li ul { display: none; } ul.toggle_list li ul.active { display: block; } .sidebar .toggle_list a.active { border-left: solid 9px #848484; } .toggle_list li { list-style: none; line-height: 1.4em; padding: 8px 0 8px 0; } .toggle_list .meta span { line-height: 2.5; } .sidebar_text { margin-bottom: 12px; padding-top: 10px; } .sidebar__content { border-left: solid 1px #cccccc; padding-left: 20px; } .sidebar__content .toggle_list li { line-height: 1.2; } .sidebar .newsletter { margin-bottom: 20px; } .sidebar .newsletter form { width: 100%; } .sidebar li ul { margin: 8px 0 0 15px; } .sidebar .toggle_list li ul { padding-left: 0; } .sidebar ul li { margin-bottom: 0; } .sidebar input.newsletter-form__sign-up[type=submit], .sidebar input.contact_email[type=email] { width: 100% !important; margin-left: 0; } .blog_search { position: relative; } .sidebar-block { position: relative; height: var(--closed-height, auto); overflow: hidden; padding-left: var(--sidebar-left-safe-area); } .sidebar-block::after { content: ""; position: absolute; height: 1px; right: 0; bottom: 0; left: var(--sidebar-left-safe-area); background: #cccccc; } .sidebar-block[open] { height: var(--open-height, auto); } .sidebar-block[data-sidebar-block-state=closed] { height: var(--closed-height, auto); } .sidebar-block[data-sidebar-block-animation="closed=>open"] { transition: height 250ms ease-in-out; } .sidebar-block[data-sidebar-block-animation="open=>closed"] { transition: height 200ms ease-in-out; } .sidebar-block[data-sidebar-block-state=open] { height: var(--open-height, auto); } .sidebar > .sidebar-block:last-child { border-bottom: none; } .sidebar-block:empty { border-bottom: none; display: none; } .sidebar-block:blank { border-bottom: none; } /* Filter collections */ .sidebar .filter-active-tag { position: relative; } .color-filter--true label { display: flex; align-items: center; } .sidebar__collection-filter a, .sidebar__collection-filter label { cursor: pointer; } .sidebar__collection-filter label { text-transform: none; font-weight: normal; font-size: inherit; } .sidebar__collection-filter label:hover { color: #848484; } .sidebar__collection-filter input[type=checkbox] { display: none; } .sidebar__collection-filter input.styled-checkbox[type=checkbox] { -webkit-appearance: none; appearance: none; box-sizing: border-box; width: 20px; height: 20px; display: inline-block; cursor: pointer; position: relative; vertical-align: top; background-size: cover; margin-right: 15px; }.sidebar__collection-filter button.clear-active-filter, .sidebar__collection-filter button.clear-active-filter:active { color: #000000; background-color: transparent; border: none; outline: 0; box-shadow: 0; font-family: inherit; letter-spacing: 0; text-transform: none; position: absolute; transform: translateY(-50%); top: 0; right: 0; left: auto; padding: 2px 4px; line-height: 1.2; display: block; height: auto; min-height: auto; } .sidebar__collection-filter button.clear-active-filter:hover { color: #848484; } .sidebar__collection-filter .x-icon, .faceted-filter-form .x-icon { position: relative; display: inline-block; overflow: visible; width: 15px; height: 15px; margin: 0 2px 0 0; padding: 0; cursor: pointer; transition: color 0.2s; text-decoration: none; font-style: normal; color: #95979c; border: 0; outline: 0; background: transparent; vertical-align: middle; top: -1px; } .sidebar__collection-filter .x-icon:before, .faceted-filter-form .x-icon:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 15px; position: absolute; top: 0; left: 0; display: block; width: 15px; content: "×"; text-align: center; } ::-webkit-input-placeholder { color: #888; } :-moz-placeholder { /* Firefox 18- */ color: #888; } ::-moz-placeholder { /* Firefox 19+ */ color: #888; } :-ms-input-placeholder { color: #888; } /* Sub Collections */ .featured_collections.sub-collection { margin-bottom: 10px; } .featured_collections.sub-collection .thumbnail { margin-bottom: 10px; } @media only screen and (max-width: 798px) { .featured_collections.sub-collection .thumbnail { width: 100%; } } .sub-collection--2 .thumbnail { width: calc(50% - 20px); } .sub-collection--2 .thumbnail:nth-child(2n+1) { clear: both; } .sub-collection--3 .thumbnail { width: calc(33.33333% - 20px); } .sub-collection--3 .thumbnail:nth-child(3n+1) { clear: both; } .sub-collection--4 .thumbnail { width: calc(25% - 20px); } .sub-collection--4 .thumbnail:nth-child(4n+1) { clear: both; } .list-collections-wrapper img[src*="/no-image"] ~ .thumbnail-overlay { opacity: 1 !important; } .list-collections-wrapper img[src*="/no-image"] ~ .thumbnail-overlay .collection-details { opacity: 1; transform: none; } @media only screen and (max-width: 798px) { .list-collections-wrapper img[src*="/no-image"] ~ .collection-info__caption { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } } .list-collections-wrapper .img { width: 100%; } .list-collections-wrapper .collection-info__caption { margin-top: 20px; }.list-collections-wrapper .collection-info__caption { display: block; }@media only screen and (max-width: 798px) { .list-collections-wrapper .collection-info__caption { display: block; position: static; } }.blog-header { margin-bottom: 5px; } @media only screen and (max-width: 798px) { .blog-header .blog-title { width: 100%; margin-bottom: 0; } } /* Blog Article Styling */ .article .icon-slash { padding-right: 5px; } /* Styles for blog, collections */ .section_select { padding: 0; text-align: right; } .section_select .blog_filter, .section_select .tag_filter, .section_select .sort_by { color: #333333; display: inline-block; border: none; padding-right: 30px; background-position: 100% 50%; background-color: #ffffff; font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 14px; text-transform: uppercase; width: auto; margin-bottom: 0; max-width: 80%; } @media only screen and (max-width: 798px) { .section_select .blog_filter, .section_select .tag_filter, .section_select .sort_by { width: 100%; max-width: 100%; font-size: 16px; padding-left: 0; } } /* #Images ================================================== */ /* The purpose of the below declaration is to make sure images don't exceed the width of columns they are put into when resizing window. Unfortunately, this declaration breaks certain lightbox, slider or other plugins, so the best solution is to individually call these properties on images that are children of the grid that you want to resize with grid. */ .product_row img, .product_image_col img, .article img, .section img, .thumbnail img, .page img, .sidebar img, .logo img, .cart_image img, .footer img, #target img, .column img, .columns img { max-width: 100%; height: auto; } .image-crop--left img, .image-crop--left .image-element__wrap { object-fit: cover; object-position: left; height: 100% !important; } .image-crop--right img, .image-crop--right .image-element__wrap { object-fit: cover; object-position: right; height: 100% !important; } .image-crop--center img, .image-crop--center .image-element__wrap { object-fit: cover; height: 100% !important; } .zoom-container { display: block; } /* #Placeholders ================================================== */ .placeholder-svg { fill: rgba(0, 0, 0, 0.9); background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; display: block; } .placeholder-svg--banner, .placeholder-svg--slideshow, .placeholder-svg--video { height: 500px; } @media only screen and (max-width: 798px) { .placeholder-svg--banner, .placeholder-svg--slideshow, .placeholder-svg--video { height: 350px; } } @media only screen and (max-width: 480px) { .placeholder-svg--banner, .placeholder-svg--slideshow, .placeholder-svg--video { height: 250px; } } .shopify-section--featured-promotions .feature-section:nth-child(even) .placeholder-svg--promotions { background-color: rgba(0, 0, 0, 0.6); } .image-with-text-section .featured-link--image:nth-child(odd) .placeholder-svg--promotions { background-color: rgba(0, 0, 0, 0.6); fill: rgba(0, 0, 0, 0.9); } .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n+1) .placeholder-svg--slideshow { background-color: rgba(0, 0, 0, 0.6); } .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n) .placeholder-svg--slideshow { background-color: rgba(0, 0, 0, 0.8); } /* #Videos ================================================== */ .video-wrapper { position: relative; background-color: #ffffff; /* Allows users to click embedded iframe ui when video paused */ } .video-wrapper .video__overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin-left: auto; margin-right: auto; z-index: 1; pointer-events: none; } .video-wrapper.darken-video--true .video__overlay { background: rgba(0, 0, 0, 0.3); } .video-wrapper .plyr--video.plyr--paused .plyr__video-embed iframe { z-index: 5; } .video-wrapper .plyr--full-ui.plyr--video .plyr__control--overlaid { display: none; } .video-wrapper.play-button-icon--visible .plyr--paused .plyr__control--overlaid { display: block; opacity: 1; } .video-wrapper video { display: block; width: 100%; height: auto; } .video-wrapper .video__text-container { position: absolute; top: 50%; transform: translate(0, -50%); width: 100%; margin: auto; z-index: 2; pointer-events: none; } .video-wrapper .video__text-wrapper { margin: 0; padding: 30px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3); } @media only screen and (max-width: 798px) { .video-wrapper { display: flex; flex-direction: column; } } /* #Buttons ================================================== */ .global-button, product-cta, .custom-html-container button, .shopify-payment-button__button.shopify-payment-button__button--unbranded, .sidebar .faceted-active-filters__clear, .sidebar .faceted-active-filters__remove-filter { display: inline-flex; align-items: center; justify-content: center; border: 1px solid; padding: 13px 20px; text-align: center; line-height: 1.2; font-family: "DM Sans", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; cursor: pointer; transition: all 0.2s linear; border-color: var(--button-color-border, #0f1125); background: var(--button-color-background, #0f1125); color: var(--button-color-text, #ffffff); }.global-button, product-cta, .custom-html-container button, .shopify-payment-button__button.shopify-payment-button__button--unbranded, .sidebar .faceted-active-filters__clear, .sidebar .faceted-active-filters__remove-filter { border-radius: 0; }.global-button:visited, product-cta:visited, .custom-html-container button:visited, .shopify-payment-button__button.shopify-payment-button__button--unbranded:visited, .sidebar .faceted-active-filters__clear:visited, .sidebar .faceted-active-filters__remove-filter:visited { color: var(--button-color-text, #ffffff); } .global-button:hover:not([disabled]), .global-button:active, product-cta:hover:not([disabled]), product-cta:active, .custom-html-container button:hover:not([disabled]), .custom-html-container button:active, .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not([disabled]), .shopify-payment-button__button.shopify-payment-button__button--unbranded:active, .sidebar .faceted-active-filters__clear:hover:not([disabled]), .sidebar .faceted-active-filters__clear:active, .sidebar .faceted-active-filters__remove-filter:hover:not([disabled]), .sidebar .faceted-active-filters__remove-filter:active { background: var(--button-color-background-hover, var(--button-color-background, #363636)); border-color: var(--button-color-border-hover, var(--button-color-border, #363636)); color: var(--button-color-text-hover, var(--button-color-text, #ffffff)); } .global-button:active, product-cta:active, .custom-html-container button:active, .shopify-payment-button__button.shopify-payment-button__button--unbranded:active, .sidebar .faceted-active-filters__clear:active, .sidebar .faceted-active-filters__remove-filter:active { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); outline: 0; } .global-button[disabled], product-cta[disabled], .custom-html-container button[disabled], .shopify-payment-button__button.shopify-payment-button__button--unbranded[disabled], .sidebar .faceted-active-filters__clear[disabled], .sidebar .faceted-active-filters__remove-filter[disabled] { cursor: not-allowed; } .global-button--product-grid-text-hover { --button-color-border: #ffffff; --button-color-background: transparent; --button-color-text: #ffffff; --button-color-border-hover: #ffffff; --button-color-background-hover: #ffffff; --button-color-text-hover: #333333 ; } @media only screen and (min-width: 481px) { .global-button--primary-desktop { --button-color-border: #0f1125; --button-color-background: #0f1125; --button-color-text: #ffffff; --button-color-border-hover: #363636; --button-color-background-hover: #363636; --button-color-text-hover: #ffffff; } .global-button--secondary-desktop { --button-color-border: #0f1125; --button-color-background: transparent; --button-color-text: #0f1125; --button-color-border-hover: #363636; --button-color-background-hover: #363636; --button-color-text-hover: #ffffff; } .global-button--text-desktop { --button-color-border: #000000; --button-color-background: transparent; --button-color-text: #000000; --button-color-border-hover: #000000; --button-color-background-hover: #000000; --button-color-text-hover: #ffffff ; } .global-button--text-highlighted-desktop { --button-color-border: #000000; --button-color-background: #000000; --button-color-text: #ffffff ; --button-color-border-hover: #0f0f0f ; --button-color-background-hover: #0f0f0f ; --button-color-text-hover: #ffffff ; } .global-button--banner-text-desktop { --button-color-border: #ffffff; --button-color-background: transparent; --button-color-text: #ffffff; --button-color-border-hover: #ffffff; --button-color-background-hover: #ffffff; --button-color-text-hover: #333333 ; } .global-button--banner-text-highlighted-desktop { --button-color-border: #ffffff; --button-color-background: #ffffff; --button-color-text: #333333 ; --button-color-border-hover: #ebebeb ; --button-color-background-hover: #ebebeb ; --button-color-text-hover: #333333 ; } .global-button--banner-desktop { --button-color-border: #ffffff; --button-color-background: transparent; --button-color-text: #ffffff; --button-color-border-hover: #ffffff; --button-color-background-hover: #ffffff; --button-color-text-hover: #333333 ; } .global-button--banner-highlighted-desktop { --button-color-border: #ffffff; --button-color-background: #ffffff; --button-color-text: #333333 ; --button-color-border-hover: #ebebeb ; --button-color-background-hover: #ebebeb ; --button-color-text-hover: #333333 ; } } @media only screen and (max-width: 480px) { .global-button--primary-mobile { --button-color-border: #0f1125; --button-color-background: #0f1125; --button-color-text: #ffffff; --button-color-border-hover: #363636; --button-color-background-hover: #363636; --button-color-text-hover: #ffffff; } .global-button--secondary-mobile { --button-color-border: #0f1125; --button-color-background: transparent; --button-color-text: #0f1125; --button-color-border-hover: #363636; --button-color-background-hover: #363636; --button-color-text-hover: #ffffff; } .global-button--text-mobile { --button-color-border: #000000; --button-color-background: transparent; --button-color-text: #000000; --button-color-border-hover: #000000; --button-color-background-hover: #000000; --button-color-text-hover: #ffffff ; } .global-button--text-highlighted-mobile { --button-color-border: #000000; --button-color-background: #000000; --button-color-text: #ffffff ; --button-color-border-hover: #0f0f0f ; --button-color-background-hover: #0f0f0f ; --button-color-text-hover: #ffffff ; } .global-button--banner-text-mobile { --button-color-border: #ffffff; --button-color-background: transparent; --button-color-text: #ffffff; --button-color-border-hover: #ffffff; --button-color-background-hover: #ffffff; --button-color-text-hover: #333333 ; } .global-button--banner-text-highlighted-mobile { --button-color-border: #ffffff; --button-color-background: #ffffff; --button-color-text: #333333 ; --button-color-border-hover: #ebebeb ; --button-color-background-hover: #ebebeb ; --button-color-text-hover: #333333 ; } .global-button--banner-mobile { --button-color-border: #ffffff; --button-color-background: transparent; --button-color-text: #ffffff; --button-color-border-hover: #ffffff; --button-color-background-hover: #ffffff; --button-color-text-hover: #333333 ; } .global-button--banner-highlighted-mobile { --button-color-border: #ffffff; --button-color-background: #ffffff; --button-color-text: #333333 ; --button-color-border-hover: #ebebeb ; --button-color-background-hover: #ebebeb ; --button-color-text-hover: #333333 ; } } .global-button--primary { --button-color-border: #0f1125; --button-color-background: #0f1125; --button-color-text: #ffffff; --button-color-border-hover: #363636; --button-color-background-hover: #363636; --button-color-text-hover: #ffffff; } .global-button--secondary { --button-color-border: #0f1125; --button-color-background: transparent; --button-color-text: #0f1125; --button-color-border-hover: #363636; --button-color-background-hover: #363636; --button-color-text-hover: #ffffff; } .global-button--text { --button-color-border: #000000; --button-color-background: transparent; --button-color-text: #000000; --button-color-border-hover: #000000; --button-color-background-hover: #000000; --button-color-text-hover: #ffffff ; } .global-button--text-highlighted { --button-color-border: #000000; --button-color-background: #000000; --button-color-text: #ffffff ; --button-color-border-hover: #0f0f0f ; --button-color-background-hover: #0f0f0f ; --button-color-text-hover: #ffffff ; } .global-button--banner-text { --button-color-border: #ffffff; --button-color-background: transparent; --button-color-text: #ffffff; --button-color-border-hover: #ffffff; --button-color-background-hover: #ffffff; --button-color-text-hover: #333333 ; } .global-button--banner-text-highlighted { --button-color-border: #ffffff; --button-color-background: #ffffff; --button-color-text: #333333 ; --button-color-border-hover: #ebebeb ; --button-color-background-hover: #ebebeb ; --button-color-text-hover: #333333 ; } .global-button--banner { --button-color-border: #ffffff; --button-color-background: transparent; --button-color-text: #ffffff; --button-color-border-hover: #ffffff; --button-color-background-hover: #ffffff; --button-color-text-hover: #333333 ; } .global-button--banner-highlighted { --button-color-border: #ffffff; --button-color-background: #ffffff; --button-color-text: #333333 ; --button-color-border-hover: #ebebeb ; --button-color-background-hover: #ebebeb ; --button-color-text-hover: #333333 ; } product-cta[hidden] { display: none; } .add_to_cart, .product_form input.add_to_cart { width: 100%; margin-bottom: 0px; } /* Animation for checkmark on add to cart button */ button.add_to_cart { position: relative; font-weight: 600; } button.add_to_cart .text { display: block; width: 100%; animation-duration: 0.5s; } button.add_to_cart .fadeInDown.text { animation-duration: 0.8s; } button .checkmark { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } button .checkmark path { stroke-dasharray: 19.79 19.79; stroke-dashoffset: 19.79; stroke: #ffffff; opacity: 0; } button .checkmark.checkmark-active path { animation: drawCheckmark 0.5s linear alternate forwards; } @keyframes drawCheckmark { from { stroke-dashoffset: 19.79; opacity: 1; } to { stroke-dashoffset: 0; opacity: 1; } } .ie button .checkmark path { stroke-dashoffset: 0; opacity: 0; } .ie button .checkmark.checkmark-active path { animation: fadeCheckmark 0.5s linear alternate forwards; } @keyframes fadeCheckmark { from { opacity: 0; } to { opacity: 1; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { button .checkmark path { stroke-dashoffset: 0; opacity: 0; } button .checkmark.checkmark-active path { animation: fadeCheckmark 0.5s linear alternate forwards; } @keyframes fadeCheckmark { from { opacity: 0; } to { opacity: 1; } } } label.tos_label { display: inline; font-weight: normal; text-transform: none; cursor: pointer; padding-left: 5px; } .tos { text-align: center; margin: 15px 20px 15px 0; } .cart_text { text-align: center; } .disabled { pointer-events: none; } .add_to_cart span.icon-lock { margin-right: 10px; font-size: larger; } .add_to_cart span.icon-lock:before { margin: 0; } .shopify-product-form { margin-bottom: 0; } /* Shopify smart payment buttons */ .shopify-payment-button { position: relative; height: 44px; } .shopify-payment-button div { height: auto; } .shopify-payment-button button { line-height: 1.2; padding-top: 11px; padding-bottom: 11px; margin-bottom: 0; } button.shopify-payment-button__button.shopify-payment-button__button--unbranded { height: 100%; }div.shopify-payment-button__button { border-radius: 0; }.shopify-payment-button__button--branded, .shopify-payment-button__button--unbranded { overflow: hidden; min-height: 44px; } button.shopify-payment-button__more-options { color: #000000; box-shadow: none; text-transform: none; font-size: 0.8rem; letter-spacing: 0; padding: 16px 0 28px; max-width: 80%; margin: 0 auto; position: absolute; top: 100%; left: 50%; font-weight: normal; font-family: "DM Sans", sans-serif; font-style: normal; transform: translateX(-50%); } button.shopify-payment-button__more-options:hover { background-color: transparent; border: none; } .purchase-details { display: flex; align-items: center; flex-wrap: wrap; } .shopify-payment-button__button--unbranded .purchase-details { padding: 0 !important; } .product_section .smart-payment-button--true.product_form { max-width: 100%; } .smart-payment-button--true .purchase-details { padding-bottom: 40px; } .smart-payment-button--true .purchase-details .shopify-payment-button__button--branded { padding-bottom: 30px; } .smart-payment-button--true .purchase-details .shopify-payment-button__more-options { top: 70%; } .smart-payment-button--true button .checkmark path { stroke: #0f1125; } .smart-payment-button--false .purchase-details { align-items: flex-end; padding-bottom: 40px; } .smart-payment-button--false { margin-bottom: 20px; } .product-quantity-box.purchase-details__quantity { margin-right: 5px; width: calc(50% - 12px); } @media only screen and (max-width: 480px) { .product-quantity-box.purchase-details__quantity { width: 100%; } } .product-quantity-box.purchase-details__quantity input.quantity { padding-top: 11px; padding-bottom: 11px; line-height: 1.4; min-height: 44px; margin-bottom: 0; width: calc(100% - 88px); } .smart-payment-button--true .product-quantity-box.purchase-details__quantity { width: calc(50% - 6px); } @media only screen and (max-width: 798px) { .smart-payment-button--true .product-quantity-box.purchase-details__quantity { width: 100%; margin-right: 0; } .smart-payment-button--true .product-quantity-box.purchase-details__quantity .input.quantity { width: calc(100% - 88px); } } p.checkout_button { margin-bottom: 0; } .purchase-details__buttons { display: flex; flex: 1 0 calc(50% - 12px); flex-wrap: wrap; margin-left: 6px; } @media only screen and (max-width: 798px) { .purchase-details__buttons { margin-top: 20px; margin-left: 12px; flex: 1 0 calc(50% - 12px); } } @media only screen and (max-width: 480px) { .purchase-details__buttons { margin-top: 12px; margin-left: 0; flex: 1 0 100%; } } .purchase-details__buttons .shopify-payment-button { flex: 1 0 100%; margin-bottom: 0; max-width: 100%; } @media only screen and (min-width: 1401px) { .purchase-details__buttons .shopify-payment-button { flex: 1 0 calc(50% - 4px); max-width: calc(50% - 4px); } } .purchase-details__buttons product-cta { flex: 1 0 50%; max-width: calc(50% - 6px); margin-left: 6px; } @media only screen and (max-width: 798px) { .purchase-details__buttons product-cta { flex: 1 0 100%; margin-left: 0; margin-top: 0; margin-bottom: 10px; max-width: 100%; } } .purchase-details__buttons.purchase-details__spb--true { flex: 1 0 100%; margin-top: 10px; margin-left: 0; } @media only screen and (max-width: 798px) { .purchase-details__buttons.purchase-details__spb--true { margin-left: 0; margin-bottom: 0; } } .purchase-details__buttons.purchase-details__spb--true .add_to_cart { flex: 1 0 50%; max-width: 50%; } @media only screen and (max-width: 798px) { .purchase-details__buttons.purchase-details__spb--true .add_to_cart { flex: 1 0 100%; margin-right: 0px; margin-top: 0; margin-bottom: 10px; max-width: 100%; } } .purchase-details__buttons.purchase-details__spb--true .shopify-payment-button { margin-left: 6px; max-width: calc(50% - 6px); } @media only screen and (max-width: 798px) { .purchase-details__buttons.purchase-details__spb--true .shopify-payment-button { margin-left: 0; margin-top: 0; margin-bottom: 10px; max-width: 100%; } } /* When product is unavailable */ .purchase-details__buttons.product-is-unavailable .add_to_cart, .purchase-details__buttons.product-is-unavailable .shopify-payment-button { opacity: 0.5; pointer-events: none; } .purchase-details__buttons.product-is-unavailable .add_to_cart { padding: 10px 5px; } @media only screen and (max-width: 1024px) { .sidebar--true .purchase-details { flex-direction: column; align-items: flex-start; } .sidebar--true .purchase-details .purchase-details__quantity, .sidebar--true .purchase-details .purchase-details__buttons { margin: 0 0 10px; width: 100%; } .sidebar--true .purchase-details .add_to_cart, .sidebar--true .purchase-details .shopify-payment-button { flex: 1 0 100%; margin: 0 0 10px; max-width: 100%; } } #checkout { min-height: 54px; /* Match the height of additional checkout buttons. */ } .additional-checkout-button + .additional-checkout-button { margin-left: 0 !important; max-width: 100% !important; } .additional-checkout-button, .additional-checkout-button.additional-checkout-button--paypal, .additional-checkout-button.additional-checkout-button--google-pay { min-width: 100% !important; /* Overwrite inline style */ } /* #Tabs ================================================== */ ul.tabs { display: block; margin: 25px 0; border-bottom: solid 1px #cccccc; border-top: 0; list-style: none outside; margin-left: 0; text-transform: uppercase; padding-left: 0; } ul.tabs li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; border: 0; list-style: none outside; margin-left: 0; cursor: pointer; } ul.tabs li a { display: block; text-decoration: none; width: auto; height: 29px; line-height: 30px; margin-right: 60px; font-size: 13px; outline: none; } @media (max-width: 960px) { ul.tabs li a { margin-right: 30px; } } @media only screen and (max-width: 798px) { ul.tabs li a { font-size: 12px; } } @media only screen and (max-width: 480px) { ul.tabs li a { margin-right: 20px; } } ul.tabs li a.active { border-bottom: solid 3px #cccccc; background-color: #ffffff; border-bottom: solid 3px #aaaaaa; height: 31px; position: relative; border-right-width: 1px; color: #000000; } ul.tabs li:last-child a { margin: 0; } ul.tabs-content { margin: 0; display: block; border: 0; padding-left: 0; } ul.tabs-content > li { display: none; border: 0; } ul.tabs-content > li.active { display: block; border: 0; padding-left: 0px; } ul.tabs-content ul { padding-left: 0; } /* #Product tabs ================================================== */ .product-tabs { display: flex; flex-wrap: wrap; margin: 1rem 0; } .product-tabs__radio { position: absolute; opacity: 0; width: 0; height: 0; } .product-tabs__radio:checked + .product-tabs__label { font-weight: bold; background: #ffffff; border: 1px solid #cccccc; border-bottom: none; } .product-tabs__radio:checked + .product-tabs__label + .product-tabs__panel { display: block; } .no-js .tab-radio:focus + .product-tabs__label, .user-is-tabbing .tab-radio:focus + .product-tabs__label { border: 2px solid #025ECC; border-bottom: none; } .product-tabs__label { display: flex; align-items: center; justify-content: center; padding: 1.35rem; margin: 0; flex-grow: 1; text-align: center; background: #f2f2f2; cursor: pointer; font-weight: normal; word-break: break-word; border-bottom: 1px solid #cccccc; } .product-tabs__label:hover { background: #ededed; } @media only screen and (max-width: 480px) { .product-tabs__label { width: 100%; border-bottom: none; justify-content: flex-start; } } .product-tabs__panel { width: 100%; display: none; word-break: break-word; padding: 0 1.35rem 1.35rem 1.35rem; background: #ffffff; border: 1px solid #cccccc; border-top: none; text-align: left; white-space: normal; line-height: 1.5; } @media only screen and (min-width: 481px) { .product-tabs__panel { order: 1; padding: 2rem; } } .product-tabs__panel p { margin-top: 0; } .product-tabs__panel p:last-child { margin-bottom: 0; } .product-tabs__panel a { color: #000000; } /* #Collapsible tab ================================================== */ .collapsible-tab { border-bottom: 1px solid #cccccc; } .collapsible-tab[open] .collapsible-tab__heading:after { transform: rotate(180deg); } .collapsible-tab__heading { display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 1rem 1rem 1rem 0; } .collapsible-tab__heading:after { content: "\e909"; font-family: "turbo"; font-size: 0.75rem; } .collapsible-tab__heading::-webkit-details-marker { display: none; } .collapsible-tab__text { margin-bottom: 1rem; word-break: break-word; } .collapsible-tab__text p { margin-top: 0; } .collapsible-tab__text p:last-child { margin-bottom: 0; } .collapsible-tab__text a { color: #000000; } .product-block--collapsible-tab { border-top: 1px solid #cccccc; } .product-block--collapsible-tab + .product-block--collapsible-tab { border-top: none; } /* #Accordions ================================================== */ button { border: none; -webkit-appearance: none; appearance: none; } .shopify-section--faq .faqAccordion > dt { margin-right: 36px; } .accordion > dt > a, .accordion > dt > button, .faqAccordion > dt > a, .faqAccordion > dt > button { background: transparent; position: relative; padding: 24px 20px 24px 40px; color: #000000; border-bottom: 1px solid #cccccc; text-align: left; display: block; cursor: pointer; width: 100%; outline: none; text-transform: initial; min-height: auto; height: auto; line-height: inherit; font-weight: bold; font-family: "DM Sans", sans-serif; font-style: normal; box-shadow: none; border-radius: 0px; font-size: 18px; } .accordion > dt > a:hover, .accordion > dt > a:focus, .accordion > dt > button:hover, .accordion > dt > button:focus, .faqAccordion > dt > a:hover, .faqAccordion > dt > a:focus, .faqAccordion > dt > button:hover, .faqAccordion > dt > button:focus { background: #ffffff; border: none; border-bottom: 1px solid #cccccc; } .accordion > dt > a::after, .accordion > dt > button::after, .faqAccordion > dt > a::after, .faqAccordion > dt > button::after { transform: translateY(-50.1%); position: absolute; top: 50%; left: 15px; font-size: 25px; color: #0f1125; } .accordion > dt:first-child > button, .faqAccordion > dt:first-child > button { border-top: none; } .accordion > dd, .faqAccordion > dd { color: #000000; padding: 20px 0px 20px 0px; display: none; } .accordion > dd[aria-hidden=true], .faqAccordion > dd[aria-hidden=true] { display: none; } @media only screen and (max-width: 798px) { .accordion > dd, .faqAccordion > dd { margin-left: 15px; } } /* Closed accordions */ .accordion dt > a::after, .faqAccordion dt > button::after { content: "+"; } .accordion dt > a[aria-expanded=true]::after, .faqAccordion dt > button[aria-expanded=true]::after { font-size: 25px; content: "-"; } /* Open accordions */ .accordion[data-state=open] dt > a[aria-expanded=true]::after { font-size: 25px; content: "-"; } .accordion dt small { display: none; } /* Accordion tabs */ .accordion-tabs > a { display: block; background-color: #D1D3D4; margin: 10px 0; padding: 10px; letter-spacing: 1px; text-transform: uppercase; color: #000000; } .accordion-tabs > a :hover { cursor: pointer; } .accordion-tabs > li[id*=tab] { display: none; list-style: none; } /* Clearfixing tabs for beautiful stacking */ ul.tabs:before, ul.tabs:after { content: " "; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } ul.tabs:after { clear: both; } ul.tabs { zoom: 1; } /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type=text], input[type=password], input[type=email], input[type=search], input[type=url], input[type=tel], input[type=number], input[type=date], input[type=month], input[type=week], input[type=time], input[type=range], input[type=color], select, textarea { display: block; width: 100%; height: 44px; min-height: 44px; padding: 0 10px; margin: 0; line-height: 22px; border: 1px solid #cccccc; outline: none; background: #fff; color: #5f6a7d; font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 15px; -webkit-appearance: none; appearance: none; text-rendering: optimizeLegibility; }@media only screen and (max-width: 480px) { input[type=text], input[type=password], input[type=email], input[type=search], input[type=url], input[type=tel], input[type=number], input[type=date], input[type=month], input[type=week], input[type=time], input[type=range], input[type=color], select, textarea { font-size: 16px; } } input[type=text]:active, input[type=text]:focus, input[type=password]:active, input[type=password]:focus, input[type=email]:active, input[type=email]:focus, input[type=search]:active, input[type=search]:focus, input[type=url]:active, input[type=url]:focus, input[type=tel]:active, input[type=tel]:focus, input[type=number]:active, input[type=number]:focus, input[type=date]:active, input[type=date]:focus, input[type=month]:active, input[type=month]:focus, input[type=week]:active, input[type=week]:focus, input[type=time]:active, input[type=time]:focus, input[type=range]:active, input[type=range]:focus, input[type=color]:active, input[type=color]:focus, select:active, select:focus, textarea:active, textarea:focus { color: #444; border: 1px solid #aaa; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none; } input[type=text]::-ms-clear { display: none; width: 0; height: 0; } input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } input[type=number] { -moz-appearance: textfield !important; /* To ensure arrows arent present in firefox */ } select::-ms-expand { display: none; } select { /*background: #fff url(//www.sourcemyparts.com.au/cdn/shop/t/36/assets/select.png?v=163443801653745187891781754494) no-repeat 96% 50%;*/ background-size: 18px 12px; border: 1px solid #d9dbdc; -webkit-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ""; }select { padding: 8px 14px 8px; border-radius: 0; }label, legend, .option_title { display: block; font-weight: bold; font-size: 13px; text-align: left; margin-bottom: 5px; text-transform: none; } input[type=checkbox] { display: inline; } label span, legend span { font-weight: bold; font-size: 13px; color: #444; } textarea { min-height: 120px; padding: 15px 9px; } .acceptsMarketing { margin-bottom: 20px; } .acceptsMarketing label { display: inline; margin-left: 5px; } input.newsletter-form__sign-up[type=submit] { margin-left: 5px; display: inline-block; } input.contact_email[type=email] { width: 320px; display: inline-block; float: left; } /* #Contact Form ================================================== */ div.container.contact-form-container { padding-top: 0; } .contact-form .contact-form__content { margin-bottom: 20px; } .contact-form label, .custom-contact-form label { margin-bottom: 12px; } .contact-form ul li label, .custom-contact-form ul li label { font-family: "DM Sans", sans-serif; text-transform: none; font-weight: 400; } .contact-form__heading { margin-left: 10px; margin-right: 10px; } .contact__form-errors, .contact__form-success { width: 100%; } .contact__form-name { margin-right: 20px; } .contact__form-name{flex-basis: 32%; margin-right: 20px;} .contact__form-email{flex-basis: 32%; margin-right: 20px;} .contact__form-model{flex-basis: 32%; margin-right: 20px;} .contact__form-serial { flex-basis: 32%;} .contact__form-phone {flex-basis: 31%; } @media only screen and (max-width: 798px) { .contact__form-name { margin-right: 0; } } .contact__form-message { flex-basis: 100%; } .contact-form__position--right, .custom-contact-form__position--right { flex-direction: row-reverse; } .contact-form__position--center { flex-direction: column; align-items: center; } .custom-contact-form .contact-block { margin-bottom: 20px; } .custom-contact-form .custom-contact-form__image { margin-bottom: 20px; } .custom-contact-form .custom-contact-form__social .social_icons { padding: 0; margin-bottom: 40px; } .custom-contact-form .custom-contact-form__logo { max-width: 150px; margin: 0 auto 20px auto; } .custom-contact-form .contact-block.contact-block--richtext label p { display: inline; } .custom-contact-form .contact-block--custom ul { padding: 0; margin: 0; } .custom-contact-form .contact-block--custom ul li { margin-bottom: 8px; list-style: none; display: flex; align-items: baseline; } .custom-contact-form .contact-block--custom ul li input { margin-right: 10px; position: relative; top: 2px; } .custom-contact-form .contact-block--custom ul li label { margin-bottom: 0; } .custom-contact-form .contact-block--custom ul li:last-child label { margin-bottom: 0; } .page-contact .footer { margin-top: 0; } .page-contact .custom-contact-form { margin-top: 25px; } #target { padding: 20px; text-align: center; } .items_left { color: #8c8b8b; } .quantity_label { display: inline; font-size: smaller; } .remove_item a { font-size: smaller; color: #000000; } input.quantity { width: 48px; display: inline; margin-bottom: 0; padding: 8px 5px; } ul.cart_items { padding-top: 0; padding-bottom: 0; } .cart_content li.mini-cart__item { padding: 0 0 15px 0; margin-bottom: 15px; border-bottom: 1px solid #cccccc; } .cart_content .notification-discount { color: #d54d4d; margin: 0; line-height: 1; } li.mini-cart__item a, li.mini-cart__item a:active, #header li.mini-cart__item a, #header li.mini-cart__item a:active { font-size: inherit; text-align: left; } li.mini-cart__item a { align-items: flex-start; } .cart_image { float: left; width: 100%; max-width: 100px; min-width: 100px; text-align: center; padding-right: 20px; } .cart_image img { display: block; } @media only screen and (max-width: 480px) { .cart_image { padding-right: 10px; } } a.continue { text-align: right; font-size: 32px; margin-right: 15px !important; padding: 10px 0 5px 0 !important; opacity: 0.8; } a.continue:hover { opacity: 1; } .empty_cart { text-align: center; font-size: 18px; padding: 40px 0 25px 0; color: inherit; } #get-rates-submit { margin-top: -1px; } #customer_login { margin-bottom: 2px; } .multi_select, .default_select { display: none; } /* Media position */ .product_section.media-position--right { flex-direction: row-reverse; } @media only screen and (max-width: 798px) { .product_section.media-position--left, .product_section.media-position--right { flex-direction: column; } } .vendor { margin-bottom: 6px; } .section.product_section { margin-top: 0; } .product-main { width: 100%; } .product_section .description { margin-bottom: 15px; } .modal_price { padding-bottom: 8px; display: block; } .product_section .description.bottom { margin-top: 15px; border-bottom: none; } .product-links { margin-bottom: 8px; font-size: 0.9em; border-top: 1px solid #cccccc; padding: 10px 0 5px 0; } .product-links p { margin: 2px 0; } .social_buttons { border-top: 1px solid #cccccc; padding-top: 20px; font-size: 1em; margin-bottom: 25px; } @media only screen and (max-width: 798px) { .social_buttons { text-align: center; } } .share_article .social_buttons { border-top: none; padding-top: 0; } @media only screen and (max-width: 798px) { .share_article .social_buttons { padding-top: 15px; } } .share-btn { display: inline-block; text-align: center; font-size: 1.2em; margin-right: 6px; margin-bottom: 10px; } .share-btn a { color: #fff; padding: 10px 10px 8px 10px; border: solid 1px #e2e2e2; display: inline-block; transition: all 500ms ease 0s; }.icon-twitter-share:before { color: #09AEEC; } .icon-twitter-share:hover { background-color: #09AEEC; border-color: #09AEEC; color: #fff; } .icon-twitter-share:hover:before { color: #fff; } .icon-facebook-share:before { color: #49659D; } .icon-facebook-share:hover { background-color: #49659D; border-color: #49659D; color: #fff; } .icon-facebook-share:hover:before { color: #fff; } .icon-pinterest-share:before { color: #CB1F2A; } .icon-pinterest-share:hover { background-color: #CB1F2A; border-color: #CB1F2A; color: #fff; } .icon-pinterest-share:hover:before { color: #fff; } .icon-mail-share:before { color: #888; } .icon-mail-share:hover { background-color: #888; border-color: #888; color: #fff; } .icon-mail-share:hover:before { color: #fff; } /* Quantity Box for Product Page */ .product-quantity-box .quantity, .product-quantity-box .quantity:focus, .product-quantity-box .product-plus, .product-quantity-box .product-minus { border: #e2e2e2 1px solid; color: #000; } .product-quantity-box label { margin-bottom: 0.5em; } .product-quantity-box { margin-right: 0; -webkit-user-select: none; user-select: none; } .product-quantity-box label { text-align: left; } .product-quantity-box .quantity { text-align: center; padding: 6px 15px; width: 38%; height: 44px; border-radius: 0; -webkit-appearance: none; appearance: none; float: left; } @media only screen and (max-width: 798px) { .product-quantity-box .quantity { width: calc(100% - 88px); } } .product-quantity-box .product-plus, .product-quantity-box .product-minus { background: #f2f2f2; font-weight: 300; position: relative; cursor: pointer; height: 44px; display: block; width: 44px; text-align: center; float: left; } .product-quantity-box .product-plus:hover, .product-quantity-box .product-minus:hover { background: #d9d9d9; } @media only screen and (max-width: 798px) { .product-quantity-box .product-plus, .product-quantity-box .product-minus { display: inline; display: initial; margin: 0; } } .product-quantity-box .product-plus { border-left: 0; font-size: 16px; line-height: 44px; } .product-quantity-box .product-minus { border-right: 0; line-height: 44px; font-size: 18px; } .product-quantity-box + .inline_purchase { margin-top: 31.5px; width: 55%; float: left; } .product_section .product_form, .product_section .contact-form { max-width: 400px; } @media only screen and (max-width: 798px) { .product_section .product_form, .product_section .contact-form { max-width: 100%; } } /* #Blog ================================================== */ .article, .article_image { margin-bottom: 30px; } .sidebar .sidebar__content .input-row { flex-direction: column; margin-left: 0px; margin-right: 0px; } .sidebar .sidebar__content .input-row input { margin: 5px 0; } .blog-template-wrapper { width: 100%; } .blog-article__main.sidebar-enabled--false { width: 75%; } @media only screen and (max-width: 798px) { .blog-article__main.sidebar-enabled--false { width: 100%; } } .comment-form { display: flex; flex-wrap: wrap; } .comment-form__name { margin-right: 20px; } @media only screen and (max-width: 798px) { .comment-form__name { margin: 0; } } .comment-form__name, .comment-form__email { flex: 1 1 auto; } .comment-form__body, .comment-form__error, .comment-form__submit, .comment-form__success { flex-basis: 100%; } .comment-form__error-message, .comment-form__success-message { font-size: 18px; line-height: 32px; font-style: italic; } .comment-form__submit-button { width: 100%; } .blog__read-more-button { margin: 25px 0; } /* Author & Comments */ .blog__comment { display: flex; flex-wrap: wrap; margin-bottom: 1rem; } .blog__comment-author { display: flex; flex: 1 1 auto; } .blog__comment-author-image { min-width: 80px; height: 80px; } .blog__comment-author-image img { border-radius: 50px; } .blog__comment-author-bio { flex: 1 1 auto; margin-left: 20px; } .blog-post-image-wrapper { display: block; } /* Sidebar */ .has-sidebar-option, .section--has-sidebar-option { width: 100%; } .sidebar__content { margin-left: 10px; margin-right: 10px; } @media only screen and (max-width: 798px) { .sidebar { width: 100% !important; /* To overwrite desktop styles set inside of section */ } .has-sidebar-option { width: 100% !important; /* To overwrite desktop styles set inside of section */ } } /* #Newsletter ================================================== */ .newsletter { margin: 0px auto; max-width: 640px; } .input-row { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; width: 100%; } @media only screen and (max-width: 798px) { .input-row { flex-direction: column; margin-left: 0px; margin-right: 0px; } } .input-row input { flex-basis: 0; flex-grow: 1; flex-shrink: 1; max-height: 40px; } @media only screen and (max-width: 1024px) { .input-row input { margin: 5px 0; } } .input-row input.newsletter-form__sign-up { display: inline-block; flex: none; max-height: 44px; } @media only screen and (max-width: 798px) { .input-row input.newsletter-form__sign-up { width: 100%; } } .newsletter-both-names--true input.firstName { margin-right: 5px; } /* Newsletter popup */ .js-newsletter-popup { display: none; } .newsletter__lightbox .fancybox-content { width: 100%; max-width: 740px; padding: 0; }@media only screen and (max-width: 480px) { .newsletter__lightbox .fancybox-close-small { display: block; } } @media only screen and (max-width: 798px) { .newsletter__lightbox .fancybox-close-small svg path { fill: white; } }.newsletter__lightbox .fancybox-toolbar { display: none; } .newsletter-popup { display: flex; background-color: #ffffff; padding: 0; width: 100%; }@media only screen and (max-width: 798px) { .newsletter-popup { line-height: 0; flex-direction: column; } } @media only screen and (min-width: 799px) and (max-width: 1024px) { .popup-signup-show--true input.newsletter-form__sign-up { margin-left: 0px; } } .popup-signup-show--false { display: none; } .newsletter-both-names--false .newsletter input[type=text] { width: 100%; } .newsletter-img { width: 40%; } @media only screen and (max-width: 798px) { .newsletter-img { width: 100%; } } .newsletter-img img { width: 100%; display: block; } .newsletter-info { text-align: center; color: #363636; background-color: #ffffff; height: auto; float: left; } @media only screen and (max-width: 798px) { .newsletter-info { padding: 20px; width: 100% !important; position: relative; } } .newsletter-info input.contact_email[type=email] { width: 65%; float: left; } @media only screen and (max-width: 1024px) { .newsletter-info input.contact_email[type=email] { width: 100%; } } .newsletter-info #contact_form input.newsletter-form__sign-up[type=submit] { width: calc(35% - 10px); } @media only screen and (max-width: 1024px) { .newsletter-info #contact_form input.newsletter-form__sign-up[type=submit] { width: 100%; } } .newsletter-info .input-row { margin-right: 0; margin-left: 0; } .newsletter-info .popup-signup-show--true { margin-top: 20px; } .newsletter-image--true .newsletter-popup__content { width: 60%; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 798px) { .newsletter-image--true .newsletter-popup__content { width: 100%; display: block; } } @media only screen and (min-width: 1025px) { .newsletter-image--true { max-height: 875px; } } @media only screen and (min-width: 1025px) { .newsletter-image--true.object-fit--none { height: auto; } } .newsletter-image--false { justify-content: center; } .newsletter-image--false .newsletter-info { width: 100%; position: relative; height: auto; float: none; } .align-left .newsletter-info { right: 0; } .newsletter-description h2 { color: #363636; margin-top: 0; } .newsletter-description { padding: 40px; margin: 0 auto; } @media only screen and (max-width: 798px) { .newsletter-description { font-size: inherit; width: auto; } } @media only screen and (max-width: 480px) { .newsletter-description { padding: 20px; } } @media only screen and (min-width: 1025px) { .newsletter-description { min-width: 350px; } } @media only screen and (min-width: 1401px) { .newsletter-description { font-size: inherit; } } .newsletter-popup__button { margin-top: 10px; margin-bottom: 0; }.newsletter-popup__button { margin-left: 8px; margin-right: 8px; }@media only screen and (max-width: 480px) { .newsletter-popup__button { margin-top: 5px; } } .newsletter-popup__button--text { --button-color-border: #363636; --button-color-background: transparent; --button-color-text: #363636; --button-color-border-hover: #363636; --button-color-background-hover: #363636; --button-color-text-hover: #ffffff; } .newsletter-popup__button--highlighted { --button-color-border: #363636; --button-color-background: #363636; --button-color-text: #ffffff; --button-color-border-hover: #2f2f2f ; --button-color-background-hover: #2f2f2f ; --button-color-text-hover: #ffffff; } /* Newsletter section above footer */ .newsletter_section { transform: translate3d(0, 0, 0); background-color: #cccccc; color: #000000; } .newsletter_section h2 { margin-top: 0; color: #000000; } .newsletter_section.newsletter-bgr-true { background-color: #cccccc; background-position: center center; background-repeat: no-repeat; background-size: cover; } .newsletter_section.newsletter-bgr-true input.contact_email[type=email] { border: 0; } @media only screen and (max-width: 480px) { .newsletter_section.newsletter-bgr-true { text-align: center !important; } } .section_form { padding: 10px 20px; } .section_form input[type=email], .section_form input[type=text] { border: 0; } .section_form .newsletter-text + .newsletter, .section_form h5 + .newsletter { margin-top: 15px; } .newsletter_section h5 { color: #000000 !important; padding-top: 0px; margin: 0; } .newsletter_section .newsletter-text p { margin-bottom: 0; } .newsletter_section .newsletter, .password-page-row form { display: inline-block; padding-top: 0 !important; width: 450px; } @media only screen and (max-width: 480px) { .newsletter_section .newsletter, .password-page-row form { width: 100%; max-width: 100%; } } @media only screen and (max-width: 480px) { .newsletter_section .newsletter, .password-page-row form { width: 100%; } } /* Shopify challenge */ .g-recaptcha { margin-bottom: 1rem; } .shopify-challenge__container { padding: 150px 0; } .shopify-challenge__container .shopify-challenge__button { width: auto; display: inline-flex; align-items: center; justify-content: center; border: 1px solid; padding: 13px 20px; text-align: center; line-height: 1.2; font-family: "DM Sans", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; cursor: pointer; transition: all 0.2s linear; border-color: var(--button-color-border, #0f1125); background: var(--button-color-background, #0f1125); color: var(--button-color-text, #ffffff); }.shopify-challenge__container .shopify-challenge__button { border-radius: 0; }.shopify-challenge__container .shopify-challenge__button:visited { color: var(--button-color-text, #ffffff); } .shopify-challenge__container .shopify-challenge__button:hover:not([disabled]), .shopify-challenge__container .shopify-challenge__button:active { background: var(--button-color-background-hover, var(--button-color-background, #363636)); border-color: var(--button-color-border-hover, var(--button-color-border, #363636)); color: var(--button-color-text-hover, var(--button-color-text, #ffffff)); } .shopify-challenge__container .shopify-challenge__button:active { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); outline: 0; } .shopify-challenge__container .shopify-challenge__button[disabled] { cursor: not-allowed; } /* Newsletter in footer */ .shopify-section--footer .newsletter_section { padding: 0; background-color: transparent; color: #6b6b6b; } .shopify-section--footer .newsletter_section .newsletter { width: 100%; } .shopify-section--footer .newsletter_section .newsletter input { width: 100%; } .shopify-section--footer .newsletter_section .newsletter .newsletter-form__sign-up { margin-left: 0; } .shopify-section--footer .newsletter_section h6 { color: #7f8c8d; font-size: 18px; } .shopify-section--footer .newsletter_section p { padding: 15px 0; } /* #Tables ================================================== */table:not(#customer-orders):not(#order-details) th { background-color: #f9f9f9; } table:not(#customer-orders):not(#order-details) th, table:not(#customer-orders):not(#order-details) td { padding: 10px; border-right: 1px solid #dcdcdc; } table:not(#customer-orders):not(#order-details) th:first-child, table:not(#customer-orders):not(#order-details) td:first-child { border-left: 1px solid #dcdcdc; } table:not(#customer-orders):not(#order-details) tr { border-bottom: 1px solid #dcdcdc; } table:not(#customer-orders):not(#order-details) tr:first-child { border-top: 1px solid #dcdcdc; }/* Responsive order tables */ .collapsible-table { width: 100%; margin-bottom: 20px; } .collapsible-table th { font-weight: 700; text-align: left; } .collapsible-table th, .collapsible-table td { padding: 10px; } @media only screen and (max-width: 798px) { .collapsible-table th, .collapsible-table td { border-left: none; } } .collapsible-table tr .order_summary td.label { text-align: right; } .collapsible-table .order-details__discount-block { display: block; } @media only screen and (max-width: 798px) { .collapsible-table thead { display: none; } .collapsible-table tr { display: block; margin-bottom: 20px; } .collapsible-table tr:last-child { margin-bottom: 0; } .collapsible-table tr td { position: relative; } .collapsible-table td { display: block; display: flex; align-items: center; justify-content: space-between; padding: 0 10px 0 0; } .collapsible-table td:before { content: attr(data-label); z-index: 1; padding: 6px; font-weight: bold; width: calc(50% - 6px); word-break: break-word; } .collapsible-table td:after { content: ""; z-index: 0; width: 50%; min-height: 100%; position: absolute; } .collapsible-table td:last-child { border-bottom: none; } .collapsible-table tfoot { display: block; margin-top: 20px; } .collapsible-table tfoot tr { margin-bottom: 0; border-bottom: none; } .collapsible-table tfoot tr:last-child { border-bottom: 1px solid #dcdcdc; } .collapsible-table .order-details__total, .collapsible-table .order-details__product, .collapsible-table .order-details__discount { text-align: right; padding-left: 10px; width: calc(50% - 10px); word-break: break-word; } } #customer-orders th, #order-details th { background-color: #f9f9f9; } #customer-orders th, #customer-orders td, #order-details th, #order-details td { border-right: 1px solid #dcdcdc; } #customer-orders th:first-child, #customer-orders td:first-child, #order-details th:first-child, #order-details td:first-child { border-left: 1px solid #dcdcdc; } @media only screen and (max-width: 798px) { #customer-orders th:first-child, #customer-orders td:first-child, #order-details th:first-child, #order-details td:first-child { border-left: none; } } #customer-orders tr, #order-details tr { border-bottom: 1px solid #dcdcdc; } #customer-orders tr:first-child, #order-details tr:first-child { border-top: 1px solid #dcdcdc; } @media only screen and (max-width: 798px) { #customer-orders tr, #order-details tr { border: 1px solid #dcdcdc; border-bottom: none; } #customer-orders td, #order-details td { border-right: none; border-bottom: 1px solid #dcdcdc; } #customer-orders td:after, #order-details td:after { border-right: 1px solid #dcdcdc; background-color: #f9f9f9; } #customer-orders tfoot td, #order-details tfoot td { border-bottom: none; } #customer-orders tfoot:last-child, #order-details tfoot:last-child { border-bottom: 1px solid #dcdcdc; } } /* #Misc ================================================== */ .allow-clickthrough { pointer-events: none !important; } .hidden { display: none; } @media only screen and (max-width: 480px) { .hidden--mobile { display: none !important; /* Force on mobile devices */ } } .remove { color: #000000; } .relative { position: relative; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } .right { float: right; position: relative; } .left { float: left; } .inline { display: inline; } .center { text-align: center; } .align_right { text-align: right; } .align_left { text-align: left; } .text-align--center { text-align: center; } .text-align--left { text-align: left; } .text-align--right { text-align: right; } p.warning { text-align: center; font-weight: bold; } .warning--quantity { clear: both; display: inline-block; margin-top: 15px; width: auto; text-align: left; } @media only screen and (min-width: 799px) { .large--right { float: right; position: relative; } } .visually-hidden { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .mini-cart__item p.warning { margin-top: 5px; text-align: left; } .mobile_only, span.mobile_only, .container div.mobile_only { display: none; } .no_border { border: none !important; } .extra_padding { padding-top: 4px; } div.hidden { display: none; } div.is-absolute { position: absolute !important; top: 0; margin-top: 0; } .full-width-image { width: 100%; } #instantclick-bar { background: #000000; z-index: 100000; height: 4px; } #grid .column, #grid .columns { background: #ddd; height: 25px; line-height: 25px; margin-bottom: 10px; text-align: center; text-transform: uppercase; color: #555; font-size: 12px; font-weight: bold; border-radius: 2px; } #grid .column:hover, #grid .columns:hover { background: #bbb; color: #333; } #grid .example-grid { overflow: hidden; } .items_left { margin: 0 0 15px; line-height: 1.6em; font-size: normal; font-style: italic; color: #8c8b8b; } .cart .paypal-button + .paypal-button { display: none; } /* #Testimonials ================================================== */ .darken-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.6); } @media only screen and (max-width: 480px) { .caption-background-darken_bg.caption--below-true .darken-bg { display: none; } } .shopify-section--testimonials { position: relative; } .shopify-section--testimonials .set-static { display: flex; } .shopify-section--testimonials .set-static .caption { position: static; transform: translateY(0); padding: 40px; margin: auto; } .shopify-section--testimonials .set-testimonial-height { height: 95%; } .shopify-section--testimonials .feature-divider { margin: 25px auto; width: 10%; display: inline-block; } @media only screen and (max-width: 480px) { .shopify-section--testimonials .feature-divider { margin: 5px auto; } } .shopify-section--testimonials .testimonial-block--no-image .animated { animation-delay: 0.25s; } .testimonial-block.gallery-cell.testimonial-block--no-image { background-color: #666666; } @media only screen and (max-width: 480px) { .mobile-banner--crop-left { object-fit: cover; object-position: left; min-height: 60vh; } } @media only screen and (max-width: 480px) { .mobile-banner--crop-right { object-fit: cover; object-position: right; min-height: 60vh; } } @media only screen and (max-width: 480px) { .mobile-banner--crop-center { object-fit: cover; object-position: center; min-height: 60vh; } } .caption-content.testimonial-text { max-width: 80%; } .caption-content.testimonial-text .subtitle { text-transform: none; color: #ffffff; } @media only screen and (max-width: 480px) { .caption-content.testimonial-text .subtitle { font-weight: normal; font-size: 14px; } } .caption-content.testimonial-text h2, .caption-content.testimonial-text .headline { color: #ffffff; } @media only screen and (max-width: 480px) { .caption-content.testimonial-text h2, .caption-content.testimonial-text .headline { text-shadow: none; } } @media only screen and (max-width: 480px) { .testimonial-block.caption--below-true:not(.testimonial-block--no-image) .pretext, .testimonial-block.caption--below-true:not(.testimonial-block--no-image) .headline, .testimonial-block.caption--below-true:not(.testimonial-block--no-image) .subtitle { color: #000000; } .testimonial-block.caption--below-true:not(.testimonial-block--no-image) .feature-divider { border-color: #000000; } } @media only screen and (max-width: 480px) { .testimonial-block .caption { margin: auto; padding-top: 5%; padding-bottom: 5%; } } .testimonial-slideshow, .testimonial-block.gallery-cell { background-color: transparent; } /* #FAQ ================================================== */ .page-faq .faq--heading { padding-top: 30px; } .faq-section h2.title { font-style: normal; font-weight: bold; font-size: 40px; line-height: 54px; letter-spacing: 0; margin-bottom: 0; } .faq-section h2.faq--heading { font-size: 24px; font-weight: 400; line-height: 1.125; letter-spacing: 0; margin-bottom: 10px; margin-top: 40px; } .faq-section .has-gutter-enabled { margin-bottom: 20px; } @media only screen and (max-width: 480px) { .faq-section .faq--image { margin-top: 40px; } } /* #Team Template ================================================== */ .team-page__content--left { display: flex; } @media only screen and (max-width: 798px) { .team-page__content--left { flex-direction: column; } } .team-page__content--right { display: flex; flex-direction: row-reverse; } @media only screen and (max-width: 798px) { .team-page__content--right { flex-direction: column; } } .team-page__text, .team-page__image, .team-page__image img { width: 100%; } .team-page__content--multiple .team-page__text, .team-page__content--multiple .team-page__image { max-width: 50%; width: 100%; } @media only screen and (max-width: 798px) { .team-page__content--multiple .team-page__text, .team-page__content--multiple .team-page__image { max-width: 100%; } } .team-page__content--multiple .team-page__text:first-child, .team-page__content--multiple .team-page__image:first-child { margin-right: 20px; } .team-page__text { display: flex; align-items: center; justify-content: center; } .team-page__container { max-width: 70%; } @media only screen and (max-width: 480px) { .team-page__container { max-width: 90%; } } .team-member__profile.columns, .team-member__profile.column { margin-bottom: 30px; } .team-member__name { padding-top: 10px; } .team-member__wrap { position: relative; } .team-member__wrap:hover .team-member__overlay { opacity: 1; } .team-member__overlay { opacity: 0; transition: opacity 0.3s linear; position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .team-member__details { transform: translateY(-50.1%); top: 50%; padding: 10px 0; position: absolute; width: 100%; padding: 20px; } .team-member__details img { display: block; } .team-member__details p { margin-top: 10px; line-height: 1.3; } .team-member__details .icon-twitter { display: inline-block; vertical-align: middle; } .team-member__title { padding-bottom: 0; text-align: center; margin-bottom: 0; text-transform: uppercase; line-height: 1; } .team-member__title:after { width: 30%; display: block; margin: 0 auto; content: ""; height: 3px; margin-top: 20px; } /* #Logo list ================================================== */ .logo-list { margin-bottom: 1rem; } .logo-list.logo-list--grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; } .logo-list__item { width: 160px; } .logo-list--slider .logo-list__item { margin-right: 1rem; } .logo-list--slider .logo-list__item:last-child { margin-right: 0; } .logo-list__item-link { transition: opacity 0.3s linear; } .logo-list__item-link:hover { opacity: 0.6; } /* #Gallery Section ================================================== */ .gallery-section { text-align: center; } .gallery-section .gallery-image-wrapper, .gallery-section .gallery-empty-wrapper { margin-bottom: 5px; position: relative; } .gallery-section .gallery-empty-wrapper { min-height: 150px; } .gallery-section .gallery-empty-wrapper:nth-child(even) .placeholder-svg { background-color: rgba(0, 0, 0, 0.3); } .gallery-section a { display: block; } .gallery-overlay { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: 0; transition: opacity 0.3s ease-in; } .gallery-overlay .icon-zoom { color: white; font-size: 1.5em; } .gallery-image-wrapper:hover .gallery-overlay { opacity: 1; } .two-per-row .overlay .icon-zoom { font-size: 2.5em; } .three-per-row .overlay .icon-zoom { font-size: 2em; } /* Horizontal gallery styling */ .gallery-section.gallery-horizontal i { display: block; } .gallery-section.gallery-horizontal img { position: absolute; top: 0; width: 100%; vertical-align: bottom; width: 100%; height: auto; display: block; } .gallery-section.gallery-horizontal .gallery-image-wrapper, .gallery-section.gallery-horizontal .gallery-empty-wrapper { margin: 10px; } .gallery-section.gallery-horizontal.adjust-columns .gallery-image-wrapper, .gallery-section.gallery-horizontal.adjust-columns .gallery-empty-wrapper { margin: 0px; } @media only screen and (min-width: 2000px) { .gallery-section.gallery-horizontal .gallery-image-wrapper:last-child { width: 15%; flex-basis: initial !important; flex-grow: initial !important; } } .gallery-section.gallery-horizontal .gallery-empty-wrapper { width: 190px; } /* Classic gallery styling */ .gallery-section.gallery-classic .gallery-image-wrapper, .gallery-section.gallery-classic .gallery-empty-wrapper { display: block; } .gallery-section.gallery-classic .gallery-image-wrapper img, .gallery-section.gallery-classic .gallery-image-wrapper svg, .gallery-section.gallery-classic .gallery-empty-wrapper img, .gallery-section.gallery-classic .gallery-empty-wrapper svg { width: 100%; display: block; } .gallery-section.gallery-classic .add-padding { padding-top: 5px; padding-bottom: 5px; } .adjust-columns { column-gap: 0px !important; /* Always have no column cap when set to wide screen */ -moz-column-gap: 0px !important; /* Always have no column cap when set to wide screen */ -webkit-column-gap: 0px !important; /* Always have no column cap when set to wide screen */ overflow: hidden; } .adjust-columns .gallery-image-wrapper, .adjust-columns .gallery-empty-wrapper { margin: 0; margin-bottom: 0 !important; /* Overwrite margin bottom set when not full width */ } /* Masonry gallery styling */ .gallery-section.gallery-masonry { display: block; } .gallery-section.gallery-masonry .masonry { font-size: 0.85em; line-height: 0px; margin: 10px 0; column-gap: 10px; -moz-column-gap: 10px; -webkit-column-gap: 10px; } .gallery-section.gallery-masonry .gallery-empty-wrapper { min-height: 100px; overflow: hidden; } .gallery-section.gallery-masonry .gallery-empty-wrapper svg { min-width: 800px; } .gallery-section.gallery-masonry .gallery-empty-wrapper svg path { display: none; } .gallery-section.gallery-masonry .gallery-image-wrapper, .gallery-section.gallery-masonry .gallery-empty-wrapper { display: block; box-sizing: border-box; margin-bottom: 5px; -webkit-column-break-inside: avoid; -webkit-backface-visibility: hidden; } .gallery-section.gallery-masonry .gallery-image-wrapper img, .gallery-section.gallery-masonry .gallery-image-wrapper svg, .gallery-section.gallery-masonry .gallery-empty-wrapper img, .gallery-section.gallery-masonry .gallery-empty-wrapper svg { width: 100%; display: block; } .gallery-section.gallery-masonry .two-per-row { column-count: 2; transform: translateX(0); } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .two-per-row { column-count: 3; } } @media only screen and (max-width: 480px) { .gallery-section.gallery-masonry .two-per-row { column-count: 1; } } .gallery-section.gallery-masonry .three-per-row { column-count: 3; transform: translateX(0); } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .three-per-row { column-count: 3; } } @media only screen and (max-width: 480px) { .gallery-section.gallery-masonry .three-per-row { column-count: 1; } } .gallery-section.gallery-masonry .four-per-row { column-count: 4; transform: translateX(0); } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .four-per-row { column-count: 3; } } @media only screen and (max-width: 480px) { .gallery-section.gallery-masonry .four-per-row { column-count: 1; } } .gallery-section.gallery-masonry .five-per-row { column-count: 5; transform: translateX(0); } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .five-per-row { column-count: 3; } } @media only screen and (max-width: 480px) { .gallery-section.gallery-masonry .five-per-row { column-count: 1; } } /* #Ratings ================================================== */ .product-rating { display: flex; margin: 0.5rem 0; align-items: center; } .rating__star-wrapper { display: flex; } .icon-star-background { transform: scaleX(var(--rating-scale, 0)); } .icon-star-reference { position: absolute; left: -9999px; width: 0; height: 0; } .rating__star { width: 20px; height: auto; } .rating__star-1 { --rating-scale: calc(var(--rating-value)); } .rating__star-2 { --rating-scale: calc(var(--rating-value) - 1); } .rating__star-3 { --rating-scale: calc(var(--rating-value) - 2); } .rating__star-4 { --rating-scale: calc(var(--rating-value) - 3); } .rating__star-5 { --rating-scale: calc(var(--rating-value) - 4); } .rating__text { display: none; } .rating__count { margin: 0 0 0 5px; } @media (forced-colors: active) { .rating__star-wrapper { display: none; } .rating__text { display: block; } } /* Product grid star ratings */ .product-details .product-rating { justify-content: center; color: #000000; } .product-details .rating__count span { color: #000000; } .thumbnail-overlay .product-details .product-rating, .thumbnail-overlay .product-details .rating__count span { color: #fff; } /* #Recently Viewed ================================================== */ .rv-container { display: block; } .rv-container .thumbnail:empty { margin-bottom: 0; } .rv-main .flickity-page-dots { bottom: 25px; } @media only screen and (max-width: 798px) { .rv-main .flickity-page-dots { display: none; } } /* Sidebar styles */ .sidebar .recently-viewed__title { display: none; } /* Description bottom styles */ .product-description-bottom .js-recently-viewed.rv-main { clear: both; } /* Hide duplicates */ .rv-box-element .js-recently-viewed-product:nth-child(2), .rv-sidebar-element .js-recently-viewed-product:nth-child(2) { display: none; } .recently-viewed__section { width: 100%; } /* #Search autocomplete ================================================== */ .search__results-wrapper { display: none; position: relative; } .search__results { width: 100%; right: 0; left: auto; z-index: 30; list-style-type: none; margin: 0; padding: 0 20px; background: #1b1f23; overflow: hidden; position: absolute; } @media only screen and (max-width: 798px) { .search__results { position: relative; padding: 0 10px; width: 100%; } } @media only screen and (min-width: 799px) { .search__results { max-height: 500px; overflow-y: scroll; } } .search__results li { display: block; width: 100%; margin: 0; border-top: 1px solid #cccccc; overflow: hidden; } .search__results li:nth-child(-n+2) { border-top: none; } .search__results li a, .search__results li .no-results { display: flex; align-items: center; padding: 10px 0; color: #d9d9d9 !important; /* Override nav menu coloring */ font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 14px; text-transform: uppercase; } .search__results li a:hover, .search__results li a:focus, .search__results li .no-results:hover, .search__results li .no-results:focus { color: #848484; } .search__results .search-title { text-transform: none; text-align: left; font-size: 14px; } .search__results .search-title span { color: #000000; } .search__results .thumbnail { padding: 0; max-width: 62px; margin-right: 20px; } @media only screen and (max-width: 798px) { .search__results .thumbnail { max-width: 20%; } } .search__results .thumbnail img { display: block; } .header .search__results { background: #1b1f23; width: 350px; } /* 404 search */ .error-404 .search_box { margin-bottom: 0; } /* Blog search */ .blog_search { margin-bottom: 15px; } .blog_search input { margin-bottom: 0; } /* #Mobile search */ .mobile-search { display: none; position: absolute; top: 0; left: 0; height: 100vh; z-index: 999999; width: 100%; background: rgba(0, 0, 0, 0.8); } @media only screen and (min-width: 799px) { .mobile-search { display: none !important; /* Ensure it does not display on larger screens */ } } .mobile-search form { background-color: #ffffff; margin: 0; padding: 10px 20px 0; position: relative; min-height: 100vh; width: 100%; } .mobile-search input#q { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; text-transform: uppercase; padding-left: 40px; padding-right: 20px; border: 0; border-bottom: 1px solid #cccccc; } .mobile-search input#q:focus, .mobile-search input#q:active { border-bottom: 1px solid #cccccc; } .mobile-search .icon-search { left: 20px; top: 22px; transform: none; width: 30px; position: absolute; z-index: 1000; color: #d9d9d9; font-size: 20px; cursor: pointer; } .mobile-search .icon-cross { position: absolute; right: 20px; top: 22px; cursor: pointer; } .mobile-search .search__results-wrapper { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .mobile-search .search__results { background-color: #ffffff; margin-top: 0; padding: 0; } .mobile-search .item-result:last-child { padding-bottom: 10px; } .mobile-search .search-title { color: #000000; } /* #Search page ================================================== */ .shopify-section--search-template form { position: relative; } .shopify-section--search-template .search_container { position: relative; } .shopify-section--search-template .search_container .search-submit { z-index: 900; }.product-list--search .product_row { padding: 20px 0; border-bottom: 1px solid #cccccc; } .product-list--search .product_row:last-child { border-bottom: none; } /* #Site Styles ================================================== */ div.content, section.content { padding: 30px 0px 15px 0; } .featured_text { font-size: 18px; line-height: 36px; } .large_text { font-size: 28px; line-height: 50px; } /* RTE */ .rte { word-break: break-word; } .rte details span { padding: 1rem 1.5rem; display: block; } .rte details summary { cursor: pointer; position: relative; font-weight: bold; padding: 1rem 1.5rem; border-bottom: 1px solid #cccccc; } .rte details summary:before { content: "+"; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 20px; color: #0f1125; } .rte details[open] summary::before { content: "-"; } /* #Header ================================================== */ @media only screen and (max-width: 798px) { .dropdown .header_search_form .search__results { margin-top: 30px; } } .dropdown .header_search_form .search-terms { height: 50px; min-height: 50px; } .main-nav div.logo a { color: #ffffff !important; outline: 0; } .menu-position--inline.logo-position--left div.logo { text-align: left; } .menu-position--inline.logo-position--center .logo { text-align: center; } .menu-position--inline.logo-position--center .logo img { margin: 0 auto; } .primary_logo { display: block; } .secondary_logo { display: none; } header.feature_image.secondary_logo--true img.primary_logo, header.feature_image.secondary_logo--true img.secondary_logo { display: none; } header.secondary_logo--true:not(.feature_image) img.secondary_logo { display: none !important; } header.secondary_logo--true:not(.feature_image) img.primary_logo { display: inline !important; } .featured_content, .featured_content h1, .featured_content h2, .featured_content h3, .featured_content h4, .featured_content h5, .featured_content h6 { color: #363636; } .featured_content { background-color: #f6f7f9; } .nav_arrows { float: right; } .sku { margin: 0; } #category { width: 100%; } /* Currency / language switcher in header */ #header__selector-form .icon-arrow-down { font-size: 9px; } #header__selector-form .disclosure__toggle { background-color: transparent; height: 40px; border: none; position: relative; padding: 0 0 0 16px; letter-spacing: 1px; } #header__selector-form .disclosure__toggle:hover, #header__selector-form .disclosure__toggle:focus { color: #d3d3d3; } #header__selector-form .disclosure__list-wrap { border: none; bottom: initial; position: absolute; top: 100%; } #header__selector-form .disclosure__list-wrap .disclosure-list { list-style: none; } #header__selector-form .disclosure-list__item { display: block; } #header__selector-form .disclosure__button { letter-spacing: 1px; } #header__selector-form .currency-preview { position: relative; } #header__selector-form .currency-preview select.currencies { background-image: none; z-index: 1000; } #header__selector-form .currency-preview .icon-down-arrow { position: absolute; top: 50%; right: 10px; color: #f4f4f4; transform: translateY(-50%); z-index: 999; } #header__selector-form .currency-preview .icon-down-arrow:hover { color: inherit; } #header__selector-form .currency-preview:hover .icon-down-arrow, #header__selector-form .currency-preview:hover select.currencies { color: #d3d3d3; } .mobile-menu-container { position: absolute; left: 0; top: 100%; width: 100%; text-align: left; opacity: 0; } .mobile-menu-container[data-animation] { transition: opacity 0.2s linear; } .mobile-menu-container[data-animation-state=open] { opacity: 1; } .top-bar__login-link { display: flex; gap: 5px; font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #f4f4f4; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; } .top-bar__login-link:visited { color: #f4f4f4; } .top-bar__login-link:hover, .top-bar__login-link:active, .top-bar__login-link:focus { color: #d3d3d3; text-decoration: none; } /* #Currency / Language switcher ================================================== */ .selectors-form__wrap, .selectors-form, .selectors-form__item { margin: 0; } .selectors-form__wrap { display: flex; justify-content: flex-end; } @media only screen and (max-width: 798px) { .selectors-form__wrap { flex-direction: column; justify-content: center; } } .disclosure { position: relative; } /* Fix for capitalization issue in cross border */ .disclosure-text-style-none button.disclosure__toggle, .disclosure-text-style-none button.disclosure__button { text-transform: capitalize; } .disclosure-text-style-uppercase button.disclosure__toggle, .disclosure-text-style-uppercase button.disclosure__button { text-transform: uppercase; } .disclosure-text-style-lowercase button.disclosure__toggle, .disclosure-text-style-lowercase button.disclosure__button { text-transform: lowercase; } .disclosure__toggle { color: #f4f4f4; font-size: 12px; font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; border: 1px solid #cccccc; background-color: transparent; margin-right: 20px; min-height: 0; transition: color 0.1s linear; } .disclosure__toggle:hover, .disclosure__toggle:focus { opacity: 1; } .disclosure__toggle.is-clicked { color: #d3d3d3; } .disclosure__toggle.is-clicked:focus { color: #848484; } .disclosure__toggle.is-clicked + .disclosure__list-wrap { visibility: visible; opacity: 1; } .disclosure__toggle.is-clicked + .disclosure__list-wrap .disclosure-list { display: block; } .disclosure__toggle .icon-down-arrow { margin-left: 8px; } .disclosure__list-wrap { background-color: #1b1f23; border: 1px solid #cccccc; bottom: 100%; visibility: hidden; position: absolute; z-index: 1001; opacity: 0; transition: opacity 0.3s ease-in; } .disclosure__list-wrap.disclosure--left { left: auto; right: 0; } .disclosure__list-wrap .disclosure-list { list-style: none; margin-left: 0; margin-bottom: 0; padding: 0; margin-top: 0; display: none; max-height: 400px; overflow-y: auto; } .disclosure-list__item { background-color: inherit; color: inherit; line-height: 1; } button.disclosure__button { background-color: inherit; padding: 13px 20px; color: #f4f4f4; font-size: 12px; letter-spacing: 1px; font-family: "DM Sans", sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; text-align: left; transition: color 0.1s linear; opacity: 1; } button.disclosure__button:hover, button.disclosure__button[aria-current=true] { color: #d3d3d3; } button.disclosure__button:focus { color: #848484; } /* Pagination & infinite scrolling */ .paginate, .load-more { text-align: center; } a.tag, .paginate .page a, .paginate .current { border: solid 1px #cccccc; margin: 10px 5px; padding: 0.5rem 1rem; display: inline-block; }a.tag:hover, .paginate .page a:hover, .paginate .current:hover { color: #ffffff; background-color: #848484; border: solid 1px #848484; } .paginate .current { color: #ffffff; font-weight: bold; background-color: #848484; border: solid 1px #848484; } .paginate .next, .paginate .prev { display: inline-block; margin: 10px 0; padding: 0.5rem 1rem; } .load-more { display: none; width: 100%; } .shopify-section--collection-template .load-more, .shopify-section--search-template .load-more { display: block; clear: both; margin: 25px 0; } .load-more__icon { opacity: 0; height: 0; width: 0; transition: all 0.3s linear; background: url(//www.sourcemyparts.com.au/cdn/shop/t/36/assets/loader.gif) center center no-repeat; background-size: 32px 32px; margin: 0 auto; } .product-list.loading-in-progress.filter-loading { height: 0; } .product-list.loading-in-progress + .load-more__icon { width: 44px; height: 44px; opacity: 1; } a.tag { font-size: smaller; padding: 4px 6px; margin: 5px 2px 5px 0; } .paginate .deco { border: none; } /* Product list - collections */ .product-list { width: 100%; } .product-list .thumbnail, .slider-gallery .thumbnail, .list-collections .thumbnail { position: relative; text-align: center; margin-bottom: 25px; display: block; /* Do not display thumbnail hover background if user picks none */ } .product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; overflow: hidden; transition: opacity 0.3s ease-in; } .product-list .thumbnail .thumbnail-overlay > a, .slider-gallery .thumbnail .thumbnail-overlay > a, .list-collections .thumbnail .thumbnail-overlay > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } @media only screen and (max-width: 798px) { .product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay { display: none; } } @media only screen and (min-width: 1401px) { .product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay { line-height: 1.5; } }.product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay { background-color: rgba(0, 0, 0, 0.7); }.product-list .thumbnail img, .slider-gallery .thumbnail img, .list-collections .thumbnail img { vertical-align: bottom; transition: opacity 0.3s ease-in; width: 100%; object-fit: contain; object-position: top center; } .product-list .thumbnail .product-info__caption, .slider-gallery .thumbnail .product-info__caption, .list-collections .thumbnail .product-info__caption { margin-top: 20px; }.product-list .thumbnail .product-info__caption, .slider-gallery .thumbnail .product-info__caption, .list-collections .thumbnail .product-info__caption { display: block; }@media only screen and (max-width: 798px) { .product-list .thumbnail .product-info__caption, .slider-gallery .thumbnail .product-info__caption, .list-collections .thumbnail .product-info__caption { display: block; } } @media only screen and (max-width: 1024px) { .touchevents .product-info__caption { display: block; } .touchevents .thumbnail-overlay { display: none; } } .hidden-product-link { line-height: 0; font-size: 0; color: transparent; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .featured_collections .thumbnail { text-align: center; } /* Swap to second image on hover *//* Thumbnail overlay */ .quick_shop { opacity: 0; pointer-events: all; transform: translate3d(0, 100%, 0); }a .price-ui span { color: #000000; } .price:not(.price--sale):not(.sale) .from { color: #000000; } .thumbnail-hover-enabled--true .price:not(.price--sale):not(.sale) .from { color: #ffffff; } @media only screen and (max-width: 480px) { .thumbnail-hover-enabled--true .price:not(.price--sale):not(.sale) .from { color: #000000; } } .thumbnail .price--sale span.money, .thumbnail .sale span.money { color: #d54d4d; } .thumbnail .was_price span.money, .thumbnail .complementary-product--on-sale .complementary-product__price-compare span.money, .complementary-product--on-sale .thumbnail .complementary-product__price-compare span.money, .thumbnail .compare-at-price span.money { color: #8c8b8b; } .thumbnail .compare-at-price { -webkit-text-decoration-color: #8c8b8b; text-decoration-color: #8c8b8b; } .thumbnail .free-price-text .money, .thumbnail .free-price-text { color: #d54d4d; } .thumbnail .sold-out-price.has-margin-right { margin-right: 5px; } .thumbnail .brand { display: block; }.thumbnail.quick-shop-style--popup .current_price span.money { color: #000000; }.thumbnail.quick-shop-style--popup .sale .current_price span.money { color: #d54d4d; } .thumbnail.thumbnail-hover-enabled--true .price--sale > span.money { color: #d54d4d; } .thumbnail.thumbnail-hover-enabled--true .compare-at-price span.money { color: #8c8b8b; } .thumbnail.thumbnail-hover-enabled--true .free-price-text { color: #d54d4d; } .thumbnail-hover-enabled--false .current_price span.money { color: #000000; }/* Product banners */ .new { position: relative; display: inline; padding: 5px; border-radius: 2px; font-size: 12px; }/* Sold out and coming soon text */ .thumbnail .sold_out, .thumbnail .coming-soon { color: #000000; } .thumbnail-overlay .sold_out, .thumbnail-overlay .coming-soon { color: #ffffff; } /* Sale text */ .sale, .sale span, .free, .thumbnail .sale { color: #d54d4d; } a.secondary_button, input.secondary_button { display: block; padding: 15px 0; text-align: center; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin: 10px 0; font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #000000; -webkit-appearance: none; appearance: none; } a.secondary_button:hover, a.secondary_button:active, a.secondary_button:visited, input.secondary_button:hover, input.secondary_button:active, input.secondary_button:visited { color: #848484; } .thumbnail .price, .thumbnail .title { margin-bottom: 5px; font-size: inherit; line-height: 1.2; } .thumbnail .title { display: block; } .thumbnail .price.has-unit-price { margin-bottom: 0; } @media only screen and (max-width: 480px) { .thumbnail .current_price .money { color: #000000; } } .cart_price { float: right; text-align: right; padding-left: 20px; font-weight: bold; display: none; } .excluding_tax, #estimated-shipping { display: block; } .cart_page_image { text-align: center; margin: 10px 0 20px; display: block; } .cart_page_image img { width: 100%; display: block; } .cart_content_info { padding: 0; } .cart_content_info h5 { padding: 0; margin-bottom: 10px; margin-top: 0; } .cart_content_info .price_total { clear: both; padding: 0; margin-bottom: 20px; font-size: 20px; } .subtotal { padding-top: 20px; padding-left: 40px; } @media only screen and (max-width: 798px) { .subtotal { padding-left: 0; } } .continue-shopping { display: block; color: #0f1125; text-align: center; font-family: "DM Sans", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 20px; } .continue-shopping:hover, .continue-shopping:active, .continue-shopping:focus { color: #363636; } .subtotal_amount { font-size: 1.4em; font-weight: bold; } button.update { width: 30%; float: right; } .price_total_text { font-weight: normal; display: none; } .was_price, .complementary-product--on-sale .complementary-product__price-compare, .was_price span, .complementary-product--on-sale .complementary-product__price-compare span { text-decoration: line-through; color: #8c8b8b; text-shadow: none; font-weight: normal; } .cart_savings { text-align: left; } .savings { font-size: 17px; display: block; } .thumbnails a { display: block; margin-bottom: 1em; } .arrow { position: relative; top: -1px; left: 2px; opacity: 0.6; } .modal { margin: 10px 0; display: none; background-color: #ffffff; } .modal_product { width: auto; line-height: 0px; max-width: 940px; } .modal_product img { cursor: pointer; } .modal_image { text-align: center; } .modal a { padding-bottom: 0; } .modal .modal_price, .modal_price { font-size: 20px; margin-bottom: 10px; } .payment-terms-container { margin: 0; width: 100%; } /* These variables are used by shopify-payment-terms */ :root { --color-body-text: #000000; --color-body: #ffffff; --color-bg: #ffffff; } shopify-payment-terms { display: block; margin-top: 8px; font-size: 17px; } .product--description-top shopify-payment-terms { margin-bottom: 4px; } .product_section .modal_price { display: flex; flex-wrap: wrap; } .product_section .modal_price .price__container, .product_section .modal_price .sold-out__container { display: inline-block; } .product_section .modal_price .price__container--display-price-true.has-margin-right { margin-right: 10px; } .product_section .modal_price .sold_out__container { min-width: 150px; } .product_section .modal_price .sold-out-price.has-margin-right { margin-right: 5px; } .modal form { margin-bottom: 10px; } .product_image_col { margin-top: 15px; text-align: center; } .meta { font-size: 13px; } .meta p { font-size: 13px; margin-bottom: 0px; } p.meta { margin-bottom: 10px; } .comment-body p.meta { margin-bottom: 5px; } .comment-body h6 { padding: 0; } .sidebar_title { padding-bottom: 0px; } .shopify-section--blog-template h2 { margin-bottom: 0; line-height: 1.2; } .shopify-section--blog-template h2 a { color: #000000; } .blog_meta { margin-bottom: 0; } .blog_meta span { position: relative; display: inline-block; margin-right: 15px; font-size: smaller; color: #8c8b8b; } .blog_meta span:after { content: ""; position: absolute; right: -16px; top: 50%; margin: -1px 5px 0; width: 4px; height: 4px; border-radius: 2px; background-color: #8c8b8b; } .blog_meta span:last-child:after { background-color: transparent; } .tags span a { color: #000000; } .article-wrap { padding-bottom: 25px; } @media only screen and (min-width: 799px) { .article-wrap .article__title { margin-top: 0; } } .read-more-link { margin-top: 10px; margin-bottom: 25px; display: inline-block; } .article h3.sub_title { letter-spacing: 0; margin: 10px auto 0; } .article_content { margin-top: 20px; } .excerpt { line-height: 1.5; margin: 1em 0; } #contact_form .newsletter-form__sign-up { display: inline-block; width: 120px; padding-left: 0; padding-right: 0; float: none; } body.article { padding-bottom: 0; } .toggle span { color: #8c8b8b; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: smaller; float: right; display: none; } .sidebar .blog_search { margin: 15px 0; } .sidebar .blog_search input { width: 100%; }.label, .meta .label { color: #8c8b8b; } .blog_meta, .blog_meta a { color: #8c8b8b; } .blog_meta a:hover { color: #848484; } .count { font-style: normal; font-size: 13px; } .checkout { display: block; float: right; margin-top: 0px; } .additional-checkout-buttons { text-align: center; margin-top: 0; } .additional-checkout-buttons > *:not(script) { padding: 10px 0 0 10px; vertical-align: top; line-height: 1; } @media only screen and (max-width: 480px) { .additional-checkout-buttons > *:not(script) { padding: 10px 0 0 5px; } } .additional-checkout-buttons > *:not(script):first-child, .additional-checkout-buttons > *:not(script):empty { padding-left: 0px; } .or { line-height: 40px; font-style: normal; font-size: 14px; padding: 0 10px; text-align: center; } @media only screen and (max-width: 480px) { .or { line-height: initial; text-align: left; } } .comment { margin-bottom: 20px; } /* Author Bio + Social Share Buttons */ .author_share_wrap { width: 100%; border-top: 1px solid #cccccc; min-height: 40px; padding: 15px 0; margin-top: 15px; overflow: auto; } .blog_author { width: 60%; float: left; } @media only screen and (max-width: 798px) { .blog_author { width: 100%; border-bottom: 1px solid #cccccc; padding-bottom: 15px; } } .blog_author img { width: 80px; height: 80px; border: 1px solid #cccccc; float: left; margin-right: 15px; } .author_bio { text-align: left; } .author_bio h6 { padding-top: 0; } .author_bio p { font-size: 0.9em; } .blog_share { width: 38%; float: right; text-align: right; } @media only screen and (max-width: 798px) { .blog_share { width: 100%; float: left; } } .red { color: #C33; } .address p { margin-bottom: 5px; } div#disqus_thread ul, div#disqus_thread li { border: none; } .search_page { padding: 100px 0; } @media only screen and (max-width: 798px) { .search_page { padding: 50px 0; } } /* #Swatch Styles ================================================== */ .swatch-element.swatch--active { border-color: black; box-shadow: 0px 0px 0px 2px rgb(255, 255, 255); } .selector-wrapper label { margin-bottom: 0.5em; }.product_section .product_form { opacity: 0; transition: opacity 0.2s ease; } .product_section .product_form.is-visible { opacity: 1; } .selector-wrapper { display: none; } .swatch_options { margin-bottom: 1em; } .swatch .option_title { width: 100%; margin: 0.5em 0; } /* Hide radio buttons */ .swatch input { display: none; } .swatch label { margin: 0; cursor: pointer; padding: 10px; font-size: 13px; text-transform: uppercase; text-align: center; } .swatch .color label { background-size: cover; background-position: center; height: 34px; min-width: 34px; line-height: 34px; } .swatch-element { border: #e2e2e2 1px solid; }.swatch-element.color { padding: 3px; } .swatch-element.color, .swatch-element.color label { border: #e2e2e2 1px solid; }.swatch-element.color.swatch-element label { padding: 0; margin: 0; width: 34px; height: 34px; } .swatch_options input:checked + .swatch-element { border-color: black; box-shadow: 0px 0px 0px 2px rgb(255, 255, 255); } .swatch .swatch-element { position: relative; margin: 0px 8px 8px 0; transform: translateZ(0); min-width: 40px; } .swatch .swatch-element .crossed-out { display: none; } .swatch .swatch-element.soldout .crossed-out { display: block; height: 100%; width: 100%; pointer-events: none; object-fit: fill; }.swatch .swatch-element.soldout label { opacity: 0.6; } .crossed-out { background-image: linear-gradient(to bottom left, transparent 50%, #999 50%, #999 calc(50% + 1px), transparent 50%), linear-gradient(to bottom right, transparent 50%, #999 50%, #999 calc(50% + 1px), transparent 50%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } /* Tooltips */ .swatch .tooltip { text-align: center; background: #333; background: rgba(51, 51, 51, 0.9); color: #fff; bottom: 100%; padding: 5px 10px; display: block; position: absolute; width: 120px; font-size: 13px; left: -35px; margin-bottom: 15px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.25s ease-out; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); z-index: 10000; } .swatch .tooltip:before { content: ""; bottom: -20px; display: block; height: 20px; left: 0; position: absolute; width: 100%; } /* CSS triangle */ .swatch .tooltip:after { content: ""; border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid rgba(51, 51, 51, 0.9) 10px; bottom: -10px; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; } .swatch .swatch-element:hover .tooltip { opacity: 1; visibility: visible; transform: translateY(0px); }/* #Sidebar ================================================== */ .faceted-filter-group-summary__active-count { margin: 0 auto 0 0.5rem; } .faceted-filter-form { margin: 0; } .faceted-filter-group-display { margin: 0 0 20px; } .sidebar-block__heading { margin: 0; padding: var(--sidebar-block-padding) 0; } .sidebar-block--first .sidebar-block__heading { padding-top: 0; } .faceted-filter-group-display__header, .sidebar-block__heading { display: flex; justify-content: space-between; } .faceted-filter-group-display__header { margin-bottom: 10px; } .sidebar-block__heading { display: flex; align-items: center; } .sidebar-block .sidebar-block-toggle-icon { margin-left: auto; transition: transform 200ms linear; } @media only screen and (min-width: 799px) { .toggle-all--false .sidebar-block .sidebar-block-toggle-icon { display: none; } } .sidebar-block[open] .sidebar-block-toggle-icon { transform: rotateX(180deg); } .toggle-all--false .sidebar-block summary { pointer-events: none; } @media only screen and (max-width: 798px) { .toggle-all--false .sidebar-block summary { pointer-events: all; } } .sidebar-block summary { cursor: pointer; } .sidebar { --sidebar-block-padding: 15px; --sidebar-left-safe-area: 10px; } .sidebar .faceted-active-filters__clear, .sidebar .faceted-active-filters__remove-filter { padding: 8px 15px; } .sidebar .faceted-active-filters__clear .x-icon, .sidebar .faceted-active-filters__remove-filter .x-icon { color: inherit; margin-right: 5px; top: 0; } .sidebar .faceted-filter-group-display__header-clear { color: #848484; } .sidebar .faceted-filter-group-display__header-clear:hover, .sidebar .faceted-filter-group-display__header-clear:visited, .sidebar .faceted-filter-group-display__header-clear:active { color: #848484; } .faceted-filter-group-display__list { list-style: none; padding-left: 0; margin: 0; } .faceted-filter-group-display__list-item { margin: 0; } .faceted-filter-group-display__list-item-input { position: absolute; opacity: 0; cursor: pointer; } .faceted-filter-group-display__list-item-label { margin: 0; padding: 4px 0; display: flex; align-items: center; width: 100%; } .faceted-filter-group-display__list-item-label-text { padding-left: 12px; font-weight: initial; font-size: 15px; cursor: pointer; color: #363636; } .faceted-filter-group-display__list-item-label-text:hover { color: #848484; } .faceted-filter-group-display__list-item-input:checked ~ .faceted-filter-group-display__list-item-label-text { font-weight: bold; } .faceted-filter-group-display__list-item-input:disabled ~ * { opacity: 0.5; } .faceted-filter-group-display__checkmark { stroke-width: 2; min-width: 14px; border: 1px solid #cccccc; cursor: pointer; transition: border-color 100ms, background 100ms; } .faceted-filter-group-display__list-item-input:focus ~ .faceted-filter-group-display__checkmark { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #848484; } .faceted-filter-group-display__list-item-input:checked ~ .faceted-filter-group-display__checkmark { stroke: #ffffff; background: #848484; border-color: #848484; } .faceted-filter-group-display__list-item-input:disabled ~ .faceted-filter-group-display__checkmark { cursor: not-allowed; } .faceted-filter-group-display__price-range { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; } .faceted-filter-group-display__price-range-from, .faceted-filter-group-display__price-range-to { display: grid; grid-template-columns: auto 1fr; align-items: center; grid-column-gap: 5px; } .faceted-filter-group-display__price-range-from .faceted-filter-group-display__price-range-input, .faceted-filter-group-display__price-range-to .faceted-filter-group-display__price-range-input { margin: 0; } .faceted-filter-group-display__price-range-label { grid-column: span 2; margin: 0; } .faceted-filter-group-display__submit { margin-top: 20px; } .js .faceted-filter-group-display__list-submit { display: none; } .faceted-active-filters { display: flex; flex-wrap: wrap; gap: 5px; padding: 15px 0; border-bottom: 1px solid #cccccc; } .sidebar-block--first .faceted-active-filters { padding-top: 0; } .content-wrapper { width: 100%; } @media only screen and (max-width: 798px) { .sidebar { width: 100% !important; /* To overwrite desktop styles set inside of section */ margin-bottom: 30px; } .has-sidebar-option { width: 100% !important; /* To overwrite desktop styles set inside of section */ } } /* Fancybox */ .fancybox-bg { opacity: 1; background-color: rgba(43, 46, 56, 0.9); } @media only screen and (max-width: 480px) { .fancybox-bg { background-color: rgba(255, 255, 255, 0.99); } } @media only screen and (min-width: 481px) { .fancybox-toolbar { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fancybox-slide { padding: 44px 0; } } /* Add border around images */ @media only screen and (min-width: 481px) { .fancybox-slide--image { padding: 44px; } } .fancybox-slide--image .fancybox-image { object-fit: contain; height: 100%; } .fancybox-slide--image .fancybox-image-wrap { position: absolute; width: 100%; height: 100%; } .fancybox-slide--image .fancybox-content { padding: 0; background-color: white; } @media only screen and (min-width: 481px) { .fancybox-slide--image .fancybox-content { box-shadow: 0px 0px 0px 30px rgb(255, 255, 255); } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fancybox-slide--image .fancybox-content { position: relative !important; width: 100%; height: 100%; } } .fancybox-slide--image .fancybox-close-small { top: -30px; right: -30px; } .fancybox-is-scaling .fancybox-image-wrap, .fancybox-can-pan .fancybox-image-wrap { width: 100%; height: 100%; margin: 0; } /* Hide elements while zooming or when zoomed-in */ .fancybox-is-scaling .fancybox-item, .fancybox-can-pan .fancybox-item { display: none !important; } /* Style close button */ .fancybox-close, .fancybox-slide--html .fancybox-close-small { position: absolute; top: 0px; right: 0px; width: 36px; height: 36px; z-index: 2; color: #000000; background-color: transparent; } .fancybox-close svg, .fancybox-slide--html .fancybox-close-small svg { display: none; } .fancybox-close:hover, .fancybox-slide--html .fancybox-close-small:hover { color: #000000; } @media only screen and (max-width: 480px) { .fancybox-close, .fancybox-slide--html .fancybox-close-small { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fancybox-close, .fancybox-slide--html .fancybox-close-small { display: block !important; } } .fancybox-close:before, .fancybox-slide--html .fancybox-close-small:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "×"; text-align: center; } .fancybox-button { min-height: auto; } @media only screen and (max-width: 480px) { .fancybox-button { background-color: white; } .fancybox-button svg path { fill: #95979c; } } /* Style navigation elements */ .fancybox-content:hover .fancybox-nav { opacity: 1; } .fancybox-nav { transition: opacity 0.2s linear; opacity: 0; position: absolute; top: 0; width: 50px; height: 100%; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: flex; justify-content: center; align-items: center; }.fancybox-nav span { pointer-events: none; } .fancybox-nav svg path { fill: #333333; } .fancybox-next { right: 0; } .fancybox-prev { left: 0; }.fancybox-nav span { position: absolute; width: 36px; height: 36px; cursor: pointer; } @media only screen and (max-width: 1024px) { .touchevents .fancybox-nav { display: none; } } /* #Footer ================================================== */ .footer { padding: 20px 0; pointer-events: all; font-size: 13px; border-top: solid 1px #1b1f23; background-color: #1b1f23; background-position: center center; color: #6b6b6b; }.footer .input-row { flex-direction: column; margin-left: 0px; margin-right: 0px; } .footer .input-row input { margin: 5px 0; } .footer-text .toggle_content { padding-top: 15px; } .no-footer-title.footer-text .toggle_content { padding-top: 0; } @media only screen and (max-width: 798px) { .no-footer-title.footer-text .toggle_content { display: block; padding-top: 20px; } } /* If no shop logo used, apply text styling as per theme settings */ .footer .logo { color: #ffffff !important; font-size: 20px; margin-top: 0; margin-bottom: 20px; line-height: 1; width: 100%; word-wrap: break-word; float: none; } @media only screen and (max-width: 798px) { .footer .logo { text-align: center; } } img.footer-logo { width: 75%; max-width: 250px; margin-bottom: 10px; display: inline-block; } @media only screen and (max-width: 798px) { img.footer-logo { max-width: 50% !important; margin: 0 25% 25px; } } .footer .empty-column { width: 100%; height: 1px; } .footer .footer-menu-wrap h6 { margin: 0; padding: 0 0 5px 0; color: #7f8c8d; font-size: 18px; } @media only screen and (max-width: 798px) { .footer .footer-menu-wrap h6 { border-top: 1px solid #1b1f23; margin-bottom: 5px; padding: 10px 0 5px; } } .footer .footer-menu-wrap h6 > span { display: none; } @media only screen and (max-width: 798px) { .footer .footer-menu-wrap h6 > span { display: inline-block; transition: transform 0.3s linear; perspective: 1000; } } @media only screen and (min-width: 799px) { .footer .toggle_content { display: block !important; /* Override display: none from mobile view */ } } .footer a, .footer a:visited { color: #7f8c8d; font-size: 13px; } .footer a:hover, .footer a:active { color: #ffffff; } .footer ul { list-style: none; margin: 0; padding: 15px 0 0 0; } .footer ul li { margin-bottom: 1em; line-height: 1.1; } .footer form { margin-bottom: 0; } .footer-menu-wrap { text-align: left; padding-top: 20px; } .page-landing .maps { position: relative; bottom: -7px; } .maps iframe { pointer-events: none; display: block; } .map__placeholder img { object-fit: cover; } .newsletter form { margin-bottom: 0; } .footer_credits { margin-top: 10px; border-top: 1px solid #1b1f23; } .payment_methods { margin: 10px 0 6px 0; padding-top: 10px; } @media only screen and (min-width: 799px) { .payment_methods { float: right; text-align: right; } } .payment_methods svg { padding-right: 4px; height: 30px; width: 48px; } .payment_methods svg:last-of-type { padding-right: 0px; } .credits { text-align: left; padding-top: 20px; } @media only screen and (min-width: 799px) { .credits { float: left; } } /* Currency / language switcher in footer */ @media only screen and (max-width: 798px) { .footer-menu__disclosure { justify-content: flex-start; } } .footer-menu__disclosure .selectors-form__item:last-of-type .disclosure__toggle { margin-right: 0; } .footer-menu__disclosure .disclosure { padding-top: 16px; margin-top: -8px; min-height: 44px; } .footer-menu__disclosure .disclosure__toggle { display: flex; align-items: center; color: #333333; padding: 0 10px; background-color: white; color: #000000; font-size: 17px; font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; text-align: left; padding: 10px; } .footer-menu__disclosure .disclosure__toggle.is-clicked { color: #000000; } .footer-menu__disclosure .disclosure__toggle.is-clicked:focus { color: #000000; } .footer-menu__disclosure .disclosure-list { background-color: white; padding-top: 0; } .footer-menu__disclosure .disclosure-list__item { margin-bottom: 0; } .footer-menu__disclosure button.disclosure__button { color: #000000; font-size: 17px; font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; } .footer-menu__disclosure button.disclosure__button:hover, .footer-menu__disclosure button.disclosure__button[aria-current=true] { opacity: 0.5; } h6 span, h4 span, .sublink span { transition: transform 0.3s linear; perspective: 1000; } .footer-menu-wrap, #mobile_menu, .sidebar { transform: translate3d(0, 0, 0); } .footer-menu-wrap span.active, .footer-menu-wrap .active > .icon-down-arrow, #mobile_menu span.active, #mobile_menu .active > .icon-down-arrow, .sidebar span.active, .sidebar .active > .icon-down-arrow { transform: rotateX(180deg); } .sidebar span.menu-toggle { float: right; display: inline-block; cursor: pointer; padding: 0 6px 0 6px; margin-right: 0; transition: transform 0.3s linear; perspective: 1000; transform: none; } .sidebar span.menu-toggle.active { transform: rotateX(180deg); } /* Footer and mobile menu accordion (mobile only) */ @media only screen and (max-width: 798px) { .footer-menu-wrap h6, .sidebar h6, #mobile_menu h6 { padding-top: 8px; cursor: pointer; border-top: 1px solid #7f8c8d; margin-top: 0; } .footer-menu-wrap h6 span, .footer-menu-wrap h4 span, .footer-menu-wrap .sublink span, .sidebar h6 span, .sidebar h4 span, .sidebar .sublink span, #mobile_menu h6 span, #mobile_menu h4 span, #mobile_menu .sublink span { display: inline-block; transition: transform 0.3s linear; perspective: 1000; } .footer-menu-wrap .columns > ul, .sidebar .columns > ul, #mobile_menu .columns > ul { display: none; padding-left: 20px; } .footer-menu-wrap .columns > ul li, .sidebar .columns > ul li, #mobile_menu .columns > ul li { line-height: 1.7; } .toggle_content { display: none; padding: 0 20px; } } @media only screen and (min-width: 799px) { h4.toggle { pointer-events: none; } .footer-menu-wrap h6 { pointer-events: none; } .footer-menu-wrap .columns > ul { /* Required to overwrite inline display:none from createAccordion(); */ display: block !important; } } /* Promo banner */ .header .promo-banner a, .header .promo-banner a:visited a:hover, #header .promo-banner a, #header .promo-banner a:visited a:hover { color: #333333; } .promo-banner { background-color: #f2f2f2; text-align: center; color: #333333; font-size: 12px; position: relative; width: 100%; height: 0; line-height: 0; z-index: 5000; top: 0; transition: all 0.3s linear; overflow: hidden; } .promo-banner .promo-banner__content { margin: 0px auto; padding: 0 1.5rem; } @media only screen and (max-width: 798px) { .promo-banner .promo-banner__content { font-size: 10px; max-height: 50px; } } .promo-banner p { margin-bottom: 0; display: inline; line-height: 1; } .promo-banner .promo-banner__close { position: absolute; top: 0; right: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; text-decoration: none; color: #333333; border: 0; outline: 0; background: transparent; z-index: 1000; } .promo-banner .promo-banner__close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 20px; line-height: 30px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "×"; text-align: center; } .promo-banner--show .promo-banner { transition: all 0s linear; height: auto; min-height: 30px; line-height: 1.1; display: flex; align-items: center; } .top-bar { padding-top: 0; position: relative; transition: padding-top 0.3s linear; } @media only screen and (max-width: 480px) { .top-bar { padding-top: 0; } } /* #Plyr ================================================== */ @keyframes plyr-progress { to { background-position: 25px 0; } } @keyframes plyr-popup { 0% { opacity: 0.5; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: subpixel-antialiased; direction: ltr; font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; font-variant-numeric: tabular-nums; font-weight: 500; line-height: 1.7; max-width: 100%; min-width: 50px; position: relative; text-shadow: none; transition: box-shadow 0.3s ease; } .plyr audio, .plyr video { border-radius: inherit; height: auto; vertical-align: middle; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before { box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } .plyr__badge { background: #4a5764; border-radius: 2px; color: #fff; font-size: 9px; line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { animation: plyr-fade-in 0.3s ease; bottom: 0; color: #fff; display: none; font-size: 14px; left: 0; padding: 10px; position: absolute; text-align: center; transition: transform 0.4s ease-in-out; width: 100%; } .plyr__captions .plyr__caption { background: rgba(0, 0, 0, 0.8); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 185%; padding: 0.2em 0.5em; white-space: pre-wrap; } .plyr__captions .plyr__caption div { display: inline; } .plyr__captions span:empty { display: none; } @media (min-width: 480px) { .plyr__captions { font-size: 16px; padding: 20px; } } @media (min-width: 768px) { .plyr__captions { font-size: 18px; } } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { transform: translateY(-40px); } .plyr__control { background: 0 0; border: 0; border-radius: 3px; color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: 7px; position: relative; transition: all 0.3s ease; } .plyr__control svg { display: block; fill: currentColor; height: 18px; pointer-events: none; width: 18px; } .plyr__control:focus { outline: 0; } .plyr__control.plyr__tab-focus { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed { display: none; } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: #00b3ff; color: #fff; } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: #00b3ff; color: #fff; } .plyr__control--overlaid { background: rgba(0, 179, 255, 0.8); border: 0; border-radius: 100%; color: #fff; display: none; left: 50%; padding: 15px; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { background: #00b3ff; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__progress__container { flex: 1; min-width: 0; } .plyr__controls .plyr__controls__item { margin-left: 2.5px; } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: 2.5px; } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 5px; } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0; } .plyr__controls .plyr__controls__item.plyr__volume { padding-right: 5px; } .plyr__controls .plyr__controls__item.plyr__volume:first-child { padding-right: 0; } .plyr__controls:empty { display: none; } .plyr--audio .plyr__controls { background: #fff; border-radius: inherit; color: #4a5764; padding: 10px; } .plyr--video .plyr__controls { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; left: 0; padding: 20px 5px 5px; position: absolute; right: 0; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; z-index: 3; } @media (min-width: 480px) { .plyr--video .plyr__controls { padding: 10px; } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%); } .plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] { display: none; } .plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] { display: inline-block; } .plyr__menu { display: flex; position: relative; } .plyr__menu .plyr__control svg { transition: transform 0.3s ease; } .plyr__menu .plyr__control[aria-expanded=true] svg { transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none; } .plyr__menu__container { animation: plyr-popup 0.2s ease; background: rgba(255, 255, 255, 0.9); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4a5764; font-size: 16px; margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container > div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: 4px solid transparent; border-top-color: rgba(255, 255, 255, 0.9); content: ""; height: 0; position: absolute; right: 15px; top: 100%; width: 0; } .plyr__menu__container [role=menu] { padding: 7px; } .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] { margin-top: 2px; } .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { align-items: center; color: #4a5764; display: flex; font-size: 14px; padding: 4px 11px; -webkit-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control > span { align-items: inherit; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: 4px solid transparent; content: ""; position: absolute; top: 50%; transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: 28px; } .plyr__menu__container .plyr__control--forward::after { border-left-color: rgba(74, 87, 100, 0.8); right: 5px; } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: 500; margin: 7px; margin-bottom: 3px; padding-left: 28px; position: relative; width: calc(100% - 14px); } .plyr__menu__container .plyr__control--back::after { border-right-color: rgba(74, 87, 100, 0.8); left: 7px; } .plyr__menu__container .plyr__control--back::before { background: #c1c9d1; box-shadow: 0 1px 0 #fff; content: ""; height: 1px; left: 0; margin-top: 4px; overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role=menuitemradio] { padding-left: 7px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before { border-radius: 100%; } .plyr__menu__container .plyr__control[role=menuitemradio]::before { background: rgba(0, 0, 0, 0.1); content: ""; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; transition: all 0.3s ease; width: 16px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform 0.3s ease, opacity 0.3s ease; width: 6px; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: #00b3ff; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after { opacity: 1; transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before { background: rgba(0, 0, 0, 0.1); } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: -5px; overflow: hidden; padding-left: 25px; pointer-events: none; } .plyr--full-ui input[type=range] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 26px; color: #00b3ff; display: block; height: 19px; margin: 0; padding: 0; transition: box-shadow 0.3s ease; width: 100%; } .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)); } .plyr--full-ui input[type=range]::-webkit-slider-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2); height: 13px; position: relative; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; -webkit-appearance: none; margin-top: -4px; } .plyr--full-ui input[type=range]::-moz-range-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; -moz-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; } .plyr--full-ui input[type=range]::-moz-range-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2); height: 13px; position: relative; -moz-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; } .plyr--full-ui input[type=range]::-moz-range-progress { background: currentColor; border-radius: 2.5px; height: 5px; } .plyr--full-ui input[type=range]::-ms-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; color: transparent; } .plyr--full-ui input[type=range]::-ms-fill-upper { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; } .plyr--full-ui input[type=range]::-ms-fill-lower { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; background: currentColor; } .plyr--full-ui input[type=range]::-ms-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2); height: 13px; position: relative; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; margin-top: 0; } .plyr--full-ui input[type=range]::-ms-tooltip { display: none; } .plyr--full-ui input[type=range]:focus { outline: 0; } .plyr--full-ui input[type=range]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: rgba(193, 201, 209, 0.66); } .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: rgba(193, 201, 209, 0.66); } .plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: rgba(193, 201, 209, 0.66); } .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr__time { font-size: 14px; } .plyr__time + .plyr__time::before { content: "⁄"; margin-right: 10px; } @media (max-width: 767px) { .plyr__time + .plyr__time { display: none; } } .plyr--video .plyr__time { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .plyr__tooltip { background: rgba(255, 255, 255, 0.9); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4a5764; font-size: 14px; font-weight: 500; left: 50%; line-height: 1.3; margin-bottom: 10px; opacity: 0; padding: 5px 7.5px; pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); bottom: -4px; content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 0 100%; } .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { left: 16px; } .plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 100% 100%; } .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { left: auto; right: 16px; transform: translateX(50%); } .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip { transform: translate(0, 0) scale(1); } .plyr--video { background: #000; overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: #000; border-radius: inherit; overflow: hidden; position: relative; z-index: 0; } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; height: 100%; left: 0; position: absolute; top: 0; -webkit-user-select: none; user-select: none; width: 100%; } .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%); } .plyr__progress { left: 6.5px; margin-right: 13px; position: relative; } .plyr__progress input[type=range], .plyr__progress__buffer { margin-left: -6.5px; margin-right: -6.5px; width: calc(100% + 13px); } .plyr__progress input[type=range] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { font-size: 14px; left: 0; } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; left: 0; margin-top: -2.5px; padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; -webkit-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; -moz-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr--video .plyr__progress__buffer { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.25); } .plyr--audio .plyr__progress__buffer { color: rgba(193, 201, 209, 0.66); } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, 0.25); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193, 201, 209, 0.66); } .plyr__volume { align-items: center; display: flex; flex: 1; position: relative; } .plyr__volume input[type=range] { margin-left: 5px; position: relative; z-index: 2; } @media (min-width: 480px) { .plyr__volume { max-width: 90px; } } @media (min-width: 768px) { .plyr__volume { max-width: 110px; } } .plyr--is-ios .plyr__volume { display: none !important; } .plyr--is-ios.plyr--vimeo [data-plyr=mute] { display: none !important; } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; } .plyr:fullscreen .plyr__captions { font-size: 21px; } } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; } } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-moz-full-screen video { height: 100%; } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-moz-full-screen .plyr__captions { font-size: 21px; } } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; position: static; } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: rgba(35, 41, 47, 0.8); border-radius: 2px; bottom: 10px; color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; z-index: 3; } .plyr__ads::after:empty { display: none; } .plyr__cues { background: currentColor; display: block; height: 5px; left: 0; margin: -2.5px 0 0; opacity: 0.8; position: absolute; top: 50%; width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: rgba(255, 255, 255, 0.9); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); margin-bottom: 10px; opacity: 0; padding: 3px; pointer-events: none; position: absolute; transform: translate(0, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); bottom: -4px; content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: #c1c9d1; border-radius: 2px; overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3; } .plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, 0.55); border-radius: 2px; color: #fff; font-size: 14px; padding: 3px 6px; } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } /* #Model Viewer ================================================== */ .shopify-model-viewer-ui { position: relative; display: block; cursor: pointer; } .shopify-model-viewer-ui model-viewer { transform: translateZ(0); z-index: 1; } .shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled { pointer-events: none; } .shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer { position: relative; width: 100vw; height: 100vh; } .shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen { display: block; } .shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen { display: none; } .shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area, .shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area { opacity: 1; } .shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay { position: absolute; width: 100%; height: 100%; top: 0; } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { display: flex; flex-direction: column; background: #fff; opacity: 0; border: 1px solid rgba(0, 0, 0, 0.05); position: absolute; bottom: 10px; right: 10px; z-index: 1; transition: opacity 0.1s linear; } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: #3a3a3a; border-radius: 0; border: none; margin: 0; cursor: pointer; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible) { outline: 0; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control { padding: 0; height: 44px; width: 44px; background: 0 0; position: relative; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover { color: rgba(0, 0, 0, 0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active { color: rgba(0, 0, 0, 0.55); background: rgba(0, 0, 0, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after { position: absolute; content: ""; border-bottom: 1px solid rgba(0, 0, 0, 0.05); width: 28px; bottom: 0; right: 8px; } .shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon { width: 44px; height: 44px; fill: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster { background: #fff; position: absolute; border: 1px solid rgba(0, 0, 0, 0.05); top: 50%; left: 50%; padding: 0; transform: translate3d(-50%, -50%, 0); height: 62px; width: 62px; z-index: 1; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover { color: rgba(0, 0, 0, 0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon { width: 60px; height: 60px; z-index: 1; fill: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen { display: block; } .shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } /*! Flickity v2.0.10 http://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: 0; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: grabbing; } .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: #fff; background: hsla(0deg, 0%, 100%, 0.75); cursor: pointer; transform: translateY(-50%); } .flickity-prev-next-button:hover { background: #fff; } .flickity-prev-next-button:focus { outline: 0; box-shadow: 0 0 0 5px #09f; } .flickity-prev-next-button:active { opacity: 0.6; } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; } .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #333; } .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } .flickity-enabled { position: relative; overflow: hidden; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-button.flickity-prev-next-button.next:focus, .flickity-button.flickity-prev-next-button.previous:focus { opacity: 1; } /* Draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: grabbing; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { filter: alpha(opacity=50); opacity: 0.5; position: absolute; top: 0; bottom: 0; width: 32px; border: none; background: hsla(0deg, 0%, 100%, 0.75); cursor: pointer; border-radius: 0; height: auto; max-width: 11%; transform: none; } .flickity-prev-next-button:hover { background: white; border: none; } .flickity-prev-next-button:focus { outline: none; } .flickity-prev-next-button:hover, .flickity-prev-next-button:active { filter: alpha(opacity=80); opacity: 0.8; } .flickity-prev-next-button.previous { left: -1px; } .flickity-prev-next-button.next { right: -1px; } /* Right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: -1px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: -1px; } .flickity-prev-next-button:disabled { filter: alpha(opacity=10); /* IE8 */ opacity: 0.1; cursor: auto; } .flickity-prev-next-button svg { top: 50%; transform: translateY(-50.1%); padding: 10px 0; position: absolute; left: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #333333; } /* Color & size if no SVG - IE8 and Android 2.3 */ .flickity-prev-next-button.no-svg { color: #333333; font-size: 26px; } /* Page dots */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; filter: alpha(opacity=25); /* IE8 */ opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); /* IE8 */ opacity: 1; } /* Custom sliders */ .flickity-slider > li { list-style-type: none; width: 100%; text-align: center; } /* General Flickity styling */ img[data-flickity-lazyload] { width: auto; } .slideshow-transition--fade.flickity-enabled .flickity-slider { transform: none !important; } .slideshow-transition--fade.flickity-enabled .gallery-cell { left: 0 !important; opacity: 0; transition: opacity 0.5s ease-in-out; z-index: -1; } .slideshow-transition--fade.flickity-enabled .gallery-cell.is-selected { opacity: 1; z-index: 0; } /* Gallery page */ .lightbox-gallery .gallery-cell { width: 100%; } .lightbox-gallery .gallery-cell img { width: auto; max-height: 90vh; max-width: 100%; display: inline-block; } /* Product gallery */ .gallery-arrows--true .product_gallery .flickity-prev-next-button { display: block; } .gallery-arrows--true .product_gallery .flickity-prev-next-button:hover { opacity: 0.5; } /* Hidden for product gallery on collection page when product form style is dropdown */ .image__container .product_gallery .flickity-prev-next-button { display: none; } .product_gallery { margin-bottom: 30px; position: relative; opacity: 0; transition: opacity 0.2s; } @media only screen and (max-width: 798px) { .product_gallery { margin-bottom: 30px; } } @media only screen and (max-width: 480px) { .product_gallery .flickity-page-dots { bottom: 15px; } } .product_gallery .gallery-cell { width: 100%; display: block; margin-right: 10px; position: relative; } .product_gallery.flickity-enabled { opacity: 1; } .product_gallery img { background-color: #ffffff; } .product_gallery.show-gallery-arrows--false .flickity-prev-next-button { display: none; } @media only screen and (max-width: 798px) { .product_gallery.show-gallery-arrows--false .flickity-prev-next-button { display: block; } } @media only screen and (max-width: 798px) { .thumbnail .product_gallery { margin-bottom: 0; padding-bottom: 0; } } .product_gallery_nav { text-align: center; margin-bottom: 30px; } .product_gallery_nav.product_gallery_nav--bottom-thumbnails .gallery-cell { width: auto; } .product_gallery_nav.product_gallery_nav--bottom-thumbnails img { height: 80px; width: auto; } @media only screen and (max-width: 480px) { .product_gallery_nav.product_gallery_nav--bottom-slider { margin-bottom: 30px; } } .product_gallery_nav.product_gallery_nav--bottom-slider .flickity-prev-next-button { opacity: 1; background: #ffffff; } .product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell { display: flex; width: auto; opacity: 0.5; margin-bottom: 0; } .product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell.is-nav-selected { opacity: 1; } .product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell img { width: auto; height: 80px; max-width: none; min-width: 50px; } .product_gallery_nav .gallery-cell { width: 20%; margin: 0 10px 10px 0; opacity: 0.7; display: inline-block; position: relative; } .product_gallery_nav .gallery-cell.is-nav-selected { opacity: 1; } .product_gallery_nav .gallery-cell img { cursor: pointer; } .product_gallery_nav--slider-enabled .gallery-cell { opacity: 1; } .product_gallery .gallery-cell a { cursor: zoom-in; } @media only screen and (min-width: 799px) { .gallery-thumbnails--right .multi-image { width: 83%; float: left; } .gallery-thumbnails--right .product_gallery_nav { width: 12%; float: left; margin-left: 2%; } .gallery-thumbnails--right .product_gallery_nav .gallery-cell { width: 100%; margin: 0 0 10px 0; } } @media only screen and (min-width: 799px) { .gallery-thumbnails--left .multi-image { width: 83%; float: right; } .gallery-thumbnails--left .product_gallery_nav { width: 12%; float: right; margin-right: 2%; } .gallery-thumbnails--left .product_gallery_nav .gallery-cell { width: 100%; margin: 0 0 10px 0; } } .gallery-wrap .flickity-viewport { margin-top: 0; } .product-section__lightbox .zoom-wrap { width: 100%; height: 100%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .product-section__lightbox .fancybox-content { top: 50%; transform: translateY(-50%) !important; /* Overwrite Fancybox transform */ } } /* Quick shop template */ .product-quickshop { background-color: rgba(43, 46, 56, 0.9); } @media only screen and (max-width: 798px) { .product-quickshop { margin: 2rem; } } .product-quickshop .shopify-section--quick-shop { margin: 4rem auto; max-width: 900px; padding: 44px !important; /* Overwrite section padding */ background-color: #ffffff; }.product-quickshop .shopify-section:not(.shopify-section--quick-shop) { display: none; } /* Quick shop */ .js-quick-shop { display: none; width: 90%; max-width: 900px; cursor: pointer !important; background-color: #ffffff; }.js-quick-shop .container, .js-quick-shop .product_name { color: #2b2e38; } .js-quick-shop .fancybox-close-small svg path { fill: #2b2e38; } .js-quick-shop .fancybox-close-small svg path:hover { fill: #292c36; } /* Inline quick shop */ .quick-shop-style--inline .collection_swatches { display: none; } .quick-shop-style--inline .inline-quickshop { margin-top: 10px; } .quick-shop-style--inline .product-quantity-box, .quick-shop-style--inline .items_left { display: none; } .quick-shop-style--inline .purchase-details__spb--false { margin-left: 0; } /* Purchase button sizing */ .quick-shop-style--inline.one-fourth .shopify-payment-button, .quick-shop-style--inline.one-fifth .shopify-payment-button, .quick-shop-style--inline.one-sixth .shopify-payment-button, .quick-shop-style--inline.one-seventh .shopify-payment-button, .quick-shop-style--inline.visible-5 .shopify-payment-button, .quick-shop-style--inline.visible-6 .shopify-payment-button, .quick-shop-style--inline.visible-7 .shopify-payment-button { min-width: 100%; margin-left: 0; margin-right: 0; margin-top: 10px; } .quick-shop-style--inline.one-fourth .add_to_cart, .quick-shop-style--inline.one-fifth .add_to_cart, .quick-shop-style--inline.one-sixth .add_to_cart, .quick-shop-style--inline.one-seventh .add_to_cart, .quick-shop-style--inline.visible-5 .add_to_cart, .quick-shop-style--inline.visible-6 .add_to_cart, .quick-shop-style--inline.visible-7 .add_to_cart { max-width: 100%; } /* Related Items Gallery */ .related-products--grid { font-size: 0; text-align: center; } .related-products--grid.container { padding-top: 0; } .related-products--grid .product-list .thumbnail.column, .related-products--grid .product-list .thumbnail.columns { font-size: initial; display: inline-block; float: none; vertical-align: top; } .related-products__title { clear: both; } .title.slider-gallery { padding-top: 40px; } @media only screen and (max-width: 480px) { .title.slider-gallery { padding-top: 0; font-size: 1.5em; } } .slider-gallery { margin: 0 auto 40px; } .slider-gallery .gallery-cell { display: inline-block; margin-right: 10px; text-align: center; padding: 0; margin-bottom: 0; } @media only screen and (max-width: 480px) { .slider-gallery .gallery-cell { padding: 0; margin-right: 5px; } } .slider-gallery .gallery-cell .product-details { line-height: 1.2; letter-spacing: 0; } @media only screen and (max-width: 798px) { .slider-gallery .gallery-cell .product-details { font-size: 3vw; } } .slider-gallery .gallery-cell img { display: block; max-width: 100%; } .slider-gallery .gallery-cell-heading { font-size: 0.8rem; line-height: 1.2; text-transform: none; margin-top: 10px; } .slider-gallery .flickity-prev-next-button { border-radius: 0; opacity: 0; width: 5%; } .slider-gallery:hover .flickity-prev-next-button { opacity: 0.5; } .transparentBackground--false .dot { background: #333333; } .transparentBackground--false .flickity-prev-next-button { background: transparent; } .transparentBackground--false .flickity-prev-next-button .arrow { opacity: 1; fill: #333333; } .homepage-slideshow.transparentBackground--false:hover .flickity-prev-next-button, .testimonial-slideshow.transparentBackground--false:hover .flickity-prev-next-button, .product-slider.transparentBackground--false:hover .flickity-prev-next-button, .slider-gallery.transparentBackground--false:hover .flickity-prev-next-button { opacity: 1; } .homepage-slideshow.transparentBackground--false .flickity-page-dots .dot, .testimonial-slideshow.transparentBackground--false .flickity-page-dots .dot, .product-slider.transparentBackground--false .flickity-page-dots .dot, .slider-gallery.transparentBackground--false .flickity-page-dots .dot { opacity: 0.4; } .homepage-slideshow.transparentBackground--false .flickity-page-dots .dot.is-selected, .testimonial-slideshow.transparentBackground--false .flickity-page-dots .dot.is-selected, .product-slider.transparentBackground--false .flickity-page-dots .dot.is-selected, .slider-gallery.transparentBackground--false .flickity-page-dots .dot.is-selected { opacity: 1; } /* Lazyframe */ .lazyframe { position: relative; background-color: #ffffff; background-repeat: no-repeat; background-size: cover; } .lazyframe__title { position: absolute; top: 0; left: 0; right: 0; padding: 15px 17px; z-index: 3; } .lazyframe__title:after { z-index: -1; } .lazyframe:hover { cursor: pointer; } .lazyframe:before { display: block; content: ""; width: 100%; padding-top: 100%; } .lazyframe[data-ratio="16:9"]:before { padding-top: 56.25%; } .lazyframe[data-ratio="4:3"]:before { padding-top: 75%; } .lazyframe[data-ratio="1:1"]:before { padding-top: 100%; } .lazyframe iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; width: 100%; height: 100%; } .lazyframe[data-vendor=youtube], .lazyframe[data-vendor=youtube_nocookie] { background-color: #e52d27; font-family: Roboto, Arial, Helvetica, sans-serif; } .lazyframe[data-vendor=youtube] .lazyframe__title, .lazyframe[data-vendor=youtube_nocookie] .lazyframe__title { color: #eee; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 18px; text-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 2px; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; transition: color 0.1s cubic-bezier(0.4, 0, 1, 1); } .lazyframe[data-vendor=youtube] .lazyframe__title:hover, .lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:hover { color: #fff; } .lazyframe[data-vendor=youtube] .lazyframe__title:before, .lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:before { content: ""; display: block; background: linear-gradient(rgba(0, 0, 0, 0.2), transparent); height: 98px; width: 100%; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; z-index: -1; -webkit-tap-highlight-color: transparent; } .lazyframe[data-vendor=youtube]:before, .lazyframe[data-vendor=youtube_nocookie]:before { padding-top: 56.25%; } .lazyframe[data-vendor=youtube][data-ratio="16:9"]:before, .lazyframe[data-vendor=youtube_nocookie][data-ratio="16:9"]:before { padding-top: 56.25%; } .lazyframe[data-vendor=youtube][data-ratio="4:3"]:before, .lazyframe[data-vendor=youtube_nocookie][data-ratio="4:3"]:before { padding-top: 75%; } .lazyframe[data-vendor=youtube][data-ratio="1:1"]:before, .lazyframe[data-vendor=youtube_nocookie][data-ratio="1:1"]:before { padding-top: 100%; } .lazyframe[data-vendor=youtube]:after, .lazyframe[data-vendor=youtube_nocookie]:after { content: ""; position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4="); background-position: center center; background-size: 100%; background-repeat: no-repeat; opacity: 0.81; border: none; z-index: 4; } .lazyframe[data-vendor=youtube]:hover:after, .lazyframe[data-vendor=youtube_nocookie]:hover:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg=="); opacity: 1; } .lazyframe[data-vendor=vimeo] { background-color: #00adef; } .lazyframe[data-vendor=vimeo] .lazyframe__title { font-family: "Helvetica Neue", Helvetica, Arial; color: #00adef; font-size: 20px; font-weight: bold; text-rendering: optimizeLegibility; -webkit-user-select: none; user-select: none; -webkit-font-smoothing: auto; -webkit-tap-highlight-color: transparent; background-color: rgba(0, 0, 0, 0.5); } .lazyframe[data-vendor=vimeo]:before { padding-top: 48.25%; } .lazyframe[data-vendor=vimeo][data-ratio="16:9"]:before { padding-top: 56.25%; } .lazyframe[data-vendor=vimeo][data-ratio="4:3"]:before { padding-top: 75%; } .lazyframe[data-vendor=vimeo][data-ratio="1:1"]:before { padding-top: 100%; } .lazyframe[data-vendor=vimeo]:after { content: ""; height: 40px; width: 65px; display: block; position: absolute; bottom: 10px; left: 10px; z-index: 3; background-color: rgba(0, 0, 0, 0.5); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYmFzZVByb2ZpbGU9InRpbnkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzY1IDE2Ljg5bDguNDctNC44OS04LjQ3LTQuODkiLz48L3N2Zz4="); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; border-radius: 5px; position: relative; } .lazyframe[data-vendor=vimeo]:hover:after { background-color: #00adef; } .lazyframe[data-vendor=vine] { background-color: #00bf8f; } .lazyframe[data-vendor=vine] .lazyframe__title { color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; white-space: nowrap; z-index: 3; positon: relative; } .lazyframe[data-vendor=vine] .lazyframe__title:after { content: ""; position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 115px; padding: 24px 70px 24px 24px; background: linear-gradient(to top, rgba(23, 23, 23, 0) 0, rgba(23, 23, 23, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3171717", endColorstr="#00171717", GradientType=0 ); } .lazyframe[data-vendor=vine]:before { padding-top: 100%; } .lazyframe[data-vendor=vine][data-ratio="16:9"]:before { padding-top: 56.25%; } .lazyframe[data-vendor=vine][data-ratio="4:3"]:before { padding-top: 75%; } .lazyframe[data-vendor=vine][data-ratio="1:1"]:before { padding-top: 100%; } .lazyframe[data-vendor=vine]:after { content: ""; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; z-index: 4; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzYiIGhlaWdodD0iMTM2IiB2aWV3Qm94PSIwIDAgMTM2IDEzNiI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU2IDQ0Yy0uNyAwLTEuNC4yLTIgLjUtMS4yLjgtMiAyLTIgMy41djQwYzAgMS40LjggMi44IDIgMy41LjYuMyAxLjMuNSAyIC41czEuNC0uMiAyLS41bDM0LjYtMjBjMS4zLS43IDItMiAyLTMuNSAwLTEuNC0uNy0yLjgtMi0zLjVMNTggNDQuNWMtLjYtLjMtMS4zLS41LTItLjV6Ii8+PC9zdmc+"); background-color: rgba(0, 0, 0, 0.5); background-size: cover; background-repeat: no-repeat; margin-top: -30px; margin-left: -30px; border-radius: 50%; } .lazyframe[data-vendor=vine]:hover:after { background-color: rgba(0, 0, 0, 0.75); } /* * Remodal - v1.0.6 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's necessary styles ========================================================================== */ /* Hide scroll bar */ html.remodal-is-locked { overflow: hidden; touch-action: none; } /* Anti FOUC */ .remodal, [data-remodal-id] { display: none; } /* Necessary styles of the overlay */ .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } .remodal img { max-width: 100%; } .remodal-is-initialized { display: inline-block; /* Disable Anti-FOUC */ } /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(43, 46, 56, 0.9); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { animation-duration: 0.3s; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { animation-name: remodal-overlay-opening-keyframes; } .remodal-overlay.remodal-is-closing { animation-name: remodal-overlay-closing-keyframes; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { width: 100%; margin-bottom: 10px; padding: 35px; transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; } @media only screen and (max-width: 480px) { .remodal { overflow-x: scroll; } } .remodal.remodal-is-opening, .remodal.remodal-is-closing { animation-duration: 0.3s; animation-fill-mode: forwards; } .remodal.remodal-is-opening { animation-name: remodal-opening-keyframes; } .remodal.remodal-is-closing { animation-name: remodal-closing-keyframes; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { position: absolute; top: 0; right: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; z-index: 1000; } .remodal-close:hover, .remodal-close:focus { color: #2b2e38; } .remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "×"; text-align: center; } /* Dialog buttons */ .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .remodal-confirm { color: #fff; background: #81c784; } .remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; } .remodal-cancel { color: #fff; background: #e57373; } .remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @keyframes remodal-opening-keyframes { from { transform: scale(1.05); opacity: 0; } to { transform: none; opacity: 1; } } @keyframes remodal-closing-keyframes { from { transform: scale(1); opacity: 1; } to { transform: scale(0.95); opacity: 0; } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #contact_form input.newsletter-form__sign-up[type=submit] { margin-left: 0; margin-bottom: 1.5em; width: 100%; } input.contact_email[type=email] { width: 100%; } .collection_menu { display: none; } h1.collection_title_tags, div.collection_title_tags { border-right: 0; margin-right: 0; padding-right: 0; } .newsletter .input-row input { margin: 5px 0px; } input.newsletter-form__sign-up { margin: 0px; } .newsletter-both-names--true input.firstName { margin-right: 5px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 799px) and (max-width: 959px) { .nav a, .nav a:visited, .menu a:hover, .nav a:active, .nav a:focus { font-size: 12px; } .menu a, .menu a:visited, .menu a:hover, .menu a:active, .menu a:focus { font-size: 12px; } .menu li, #header span.menu_title, .menu a span { padding-left: 2px; padding-right: 2px; } .menu li.search-container { display: none; } .top-bar .menu li { padding-left: 5px; padding-right: 5px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 798px) { .article_image { padding-bottom: 0; } .sidebar__content { border: 0; padding: 0; } .nav_arrows { float: none; text-align: center; } .nav_arrows .prev { float: left; } .nav_arrows .next { float: right; } #header .top-bar a.mobile_logo { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 18px; line-height: 34px; z-index: 5; width: 50%; height: auto; color: #ffffff; display: flex; align-items: center; justify-content: center; } #header a.mobile_logo img { width: auto; max-width: 150px; max-height: 30px; } .payment_methods { text-align: center; float: none; display: block; } .credits { float: none; display: block; text-align: center; }.is-absolute { top: 0px !important; } .blog_filter { margin-top: 1em; width: 100% !important; } .section_select { text-align: center; } .flex-control-nav { bottom: 10px; } .featured_links a span { font-size: 12px; } .or { width: 100%; display: inline-block; padding-left: 0; padding-bottom: 5px; } .mobile_hidden { display: none !important; } table tr.order_summary td.label { text-align: left; } .featured_text { font-size: 17px; line-height: 1.7em; } #header { display: block; } .header { display: none; } h4.toggle { cursor: pointer; } .toggle span { display: block; } select { width: 100%; margin-left: 0; } .newsletter-form__sign-up, input[type=submit], input[type=reset], input[type=button] { margin-left: 0; width: 100%; outline: 0; } .credits_right { text-align: left; } .title_column { float: left; } .mobile_only, .container div.mobile_only { display: block; } span.mobile_only { display: inline; } .price_total { text-align: right; } .price_total_text { display: block; } .update_subtotal, .price_total, .remove_column, .checkout_table_header { display: none; } .mobile_right { text-align: right; } .quick_shop { display: none !important; } .cart_price { display: block; margin-bottom: 0; } table tr th, table tr td { padding: 2px; } .multiple_product_images { display: none; } .headline { font-size: 1.3em; line-height: 1.2; position: relative; } p.subtitle { font-size: 1.1em; line-height: 1.2; position: relative; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (max-width: 798px) { .mobile_hidden { display: none !important; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 480px) { h1, h2, h3, h4, h5, h6, .collection_title, .empty_cart { font-size: 110%; line-height: 1.5em; } h1, h1.home, .title a, h2 { padding: 0; } } @media only screen and (min-device-width: 320px) and (max-device-width: 1024px) { html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } } @font-face { font-family: "turbo"; src: url(//www.sourcemyparts.com.au/cdn/shop/t/36/assets/turbo.eot?v=8031775066987996871781754494); src: url(//www.sourcemyparts.com.au/cdn/shop/t/36/assets/turbo.eot?v=8031775066987996871781754494) format("embedded-opentype"), url(//www.sourcemyparts.com.au/cdn/shop/t/36/assets/turbo.woff?v=120982821278190993901781754494) format("woff"), url(//www.sourcemyparts.com.au/cdn/shop/t/36/assets/turbo.ttf?v=40378865674909127311781754494) format("truetype"), url(//www.sourcemyparts.com.au/cdn/shop/t/36/assets/turbo.svg?v=112470159262165616401781754494) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^=icon-]:before, [class*=" icon-"]:before { font-family: "turbo"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.15em; } /* Font icons can be updated using icomoon.io, font metadata is within selection.json file in the root of the theme */ .icon-bag:before { content: "\e905"; } .icon-cart:before { content: "\e906"; } .icon-check:before { content: "\e907"; } .icon-cross:before { content: "\e908"; } .icon-up-arrow:before { content: "\e91a"; } .icon-down-arrow:before { content: "\e909"; } .icon-left-arrow:before { content: "\e90e"; } .icon-right-arrow:before { content: "\e915"; margin-right: 0; } .icon-plus:before { content: "\e914"; } .icon-minus:before { content: "\e911"; } .icon-menu:before { content: "\e910"; } .icon-phone:before { content: "\e912"; } .icon-search:before { content: "\e917"; } .icon-zoom:before { content: "\e987"; } .icon-lock:before { content: "\e919"; color: #ffffff; } .icon-user:before { content: "\e91b"; } .icon-behance:before { content: "\eaa8"; } .icon-clubhouse:before { content: "\e91c"; } .icon-discord:before { content: "\e902"; } .icon-dribbble:before { content: "\eaa7"; } .icon-email:before, .icon-mail-share:before { content: "\e90a"; } .icon-facebook:before, .icon-facebook-share:before { content: "\ea90"; } .icon-flickr:before { content: "\eaa3"; } .icon-houzz:before { content: "\e90d"; } .icon-instagram:before { content: "\e913"; } .icon-kickstarter:before { content: "\e901"; } .icon-linkedin:before { content: "\eaca"; } .icon-medium:before { content: "\e900"; } .icon-messenger:before { content: "\e903"; } .icon-opensea:before { content: "\e91d"; } .icon-pinterest:before, .icon-pinterest-share:before { content: "\e90b"; } .icon-reddit:before { content: "\eac6"; } .icon-rss:before { content: "\e90c"; } .icon-snapchat:before { content: "\e90f"; } .icon-spotify:before { content: "\ea94"; } .icon-tiktok:before { content: "\e904"; } .icon-tumblr:before { content: "\eab9"; } .icon-twitch:before { content: "\ea9f"; } .icon-twitter:before, .icon-twitter-share:before { content: "\ea96"; } .icon-vimeo:before { content: "\e916"; } .icon-whatsapp:before { content: "\ea93"; } .icon-youtube:before { content: "\e918"; } span.icon-down-arrow { padding: 0 !important; font-size: 12px !important; line-height: normal; } form.search__form, .search__form input { padding-top: 0; margin-bottom: 0; position: relative; -webkit-appearance: none; appearance: none; border-radius: 0; } .search__form input, .search__form input:active, .search__form input:focus { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; letter-spacing: 1px; color: #d9d9d9; background-color: transparent; padding-right: 35px; border-color: #d9d9d9; }.feature_image .search__form input, .feature_image .search__form input:active, .feature_image .search__form input:focus { color: #d9d9d9; border-color: #d9d9d9; } .feature_image .search__form input::-webkit-input-placeholder, .feature_image .search__form input:active::-webkit-input-placeholder, .feature_image .search__form input:focus::-webkit-input-placeholder { color: #d9d9d9; } .feature_image .search__form input::-moz-placeholder, .feature_image .search__form input:active::-moz-placeholder, .feature_image .search__form input:focus::-moz-placeholder { color: #d9d9d9; } .feature_image .search__form input:-ms-input-placeholder, .feature_image .search__form input:active:-ms-input-placeholder, .feature_image .search__form input:focus:-ms-input-placeholder { color: #d9d9d9; } .feature_image .search-submit { color: #d9d9d9; } .header_search_form { width: 60%; margin: 0 auto 30px auto; padding: 30px 0 0 0; position: relative; border-bottom: solid 1px #d9d9d9; } @media only screen and (max-width: 480px) { .header_search_form { width: 90%; margin: 30px auto; padding: 0; } } .header_search_form input, .header_search_form input:focus, .header_search_form input:active { background-color: transparent; font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; color: #d9d9d9; letter-spacing: 1px; border: none; font-size: 36px; line-height: 36px; } @media only screen and (max-width: 480px) { .header_search_form input, .header_search_form input:focus, .header_search_form input:active { font-size: 22px; line-height: 22px; margin-bottom: 0px; } } .header_search_form .search-submit { top: 38px; font-size: 30px; } @media only screen and (max-width: 480px) { .header_search_form .search-submit { top: 50%; position: absolute; transform: translateY(-50%); font-size: 20px; } } .feature_image .search__form input, .feature_image .search__form input:active, .feature_image .search__form input:focus { color: #d9d9d9; border: 1px solid #d9d9d9; } .feature_image .search__form input::-webkit-input-placeholder { color: #d9d9d9; } .feature_image .search__form input:-moz-placeholder { /* Firefox 18- */ color: #d9d9d9; } .feature_image .search__form input::-moz-placeholder { /* Firefox 19+ */ color: #d9d9d9; } .feature_image .search__form input:-ms-input-placeholder { color: #d9d9d9; } .search__form input::-webkit-input-placeholder { color: #d9d9d9; } .search__form input:-moz-placeholder { /* Firefox 18- */ color: #d9d9d9; } .search__form input::-moz-placeholder { /* Firefox 19+ */ color: #d9d9d9; } .search__form input:-ms-input-placeholder { color: #d9d9d9; } .search__form input:focus::-webkit-input-placeholder { color: #848484; } .search__form input:focus:-moz-placeholder { /* Firefox 18- */ color: #848484; } .search__form input:focus::-moz-placeholder { /* Firefox 19+ */ color: #848484; } .search__form input:focus:-ms-input-placeholder { color: #848484; } .feature_image .search__form input, .feature_image .search__form input:active, .feature_image .search__form input:focus { color: #d9d9d9; border: 1px solid #d9d9d9; } .feature_image .search__form input::-webkit-input-placeholder { color: #d9d9d9; } .feature_image .search__form input:-moz-placeholder { /* Firefox 18- */ color: #d9d9d9; } .feature_image .search__form input::-moz-placeholder { /* Firefox 19+ */ color: #d9d9d9; } .feature_image .search__form input:-ms-input-placeholder { color: #d9d9d9; } .search-submit { position: absolute; z-index: 1000; color: #d9d9d9; font-size: 20px; top: 9px; right: 7px; cursor: pointer; } .search-results li.item-result:hover { background: rgba(0, 0, 0, 0.5); } .feature_image .search-submit { color: #d9d9d9; } .blog_search .search-submit { color: #333333; top: 10px; right: 8px; z-index: 1; } .social_icons { margin-left: 0; margin-top: 0; } .social_icons li { display: inline; padding-right: 2px; } @media only screen and (max-width: 798px) { footer .footer-social-icons { display: none; } } footer .footer-social-icons--mobile.columns { display: none; padding-left: 0; } @media only screen and (max-width: 798px) { footer .footer-social-icons--mobile.columns { display: block; } footer .footer-social-icons--mobile.columns > ul { display: block; padding-left: 0; } } footer .social_icons { display: block; margin-top: 15px; } @media only screen and (max-width: 798px) { footer .social_icons { padding-left: 0; text-align: center; } } footer .social_icons a, footer .social_icons a:visited { color: #6b6b6b; font-size: 22px; display: inline-block; margin-bottom: 1em; } @media only screen and (max-width: 480px) { footer .social_icons a, footer .social_icons a:visited { margin-bottom: 0; } } footer .social_icons a:active, footer .social_icons a:hover { color: #ffffff; font-size: 22px; } /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { animation-duration: 0.75s; } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scaleX(1); } } .bounceIn { animation-name: bounceIn; } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-20px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(20px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } .delay-0s { animation-delay: 0; } .delay-025s { animation-delay: 0.25s; opacity: 0; } .delay-05s { animation-delay: 0.5s; opacity: 0; } .delay-075s { animation-delay: 0.75s; opacity: 0; } .delay-1s { animation-delay: 1s; opacity: 0; } .animate_right, .animate_left, .animate_up, .animate_down { opacity: 0; } .ie .animated, .ie .animate_right, .ie .animate_left, .ie .hsContent, .ie #slide-1 .animated { opacity: 1 !important; } .ie delay-025s, .ie .delay-0s, .ie .delay-025s, .ie .delay-05s, .ie .delay-075s, .ie .delay-1s { opacity: 1 !important; } .ie select { background-image: none !important; } @media only screen and (max-width: 798px) { .delay-0s, .delay-025s, .delay-05s, .delay-075s, .delay-1s, .animate_right, .animate_left, .animate_up, .animate_down { opacity: 1; } } /* #Password Page ================================================== */ #password-container { margin: 75px auto 0; max-width: 100%; display: table; text-align: center; display: table; } @media only screen and (max-width: 798px) { #password-container { margin-top: 10px; } } #password-container #contact_form input.newsletter-form__sign-up[type=submit] { width: calc(35% - 10px); } @media only screen and (max-width: 1024px) { #password-container #contact_form input.newsletter-form__sign-up[type=submit] { width: 100%; } } #password-container #contact_form input.contact_email[type=email] { max-width: 100%; } .password-page-message { font-size: 3em; line-height: 1.2; margin: 10px auto; padding: 12px 0; } .password-page-follow { margin: 5px 0; } .password-social .social_icons a, .password-social .social_icons a:visited, .password-social .social_icons a:active { font-size: 25px; } .password-page-row { display: table-row; width: 100%; height: 100%; margin: 0 auto; } .password-page-col { display: table-cell; vertical-align: middle; padding: 5px 30px; width: 100%; } .password-logo { max-width: 200px; /* Allows logo to be more prominent*/ margin: 0px auto; } .password-message { max-width: 600px; font-size: 1.2em; color: #7f8c8d; } .hr-small { margin: 20px auto; width: 50px; } .password-social { margin-top: 10px; padding-top: 20px; } .password-social ul { margin-left: 0; padding-left: 0; margin-bottom: 10px; } .password-social .social_icons li { display: inline; margin-left: 0; } .password-social .social_icons a:hover { color: #848484; } .password-footer { margin-top: 15px; margin-bottom: 40px; font-size: 13px; color: #6b6b6b; text-align: center; } .powered { display: block; margin-top: 15px; } .shopify a { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28Oj+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==); padding-left: 21px; color: #7f8c8d; text-decoration: none; } .password-footer a { color: #7f8c8d; text-decoration: none; } /* Password Page Modal CSS */ .controls { display: block; margin: 1em; text-align: right; text-transform: uppercase; position: relative; } #open-me { text-align: center; margin-bottom: 35px; } #open-me a:hover { color: #848484; } .close-me { z-index: 8000; } .modalbox { position: absolute; height: 100%; top: -1em; bottom: 0; left: 0; right: 0; padding: 0; z-index: 5000; } .overlay { position: fixed; width: 100%; height: 100%; max-height: 100%; top: 0; left: 0; background: #fff; z-index: 10; background: rgba(255, 255, 255, 0.95); } .overlay-close { width: 150px; height: 50px; position: absolute; right: 10px; top: 10px; border: 1px solid #000; font-size: 14px; } .overlay-data { opacity: 0; visibility: hidden; transition: opacity 0.5s; visibility: 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .overlay-open { opacity: 1; visibility: visible; transition: opacity 0.5s; } .inputbox { margin: 0px auto; max-width: 80%; display: table; text-align: center; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); color: #000; } @media only screen and (max-width: 798px) { #password-page-bg .modalbox .inputbox { top: 50%; } } .storefront-password-form label { font-size: 0.9em; margin: 0 0 1em 0; text-align: center; } .storefront-password-form .actions { display: inline-block; } .storefront-password-form #password { width: 50%; display: inline-block; } @media only screen and (max-width: 480px) { .storefront-password-form #password { width: 100%; } } #owner { font-size: 0.9em; margin-top: -1em; opacity: 0.8; } .pass-close { color: #000 !important; padding: 0 !important; margin: 1em !important; position: inherit !important; } @media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px) { .modalbox { display: block; width: 414px !important; max-width: 100%; text-align: center; } .pass-close { display: block; margin: 0.65em -0.15em 1em 0 !important; } } /* #Product page ================================================== */ .is-product-main.content, .is-product-sidebar.content { padding-bottom: 0; } /* Blocks */ .product-block.product-block--first { margin-top: 0; /* Always remove the top margin from the first product block */ } /* Popup */ .product-popup { margin-bottom: 0.5rem; } .product-popup.product-popup--left { text-align: left; } .product-popup.product-popup--center { text-align: center; } .product-popup.product-popup--right { text-align: right; } .product-popup__link { display: inline-flex; word-break: break-word; text-decoration: underline; text-underline-offset: 0.25rem; } .fancybox-content.product-popup__lightbox { cursor: default; } .product-popup__lightbox-wrapper h5 { padding-top: 0; } .product-popup__lightbox-wrapper img { height: auto; max-width: 100%; } /* # Product media ================================================== */ .product-gallery__model model-viewer, .product-gallery__video iframe { width: 100%; min-height: 450px; } .product-gallery__model { position: relative; } .product-gallery__model model-viewer { width: 100%; min-height: 500px; } .view-in-your-space { padding: 0; width: 100%; display: flex; justify-content: center; align-items: center; min-height: 44px; background: #e6e6e6; color: #000000; font: inherit; text-transform: none; border-radius: 0px; border: 0; } .view-in-your-space svg path:first-child { stroke: #000000; } .view-in-your-space svg path:last-child { fill: #000000; } .plyr--video .plyr__controls { background: rgba(255, 255, 255, 0.6); padding: 10px; } .plyr--video .plyr__control { background: transparent; color: #000000; } .plyr--video .plyr__control:hover { background: #ffffff; color: #000000; } .plyr--video .plyr__controls__item.plyr__time, .plyr--video input[type=range], .plyr--video .plyr__controls__item { color: #000000; } .plyr--video .plyr__progress input[type=range] + .thumb { background-color: #000000; color: #000000; } .plyr--video input[type=range]::-webkit-slider-thumb { background-color: #000000; } .plyr--video input[type=range]::-moz-range-thumb { background-color: #000000; } .plyr--video input[type=range]::-ms-thumb { background-color: #000000; } .plyr--video .plyr__progress__buffer, .plyr--video .plyr__control[aria-expanded=true] { background-color: rgba(0, 0, 0, 0.6); } .plyr--video .plyr__control.plyr__tab-focus { background-color: #000000; } .plyr--video .plyr__control--overlaid { background: #ffffff; border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.05); height: 50px; width: 50px; } .plyr--video .plyr__control--overlaid svg { left: auto; } .plyr--video .plyr__control--overlaid:hover { background: #ffffff; } .plyr--video .plyr__control--overlaid:hover .play-icon-button-control rect { opacity: 0.75; } .plyr--video .plyr__control .play-icon-button-control { width: 50px; height: 50px; position: absolute; top: 0; left: 0; } .plyr--video .plyr__control .play-icon-button-control rect { fill: #ffffff; } .plyr--video .plyr__control .play-icon-button-control path { fill: #000000; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-right: 10px; padding-left: 10px; } /* Styles for a vertical volume scrollbar */ .plyr--full-ui .plyr__volume { background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; bottom: 105px; height: 40px; opacity: 0; padding: 10px 15px !important; position: absolute; transform: rotate(270deg); transition: visibility 0.4s linear 0.4s, opacity 0.4s linear 0.3s; width: 140px; } .plyr--full-ui .plyr__volume:before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.25); bottom: 18px; content: ""; left: -6px; position: absolute; transform: rotate(90deg); z-index: 2; } .plyr--full-ui .plyr__volume:hover { opacity: 1; visibility: visible; } .plyr--full-ui .plyr__volume.plyr__volume--is-visible { opacity: 1; transition: visibility 0.4s linear, opacity 0.4s linear; } .plyr--full-ui .plyr__volume input[type=range] { color: #000000; margin: 0 auto; } .plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track, .plyr--full-ui .plyr__volume input[type=range]::-moz-range-track, .plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb, .plyr--full-ui .plyr__volume input[type=range]::-moz-range-thumb { box-shadow: none; } .plyr--full-ui .plyr__volume input[type=range]::-ms-fill-upper, .plyr--full-ui .plyr__volume input[type=range]::-ms-thumb, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); } .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-thumb, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-thumb, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-thumb, .plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb, .plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-thumb, .plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb { box-shadow: none; } .plyr--audio .plyr--full-ui .plyr__volume { bottom: 125px; right: -37px; } .plyr--is-ios .plyr__volume { display: none !important; } .plyr__control[data-plyr=mute]:hover + .plyr__volume { opacity: 1; transition: visibility 0.4s linear, opacity 0.4s linear; } @media (min-width: 480px) { .plyr--full-ui .plyr__volume input[type=range] { max-width: 90px; } } @media (min-width: 750px) { .plyr--full-ui .plyr__volume input[type=range] { max-width: 110px; } } @media only screen and (max-width: 989px) { .plyr--is-touch .plyr__volume { display: none !important; } } .show-gallery-arrows--true .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { right: 50px; bottom: 10px; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: #000000; background: #ffffff; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button[hidden] { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus { color: rgba(0, 0, 0, 0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .video-on-hover .plyr__controls, .video-on-hover .plyr__control--overlaid, .swap-true .plyr--youtube .plyr__controls, .swap-true .plyr--youtube .plyr__control--overlaid, .video-controls-enabled--false .plyr__controls, .video-controls-enabled--false .plyr__control--overlaid { opacity: 0; } .video-on-hover .plyr__controls > *, .video-on-hover .plyr__control--overlaid > *, .swap-true .plyr--youtube .plyr__controls > *, .swap-true .plyr--youtube .plyr__control--overlaid > *, .video-controls-enabled--false .plyr__controls > *, .video-controls-enabled--false .plyr__control--overlaid > * { pointer-events: none; cursor: auto; } /* Hide controls on mobile when video is stopped */ .plyr.plyr--stopped .plyr__controls { display: none; } .product_gallery_nav .media-badge { position: absolute; top: 0; right: 0; max-width: 33%; max-height: 33%; min-width: 20px; width: 25px; height: 25px; } .product_gallery_nav .media-badge svg { width: 100%; height: 100%; } .product_gallery_nav .media-badge path:first-child { fill: #ffffff; } .product_gallery_nav .media-badge path:last-child { fill: #000000; } .product_gallery_nav .media-badge g path:first-child { stroke: #000000; } .product_gallery_nav .media-badge .media-badge__outline { stroke: rgba(0, 0, 0, 0.05); } /* Set product media height */ .gallery-wrap.product-height-set model-viewer { margin: 0 auto; } .gallery-wrap.product-height-set .product_gallery img, .gallery-wrap.product-height-set .product_gallery .plyr--html5 video { width: 100%; } .gallery-wrap.product-height-set .product_gallery img { object-fit: contain; } .gallery-wrap.product-height-set .product_gallery .plyr--youtube .plyr__video-embed { height: 100%; } /* Home page - general ================================================== */ /* Full-width product slider */ .homepage-product-slider { margin: 0 10px; } @media only screen and (max-width: 798px) { .homepage-product-slider { margin: 0; } } .homepage-product-slider object.placeholder-image { width: 100%; display: block; height: auto; position: relative; padding-top: 100%; } .homepage-product-slider .placeholder-svg--product { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .homepage-product-slider.even-num-slides { padding-left: 10px; width: calc(100% - 20px); } @media only screen and (max-width: 798px) { .homepage-product-slider.even-num-slides { padding-left: 0; width: 100%; } } .products-slider.slider-gallery.products-length-6 .gallery-cell { width: calc(16.6% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery.products-length-6 .gallery-cell { width: calc(40% - 10px); } } .products-slider.slider-gallery.products-length-5 .gallery-cell { width: calc(20% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery.products-length-5 .gallery-cell { width: calc(40% - 10px); } } .products-slider.slider-gallery.products-length-4 .gallery-cell { width: calc(25% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery.products-length-4 .gallery-cell { width: calc(40% - 10px); } } .products-slider.slider-gallery.products-length-3 .gallery-cell, .products-slider.slider-gallery.products-length-2 .gallery-cell, .products-slider.slider-gallery.products-length-1 .gallery-cell { width: calc(33.33% - 10px); } .products-slider.slider-gallery .gallery-cell.visible-2 { width: calc(50% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery .gallery-cell.visible-2 { width: calc(50% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-3 { width: calc(33.33% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery .gallery-cell.visible-3 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-4 { width: calc(25% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery .gallery-cell.visible-4 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-5 { width: calc(20% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery .gallery-cell.visible-5 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-6 { width: calc(16.666% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery .gallery-cell.visible-6 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-7 { width: calc(14.2% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery .gallery-cell.visible-7 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-7 .product-details { font-size: 0.7rem; } /* Text below overlay on larger screens */ @media only screen and (max-width: 1024px) { .products-length-7 .product-info__caption { display: block; } .products-length-7 .thumbnail-overlay { display: none; } .products-length-8 .product-info__caption { display: block; } .products-length-8 .thumbnail-overlay { display: none; } .products-length-9 .product-info__caption { display: block; } .products-length-9 .thumbnail-overlay { display: none; } .products-length-10 .product-info__caption { display: block; } .products-length-10 .thumbnail-overlay { display: none; } .products-length-11 .product-info__caption { display: block; } .products-length-11 .thumbnail-overlay { display: none; } .products-length-12 .product-info__caption { display: block; } .products-length-12 .thumbnail-overlay { display: none; } .products-length-13 .product-info__caption { display: block; } .products-length-13 .thumbnail-overlay { display: none; } .products-length-14 .product-info__caption { display: block; } .products-length-14 .thumbnail-overlay { display: none; } .products-length-15 .product-info__caption { display: block; } .products-length-15 .thumbnail-overlay { display: none; } .products-length-16 .product-info__caption { display: block; } .products-length-16 .thumbnail-overlay { display: none; } } .featured_products.product-slider { padding-bottom: 0; } .featured_products.product-slider .columns { padding-bottom: 0; } /* Applied to the slideshow, video and full-width banner images */ .banner-full-link { line-height: 0; font-size: 0; color: transparent; top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .banner-full-link + .caption { pointer-events: none; cursor: pointer; } @media only screen and (max-width: 480px) { .full-width--true .caption { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 1025px) { .full-width--true .caption { max-width: 960px; padding: 0; } } @media only screen and (min-width: 1401px) { .full-width--true .caption { max-width: 1200px; padding: 0; } } .caption { width: 100%; position: absolute; top: 50%; padding: 0 5%; z-index: 3; transform: translate(0, -50%); } @media only screen and (min-width: 799px) { .caption { max-width: 960px; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 1025px) { .caption { padding: 0 30px; } } @media only screen and (max-width: 798px) { .caption { width: 100%; } } .caption a { pointer-events: all; } .caption.position-center { left: 0; right: 0; text-align: center; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 798px) { .caption.position-center { width: 85%; } } @media only screen and (max-width: 480px) { .caption.position-center { width: 100%; } } .caption.position-left { left: 0; right: 0; text-align: left; } .caption.position-right { left: 0; right: 0; text-align: right; } .caption .pretext { color: #ffffff; font-family: "DM Sans", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; margin-bottom: 10px; }@media only screen and (max-width: 480px) { .caption .pretext { font-size: 1.4em; } } @media only screen and (max-width: 798px) { .caption .pretext { font-size: 12.0px; } } @media only screen and (min-width: 799px) { .caption .pretext { font-size: 15.0px; } } @media only screen and (min-width: 799px) { .caption .pretext { font-size: 18px; } } .caption .headline { color: #ffffff; font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 56px; letter-spacing: 1px; line-height: 1.4em; margin-bottom: 15px; }.caption .headline { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }@media only screen and (max-width: 480px) { .caption .headline { font-size: 2.6em; } } @media only screen and (max-width: 798px) { .caption .headline { font-size: 37.333333333333336px; } } @media only screen and (min-width: 799px) { .caption .headline { font-size: 46.666666666666664px; } } @media only screen and (min-width: 1025px) { .caption .headline { font-size: 56px; } } .caption .subtitle { color: #ffffff; font-family: "DM Sans", sans-serif; font-weight: 400; text-transform: uppercase; font-style: uppercase; font-size: 18px; letter-spacing: 1px; position: relative; }@media only screen and (max-width: 480px) { .caption .subtitle { font-size: 1.4em; } } @media only screen and (max-width: 798px) { .caption .subtitle { font-size: 12.0px; } } @media only screen and (min-width: 799px) { .caption .subtitle { font-size: 15.0px; } } @media only screen and (min-width: 1025px) { .caption .subtitle { font-size: 18px; } } .caption .pretext:empty, .caption .headline:empty, .caption .subtitle:empty { display: none; } .caption .pretext:empty:before, .caption .headline:empty:before, .caption .subtitle:empty:before { height: 0; } .caption-background-text_box .caption-content { background-color: #1e1e1e; /* Fallback */ } @media only screen and (max-width: 480px) { .caption--below-true .caption { margin: 20px auto !important; /* Force caption margin */ font-size: 3vw; position: static; transform: none; width: 100%; } } @media only screen and (max-width: 480px) { .caption--below-true .pretext { color: #000000; text-shadow: none; } } @media only screen and (max-width: 480px) { .caption--below-true .headline { color: #000000; text-shadow: none; } } @media only screen and (max-width: 480px) { .caption--below-true .subtitle { color: #000000; text-shadow: none; } } .caption--below-true.caption-background-text_box .caption-content { background-color: #1e1e1e; } @media only screen and (max-width: 480px) { .caption--below-true.caption-background-text_box .caption-content { background-color: transparent; } } @media only screen and (max-width: 480px) { .caption--below-true.caption-background-translucent_text_box .caption-content { background-color: transparent; } } .subtitle p a { pointer-events: all; } .caption-content { display: inline-block; float: none; max-width: 60%; font-size: 0; } @media only screen and (max-width: 798px) { .caption-content { max-width: 80%; } } @media only screen and (max-width: 480px) { .caption-content { width: 100%; max-width: 100%; } } .caption-content.align-center { text-align: center; } @media only screen and (max-width: 798px) { .caption-content.align-center { max-width: 80%; } } @media only screen and (max-width: 480px) { .caption-content.align-center { width: 100%; max-width: 100%; } } .caption-content.align-left { text-align: left; } .caption-content.align-left .subtitle:before { margin-left: 0; } .caption-content.align-right { text-align: right; } .caption-content.align-right .subtitle:before { margin-right: 0; } .caption-content { padding: 30px; } .caption-content h1 { padding-top: 0; } .caption-content > *:only-child { margin-bottom: 0px; } @media only screen and (max-width: 480px) { .caption-content { padding: 15px; } } @media only screen and (max-width: 480px) { .caption--below-true .caption-content { padding: 0px; } }.homepage-video .caption-background-text_box { background-color: #1e1e1e; }@media only screen and (max-width: 480px) { .homepage-video .caption-background-text_box { background-color: transparent; } } .caption-background-translucent_text_box .caption-content { background-color: rgba(30, 30, 30, 0.6); } /* Slideshow */ .homepage-slideshow .gallery-cell:not(:first-child) { height: 0; } .homepage-slideshow.flickity-enabled .gallery-cell:not(:first-child) { height: auto; } /* #Account ================================================== */ .account-header-logout { text-align: right; text-transform: uppercase; } .account-sidebar { border-right: 1px solid #aaaaaa; box-sizing: border-box; padding-right: 10px; overflow-wrap: anywhere; } @media only screen and (max-width: 798px) { .account-sidebar { border: 0; padding-right: 0; } } .customers-addresses .account-sidebar { border-right: 0; padding-right: 0; } .customers-addresses .account-main { box-sizing: border-box; border-left: 1px solid #aaaaaa; padding-left: 20px; } @media only screen and (max-width: 798px) { .customers-addresses .account-main { border: 0; padding-left: 0; } } .action_bottom .note { vertical-align: middle; line-height: 40px; } .address_title { margin-bottom: 0; padding-bottom: 0; } .address__action a, .address__action a:hover, .address__action a:active, .address__action a:focus { color: inherit; } /* #Policy pages ================================================== */ @media only screen and (max-width: 798px) { .shopify-policy-template .container { margin-left: 10px; margin-right: 10px; } } .container .shopify-policy__container { margin: 0; max-width: none; padding-left: 0; padding-right: 0; } .shopify-policy__container .shopify-policy__title { text-align: left; } /* #Home page - Featured product ================================================== */ .shopify-section--featured-product .product__details { padding: 40px 2rem; } /* #Home page - text columns with images ================================================== */ .shopify-section--text-columns-with-images .border-style--box { padding: 10%; border: 1px solid #aaaaaa; } .shopify-section--text-columns-with-images .border-style--quote { padding-left: 20px; border-left: 1px solid #aaaaaa; margin-bottom: 10%; } .shopify-section--text-columns-with-images .large_text { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; font-size: 39.0px; } .shopify-section--text-columns-with-images .text-column { margin-bottom: 25px; } .shopify-section--text-columns-with-images .text-columns-with-images__button { margin: 10px 0 25px; } .shopify-section--text-columns-with-images h2.title + .feature-divider { margin-bottom: 40px; } .shopify-section--text-columns-with-images img { margin: 0 0 15px; } /* OOTS Content Creator slideshow */ .flexslider img { display: block; margin: 0 auto; } /* #Home page - slideshow ================================================== */ .homepage-slideshow:hover .flickity-prev-next-button, .shopify-section--testimonials:hover .flickity-prev-next-button { opacity: 0.5; } .homepage-slideshow.text-animation--false .caption { opacity: 0; transition: opacity 0.3s linear; } .homepage-slideshow.text-animation--false.flickity-enabled .caption { opacity: 1; } .text-animation--true .caption-content { opacity: 0; } .homepage-slideshow.single-image .flickity-prev-next-button, .shopify-section--testimonials.single-image .flickity-prev-next-button { display: none; } .homepage-slideshow.single-image .flickity-page-dots, .shopify-section--testimonials.single-image .flickity-page-dots { display: none; } .homepage-slideshow .gallery-cell, .shopify-section--testimonials .gallery-cell { width: 100%; }.homepage-slideshow .gallery-cell, .shopify-section--testimonials .gallery-cell { background-color: #666666; }@media only screen and (max-width: 480px) { .homepage-slideshow .gallery-cell, .shopify-section--testimonials .gallery-cell { background-color: transparent; } } .homepage-slideshow .gallery-cell img, .shopify-section--testimonials .gallery-cell img { width: 100%; display: block; } .homepage-slideshow .flickity-prev-next-button, .shopify-section--testimonials .flickity-prev-next-button { opacity: 0; width: 5%; height: 100%; border-radius: 0; } @media only screen and (min-width: 799px) { .homepage-slideshow .flickity-prev-next-button, .shopify-section--testimonials .flickity-prev-next-button { opacity: 0; } } .homepage-slideshow .flickity-page-dots, .shopify-section--testimonials .flickity-page-dots { bottom: 2em; display: none; } @media only screen and (min-width: 799px) { .homepage-slideshow .flickity-page-dots, .shopify-section--testimonials .flickity-page-dots { display: block; } } .homepage-slideshow .flickity-page-dots .dot, .shopify-section--testimonials .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; background: #333333; } @media only screen and (max-width: 480px) { .homepage-slideshow .flickity-page-dots, .shopify-section--testimonials .flickity-page-dots { display: block; bottom: 5px; } } /* Home - product slider */ .js-product-slider .product_clear { display: none; } .js-product-slider .flickity-prev-next-button { border-radius: 0; } /* #Home page - Search ================================================== */ .search-bgr-true { background-position: center center; background-repeat: no-repeat; background-size: cover; } .shopify-section--search { width: 100%; display: inline-block; } .shopify-section--search h2 { margin-top: 0; margin-bottom: 0.25em; } .shopify-section--search p, .shopify-section--search h2 { color: #000000; } .shopify-section--search .section_form { padding: 60px 20px; max-width: 1200px; width: 95%; margin-left: auto; margin-right: auto; } .shopify-section--search .search__section { background-color: #cccccc; } .text-align--center .search__container { justify-content: center; } .text-align--left .search__container { justify-content: flex-start; } .text-align--right .search__container { justify-content: flex-end; } .search__container { position: relative; width: 100%; display: flex; } .search__container .search__wrapper { display: inline-block; position: relative; max-width: 650px; width: 100%; } .search__container input[type=text] { color: #000000; font-size: 17px; display: inline-block; border: 1px solid #000; min-height: 50px; height: 50px; margin-bottom: 0; background-color: #ffffff; } .search__container input[type=text]::-webkit-input-placeholder { color: #000000; } .search__container input[type=text]:-moz-placeholder { /* Firefox 18- */ color: #000000; } .search__container input[type=text]::-moz-placeholder { /* Firefox 19+ */ color: #000000; } .search__container input[type=text]:-ms-input-placeholder { color: #000000; } .search__container input[type=text]:focus, .search__container input[type=text]:active { border: 1px solid #000; } .search__form { width: 100%; max-width: 650px; position: relative; flex: 0 0 auto; } .search__button { position: absolute; margin-top: 0; top: 0; height: 50px; width: 50px; right: 0px; padding: 0; background-color: #000; border-color: transparent; color: white; font-size: 24px; }.search__button { border-radius: 0px; }.search__button:hover { color: white; background-color: #999999; border: 1px solid #000; border-left: 0px; } /* #Home page - image with text ================================================== */ .button-grid-container { margin-top: 10px; display: inline-grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; grid-auto-flow: column; grid-gap: 1rem; } @media only screen and (max-width: 798px) { .button-grid-container--column-mobile { grid-auto-flow: row; } } @media only screen and (max-width: 1024px) { .button-grid-container--column-tablet { grid-auto-flow: row; } } .button-grid-container--column { grid-auto-flow: row; } .block__image_with_text + div:not(.block__image_with_text) { padding-top: 20px; } .block__image_with_text + section { padding-top: 20px; } .block__image_with_text + .block__image_with_text { margin-bottom: 20px; } .image-with-text-container .featured-link--half a[href] img { box-shadow: #000 0em 0em 0em; transition: opacity 0.2s linear; } .image-with-text-container .featured-link--half:hover a[href] img.lazyloaded { opacity: 0.8; } .standard--width .image-with-text .featured-link--image, .full-width--false.image-with-text .featured-link--image { background-color: transparent; } .featured-link--wrap { height: 100%; } .featured-link--half { box-sizing: border-box; text-align: center; background-color: #ffffff; } .featured-link--half img { display: block; margin: 0 auto; width: 100%; max-width: 100%; } @media only screen and (max-width: 480px) { .featured-link--half img { width: 100%; max-width: auto; } } .featured-link--half .info { display: inline-block; width: 80%; margin: 0 auto; padding: 20px; } .featured-link--half .info.text-align--right { text-align: right; } .featured-link--half .info.text-align--right .description:before { margin-right: 0; } .featured-link--half .info.text-align--left { text-align: left; } .featured-link--half .info.text-align--left .description:before { margin-left: 0; } @media only screen and (max-width: 480px) { .featured-link--half .info { position: static; transform: translateY(0); padding: 2em 0; } } .featured-link--half .collection_title { margin-bottom: 15px; display: block; }.featured-link--half .collection_title { color: #000000; }.featured-link--half .description { position: relative; font-size: 17; line-height: 1.5; margin-bottom: 20px; }@media only screen and (max-width: 798px) { .featured-link--half .description { font-size: 2vw; } } @media only screen and (max-width: 480px) { .featured-link--half .description { font-size: inherit; } } @media only screen and (min-width: 1401px) { .featured-link--half .description { font-size: inherit; } }/* #Home page - Divider ================================================== */ .shopify-section--divider .container { padding: 0; } .divider { opacity: 0; border-top: 0px; } .divider.divider--true { opacity: 1; } /* #Home page - Quote ================================================== */ .quote__text { font-size: 18px; line-height: 18px; text-align: center; text-transform: uppercase; padding: 15px 0; border-top-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-color: #aaaaaa; } .quote__text p { margin: 0; } .quote { padding: 10px 0px; text-align: center; border-top-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-color: #aaaaaa; } /* #Home page - Rich text and image ================================================== */ .shopify-section--rich-text-and-image { padding: 20px 0; } .rich-text__content .regular_text, .rich-text__content .featured_text { margin-top: 15px; } /* #Home page - Featured promotions ================================================== */ .promo-animation--true { opacity: 0; } .featured-promotions.full-width--false { padding: 20px 0; } .featured-promotions.full-width--false .feature-section { margin-bottom: 20px; } .featured-promotions .feature-section { text-align: center; position: relative; } @media only screen and (max-width: 798px) { .featured-promotions .feature-section { opacity: 1; } } .featured-promotions .feature-section .link-promo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; } .featured-promotions .feature-section .feature-inner { display: block; position: relative; overflow: hidden; } .featured-promotions .feature-section .feature-style--circle { border-radius: 50%; } .featured-promotions .feature-section .feature-style--circle img { border-radius: 50%; } .featured-promotions .feature-section .feature-style--rounded { border-radius: 10px; } .featured-promotions .feature-section .feature-style--rounded img { border-radius: 10px; } .featured-promotions .feature-section .feature-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: background-color 0.25s linear; }@media only screen and (max-width: 798px) { .featured-promotions .feature-section .feature-overlay { background: rgba(0, 0, 0, 0.5); } }.featured-promotions .feature-section .feature-wrap { top: 50%; transform: translateY(-50.1%); padding: 10px 0; position: absolute; width: 80%; margin: 0 auto; left: 0; right: 0; pointer-events: none; } .featured-promotions .feature-section .feature-details { display: none; opacity: 0; transition: opacity 0.3s linear; } @media only screen and (max-width: 798px) { .featured-promotions .feature-section .feature-details { opacity: 1; display: block; } } .featured-promotions .feature-section .feature-details.reveal-details { opacity: 1; } .featured-promotions .feature-section .feature-details .feature-details__button { margin-top: 15px; } .featured-promotions .feature-section .description { color: #FFF; transition: all 0.3s linear; margin-bottom: 0; } .featured-promotions .feature-section .description a { pointer-events: auto; } .featured-promotions .feature-section.title-overlay-true .title { transition: all 0.3s linear; color: #FFF; } @media only screen and (max-width: 798px) { .featured-promotions .feature-section.title-overlay-true .title { margin-bottom: 10px; } } .featured-promotions .feature-section.title-overlay-true .title:after { content: ""; display: block; height: 1px; width: 0; background: #FFF; transition: width 0.5s ease, background-color 0.5s ease; margin: 10px auto auto auto; } @media only screen and (max-width: 798px) { .featured-promotions .feature-section.title-overlay-true .title:after { display: none; } } .featured-promotions .feature-section.title-overlay-false .feature-wrap .title { display: none; } .featured-promotions .feature-section:hover .feature-overlay { background: rgba(0, 0, 0, 0.5); }@media only screen and (max-width: 798px) { .featured-promotions .feature-section:hover .feature-overlay { background: transparent; } }.featured-promotions .feature-section.title-overlay-true:hover .title:after { width: 50%; background: #FFF; } .featured-promotions .feature-section.title-overlay-true:hover .title { color: #FFF; } .featured-promotions .feature-section.title-overlay-true:hover .description { color: #FFF; } .featured-promotions .feature-section.title-overlay-false:hover .description { color: #FFF; } .featured-promotions .feature-section img { width: 100%; display: block; box-shadow: 0 0 1px rgba(0, 0, 0, 0.05); } .promo-1 { animation-delay: 0s; } .promo-2 { animation-delay: 0.3s; } .promo-3 { animation-delay: 0.6s; } .promo-4 { animation-delay: 0.9s; } .promo-5 { animation-delay: 1.2s; } .promo-6 { animation-delay: 1.5s; } .promo-7 { animation-delay: 1.8s; } .promo-8 { animation-delay: 2.1s; } .promo-9 { animation-delay: 2.4s; } .promo-10 { animation-delay: 2.7s; } .promo-11 { animation-delay: 3s; } .promo-12 { animation-delay: 3.3s; } .featured-promotions.full-width--true { padding-top: 0; } /* #Home page - featured collection ================================================== */ .featured-collection__description { padding: 0 20px; margin: 20px 0; } /* #Home page - image with text overlay ================================================== */ .banner { position: relative; overflow: hidden; }.banner { background-color: #666666; }@media only screen and (max-width: 480px) { .banner { max-height: inherit; background-color: transparent; } } .banner img { width: 100%; display: block; } /* #Home page - video ================================================== */ .block__featured_video .caption, .shopify-section--video .caption { z-index: 30; pointer-events: none; } @media only screen and (max-width: 480px) { .block__featured_video .caption, .shopify-section--video .caption { margin: 0; height: auto; } } .block__featured_video .video-text--outside-video, .shopify-section--video .video-text--outside-video { height: auto; } .showPosterImage--true[data-ratio="16:9"] { padding-top: 56.25%; } .showPosterImage--true[data-ratio="4:3"] { padding-top: 75%; } .homepage-video { position: relative; overflow: hidden; transition: height 0.3s ease-in-out; }.homepage-video { background-color: #666666; }@media only screen and (max-width: 480px) { .homepage-video { background-color: transparent; } } .homepage-video img { width: 100%; display: block; } .homepage-video iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; } .homepage-video video { background-color: #ffffff; } .homepage-video video[poster] { object-fit: cover; } .homepage-video video.video-autoplay--true.html-video { display: none; } .homepage-video .homepage-video--media { width: 100%; height: auto; padding-top: 0; } .homepage-video .placeholder-image--true a.video__play-button { pointer-events: none; } .homepage-video .caption.text-on-video { pointer-events: none; } @media only screen and (max-width: 480px) { .homepage-video .caption.text-on-video { position: absolute; height: auto; transform: translateY(-50%); margin: 0; } } .homepage-video .mobile-video__buttons { display: block; text-align: center; top: 55%; transform: translateY(-50%); width: 100%; position: absolute; } .homepage-video .mobile-video__buttons.text-on-video { z-index: 20; } @media only screen and (min-width: 481px) { .homepage-video .mobile-video__buttons { display: none; } } .darken-video { display: block; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; z-index: 20; } /* #Home page - Newsletter ================================================== */ .newsletter_section { padding: 20px 0; } /* #Page Banners ================================================== */ .banner.page-banner { width: 100%; overflow: hidden; max-height: 100vh; } /* #Price UI ================================================== */ .price--sale { margin-right: 5px; color: #d54d4d; } .compare-at-price { text-decoration: line-through; color: #8c8b8b; } .unit-pricing { display: block; font-size: 0.75em; margin-top: 2px; } .price-ui { display: inline-block; opacity: 1; transition: opacity 250ms ease-in-out; } .product__details--product-page .price-ui { display: flex; flex-wrap: wrap; } .product__details--product-page .price-ui .savings { order: 5; margin-right: 5px; width: 100%; } .product__details--product-page .price-ui .sold_out { order: 3; } .product__details--product-page .price-ui .unit-pricing { order: 4; width: 100%; } .product__details--product-page .price-ui .compare-at-price { order: 2; margin-right: 5px; } .price-ui--loading { opacity: 0; } /* #Price UI badge ================================================== */ .price-ui-badges { display: flex; margin-bottom: 15px; } .thumbnail .price-ui-badges { position: absolute; top: 0; right: 0; margin-bottom: 0; flex-direction: column; } .price-ui-badge { margin-right: 5px; } .price-ui-badge:last-child { margin-right: 0; } .thumbnail .price-ui-badge { margin-right: 0; } .price-ui-badge__sticker { background-color: #d54d4d; font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: 1px; padding: 8px 12px; text-align: center; color: #fff; font-size: 14px; } @media only screen and (max-width: 480px) { .price-ui-badge__sticker { font-size: smaller; padding: 4px 10px; } } .price-ui-badges--round .price-ui-badge__sticker { border-radius: 50%; width: 70px; height: 70px; line-height: 70px; padding: 0; } @media only screen and (max-width: 480px) { .price-ui-badges--round .price-ui-badge__sticker { display: flex; align-items: center; justify-content: center; word-break: break-word; line-height: 1.4; } } @media only screen and (max-width: 798px) { .price-ui-badges--round .price-ui-badge__sticker { width: 50px; height: 50px; } } .thumbnail .price-ui-badges--round .price-ui-badge__sticker { position: relative; top: 10px; right: 10px; } @media only screen and (max-width: 798px) { .thumbnail .price-ui-badges--round .price-ui-badge__sticker { top: 5px; right: 5px; } } .price-ui-badge__sticker--sold-out { background-color: #363636; } .price-ui-badge__sticker--new, .price-ui-badge__sticker--pre-order { background-color: #03a196; } /* #Surface Pick-up ================================================== */ .surface-pick-up { opacity: 1; transition: opacity 0.3s ease-in; } .surface-pick-up.surface-pick-up--loading { visibility: hidden; opacity: 0; } .surface-pick-up-embed { --surface-pick-up-embed-theme-success-color: #099E4D; --surface-pick-up-embed-theme-error-color: #DE3618; --surface-pick-up-embed-theme-paragraph-font-size: 17px; --surface-pick-up-embed-theme-paragraph-smaller-font-size: 0.85em; --surface-pick-up-embed-theme-body-font-weight-bold: 600; --surface-pick-up-embed-theme-body-text-color: #000000; --surface-pick-up-embed-theme-link-text-decoration: underline; --surface-pick-up-embed-row-gap: 10px; --surface-pick-up-embed-column-gap: 10px; margin-bottom: 40px; } .js-quick-shop .surface-pick-up-embed { --surface-pick-up-embed-theme-body-text-color: #2b2e38; } .surface-pick-up-item { --surface-pick-up-item-theme-success-color: #099E4D; --surface-pick-up-item-theme-error-color: #DE3618; --surface-pick-up-item-theme-paragraph-font-size: 17px; --surface-pick-up-item-theme-paragraph-smaller-font-size: 0.85em; --surface-pick-up-item-theme-body-font-weight-bold: 600; --surface-pick-up-item-theme-body-text-color: #000000; --surface-pick-up-item-theme-border-color: rgba(204, 204, 204, 0.5); --surface-pick-up-item-theme-link-text-decoration: underline; --surface-pick-up-item-row-gap: 0.8em; --surface-pick-up-item-column-gap: 5px; --surface-pick-up-item-gap: 22px; } .surface-pick-up__modal.fancybox-content .fancybox-close-small svg { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; } .surface-pick-up__modal-header { display: flex; flex-direction: column; padding-bottom: 28px; border-bottom: 1px solid rgba(204, 204, 204, 0.5); } .surface-pick-up__modal-title { margin: 0; font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; font-size: 24px; font-weight: 600; text-transform: none; letter-spacing: normal; } .surface-pick-up__modal-subtitle { font-size: 17px; } .surface-pick-up-embed__in-stock-icon, .surface-pick-up-embed__out-of-stock-icon { width: 0.85em; height: 0.85em; margin-top: 0.3em; } .surface-pick-up-item__pick-up-location { font-size: 17px; font-weight: bold; letter-spacing: normal; text-transform: none; } .surface-pick-up-item__address-info { font-size: 0.85em; line-height: 1.5; } .surface-pick-up-item__in-stock-icon, .surface-pick-up-item__out-of-stock-icon { margin-top: 0.3em; width: 0.8em; height: 0.8em; } .surface-pick-up-item__pick-up-distance { padding-left: 5em; } .surface-pick-up-item:last-child { padding-bottom: calc(var(--surface-pick-up-item-gap) / 2); } .surface-pick-up-embed__location-availability { text-transform: none; letter-spacing: normal; } /* #Desktop navigation ================================================== */ .nav-desktop summary { list-style: none; } .nav-desktop__tier-1-item, .nav-desktop__tier-2-item, .nav-desktop__tier-3-item { margin: 0; } .nav-desktop__tier-2-item, .nav-desktop__tier-3-item { padding: 12px 20px; } .nav-desktop__tier-2-item { position: relative; } .feature_image .nav-desktop__tier-1-link { color: #d9d9d9; transition: color 0.2s ease; } .feature_image .nav-desktop__tier-1-link:visited { color: #d9d9d9; } .feature_image .nav-desktop__tier-1-link:hover, .feature_image .nav-desktop__tier-1-link:active, .feature_image .nav-desktop__tier-1-link:focus, .feature_image .nav-desktop__tier-1-link.nav-desktop__tier-1-link--active { color: #848484; } .nav-desktop__tier-1-link { border-bottom: solid 1px transparent; } .feature_image .nav-desktop__tier-1-link { color: #d9d9d9; } .nav-desktop__tier-1-link:hover, .nav-desktop__tier-1-link[aria-expanded=true] { border-bottom: solid 1px #848484; } .nav-desktop__tier-1-item--dropdown-parent .nav-desktop__tier-1-link:hover, .nav-desktop__tier-1-item--dropdown-parent .nav-desktop__tier-1-link[aria-expanded=true] { border-bottom: solid 1px transparent; } .nav-desktop__tier-1-link, .nav-desktop__tier-2-link, .nav-desktop__tier-3-link { position: relative; font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 14px; color: #d9d9d9; letter-spacing: 1px; text-rendering: optimizeLegibility; text-transform: uppercase; text-decoration: none; cursor: pointer; } @media only screen and (max-width: 798px) { .nav-desktop__tier-1-link, .nav-desktop__tier-2-link, .nav-desktop__tier-3-link { font-size: 12px; } } .nav-desktop__tier-1-link span, .nav-desktop__tier-2-link span, .nav-desktop__tier-3-link span { color: inherit; } .nav-desktop__tier-1-link:visited, .nav-desktop__tier-2-link:visited, .nav-desktop__tier-3-link:visited { color: #d9d9d9; text-decoration: none; } .nav-desktop__tier-1-link:visited span, .nav-desktop__tier-2-link:visited span, .nav-desktop__tier-3-link:visited span { color: #000; } .nav-desktop__tier-1-link:hover, .nav-desktop__tier-1-link:active, .nav-desktop__tier-1-link:focus, .nav-desktop__tier-1-link:focus-within, .nav-desktop__tier-1-link.nav-desktop__tier-1-link--active, .nav-desktop__tier-2-link:hover, .nav-desktop__tier-2-link:active, .nav-desktop__tier-2-link:focus, .nav-desktop__tier-2-link:focus-within, .nav-desktop__tier-2-link.nav-desktop__tier-1-link--active, .nav-desktop__tier-3-link:hover, .nav-desktop__tier-3-link:active, .nav-desktop__tier-3-link:focus, .nav-desktop__tier-3-link:focus-within, .nav-desktop__tier-3-link.nav-desktop__tier-1-link--active { color: #848484; text-decoration: none; } .nav-desktop__tier-1-link:hover span, .nav-desktop__tier-1-link:active span, .nav-desktop__tier-1-link:focus span, .nav-desktop__tier-1-link:focus-within span, .nav-desktop__tier-1-link.nav-desktop__tier-1-link--active span, .nav-desktop__tier-2-link:hover span, .nav-desktop__tier-2-link:active span, .nav-desktop__tier-2-link:focus span, .nav-desktop__tier-2-link:focus-within span, .nav-desktop__tier-2-link.nav-desktop__tier-1-link--active span, .nav-desktop__tier-3-link:hover span, .nav-desktop__tier-3-link:active span, .nav-desktop__tier-3-link:focus span, .nav-desktop__tier-3-link:focus-within span, .nav-desktop__tier-3-link.nav-desktop__tier-1-link--active span { color: inherit; } .nav-desktop__tier-2-link, .nav-desktop__tier-3-link { display: block; width: 100%; padding: var(--space-4) var(--space-8); } .nav-desktop__tier-1 { display: flex; align-items: center; flex-wrap: wrap; column-gap: 8px; padding: 0; margin: 0; list-style: none; } .align_right .nav-desktop__tier-1 { justify-content: flex-end; } .center .nav-desktop__tier-1 { justify-content: center; } .nav-desktop__tier-1 .nav-desktop__tier-1-item { display: inline-block; } .nav-desktop__tier-1 .nav-desktop__tier-1-link { display: block; padding: 12px 0; white-space: nowrap; } .nav-desktop__tier-1-item--dropdown-parent { position: relative; } .nav-desktop__tier-2-link--parent { display: flex; justify-content: space-between; } .nav-desktop__tier-2-link-icon { transform: rotate(270deg); } .nav-desktop__tier-2, .nav-desktop__tier-3 { margin: 0; position: absolute; z-index: 100; text-align: left; opacity: 0; width: 270px; } .nav-desktop__tier-2[data-animation], .nav-desktop__tier-3[data-animation] { transition: opacity 0.2s linear; } .nav-desktop__tier-2[data-animation-state=open], .nav-desktop__tier-3[data-animation-state=open] { display: block; opacity: 1; } .nav-desktop__tier-2 { top: 98%; left: 0; } .nav-desktop__tier-2.alternate-drop { right: 0; left: auto; } .nav-desktop__tier-2--dropdown, .nav-desktop__tier-3 { text-align: left; padding: 0; }.nav-desktop__tier-2--dropdown, .nav-desktop__tier-3 { background: rgba(27, 31, 35, 0.9); }.nav-desktop__tier-2--dropdown { list-style: none; text-transform: uppercase; } [data-show-separator=true] .nav-desktop__tier-2--dropdown { top: 100%; border-top: 1px transparent; } .nav-desktop__tier-2--dropdown li { width: 100%; } .nav-desktop__tier-3 { top: 0; left: 100%; transition: none; } .nav-desktop__tier-3[data-animation] { transition: opacity 0.2s linear; } .nav-desktop__tier-3[data-animation-state=open] { opacity: 1; } .nav-desktop__tier-3.alternate-drop { right: 100%; left: auto; } .nav-desktop__tier-3 li { display: block; width: 100%; } .nav-desktop__tier-2--full-width-menu { position: absolute; left: 0; width: 100vw; }.nav-desktop__tier-2--full-width-menu { background: #0F1125; border-right: 1px solid #fff; }[data-nav-desktop-details][open] .nav-desktop__tier-2--full-width-menu { width: 100%; } .sticky_nav .nav-desktop__tier-2--full-width-menu { max-height: calc(90vh - var(--sticky-header-height, 100px)); overflow: scroll; } .no-js [data-nav-desktop-details][open] > .nav-desktop__tier-2, .no-js [data-nav-desktop-details][open] > .nav-desktop__tier-3, .no-js [data-nav-desktop-details][open] > .header-mega-nav { display: block; opacity: 1; } .no-js [data-nav-desktop-details][open] > .header-mega-nav + .nav-desktop__tier-2, .no-js [data-nav-desktop-details][open] > .header-mega-nav + .nav-desktop__tier-3 { display: none; opacity: 0; } [data-nav-desktop-details] > summary::-webkit-details-marker { display: none; } .widemenu { list-style: none; margin: 0; padding: 30px 20px 30px; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 0; } .widemenu li{ margin-top: 10px; margin-bottom: 10px;} .widemenu__submenu-items { list-style: none; margin: 0; padding: 0; } .widemenu__link { font-family: "DM Sans", sans-serif; font-weight: 600; font-style: normal; font-size: 17px; color: #fff; text-rendering: optimizeLegibility; text-decoration: none; border-right: 1px solid #484A59; text-align: center; align-items: center; display: flex; justify-content: center; padding: 10px 10px; height:100%; } .widemenu li:nth-child(5) a, .widemenu li:nth-child(10) a, .widemenu li:nth-child(15) a { border-right:none} @media only screen and (max-width: 798px) { .widemenu__link { font-size: 12px; } } .widemenu__link:visited { color: #fff; text-decoration: none; } .widemenu__link:hover, .widemenu__link:active, .widemenu__link:focus { color: #848484; text-decoration: none; } .widemenu__submenu-heading { display: block; margin-bottom: 6px; padding: 12px 0; border-bottom: 1px solid #d9d9d9; } .widemenu__submenu-item { padding: 6px 0; margin: 0; } .mega-menu-container { display: none; } .no-js .mega-menu-container { display: flex; position: relative; width: 100%; padding: 10px 20px; }.no-js .mega-menu-container { background: rgba(27, 31, 35, 0.9); }.shopify-section--mega-menu { width: auto; } .mobile-meganav-source { display: none; } /* #Shoppable Image ================================================== */ .shopify-section--shoppable-image .section-with-heading-wrapper { background-color: var(--shoppable-image-background-color); } @media only screen and (max-width: 798px) { .shoppable-image-wrapper.flickity-enabled { padding-bottom: 2.5rem; } } .shoppable-image-wrapper.flickity-enabled .flickity-prev-next-button { width: 5%; } @media only screen and (max-width: 798px) { .shoppable-image-wrapper.flickity-enabled .flickity-prev-next-button { display: none; } } .shoppable-image-wrapper.flickity-enabled .flickity-page-dots { bottom: 0.5rem; } @media only screen and (max-width: 798px) { .shoppable-image-wrapper.flickity-enabled .flickity-page-dots { bottom: 0.75rem; } } .shoppable-image-wrapper.flickity-enabled .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; background: #333333; } .shoppable-image-wrapper.flickity-enabled.slideshow-navigation-buttons--false .flickity-page-dots { display: none; } @media only screen and (max-width: 798px) { .shoppable-image-wrapper.flickity-enabled.slideshow-navigation-buttons--false .flickity-page-dots { display: block; } } .shoppable-image-wrapper.flickity-enabled.transparentBackground--false .flickity-page-dots .dot { opacity: 0.4; } .shoppable-image-wrapper.flickity-enabled.transparentBackground--false .flickity-page-dots .dot.is-selected { opacity: 1; } .shoppable-image-wrapper.flickity-enabled .gallery-cell { width: 100%; } .shoppable-image-wrapper.flickity-enabled .gallery-cell:not(:first-child) { height: auto; } .shoppable-image-wrapper.flickity-enabled.text-animation--true .shoppable-image__bottom-bar__call-to-action-container { opacity: 0; } .shoppable-image { position: relative; } .shoppable-image.shoppable-image--active-products .hotspot__wrapper--onboarding-true { display: none; }.shoppable-image { background-color: #666666; }@media only screen and (max-width: 480px) { .shoppable-image { background-color: transparent; } } .hotspot__wrapper { --fade-duration: 500ms; --opacity-duration: 200ms; --delay: 300ms; background-color: transparent; position: absolute; z-index: 3; } .hotspot__wrapper .hotspot__identifier { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .hotspot__wrapper:focus { outline: 0; } .hotspot__wrapper:hover, .hotspot__wrapper:focus, .hotspot__wrapper.has-active-state { z-index: 4; } .hotspot__wrapper:hover .hotspot, .hotspot__wrapper:focus .hotspot, .hotspot__wrapper.has-active-state .hotspot { outline: 0; animation: fade-in var(--fade-duration) both; } @keyframes fade-in { 0% { transform: scale(1); background-color: transparent; } 10% { transform: scale(0.6); } 100% { transform: scale(0.8); background-color: var(--shoppable-image-hotspot-color, var(--shoppable-image-background-color)); } } @media (prefers-reduced-motion: reduce) { .hotspot__wrapper:hover .hotspot, .hotspot__wrapper:focus .hotspot, .hotspot__wrapper.has-active-state .hotspot { animation: none; } } .hotspot__wrapper:hover .hotspot__content-wrapper, .hotspot__wrapper:focus .hotspot__content-wrapper, .hotspot__wrapper.has-active-state .hotspot__content-wrapper { opacity: 1; pointer-events: all; transition: opacity var(--opacity-duration) 100ms; } @media (prefers-reduced-motion: reduce) { .hotspot__wrapper:hover .hotspot__content-wrapper, .hotspot__wrapper:focus .hotspot__content-wrapper, .hotspot__wrapper.has-active-state .hotspot__content-wrapper { transition: none; } } .hotspot__wrapper:hover .hotspot__content, .hotspot__wrapper:focus .hotspot__content, .hotspot__wrapper.has-active-state .hotspot__content { width: auto; height: auto; } .hotspot__wrapper:hover .hotspot__content:hover .hotspot__content--active-wrapper, .hotspot__wrapper:focus .hotspot__content:hover .hotspot__content--active-wrapper, .hotspot__wrapper.has-active-state .hotspot__content:hover .hotspot__content--active-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 1rem; } .hotspot__wrapper:hover .hotspot__content:hover .hotspot__content--active, .hotspot__wrapper:focus .hotspot__content:hover .hotspot__content--active, .hotspot__wrapper.has-active-state .hotspot__content:hover .hotspot__content--active { background-color: var(--shoppable-image-hover-bg-color); height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2rem; } .shoppable-image--card-styling-rounded .hotspot__wrapper:hover .hotspot__content:hover .hotspot__content--active, .shoppable-image--card-styling-rounded .hotspot__wrapper:focus .hotspot__content:hover .hotspot__content--active, .shoppable-image--card-styling-rounded .hotspot__wrapper.has-active-state .hotspot__content:hover .hotspot__content--active { border-radius: 1rem; } .shoppable-image--outline-true .hotspot__wrapper:hover .hotspot__content:hover .hotspot__content--active, .shoppable-image--outline-true .hotspot__wrapper:focus .hotspot__content:hover .hotspot__content--active, .shoppable-image--outline-true .hotspot__wrapper.has-active-state .hotspot__content:hover .hotspot__content--active { border: 1px solid var(--shoppable-image-hotspot-color, var(--shoppable-image-shop-border-color)); } .hotspot__wrapper:hover .hotspot__content:hover .quick_shop, .hotspot__wrapper:focus .hotspot__content:hover .quick_shop, .hotspot__wrapper.has-active-state .hotspot__content:hover .quick_shop { opacity: 1; transform: none; } .hotspot { position: relative; width: 2rem; height: 2rem; cursor: default; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .shoppable-image--outline-false .hotspot { animation: pulse 3s infinite 600ms, fade-out var(--fade-duration) both var(--delay); } @media (prefers-reduced-motion: reduce) { .shoppable-image--outline-false .hotspot { animation: none; } } .shoppable-image--outline-true .hotspot { animation: pulse-with-outline 3s infinite 600ms, fade-out var(--fade-duration) both var(--delay); } @media (prefers-reduced-motion: reduce) { .shoppable-image--outline-true .hotspot { animation: none; } } @keyframes pulse { 0% { background: transparent; } 70% { background: rgba(var(--shoppable-image-hotspot-color-light, var(--shoppable-image-background-color)), 0.4); } 100% { background: transparent; } } @keyframes pulse-with-outline { 0% { background: transparent; border: 1px solid transparent; } 70% { border: 1px solid var(--shoppable-image-hotspot-color, var(--shoppable-image-background-color)); background: rgba(var(--shoppable-image-hotspot-color-light, var(--shoppable-image-background-color)), 0.4); } 100% { background: transparent; border: 1px solid transparent; } } @keyframes fade-out { 0% { transform: scale(0.8); background-color: var(--shoppable-image-hotspot-color, var(--shoppable-image-background-color)); } 30% { transform: scale(0.6); } 70% { transform: scale(0.9); } 100% { transform: scale(1); background-color: transparent; } } .hotspot .hotspot__inner-circle { background-color: var(--shoppable-image-hotspot-color, var(--shoppable-image-background-color)); border-radius: 50%; width: 1rem; height: 1rem; cursor: pointer; } .hotspot__content-wrapper { left: 50%; opacity: 0; padding: 2rem; position: absolute; z-index: 2; pointer-events: none; transition: opacity var(--opacity-duration) var(--delay); } @media (prefers-reduced-motion: reduce) { .hotspot__content-wrapper { transition: none; } } @media only screen and (max-width: 1024px) { .hotspot__content-wrapper { top: 100%; padding: 0; transform: translate(-50%, 0); right: auto; } } .hotspot__content { position: relative; background-color: var(--shoppable-image-background-color); padding: 2rem; z-index: 1; text-align: center; color: #000000; } .shoppable-image--outline-true .hotspot__content { border: 1px solid var(--shoppable-image-hotspot-color, var(--shoppable-image-shop-border-color)); } .shoppable-image--card-styling-rounded .hotspot__content { border-radius: 1rem; } .hotspot__content .price { color: var(--shoppable-image-shop-text-color); } .hotspot__content .product-rating { justify-content: center; margin: 1rem auto 0.5rem; } .hotspot__content .hotspot__content--active { display: none; } @media only screen and (max-width: 1024px) { .hotspot__content { top: 0.75rem; } } .hotspot__content-overlay-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .hotspot__product-image { width: 8rem; margin: 0 auto; padding-bottom: 1rem; /* Adding so that the overlay link includes the image as well */ pointer-events: none; } .hotspot__product-title { font-size: 1rem; } .hotspot__product-vendor { display: block; margin-bottom: 0.5rem; } .shoppable-image__bottom-bar { display: flex; } .shoppable-image__bottom-bar.shoppable-image__bottom-bar--active-products .shoppable-image__bottom-bar__product-thumbnail--onboarding-true { display: none; } @media only screen and (max-width: 798px) { .shoppable-image__bottom-bar { flex-wrap: wrap; align-items: center; } } .shoppable-image__bottom-bar .shoppable-image__bottom-bar__call-to-action, .shoppable-image__bottom-bar .shoppable-image__bottom-bar__product-thumbnail { width: 100%; } .shoppable-image__bottom-bar .shoppable-image__bottom-bar__call-to-action { display: flex; flex-direction: column; justify-content: center; padding: 2rem; background-color: var(--shoppable-image-cta-bg-color, var(--shoppable-image-background-color)); } @media only screen and (max-width: 1024px) { .shoppable-image__bottom-bar .shoppable-image__bottom-bar__call-to-action { max-width: 100%; } } .shoppable-image__bottom-bar .shoppable-image__bottom-bar__call-to-action .subtitle + .button-grid-container { margin-top: 1rem; } .shoppable-image__bottom-bar .shoppable-image__bottom-bar__call-to-action .subtitle p:last-child { margin-bottom: 0; } .shoppable-image__bottom-bar .shoppable-image__bottom-bar__call-to-action > .button-grid-container { max-width: max-content; margin: 0; } .shoppable-image__bottom-bar .shoppable-image__bottom-bar__product-thumbnail { position: relative; display: flex; align-items: center; cursor: pointer; } .shoppable-image__bottom-bar .shoppable-image__bottom-bar__product-thumbnail .image__container { width: 100%; } @media only screen and (min-width: 799px) { .shoppable-image__bottom-bar .shoppable-image__bottom-bar__product-thumbnail { max-width: 25%; } } @media only screen and (max-width: 798px) { .shoppable-image__bottom-bar .shoppable-image__bottom-bar__product-thumbnail { flex: 1 1 25%; } } .shoppable-image__bottom-bar.shoppable-image__bottom-bar-image-style--full-width { max-height: 300px; } @media only screen and (max-width: 1024px) { .shoppable-image__bottom-bar.shoppable-image__bottom-bar-image-style--full-width { max-height: none; align-items: stretch; } } .shoppable-image__bottom-bar.shoppable-image__bottom-bar-image-style--full-width img, .shoppable-image__bottom-bar.shoppable-image__bottom-bar-image-style--full-width .image__container, .shoppable-image__bottom-bar.shoppable-image__bottom-bar-image-style--full-width .image-element__wrap { height: 100%; } @media only screen and (max-width: 798px) { .shoppable-image__bottom-bar.shoppable-image__bottom-bar-image-style--full-width img, .shoppable-image__bottom-bar.shoppable-image__bottom-bar-image-style--full-width .image__container, .shoppable-image__bottom-bar.shoppable-image__bottom-bar-image-style--full-width .image-element__wrap { max-height: 400px; } } .shoppable-image__bottom-bar.shoppable-image__bottom-bar-image-style--full-width img { object-fit: cover; } .shoppable-image__bottom-bar .shoppable-image__bottom-bar__product-thumbnail-overlay { background-color: var(--shoppable-image-hover-bg-color); opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 0.3s ease-in; z-index: 2; } .shoppable-image__bottom-bar .shoppable-image__call-to-action-heading { margin: 0; padding: 0; font-size: 27px; } .shoppable-image__bottom-bar .shoppable-image__call-to-action-heading + .subtitle, .shoppable-image__bottom-bar .shoppable-image__call-to-action-heading + .button-grid-container, .shoppable-image__bottom-bar .shoppable-image__call-to-action-heading + .subtitle + .button-grid-container { margin-top: 1rem; } /* #Complementary products ================================================== */ .complementary-products { --slide-item-outer-gap: 1rem; --slide-item-inner-gap: 1rem; --slide-item-padding: 0; --slide-item-border-thickness: 0; --slider-dot-color: #333; --slider-active-dot-color: #333; } .complementary-products__container--grid { margin-bottom: 40px; } .complementary-products__title { margin-bottom: 20px; font-family: "DM Sans", sans-serif; font-weight: 700; font-style: normal; font-size: 17px; text-transform: none; letter-spacing: normal; color: #000000; line-height: 1.6em; } .complementary-products .flickity-prev-next-button { opacity: 0; } .complementary-products .flickity-prev-next-button.next .flickity-button-icon { transform: translateX(-5%); } .complementary-products .flickity-prev-next-button .flickity-button-icon { fill: #333; left: 30%; top: 25%; width: 50%; height: 50%; transform: none; } @media only screen and (max-width: 798px) { .complementary-products .flickity-prev-next-button { display: none; } } .complementary-products .flickity-page-dots { display: block; position: static; margin: 20px 0 40px; } .complementary-products .flickity-page-dots .dot { opacity: 0.25; margin: 0; height: 4px; width: 40px; border-radius: 0; } .complementary-products .flickity-page-dots .dot.is-selected { opacity: 1; } .complementary-products:hover .flickity-prev-next-button { opacity: 0.5; } .complementary-products:hover .flickity-prev-next-button:hover { opacity: 0.8; } .complementary-product__image { display: flex; flex: 0 0 25%; } @media only screen and (min-width: 799px) and (max-width: 1024px) { .complementary-product__image { flex-basis: 30%; } } @media only screen and (min-width: 481px) and (max-width: 798px) { .complementary-product__image { flex-basis: 15%; } } .complementary-product__name { font-family: "DM Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; padding: 0; margin-bottom: 5px; font-size: 17px; line-height: 1.2; } .complementary-product__name a, .complementary-product__name a:visited { color: inherit; } .complementary-product__price-wrapper { line-height: 1.2; } .complementary-product--on-sale .complementary-product__price-wrapper { color: #d54d4d; } .complementary-product--on-sale .complementary-product__price-wrapper .complementary-product__price-text--from { font-style: italic; } .complementary-product__price { font-size: 17px; } .complementary-product__price-text--now { display: none; } .complementary-product__unit-price { color: #000000; font-size: 0.925em; line-height: 1.6; } .complementary-product__link { margin-top: 10px; display: block; } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file. Upload your font files to Assets and then copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('FontName.eot'); src: url('FontName.eot?iefix') format('eot'), url('FontName.woff') format('woff'), url('FontName.ttf') format('truetype'), url('FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */ /* #Custom Styles ================================================== */ .top-bar { background-color: #0F1125; display: block;} .main-nav { background: #fff} .top-bar__menu { justify-content: end;} .top-bar .top-bar__menu a{text-transform: inherit; letter-spacing: 0; font-size: 17px;font-weight: 500;} .top-bar li { padding-left: 44px; padding-right: 11px;} .main-nav { padding: 18px 20px;} .main-nav__wrapper { max-width: 1420px; margin: auto; padding: 10px 0;} .header-phone{background-image: url(phone.svg); width: 18px; height: 18px; margin: 19px 0 19px 10px;} .header-phone i{display:none} .header-mail{background-image: url(mail.svg); width: 20px; height: 15px; margin-top: 20px; margin-right: 0; margin-left: 20px;} .header-mail i{display:none} .top-bar-width{max-width: 1420px; margin: auto; display: flex; justify-content: space-between;position: relative; transition: padding-top .3s linear;} .nav-desktop__tier-1 .nav-desktop__tier-1-link { display: block;padding: 0; white-space: nowrap; text-transform: none; font-size: 18px; color: #000; font-weight: 700; letter-spacing: 0;} .nav-desktop__tier-1 .nav-desktop__tier-1-item { padding-right: 26px;} .nav-desktop__tier-1 .nav-desktop__tier-1-item:last-child{ padding-right: 0;} .search-icon{background-image: url(search.png); } .cart-container .mini_cart { font-weight: 600; font-size: 20px; color: #000000; letter-spacing: 0;padding-right: 0;} .cart-container .mini_cart:before { display:none; background-repeat: no-repeat; content: "";background-image: url(cart-icon.svg); width: 25px;height: 25px;margin-right: 15px;} .search-icon { background-image: url(search.png); width: 33px;height: 23px; padding: 0; margin: 0; display: block; margin-left: 24px;} .main-nav { padding: 18px 0;} .mobile-search.mobile-search-open { display: block!important;} .cart-container {min-height: 75px; display: flex; flex-direction: column; justify-content: center; margin-left: 40px;} .main-nav { padding: 0;} .top-bar a:hover{opacity:0.8} .nav-desktop__tier-1-link:hover, .nav-desktop__tier-1-link[aria-expanded=true] { border-bottom: none;} .sticky_nav--stick .cart-container .mini_cart{padding-right: 18px;} .sticky_nav[data-animation-state=open]{ border-bottom: 1px solid #a9a9a9;} .banner.homepage-slideshow .gallery-cell img{ height: 700px; object-fit: cover;} .banner.homepage-slideshow.full-width--true .caption { max-width: 1400px;} .banner.homepage-slideshow .caption .headline { font-size: 80px; text-transform: none; font-weight: 700; margin-bottom: 12px;} .banner.homepage-slideshow .caption .subtitle { font-size: 28px; text-transform: none; margin-bottom: 25px;} .banner.homepage-slideshow .caption-content { max-width: 75%;} .banner.homepage-slideshow .global-button { border-radius: 50px; font-size: 20px; letter-spacing: 0; text-transform: none; padding: 20px 35px; font-weight: 500; } .banner.homepage-slideshow .caption-content { padding: 0;} .shopify-section--featured-promotions { padding: 102px 0 0;} .shopify-section--featured-promotions .title {text-transform: none; letter-spacing: 0; font-weight: 600; font-size: 30px; padding: 14px 0 0; margin: 0;} .featured-promotions.full-width--false .feature-section { margin-bottom: 95px; padding: 0 15px;} #shopify-section-template--15001463160855__image-text-1 { background-color: #F2F2F2; padding: 70px 0;} #shopify-section-template--15001463160855__image-text-1 .featured-link--half .collection_title {color: #000; font-size: 50px; letter-spacing: 0; font-weight: 700; text-transform: none; padding: 0; margin: 0 0 20px 0;} #shopify-section-template--15001463160855__image-text-1 .featured-link--half .info { display: inline-block; width: 100%; margin: 0 auto; padding: 0;} .featured-link--half .description { font-size: 20px; padding-right: 30px;} #shopify-section-template--15001463160855__image-text-1 .global-button { border-radius: 50px; font-size: 20px; letter-spacing: 0; text-transform: none; padding: 20px 35px;font-weight: 500; background-color: #0F1125; color: #fff;} #shopify-section-template--15001463160855__image-text-1 .global-button:hover{background-color: #363636; color: #fff;} #shopify-section-template--15001463160855__image-text-1 h4{padding: 0; margin: 0; text-transform: none; letter-spacing: 0; font-weight: 600; font-size: 24px;} #shopify-section-template--15001463160855__image-text-1 .featured-link--half { background-color: transparent;} .featured-link--half .description{margin-bottom: 40px;} .home-tab-section-title{list-style: none; padding: 0; margin: 0 0 60px 0; font-size: 24px;text-align: center;font-weight: 900;} .home-tab-section-title li{display: inline-block;padding: 0 0 20px 0; position: relative;margin:0 22px; } .home-tab-section-title li a{padding: 0 0 20px 0; } .home-tab-section-title li:hover a:after{width: 100%;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;} .home-tab-section-title li a.hlight:after{width: 100%;} .home-tab-section-title li a:after{content:''; height:2px;width: 0; background-color: #000000; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;} .home-tab-section{padding: 109px 0 85px 0;} #hmod2{height: 0; overflow: hidden;} #hmod3{height: 0; overflow: hidden;} #hmod4{height: 0; overflow: hidden;} #hmod5{height: 0; overflow: hidden;} #hmod6{height: 0; overflow: hidden;} .tab-slider{list-style: none; padding: 0; margin: 0;} .slick-arrow { position: absolute; top: 50%;font-size: 0; z-index: 11; width: 40px; height: 40px; background-size: 40px;} .slick-arrow.slick-prev{left: 0;background-image: url(arrow-left.png); } .slick-arrow.slick-next{right: 0;background-image: url(arrow-right.png); } .product-list .thumbnail { overflow: hidden; padding: 0 15px;} .product-list .product-wrap-border{border: 2px solid #C2C2C2; border-radius: 15px;padding: 20px 15px;position: relative; } .product-details{text-align: left;} .thumbnail .title { letter-spacing: 0; font-weight: 600; margin-bottom: 10px;} .product-list .price {display: none;} .list-link{background-image: url(product-arw.png); background-repeat: no-repeat; background-position: 0 top; display: block; width: 36px; height: 36px; position: absolute; right: 15px; bottom: 15px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;} .list-link:hover{opacity:0.8 } .prodSku{margin-bottom: 10px;} .viewall-btn {text-transform: uppercase; font-weight: 600; font-size: 20px; border: 2px solid #000000;padding: 16px 26px; border-radius: 50px; margin: 28px auto auto auto; width: 200px; display: block;text-align: center;} .viewall-btn:hover{background-color: #000000;color: #fff;} .usp-block-bg{background-color: #0F1125; padding: 88px 0; color: #fff; text-align: center; font-size: 20px;} .usp-block-bg ul{list-style: none; padding: 0; margin: 0; display: flex;} .usp-block-bg ul li{ width: 20%; border-right: 1px solid #484A59; margin: 0; padding: 0;} .usp-block-bg ul li:last-child{border-right:none} .usp-img{ margin: 0 0 10px 0; } .shopify-section--logo-list{padding: 93px 0 73px 0;} .shopify-section--logo-list h2.title {padding: 0;margin: 0 0 0 0; font-size: 50px; text-transform: none;font-weight: 600; letter-spacing: 0; border: none;} .shopify-section--logo-list .feature-divider { border: none;margin-bottom: 20px;} .logo-list .logo-list__item{ width: 15%; margin: 0; padding: 0 25px;} .logo-list .logo-list__item:last-child{border-right: none;} .contact-block-bg{background-color: #F2F2F2; padding: 70px 0 70px 0;font-size: 20px; line-height: normal;} .contact-block-bg h4{margin: 0; padding: 0; font-size: 42px; letter-spacing: 0; text-transform: none; font-weight: 600;} .contact-block-bg h2{ margin: 0 0 10px 0; padding: 0; font-size: 42px; letter-spacing: 0; text-transform: none; font-weight: 600;} .contact-block-bg .section{ display:flex} .contact-block-left { width: 82%;line-height: 34px;} .contact-block-right { width: 18%;display: flex; flex-direction: column; justify-content: center; align-items: end; padding-right: 20px;} .contact-block-right a{text-align: center; display: inline-block; background-color: #0F1125; color: #fff; padding: 20px 26px;text-transform: uppercase; border-radius: 50px;max-width: 202px;} .contact-block-right a:hover{background-color: #363636;} .footer { padding: 62px 0 15px 0; font-size: 18px; border-top: none; background-color: #0F1125; color: #ffff;} .footer .footer-menu-wrap h6 { margin: 0; padding: 0 0 13px; color: #fff; font-size: 20px;font-weight: bold; border-bottom: 1px solid #FFFFFF;} .ftr-w-0{width: 100%; padding-bottom:20px} .ftr-w-1{width: 66%; padding-right: 10px;} .ftr-w-2{width: 14%;} .ftr-w-3{width: 14%;} img.footer-logo { margin-bottom: 20px;} .footer a, .footer a:visited { color: #fff; font-size: 18px;} .footer_content.footer-text ul {width: 32%; display: inline-block;vertical-align: top;padding-right: 20px;} .footer_content.footer-text ul:last-child{width: 32%;padding-right: 0;} .footer ul li { line-height: 1.4;} li.ftr-address{background-image: url(location.png); background-repeat: no-repeat; padding-left: 28px; background-position: left 3px;} li.ftr-phone{background-image: url(phone.png); background-repeat: no-repeat; padding-left: 28px; background-position: left 3px;} li.ftr-mail{background-image: url(mail.png); background-repeat: no-repeat; padding-left: 28px; background-position: left 3px;} li.ftr-hour{background-image: url(hour.png); background-repeat: no-repeat; padding-left: 28px; background-position: left 3px;} .ftr-view-btn{ display: block; background-color: #878892; border-radius: 4px; padding: 12px; max-width: 255px; text-align: center;} .ftr-view-btn:hover{background-color: #999aa2;} .footer ul { list-style: none; margin: 0; padding: 30px 0 0;} .footer-text .toggle_content { padding-top: 0;} .disclaimer-content { padding: 20px 0; border-top: 1px solid #707070; margin-bottom: 15px; margin-top: 30px; border-bottom: 1px solid #707070;} .disclaimer-content h4 { color: #fff; font-weight: 800; letter-spacing: 0;} .credits { padding: 0; margin: 0;} .ftr-menu { float: right;margin: 0; padding: 0; } .ftr-menu ul {margin: 0; padding: 0; } .footer .ftr-menu ul li{display: inline-block;font-size: 16px; margin: 0; padding:0 2px 0 5px; border-left: 1px solid #fff; line-height: 17px;} .footer .ftr-menu ul li:first-child{border-left:none;} .footer .ftr-menu ul li:last-child{padding-right:0;} .footer_credits { text-transform: uppercase; font-size: 16px;border-top: none; margin: 0; } .footer .ftr-menu a{ font-size: 16px;} .footer a:hover{opacity:0.8} /*.collection .shopify-section--collection-template{background-color: #01406b; color: #fff;} .collection .shopify-section--collection-template a{ color: #fff;} .collection .shopify-section--collection-template h1{ color: #fff;font-weight: bold; letter-spacing: 0; line-height: normal;} .collection .shopify-section--collection-template h2{ color: #fff; margin: 0; font-size: 15px; text-transform: none; letter-spacing: 0; font-weight: 700; padding: 0 0 8px 0;} .collection .shopify-section--collection-template h3{ color: #fff;} .collection .shopify-section--collection-template h4{ color: #fff;} .collection .shopify-section--collection-template h5{ color: #fff;} .collection .shopify-section--collection-template h6{ color: #fff;} .collection .shopify-section--collection-template span{ color: #fff;}*/ .showMore, .showLess { color: #000!important; cursor: pointer;} .tag_filter_left { float: left; margin-bottom: 20px; text-align: left;} #tag_filter{width: 250px; background-color: transparent; border: 1px solid #000; color: #000;text-transform: none;-webkit-appearance: auto; appearance: auto; } #tag_filter option{color: #000; } .sort_by_right{ float: left; color: #000; margin-bottom: 20px;text-align: left;} #sort-by{background-color: transparent; border: 1px solid #000; color: #000; width: 260px;text-transform: none;-webkit-appearance: auto; appearance: auto;} #sort-by option{color: #000; } .collection-title{float: left; width: 65%;} .breadcrumb-collection{float: right; width: 35%; text-align: right;} .sidebar .sidebar-block{display: none;} .sidebar-wrap { border-right: none;} .sidebar-block__heading{display: none;} .sidebar-block ul.toggle_list > li {padding: 12px; position: relative; color: #fff; border-bottom: solid 1px #fff; text-transform: uppercase; background: #051c2c;} .toggle_list a.active, .toggle_list a.active--default { padding-left: 0;} .sidebar .toggle_list a.active { border-left: none;} #contact-forms-sidebar{margin-top: 15px; border-top: none;} .sidebar-block::after{display:none} .collection .shopify-section--collection-template h3 { font-size: 27px;color: white; padding: 10px 20px; text-align: center; background-color: #051c2c; font-weight: 600; letter-spacing: 0; text-transform: none; margin-bottom: 6px;} .collection-filters .shopify-section--collection-template h3 { font-size: 27px;color: white; padding: 10px 20px; text-align: center; background-color: #051c2c; font-weight: 600; letter-spacing: 0; text-transform: none; margin-bottom: 6px;} .collection-doosan-equipment-parts .shopify-section--collection-template h3 { font-size: 27px;color: white; padding: 10px 20px; text-align: center; background-color: #051c2c; font-weight: 600; letter-spacing: 0; text-transform: none; margin-bottom: 6px;} #contact-forms-sidebar form { padding: 12px 10px; background-color: white; margin-bottom: 0;} #contactFormSubmit{ background: #0f1024; color: #fff; width: 100%; font-size: 14px; font-weight: 600;text-decoration: none; cursor: pointer; margin-bottom: 20px; height: 50px; letter-spacing: 1px; margin-bottom: 0;} #contactFormSubmit:hover{ background: #23254b;} #contact-forms-sidebar { position: -webkit-sticky;position: sticky; top: 0;} .product header{border-bottom: solid 1px #ccc; } .product .shopify-section--product-template { color: #000;} .product .shopify-section--product-template a{ color: #000;} .product .shopify-section--product-template h1{ color: #000;font-weight: bold; letter-spacing: 0; line-height: normal;} .product .shopify-section--product-template h2{ color: #000; margin: 0; font-size: 15px; text-transform: none; letter-spacing: 0; font-weight: 700; padding: 0 0 8px 0;} .product__images img{border:1px solid #ccc} .product .sidebar a, .product .sidebar a:visited { color: #000;} .product #contact-forms-sidebar{display:none} .product-quantity-box label { color: #000; text-transform: uppercase;} .banner.homepage-slideshow.full-width--true .caption { max-width: 1400px;} .collection-product-title {float: left;text-transform: uppercase; font-size: 30px; letter-spacing: -1px; padding-bottom: 30px; line-height: 1.1em; width: 50%;} .column.breadcrumb-product-right { float: right;width: 50%; margin: 0;} .product .shopify-section--product-template h1 { font-weight: 400;} p.sku { border-bottom: solid 1px #ccc; padding-bottom: 8px; margin-bottom: 10px;} .product_section .description { border-bottom: solid 1px #ccc; padding-bottom: 10px; margin-bottom: 10px;} .product .shopify-section--product-template h5 { font-weight: 800; font-size: 16px; letter-spacing: 0; margin: 0; padding: 0;} .stock-block{ border-bottom: solid 1px #ccc; padding-bottom: 7px; margin-bottom: 10px;} .barcode p { margin: 0;} .smart-payment-button--false .purchase-details { display: block;} .purchase-details__buttons { display: block; flex: auto; flex-wrap: wrap; margin-left: 0;} .product-quantity-box.purchase-details__quantity { margin-right: 0; width: 200px; display: flex; align-items: center;margin-bottom: 20px; margin-top: 16px;} product-quantity-box .quantity { padding: 6px 15px; width: 25%;} .product .shopify-section--product-template span.icon-minus{color: #000;} .product .shopify-section--product-template span.icon-plus{color: #000;} .product-quantity-box label { color: #000; text-transform: uppercase; margin: 0; padding-right: 9px; font-size: 15px;} .product-quantity-box .product-minus { border-right: 0; line-height: 32px; font-size: 11px;} .product-quantity-box .product-plus { font-size: 12px;} button.add_to_cart{margin: 0; letter-spacing: 0; font-size: 14px; border: solid 2px #051c2c; color: #051c2c; padding: 8px 13px; height: auto; background: #fff; border-radius: 6px; width: auto!important;} button.add_to_cart:hover{color: #fff; background: #000;} button.add_to_cart span{color: #051c2c;} button.add_to_cart:hover span{color: #fff!important;} .product .shopify-section--product-template button.add_to_cart span {color: #051c2c; font-weight: 700;} .product-quantity-box .product-plus, .product-quantity-box .product-minus { height: 32px;} .product-quantity-box .quantity{ height: 32px;} .product-quantity-box.purchase-details__quantity input.quantity { min-height: 32px;} .product-quantity-box .product-plus { line-height: 32px;} .container .column.cart__item--image { margin-left: 0; width: 100px;} .cart-special-instructions{width: 600px; float:left} .cart-btn{width: 300px; float:right} #pnl-request-quote th.price, #pnl-request-quote td.price { display: none;} .quote-btn{ width: 100%;border-radius: 50px; font-size: 20px; letter-spacing: 0; text-transform: none; padding: 10px 10px; font-weight: 500; background-color: #0F1125; color: #fff;} .quote-btn:hover{background-color: #363636; color: #fff;} .cart-btn .button{ width: 100%;border-radius: 50px; font-size: 20px; letter-spacing: 0; text-transform: none; padding: 10px 10px; font-weight: 500; background-color: #0F1125; color: #fff;} .cart-btn .button:hover{background-color: #363636; color: #fff;} #pnl-thank-you h2 { background-color: #f4f4f4; padding: 10px 20px; font-size: 20px; letter-spacing: 0;} .breadcrumb-product-right .breadcrumb-collection{width: 100%;} @media only screen and (min-width: 1200px){ .product_section .product__images.three-fifths { width: calc(40% - 20px);} .product_section .product__details .two-fifths { width: calc(50% - 20px);} } .section { max-width: 1400px;} @media only screen and (max-width: 1400px){ .main-nav__wrapper{background-color: #fff;} .top-bar-width{padding-left:15px;padding-right:15px;} .main-nav__wrapper{padding-left:15px;padding-right:15px;} .banner.homepage-slideshow .caption-content { padding: 0 15px;} .top-bar .top-bar__menu a { font-size: 17px;} .nav-desktop__tier-1 .nav-desktop__tier-1-link{ font-size: 18px;} .cart-container .mini_cart{ font-size: 16px;} .banner.homepage-slideshow .caption .headline { font-size: 68px;} .banner.homepage-slideshow .caption .subtitle { font-size: 22px;} .shopify-section--featured-promotions .title{ font-size: 24px;} #shopify-section-template--15001463160855__image-text-1 .featured-link--half .collection_title { font-size: 44px;} .featured-link--half .description { font-size: 18px;} .home-tab-section-title { font-size: 22px;} .usp-block-bg { font-size: 18px; padding: 60px 0;} .shopify-section--logo-list h2.title { font-size: 44px;} .contact-block-bg h2 { font-size: 38px;} .contact-block-bg { font-size: 18px;} .footer_content.footer-text ul { padding-right: 20px;} .footer { font-size: 16px;} .footer a, .footer a:visited { font-size: 16px;} .ftr-w-1 { padding-right: 35px;} .nav-desktop__tier-1 .nav-desktop__tier-1-item { padding-right:26px;} .nav-desktop__tier-1 .nav-desktop__tier-1-link { font-size: 17px;} } @media only screen and (max-width: 1200px){ #header { display: block;} .top-bar { background-color: #fff;} .mobile_nav div span{ background: #000;} .header{ display: none!important;} .cart-container { border-left: 1px solid #000; min-height: auto;} #header .top-bar a span { color: #000;} .cart-container { margin-left: 0; font-size: 16px;} .top-bar .top-bar--right .icon-search:visited { color: #000;} .top-bar .top-bar--right .icon-search{ color: #000;} .cart-container .mini_cart{padding-left:0;} .mobile_logo { position: absolute; left: 0; right: 0; top: 6px;width: 78px; margin: auto;} .section-wrapper .under-menu:nth-child(1) .full-width--true, .section-wrapper .under-menu:nth-child(1) .full-width--false { margin-top: 95px; } .top-bar { height: 90px;} #header .top-bar { padding: 0 15px;} .search-icon { width: 22px; margin-right: 15px;} .shopify-section--featured-promotions .title { font-size: 18px;} #shopify-section-template--15001463160855__image-text-1 .featured-link--half .collection_title { font-size: 34px;} #shopify-section-template--15001463160855__image-text-1 h4 { font-size: 20px;} .featured-link--half .description { font-size: 20px; padding-right: 0;} .home-tab-section-title { font-size: 20px;} .usp-block-bg { font-size: 15px;} .shopify-section--logo-list { padding: 65px 0 45px 0;} .shopify-section--logo-list h2.title { font-size: 36px;} .contact-block-bg .section { display: block;} .contact-block-bg h2 { font-size: 32px;} .contact-block-left { width: 100%;padding-bottom: 20px;} .contact-block-right{ width: 100%; align-items: normal;} .ftr-w-0 { width: 100%;padding-bottom: 20px;} .ftr-w-1 { width: 100%;} .ftr-w-2 { width: 29%;} .ftr-w-3 { width: 23%;} .footer-menu-wrap { padding-top: 0;} .logo-list .logo-list__item { padding: 0 30px;} .featured-promotions.full-width--false .feature-section { margin-bottom: 55px; padding: 0;} .featured-link--half .description { font-size: 17px;} .home-tab-section-title { font-size: 16px;} .home-tab-section-title li { margin: 0 10px;} .home-tab-section-title { margin: 0 0 35px;} .footer_credits { font-size: 13px;} .footer_credits a{ font-size: 13px;} .footer .ftr-menu a { font-size: 13px;} div.content, section.content { padding: 105px 0px 15px 0;} .collection .shopify-section--collection-template h1 { font-size: 28px;} .collection .shopify-section--collection-template h3 { font-size: 22px;} .collection-filters .shopify-section--collection-template h1 { font-size: 28px;} .collection-filters .shopify-section--collection-template h3 { font-size: 22px;} .collection-doosan-equipment-parts .shopify-section--collection-template h1 { font-size: 28px;} .collection-doosan-equipment-parts .shopify-section--collection-template h3 { font-size: 22px;} .product-list .product-wrap-border {padding: 20px 15px 50px 15px;} .list-link{bottom: 34px;} .sticky_nav .main-nav { display: none;} } @media only screen and (max-width: 991px){ .collection-title { float: none; width: 100%;} .breadcrumb-collection { float: none; width: 100%; text-align: left;} .collection .shopify-section--collection-template h3 { display: block; width: 100%;} .collection-filters .shopify-section--collection-template h3 { display: block; width: 100%;} .collection-doosan-equipment-parts .shopify-section--collection-template h3 { display: block; width: 100%;} #contact-forms-sidebar form { padding: 18px 15px; width: 100%;} div.breadcrumb-collection { text-align: left;} .container .column.collection-description-mar{margin: 0;} .collection-product-title { float: none; font-size: 27px; color: #fff; letter-spacing: -1px; padding-bottom: 10px; width: 100%;} .product .collection-product-title{color: #000;} .column.breadcrumb-product-right { float: none; width: 100%; margin: 0;} .product .shopify-section--product-template h1 { font-weight: 400; font-size: 20px;} .cart-special-instructions{width: 100%;} } @media only screen and (max-width: 798px){ .logo-content { padding-right: 0;} #header a.mobile_logo img { max-height: 84px; margin-top: 5px;} #header .top-bar a span.quote-txt{display: none;} .ftr-w-1 { width: 100%;} .ftr-w-2 { width: 100%;} .ftr-w-3 { width: 100%;} #header .top-bar a span { font-size: 14px;} .cart-container .mini_cart:before { width: 26px; height: 24px; padding: 0; margin: 0; background-size: 24px;} #header .top-bar a span { padding: 2px;} .mobile_nav-fixed--true .section-wrapper { margin-top: 0;} .banner.homepage-slideshow .gallery-cell img { height: 300px;} .banner.homepage-slideshow .caption .headline { font-size: 30px;} .banner.homepage-slideshow .caption-content { max-width: 100%;} .banner.homepage-slideshow .caption .subtitle { font-size: 16px;} .banner.homepage-slideshow .global-button { padding: 15px 35px;} .shopify-section--featured-promotions { padding: 50px 0 0;} #shopify-section-template--15001463160855__image-text-1 .featured-link--wrap{padding-bottom:20px;} #shopify-section-template--15001463160855__image-text-1 .featured-link--half .collection_title { font-size: 30px;} #shopify-section-template--15001463160855__image-text-1 { background-color: #f2f2f2; padding: 50px 0 30px 0;} .home-tab-section { padding: 60px 0 60px;} .home-tab-section-title li a { padding: 0 0 10px;} usp-block-bg ul { display: block;} .usp-block-bg ul li { width: 100%; border-right: none; border-bottom: 1px solid #484A59; margin: 0 0 10px 0; padding: 0 0 10px 0; display: flex; align-items: center;} .usp-block-bg ul li:last-child{border-bottom:none; padding: 0; margin: 0;} .usp-img { margin: 0 10px 0 0;} .shopify-section--logo-list { padding: 55px 0 35px 0;} .shopify-section--logo-list h2.title { font-size: 26px;} .logo-list .logo-list__item { padding: 0 10px;} .logo-list .logo-list__item { width: 35%;} .contact-block-bg h2 { font-size: 26px;} .contact-block-bg { padding: 50px 0; font-size: 16px;} .contact-block-left { line-height: 24px;} img.footer-logo { max-width: 130px!important; margin: 0 auto;} .footer .footer-menu-wrap h6 { margin: 0 0 13px; padding: 0 0 13px;border-bottom:none} .footer_content.footer-text ul { width: 100%; } .ftr-w-1 { padding-right: 0;} .disclaimer-content { margin-top: 0;} .ftr-menu { float: none;text-align: center;} .footer_content.footer-text ul { padding-right: 0; padding: 0; margin: 0;} .footer ul { margin: 0; padding: 0;} .usp-block-bg ul { display: block;} #shopify-section-template--15001463160855__57ef1993-8e2c-46a4-a457-19671d758c09 .feature-section { max-width: 400px; margin-right: auto; margin-left: auto;} #contact-forms-sidebar { margin-top: 0;} .collection .shopify-section--collection-template h1 { font-size: 24px;} .collection-filters .shopify-section--collection-template h1 { font-size: 24px;} .collection-doosan-equipment-parts .shopify-section--collection-template h1 { font-size: 24px;} .tag_filter_left { float: none;} .sort_by_right { float: none; width: 100%;} #sort-by { width: 100%;} .section_select { padding: 0; margin: 0;} .sidebar { margin-bottom: 0;} #tag_filter{ padding: 8px;} #sort-by{ padding: 8px;} .product-list--collection .medium-down--one-half { width: 100%;} #shopify-section-template--15001463914519__sidebar + .is-product-main { width: 100%;} .collection-product-title {float: none; font-size: 22px; color: #fff; letter-spacing: 0; padding-bottom: 10px; width: 100%;} .cart-special-instructions{width: 100%;} .footer_content.footer-text ul:last-child { width: 100%;} } media screen and (min-width: 980px){ .collection-left { width: 22.91666667%;} .collection-right { width: 72.91666667%;} } .brand_pages .slideshow-section{position: relative;} .brand_pages .slideshow-section:after{background-image:url("blue_bg.png"); background-position: center bottom; background-repeat: no-repeat; height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1;} .brand_pages .flexslider1:after{content:'';background-image:url("blue_bg.png"); background-position: center bottom; background-repeat: no-repeat; height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1;} .brand_pages .slideshow-section .flex-caption .content-right {background-color: rgba(5,28,44,0.95);font-family: 'Montserrat', sans-serif; margin-left: 0; margin-right: 0; width: 100%;padding: 35px;} .brand_pages .slideshow-section .flex-caption .content-right h2.caption, .brand_pages .slideshow-section .flex-caption .content-form h2.caption {color: #fff;font-family: 'Montserrat', sans-serif;} .brand_pages .slideshow-section .flex-caption p { color: #fff;margin-bottom: 20px;font-family: 'Montserrat', sans-serif;line-height: 26px;} .brand_pages .slideshow-section .flex-caption .content-right h2.caption, .brand_pages .slideshow-section .flex-caption .content-form h2.caption {text-align: left;font-weight: 500;font-size: 24px;} .brand_pages .slideshow-section .flex-caption {top: 0; transform: translateY(0);} .content-row .cta-button{background-image:url("btn_icon.png"); background-color: #01406B;background-repeat: no-repeat; background-position: 98% center; padding: 20px 66px 20px 66px; width: 100%; font-weight: 500; border-radius: 50px; text-transform: uppercase; font-size: 24px; margin-top: 0; color: #fff; margin-left: auto; margin-right: auto; display: block;} .content-row .cta-button:hover{background-color: #000} .brand_pages .slideshow-section .flex-caption .content-form {margin-left: 0; margin-right: 0; width: 100%; border: 1px solid #000; border-bottom:none;} .brand_pages .slideshow-section .flex-caption .slide-title {margin-top: 15px!important; margin: 0; width: 100%; font-weight: 600; letter-spacing: 0; text-transform: none;} .brand_pages .slideshow-section .flex-caption .content-form h2.caption{font-size: 24px; color: #01406B;} .brands_contact {color: #01406B; font-size: 24px;font-weight: 500;} .slideshow-section .brands_contact_block a {padding: 0; display: inline-block; color: #02416c; font-size: 26px; font-weight: 500; margin: 0 10px 0 0; text-decoration: underline;} a.brands_phone {background-image:url("brand_phone.png");background-repeat: no-repeat; background-position: left;padding-left: 28px!important; } a.brands_mail {background-image:url("brand_mail.png"); background-repeat: no-repeat; background-position: left;padding-left: 28px!important;} .brands_contact_block b{ color: #000; font-size: 26px; font-weight: 600; display: block; margin-bottom: 8px;} .brands_contact_block{margin-bottom:30px} .brand_pages #contact_form .desktop-4 { width: 100%;} .brand_pages #contact_form label{display:none} .brand_pages #contactFormWrapper input { height: 60px; font-size: 16px; border: 2px solid #999999;} .brand_pages #contactFormWrapper textarea{font-size: 16px; border:none } .brand_pages input#contactFormSubmit { color: #fff; background-color: #01406B; font-size: 20px!important; font-weight: 600; width: 185px; float: right; padding: 16px; height: auto; border: none!important;} .brand_pages input#contactFormSubmit:hover { color: #fff; background-color: #051C2C;} .cta-button{border-radius: 50px; font-size: 20px; letter-spacing: 0; text-transform: none; padding: 10px 25px; font-weight: 500; background-color: #0F1125; color: #fff;} .cta-button:hover{background-color: #363636; color: #fff;} .index-section-part-supply h2{min-height: 103px;} h2.cta__title{ min-height: auto;} .page-features1{ padding: 20px 0; text-align: center;} .page-features1 h2 {font-size: 50px; letter-spacing: 0; text-align: center; text-transform: uppercase; padding: 0 0 40px 0;font-weight: 600; color: #000; margin: 0;} ul.page-features-list1 { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; grid-gap: 15px;} ul.page-features-list1 li{width: 25%;} .page-features-list-logo a:hover{opacity:0.6} .why-us__content{padding: 70px 0; } .why-us__content h2 { color: #3c3c3c;font-size: 28px; text-align: center; margin: 0; font-weight: 600; letter-spacing: 0;} .why-us__content_div { width: 100%;} .why-us__content .desktop-6{width: 50%;} .why-us__content h2{margin-bottom:30px;} .why-us__content h3 { text-align: left; text-transform: none; letter-spacing: 0; font-weight: 600; margin: 0;} .why-us__content h2 { color: #3c3c3c; font-size: 34px; text-align: center; margin: 0; text-transform: none;} .page-brand-template .section-wrapper { display: block;} .why-us__content { padding-bottom: 0;} .why-us__content .the-wrapper{ padding-right: 50px;} .page-features { background: #f8f8f8; margin: 0; padding: 30px 0 15px;} .page-features ul{display:flex;margin: 0; padding: 0; list-style: none; flex-wrap: wrap;} .page-features ul li{width: 33.3%; margin-bottom: 15px;} .page-features-list { display: flex; align-items: center; font-weight: bold;} .page-features-list img {width: 65px;} .page-features-list-icon{width: 75px;} .content-left{width: 47.91666667%;} .content-right{width: 47.91666667%;} #shopify-section-volvo-equipment .slideshow-section .slides li img { height: 1107px;} .flex-caption-w{left: 0; right: 0; margin: auto; max-width: 1400px;} .flexslider1 { position: relative;} .slides1 {margin: 0;padding: 0;} .flex-caption-w { z-index: 9;} .content-right h2{font-weight: 500; font-size: 24px; color: #fff; margin: 0 0 20px 0; text-transform: none; letter-spacing: 0; line-height: normal;} .flex-caption-w .row{ margin: 0;} .content-form h2{font-weight: 500;margin: 0 0 20px 0; text-transform: none; letter-spacing: 0; line-height: normal; font-size: 24px; color: #01406b;} .flexslider1 .slick-slide img { height: 100%; object-fit: cover; width: auto;} .collection_description ul { margin: 0; padding: 0 0 0 15px;} .collection_description ul li, .collection_description ol li { margin-bottom: 5px;} @media screen and (max-width: 1200px){ .index-section-part-supply h2 { padding: 0!important;} } @media screen and (max-width: 991px){ .brand_pages .slideshow-section .flex-caption .slide-title { margin-top: 0!important;} .slick-initialized .slick-slide{margin:0;} .index-section-part-supply h2 { font-size: 22px!important;} } @media screen and (max-width: 1220px){ #shopify-section-volvo-equipment .slideshow-section .slides li img { height: 1218px;} } @media screen and (max-width: 995px){ #shopify-section-volvo-equipment .slideshow-section .slides li img { height: 300px;} .slideshow-section .flex-caption .slide-title { font-size: 30px;} .brand_pages .slideshow-section .flex-caption .content-form h2.caption, .brand_pages .slideshow-section .flex-caption .content-right h2.caption { font-size: 20px;} .brand_pages .slideshow-section .flex-caption .content-form h2.caption { font-size: 16px;} .content-row .cta-button{ width: 100%;font-size: 16px;} } @media screen and (max-width: 767px){ .brand_pages .slideshow-section .flex-caption .content-right { width: 100%; padding: 20px;} .brand_pages .slideshow-section .flex-caption .content-form{ width: 100%; padding: 20px;} .slideshow-section .flex-caption .slide-title { font-size: 27px!important;} .why-us__content img { width: 150px!important;} .brand_pages .slideshow-section .flex-caption { background: #01406b;} .content-right h2 { font-weight: 600; font-size: 20px;} .page-features ul { display: block;} .page-features-list-icon { width: 75px;} .page-features ul li { width: 100%;} .content-left { width: 100%;} .content-right { width: 100%;} .page-features1 h2 { font-size: 36px;} ul.page-features-list1 li { width: 48%;} ul.page-features-list1 { flex-wrap: wrap;} .page-features1 { padding: 40px 0 30px 0;} .why-us__content .desktop-6 { width: 100%;} .why-us__content .the-wrapper { padding-right: 0;} } .theme_none { display: none;} theme_block { display: block;} .collection .wacker-equipment-parts-list-bg h2{color: #000; text-transform: uppercase; font-size: 22px;} .collection-filters .wacker-equipment-parts-list-bg h2{color: #000; text-transform: uppercase; font-size: 22px;} .collection-doosan-equipment-parts .wacker-equipment-parts-list-bg h2{color: #000; text-transform: uppercase; font-size: 22px;} #collection-description .caption { width: 100%; position: relative; top: 0; padding: 0; z-index: 3; transform: none;} .wacker-equipment-parts-left{float: left; width: 32%;padding: 20px; } .wacker-equipment-parts-right{ float: left;background-color: #fff;padding: 20px 20px 20px 0;} .wacker-equipment-parts-content li {font-size: 17px;} .wacker-equipment-parts-list-bg { margin: 0; padding: 20px; background-color: #fafafa; color: #000; } .wacker-equipment-parts-list-bg h2{text-align: center; color: #000; text-transform: uppercase; font-size: 22px; margin-bottom: 20px;} .wacker-equipment-parts-content{background-color: #fff;color: #000;margin-top: 22px;} .wacker-equipment-parts-list{width: 24%;display: inline-block; vertical-align: top;} .wacker-equipment-parts-images{ text-align: center; padding: 10px 10;} .wacker-equipment-parts-images img{ width: 48%;} @media screen and (max-width: 991px){ .wacker-equipment-parts-list { width: 49%;} } @media screen and (max-width: 750px){ .wacker-equipment-parts-left{float: none; width: 100%;padding: 20px; } .wacker-equipment-parts-list{width: 100%;display: block; vertical-align: top;} .wacker-equipment-parts-right{ float: none; padding: 20px 20px 0px 20px;} .wacker-equipment-parts-list { width: 100%;} .wacker-equipment-parts-images img { width: auto;} } .page .content.page tr td{border:none} table.about-table tr{border:none!important} table.about-table tr td{border:none!important} .contact-map iframe{width: 100%;margin-bottom: 20px;} .contact-form .contact-form__content { max-width: 1010px;} .contact-form__content_form{max-width: 945px;margin-left: auto; margin-right: auto;} .contact-form__content_map{max-width: 945px;margin-left: auto; margin-right: auto;} .contact-form__content h2{ margin:0;} /* #shopify-section-template--15001463422999__main{ color: #ffffff; background: #01406b;} #shopify-section-template--15001463422999__main h2{color: #ffffff; } #shopify-section-template--15001463422999__main h3{color: #ffffff; } #shopify-section-template--15001463422999__main h4{color: #ffffff; } #shopify-section-template--15001463422999__main h5{color: #ffffff; } #shopify-section-template--15001463422999__main h6{color: #ffffff; } #shopify-section-template--15001463422999__main a{color: #f0f0f0; } #shopify-section-template--15001463422999__main a:hover{color: #ffffff; text-decoration: underline;} #shopify-section-template--15001463422999__main h1{color: #ffffff; } #shopify-section-template--15001463586839__main{ color: #ffffff; background: #01406b;} #shopify-section-template--15001463586839__main h2{color: #ffffff; } #shopify-section-template--15001463586839__main h3{color: #ffffff; } #shopify-section-template--15001463586839__main h4{color: #ffffff; } #shopify-section-template--15001463586839__main h5{color: #ffffff; } #shopify-section-template--15001463586839__main h6{color: #ffffff; } #shopify-section-template--15001463586839__main a{color: #ffffff; } #shopify-section-template--15001463586839__main h1{color: #ffffff; }*/ #shopify-section-template--15001463586839__main ol { margin: 0; padding: 0 0 0 20px;} .page-faq .one-whole.column.rte{display: none; } #shopify-section-template--15001462800407__main{border-top:1px solid #C2C2C2;} /*#shopify-section-template--15001462800407__main{ color: #ffffff; background: #01406b;} #shopify-section-template--15001462800407__main h2{color: #ffffff; } #shopify-section-template--15001462800407__main h3{color: #ffffff; } #shopify-section-template--15001462800407__main h4{color: #ffffff; } #shopify-section-template--15001462800407__main h5{color: #ffffff; } #shopify-section-template--15001462800407__main h6{color: #ffffff; } #shopify-section-template--15001462800407__main a{color: #ffffff; } #shopify-section-template--15001462800407__main h1{color: #ffffff; } .cart__remove-btn span.remove-text, .cart__remove-btn span.remove-icon { color: #ffffff;}*/ #cart_form .product-quantity-box{display: none;} .cart-special-instructions label{ font-size: 16px;} .cart-special-instructions{margin-top: 10px;} .cart-btn{margin-top: 10px;} @media screen and (max-width: 991px){ .contact__form-name { flex-basis: 100%; margin-right: 0;} .contact__form-email{ flex-basis: 100%; margin-right: 0;} .contact__form-phone{ flex-basis: 100%; margin-right: 0;} .contact__form-model{ flex-basis: 100%; margin-right: 0;} .contact__form-serial{ flex-basis: 100%; margin-right: 0;} .contact-form label, .custom-contact-form label { margin-bottom: 0;} } @media screen and (max-width: 750px){ #tag_filter{width: 100%;} .product-list--collection .thumbnail { margin-right: 0!important; margin-left: 0!important;} .product .shopify-section--product-template{padding: 10px 0px 15px 0;} .home-tab-section-title li a { font-size: 14px;} .home-tab-section-title li { margin: 0 5px; padding-bottom: 10px;} .home-tab-section-title li a { padding: 0 0 6px;} .footer { font-size: 16px;} } @media (min-width: 700px) and (max-width: 1000px){ .product-list--collection .one-third { width: 47%;margin-right: 0; margin-left: 0;} } .sticky_nav--stick .search-icon{display: none;} .prodloc{text-transform: uppercase;padding-bottom: 15px;} .prodloc b{ text-transform: none;} body {font-family: 'Barlow', sans-serif;} .nav-desktop__tier-1-link, .nav-desktop__tier-2-link, .nav-desktop__tier-3-link { font-family: 'Barlow', sans-serif;} .top-bar .top-bar__menu a, .top-bar .social_icons a, .top-bar .mobile-menu-title{ font-family: 'Barlow', sans-serif;} .cart-container .mini_cart{ font-family: 'Barlow', sans-serif;} .caption .headline{ font-family: 'Barlow', sans-serif;} .caption .subtitle{ font-family: 'Barlow', sans-serif;} h1, h2, h3, h4, h5, h6 { font-family: 'Barlow', sans-serif;} .feature-inner h2.title{ font-family: 'Barlow', sans-serif;} .shopify-section--featured-promotions .title{font-family: 'Barlow Condensed', sans-serif;} .collection_title{font-family: 'Barlow Condensed', sans-serif;} .global-button, product-cta, .custom-html-container button, .shopify-payment-button__button.shopify-payment-button__button--unbranded, .sidebar .faceted-active-filters__clear, .sidebar .faceted-active-filters__remove-filter{ font-family: 'Barlow', sans-serif;} .headline, .empty_cart, .promo-banner, .title{ font-family: 'Barlow', sans-serif;} h2, .h2, h2.title{ font-family: 'Barlow', sans-serif;} .header-search-dropdown {position: relative; width: 883px;} .header-search-dropdown .header_search_form { width: 100%; margin: auto; padding: 0; position: relative; border-bottom: solid 1px #d9d9d9; float: right;} .header-search-dropdown .header_search_form .search-terms { font-size: 15px; border: 2px solid #000;margin: 0; padding-right: 42px;color: #000; letter-spacing: 0.5px;} .header-search-dropdown .header_search_form .search-submit { top: 9px; font-size: 22px; color: #000;} .header-search-dropdown .search__results .search-title span { color: #fff;} @media screen and (max-width: 1420px){ .top-bar-width { max-width: 1200px;} .main-nav__wrapper { max-width: 1200px;} } .about-table2 {max-width: 470px;} .about-table td{vertical-align: top;} @media screen and (max-width: 750px){ table.about-table tr td{display: inline-block; width: 49%!important;} } #back-to-cart{ background-color: transparent; border: none; text-transform: uppercase; margin-top: 15px; margin-left: auto; margin-right: auto;display: block;} #back-to-cart:hover{color: #363636;} .footer-social-icons .social_icons{padding: 0;} footer .social_icons a{color: #fff} footer .social_icons a:hover{color: #7f8c8d} footer .social_icons a:visited { color: #fff;} .footer ul li .icon-youtube {top: 2px; position: relative;} @media only screen and (max-width: 798px) { footer .footer-social-icons--mobile.columns > ul {text-align: left; margin-bottom:30px;} } @media screen and (max-width: 1420px){ .nav-desktop__tier-1 {margin: 0;} .cart-container {margin-left: 3px;padding-left: 25px; } .nav-desktop__tier-1 .nav-desktop__tier-1-link { font-size: 17px;} .header-search{margin-right: 15px;} nav.nav-desktop { margin-right: 0;} .nav-desktop__tier-1 .nav-desktop__tier-1-item { padding-right: 22px;} .nav-desktop__tier-1 { column-gap: 6px;} .top-bar .top-bar__menu a { font-size: 16px; } .header-search { margin-right: 0;} .header-search-dropdown { width: 802px;} } @media only screen and (max-width: 1200px) { .mobile_logo {max-width: 167px;} .cart-container .mini_cart .cart_count { position: relative; right: 0; top: 0;} } @media only screen and (max-width: 798px) { .cart-container .mini_cart:before { display:block;} } .home-collection-bg { background-size: cover; background-position: center; color: #fff; text-align: center; padding: 60px 0 20px;} .home-collection-bg h3 {color: #fff; } .home-collection-button { display: flex; grid-gap: 2%; justify-content: center; margin-bottom: 30px;} .home-collection-button span { text-transform: uppercase; font-size: 20px; font-weight: 600; letter-spacing: 1px; border: 2px solid #fff; border-radius: 20px;padding: 5px 15px; width: 30%;} .home-collection-button span:nth-child(1){background-color:#000000} .home-collection-button span:nth-child(2){background-color:#02416c} .home-collection-button span:nth-child(3){background-color:#000000} .home-collection-info{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex;align-items: end;} .home-collection-info-bg{background-color:rgba(2,65,108,0.8); padding: 15px; width: 100%;} .home-collection-info h2{ margin: 0; padding: 0 0 0 0; font-size: 22px; font-weight: 700; color: #fff; letter-spacing: 0.5px;} .home-collection-info .btn { background-color: #ff5321; text-transform: uppercase; color: #fff; font-weight: 600; border: 2px solid #fff; border-radius: 20px; padding: 3px 10px; display: inline-block; width: 100%;} .home-collection-info .btn:hover { background-color: #000;} .home-collection-bg ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;grid-gap: 1.5%;} .home-collection-bg ul li{ width: 23.8%; position: relative; background-color: #fff; box-shadow: -2px 2px 13px 3px rgba(0,0,0,0.69);-webkit-box-shadow: -2px 2px 13px 3px rgba(0,0,0,0.69);-moz-box-shadow: -2px 2px 13px 3px rgba(0,0,0,0.69); margin-bottom: 20px;} .home-collection-block img{ display:block; object-fit: cover; object-position: center;} .home-collection-bg ul li img{-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;} .home-collection-bg ul li:hover img{ opacity:0.7;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;} .home-collection-block {height: 100%;} .home-form-bg .section{ position: relative;} .home-form-bg{position: relative; padding: 50px 0 20px 0;} .home-form-bg h2{ padding: 0 0 15px 0; margin: 0; letter-spacing: 1px; font-size: 24px; font-weight: 500;} .home-form-bg ul{ list-style: none;padding: 0; margin: 0;} .home-form-bg h3 {letter-spacing: 0;font-size: 26px; margin-bottom: 0;} .home-form-left { font-size: 28px; font-weight: 600;} .home-form-left a{ color: #02416c; text-decoration: underline;} .home-form-left a:hover{color:#000;} .home-form-bg-block{display:flex;} .home-form-left {width: 50%;} .home-form-right {width: 50%; padding-left: 35px;} .home-form-bg ul { display: flex;} .home-form-left ul li{width: 50%} .home-form-bg p {padding: 0; line-height: normal;margin: 0;} .home-form-bg div.content {padding: 0;} .home-form-bg .custom-contact-form__blocks { display: flex; flex-wrap:} .home-form-bg .custom-contact-form .contact-block {margin-bottom: 0; width: 49%;} .home-form-bg .custom-contact-form__blocks { display: flex;flex-wrap: wrap;grid-gap: 2%;} .home-form-bg:before { content: ''; background-color: rgb(245 246 248 / 75%); width: 49%; position: absolute; right: 0;height: 100%; top: 0;} .home-form-bg .global-button { padding: 0; height: auto; min-height: auto; margin-bottom: 20px;height: 44px; width: 49%;background-color: #02416c;} .home-form-bg .global-button:hover{background-color: #000;} .home-title-bg { background-color: #101221; color: #fff; text-align: center; padding: 25px 0; letter-spacing: 0.5px;} .home-title-bg h2{ color: #fff; font-size: 50px; margin: 0; padding: 0; line-height: normal; font-weight: 700;} .home-title-bg h3{ color: #fff; margin: 0; text-transform: none; letter-spacing: 0;} .home-title-bg p { margin: 0;} .home-link-bg{ padding: 40px 0 50px 0;} .home-link-bg h2{ margin: 0 0 20px 0; text-align: center; font-size: 34px; font-weight: bold; text-transform: none; letter-spacing: 0;} .home-link-bg .home-tab-section-title { list-style: none; padding: 0; margin: 0;} .contact-block-left h3 { text-transform: none; letter-spacing: 0;font-weight: 600; font-size: 30px; margin: 0 0 8px 0; padding: 0;line-height: normal;} @media screen and (max-width: 1420px){ .home-collection-info h2 { font-size: 20px;} .home-collection-info .btn{ font-size: 16px;} .home-form-bg h2 { font-size: 22px;} .home-form-bg h3 {font-size: 22px;} .home-form-left { font-size: 22px;} .home-title-bg h2 { font-size: 40px;} .home-title-bg h3 {font-size: 22px;} } @media screen and (max-width: 1200px){ .home-collection-bg { margin-top: 0;} .home-collection-info h2 {font-size: 18px;} .home-collection-info .btn {font-size: 15px;} .home-form-bg h2 { font-size: 20px; margin: 0 0 0px 0;} .home-form-left {font-size: 18px; } .home-form-bg h3 {font-size: 18px; } .home-title-bg h2 {font-size: 34px; } .home-link-bg h2 { font-size: 25px; margin: 0 0 10px 0;} .home-link-bg { padding: 40px 0 40px 0;} .contact-block-left h3 { font-size: 22px; margin: 0;} .contact-block-bg h2 { font-size: 28px; } } @media screen and (max-width: 991px){ .home-collection-button span { font-size: 16px;} .home-collection-info h2 { font-size: 16px;} .home-collection-info .btn {font-size: 14px; padding: 1px 6px; } .home-collection-info-bg { padding: 15px 10px;} .home-title-bg h2 { font-size: 28px; } .home-title-bg h3 {font-size: 18px; } .home-link-bg { padding: 0 0 0 0; } .home-collection-bg ul li { width: 32.3%;} .home-title-bg h2 {font-size: 26px; } } @media only screen and (max-width: 798px) { .home-collection-button { display: block;} .home-collection-button span {width: 100%; display: block; margin: 14px 0;} .home-collection-bg h3 { font-size: 18px;} .home-collection-bg ul li { width: 49%; } .home-collection-bg ul li img { width: 100%;} .home-form-bg-block {display: block;} .home-form-left { width: 100%;margin-bottom: 20px; } .home-form-right { width: 100%; padding-left: 0;} .home-form-bg:before{ display:none} .home-form-bg ul { display: block;} .home-form-left ul li { width: 100%;} .home-form-bg {padding: 35px 0 0 0;} .index .featured-link--half {margin:0; width: 100%;} .index .featured-link--half .description { margin-bottom: 0; } .index .featured-link--half .info { width: 90%;} .home-link-bg h2 { font-size: 23px; margin: 0 0 0 0; } .home-tab-section-title li { padding-bottom: 2px; } .home-link-bg { padding: 0 0 30px 0; } .usp-block-bg {padding: 40px 0; } .shopify-section--logo-list {padding: 40px 0 30px 0; } .shopify-section--logo-list .feature-divider { margin-bottom: 20px;} .shopify-section--logo-list h2.title { font-size: 22px; } .index .featured-link--half .info h4 { padding: 0; margin: 0;} } @media only screen and (max-width: 460px) { .home-collection-bg ul li { width: 100%; } } /*Collection*/ #contact-forms-sidebar {border: 1px solid #051c2c;} .sidebar-wrap h4 { width: 100%; text-align: center; padding: 0 10px 10px 10px; margin: 0 0 10px 0; font-weight: 600; letter-spacing: 0.5px;} .sidebar-wrap .home-collection-button {display: block; padding: 0 10px; width: 100%;} .sidebar-wrap .home-collection-button span {padding: 7px 15px; width: 100%; display: block; text-align: center;color: #fff;font-size: 16px;margin-bottom: 7px;} .sidebar-wrap .home-collection-button { margin: 0;} .contact-radio { text-transform: uppercase; font-weight: 600; font-size: 14px; margin-bottom: 10px; display: inline-block; } .contact-radio-space{padding-right: 9px;} .contact-radio input{ top: 1px; position: relative;} .sidebar-info { padding: 0 10px; line-height: normal; } .sidebar-info ul { margin: 0; padding: 0; list-style: none; font-size: 20px;} .sidebar-info ul li{margin-bottom: 16px;} .sidebar-info h5 {padding: 0; margin: 0; letter-spacing: 0.5px; font-size: 22px; color: #000;} .sidebar-info p{margin: 0 0 10px 0;} .sidebar-info ul li p{margin: 0; font-weight: 400;} .sidebar-info a{color: #02416c; text-decoration: underline;} .sidebar-info a:hover{ color: #02416c;text-decoration: none;} .btn-quote {background-color: #01406B; text-align: center; display: block; color: #fff!important; text-transform: uppercase; font-weight: 600; border-radius: 30px; padding: 6px; margin-bottom: 20px;} .btn-quote:hover {background-color: #000; color: #fff;} .sidebar-info-quote { text-align: center; padding: 0 10px;} .btn-quote a, .btn-quote a:visited{color: #fff;} .collection-title h1 { font-weight: 500;} .collapse-title {cursor: pointer; border: 1px solid #000; padding: 9px 60px 9px 20px; letter-spacing: 0; font-size: 22px;background-image: url(plus.png); background-repeat: no-repeat; background-position: 98% center; background-size: 14px; margin-top: 0; margin-bottom: 8px;} .collapse-title.open{background-image: url(minus.png); background-repeat: no-repeat; background-position: 98.2% 11px; background-size: 20px;;} .quote-caption { background-color: #01406B; color: #fff; padding: 12px 20px; text-align: left; width: 100%; font-size: 24px; margin-bottom: 10px;} .sort_by_right { display: flex; align-items: center; grid-gap: 20px; margin-bottom: 0;} #sort-by {width: 160px; padding: 0; border: none;} .collection-description-mar .product-list .thumbnail { padding: 0;} .collection-description-mar .product-list.is-flex-wrap {display: block;} .collection-description-mar .product-list .thumbnail { width: 100%; margin: 0;} .collection-description-mar{ width: 100%; margin: 0;} .collection-description-mar .product-list .product-wrap { display:none} .collection-description-mar .product-list .product-wrap-border { border: none; border-radius: 0; display: flex; align-items: baseline;} .collection-description-mar .product-info__caption { margin: 0!important;} .collection-description-mar .product-list div:nth-child(even) .product-wrap-border {background-color: #e3fbff;} .collection-description-mar .product-list div:nth-child(odd) .product-wrap-border {background-color: #fff;} .sort_by_right label { margin: 0;} .collection-description-mar .prodSku { margin-bottom: 0;} .collection-description-mar .list-link{display:none} .collection-description-mar .purchase-details{ margin-bottom: 0; padding: 0; display: flex;align-items: baseline;} .collection-description-mar .product-quantity-box.purchase-details__quantity { margin-bottom: 0; margin-top: 0;} .collection-description-mar .product_form{ width: 45%; } .collection-description-mar .product-details {width: 55%;} .purchase-details__buttons {text-align: right;} .collection-description-mar .thumbnail .title { margin-bottom: 5px;} .paginate { margin-top: 20px;} #collection-description { padding-bottom: 10px;} @media screen and (max-width: 1200px){ .collection .shopify-section--collection-template h1 { font-size: 24px; } .collection-filters .shopify-section--collection-template h1 { font-size: 24px; } .collection-doosan-equipment-parts .shopify-section--collection-template h1 { font-size: 24px; } .sidebar-wrap h4 { font-size: 16px;} .sidebar-wrap .home-collection-button span { font-size: 15px;} .collapse-title { font-size: 18px;} .quote-caption { font-size: 18px;} .collection-description-mar .purchase-details { justify-content: end;} .collection-description-mar .product-quantity-box.purchase-details__quantity { margin-bottom: 10px;} .collection-description-mar .product_form { margin-bottom: 0;} .product-list .product-wrap-border { padding: 20px 15px 20px 15px; } } @media screen and (max-width: 991px){ #shopify-section-template--21293059047447__main .sidebar { width: 30%;} #shopify-section-template--21293059047447__main .has-sidebar-option { width: 70%;} .collection .shopify-section--collection-template h3 { font-size: 18px; } .sidebar-wrap .home-collection-button span { font-size: 13px; letter-spacing: 0; padding: 5px 0; } .contact-radio-space { margin-bottom: 0;} .sidebar-info h5 { font-size: 16px;} .sidebar-info ul { font-size: 16px;} .sidebar-info p {line-height: normal;} .btn-quote{font-size: 14px;} .sidebar-info-quote { font-size: 16px;} .sidebar-wrap {padding-right: 5px;} } @media only screen and (max-width: 798px) { .collection-description-mar .product-details { width: 100%;} .collection-description-mar .product-list .product-wrap-border { display: block;} .collection-description-mar .product_form { width: 100%;} .collapse-title { padding: 9px 32px 9px 15px;} .sidebar-wrap h4 { margin-bottom: 0; } .sidebar-wrap .home-collection-button span:first-child { margin-top: 8px; } .sidebar-wrap .home-collection-button span{ margin-top: 5px;} #contact-forms-sidebar form{padding-top:0; padding-bottom:0;} .collection .shopify-section--collection-template h1 { font-size: 20px; margin-bottom: 0;} .collection-filters .shopify-section--collection-template h1 { font-size: 20px; margin-bottom: 0;} .collection-doosan-equipment-parts .shopify-section--collection-template h1 { font-size: 20px; margin-bottom: 0;} .collapse-title { font-size: 16px; } .collapse-title{background-position: 96% 16px;} .quote-caption { font-size: 17px; padding: 10px 12px; line-height: normal;} .thumbnail .title { font-size: 16px;} .collection-description-mar .prodSku { font-size: 15px;} .contact-block-bg {padding: 20px 0;} .contact-block-left h3 {font-size: 16px; padding-bottom: 5px;} .contact-block-bg h2 { font-size: 20px; line-height: normal; } .contact-block-right a {padding: 14px 22px;} .footer { padding: 25px 0 15px 0;} #header .top-bar a.mobile_logo{ right: 86px;} .footer .footer-menu-wrap h6 { margin: 0 0 10px; padding: 10px 0 0; border-bottom: none; } .ftr-w-0 { padding-bottom: 0; } footer .toggle_content { padding-left: 0; padding-right: 0;} .home-title-bg p {line-height: 22px;} .index .featured-link--half .info{ padding-top:10px} .index .featured-link--half .collection_title { margin-bottom: 0;} .index .featured-link--half .description p{ line-height: 23px;} } @media only screen and (max-width: 460px) { .collection-description-mar .purchase-details { display: block;} .purchase-details__buttons { text-align: left;} } .page-contact-form{ display:flex} .slideshow-section-image-bg {position: absolute; height: 100%; width: 100%;} .slideshow-section-image-bg ul{height: 100%; } .slideshow-section-image-bg div{height: 100%; } .page-content-black-bg{ background-color:#000;color: #fff; padding: 40px 0 30px 0; font-size: 20px; line-height: normal; line-height: 24px;} .page-content-black-bg a{color: #fff; } .page-content-black-bg a:hover{color: #fff; } .page-content-black-bg ul {padding: 0 0 0 20px;} .page-content-black-bg p{line-height: 26px; margin: 0 0 20px;} .page-content-black-bg h2{color: #fff; text-transform: none; letter-spacing: 0; font-weight: 500;font-size: 24px; margin-top: 0;} .page-content-black-bg h3{color: #fff; text-transform: none; letter-spacing: 0; font-weight: 500; margin-top: 0; margin-bottom: 0; font-size: 24px;} .page-content-black-bg h4{color: #fff; text-transform: none; letter-spacing: 0; font-weight: 500; margin-top: 0; margin-bottom: 0; font-size: 24px;} h3.sub-slide-title {color: #000; text-transform: none; letter-spacing: 0; font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 0;} .slideshow-section .flex-caption .content-form { padding: 15px 40px;} h4.sub-slide-title1 { text-align: center; letter-spacing: 0; font-size: 24px; margin-bottom: 20px;} .content-form .home-collection-button span { border: 2px solid #000; text-align: center; color: #fff; font-size: 24px; font-weight: 600; letter-spacing: 1px; border-radius: 20px; padding: 7px 15px 10px 15px; width: 32%;} .page-contact-form-left { width: 34%; padding-right: 30px;} .page-contact-form-right{ width: 65%;} .page-contact-form-left h2{ color: #000; font-weight: 400;} .slideshow-section .brands_contact_block a {padding: 0; display: inline-block; color: #02416c; font-size: 26px; font-weight: 600; margin: 0 0 5px 0; text-decoration: underline;} .slideshow-section .brands_contact_block a:hover{text-decoration: none;} .content-form h2 { margin: 0 0 40px 0;} .brand_pages #contactFormWrapper{background-color: #f5f6f8; padding: 0;} .brand_pages .contactFormWrapper{ display: flex; flex-wrap: wrap; grid-gap: 2%;padding: 20px 20px 0 20px} .brand_pages #contactFormWrapper input { height: auto; font-size: 16px; border: none;} .brand_pages #contactFormWrapper input::placeholder {color: #000; opacity: 1;} .brand_pages #contactFormWrapper input::-ms-input-placeholder { color: #000;} .brand_pages #contactFormWrapper textarea::placeholder {color: #000; opacity: 1;} .brand_pages #contactFormWrapper textarea::-ms-input-placeholder { color: #000;} .brand_pages #contact_form .desktop-4 { width: 49%;} .brand_pages #contact_form .desktop-4.contact-method-block { width: 100%; display: flex; padding-bottom: 25px; padding-top: 20px;} .contact-method-block-left{width: 25%;} .contact-method-block-right{width: 75%;} .brand_pages #contact_form .desktop-4.contact-method-block label{ display: inline-block; font-weight: 400; font-size: 20px; } .contact-method-block-right label {width: 45%;} .contact-method-block .contact-radio {font-weight: 500; font-size: 22px;} .brand_pages .contact-radio {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .brand_pages .contact-radio input {position: absolute; opacity: 0; cursor: pointer;} .brand_pages .contact-radio .checkmark {position: absolute; top: 0; left: 0; height: 30px; width: 30px; background-color: transparent; border-radius: 50%; border: 1px solid #b2b3b5;} .brand_pages .contact-radio:hover input ~ .checkmark {background-color: transparent;} .brand_pages .contact-radio input:checked ~ .checkmark {background-color: #fff; border:1px solid #000;} .brand_pages .contact-radio .checkmark:after { content: ""; position: absolute; display: none;} .brand_pages .contact-radio input:checked ~ .checkmark:after { display: block;} .brand_pages .contact-radio .checkmark:after { top: 6px; left: 6px; width: 16px; height:16px; border-radius: 50%; background: #000;} .brand_pages #contact_form .desktop-12 { width: 100%;} .brand_pages input#contactFormSubmit { width: 100%; text-transform: uppercase; position: relative; float: none; margin: auto;} .page-cta-button { padding-top: 20px;} .flex-caption .home-collection-button{ margin-bottom: 18px;} .brand_pages .successForm { padding-top: 10px;} .brand_pages .slideshow-section .flex-caption .successForm p{color: #000;} @media screen and (max-width: 1200px){ h3.sub-slide-title { font-size: 28px;} .content-form h2 { font-size: 20px;} .brands_contact_block b { font-size: 22px;} .slideshow-section .brands_contact_block a { font-size: 20px;} .contact-method-block-left { width: 32%;} .contact-method-block-right {width: 71%;} .brand_pages #contact_form .desktop-4.contact-method-block label { font-size: 18px;} .brand_pages #contact_form .desktop-4.contact-method-block label { font-weight: 400; font-size: 15px;} .content-row .cta-button { padding: 20px 66px 20px 25px; font-size: 20px;} .page-content-black-bg h3 { font-size: 22px;} .page-content-black-bg { font-size: 18px;} .index-section-part-supply h2 { font-size: 20px!important;} .page-features1 h2 { font-size: 36px;} .why-us__content h2 { font-size: 28px;} .why-us__content div.mobile-full { margin-bottom: 0!important;} .contact-block-bg { padding: 50px 0 50px 0;} .contact-block-bg h2 { font-size: 26px; } .why-us__content { padding-bottom: 10px; padding-top: 30px;} .index-section-part-supply { margin: 40px 0!important;} .content-form .home-collection-button span{padding: 5px 15px 7px 15px; font-size: 20px;} .brand_pages .slideshow-section .flex-caption .slide-title { margin-top: 150px !important;} .slideshow-section .flex-caption .slide-title { font-size: 32px!important;} h3.sub-slide-title { font-size: 26px; } h4.sub-slide-title1 { font-size: 22px;} .page-content-black-bg h2{ line-height: normal;} } @media screen and (max-width: 798px){ .slideshow-section .flex-caption .slide-title { font-size: 22px !important; } h3.sub-slide-title {font-size: 22px; line-height: normal; } h4.sub-slide-title1 { font-size: 20px; } .content-form .home-collection-button span {font-size: 20px; width: 100%; } .page-contact-form-left {width: 100%; padding-right: 0;} .page-contact-form {display: block;} .content-form h2 { margin: 0 0 15px 0;} .contactFormWrapper {display: block; padding: 0;} .brand_pages #contact_form .desktop-4 { width: 100%;} #contactFormWrapper {padding: 0; width: 100%;} .page-contact-form-right { width: 100%;} .brand_pages #contact_form .desktop-4.contact-method-block { display: block;} .contact-method-block-left { width: 100%; } .contact-method-block-right { width: 100%; } .content-row .cta-button { padding: 15px 18px!important; font-size: 15px; background-image: none;line-height: normal; border-radius: 20px;} .page-content-black-bg h2 { font-size: 22px;} .page-content-black-bg h3 { font-size: 20px; } .index-section-part-supply .content-left, .index-section-part-supply .content-right { padding: 0 10px;} .brand_pages .contactFormWrapper { padding: 20px 0 0 0;} .slideshow-section-image-bg { position: relative; height: auto; width: 100%;} .slideshow-section-image-bg ul { height: 320px;} .flexslider1 .slick-slide img{ height: 320px; object-fit: cover; width: 100%;} .slideshow-section-image-bg div { height: 320px;} .brand_pages .slideshow-section .flex-caption .slide-title { margin-top: 0 !important; } .brand_pages #contactFormWrapper { background-color: transparent;} .brand_pages #contact_form .desktop-4.contact-method-block { padding-bottom: 15px; padding-top: 0;} } .home-form-bg {background-image: url(//md7uuj84as1m0hsl-11617292.shopifypreview.com/cdn/shop/files/SourceMyParts_HalfPage_2048x.jpg?v=1670293030); background-size: cover;} .home-form-left{color:#fff} .home-form-left a{color:#fff} .home-form-left h2{color:#fff} .home-form-left h3{color:#fff} .home-form-bg form { margin-bottom: 0;} .home-collection-bg h3 { color: #000;} .home-collection-bg { color: #000;} .home-collection-bg ul li { box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.1);} .header {border-bottom: 1px solid #0F1125; padding-bottom: 3px;} .home-form-left a:hover{color:#fff; text-decoration: none;} .home-collection-info .btn { background-color: #fff; color: #000;} .home-collection-info .btn:hover { background-color: #000; color: #fff;} @media screen and (max-width:1200px){ #header.mobile_nav-fixed--true{border-bottom: 1px solid #0F1125; padding-bottom: 5px; background-color: #fff;} } @media screen and (max-width: 798px){ .home-form-bg h2{color:#fff} .sidebar-wrap { padding-right: 0; margin: 0;} } .nav-desktop__tier-1 .nav-desktop__tier-1-link{border-bottom:none} .nav-desktop__tier-1 .nav-desktop__tier-1-link:hover{ color:#848484;} .description ul{padding: 0 0 20px 18px; margin: 0;} .description ul li{margin: 0 0 5px 0;} .description h3 {margin-bottom: 0; font-size: 20px;} @media screen and (max-width:1420px){ .list-quote{ display:none!important} } .top-bar__menu [class^=icon-]:before{ font-size: 20px;} .top-bar .social_icons {padding-left: 0;padding-top: 4px;} .top-bar .social_icons li { padding: 5px 7px;} .top-bar li.social-icons-header{ padding-left: 15px; padding-right: 15px;} .top-bar .social_icons li a.icon-youtube{ top: 3px;} .header-search{float: right;} .nav .nav-desktop { margin-bottom: 8px;} .sticky_nav--stick{ padding:0} .home-about{padding:50px 0} @media screen and (max-width: 798px){ .home-about{padding:10px 0} #shopify-section-template--21293059375127__13da7678-e72b-4441-b04b-baf56bb4267d{padding-bottom:0} } .home-collection-block a{ display:block} @media screen and (max-width: 798px) { .page-features1 h2 { font-size: 22px;} } .slideshow-section-image-bg { display: none;} .brand_pages .flexslider1:after{ display: none;} .atir-banner{ background-color: #0F1125; max-width: 100%; width: 100%; color: #fff; text-align: center; font-size: 26px;font-weight: 700; padding: 15px 15px 18px 15px;} .atir-image-content{padding:30px 0;} .featured-promotions.full-width--false .feature-section { padding: 0;} .atir-page-block{} .page-atir .featured-link--half .info {padding: 0 0 0 50px;} .page-atir .featured-link--half .info { margin: 0 auto; width: 100%;} .atir-image-content {padding: 30px 8%;} .page-atir .shopify-section--featured-promotions {padding: 0;} .page-atir .featured-promotions.full-width--false .feature-section { margin-bottom: 20px;} .atir-page-block .featured-promotions .feature-section .feature-wrap {top: inherit; padding: 10px 20px 20px 20px; width: auto;margin: 0 auto; left: 0; right: inherit; display: flex; flex-direction: column;align-content: center; justify-content: end; text-align: left; transform: none; height: 100%;} .atir-page-block .featured-promotions .feature-section .feature-details { display: block !important; opacity: 100!important; height: auto !important;} .atir-page-block .feature-inner h2.title {padding: 0;margin: 0; line-height: normal;} .atir-page-block .featured-promotions .feature-section.title-overlay-true .title:after{display: none; } .featured-promotions h2.mtitle { padding: 0 0 0 10px; margin: 0; font-weight: 500;letter-spacing: 0; text-transform: none; color: #02416c;} .featured-promotions.mtitle-container{padding: 20px 0 0 0; margin: 0;} .atir-image-content .global-button { border-radius: 50px;} .atir-page-block .global-button {border-radius: 50px; text-transform: none; letter-spacing: 0; } .atir-page-block .featured-promotions .feature-section .global-button{background-color: #fff; color: #000;font-weight: 500; border:none} .atir-page-block .featured-promotions .feature-section:hover .global-button{background-color: #e8e8e8; color: #000; } .atir-page-block .featured-promotions .feature-section:hover .feature-overlay{background-color: transparent!important;} .atir-products .featured-promotions .feature-section .feature-style--circle img { border-radius: 100%; } .atir-products .featured-promotions .feature-section .feature-style--circle {border-radius: 100%; border: 1px solid #02416c;} .atir-products .title {font-size: 20px; color: #02416c; margin-bottom: 10px; line-height: normal;} .atir-products .global-button {background-color: transparent; color: #000; text-transform: none; letter-spacing: 0; border: none; padding: 0; font-size: 16px; line-height: normal; background-image: url(arrow.png); background-size: 18px; background-repeat: no-repeat; background-position: 94% 7px; padding-right: 35px;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s; padding-bottom: 5px; padding-top: 5px;} .atir-products .global-button:hover{background-color: transparent;color: #02416c; background-image: url(arrow.png); background-size: 18px; background-repeat: no-repeat; background-position: 100% 7px; -webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} .atir-products .featured-promotions .feature-section:hover .feature-overlay{background-color: transparent!important;} .atir-products .featured-promotions .feature-section:hover img{transform: scale(1.1); transition: 200ms!important; } .atir-products .featured-promotions .feature-section img{transition: 200ms!important;} .featured-promotions-block-list{ margin-bottom: 30px;} @media screen and (max-width: 1200px){ .atir-banner { margin-top: 96px;} .atir-image-content {padding: 30px 0;} .page-atir .featured-link--half .info {padding: 0 0 0 20px;} .atir-products .title { font-size: 18px;} } @media screen and (max-width: 1024px){ .featured-promotions-block-list{ width: 100%; overflow: auto; margin-bottom: 30px;} .featured-promotions-block-list .container { width: 1200px;} } @media only screen and (max-width: 798px) { .atir-products .medium-down--one-whole { width: calc(16.6666666667% - 20px);} .atir-image-content{padding-bottom:0} .atir-products .featured-promotions .feature-section .feature-overlay {display:none } .page-atir .featured-promotions.mtitle-container { padding: 0;} .page-atir .featured-link--half .info { padding: 20px 0 0 0; } .page-atir .featured-link--half .description { margin-bottom: 0;} .atir-banner{font-size: 20px;} .menu a{padding-top: 5px; padding-bottom: 5px;} } .page-service1 .shopify-section--featured-promotions{padding: 0;} .page-service2 .shopify-section--featured-promotions{padding: 0;} .page-service3 .shopify-section--featured-promotions{padding: 0;} .page-service4 .shopify-section--featured-promotions{padding: 0;} .page-service5 .shopify-section--featured-promotions{padding: 0;} .page-service6 .shopify-section--featured-promotions{padding: 0;} .page-service7 .shopify-section--featured-promotions{padding: 0;} .page-service8 .shopify-section--featured-promotions{padding: 0;} .page-service9 .shopify-section--featured-promotions{padding: 0;} .page-service10 .shopify-section--featured-promotions{padding: 0;} .page-service11 .shopify-section--featured-promotions{padding: 0;} .page-service12 .shopify-section--featured-promotions{padding: 0;} .page-service13 .shopify-section--featured-promotions{padding: 0;} .page-service14 .shopify-section--featured-promotions{padding: 0;} .page-service15 .shopify-section--featured-promotions{padding: 0;} .service-icon .featured-promotions .feature-section img { width: 85px;} .service-icon .title { font-size: 18px;} .service-icon .one-fourth { width: calc(20% - 20px);} @media only screen and (max-width: 798px) { .service-icon .featured-promotions .feature-section img { width: 65px;} .service-icon .one-fourth { width: calc(50% - 20px);} .service-icon .title { font-size: 15px;} } .widemenu__link:visited{} .home-instagram { text-align: center; padding-bottom: 80px;} @media only screen and (max-width: 798px) { .home-instagram { padding-bottom: 50px;} } .procurement-services-block {padding: 80px 0;border-bottom:1px solid #D6D6D6;} .procurement-services-block h2 {margin: 0 0 50px 0; padding: 0;text-align: center; font-size: 60px; font-weight: 700;} .procurement-services-block-list {display: flex; grid-gap: 40px;} .procurement-services-block-image{width: 32%;} .procurement-services-block-content{width: 68%;} .procurement-services-block-content ul li{ border-bottom:1px solid #D6D6D6; list-style: none; padding: 0 0 10px 0; margin: 0 0 25px 0; } .procurement-services-block-content ul li:last-child{border-bottom:none;padding: 0 0 0 0; margin: 0 0 0 0; } .procurement-services-block-content ul {list-style: none; padding: 0; margin: 0} .procurement-services-header { display: flex; margin-bottom: 6px; grid-gap: 20px;} .procurement-services-header h3{margin: 0; padding: 0; text-transform: none; letter-spacing: 0;font-weight: 600;} .procurement-services-block-image img {display: block;margin-bottom: 15px;} .procurement-services-block2 .featured-promotions h2.mtitle {text-transform: uppercase; margin: 0 0 30px 0!important; color: #030303!important;padding: 0!important;text-align: center!important; font-size: 60px!important; font-weight: 700!important;} .procurement-services-block2 .featured-promotions .feature-section img { width: 42px;} .procurement-services-block2 .title { font-size: 18px; padding-bottom: 55px; font-weight: 300;} .page-procurement-services .shopify-section--featured-promotions { padding: 80px 0 0!important;} .procurement-services-block2 .featured-promotions.mtitle-container { padding: 0 0 0 0; margin: 0; width: 100%; display: block;} .procurement-services-block2 .feature-section { border: 1px solid #D6D6D6; border-radius: 10px; align-items: center; display: flex;flex-direction: column;justify-content: center;} .procurement-services-block2 .feature-section .feature-inner { width: 100%; padding-top: 55px;} .procurement-services-block2 .feature-section a{ display: block;width: 100%;} .procurement-services-block2 .feature-section:hover{background-color: #F2F2F2;} .procurement-services-block2 .featured-promotions.full-width--false .feature-section { margin-bottom: 30px;} @media only screen and (max-width: 1200px) { .procurement-services-block { padding: 60px 0;} .procurement-services-block h2 { font-size: 50px;} .procurement-services-header h3 { font-size: 20px;} .procurement-services-block2 .featured-promotions h2.mtitle { font-size: 50px !important;} } @media only screen and (max-width: 1000px) { .procurement-services-block { padding: 60px 0;} .procurement-services-block h2 { font-size: 40px;} .procurement-services-header h3 { font-size: 20px;} } @media only screen and (max-width: 798px) { .procurement-services-block2 .featured-promotions .feature-section img { width: 42px;} .procurement-services-block2 .one-fourth { width: calc(50% - 20px);} .procurement-services-block2 .title { font-size: 15px;} .procurement-services-block h2 {font-size: 30px; margin-bottom: 20px; } .procurement-services-block-list { display: block;} .procurement-services-block-image { width: 100%;} .procurement-services-block-content { width: 100%;} .procurement-services-block2 .featured-promotions h2.mtitle { font-size: 24px !important; margin-bottom: 0 !important; } .procurement-services-block2 .feature-section .feature-inner { padding-top: 25px;} .procurement-services-block2 .title { padding-bottom: 20px;} .procurement-services-block { padding: 30px 0; } .page-procurement-services .shopify-section--featured-promotions { padding: 40px 0 0 !important;} .page-procurement-services .banner.homepage-slideshow .caption .headline { font-size: 22px; } .page-procurement-services .banner.homepage-slideshow .global-button { font-size: 16px;} .page-procurement-services .banner.homepage-slideshow .caption .subtitle { margin-bottom: 0; } } #aaa-form-builder .aaaformbuilder_form .fb-submit button { width: 100%; padding: 15px; font-weight: 500;} #aaa-form-builder .aaaformbuilder_form .fb-submit button:hover { background: #23254b!important;} .sidebar-wrap #aaa-form-builder label{display:none!important;} .sidebar-wrap #aaa-form-builder .radio-group label{display:inline!important;text-transform: uppercase;} .sidebar-wrap #aaa-form-builder .radio-group {display: flex; grid-gap: 7px; flex-wrap: wrap;} .sidebar-wrap #aaa-form-builder .radio-group input { height: 26px; padding: 0; margin: 0;} @media only screen and (min-width: 798px) { .contact-form__content_form .aaaformbuilder_form .form-group {float: left; width: 33.3333%; padding-right: 20px;} .contact-form__content_form .aaaformbuilder_form .form-group.field-text-2024917282210 {padding-right: 0;} .contact-form__content_form .aaaformbuilder_form .form-group.field-select-1726549082821 {padding-right: 0;} .contact-form__content_form .aaaformbuilder_form .form-group.field-textarea-1481364899702{float: none; width: 100%;padding-right: 0;} .contact-form__content_form .aaaformbuilder_form .form-group.fb-submit{float: none; width: 100%;padding-right: 0;} } #form-contact {clear: both;} .section.contact-map{clear: both;} #the-contact-form #aaa-form-builder{ background-color: transparent!important;} #the-contact-form #aaa-form-builder label{display:none!important;} #the-contact-form .aaaformbuilder_form .fb-submit button { width: 185px; float: right; padding: 15px; font-size: 20px !important; font-weight: 500; background: #01406B!important} #the-contact-form .aaaformbuilder_form .fb-submit button:hover { background: #23254b!important;} #the-contact-form .aaaformbuilder_form input {font-size: 16px; border: 2px solid #999999; height: 60px;} #the-contact-form .aaaformbuilder_form textarea { font-size: 16px; border: 2px solid #999999;} #the-contact-form .aaaformbuilder_form select { font-size: 16px; border: 2px solid #999999;height: 60px;} #the-contact-form #aaa-form-builder .aaaformbuilder_form .fb-submit button { font-size: 14px !important; background-color: #01406B !important;font-size: 20px !important;} #the-contact-form #aaa-form-builder .aaaformbuilder_form .fb-submit button:hover{ background-color: #23254b!important;} .aaaformbuilder_form .success{ clear: both; border: none!important;} .read-txt-less{ display:none} .read-txt-less{ display:none} #readmore-description{display:none} .readmore-button-open .read-text-more{ display:none; color:#000} .readmore-button-open .read-txt-less{ display:block} .image-text__button.readmore-button:hover{color:#fff!important} a.readmore-button:hover span { color: #fff!important;} a.readmore-button:hover, a.readmore-button:focus {color: #000;} .description.readmore-description{margin-bottom: 0;} .home-content-s b, .home-content-s strong { font-weight: 500;} .home-content-s { padding-bottom: 50px; } .logo-text{ text-align:center;padding-bottom: 50px;} .page-procurement-services .banner.homepage-slideshow .caption .headline { font-size: 50px;} .page-procurement-services .banner.homepage-slideshow .caption .subtitle {font-size: 22px; line-height: normal;} @media only screen and (max-width: 1200px) { .page-procurement-services .banner.homepage-slideshow .caption-content { max-width: 100%;} } @media only screen and (max-width: 991px) { .page-procurement-services .banner.homepage-slideshow .caption .headline {font-size: 40px;} .page-procurement-services .banner.homepage-slideshow .caption .subtitle {font-size: 18px;} } @media only screen and (max-width: 767px) { .page-procurement-services .banner.homepage-slideshow .caption .headline { font-size: 20px; line-height: normal;} .page-procurement-services .banner.homepage-slideshow .caption .subtitle {font-size: 16px;} .page-procurement-services .banner.homepage-slideshow .caption .subtitle p { margin: 0 0 10px; font-style: normal; line-height: 1.4em;} /* .page-procurement-services .flickity-viewport{ height: 450px!important;}*/ } @media only screen and (max-width: 450px) { /*.page-procurement-services .flickity-viewport { height: 550px !important; }*/ .page-procurement-services .banner.homepage-slideshow .gallery-cell img { height: 620px; } .page-procurement-services .banner.homepage-slideshow .caption { transform: translate(0, -60%);} } .no-i-it-section .image-with-text__image-column { display: none;} .no-i-it-section .container{display:block} .no-i-it-section .one-half { width: 100%;} .no-i-it-section .featured-link--half .info { width: 100%; margin: 0 auto; padding: 0;} .pro-content .featured_text{margin-top:0} .pro-content ul{padding: 0 0 0 20px; margin: 0; } #shopify-section-template--22387188531223__featured_text_jctj9J{ padding: 0;} .procurement-services-top-space{margin-top: -70px;} .prom-title-section .feature-divider{display:none} .prom-title-section .rich-text__heading.title { text-transform: uppercase; margin: 30px 0 0 0 !important; color: #030303 !important; padding: 0 !important; text-align: center !important; font-size: 60px !important; font-weight: 700 !important;} @media only screen and (max-width: 991px) { .prom-title-section .rich-text__heading.title{font-size: 40px !important; margin: 0 !important;} } @media only screen and (max-width: 767px) { .prom-title-section .rich-text__heading.title{font-size: 30px !important; margin: 0 !important;} } #shopify-section-template--21667465003031__faq_jY4DQc{padding-bottom:30px;} .collection-title-h1 { font-weight: 500; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; font-size: 30px; margin: 0 auto 15px; clear: both; font-weight: 500; padding-top: 4px;} @media screen and (max-width: 1200px) { .collection-title-h1 { font-size: 24px; } } @media only screen and (max-width: 798px) { .collection-title-h1 { font-size: 20px; margin-bottom: 0; } } .container-full { width: 100%;} .form-content{color:#000;text-align: center;} .form-content p{ color: #000 !important; text-align: center;} .section-page-acc{padding-top:50px; padding-bottom:50px;} .faqAccordion-cus{ margin-bottom:60px; margin-top: -50px;} .page-call-block { background-color: #F2F2F2; padding: 80px 0;} .call-info-section-box { width: 100%;} .call-info-section-box h3 { text-align: center; color: #fff; font-size: 24px; font-weight: 600; letter-spacing: 1px; width: 100%; } .call-info-section-box h3 span{ border: 2px solid #000; color: #fff; background-color: #000000; border-radius: 20px; padding: 8px 60px 9px 60px; width: 440px; display: inline-block; } .call-info-section-cnt { text-align: center; font-size: 24px;padding-bottom: 14px;} .call-info-b { padding-bottom: 25px;} .call-info-section-box ul { display: flex; list-style: none; padding: 0; margin: auto; justify-content: center; padding: 0 0 0 22px} .call-info-section-box h4 { color: #000; font-size: 26px; font-weight: 600; display: block; padding:0; margin:0; margin-bottom: 8px;} .call-info-cnt-phone a { padding: 0; display: inline-block; color: #02416c; font-size: 28px; font-weight: 600; margin: 0 0 5px 0; text-decoration: underline; background-image: url(brand_phone.png); background-repeat: no-repeat; background-position: left; padding-left: 28px !important;} .call-info-cnt-phone a:hover{text-decoration: none;} .call-info-cnt-mail a { padding: 0; display: inline-block; color: #02416c; font-size: 28px; font-weight: 600; margin: 0 0 5px 0; margin-right: 18px; text-decoration: underline; background-image: url(brand_mail.png); background-repeat: no-repeat; background-position: left 10px; padding-left: 28px !important;} .call-info-cnt-mail a:hover{text-decoration: none;} @media screen and (max-width: 991px) { call-info-section-box h4 { font-size: 22px;} .call-info-cnt-phone a { font-size: 20px;} .call-info-cnt-mail a{ font-size: 20px;} .call-info-section-box ul { padding: 0;} .call-info-section-cnt { font-size: 20px;} .call-info-section-box h3 { font-size: 22px;} .call-info-section-box h4 { font-size: 20px;} } @media screen and (max-width: 767px) { .call-info-section-box h3 span{ padding: 8px 20px 9px 20px; width: 100%;} .call-info-section-box ul { display: block;} .page-call-block { padding: 80px 0 60px;} .FAQ div.content{padding: 50px 0px 15px 0;} } .call-info-b{ display:flex; grid-gap: 24px;} .call-info-b-l{ width:50%} .call-info-b-r{ width:50%} .custom-content-left-right svg{display:none} .custom-content-left-right ul { padding-left: 20px;} .custom-title1 h1.title{margin-bottom: 0px;} .custom-title1 .feature-divider{display: none;} .custom-title1 .featured_text{display: none;} .custom-banner-1 .banner.homepage-slideshow .gallery-cell img{height: 568px;} @media screen and (max-width: 1499px) { .custom-banner-1 .banner.homepage-slideshow .gallery-cell img{height: 450px;} } @media screen and (max-width: 991px) { .custom-banner-1 .banner.homepage-slideshow .gallery-cell img{height: 400px;} } @media screen and (max-width: 767px) { .custom-banner-1 .banner.homepage-slideshow .gallery-cell img{height: 300px;} } .rap-section img { width: 200px; } .rap-section .one-half { width: auto; } .rap-section .featured-link--half{ background-color:transparent} .rap-section .image-with-text-container { background-color: #ededed; padding: 10px 1px; width: 460px; margin: 0; } .rap-section .info { width: 100%; margin: 0 auto; padding: 0; } @media screen and (max-width: 767px) { .rap-section .image-with-text-container{width: 100%; justify-content:center;} .rap-section .info { margin-top: -20px; margin-bottom: 20px;} #shopify-section-template--23316256620567__image_text_wdB7pQ .image-with-text-container { margin-top: 0!important; margin-bottom: 0!important;} } .team-list h2.title span { display: block; font-size: 18px; font-weight: 400; font-family: "DM Sans", sans-serif;} #shopify-section-template--23601445601303__featured_promotions_YU8a4y{padding-top:60px;} .team-list .featured-promotions.full-width--false .feature-section { margin-bottom: 20px;} .page-sustainability .featured-promotions.full-width--false .feature-section { margin-bottom: 20px;} .team-content ul { padding: 0 0 0 20px; } @media only screen and (min-width: 1200px) { .team-list .one-fourth { width: calc(20% - 20px);} } .team-icons .featured-promotions .feature-section img { width: 85px;} .team-icons .title { font-size: 20px;} @media only screen and (max-width: 798px) { .team-icons .featured-promotions .feature-section img { width: 65px;} .team-icons .one-fourth { width: calc(50% - 20px);} .team-icons .title { font-size: 15px;} } p.s-content{color:#000} .team-banner .headline { font-size: 80px; text-transform: none; font-weight: 700; margin-bottom: 12px;} .team-banner .subtitle { font-size: 28px; text-transform: none; margin-bottom: 25px;} .team-banner .full-width--true .caption { max-width: 1400px;} .team-banner .caption-content{max-width: 80%;} @media only screen and (max-width: 1400px){ .team-banner .headline { font-size: 68px;} .team-banner .subtitle { font-size: 22px;} } @media only screen and (max-width: 1200px){ .team-banner .caption-content { max-width: 100%;} } @media only screen and (max-width: 767px){ .team-banner .headline { font-size: 32px;} .team-banner .subtitle { font-size: 15px;} } @media only screen and (min-width: 991px){ .rap-section {position: absolute; left: 0; margin: auto; right: 0; display: flex; align-items: center; justify-content: end; z-index: 1;} } @media only screen and (min-width: 1200px){ .rap-section { padding-right: 120px;} } #shopify-section-template--23316256587799__featured_text_yHMbaW{background-color: #02416c; padding: 88px 0; color: #fff;} #shopify-section-template--23316256587799__featured_text_yHMbaW a{color: #fff;} #shopify-section-template--23316256587799__featured_text_yHMbaW a:hover{ text-decoration:underline} #shopify-section-template--23316256587799__featured_text_yHMbaW h2{color: #fff;} @media only screen and (max-width: 767px){ #shopify-section-template--23316256587799__featured_text_yHMbaW{padding: 30px 0 50px 0;} } #shopify-section-template--23601445601303__featured_promotions_AgqHcf .featured-promotions.full-width--false .feature-section{margin-bottom: 15px;} #shopify-section-template--23601445601303__featured_promotions_YU8a4y h2.mtitle { padding: 0 0 12px 0; margin: 0 0 5px 10px; font-weight: 500; letter-spacing: 0; text-transform: none; color: #02416c; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; font-size: 27px; margin-bottom: 0.75em; margin-bottom: 20px; display: block; border: 0; border-color: #aaaaaa; border-bottom-width: 1px; border-bottom-style: solid; width: 100%; } .team-list .container { justify-content: center; } .page-follow-us .rich-text__heading { margin-bottom: 0;} .page-follow-us .feature-divider{ display:none} .page-follow-us .rich-text__content .featured_text { margin-top: 0; font-weight: 500; text-transform: uppercase; font-size: 26px; color: #0f1125;} #insta-feed { max-width: 1400px; width: 95%; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 767px){ .page-follow-us h2.title{font-size: 22px;} .page-follow-us .rich-text__content .featured_text { font-size: 20px;} } /* Dropdown submenu */ .top-bar li { position: relative;} .top-bar__menu li .submenu { display: none; position: absolute; top: 100%; left: 26px; background: #0F1125; min-width: 240px; z-index: 1000; padding: 5px 0; margin: 0; } .top-bar__menu li:hover > .submenu { display: block; } .submenu li { padding: 0;display: block; } .submenu li a { padding: 8px 15px!important; display: block; color: #333; text-decoration: none; } .submenu li a:hover { color: #f2f2f2; } @media only screen and (max-width:1200px) { .submenu{padding:0; margin:0; display:none} .submenu li a{color:#fff;} .submenu { display: none; } .mobile-arrow { display: inline-block; cursor: pointer; margin-left: 5px; } .submenu.open { display: block; } .has-children{ position: relative;} .has-children span.icon-down-arrow { position: absolute; right: 15px; color: #fff;top: 10px; } } .disclaimer-section { background: #f8f8f8; margin: 0; padding: 30px 0 15px; } .page-brisbane #shopify-section-contact-footer{display:none} .page-sydney #shopify-section-contact-footer{display:none} .page-perth #shopify-section-contact-footer{display:none}