/** Shopify CDN: Minification failed Line 547:0 Unexpected "}" **/ @charset "UTF-8"; /* remove featured image from blog post */ #shopify-section-article-template .image-element__wrap { display: none; } #shopify-section-1644794882b6001d28 {background: linear-gradient(-45deg, rgba(217,65,55,1) 0%, rgba(249,220,103,1) 100%); padding: 20px 100px 20px 100px; position:sticky;} .surface-pick-up-embed { --surface-pick-up-embed-theme-success-color: limegreen; --surface-pick-up-embed-theme-error-color: #b33a3a; --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: -webkit-min-content auto; 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: limegreen; --surface-pick-up-item-theme-error-color: #b33a3a; --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; } /****************************************************************** Theme Name: Mobilia Theme URI: http://themes.shopify.com/themes/mobilia/styles/tokyo?ref=out-of-the-sandbox Author: Out of the Sandbox (http://outofthesandbox.com) Description: Shopify Theme (http://www.shopify.com/?ref=out-of-the-sandbox) ******************************************************************/ /* Table of Content ================================================== #Variables #Mixins #Helper Classes #Grid/layout #Reset & Basics #Fonts #Basic Styles #Typography #Links #Lists #Menu #Images #Placeholders #Videos #Buttons #Tabs #Forms #Tables #Misc #Site Styles #Home page - Image with text overlay #Home page - Slideshow #Home page - Map #Home page - Featured promotions #Home page - Featured product #Home page - Image with text #Home page - Divider #Home page - Quote #Home page - Twitter #Home page - Testimonials #Home page - Logo list #Home page - Contact form #Banners #Image Gallery #Swatch Styles #Sidebar #Quick Shop #Simplebar #Flickity #Product Slider Custom Styles #Thumbnail Gallery Styles #Content Creator #FancyBox #Plyr #Model Viewer #Product Media Custom Styles #Currency / Language switcher #Lazyloading Styles #Layout #Policy Pages #Password Page #Functions #Currencies #Mega menu #Page Details #Shipping Rates Calculator #Customers #FAQ #Search Template #Contact form #Stickers #Font-Face #Unit pricing #Custom Styles */ /* #Variables ================================================== */ /* Responsiveness */ /* The `$breakpoints` list is used to build our media queries. - You can use these in the media-query mixin. */ /* Border radius */ /* Mobile menu styles */ /* Placeholders */ /* #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; } /* 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 (max-width: 480px) { .is-hidden-small { display: none !important; } } @media only screen and (max-width: 798px) { .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 (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; } /* # Grid/layout ================================================== */ .index { display: flex; flex-wrap: wrap; } /* Home page sections are set to flex so that half sizes may sit side-by-side */ .index-sections, .page-blocks { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } /* Apply margin and padding to homepage index sections .index-sections .shopify-section { margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px;*/ } .index-sections .shopify-section:last-child { margin-bottom: 0; padding-bottom: 0; } /* 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; padding-right: 0 !important; } } /* 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; } /* 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); } /* Applies flex styling for columns created using Content Creator */ .row { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 20px; } @media only screen and (max-width: 798px) { .row { margin-left: calc(20px / 2); margin-right: calc(20px / 2); } } @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 !important; } .visible { display: block !important; } /* 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 !important; } .large-down--visible { display: block !important; } /* 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-right: 20px; margin-left: 20px; } .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 !important; } .medium-down--visible { display: block !important; } /* 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-right: 20px; margin-left: 20px; } .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 !important; } .small-down--visible { display: block !important; } /* 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-right: 20px; margin-left: 20px; } .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 ================*/ /* #Functions ================================================== */ /* #Reset & Basics ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Fonts ================================================== */@font-face { font-family: Futura; font-weight: 400; font-style: normal; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n4.df36ce3d9db534a4d7947f4aa825495ed740e410.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=94dc427a313464b3cd4c4e732db7663c9d108a6b310421ca867049cff367a937") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n4.6bce24beb4ba1ff4ddeb20f7cd6e2fa513a3d6ec.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=a7a5538faf27bd702870886bf180be91671bd75a97cef37be255cd2a4e5bcdbd") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: normal; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n7.153f8fffad8e901382179997bbb87aa7a5ff33b3.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=77af53df24ecea1bb883be2ed37e8ca545cda6f7a6371831a005ce492b8750ef") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n7.711e9243b3eccc2745ecf4731eba61651a122376.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=2e0561bb2532bacdfb765d847c6de16994f146d4203dcde85f5b353e4d7fc6c9") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: oblique; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o4.9747e2e6ed2f11b894984527c927b42234e48815.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=d280493c027c71f2de2c1433e2c61646c51c9661654ed3e96973a6b8e4ecc2eb") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o4.d5edc6b1d9a050bbe0beb9093d73b883bf18c6c1.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=6f6c82979f3abea276146a9f2ba99648d115892fe410b99aee257ac67607d1b1") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: oblique; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o7.ece1472e1fefbb598873ba72dc2bfa2e050347c1.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=56c8bd37ef5ccf8cf499ea2b67fa7e478a819b9d54f8d547eb8f569988d13bc1") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o7.7028291332320745f0217c346c800da7522a22b2.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=bc0a865cbda5f68b864c9bbcf7e0737a3d016c6cd3eabebedb6480f75b6db7f7") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: normal; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n4.df36ce3d9db534a4d7947f4aa825495ed740e410.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=94dc427a313464b3cd4c4e732db7663c9d108a6b310421ca867049cff367a937") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n4.6bce24beb4ba1ff4ddeb20f7cd6e2fa513a3d6ec.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=a7a5538faf27bd702870886bf180be91671bd75a97cef37be255cd2a4e5bcdbd") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: normal; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n7.153f8fffad8e901382179997bbb87aa7a5ff33b3.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=77af53df24ecea1bb883be2ed37e8ca545cda6f7a6371831a005ce492b8750ef") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n7.711e9243b3eccc2745ecf4731eba61651a122376.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=2e0561bb2532bacdfb765d847c6de16994f146d4203dcde85f5b353e4d7fc6c9") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: oblique; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o4.9747e2e6ed2f11b894984527c927b42234e48815.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=d280493c027c71f2de2c1433e2c61646c51c9661654ed3e96973a6b8e4ecc2eb") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o4.d5edc6b1d9a050bbe0beb9093d73b883bf18c6c1.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=6f6c82979f3abea276146a9f2ba99648d115892fe410b99aee257ac67607d1b1") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: oblique; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o7.ece1472e1fefbb598873ba72dc2bfa2e050347c1.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=56c8bd37ef5ccf8cf499ea2b67fa7e478a819b9d54f8d547eb8f569988d13bc1") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o7.7028291332320745f0217c346c800da7522a22b2.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=bc0a865cbda5f68b864c9bbcf7e0737a3d016c6cd3eabebedb6480f75b6db7f7") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: normal; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n7.153f8fffad8e901382179997bbb87aa7a5ff33b3.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=77af53df24ecea1bb883be2ed37e8ca545cda6f7a6371831a005ce492b8750ef") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n7.711e9243b3eccc2745ecf4731eba61651a122376.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=2e0561bb2532bacdfb765d847c6de16994f146d4203dcde85f5b353e4d7fc6c9") format("woff"); } @font-face { font-family: Futura; font-weight: 900; font-style: normal; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n9.45c42a57c2cb50398f53df906fa6cce6b9cf8f75.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=dd170305d8eedf40f49d0b4e791167ae6a7fa2ff30b1006d0ed7a58a2c5be5ed") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n9.812a042dc5fe5f754bc62ce00d203d8b8e840f8f.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=d9d0aba6c9ce237045afc14c16759899454acfabff24ec4b8d38be848d202918") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: oblique; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o7.ece1472e1fefbb598873ba72dc2bfa2e050347c1.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=56c8bd37ef5ccf8cf499ea2b67fa7e478a819b9d54f8d547eb8f569988d13bc1") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o7.7028291332320745f0217c346c800da7522a22b2.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=bc0a865cbda5f68b864c9bbcf7e0737a3d016c6cd3eabebedb6480f75b6db7f7") format("woff"); } @font-face { font-family: Futura; font-weight: 800; font-style: oblique; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o8.0c8df7a3d4aa10c02a75009901e6620cea44883c.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=ce025b8e05fd24ee70c7b7e8615cb37a6af5c22cdf7edd12afcc6b4e3b855eeb") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o8.a82e14647584b2b6eb67b3339f6a22c5652defc7.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=13d4704df07e502829342716fef38f7e7551550a7a2d2b4fdf3ca25f80e01396") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: normal; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n7.153f8fffad8e901382179997bbb87aa7a5ff33b3.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=77af53df24ecea1bb883be2ed37e8ca545cda6f7a6371831a005ce492b8750ef") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n7.711e9243b3eccc2745ecf4731eba61651a122376.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=2e0561bb2532bacdfb765d847c6de16994f146d4203dcde85f5b353e4d7fc6c9") format("woff"); } @font-face { font-family: Futura; font-weight: 900; font-style: normal; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n9.45c42a57c2cb50398f53df906fa6cce6b9cf8f75.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=dd170305d8eedf40f49d0b4e791167ae6a7fa2ff30b1006d0ed7a58a2c5be5ed") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n9.812a042dc5fe5f754bc62ce00d203d8b8e840f8f.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=d9d0aba6c9ce237045afc14c16759899454acfabff24ec4b8d38be848d202918") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: oblique; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o7.ece1472e1fefbb598873ba72dc2bfa2e050347c1.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=56c8bd37ef5ccf8cf499ea2b67fa7e478a819b9d54f8d547eb8f569988d13bc1") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o7.7028291332320745f0217c346c800da7522a22b2.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=bc0a865cbda5f68b864c9bbcf7e0737a3d016c6cd3eabebedb6480f75b6db7f7") format("woff"); } @font-face { font-family: Futura; font-weight: 800; font-style: oblique; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o8.0c8df7a3d4aa10c02a75009901e6620cea44883c.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=ce025b8e05fd24ee70c7b7e8615cb37a6af5c22cdf7edd12afcc6b4e3b855eeb") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o8.a82e14647584b2b6eb67b3339f6a22c5652defc7.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=13d4704df07e502829342716fef38f7e7551550a7a2d2b4fdf3ca25f80e01396") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: normal; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n4.df36ce3d9db534a4d7947f4aa825495ed740e410.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=94dc427a313464b3cd4c4e732db7663c9d108a6b310421ca867049cff367a937") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n4.6bce24beb4ba1ff4ddeb20f7cd6e2fa513a3d6ec.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=a7a5538faf27bd702870886bf180be91671bd75a97cef37be255cd2a4e5bcdbd") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: oblique; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o4.9747e2e6ed2f11b894984527c927b42234e48815.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=d280493c027c71f2de2c1433e2c61646c51c9661654ed3e96973a6b8e4ecc2eb") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o4.d5edc6b1d9a050bbe0beb9093d73b883bf18c6c1.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=6f6c82979f3abea276146a9f2ba99648d115892fe410b99aee257ac67607d1b1") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: normal; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n4.df36ce3d9db534a4d7947f4aa825495ed740e410.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=94dc427a313464b3cd4c4e732db7663c9d108a6b310421ca867049cff367a937") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n4.6bce24beb4ba1ff4ddeb20f7cd6e2fa513a3d6ec.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=a7a5538faf27bd702870886bf180be91671bd75a97cef37be255cd2a4e5bcdbd") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: normal; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n7.153f8fffad8e901382179997bbb87aa7a5ff33b3.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=77af53df24ecea1bb883be2ed37e8ca545cda6f7a6371831a005ce492b8750ef") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n7.711e9243b3eccc2745ecf4731eba61651a122376.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=2e0561bb2532bacdfb765d847c6de16994f146d4203dcde85f5b353e4d7fc6c9") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: oblique; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o4.9747e2e6ed2f11b894984527c927b42234e48815.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=d280493c027c71f2de2c1433e2c61646c51c9661654ed3e96973a6b8e4ecc2eb") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o4.d5edc6b1d9a050bbe0beb9093d73b883bf18c6c1.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=6f6c82979f3abea276146a9f2ba99648d115892fe410b99aee257ac67607d1b1") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: oblique; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o7.ece1472e1fefbb598873ba72dc2bfa2e050347c1.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=56c8bd37ef5ccf8cf499ea2b67fa7e478a819b9d54f8d547eb8f569988d13bc1") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o7.7028291332320745f0217c346c800da7522a22b2.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=bc0a865cbda5f68b864c9bbcf7e0737a3d016c6cd3eabebedb6480f75b6db7f7") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: normal; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n4.df36ce3d9db534a4d7947f4aa825495ed740e410.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=94dc427a313464b3cd4c4e732db7663c9d108a6b310421ca867049cff367a937") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n4.6bce24beb4ba1ff4ddeb20f7cd6e2fa513a3d6ec.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=a7a5538faf27bd702870886bf180be91671bd75a97cef37be255cd2a4e5bcdbd") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: normal; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n7.153f8fffad8e901382179997bbb87aa7a5ff33b3.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=77af53df24ecea1bb883be2ed37e8ca545cda6f7a6371831a005ce492b8750ef") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_n7.711e9243b3eccc2745ecf4731eba61651a122376.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=2e0561bb2532bacdfb765d847c6de16994f146d4203dcde85f5b353e4d7fc6c9") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: oblique; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o4.9747e2e6ed2f11b894984527c927b42234e48815.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=d280493c027c71f2de2c1433e2c61646c51c9661654ed3e96973a6b8e4ecc2eb") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o4.d5edc6b1d9a050bbe0beb9093d73b883bf18c6c1.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=6f6c82979f3abea276146a9f2ba99648d115892fe410b99aee257ac67607d1b1") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: oblique; font-display: swap; src: url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o7.ece1472e1fefbb598873ba72dc2bfa2e050347c1.woff2?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=56c8bd37ef5ccf8cf499ea2b67fa7e478a819b9d54f8d547eb8f569988d13bc1") format("woff2"), url("//www.indianasapplepie.com/cdn/fonts/futura/futura_o7.7028291332320745f0217c346c800da7522a22b2.woff?h1=aW5kaWFuYXNhcHBsZXBpZS5jb20&h2=aW5kaWFuYXNhcHBsZXBpZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=bc0a865cbda5f68b864c9bbcf7e0737a3d016c6cd3eabebedb6480f75b6db7f7") format("woff"); } /* #Basic Styles ================================================== */ html { -moz-osx-font-smoothing: grayscale; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; } body { line-height: 1.8em; overflow-x: hidden; background-color: #ffffff; font-family: Futura, sans-serif; font-weight: 400; font-size: 18px; text-transform: none; color: #0c0c0c; overflow-wrap: anywhere; }body { background-image: url(//www.indianasapplepie.com/cdn/shop/files/bg-multi_copy_2000x.jpg?v=1630781989); background-repeat: repeat-x; }::selection { background: #FFF7B6; color: black; } abbr { border-bottom: 1px dotted #000000; } .text-align--left { text-align: left; } .text-align--center { text-align: center; } .text-align--right { text-align: right; } /* #Typography ================================================== */ .logo { text-align: left; color: #000000; font-size: 34px; font-family: Futura; font-weight: 400; text-transform: none; } .logo a, .logo a:hover, .logo a:visited, .logo a:active { color: #000000; line-height: 1.5; } @media only screen and (max-width: 480px) { .logo a, .logo a:hover, .logo a:visited, .logo a:active { padding-bottom: 15px; } } h1, h2, h3, h4, h5, h6, .collection_title, .headline, .subtitle { font-family: Futura, sans-serif; font-weight: 700; text-transform: none; color: #f26e22; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .collection_title { font-weight: inherit; } h1 a, h1 a:visited, .collection_title a, .collection_title a:visited { color: #f26e22; } h1 a:hover, h1 a:active, .collection_title a:hover, .collection_title a:active { color: #4396c1; } h1, .h1, h1.home, .collection_title { font-size: 29px; line-height: 1.5em; margin: 0 auto 20px; clear: both; font-weight: 700; } h1.home { margin: 0 auto 15px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 12px 0; } h1.product_name { margin-bottom: 15px; } a.product_collection { padding-bottom: 0; display: inline-block; } h1.article_name { margin-bottom: 5px; } h2, .h2 { font-size: 26px; margin-bottom: 0.75em; } h2.center { margin: 15px 0; } h2.title, h2.title a { text-align: center; margin: 15px 0; color: #f26e22; } h2.product_name a { color: #f26e22; } h2.article_title { margin: 5px 0; font-size: 22px; } h2.article_title a { color: #f26e22; } h3, .h3, h1.blog_title { font-size: 24px; line-height: 35px; margin: 0 auto 15px 0; text-align: left; } h1.collection_title, div.collection_title { margin-bottom: 0; display: inline; } h1.collection_title_tags, div.collection_title_tags { padding-right: 25px; border-right: solid 1px #000000; } h4, .h4, h4.title a { font-size: 20px; line-height: 32px; margin: 15px 0; text-align: left; padding: 0; border-bottom: 1px solid #000000; padding-bottom: 8px; } h4.title a { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; color: #f26e22; } h4.product_name { border: 0; padding: 0; } h5, .h5 { font-size: 18px; padding-bottom: 1em; } h5.sub_title { padding-bottom: 0; } h6, .h6 { font-size: 18px; padding-bottom: 1em; } .footer h6 { color: #ffffff; } .headline { font-size: 26px; } .subheader { color: #777; } p { margin: 0 0 15px; font-style: normal; line-height: 1.8em; } p img { margin: 0; } sub { font-size: 60%; } em, i { font-style: italic; } strong, b { font-weight: bold; } small { font-size: 90%; } .strikethrough { text-decoration: line-through; } .index h2.title, .index .title a, .index h2.title a { font-size: 29px; line-height: 1.15; } /* Promo banner */ .promo_banner-show .promo_banner { transition: all 0s linear; height: auto; line-height: inherit; padding: 2px 0; opacity: 1; font-weight: normal; } div.promo_banner { padding: 0; text-align: center; font-size: 13px; opacity: 0; height: 0; line-height: 0; z-index: 5000; top: 0; transition: all 0.3s linear; overflow: hidden; cursor: default; } div.promo_banner p, div.promo_banner span { width: 90%; margin: 0 auto; } div.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; border: 0; background: transparent; z-index: 1000; } div.promo_banner .promo_banner-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 20px; line-height: 26px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "×"; text-align: center; } .feature_divider { display: block; margin: 25px auto 25px auto; background-color: #f2c84b; }.feature_divider { height: 1px; width: 30px; }.feature_divider.align_left { margin: 25px auto 25px 0; } .feature_divider.align_right { margin: 25px 0 25px auto; } /* 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 #000000; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "— "; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #000000; border-width: 1px 0 0; clear: both; margin: 12px 0; height: 0; } .quote { font-size: 16px; line-height: 22px; text-align: center; margin: 0 0 20px 0; font-style: italic; } /* #Links ================================================== */ a, a:visited { color: #4396c1; text-decoration: none; outline: 0; transition: color 0.1s linear; } a:hover, a:focus { color: #a63c94; } a:focus { outline: -webkit-focus-ring-color auto 5px; } a, button, input, select, textarea, label, summary { touch-action: manipulation; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: circle outside; } ol { list-style: decimal; } ul, ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 95%; } li { line-height: 22px; padding-bottom: 12px; } 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 #000000; list-style: none outside none; padding: 12px 0; margin-bottom: 0; } /* #Menu ================================================== */ .header { background-color: rgba(0,0,0,0); } .header_border { border-bottom: solid 1px #000000; padding-bottom: 15px; } .nav { text-align: right; } .nav ul { margin: 0 auto; border: none; padding: 0; margin: 0; } .nav ul li { display: inline-block; padding: 0 0 0 16px; position: relative; margin: 0; border: 0; } .nav ul li a, .nav ul li a:visited, .promo_banner, a.product_collection { font-family: Futura, sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase; color: #000000; position: relative; display: block; letter-spacing: 1px; padding-bottom: 10px; cursor: pointer; } .nav ul li a.active, nav ul li a.active:visited, nav ul li a.active:active { color: #000000; } .nav ul li a:hover, nav ul li a:focus, a.product_collection:hover { color: #000000; } .nav ul li.current_page_item a { color: #000000; } .nav ul li.current_page_ancestor a { color: #000000; } .nav ul.menu { display: inline; } .mobile_menu .mobile-mega-menu ul { display: none; } .nav ul li a.cart_button, .nav ul li a.navicon, .nav ul li a.search-button, input[type=submit].guest_button { padding: 10px 12px; border: solid 1px #000000; }.nav ul li a.cart_button, .nav ul li a.navicon, .nav ul li a.search-button, input[type=submit].guest_button { border-radius: 0; }.nav ul li a.search-button::before { margin-right: 0; } @media only screen and (min-width: 768px) { .nav ul li a.search-button { display: none; } } ul.nav_buttons .button_label { margin-left: 5px; } @media only screen and (max-width: 480px) { ul.nav_buttons li { margin-bottom: 5px; } } input[type=submit].guest_button, input[type=submit].guest_button:hover { background: none; color: #4396c1; padding: 8px 20px 8px 10px; } .nav ul li a.cart_button.active { color: #000000; border-color: #000000; } .nav ul li a.cart_button:hover, .nav ul li a.cart_button.active:hover { background-position: 9px -41px; color: #000000; border-color: #000000; } ul.menu li.navicon_button { display: none; } /* sub-levels link */ .menu ul a, .menu li:hover > ul a { padding: 15px; background: none; text-align: left; } /* sub-level ul */ .menu ul { position: absolute; left: 0; top: 28px; background-color: #f2c84b; border: solid 1px rgba(0,0,0,0); z-index: 1000; opacity: 0; width: 215px; transition: opacity 0.3s 0.15s ease-in; pointer-events: none; visibility: hidden; display: none; } ul.menu ul.menu-dropdown li { display: block; border-bottom: solid 1px #000000; text-align: left; padding: 0; } ul.menu ul li:last-child { border-bottom: 0; } /* sub-sub-level dropdown */ .menu ul ul { left: 215px; top: -1px; } .menu li.dropdown--left ul ul { left: -215px; } .dropdown--left .menu-dropdown { right: 0; left: auto; } /* show dropdown ul on hover */ .menu li:hover > ul, .menu li:focus > ul, .menu li:focus-within > ul { opacity: 1; display: block; pointer-events: all; visibility: visible; } .toggle_menu { position: relative; overflow: hidden; display: none; top: -16px; } @media only screen and (min-width: 1025px) and (max-width: 1400px) { .toggle_menu { display: none !important; } } .toggle_menu { padding-top: 92px; } ul.top_menu { margin-bottom: 10px; display: flex; align-items: baseline; justify-content: flex-end; } ul.top_menu li a { padding-bottom: 0; } ul.top_menu form.search { margin-bottom: 0; } ul.top_menu li a, ul.top_menu li a:visited, ul.top_menu li a:active { font-size: 15px; color: #000000; } ul.top_menu li a:hover { color: #000000; } /* Currency / language switcher in header */ #header__selector-form .icon-arrow-down { font-size: 9px; } #header__selector-form .selectors-form__item { margin: 0; } #header__selector-form .disclosure__toggle { color: #000000; font-size: 15px; letter-spacing: 1px; line-height: inherit; background-color: transparent; border: none; padding-right: 0; position: relative; } #header__selector-form .disclosure__toggle:hover, #header__selector-form .disclosure__toggle:focus, #header__selector-form .disclosure__toggle:active { box-shadow: none; background-color: transparent; } #header__selector-form .disclosure__toggle.is-clicked { color: #000000 !important; /* Override default button hover styles */ } #header__selector-form .disclosure__list-wrap { bottom: initial; top: 100%; } #header__selector-form button.disclosure__button { color: #000000; font-size: 15px; border-bottom: solid 1px #000000; padding: 15px 10px; } #header__selector-form button.disclosure__button:hover, #header__selector-form button.disclosure__button[aria-current=true] { color: #000000; opacity: 1; } .mobile_menu .search_box { width: 100% !important; border: none; } @media only screen and (max-width: 798px) { .mobile_menu ul { display: block; } } .mobile_menu_container { display: inline; } .nav ul.mobile_menu { background-color: #1B1B1B; margin-bottom: 1em; clear: both; } .nav ul.mobile_menu li { border: none; text-align: left; display: block; border-top: 1px solid #313335; padding-left: 0; } .nav ul.mobile_menu .search_box { width: 100%; box-sizing: border-box; } .nav ul.mobile_menu form.search { margin: 10px 20px; } .nav ul.mobile_menu li a { color: #9DA0A4; text-decoration: none; box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); display: inline-block; padding: 10px 20px; } .nav ul.mobile_menu li ul li a { padding-left: 40px; } .nav ul.mobile_menu li ul ul li a { padding-left: 60px; } .nav ul.mobile_menu li.active, .mobile_menu li:hover { background-color: #111; } .nav ul.mobile_menu li.active a, .nav ul.mobile_menu li.active span, .nav ul.mobile_menu li a:hover { color: #FFFFFF; } .shopify-section--header { padding-bottom: 20px; } /* Currency / language switcher on mobile */ .mobile-menu__disclosure .disclosure-list__item { margin: 0 !important; /* Override button styles for mobile menu item styling */ padding: 0 !important; /* Override button styles for mobile menu item styling */ } .mobile-menu__disclosure form.selectors-form button.disclosure__button { font-size: 15px; padding: 8px 0 8px 40px; color: #9DA0A4; } .mobile-menu__disclosure form.selectors-form button.disclosure__button:hover, .mobile-menu__disclosure form.selectors-form button.disclosure__button:focus { color: #9DA0A4; } .index .shopify-section--header { padding-bottom: 0; } .container div.collection_nav { border-bottom: solid 1px #000000; padding-bottom: 20px; margin-bottom: 1.5em; } .container div.feature_banner { margin-bottom: 0; border-bottom: 0; } .collection_menu, .collection_menu li { display: inline; list-style: none; border: none; position: relative; top: -2px; margin: 0; } .collection_menu li { padding-left: 20px; } .sidebar a, .collection_menu li a { color: #0c0c0c; } .sidebar li.active a, ul.blog_list a.active, ul.blog_list a.active--default, .collection_menu li a span.active { color: #000000; font-weight: bold; } .sidebar a:hover, .collection_menu a li a:hover, .collection_menu li span.active:hover { color: #000000; } ul.blog_list li ul { display: none; margin: 15px 0 0 15px; padding-bottom: 15px; } ul.blog_list li ul.active { display: block; } ul.blog_list li ul:last-child { padding-bottom: 0; } ul.blog_list li ul li { margin-bottom: 0; padding-bottom: 15px; } ul.blog_list li ul li:last-child { padding-bottom: 0; } /* #Currencies ================================================== */ #currencies { border: none; display: block; width: inherit; cursor: pointer; font-size: 15px; margin-bottom: 0; position: relative; padding: 10px 20px 10px 0; color: #000000; font-size: 15px; font-weight: 700; text-transform: uppercase; font-family: Futura, sans-serif; letter-spacing: 1px; } @media only screen and (max-width: 798px) { #currencies { padding-right: 25px; } } .currency-container #currencies { width: 100%; text-decoration: none; color: #9DA0A4; box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); padding: 10px 20px; background-color: transparent; background-position: 95.5% 50%; } .currency-container #currencies:hover { color: #FFF; } #currency_form { margin: 0; } select#currencies { font-size: 15px; color: #000000; } /* Target Currency Dropdown in Edge */ @supports (-ms-ime-align: auto) { select#currencies.currencies option { color: #000000; } } /* #Mega menu ================================================== */ .mega-mobile-arrow { display: none; } .nav { position: relative; } li.mega-menu-dropdown:hover + .mega-menu, li.mega-menu-dropdown:focus + .mega-menu, .mega-menu-dropdown[aria-expanded=true] + .mega-menu { opacity: 1; visibility: visible; } .main .animated { animation-duration: 0.5s; } .mega-menu { background-color: #f2c84b; border-top: 1px solid #000000; box-sizing: border-box; opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; width: 100%; z-index: 11; } @media only screen and (max-width: 798px) { .mega-menu { position: relative; } } .mega-menu p { padding: 10px 0 0 0; line-height: 1em; } .mega-menu__grid-wrap { width: 100%; } .mega-menu__grid { display: flex; flex-wrap: nowrap; text-align: left; } .mega-menu__column { flex: 1 0 auto; box-sizing: border-box; z-index: 1; padding: 0 33px; margin: 33px 0; width: 20%; } .mega-menu__column:last-child { border-right: 0px; } .mega-menu__sub-submenu { opacity: 0; visibility: hidden; } .main .mega-menu__sublink-item { padding: 8px 0; } .main .mega-menu__sublink-item a { line-height: 1; } .main .mega-menu__dropdown:hover .mega-menu__sub-submenu, .main .mega-menu__dropdown:focus-within .mega-menu__sub-submenu { opacity: 1; visibility: visible; } .main .mega-menu__dropdown ul.mega-menu__sub-submenu { position: relative; font-family: inherit; font-size: inherit; background-color: inherit; color: inherit; top: 5px; border: 0; } .main .mega-menu__dropdown ul.mega-menu__sub-submenu li { display: block; } .main .mega-menu__dropdown ul.mega-menu__sub-submenu a.mega-menu__sublink { padding: 8px 0; line-height: inherit; max-width: 80%; } .main .mega-menu__dropdown ul.mega-menu__sub-submenu.mega-menu__sub-submenu--open { display: block; visibility: visible; opacity: 1; pointer-events: auto; } .main.menu .mega-sub-submenu-arrow { left: 0; padding: 10px; margin-left: 0; cursor: pointer; color: #4396c1; transition: color 0.1s linear; } .mega-menu__dropdown:hover .mega-sub-submenu-arrow, .mega-menu__dropdown:focus .mega-sub-submenu-arrow { color: #a63c94; } .parent-link--false .mega-menu__sublink { cursor: pointer; } .main h3.mega-menu__subtitle { font-size: 1.2em; line-height: 1.5; } .main .mega-menu__banner a { width: 100%; text-align: center; } .main .mega-menu__banner p { width: 100%; text-align: center; padding-bottom: 10px; margin-bottom: 0; } .column_divider_active { border-right: thin solid #000000; } .column_divider_active:last-child { border-right: 0px; } .mega-menu__submenu { line-height: 1.4; } .mega-menu__submenu ul li a { font-family: inherit; font-weight: inherit; font-size: inherit; text-transform: none; color: #4396c1; position: relative; display: block; letter-spacing: 1px; padding-bottom: 10px; cursor: pointer; } .mega-menu__submenu ul li a:hover { color: #a63c94; } /* Mobile mega menu */ .mobile-mega-menu .mega-menu { background-color: #1B1B1B; border: none; display: none; opacity: 1; visibility: visible; text-align: left; } .mobile-mega-menu .mega-menu a { color: #9DA0A4; text-decoration: none; display: inline-block; padding: 10px 20px; line-height: 1.4em; } .mobile-mega-menu .mega-menu a:hover { background-color: #111; } .mobile-mega-menu .mega-menu__grid, .menu .mega-menu__grid { display: flex; flex-wrap: nowrap; transition: ease-in-out 0.3s transform; } @media only screen and (max-width: 798px) { .mobile-mega-menu .mega-menu__grid, .menu .mega-menu__grid { flex-wrap: wrap; flex-direction: column; } } .mobile-mega-menu .mega-menu__submenu { display: none; } .mobile-mega-menu .mega-menu__submenu .mega-menu__sublink-item a.mega-menu__sublink { padding-left: 60px; } .mega-menu__text p { line-height: 1.2em; } @media only screen and (max-width: 798px) { .mega-menu__text p { margin-bottom: 0; color: #9DA0A4; padding: 0px 20px 10px 0px; } } .mobile-mega-menu .mega-menu .mega-menu__banner a { width: 90%; text-align: center; padding: 10px; text-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); } .mobile-mega-menu .mega-menu .mega-menu__banner a:hover { background-color: rgba(0, 0, 0, 0); } .mobile-mega-menu .mega-menu .mega-menu__banner a p { margin-bottom: 10px; padding-bottom: 0px; } .mobile-mega-menu .mega-menu .mega-menu__banner p { width: 95%; line-height: 1.2; text-align: center; padding: 10px; margin-bottom: 0px; } .mobile-mega-menu .js-mega-menu__dropdown .mega-menu__submenu .mega-menu__sublink-item { border-top: 1px solid #313335; } .mobile-mega-menu .js-mega-menu__dropdown .mega-menu__submenu .mega-menu__sublink-item a { padding-left: 60px; max-width: 75%; } @media only screen and (max-width: 480px) { .mobile-mega-menu .js-mega-menu__dropdown .mega-menu__submenu .mega-menu__sublink-item a { max-width: 67.5%; } } .mobile-mega-menu .sub-menu a { max-width: 75%; } @media only screen and (max-width: 480px) { .mobile-mega-menu .sub-menu a { max-width: 67.5%; } } @media only screen and (max-width: 798px) { .mega-menu__custom-column h3.mega-menu__subtitle + a.mega-menu__custom-image { padding-top: 0; } } .mobile-mega-menu .mega-menu .mega-menu__column { margin: 0; width: 100% !important; /* override id specific styling */ padding: 0; text-align: left; display: block; border-top: 1px solid #313335; line-height: inherit; } .mobile-mega-menu .mega-menu .mega-menu__column:hover { background-color: #111; } .mobile-mega-menu .mega-menu .mega-menu__column a { padding: 10px 20px 10px 40px; } .mobile-mega-menu .mega-menu .mega-menu__column .mega-menu__subtitle { margin-bottom: 0; } .mobile-mega-menu .mega-menu .mega-menu__column .mega-menu__sub-submenu a.mega-menu__sublink { font-family: inherit; font-size: inherit; font-weight: inherit; padding-left: 80px; } .mobile-mega-menu .mega-menu .mega-menu__column span.mega-menu-toggle { padding: 0 15px; color: #545454; font-size: 1em; } .mega-menu__dropdown ul { font-size: 65%; } .mobile-mega-menu .mega-menu__dropdown { border-top: 1px solid #313335; } .mobile-mega-menu .mega-menu__dropdown:hover { background-color: #111; } @media only screen and (max-width: 798px) { .mobile-mega-menu .mega-menu-submenu, .mobile-mega-menu .mega-menu-submenu ul { display: none; padding: 0; } } @media only screen and (min-width: 1025px) and (max-width: 1400px) { .mega-menu-sublink-item { padding: 8px 0; } } @media only screen and (max-width: 798px) { .mega-menu-sublink-item { padding: 8px 0 8px 20px; } } /* #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, .article_image img, .section img, .thumbnail img, .logo img, .page img, .sidebar img, #target img { max-width: 100%; height: auto; } /* Zoom plugin */ .zoomImg { background-color: #ffffff; } .zoom-container { width: 100%; display: block; } .description_wide img { width: 100%; } .full-width-image { width: 100%; } .lazyload--fade-in { opacity: 0; transition: opacity 0.2s ease-in; } .lazyload--fade-in.lazyloaded { opacity: 1; } .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; } img[data-sizes=auto] { 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; } /* #Placeholders ================================================== */ .placeholder-svg { fill: rgba(242, 110, 34, 0.3); background-color: rgba(242, 110, 34, 0.4); width: 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; display: block; } .placeholder-svg--banner, .placeholder-svg--video { max-height: 600px; } .placeholder-svg--slideshow, .placeholder-svg--image-with-text-overlay { max-height: 600px; } @media only screen and (max-width: 798px) { .placeholder-svg--slideshow, .placeholder-svg--image-with-text-overlay { min-height: 200px; } } .shopify-section--featured-promotions .feature-section:nth-child(even) .placeholder-svg--promotions, .shopify-section--image-with-text .image-with-text--image:nth-child(odd) .placeholder-svg--promotions, .gallery-section .gallery_image:nth-child(even) .placeholder-svg, .logo-bar-section .logo-bar__item:nth-child(even) .placeholder-svg { background-color: rgba(242, 110, 34, 0.35); } /* #Videos ================================================== */ /* #Home page - video */ .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-wrapper__image { line-height: 0; } .video-wrapper .video-wrapper__image img { object-fit: cover; } @media only screen and (max-width: 798px) { .video-wrapper .video-wrapper__image img, .video-wrapper .video-wrapper__image .placeholder-svg { min-height: 400px; max-height: 600px; } } .video-wrapper a.action_button { width: auto; margin-top: 15px; padding: 12px 35px; line-height: 1.8; pointer-events: all; } @media only screen and (max-width: 798px) { .video-wrapper a.action_button { margin-top: 5px; font-size: 12px; width: initial; padding: 15px 20px; } } .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 { height: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; } .video-wrapper .video__text-wrapper { margin: 0; text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3); } .video-wrapper .video__text-wrapper .headline { font-family: Futura, sans-serif; font-weight: 400; font-style: normal; color: #ffffff; font-size: 42px; margin-bottom: 0.2em; line-height: 47px; } @media only screen and (max-width: 798px) { .video-wrapper .video__text-wrapper .headline { font-size: 1.5em; line-height: 1em; } } .video-wrapper .video__text-wrapper .subtitle { font-family: Futura, sans-serif; font-weight: 400; font-style: normal; text-transform: none; font-size: 20px; line-height: 1.5em; position: relative; color: #ffffff; margin-bottom: 0; } @media only screen and (max-width: 798px) { .video-wrapper .video__text-wrapper .subtitle { font-size: 1.2em; line-height: 1em; margin-bottom: 10px; } } @media only screen and (max-width: 798px) { .video-wrapper { display: flex; flex-direction: column; } } /* Only want to target embedded iframes outside of product galleries and video sections */ :not(.plyr__video-wrapper) .plyr__video-embed { position: relative; } /* #Page Details ================================================== */ [class*=page-details] .shopify-section--header { padding-bottom: 0; } [class*=page-details] .homepage_content .action_button { width: auto; } [class*=page-details] .page-divider { opacity: 0; border-color: #000000; } [class*=page-details] .active-divider { opacity: 1; } [class*=page-details] .maps iframe { pointer-events: none; display: block; } [class*=page-details] .gallery--thumbnail.column { margin-top: 10px; margin-bottom: 10px; } [class*=page-details] .gallery--thumbnail a img, [class*=page-details] .gallery--thumbnail a svg { display: block; margin-left: auto; margin-right: auto; } .shopify-section--page-details-template > div:not(.block__image_with_text_overlay):not(.block__featured_video) { padding-top: 20px; } /* #Home page - Featured promotions ================================================== */ .featured-promotions h2.title { padding: 0 20px 0; margin-bottom: 10px; } @media only screen and (max-width: 480px) { .featured-promotions h2.title { font-size: 14px; } } .featured-promotions .description { padding: 0 20px; } .featured-promotions .feature-section { text-align: center; float: left; margin: 0 10px 20px; position: relative; } .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; } .featured-promotions .feature-section .feature-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0); transition: background-color 0.25s linear; } @media only screen and (max-width: 798px) { .featured-promotions .feature-section .feature-overlay { background-color: 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 { opacity: 0; transition: opacity 0.3s linear; } @media only screen and (max-width: 798px) { .featured-promotions .feature-section .feature-details { opacity: 1; } } .featured-promotions .feature-section .feature-details h2.title, .featured-promotions .feature-section .feature-details h2.title a { color: #FFFFFF; padding: 0; } .featured-promotions .feature-section .feature-details .description, .featured-promotions .feature-section .feature-details .description a { color: #FFFFFF; } .featured-promotions .feature-section .description a { pointer-events: auto; } .featured-promotions .feature-section .action_button { width: auto; margin-bottom: 10px; pointer-events: all; } .featured-promotions .feature-section .action_button:hover { background-color: #a63c94; } @media only screen and (max-width: 798px) { .featured-promotions .feature-section .action_button { padding: 15px 20px; } } .featured-promotions .feature-section:hover .feature-overlay { background-color: rgba(0, 0, 0, 0.5); } .featured-promotions .feature-section:hover .feature-details { opacity: 1; } .featured-promotions .feature-section img { width: 100%; display: block; box-shadow: #000 0em 0em 0em; } .feature-section:hover a[href] img { opacity: 0.8; } .feature-section:hover a[href] h2.title { color: #000000; } .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; } .featured-promotions-wrapper { width: 100%; } .featured-promotions.promo-per-row-2 .feature-section { width: calc(50% - 20px); } @media only screen and (max-width: 798px) { .featured-promotions.promo-per-row-2 .feature-section { width: 100%; margin: 0 0 10px; } } .featured-promotions.promo-per-row-2 .feature-section:nth-child(2n+1) { clear: both; } .featured-promotions.promo-per-row-3 .feature-section { width: calc(33.3333% - 20px); } @media only screen and (max-width: 798px) { .featured-promotions.promo-per-row-3 .feature-section { width: 100%; margin: 0 0 10px; } } .featured-promotions.promo-per-row-3 .feature-section:nth-child(3n+1) { clear: both; } .featured-promotions.promo-per-row-4 .feature-section { width: calc(25% - 20px); } .featured-promotions.promo-per-row-4 .feature-section:nth-child(4n+1) { clear: both; } @media only screen and (max-width: 798px) { .featured-promotions.promo-per-row-4 .feature-section { width: calc(50% - 20px); } .featured-promotions.promo-per-row-4 .feature-section:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 480px) { .featured-promotions.promo-per-row-4 .feature-section { width: 100%; margin: 0 0 10px; } } .shopify-section--featured-promotions .is-width-wide .featured-promotions-wrapper { padding-top: 0; } .shopify-section--featured-promotions .is-width-wide .featured-promotions-wrapper .featured-promotions.promo-per-row-2 .feature-section { width: 50%; margin: 0; } @media only screen and (max-width: 480px) { .shopify-section--featured-promotions .is-width-wide .featured-promotions-wrapper .featured-promotions.promo-per-row-2 .feature-section { width: 100%; } } .shopify-section--featured-promotions .is-width-wide .featured-promotions-wrapper .featured-promotions.promo-per-row-3 .feature-section { width: 33.333333%; margin: 0; } @media only screen and (max-width: 798px) { .shopify-section--featured-promotions .is-width-wide .featured-promotions-wrapper .featured-promotions.promo-per-row-3 .feature-section { width: 100%; } } .shopify-section--featured-promotions .is-width-wide .featured-promotions-wrapper .featured-promotions.promo-per-row-4 .feature-section { width: 25%; margin: 0; } @media only screen and (max-width: 798px) { .shopify-section--featured-promotions .is-width-wide .featured-promotions-wrapper .featured-promotions.promo-per-row-4 .feature-section { width: 50%; } } @media only screen and (max-width: 480px) { .shopify-section--featured-promotions .is-width-wide .featured-promotions-wrapper .featured-promotions.promo-per-row-4 .feature-section { width: 100%; } } /* #Home page - featured collection ================================================== */ .featured-collection--placeholder .eight:nth-child(2n+2) { margin-right: 0; } .featured-collection--placeholder .eight:nth-child(2n+1) { margin-left: 0; } .featured-collection--placeholder .one-third:nth-child(3n+3) { margin-right: 0; } .featured-collection--placeholder .one-third:nth-child(3n+1) { margin-left: 0; } .featured-collection--placeholder .four:nth-child(4n+4) { margin-right: 0; } .featured-collection--placeholder .four:nth-child(4n+1) { margin-left: 0; } /* #Home page - Image with text ================================================== */ .image-with-text .image-with-text--half a[href] img { box-shadow: #000 0em 0em 0em; transition: opacity 0.2s linear; } .image-with-text .image-with-text--half:hover a[href] img { opacity: 0.8; } .image-with-text--section { box-sizing: border-box; float: left; width: 100%; min-height: 100px; display: flex; flex-wrap: wrap; } .image-with-text--section:nth-child(odd) { flex-direction: row-reverse; } .image-with-text--section:nth-child(odd) .image-with-text--half { float: right; } .image-with-text--half.image-with-text--image { background-color: transparent; text-align: center; } .image-with-text--half { box-sizing: border-box; float: left; width: 50%; position: relative; text-align: center; display: table; flex: 1 0 auto; display: flex; align-items: center; justify-content: space-between; background-color: #f2c84b; } @media only screen and (max-width: 480px) { .image-with-text--half { width: 100%; flex: 1 0 100%; } } .image-with-text--half .image-with-text--wrap { width: 100%; flex: 0 0 auto; } .image-with-text--half img, .image-with-text--half svg { display: block; margin: 0 auto; width: 100%; max-width: 100%; } @media only screen and (max-width: 480px) { .image-with-text--half img, .image-with-text--half svg { width: 100%; max-width: auto; } } .image-with-text--half .info { display: inline-block; width: 80%; margin: 0 auto; padding: 20px; } .image-with-text--half .info.text-align--right { text-align: right; } .image-with-text--half .info.text-align--right .description:before { margin-right: 0; } .image-with-text--half .info.text-align--left { text-align: left; } .image-with-text--half .info.text-align--left .description:before { margin-left: 0; } @media only screen and (max-width: 480px) { .image-with-text--half .info { position: static; transform: translateY(0); padding: 2em 0; } } .image-with-text--half .collection_title { margin-bottom: 0.3em; display: block; color: #f26e22; } @media only screen and (max-width: 798px) { .image-with-text--half .collection_title { font-size: inherit; } } .image-with-text--half .description { position: relative; line-height: 1.5; margin-bottom: 20px; } .image-with-text--half .action_button { width: auto; } @media only screen and (max-width: 798px) { .image-with-text--half .action_button { padding: 15px 20px; font-size: 12px; } } @media only screen and (max-width: 480px) { .image-with-text--half .action_button { padding: 7px 15px; } } .image-with-text.across-2 .image-with-text--section.image-with-text--no-image { width: 100%; } .image-with-text.across-2 .image-with-text--section:nth-child(odd) .image-with-text--half { float: left; } .image-with-text--section.image-with-text--no-image > img { display: none; } .image-with-text--section.image-with-text--no-image .image-with-text--half { width: 100%; } .image-with-text--section.image-with-text--no-image .info { position: static; transform: translateY(0); text-align: center; padding: 2em; } .image-with-text--section.image-with-text--no-image .info.text-align--left { text-align: center; } .image-with-text--section.image-with-text--no-image .info.text-align--right { text-align: center; } .image-with-text--section.image-with-text--no-image .description, .image-with-text--section.image-with-text--no-image .collection_title { display: none; } .image-with-text.across-2 { display: flex; flex-wrap: wrap; } .image-with-text.across-2 .image-with-text--image:nth-of-type(4n+3) { flex-direction: row-reverse; } @media only screen and (max-width: 798px) { .image-with-text.across-2 .image-with-text--image:nth-of-type(4n+3) { flex-direction: row; } } .image-with-text.across-2 .image-with-text--image:nth-of-type(4n+4) { flex-direction: row-reverse; } .image-with-text.across-2 .image-with-text--section.image-with-text--no-image .image-with-text--half { width: 100%; } .image-with-text.across-2 .image-with-text--section { width: 50%; flex-direction: row; } @media only screen and (max-width: 798px) { .image-with-text.across-2 .image-with-text--section { width: 100%; } .image-with-text.across-2 .image-with-text--section:nth-of-type(2n) { flex-direction: row-reverse; } } @media only screen and (max-width: 798px) { .image-with-text.across-2 .image-with-text--section .image-with-text--half { width: 50%; } } @media only screen and (max-width: 480px) { .image-with-text.across-2 .image-with-text--section .image-with-text--half { width: 100%; } } .image-with-text.across-2 .image-with-text--image:nth-of-type(2n+1) { clear: both; } .image-with-text.across-2 .image-with-text--image:nth-of-type(2n+2) .image-with-text--half { float: left; } @media only screen and (max-width: 798px) { .image-with-text.across-2 .image-with-text--image:nth-of-type(2n+2) .image-with-text--half { float: right; } } .image-with-text.across-2 .image-with-text--image:nth-of-type(3n+3) .image-with-text--half { float: right; } @media only screen and (max-width: 798px) { .image-with-text.across-2 .image-with-text--image:nth-of-type(3n+3) .image-with-text--half { float: left; } } .image-with-text.across-2 .image-with-text--image:nth-of-type(4n+4) .image-with-text--half { float: right; } /* #Home page - Divider ================================================== */ .divider { opacity: 0; } .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: 1px solid #000000; border-bottom: 1px solid #000000; } .quote__text p { margin: 0; } /* #Home page - Featured product ================================================== */ @media only screen and (max-width: 798px) { .grid-text-position--left { display: flex; flex-direction: column-reverse; } } .shopify-section--featured-product form a.size_chart { display: none; } /* #Buttons ================================================== */ a.button, button, input[type=submit], input[type=reset], input[type=button], .action_button, a.action_button, input.action_button[type=submit], input.action_button[type=button], button.shopify-payment-button__button.shopify-payment-button__button--unbranded { background-color: #ec6a43; color: #ffffff; border: 0; padding: 10px 15px; width: 100%; margin: 0; cursor: pointer; text-align: center; text-shadow: none; font-family: Futura, sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; transition: all 0.2s linear; -webkit-appearance: none; appearance: none; font-smoothing: antialiased; box-sizing: border-box; }a.button, button, input[type=submit], input[type=reset], input[type=button], .action_button, a.action_button, input.action_button[type=submit], input.action_button[type=button], button.shopify-payment-button__button.shopify-payment-button__button--unbranded { border-radius: 0; }a.button, a.action_button { cursor: default; } a.button[href], a.action_button[href] { cursor: pointer; } a.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .action_button:hover, input.action_button[type=submit]:hover, input.action_button[type=button]:hover, button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover { background-color: #a63c94; } a.button:active, button:active, input[type=submit]:active, input[type=reset]:active, input[type=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; } .disabled { pointer-events: none; opacity: 0.8; } p.add-to-cart-wrap { margin-bottom: 0; } p.add-to-cart-wrap input { min-height: 55px; margin-bottom: 0 !important; /* to over-ride the style on line 6123 */ } .add_to_cart { padding: 12px 30px; margin-top: 10px; min-height: 48px; line-height: 50%; } .action_button.btn { width: auto !important; } .amazon-payments-pay-button { display: block !important; text-align: center; } /* Shopify smart payment buttons */ .add_to_cart.action_button { min-height: 44px; margin-bottom: 0; margin-top: 0; line-height: 1; } .action_button.action_button--secondary { background-color: transparent; border: 1px solid #ec6a43; color: #ec6a43; margin-bottom: 8px; box-shadow: none; line-height: 1.2; padding: 10px 15px; min-height: 44px; } .shopify-payment-button { position: relative; height: 44px; } .shopify-payment-button button { line-height: 1.2; padding-top: 11px; padding-bottom: 11px; margin-bottom: 0; } /* Shopify challenge button */ .shopify-challenge__container .shopify-challenge__button { max-width: 304px; /* Match the width of the recaptcha iframe */ } /* Shopify requires us to add this style for the Dynamic Payment Buttons */ [data-shopify-buttoncontainer] { justify-content: flex-end; }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: #0c0c0c; box-shadow: none; text-transform: none; font-size: 0.9rem; letter-spacing: 0; padding: 16px 0 28px; max-width: 80%; margin: 0 auto; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } button.shopify-payment-button__more-options:hover { background-color: transparent; } .purchase-details.smart-payment-button--true { margin-top: 0; } .purchase-details.smart-payment-button--true .purchase-details__buttons { display: flex; } @media (max-width: large-up) { .purchase-details.smart-payment-button--true .purchase-details__buttons { flex-direction: column; } } .purchase-details.smart-payment-button--true .purchase-details__buttons .action_button--secondary, .purchase-details.smart-payment-button--true .purchase-details__buttons .shopify-payment-button { min-height: 43px; } @media only screen and (min-width: 1025px) and (max-width: 1400px) { .purchase-details.smart-payment-button--true .purchase-details__buttons .action_button--secondary, .purchase-details.smart-payment-button--true .purchase-details__buttons .shopify-payment-button { margin-top: 0; } } .purchase-details.smart-payment-button--false { display: flex; } .purchase-details__quantity { display: flex; margin: 12px 0 24px; width: 100%; } .purchase-details__quantity input.quantity { padding: 10px 15px; line-height: 1.4; min-height: 44px; margin-bottom: 0; text-align: center; width: calc(50% - 95px); -moz-appearance: textfield; } .purchase-details__quantity input.quantity::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; } @media (max-width: large-up) { .purchase-details__quantity input.quantity { max-width: 100%; width: calc(100% - 88px); } }.purchase-details__quantity input.quantity { border-radius: 0; }.purchase-details__quantity .product-plus, .purchase-details__quantity .product-minus { border: 1px solid #000000; box-sizing: border-box; font-size: 10px; color: #0c0c0c; cursor: pointer; width: 44px; height: 44px; } .purchase-details__quantity .product-plus:hover, .purchase-details__quantity .product-minus:hover { background-color: rgba(0, 0, 0, 0.05); } .purchase-details__quantity .product-plus span, .purchase-details__quantity .product-minus span { display: block; line-height: 42px; text-align: center; }.purchase-details__quantity .product-minus { border-radius: 0; border-right: 0; }.purchase-details__quantity .product-plus { border-radius: 0; border-left: 0; }.purchase-details.smart-payment-button--false { justify-content: space-between; } @media only screen and (max-width: 798px) { .purchase-details.smart-payment-button--false { flex-direction: column; } } .purchase-details.smart-payment-button--false .purchase-details__quantity { width: 50%; margin-right: 12px; max-width: 100%; } @media (max-width: large-up) { .purchase-details.smart-payment-button--false .purchase-details__quantity { width: 100%; } .purchase-details.smart-payment-button--false .purchase-details__quantity input.quantity { width: calc(100% - 88px); max-width: 100%; } } @media only screen and (min-width: 959px) { .purchase-details.smart-payment-button--false .purchase-details__quantity input.quantity { width: 100%; } } .purchase-details.smart-payment-button--false .purchase-details__buttons { width: calc(50% - 6px); } @media (max-width: large-up) { .purchase-details.smart-payment-button--false .purchase-details__buttons { width: 100%; } } .purchase-details__buttons { width: 100%; } @media only screen and (min-width: 1025px) { .purchase-details__buttons { margin-top: 12px; } } .purchase-details__buttons .action_button--secondary { transition: none; } @media only screen and (min-width: 1025px) { .purchase-details__buttons .action_button--secondary { margin-right: 12px; } } .purchase-details__buttons .shopify-payment-button, .purchase-details__buttons .action_button--secondary { flex: 1 0 100%; margin-bottom: 24px; margin-top: 0; max-width: 100%; } @media only screen and (min-width: 1025px) { .purchase-details__buttons .shopify-payment-button, .purchase-details__buttons .action_button--secondary { flex: 1 0 calc(50% - 6px); max-width: 100%; } } .additional-checkout-button.additional-checkout-button--paypal { min-width: 100% !important; } .additional-checkout-button + .additional-checkout-button { margin-left: 0 !important; max-width: 100% !important; } /* Add to cart button container */ .atc-btn-container { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .atc-btn-container.disabled { opacity: 0.3; } .modal_price--sold-out { opacity: 0.3; } /* #Tabs ================================================== */ ul.tabs { display: block; margin: 25px 0; border-bottom: solid 1px #000000; border-top: 0; list-style: none outside; margin-left: 0; text-transform: uppercase; padding-left: 0; padding-bottom: 3px; } 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 #000000; background-color: #ffffff; border-bottom: solid 3px #f26e22; height: 31px; position: relative; border-right-width: 1px; color: #0c0c0c; } 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; line-height: 1.8em; } ul.tabs-content > li.active { display: block; border: 0; padding-left: 0px; } ul.tabs-content ul { padding-left: 0; } /* 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=number], input[type=password], input[type=email], input[type=tel], textarea, select { border: 1px solid #000000; padding: 10px 15px; font: 15px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #51595d; margin: 0 0 20px 0; width: 100%; display: block; background: #fff; -webkit-appearance: none; appearance: none; box-sizing: border-box; }input[type=text], input[type=number], input[type=password], input[type=email], input[type=tel], textarea, select { border-radius: 0; }select { background: url(//www.indianasapplepie.com/cdn/shop/t/13/assets/select_arrow.png?v=115686807687498086611692026070) no-repeat 97% 50%; background-image: url(//www.indianasapplepie.com/cdn/shop/t/13/assets/select_arrow.svg?v=153876046741008281231692026070); background-size: 16px 12px; cursor: pointer; -webkit-padding-end: 30px; text-indent: 0.01px; text-overflow: ""; padding: 14px 15px; } select::-ms-expand { display: none; } @-moz-document url-prefix() { select { background-size: 12px 10px; background-position: 95% 50%; } } input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus { border: 1px solid #aaa; color: #333; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } label, legend { display: block; font-weight: bold; font-size: 13px; } input[type=checkbox] { display: inline; } label span, legend span { font-weight: bold; font-size: 13px; color: #444; }textarea { border-radius: 0; }input[type=submit].sign_up { width: inherit; margin-left: 10px; } .continue_reading .action_button { width: auto; padding: 10px 15px; margin-top: 15px; line-height: 1.8; } @media only screen and (max-width: 798px) { .continue_reading .action_button { padding: 15px 20px; } } .continue_shopping { display: none; position: relative; text-align: center; margin-top: 20px; } .continue_shopping a { font-weight: bold; } .index div.section.product_section { padding: 25px 0; } .index div.section.product_section .product_info { margin-bottom: 2em; } div.product_section { margin-top: 5px; } #target { text-align: center; } #customer_login { margin-bottom: 2px; } #customer_decline { width: auto; } /* #Shipping Rates Calculator ================================================== */ select { padding: 10px 15px; } #shipping-calculator select, #shipping-calculator input { min-height: 50px; } /* #Customers ================================================== */ .acceptsMarketing { display: flex; } .acceptsMarketing label { display: inline-block; margin-left: 5px; } .acceptsMarketing input[type=checkbox] { margin-top: 5px; } /* #Tables ================================================== *//* Responsive order tables */ .collapsible-table { width: 100%; margin-bottom: 20px; text-shadow: 1px 1px 0 #ffffff; } .collapsible-table th { font-weight: 700; text-align: left; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background-color: #ededed; } .collapsible-table th, .collapsible-table td { padding: 12px; border-right: 1px solid #dcdcdc; } .collapsible-table th:first-child, .collapsible-table td:first-child { border-left: 1px solid #dcdcdc; } .collapsible-table tr { border-bottom: 1px solid #dcdcdc; } .collapsible-table tr:first-child { border-top: 1px solid #dcdcdc; } .collapsible-table tr td { background: #fafafa; } .collapsible-table tr td a { color: #666666; font-weight: bold; } .collapsible-table tr td a:visited { color: #999999; } .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 { font-size: 16px; } .collapsible-table thead { display: none; } .collapsible-table tr { display: block; margin-bottom: 20px; border: 1px solid #dcdcdc; } .collapsible-table tr:last-child { margin-bottom: 0; } .collapsible-table tr td { position: relative; } .collapsible-table th:first-child, .collapsible-table td:first-child { border-left: none; } .collapsible-table td { display: block; display: flex; align-items: center; justify-content: space-between; padding: 0 10px 0 0; border: none; border-bottom: 1px solid #dcdcdc; } .collapsible-table td:before { content: attr(data-label); z-index: 1; padding: 6px; font-weight: bold; width: calc(50% - 6px); } .collapsible-table td:after { content: ""; z-index: 0; width: 50%; min-height: 100%; position: absolute; border-right: 1px solid #dcdcdc; background-color: #ededed; } .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); } } /* #FAQ ================================================== */ .shopify-section--page-faq-template .banner-section { margin-top: 20px; margin-bottom: 40px; } .shopify-section--page-faq-template .is-width-wide .banner-section { margin-top: 0; } .page-faq .shopify-section--header { padding-bottom: 0; } .faq-accordion { padding-top: 0.75em; } .faq-accordion .faq-accordion--heading { padding-top: 1.5em; margin: 0 0 10px; } .faq-accordion .faq-accordion--heading:first-child { padding-top: 0; } .faq-accordion > dt > .faq-accordion--button { background: transparent; position: relative; padding: 20px 20px 20px 40px; color: #f26e22; border-bottom: 1px solid #000000; text-align: left; display: block; cursor: pointer; width: 100%; outline: none; text-transform: initial; min-height: auto; height: auto; line-height: inherit; font-weight: normal; font-family: Futura, sans-serif; box-shadow: none; border-radius: 0px; font-size: 18px; } .faq-accordion > dt > .faq-accordion--button:hover, .faq-accordion > dt > .faq-accordion--button:focus { background: #f7f7f7; border: none; border-bottom: 1px solid #000000; color: #a63c94; } .faq-accordion > dt > .faq-accordion--button::after { position: absolute; top: 50%; transform: translateY(-50.1%); left: 15px; font-size: 25px; content: "+"; color: inherit; } .faq-accordion > dt > .faq-accordion--button[aria-expanded=true]::after { content: "-"; font-size: 30px; } .faq-accordion > dt:first-child > button { border-top: none; } .faq-accordion > dd { color: #0c0c0c; padding: 20px 0px 20px 0px; } .faq-accordion > dd[aria-hidden=true] { display: none; } @media only screen and (max-width: 798px) { .faq-accordion > dd { margin-left: 15px; } } /* Predictive search */ [data-autocomplete-true], [data-autocomplete-false], #autocomplete-search { position: relative; } .search__results-wrapper { display: none; position: absolute; z-index: 4; top: 100%; width: 700px; right: 0; left: auto; } @media only screen and (max-width: 798px) { .search__results-wrapper { width: 100%; } } ul.search__results { background-color: white; margin-left: 0; padding-top: 12px; list-style: none; border: 1px solid #000000; } @media only screen and (min-width: 799px) { ul.search__results { display: flex; flex-wrap: wrap; padding: 16px 30px; } } @media only screen and (max-width: 798px) { ul.search__results { border: none; } } ul.search__results li { padding: 0; } @media only screen and (min-width: 799px) { ul.search__results li { width: 50%; display: inline-block; margin-bottom: 0; text-align: left; } ul.search__results li.all-results { width: 100%; } } ul.search__results li a { display: flex; align-items: center; margin: 0; padding: 16px 16px 16px 0; } ul.search__results li a .thumbnail { max-width: 30%; margin: 0 16px 0 0; } ul.search__results li a .title { display: flex; align-items: flex-start; flex-direction: column; color: #0c0c0c; text-transform: none; } ul.search__results li a .item-pricing { color: #4396c1; } ul.search__results .all-results a { padding: 10px 0; } @media only screen and (min-width: 799px) { ul.search__results .all-results a { padding: 0; } } ul.search__results .all-results a .icon-arrow-right { margin-left: 4px; } /* Search overlay */ .has-search-overlay::after { content: ""; display: block; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.2); } /* mobile search */ .mobile-search { display: none; position: absolute; top: 0; left: 0; height: 100vh; z-index: 999999; width: 100%; background: #FFFFFF; } @media only screen and (min-width: 799px) { .mobile-search { display: none !important; /* Ensure it does not display on larger screens */ } } .mobile-search .search__fields { position: relative; } .mobile-search form { background-color: #FFFFFF; margin: 0; padding: 10px 20px 0; position: relative; min-height: 70vh; width: calc(100% - 40px); } .mobile-search input#q { font-family: Futura, sans-serif; font-weight: 700; font-style: normal; font-size: 16px; text-transform: uppercase; padding-left: 40px; padding-right: 20px; border: 0; border-bottom: 1px solid #000000; border-radius: 0; text-transform: none; margin-bottom: 10px; } .mobile-search input#q:focus, .mobile-search input#q:active { border-bottom: 2px solid #005fcc; outline: 0; box-shadow: none; } .mobile-search .icon-search { left: 0; top: 50%; transform: translateY(-50%); position: absolute; z-index: 1000; font-size: 20px; cursor: pointer; } .mobile-search .close-search { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 20px; cursor: pointer; } .mobile-search .search__results-wrapper { overflow-y: scroll; max-height: calc(100vh - 60px); /* Full screen height - form height */ position: relative; } .mobile-search .search__results { background-color: #FFFFFF; margin-top: 0; padding: 0; } .mobile-search .item-result:last-child { padding-bottom: 10px; } /* Inner pages */ .page-not-found__form .search__results-wrapper, .search-template-section .search__results-wrapper { width: 100%; } /* #Contact form ================================================== */ .quote-container { margin: 2em 0; } .quote-container p { font-style: italic; font-weight: bold; } .contact_form { padding-top: 0.75em; } @media only screen and (max-width: 798px) { .contact_form { display: block; } } .contact_form .contact_content .contact_text { padding-bottom: 20px; } @media only screen and (max-width: 798px) { .contact_image--right { padding-bottom: 20px; } } @media only screen and (min-width: 1025px) and (max-width: 1400px) { .contact_image--right { padding-right: 60px; } } @media only screen and (max-width: 798px) { .contact_image--left { padding-bottom: 20px; } } @media only screen and (min-width: 1025px) and (max-width: 1400px) { .contact_image--left { padding-left: 60px; } } .contact_text_alignment--right .contact_content p, .contact_text_alignment--right h2 { text-align: right; } .contact_text_alignment--center .contact_content p, .contact_text_alignment--center h2 { text-align: center; } .contact-template_contact_form { margin-bottom: 50px; } .contact_form.contact_text_position--center .contact_content { margin-bottom: 25px; } .contact_form .contact_image img { width: 100%; } /* #Home page - newsletter ================================================== */ .shopify-section--newsletter .newsletter-wrap { margin: 0 auto; padding: 40px; display: flex; } .shopify-section--newsletter .newsletter-wrap.is-width-wide { padding: 40px 0; } .shopify-section--newsletter .newsletter-wrap.newsletter--left { justify-content: flex-start; } .shopify-section--newsletter .newsletter-wrap.newsletter--right { justify-content: flex-end; } .shopify-section--newsletter .newsletter-wrap.newsletter--right form.contact-form { justify-content: flex-end; } .shopify-section--newsletter .newsletter-wrap.newsletter--center { justify-content: center; } .shopify-section--newsletter .newsletter-wrap.newsletter--center form.contact-form { margin: 0 auto; } .shopify-section--newsletter .newsletter-wrap h2 { margin-bottom: 5px; } .shopify-section--newsletter .newsletter-wrap p { margin-bottom: 7px; } .shopify-section--newsletter .newsletter-wrap form.contact-form { padding-top: 0; } .shopify-section--newsletter .newsletter-wrap form.contact-form input.action_button { width: 120px; } @media only screen and (max-width: 798px) { .shopify-section--newsletter .newsletter-wrap form.contact-form input.action_button { width: 100%; } } @media only screen and (max-width: 798px) { .shopify-section--newsletter .newsletter-wrap { justify-content: center; } } .shopify-section--newsletter .text { max-width: 60%; } @media only screen and (max-width: 798px) { .shopify-section--newsletter .text { width: 100%; max-width: 100%; } } /* #Home page - Map ================================================== */ .maps iframe { pointer-events: none; display: block; } .page-contact .map--container { padding-top: 40px; } .map--container { width: 100%; } .map--container svg { height: 400px; } @media only screen and (max-width: 480px) { .map--container svg { height: 250px; } } .mapLayout { display: flex; } @media only screen and (max-width: 798px) { .mapLayout { flex-wrap: wrap; } } .mapLayout .placeholder-svg--banner { max-height: 400px; } .mapLayout.mapLayout--right { flex-direction: row-reverse; } .mapLayout--display { width: 75%; flex: 1 0 75%; } @media only screen and (max-width: 798px) { .mapLayout--display { width: 100%; } } .mapLayout--display img.lazyloaded { width: 100%; max-height: 400px; object-fit: cover; } @media only screen and (max-width: 798px) { .mapLayout--display img.lazyloaded { height: auto; } } .mapLayout--display iframe { height: 400px; } .mapLayout--display.mapLayout-hours--false { width: 100%; } .mapLayout--info { width: 25%; display: flex; align-items: center; } @media only screen and (max-width: 798px) { .mapLayout--info { width: 100%; height: auto; } } .mapLayout--info .info { padding: 1.5rem; width: 100%; } .mapLayout--info .info p { margin-bottom: 0; } .mapLayout--info .info .action_button { margin-top: 20px; width: auto; padding: 10px 15px; line-height: 1.8; } .mapLayout--directions { max-width: 90%; margin: 20px auto; } /* #Home page - Image with text overlay ================================================== */ .banner-section { overflow: hidden; position: relative; } .banner-section .banner-section__image { margin: 0; width: 100%; display: block; } .banner-section .banner-section__caption { top: 50%; margin: 0; z-index: 3; width: 100%; position: absolute; color: #ffffff; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); transform: translateY(-50%); pointer-events: none; } @media only screen and (max-width: 798px) { .banner-section .banner-section__caption .banner-section__caption-content { padding-left: 25px; padding-right: 25px; } } .banner-section .banner-section__caption .banner-section__caption-headline { font-family: Futura, sans-serif; font-weight: 400; font-style: normal; color: #ffffff; font-size: 42px; margin-bottom: 0.2em; line-height: 47px; } @media only screen and (max-width: 798px) { .banner-section .banner-section__caption .banner-section__caption-headline { font-size: 1.5em; line-height: 1em; } } .banner-section .banner-section__caption .banner-section__caption-subtitle { font-family: Futura, sans-serif; font-weight: 400; font-style: normal; text-transform: none; color: #ffffff; font-size: 20px; margin-bottom: 0; line-height: 1.5em; } @media only screen and (max-width: 798px) { .banner-section .banner-section__caption .banner-section__caption-subtitle { font-size: 1.2em; line-height: 1em; margin-bottom: 10px; } } .banner-section .banner-section__caption .banner-section__caption-button { width: auto; margin-top: 15px; padding: 10px 15px; line-height: 1.8; pointer-events: all; } @media only screen and (max-width: 798px) { .banner-section .banner-section__caption .banner-section__caption-button { margin-top: 5px; font-size: 12px; width: initial; } } .article .banner-section { margin-bottom: 2em; } /* #Home page - Slideshow ================================================== */ .slideshow { overflow: hidden; } .slideshow .slideshow__gallery-cell { width: 100%; } .slideshow .slideshow__gallery-cell .slideshow__gallery-cell-image { margin: 0; width: 100%; display: block; } .slideshow .slideshow__caption { top: 50%; margin: 0; z-index: 3; width: 100%; position: absolute; color: #ffffff; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); transform: translateY(-50%); pointer-events: none; } .slideshow .slideshow__caption .container { opacity: 0; max-width: 1200px; } .slideshow .slideshow__caption .container.text-animation--none { opacity: 1; } .slideshow .slideshow__caption .column { max-width: 580px; } @media only screen and (max-width: 798px) { .slideshow .slideshow__caption .slideshow__caption-content { padding-left: 25px; padding-right: 25px; } } .slideshow .slideshow__caption .slideshow__caption-headline { font-family: Futura, sans-serif; font-weight: 400; font-style: normal; color: #ffffff; font-size: 42px; margin-bottom: 0.2em; line-height: 47px; } @media only screen and (max-width: 798px) { .slideshow .slideshow__caption .slideshow__caption-headline { font-size: 1.5em; line-height: 1em; } } .slideshow .slideshow__caption .slideshow__caption-subtitle { font-family: Futura, sans-serif; font-weight: 400; font-style: normal; text-transform: none; color: #ffffff; font-size: 20px; margin-bottom: 0; line-height: 1.5em; } @media only screen and (max-width: 798px) { .slideshow .slideshow__caption .slideshow__caption-subtitle { font-size: 1.2em; line-height: 1em; margin-bottom: 10px; } } .slideshow .slideshow__caption .slideshow__caption-button { width: auto; margin-top: 15px; padding: 10px 15px; line-height: 1.8; pointer-events: all; } @media only screen and (max-width: 798px) { .slideshow .slideshow__caption .slideshow__caption-button { margin-top: 5px; font-size: 12px; width: initial; } } .slideshow .flickity-page-dots { right: 5%; width: auto; bottom: 30px; } .slideshow .flickity-page-dots .dot { padding: 0; opacity: 1; width: 18px; height: 18px; margin: 0 7px; background-color: rgba(255, 255, 255, 0.3); } @media only screen and (max-width: 798px) { .slideshow .flickity-page-dots .dot { background-color: rgba(0, 0, 0, 0.3); } } .slideshow .flickity-page-dots .dot.is-selected { cursor: default; background-color: rgba(255, 255, 255, 0.7); } @media only screen and (max-width: 798px) { .slideshow .flickity-page-dots .dot.is-selected { background-color: rgba(0, 0, 0, 0.7); } } @media only screen and (max-width: 798px) { .slideshow .flickity-page-dots { bottom: auto; right: auto; position: relative; margin: 15px auto; } } .slideshow .flickity-button { color: #ffffff; border-radius: 0; background-color: rgba(0, 0, 0, 0.4); } .slideshow .flickity-button:hover { background-color: rgba(0, 0, 0, 0.6); } .slideshow .flickity-button.previous { left: -60px; } .slideshow .flickity-button.next { right: -60px; } .slideshow .flickity-button:active { box-shadow: none; } .slideshow .flickity-button .arrow { opacity: 1; } @media only screen and (max-width: 798px) { .slideshow .flickity-button { display: none; } } .slideshow:hover .flickity-prev-next-button.previous { left: 20px; } .slideshow:hover .flickity-prev-next-button.next { right: 20px; } .dark-overlay-true:after { content: ""; position: absolute; z-index: 2; background: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; } /* Adds fade transition for slideshows and product galleries, excludes thumbnail carousels */ .slideshow.slideshow-transition--fade .flickity-slider, .product-gallery.slideshow-transition--fade .product-gallery__main .flickity-slider { transform: none !important; } .slideshow.slideshow-transition--fade .product-gallery__image, .slideshow.slideshow-transition--fade .slideshow__gallery-cell, .product-gallery.slideshow-transition--fade .product-gallery__main .product-gallery__image, .product-gallery.slideshow-transition--fade .product-gallery__main .slideshow__gallery-cell { left: 0 !important; opacity: 0; transition: opacity 0.3s ease-in-out; z-index: -1; } .slideshow.slideshow-transition--fade .product-gallery__image.is-selected, .slideshow.slideshow-transition--fade .slideshow__gallery-cell.is-selected, .product-gallery.slideshow-transition--fade .product-gallery__main .product-gallery__image.is-selected, .product-gallery.slideshow-transition--fade .product-gallery__main .slideshow__gallery-cell.is-selected { opacity: 1; z-index: 0; } .testimonial-slideshow .flickity-page-dots { display: none; bottom: 20px; margin-top: 0; } @media only screen and (max-width: 798px) { .testimonial-slideshow .flickity-page-dots { display: block; } } /* #Blog ================================================== */ .blog_list { margin-left: 0; } .blog_list li { list-style: none; padding-left: 0; } .recent_articles li { padding-bottom: 10px; } .recent_articles a { font-size: 17px; padding-right: 15px; display: block; } .toggle span, .mobile_menu span { font-weight: bold; font-size: larger; float: right; display: none; } .mobile_menu span { display: block; padding: 8px 20px; cursor: pointer; color: #9DA0A4; } .toggle-all--true h4.toggle { cursor: pointer; } .toggle-all--true .toggle span { display: block; } .toggle-all--true .toggle_list { display: none; } @media only screen and (min-width: 1025px) and (max-width: 1400px) { .toggle-all--false .toggle_list { display: block !important; } } .menu-toggle { float: right; display: inline-block; cursor: pointer; padding: 1px 6px 0 6px; margin-right: 0; font-size: 12px; font-weight: bold; transition: transform 0.3s linear; } .menu-toggle.active { transform: rotate(-90deg); } @media only screen and (max-width: 798px) { .menu-toggle { font-size: 14px; } } /* Author & Comments */ .blog__comment { width: 100%; margin-bottom: 20px; } .blog__social-share { margin-bottom: 20px; } .blog__author, .blog__comment-author { margin-bottom: 20px; flex: 1 1 auto; } .blog__author-name, .blog__comment-author-name { padding: 0; } .blog__author-image, .blog__comment-author-image { width: 80px; height: 80px; } .blog__author-image img, .blog__comment-author-image img { border-radius: 50px; } .blog__comment-author-bio { flex: 1 1 auto; } .blog__author-bio, .blog__comment-author-bio { margin-left: 20px; } @media only screen and (max-width: 798px) { .blog__author-bio, .blog__comment-author-bio { margin-left: 0; } } /* Comment form */ .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; } /* Search form */ .search-form { margin: 0 auto; max-width: 500px; } .search-form input[type=text] { margin-bottom: 0; margin-right: 20px; flex-grow: 1; } @media only screen and (max-width: 798px) { .search-form input[type=text] { margin-right: 0; margin-bottom: 15px; } } .search-form input[type=text], .search-form input.action_button[type=submit] { width: auto; } @media only screen and (max-width: 798px) { .search-form input[type=text], .search-form input.action_button[type=submit] { width: 100%; } } .label, .meta .label { color: #9da6ae; } .blog_meta, .blog_meta a { color: #9da6ae; } .blog_meta a:hover { color: #a63c94; } .blog_meta p { padding-right: 40px; } .blog_meta span { position: relative; display: inline-block; margin-right: 15px; font-size: smaller; color: #9da6ae; } .blog_meta span:after { content: ""; position: absolute; right: -16px; top: 50%; margin: -1px 5px 0; width: 4px; height: 4px; border-radius: 2px; background-color: #ced3d3; box-sizing: border-box; } .blog_meta span:last-child:after { background-color: transparent; } .tags span a { font-weight: bold; color: #4396c1; } .blog_list li { list-style: none; } .count { font-style: normal; font-size: 13px; } #tag_filter, #sort-by { margin-bottom: 0; padding: 10px 30px 10px 12px; display: inline-block; } .excerpt { margin-top: -10px; line-height: 1.8em; position: relative; max-height: 9em; /* exactly five lines */ margin-bottom: 7px; overflow: hidden; } .excerpt-length--lg .truncation-fade { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255)); } .excerpt-length--sm .truncation-fade { display: none; } .container div.tag_filter { display: none; } /* #Newsletter ================================================== */ .newsletter { margin: 0px auto; max-width: 640px; } .newsletter .message:empty { display: none; } .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 { margin: 5px; max-height: 51px; min-width: 0; } @media only screen and (max-width: 798px) { .input-row input { margin: 5px 0; } } .input-row input[type=text] { flex-basis: 0; flex-grow: 2; flex-shrink: 2; } .input-row input[type=email] { flex-basis: 0; flex-grow: 2; flex-shrink: 2; } .input-row input.sign_up { display: inline-block; margin: 5px; flex: none; max-height: 51px; } @media only screen and (max-width: 798px) { .input-row input.sign_up { width: 100%; } } /* #Image Gallery ================================================== */ .gallery-section { text-align: center; } .gallery-section a { display: block; } .gallery-section img { width: 100%; height: auto; display: block; } .gallery-section .two-per-row { width: 50%; } @media only screen and (max-width: 798px) { .gallery-section .two-per-row { width: 100%; } } .gallery-section .three-per-row { width: 33.333%; } @media only screen and (max-width: 798px) { .gallery-section .three-per-row { width: 100%; } } .gallery-section .four-per-row { width: 25%; } @media only screen and (max-width: 798px) { .gallery-section .four-per-row { width: 100%; } } .gallery-section .gallery_image { display: block; float: left; margin: 0; } .gallery-section .add-padding { padding: 5px; } /* #Home page - Logo list ================================================== */ .logo-bar-section h2 { padding-bottom: 6px; } .logo-bar { text-align: center; margin-bottom: 20px; } .logo-bar .logo-bar__item { display: inline-block; vertical-align: middle; width: 100%; max-width: 160px; margin-top: 20px; margin-right: 25px; margin-left: 25px; width: 100%; } @media only screen and (max-width: 798px) { .logo-bar .logo-bar__item { margin-right: 15px; margin-left: 15px; } } /* #Home page - Contact form ================================================== */ .contact__form-name { margin-right: 20px; } @media only screen and (max-width: 480px) { .contact__form-name { margin-right: 0; } } .contact__form-name, .contact__form-email { flex: 1 1 auto; } .contact__form-message { flex-basis: 100%; } .contact__form-message input[type=submit] { width: initial; padding: 10px 30px; } .contact__form-subheading { border: none; } .contact__form-image { margin-bottom: 20px; } /* #Rich text ================================================== */ .container img.richtext-logo { max-width: 200px; margin: 0px auto; display: block; } /* #Home page - Testimonials ================================================== */ .shopify-section--testimonials .featured-link--section:nth-child(odd) { flex-direction: initial; } .shopify-section--testimonials .featured-link--section:nth-child(odd) .featured-link--half { float: initial; } .shopify-section--testimonials .featured-link--half { background-color: #ffffff; } .shopify-section--testimonials .featured-link--half p, .shopify-section--testimonials .featured-link--half h2 { line-height: 1.8; color: #404040; } .shopify-section--testimonials .testimonial-image-right { flex-direction: row-reverse; } .shopify-section--testimonials .testimonial-image-right:nth-child(odd) { flex-direction: row-reverse; } /* #Misc ================================================== */ .remove { color: #0c0c0c; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } .right { float: right; position: relative; } .left { float: left; } .center { text-align: center; } .relative { position: relative; } .inline { display: inline; } h2.align_right { text-align: right; } .align_right { text-align: right; } h2.align_left { text-align: left; } .align_left { text-align: left; } .align_center { text-align: center; } .container div.mobile_only { display: none; } .no_border { border: none !important; } .extra_padding { padding-top: 4px; } .hidden { display: none !important; } div#gift-card-outer-container { background-color: #eee; } .warning { clear: both; padding-top: 20px; text-align: center; } #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; } .visuallyhidden { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .shopify-section--image-with-text .grid-layout--standard { padding: 20px 0px; } /* Used for inner pages with banner options */ .banner-option .headline, .shopify-section--page-faq-template .headline { padding-top: 20px; } .banner-option .shopify-section--header, .shopify-section--page-faq-template .shopify-section--header { padding-bottom: 0; } .banner-option .wide_display--false, .shopify-section--page-faq-template .wide_display--false { padding-top: 20px; } /* #Site Styles ================================================== */ div.content { padding: 15px 0px 0px 0px; } .logo a { margin: 0; padding-top: 5px; display: block; } .shopify-section--page, .shopify-section--rich-text, .featured-content-section { background-color: #f0ecee; } .shopify-section--rich-text { background-color: #f2c84b; } .shopify-section--rich-text .action_button { line-height: 1.8; width: auto; } @media only screen and (max-width: 798px) { .shopify-section--rich-text .action_button { padding: 15px 20px; } } div.product_section { margin: 5px 0; } .breadcrumb { margin-bottom: 1em; } .breadcrumb .prev, .breadcrumb .next { border: solid 1px #000000; color: #0c0c0c; margin: 5px 0 5px 8px; padding: 5px 12px; font-size: 12px; display: inline-block; min-width: 1em; }.breadcrumb .prev, .breadcrumb .next { border-radius: 0; }.breadcrumb .prev:before, .breadcrumb .next:before { margin-right: 0; } .breadcrumb .prev:hover, .breadcrumb .prev:active, .breadcrumb .next:hover, .breadcrumb .next:active { background-color: #f7f7f7; color: #4396c1; } .breadcrumb .icon-caret-right { top: -2px; font-size: 10px; position: relative; } #category { width: 100%; } .featured_content p { margin-bottom: 0; } .featured_text { font-size: 22px; } .paginate { text-align: center; } .paginate span, a.tag { border: solid 1px #000000; margin: 10px 5px; padding: 5px 10px; display: inline-block; min-width: 1em; }.paginate span, a.tag { border-radius: 0; }a.tag { font-size: smaller; padding: 4px 6px; margin: 5px 2px 5px 0; } .paginate span:hover, a.tag:hover { color: #a63c94; } .paginate .current { background-color: #f2f2f2; } .paginate .deco { border: none; } /* #Thumbnails ================================================== */ .thumbnail { position: relative; margin-bottom: 1em; }.thumbnail a { display: block; padding-bottom: 0.5em; color: #0c0c0c; font-weight:700; } .thumbnail a:hover { color: #4396c1; } .thumbnail .vendor { font-size: 13px; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase; }.products .thumbnail img { max-height: 200px; width: 100%; object-fit: contain; } .products .thumbnail video, .products .thumbnail .plyr--youtube { width: 100%; max-height: 200px; } .products .thumbnail .plyr--youtube { height: 200px; } .products .thumbnail .plyr--youtube .plyr__video-embed { height: 100%; }.thumbnail img { transition: all 500ms ease 0s; }.thumbnail .image__container { margin-bottom: 15px; } .thumbnail a img, .thumbnail a svg { display: block; margin-left: auto; margin-right: auto; } /* Swap to second image on hover */.has-secondary-media-swap img { visibility: visible; height: auto; } .has-secondary-media-swap .secondary-media-hidden { opacity: 0; visibility: hidden; height: 0 !important; /* override inline height on image-element snippet */ }.modal_price { font-weight: bold; color: #0c0c0c; } .thumbnail .sale, .sale { color: #a63c94; } /* #Stickers ================================================== */ .sticker-holder { position: absolute; top: 0; left: 0; } .thumbnail-sticker { padding: 15px; font-weight: 500; text-align: center; letter-spacing: 1px; text-transform: uppercase; font-family: Futura, sans-serif; } .thumbnail-sticker.sale-sticker { background-color: #a63c94; color: #ffffff; } .thumbnail-sticker.new-sticker { background-color: #f26e22; color: #ffffff; } .thumbnail-sticker.comingsoon-sticker { background-color: #000000; color: #ffffff; } .thumbnail-sticker.preorder-sticker { background-color: #000000; color: #ffffff; } .sticker-text { display: block; line-height: 1; font-size: 1em; } @media only screen and (max-width: 798px) { .sticker-text { font-size: 0.8em; } } @media only screen and (max-width: 798px) { .sticker-holder--mobile .sticker-text { font-size: 0.6em; } } /* Padding to add 50px gutter between image and description */ .product__description--right { padding-left: 50px; } @media only screen and (max-width: 1024px) { .product__description--right { padding-left: 25px; } } @media only screen and (max-width: 798px) { .product__description--right { padding-left: 0; } } .product__description--left { padding-right: 50px; } @media only screen and (max-width: 1024px) { .product__description--left { padding-right: 25px; } } @media only screen and (max-width: 798px) { .product__description--left { padding-right: 0; } } .info .product-details__unit-price:not(.product-details__unit-price--hidden) { text-align: right; float: right; width: 100%; } @media only screen and (max-width: 798px) { .info .product-details__unit-price:not(.product-details__unit-price--hidden) { float: none; text-align: left; display: block; } } .product-thumbnail__title-container { display: flex; flex-direction: column; }.thumbnail .info { text-align: center; } .thumbnail .price { display: none; font-weight: bold; margin-bottom: 0; } .thumbnail .product-details__unit-price { text-align: center; } .collection_swatches { text-align: center; }.cart_price { text-align: right; padding-left: 20px; font-weight: bold; display: none; } .tos_checkbox { display: flex; } .tos_checkbox p { margin-bottom: 0; margin-left: 5px; text-align: left; line-height: 1.4em; } .tos_checkbox label.tos_label { font-weight: normal; } .excluding_tax, #estimated-shipping { display: block; } a.cart_image { display: block; max-width: 100px; } .cart_image img { float: left; margin-right: 20px; max-width: 100px; } .quantity_label { display: none; } .price-total-text { font-weight: bold; display: none; } .was_price { text-decoration: line-through; color: #9da6ae; font-style: italic; text-shadow: none; font-weight: normal; } .thumbnail .quick_shop_container { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; } .thumbnail .quick_shop { display: none; background-color: #ec6a43; color: #ffffff; font-family: Futura, sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; padding: 10px 15px; line-height: 1.8; } .thumbnail .quick_shop:hover { color: #ffffff; background-color: #a63c94; } .thumbnail:hover .quick_shop { display: inline; } .thumbnails a { display: block; margin-bottom: 1em; } .arrow { font-size: smaller; position: relative; top: -1px; left: 2px; opacity: 0.6; } .modal { margin: 10px 0; display: none; background-color: #ffffff; color: #0c0c0c; } .modal_product { width: auto; line-height: 0px; max-width: 940px; } .modal_product img { cursor: pointer; } .modal_image { text-align: center; } .modal_image img { max-height: 500px; } .modal p.modal_price, p.modal_price { font-size: 22px; margin: 0; }.product__price-container { margin-bottom: 22px; } .product-details__unit-price { margin: 0.5em 0 0; } :root { --color-body-text: #0c0c0c; --color-body: #ffffff; --color-bg: #ffffff; } shopify-payment-terms { display: block; margin-top: 8px; font-size: smaller; line-height: 1.8; } .modal form { margin-bottom: 10px; } .notify_form .submit { padding: 8px 8px !important; } .product_image_col { margin-top: 15px; text-align: center; } .product_image { text-align: center; margin-bottom: 0.75em; } .meta { font-size: 13px; } .meta p { font-size: 13px; margin-bottom: 0px; } p.meta { margin-bottom: 10px; } .comment-body p.meta { margin-bottom: 5px; } .content_block { padding-right: 15px; } .section_select { float: right; text-align: right; margin-left: 15px; } @media only screen and (max-width: 798px) { .section_select { width: 100%; margin-left: 0; } } .checkout { display: block; float: right; margin-top: 0px; } .or { font-size: smaller; font-style: italic; padding: 0 10px; } input.quantity { padding: 14px 8px; width: 60px; display: inline; margin-bottom: 1em; } .inline_purchase { display: inline-block; margin-left: 20px; margin-top: 28px; } .inline_purchase .add_to_cart { float: left; margin-top: 0; } .subtotal, .discount { text-align: right; } @media only screen and (max-width: 798px) { .subtotal, .discount { text-align: left; margin-bottom: 0; border-bottom: none; padding-bottom: 0; } } .subtotal, .subtotal-price, .discount, .discount-price { margin-top: 0; } .discount-price { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .price-total { min-height: 48px; /* Match the minimum height of the quantity box. */ display: flex; flex-wrap: wrap; align-items: center; } .price-total .price-total__container { width: 100%; } .mobile_left { text-align: right; } .article, .article_image { padding-bottom: 15px; } @media only screen and (max-width: 798px) { .article_image { padding-bottom: 0; } } .article img, .article svg { margin-bottom: 15px; } body.article { padding-bottom: 0; } .comment { margin-bottom: 20px; } .comment-body h6 { padding-bottom: 0.25em; } .comment-form input { width: 100%; } .social_buttons a { display: inline-block; line-height: 32px; padding: 0 12px; color: #0c0c0c; border: 1px solid #000000; margin: 8px 8px 8px 0; font-size: 13px; transition: all 0.1s linear; }.social_buttons a { border-radius: 0; }.items_left p { margin-bottom: 0; } .gravatar { width: 100px !important; } .gravatar img { width: 80px; height: 80px; margin-bottom: 15px; border-radius: 40px; } .red { color: #C33; } .address p { margin-bottom: 5px; } div#disqus_thread ul, div#disqus_thread li { border: none; } .search_page--no-results .search-field { line-height: 1.7; } @media only screen and (max-width: 798px) { .search_page--no-results .search-field { width: 100%; } } /* Size chart */ .size_chart { float: right; font-family: Futura, sans-serif; font-size: smaller; position: relative; top: 4px; } /* #Policy Pages ================================================== */ .container .shopify-policy__container { padding-left: 0; padding-right: 0; max-width: 1180px; } .container .shopify-policy__container .shopify-policy__title { text-align: left; padding-bottom: 20px; margin-bottom: 1.5em; border-bottom: solid 1px #d8d8d8; } .container .shopify-policy__container .shopify-policy__title h1 { display: inline; margin-bottom: 0; } /* #Password Page ================================================== */ #password-page-bg { background-color: #a19e9e; color: #ffffff; } #password-container { margin: 55px auto 0; max-width: 100%; display: table; text-align: center; display: table; } #password-container h1 { color: #f55423; } .password-page-row { display: table-row; width: 100%; height: 100%; margin: 0 auto; } .password-page-col { display: table-cell; vertical-align: middle; padding: 15px 30px; width: 100%; } .password-page-name { color: #ffffff; } .password-page-message { margin: 0 auto 25px; line-height: initial; text-transform: uppercase; padding: 15px 0px 15px 0px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; font-size: 29px; color: #f55423; } .password-page-follow { color: #f55423; text-align: center; font-size: 18px; margin-bottom: 0px; margin-top: 20px; } .password-logo { margin: 0px auto; } .password-message { max-width: 600px; } .hr-small { margin: 20px auto; width: 50px; } .password_spread { padding: 0px; } .password-social .social-icons li { display: inline-block; } .password-social .social-icons { margin: 0px; } .password-social .social-icons a, .password-social .social-icons a:visited, .password-social .social-icons a:active, .password-social .social-icons a:hover { color: #ffffff; font-size: 17px; padding: 0px; height: 42px; width: 42px; line-height: 42px; text-align: center; display: inline-block; } .password-social .social-icons a:before, .password-social .social-icons a:visited:before, .password-social .social-icons a:active:before, .password-social .social-icons a:hover:before { margin-right: 0px; } .password-footer { margin-top: 15px; margin-bottom: 40px; font-size: 14px; font-weight: bold; color: #ffffff; text-align: center; } #password-page-bg .powered { margin-top: 0px; } .powered { display: block; margin-top: 15px; } .password-footer a { color: #ffffff; text-decoration: none; } .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: #ffffff; text-decoration: none; } /* Password Page Modal CSS */ .controls { display: block; margin: 1em 2em 1em auto; text-align: right; text-transform: uppercase; position: relative; } #open-me a { color: #ffffff; font-weight: bold; font-size: 15px; } .close-me { z-index: 8000; } .close-me a { color: #000; } .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; 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; 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: 95%; /* set to 95% to avoid bleeding right up against the edge of screen */ display: table; text-align: center; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); color: #000; } .storefront-password-form label { font-size: 0.9em; margin: 0 0 1em 0; } .storefront-password-form .actions { display: inline-block; } .storefront-password-form #password { width: 80%; display: inline-block; } #owner { font-size: 0.9em; margin-top: -1em; opacity: 0.8; } .pass-close { color: #000 !important; padding: 0 !important; margin: 1em !important; position: absolute !important; top: 0px !important; right: 0px !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 Details ================================================== */ div.product-details .action_button { width: auto; } div.product-details img { width: 100%; } div.product-details img.rich-image { width: auto; margin-bottom: 20px; } div.product-details .product-divider { margin: 20px 0px; opacity: 0; border-color: #000000; } div.product-details .active-divider { opacity: 1; } div.product-details .feature_divider_left { margin: 25px 0px 25px 0px; } div.product-details .detail_title { line-height: initial; font-size: 42px; margin-bottom: 0.3em; font-family: Futura, sans-serif; font-weight: 700; text-transform: none; color: #f26e22; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; } @media only screen and (max-width: 798px) { div.product-details .detail_title { font-size: 21px; } } div.product-details .gallery--thumbnail.column { margin-top: 10px; margin-bottom: 10px; } /* #Swatch Styles ================================================== *//* #Sidebar ================================================== */ .sidebar_title { margin-bottom: 0; } .sidebar ul > li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .sidebar ul > li a { max-width: 80%; } .sidebar ul > li ul { flex-basis: 100%; } .sidebar .newsletter { margin-bottom: 25px; } .sidebar .newsletter .input-row { display: block; } .sidebar .newsletter .input-row .action_button { width: 100%; } .sidebar p { font-size: 17px; } .sidebar .search { padding-top: 8px; } .sidebar .search input { width: 100%; box-sizing: border-box; } .sidebar_content { border-left: solid 1px #000000; padding-left: 20px; } @media only screen and (max-width: 798px) { .sidebar_content { border: 0; padding: 0; } } .sidebar_content .input-row { flex-direction: column; margin-left: 0px; margin-right: 0px; } .sidebar_content .input-row input { margin: 5px 0; } .sidebar_content .input-row input.action_button { width: 100%; } .has-sidebar-option.sidebar-enabled--false { width: 100%; } .sidebar .newsletter { margin-bottom: 20px; } .sidebar .newsletter .contact-form { width: auto; } .sidebar .newsletter .contact-form input { width: 100%; } @media only screen and (max-width: 798px) { .sidebar, .has-sidebar-option { width: 100% !important; /* Force sidebar width for mobile devices */ } } .sidebar__content { margin-left: calc(20px / 2); margin-right: calc(20px / 2); } @media only screen and (max-width: 798px) { .sidebar__content { padding: 0; border: none; } } .content-wrapper { width: 100%; } .content-wrapper--article.sidebar-enabled--false { width: 75%; } @media only screen and (max-width: 798px) { .content-wrapper--article.sidebar-enabled--false { width: 100%; } } .content-wrapper--blog .sidebar__content, .content-wrapper--article .sidebar__content { padding-left: 20px; border-left: solid 1px #000000; } @media only screen and (max-width: 798px) { .content-wrapper--blog .sidebar__content, .content-wrapper--article .sidebar__content { padding: 0; border: none; } } /* #Footer ================================================== */ footer { background-color: #3f3f3f; font-size: 15px; line-height: 1.7em; color: #ffffff; padding: 25px 0; margin-top: 2em; }footer { border-top: solid 1px rgba(0,0,0,0); }.index footer { margin-top: 0; } .footer p { margin-bottom: 10px; } .footer a { color: #ec6a43; } .footer a:hover { color: #ffffff; } .footer_content_page img { height: auto; max-width: 100%; } .contact-form { margin-bottom: 0; } form.search { margin-bottom: 10px; } input.search_box { padding: 10px 15px 10px 35px; background: #fff url(//www.indianasapplepie.com/cdn/shop/t/13/assets/search.jpg?v=14535434292738173541692026070) no-repeat 12px 50%; border: solid 1px #000000; margin-bottom: 0px; }input.search_box { border-radius: 0; }.search_box:focus { background-color: #fff; } .payment_methods { opacity: 0.8; margin: 4px 0 6px 0; filter: alpha(opacity=80); } .payment_methods svg { width: 48px; height: 30px; padding-right: 4px; } .credits_right { text-align: right; } @media only screen and (max-width: 798px) { .credits_right { text-align: left; } } .icons { list-style: none outside; margin-left: 0; border: 0; } .footer .social-icons li { border: 0; float: left; padding: 0 0 8px 0; } .footer ul { list-style: none outside; margin-left: 0; } .footer li { padding: 6px 0; list-style: none outside none; margin-bottom: 0; } .footer ul.footer_menu li:first-child { margin-left: 0; padding-top: 0; } .product_slider { margin-bottom: 1em; } .index-sections .shopify-section--image-with-text-overlay:last-child { margin-bottom: 0; } .product .featured-link--half .collection_title, [class*=product] .featured-link--half .collection_title { font-size: 2vw; } @media only screen and (max-width: 798px) { .product .featured-link--half .collection_title, [class*=product] .featured-link--half .collection_title { font-size: inherit; } } .product .columns.product-image--align-right, [class*=product] .columns.product-image--align-right { float: right; } /* Currency / language switcher in footer */ @media only screen and (max-width: 798px) { #footer__selector-form .selectors-form__wrap { justify-content: flex-start; } } #footer__selector-form .selectors-form__item { margin-left: 15px; } @media only screen and (max-width: 798px) { #footer__selector-form .selectors-form__item { margin-left: 0; margin-right: 15px; } } #footer__selector-form .disclosure { padding-top: 10px; margin-top: -10px; } /* #Quick shop ================================================== */ .quick-shop { display: flex; justify-content: space-between; } .quick-shop .quick-shop__product-gallery, .quick-shop .quick-shop__product-description { width: calc(50% - 25px); } .quick-shop__lightbox .fancybox-content { width: 90%; max-width: 1175px; background-color: #ffffff; cursor: pointer !important; /* overwrite default Fancybox cursor style */ } .quick-shop__lightbox .purchase-details.smart-payment-button--true { padding-bottom: 0px; } @media only screen and (max-width: 1024px) { .quick-shop__lightbox .purchase-details .atc-btn-container *:last-child { margin-bottom: 0; } } .quick-shop__lightbox .modal form { margin-bottom: 0; } .quick-shop__lightbox .product_section { margin: 0; } .quick-shop__lightbox .fancybox-close { top: 10px; right: 10px; } /* #Simplebar ================================================== */ [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: auto; max-width: 100%; max-height: 100%; scrollbar-width: none; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; } .simplebar-content:after, .simplebar-content:before { content: " "; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ""; background: black; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s linear; } .simplebar-scrollbar.simplebar-visible:before { opacity: 0.5; transition: opacity 0s linear; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } /* #Flickity ================================================== */ /*! Flickity v2.2.1 https://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; -webkit-user-select: none; -ms-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-button { position: absolute; background: rgba(255, 255, 255, 0.75); border: none; color: #333; } .flickity-button:hover { background: #fff; cursor: pointer; } .flickity-button:focus { outline: 0; box-shadow: 0 0 0 5px #19f; } .flickity-button:active { opacity: 0.6; } .flickity-button:disabled { opacity: 0.3; cursor: auto; pointer-events: none; } .flickity-button-icon { fill: currentColor; } .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; transform: translateY(-50%); } .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 .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .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-fade */ .flickity-enabled.is-fade .flickity-slider > * { pointer-events: none; z-index: 0; } .flickity-enabled.is-fade .flickity-slider > .is-selected { pointer-events: auto; z-index: 1; } /* #Product Slider Custom Styles ================================================== */ .flickity-viewport { width: 100%; } .product-gallery:hover .flickity-prev-next-button { opacity: 1; } .product-gallery .product-gallery__main .flickity-prev-next-button { transition: all 0.3s ease-in-out; } .product-gallery .product-gallery__main .flickity-prev-next-button:hover { color: #333333; } @media screen and (max-width: 580px) { .product-gallery .product-gallery__main .flickity-prev-next-button { opacity: 1; top: 100%; padding: 0; z-index: 30; transform: none; opacity: 0.5; background: none; } .product-gallery .product-gallery__main .flickity-prev-next-button:hover { opacity: 1; } .product-gallery .product-gallery__main .flickity-prev-next-button .flickity-button-icon { height: 30px; width: 30px; fill: #0c0c0c; } .product-gallery .product-gallery__main .flickity-prev-next-button.next { right: 30%; } .product-gallery .product-gallery__main .flickity-prev-next-button.previous { left: 30%; } } .product-gallery .flickity-page-dots { display: none; } .product-section__lightbox .fancybox-image { padding: 0; } .product-section__lightbox .fancybox-close { top: 0; right: 0; color: #fff; background-color: rgba(0, 0, 0, 0.4); } .product-section__lightbox .fancybox-close:hover { background-color: rgba(0, 0, 0, 0.6); } /* Thumbnail Gallery Styles ================================================== */ .product-gallery__thumbnails { /* Base styles */ /* When thumbnail slider is enabled */ /* When thumbnail slider is disabled (thumbnail grid) */ /* When thumbnails are set to bottom */ /* When thumbnails are set to left/right */ } .product-gallery__thumbnails .product-gallery__thumbnail { width: calc(25% - 10px); margin: 0 5px; } .product-gallery__thumbnails .product-gallery__thumbnail img { max-width: 100%; height: auto; } .product-gallery__thumbnails.is-slide-nav--true { /* Base styles */ /* When thumbnails are set to 'left/right' */ } .product-gallery__thumbnails.is-slide-nav--true .product-gallery__thumbnail { position: relative; opacity: 0.3; cursor: grab; } .product-gallery__thumbnails.is-slide-nav--true .product-gallery__thumbnail.is-nav-selected { opacity: 1; } @media screen and (min-width: 580px) { .product-gallery__thumbnails.is-slide-nav--true.product-gallery__thumbnails--right-thumbnails, .product-gallery__thumbnails.is-slide-nav--true.product-gallery__thumbnails--left-thumbnails { overflow-y: auto; overflow-x: hidden; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ } .product-gallery__thumbnails.is-slide-nav--true.product-gallery__thumbnails--right-thumbnails::-webkit-scrollbar, .product-gallery__thumbnails.is-slide-nav--true.product-gallery__thumbnails--left-thumbnails::-webkit-scrollbar { /* WebKit */ width: 0; height: 0; } } .product-gallery__thumbnails.is-slide-nav--false { flex-wrap: wrap; /* When thumbnails are set to 'bottom' */ } .product-gallery__thumbnails.is-slide-nav--false.product-gallery__thumbnails--bottom-thumbnails { display: flex; justify-content: center; } .product-gallery__thumbnails.is-slide-nav--false.product-gallery__thumbnails--bottom-thumbnails .product-gallery__thumbnail { margin-bottom: 20px; line-height: 0; } @media screen and (min-width: 580px) { .product-gallery__thumbnails.product-gallery__thumbnails--bottom-thumbnails { margin-top: 20px; } } .product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails, .product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails { padding-top: 20px; display: flex; justify-content: center; } @media screen and (min-width: 580px) { .product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails, .product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails { justify-content: flex-start; align-self: flex-start; display: block; width: 100%; padding-top: 0; } .product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail, .product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail { width: 100%; margin: 0; } .product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail:last-child, .product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail:last-child { margin-bottom: 0; } .product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail:before, .product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail:before { line-height: 0; color: transparent; display: block; text-align: center; content: counter(carousel-cell); } } @media screen and (max-width: 580px) { .product-gallery__thumbnails { padding-top: 0px; margin-top: 60px; } } /* When thumbnails are set to left/right and there is more than one thumbnail, adjust size of main gallery and thumbnail gallery */ @media screen and (min-width: 580px) { .product-gallery--right-thumbnails:not(.product-gallery--media-amount-1), .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) { display: flex; } .product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__main, .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__main { width: 85%; height: 100%; } .product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails, .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails { width: 12%; /* Specific width to accommodate thumbnail margin */ } .product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnail, .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnail { width: 100% !important; margin-bottom: 10px; } .product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnail:last-child, .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnail:last-child { margin-bottom: 0; } } /* When thumbnails are set to right and there is more than one thumbnail, adjust size of main gallery and thumbnail gallery */ @media screen and (min-width: 580px) { .product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails { margin-left: 20px; } } /* When thumbnails are set to left and there is more than one thumbnail, adjust position of main gallery and thumbnail gallery */ @media screen and (min-width: 580px) { .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__main { order: 2; } .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails { margin-right: 20px; order: 1; } } /* When thumbnails are hidden */ .product-gallery__thumbnails--false { /* Adds margin bottom to main gallery on mobile */ } @media screen and (max-width: 580px) { .product-gallery__thumbnails--false { margin-bottom: 3em; } } @media screen and (min-width: 580px) { .product-gallery.display-arrows--false .flickity-viewport:hover .flickity-prev-next-button, .product-gallery.display-arrows--false .flickity-prev-next-button { display: none !important; /* Ensure navigation arrows do not display */ } } .product-gallery__main, .product-gallery__thumbnails.is-slide-nav--true { opacity: 0; transition: ease-in-out 0.2s opacity; } .product-gallery__main.flickity-enabled, .product-gallery__main.vertical-slider-enabled, .product-gallery__thumbnails.is-slide-nav--true.flickity-enabled, .product-gallery__thumbnails.is-slide-nav--true.vertical-slider-enabled { opacity: 1; } .product-gallery__image { width: 100%; height: auto; visibility: hidden; /* Helps with focus state when tabbing through slider */ } .product-gallery__image.is-selected { visibility: visible; } .product-gallery__image:focus { outline: -webkit-focus-ring-color auto 5px; } .product-gallery__image img { width: 100%; height: auto; display: block; } .product-gallery__thumbnail img { max-width: 100%; height: auto; } .product-gallery__link { display: block; } .product-gallery__link:focus { outline: -webkit-focus-ring-color auto 5px; } /* Media position for all product templates */ .product_section.media-position--right { flex-direction: row-reverse; } @media screen and (max-width: 768px) { .product_section.media-position--left, .product_section.media-position--right { flex-direction: column; } } /* #Content Creator ================================================== */ /* Slideshow */ .flickity-slider > li { width: 100%; text-align: center; list-style-type: none; } .flexslider { overflow: hidden; position: relative; } .flexslider .flickity-button { color: #ffffff; border-radius: 0; background-color: rgba(0, 0, 0, 0.4); } .flexslider .flickity-button:hover { background-color: rgba(0, 0, 0, 0.6); } .flexslider .flickity-button.previous { left: -60px; } .flexslider .flickity-button.next { right: -60px; } .flexslider .flickity-button:active { box-shadow: none; } .flexslider .flickity-button .arrow { opacity: 1; } .flexslider .flickity-button .flickity-prev-next-button { opacity: 0; background: transparent; } .flexslider .flickity-prev-next-button.arrow-is-inverse .flickity-button-icon { transform: scale(-1, 1); } .flexslider:hover .flickity-prev-next-button.previous { left: 20px; } .flexslider:hover .flickity-prev-next-button.next { right: 20px; } /* #Fancybox ================================================== */ .fancybox-bg { background-color: rgba(0, 0, 0, 0.6); transition: all 0.1s linear; } .fancybox-toolbar { display: none; } .fancybox-content { max-height: 95vh; padding: 40px; } .fancybox-content .size-chart-wrap { padding: 10px 20px; } /* Add border around images */ .fancybox-image { padding: 15px; background-color: #fff; } /* Style close button */ .fancybox-close { position: absolute; top: 3px; width: 35px; height: 35px; line-height: 35px; text-align: center; cursor: pointer; z-index: 8040; font-size: 18px; color: #0c0c0c; opacity: 0.6; transition: all 0.3s ease; } .fancybox-close:hover { opacity: 0.8; } .fancybox-close span:before { margin-right: 0; } .newsletter_popup--image-left .fancybox-close { right: 3px; } .newsletter_popup--image-right .fancybox-close { left: 3px; } /* Style navigation elements */ .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-nav:hover span { visibility: visible; opacity: 1; } .fancybox-nav span { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 8040; visibility: hidden; width: 60px; height: 60px; font-size: 30px; color: #fff; display: block; opacity: 0; transition: all 0.3s ease; background-color: rgba(0, 0, 0, 0.4); text-align: center; line-height: 60px; } .fancybox-nav span:before { margin-right: 0; } .fancybox-prev { left: 0; } .fancybox-prev span { left: 20px; } .fancybox-prev span:before { right: 5px; } .fancybox-next { right: 0; } .fancybox-next span { right: 20px; } .fancybox-next span:before { left: -5px; } .fancybox-prev span:hover, .fancybox-next span:hover { background-color: rgba(0, 0, 0, 0.6); } /* #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: 200px; 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: 35px 10px 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; -ms-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; -ms-user-select: none; 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; -ms-user-select: none; 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; -ms-user-select: none; 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; -ms-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:-ms-fullscreen { 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:-ms-fullscreen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen .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:-ms-fullscreen.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:-ms-fullscreen .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:-ms-fullscreen .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:-ms-fullscreen.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:-ms-fullscreen .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; } /* #Product Media Custom Styles ================================================== */ .model__container { position: relative; } .model__container model-viewer { width: 100%; min-height: 300px; } .view-in-your-space { padding: 0; width: 100%; display: flex; justify-content: center; align-items: center; min-height: 44px; background: #e6e6e6; color: #0c0c0c; font: inherit; text-transform: none; border-radius: 0px; margin-top: 0; } .view-in-your-space:active, .view-in-your-space:focus, .view-in-your-space:hover { background: #e6e6e6; color: #0c0c0c; } .view-in-your-space svg { width: auto; height: auto; margin: 0; } .view-in-your-space svg path:first-child { stroke: #0c0c0c; } .view-in-your-space svg path:last-child { fill: #0c0c0c; } .plyr--video .plyr__controls { background: rgba(255, 255, 255, 0.6); padding: 10px; } .plyr--video .plyr__control { background: transparent; color: #0c0c0c; } .plyr--video .plyr__control:hover { background: #ffffff; color: #0c0c0c; } .plyr--video .plyr__controls__item.plyr__time, .plyr--video input[type=range], .plyr--video .plyr__controls__item { color: #0c0c0c; } .plyr--video .plyr__progress input[type=range] + .thumb { background-color: #0c0c0c; color: #0c0c0c; } .plyr--video input[type=range]::-webkit-slider-thumb { background-color: #0c0c0c; } .plyr--video input[type=range]::-moz-range-thumb { background-color: #0c0c0c; } .plyr--video input[type=range]::-ms-thumb { background-color: #0c0c0c; } .plyr--video .plyr__progress__buffer, .plyr--video .plyr__control[aria-expanded=true] { background-color: rgba(12, 12, 12, 0.6); } .plyr--video .plyr__control.plyr__tab-focus { background-color: #0c0c0c; } .plyr--video .plyr__control--overlaid { background: #ffffff; padding: 4px; border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.05); } .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: 52px; height: 52px; } .plyr--video .plyr__control .play-icon-button-control rect { fill: #ffffff; } .plyr--video .plyr__control .play-icon-button-control path { fill: #0c0c0c; } .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: #0c0c0c; 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; } } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: #0c0c0c; 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(12, 12, 12, 0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { background: #ffffff; border: 1px solid rgba(12, 12, 12, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after { border-bottom: 1px solid rgba(12, 12, 12, 0.05); } .video-on-hover .plyr__controls, .video-on-hover .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 > *, .video-controls-enabled--false .plyr__controls > *, .video-controls-enabled--false .plyr__control--overlaid > * { pointer-events: none; cursor: auto; } /* Hide controls when video is stopped */ .plyr.plyr--stopped .plyr__controls { display: none; } /* Set product media height */ .product_slider.product-height-set model-viewer { margin: 0 auto; } .product_slider.product-height-set .product-gallery__main img, .product_slider.product-height-set .product-gallery__main .plyr--html5 video { width: 100%; } .product_slider.product-height-set .product-gallery__main img { object-fit: contain; } .product_slider.product-height-set .product-gallery__main .plyr--youtube .plyr__video-embed { height: 100%; } @media only screen and (max-width: 480px) { .product-gallery .product-gallery__main .product-gallery__image a, .product-gallery .product-gallery__main .product-gallery__image .video__container, .product-gallery .product-gallery__main .product-gallery__image .plyr--youtube { min-height: 100%; max-height: 75vh; /* Prevents main product image from taking up whole viewport */ } } @media only screen and (max-width: 480px) { .product-gallery .product-gallery__main model-viewer { min-height: 300px; } } .product-gallery__thumbnails .product-gallery__thumbnail { position: relative; } .product-gallery__thumbnails .media-badge { position: absolute; top: 0; right: 0; max-width: 33%; max-height: 33%; min-width: 20px; width: 25px; height: 25px; } .product-gallery__thumbnails .media-badge svg { width: 100%; height: 100%; } .product-gallery__thumbnails .media-badge path:first-child { fill: #ffffff; } .product-gallery__thumbnails .media-badge path:last-child { fill: #0c0c0c; } .product-gallery__thumbnails .media-badge g path:first-child { stroke: #0c0c0c; } .product-gallery__thumbnails .media-badge .media-badge__outline { stroke: rgba(12, 12, 12, 0.05); } /* #Currency / Language switcher ================================================== */ .selectors-form, .selectors-form__wrap, .selectors-form__item { margin: 0; } .selectors-form__wrap { display: flex; justify-content: flex-end; } .disclosure { position: relative; } li.currencies { padding-left: 0 !important; /* Override top bar menu list item styling */ } /* 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; } form.selectors-form .disclosure__toggle { font-family: Futura, sans-serif; font-size: 15px; font-weight: 700; font-style: normal; background-color: #fff; color: #000; padding: 10px; border: solid 1px rgba(0,0,0,0); } form.selectors-form .disclosure__toggle:hover, form.selectors-form .disclosure__toggle:focus { background-color: #fff; color: #000000; opacity: 1; } form.selectors-form .disclosure__toggle.is-clicked + .disclosure__list-wrap, form.selectors-form .disclosure__toggle:focus + .disclosure__list-wrap { opacity: 1; visibility: visible; pointer-events: all; } form.selectors-form .disclosure__toggle .icon-arrow-down { font-size: 10px; margin-left: 3px; } form.selectors-form .disclosure__list-wrap { position: absolute; bottom: 100%; opacity: 0; visibility: hidden; pointer-events: none; z-index: 1000; transition: opacity 0.3s 0.15s ease-in; } form.selectors-form .disclosure__list-wrap.disclosure--left { left: auto; right: 0; } form.selectors-form .disclosure-list { background-color: #f2c84b; border: solid 1px rgba(0,0,0,0); list-style: none; margin-left: 0; margin-bottom: 0; white-space: nowrap; } form.selectors-form .disclosure-list__item { display: block; background-color: inherit; color: inherit; margin: 0 15px; padding: 0; } form.selectors-form .disclosure-list__item:last-of-type button.disclosure__button { border-bottom: none; } form.selectors-form button.disclosure__button { background-color: inherit; color: #000000; font-family: Futura, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 1px; text-align: left; transition: none; } form.selectors-form button.disclosure__button:hover, form.selectors-form button.disclosure__button[aria-current=true] { color: #000000; opacity: 1; } /* Newsletter Popup */ .js-newsletter-popup { display: none; } .popup-container { display: flex; } .popup-container.popup-container.object-fit--none { height: auto; } .popup-container.image-position--right { flex-direction: row-reverse; } .popup-container .popup-image { width: 40%; } .popup-container .popup-image.popup-image.image-crop--none { display: flex; align-items: center; } .popup-container .popup-image.popup-image.image-crop--none .image-element__wrap { width: 100%; } @media only screen and (max-width: 798px) { .popup-container .popup-image.popup-image.image-crop--none { display: none; } } @media only screen and (max-width: 798px) { .popup-container .popup-image { display: none; } } .popup-container .popup-text { box-sizing: border-box; padding: 40px; width: 60%; } @media only screen and (max-width: 798px) { .popup-container .popup-text { width: 100%; max-height: 100%; padding: 0 40px 40px 40px; } } @media only screen and (max-width: 480px) { .popup-container .popup-text { margin-top: 25%; } } .popup-container .popup-text p.headline { line-height: 1.2; } .popup-container .popup-text p.headline, .popup-container .popup-text p { margin-bottom: 24px; } .popup-container .popup-text .input-row .action_button { width: calc(100% - 10px); } .popup-container.no-image .popup-text { width: 100%; padding-top: 40px; padding-bottom: 40px; } .popup-container .newsletter form.contact-form { padding-top: 0; } #password-page-bg .newsletter { margin-bottom: 0px; } .newsletter form.contact-form { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; padding-top: 20px; width: auto; } .newsletter .input-row input { margin: 5px; padding: 15px 25px 15px 15px; line-height: 1; } .newsletter .input-row input[type=submit] { padding: 15px; } .newsletter .input-row input[type=text], .newsletter .input-row input[type=email] { margin-bottom: 12px; } @media only screen and (max-width: 798px) { .newsletter .input-row input.action_button { width: 100%; } } @media only screen and (min-width: 1025px) and (max-width: 1400px) { .newsletter .input-row input.action_button { width: 35%; } } @media only screen and (min-width: 799px) { .newsletter .input-row input.action_button { width: 25%; } } @media only screen and (max-width: 480px) { .newsletter .input-row input[type=text], .newsletter .input-row input[type=email], .newsletter .input-row input[type=submit].action_button { width: 100%; margin: 5px 0; } } .footer .newsletter .contact-form { margin: 0 0 15px; width: 95%; } @media only screen and (max-width: 798px) { .footer .newsletter .contact-form { width: 100%; } } .newsletter_popup .js-newsletter-popup, .newsletter_popup .js-newsletter-popup p.headline, .newsletter_popup .js-newsletter-popup a, .newsletter_popup .js-newsletter-popup a:visited { color: #404040; } .newsletter_popup .fancybox-close { color: #404040 !important; } .newsletter_popup .js-newsletter-popup { padding: 0px !important; /* Overwrite fancybox padding */ background-color: #ffffff; max-width: 580px; border-radius: 5px; } .newsletter_popup .js-newsletter-popup.newsletter-popup__has-background-image { background: #ffffff url(//www.indianasapplepie.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_1200x.gif) center center; background-color: transparent; } .newsletter_popup .js-newsletter-popup.newsletter-popup__has-background-stretched { background-repeat: no-repeat; background-attachment: fixed; background-size: contain; } @media only screen and (max-width: 798px) { .newsletter_popup .js-newsletter-popup.newsletter-popup__has-background-stretched { background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } } /* Zoom on image */ [data-slideshow-animation=zoom] img { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: zoom-in; } /* #Lazyloading Styles ================================================== */ 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; } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { input.contact_email, .footer input[type=text] { width: 100% !important; } h1.collection_title_tags, div.collection_title_tags { border-right: 0; margin-right: 0; padding-right: 0; } .cloudzoom-lens { width: 140px; height: 120px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: large) and (max-width: 959px) { .nav ul li { padding: 0 0 0 10px; } input.search_box { width: inherit !important; } input[type=submit].sign_up { padding: 15px; } a.button, button, input[type=submit], input[type=reset], input[type=button], input[type=email], .action_button, a.action_button, input.action_button[type=submit], input.action_button[type=button], select.single-option-selector { width: 100%; } input[type=submit].sign_up { margin-left: 0; } input.action_button { margin-bottom: 1em !important; } .input-row.newsletter-both-names--false input.action_button { width: calc(100% - 10px); margin-left: 5px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 798px) { .subtotal { text-align: left; } .logo a { padding-top: 5px; } .toggle_menu { top: 0; } .collection_menu { display: none; } .container div.tag_filter { display: block; } #tag_filter, #sort-by { margin: 1.5em 0 0.5em 0; } .blog_filter { display: block !important; width: 100%; } .blog h2 { margin-top: 1.5em; } .section_select { text-align: center; } .or { text-align: center; width: 100%; display: inline-block; padding-left: 0; padding-bottom: 5px; } h4.toggle { cursor: pointer; } .toggle span { display: block; } .toggle_list { display: none; } select { width: 100%; } .search_page_text { text-align: left; } a.button, button, .action_button, a.action_button, textarea { width: 100%; } input[type=submit], input[type=reset], input[type=button], input[type=email], input.action_button[type=submit], input.action_button[type=button], .sign_up { width: 100%; } .cart_icons { display: none; } .container .column.thumbnail, .container .columns.thumbnail { margin-top: 1em; } .title_column { float: left; } .mobile_left { text-align: left; } .container div.mobile_only { display: block; } .quantity_label { display: inline; } .price-total { text-align: right; } .price-total-text { display: inline; margin-left: 5px; } .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; } input.action_button { margin-bottom: 1em !important; } .multiple_product_images { display: none; } .container .blog_content { padding-left: 0; border: 0; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (max-width: 798px) { .is-hidden-mobile-only { display: none !important; } ul.menu li.navicon_button { display: inline-block; } ul.menu li { padding: 0 0 0 10px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 480px) { .is-hidden-mobile-only { display: none !important; } ul.menu li { padding: 0; } ul.nav_buttons .button_label { display: none; } ul.menu li a, ul.menu li a:hover, ul.menu li a:active { display: inline-block; } span.icon-cart:before, span.icon-bag:before, span.icon-menu:before { margin-right: 0; } h1, h2, h3, h4, h5, h6 h1.home, h1.blog_title, .title a { font-size: 150%; } h1, h2, h1.home, h1.blog_title, .title a { padding: 0; } } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { input.search_box { background: #fff url(//www.indianasapplepie.com/cdn/shop/t/13/assets/search2x.jpg?v=83174658983691375601692026070) no-repeat 12px 50%; background-size: 14px 14px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 1024px) { html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } } @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: medium) { select, textarea, input { font-size: 16px !important; } } /* #Icons ================================================== */ @font-face { font-family: "mobilia"; src: url(//www.indianasapplepie.com/cdn/shop/t/13/assets/mobilia.eot?v=126524859140634610941692026070); src: url(//www.indianasapplepie.com/cdn/shop/t/13/assets/mobilia.eot?%23iefix&v=126524859140634610941692026070) format("embedded-opentype"), url(//www.indianasapplepie.com/cdn/shop/t/13/assets/mobilia.woff?v=97081815736723878621692026070) format("woff"), url(//www.indianasapplepie.com/cdn/shop/t/13/assets/mobilia.ttf?v=110180690770960781041692026070) format("truetype"), url(//www.indianasapplepie.com/cdn/shop/t/13/assets/mobilia.svg?v=45300409454472444791692026070) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^=icon-]:before, [class*=" icon-"]:before { font-family: "mobilia"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1.01em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; position: relative; top: 1px; } .icon-arrow-up:before { content: ""; } .icon-check:before { content: ""; } .icon-close:before { content: ""; } .icon-arrow-down:before { content: ""; } .icon-arrow-right:before { content: ""; } .icon-email:before { content: ""; } .icon-pinterest:before { content: ""; } .icon-gplus:before { content: ""; } .icon-rss:before { content: ""; } .icon-houzz:before { content: ""; } .icon-arrow-left:before { content: ""; } .icon-snapchat:before { content: ""; } .icon-minus:before { content: ""; } .icon-phone:before { content: ""; } .icon-instagram:before { content: ""; } .icon-menu:before { content: ""; } .icon-search:before { content: ""; } .icon-vimeo:before { content: ""; } .icon-cart:before { content: ""; } .icon-youtube:before { content: ""; } .icon-account:before { content: ""; } .icon-bag:before { content: ""; } .icon-plus:before { content: ""; } .icon-facebook:before { content: ""; } .icon-twitter:before { content: ""; } .icon-tumblr:before { content: ""; } .icon-linkedin:before { content: ""; } .icon-caret-right:before { content: ""; } .icon-twitter-share:before { content: ""; margin-right: 0.6em; 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 { content: ""; margin-right: 0.6em; 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 { content: ""; margin-right: 0.6em; color: #CB1F2A; } .icon-pinterest-share:hover { background-color: #CB1F2A; border-color: #CB1F2A; color: #fff; } .icon-pinterest-share:hover:before { color: #fff; } .icon-email-share:before { content: ""; margin-right: 0.6em; color: #888; } .icon-email-share:hover { background-color: #888; border-color: #888; color: #fff; } .icon-email-share:hover:before { color: #fff; } /* Social icons */ .footer .social-icons li, .top_menu .social-icons li { padding-left: 0; } .footer .social-icons a, .top_menu .social-icons a { display: flex; justify-content: center; align-items: center; height: 32px; width: 32px; opacity: 0.8; font-size: 15px; border-radius: 50%; line-height: 1; transition: all 0.1s linear; } .footer .social-icons a:hover, .top_menu .social-icons a:hover { opacity: 1; } .footer .social-icons a span:before, .top_menu .social-icons a span:before { margin-right: 0; } .footer .social-icons-circle-false a, .top_menu .social-icons-circle-false a { color: #ffffff; margin: 0; } .footer .social-icons-circle-false a:hover, .top_menu .social-icons-circle-false a:hover { color: #ffffff; } .footer .social-icons-circle-true a, .top_menu .social-icons-circle-true a { color: #000000; margin: 0 8px 5px 5px; background-color: #ffffff; } .footer .social-icons-circle-true a:hover, .top_menu .social-icons-circle-true a:hover { color: #000000; background-color: #ffffff; } .remove, .remove:visited { color: #0c0c0c; } .remove:hover, .remove:active { color: #4396c1; } .icon-cart, .icon-bag, .icon-menu { font-size: 16px; } .menu .icon-arrow-down, .menu .icon-arrow-right { font-size: 10px; margin-left: 5px; } .menu .icon-arrow-down, .menu .icon-arrow-right, .disclosure .icon-arrow-down, .disclosure .icon-arrow-right { position: relative; top: -2px; } /* #Unit pricing ================================================== */ .product-details__unit-price, .cart__item-unit-price, .order-details__unit-price { font-size: smaller; } .product-details__unit-price--hidden, .cart__item-unit-price--hidden, .order-details__unit-price--hidden { display: none; } .title_column .cart__item-unit-price { display: none; } @media only screen and (max-width: 798px) { .title_column .cart__item-unit-price:not(.cart__item-unit-price--hidden) { display: block; text-align: right; } } /* #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; } .quick-shop .product_form--payment-button-enabled .surface-pick-up { margin-top: 1rem; } .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: 18px; --surface-pick-up-embed-theme-paragraph-smaller-font-size: 15.75px; --surface-pick-up-embed-theme-body-font-weight-bold: 600; --surface-pick-up-embed-theme-body-text-color: #0c0c0c; --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: 60px; } .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: 18px; --surface-pick-up-item-theme-paragraph-smaller-font-size: 15.75px; --surface-pick-up-item-theme-body-font-weight-bold: 600; --surface-pick-up-item-theme-body-text-color: #0c0c0c; --surface-pick-up-item-theme-border-color: rgba(0, 0, 0, 0.5); --surface-pick-up-item-theme-link-text-decoration: underline; --surface-pick-up-item-row-gap: 0.6rem; --surface-pick-up-item-column-gap: 0.4rem; --surface-pick-up-item-gap: 22px; } .surface-pick-up__modal.fancybox-content { padding: 2rem; background: #fff; display: inline-block; margin: 0; width: auto; max-width: 600px; overflow: auto; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .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.fancybox-content .fancybox-close { right: 3px; } .surface-pick-up__modal-header { display: flex; flex-direction: column; padding-bottom: 28px; border-bottom: 1px solid rgba(0, 0, 0, 0.5); } .surface-pick-up__modal-title { font-family: Futura, sans-serif; font-weight: 700; font-size: 23px; line-height: 1.2; margin-bottom: 5px; } .surface-pick-up__modal-subtitle { font-size: 18px; } button.surface-pick-up-embed__modal-btn { font-family: Futura, sans-serif; font-weight: 400; font-size: smaller; color: #0c0c0c; text-transform: none; letter-spacing: 0; } button.surface-pick-up-embed__modal-btn:hover { background: none; color: #0c0c0c; } button.surface-pick-up-embed__modal-btn:active { box-shadow: none; } .surface-pick-up-embed__in-stock-icon, .surface-pick-up-embed__out-of-stock-icon { width: 0.85em; height: 0.85em; margin-top: 0.4em; } .surface-pick-up-item__pick-up-location { font-size: 18px; font-weight: bold; letter-spacing: initial; 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 { width: 0.85em; height: 0.85em; align-self: center; margin-top: 0; } .surface-pick-up-item__pick-up-distance { padding-left: 5rem; } .surface-pick-up-item:last-child { padding-bottom: calc(var(--surface-pick-up-item-gap) / 2); } h3.surface-pick-up-embed__location-availability, h3.surface-pick-up-item__pick-up-location { font-family: Futura, sans-serif; font-weight: 400; font-size: 18px; text-transform: none; letter-spacing: 0; border-bottom: none; padding-bottom: 0; line-height: 1.8em; } .surface-pick-up-item__header { align-items: center; } /*! * 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; } /* #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 ================================================== */ .logo {padding-bottom:20px;}