.surface-pick-up-embed {
--surface-pick-up-embed-theme-success-color: rgb(50, 205, 50);
--surface-pick-up-embed-theme-error-color: rgb(179, 58, 58);
--surface-pick-up-embed-theme-paragraph-font-size: 16px;
--surface-pick-up-embed-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-embed-theme-paragraph-font-size) - 4px);
--surface-pick-up-embed-theme-body-font-weight-bold: 600;
--surface-pick-up-embed-theme-body-text-color: #808080;
--surface-pick-up-embed-theme-link-text-decoration: underline;
--surface-pick-up-embed-row-gap: 10px;
--surface-pick-up-embed-column-gap: 10px;
display: grid;
grid-template-columns: -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: rgb(50, 205, 50);
--surface-pick-up-item-theme-error-color: rgb(179, 58, 58);
--surface-pick-up-item-theme-paragraph-font-size: 16px;
--surface-pick-up-item-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-item-theme-paragraph-font-size) - 4px);
--surface-pick-up-item-theme-body-font-weight-bold: 600;
--surface-pick-up-item-theme-body-text-color: #808080;
--surface-pick-up-item-theme-border-color: #d9d9d9;
--surface-pick-up-item-theme-link-text-decoration: underline;
--surface-pick-up-item-row-gap: 10px;
--surface-pick-up-item-column-gap: 5px;
--surface-pick-up-item-gap: 28px;
display: grid;
grid-template-columns: repeat(2, auto) 1fr;
row-gap: var(--surface-pick-up-item-row-gap);
column-gap: var(--surface-pick-up-item-column-gap);
justify-content: flex-start;
padding-bottom: var(--surface-pick-up-item-gap);
margin: var(--surface-pick-up-item-gap) 0 0;
text-align: left;
border-bottom: 1px solid var(--surface-pick-up-item-theme-border-color)
}
.surface-pick-up-item:last-child {
padding-bottom: 0;
border-bottom: none
}
.surface-pick-up-item__header {
display: flex;
grid-column: span 3;
align-items: flex-end
}
.surface-pick-up-item__pick-up-location {
margin-top: 0;
margin-bottom: 0;
font-family: inherit;
font-size: var(--surface-pick-up-item-theme-paragraph-font-size);
font-weight: var(--surface-pick-up-item-theme-body-font-weight-bold);
color: var(--surface-pick-up-item-theme-body-text-color)
}
.surface-pick-up-item__pick-up-distance {
padding-left: 2rem;
margin: 0 0 0 auto
}
.surface-pick-up-item__in-stock-icon, .surface-pick-up-item__out-of-stock-icon {
grid-row-start: 2;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 2;
margin-top: 1px
}
.surface-pick-up-item__in-stock-icon {
fill: var(--surface-pick-up-item-theme-success-color)
}
.surface-pick-up-item__out-of-stock-icon {
fill: var(--surface-pick-up-item-theme-error-color)
}
.surface-pick-up-item__availability {
grid-row-start: 2;
grid-row-end: 3;
grid-column-start: 2;
grid-column-end: 3;
font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
color: var(--surface-pick-up-item-theme-body-text-color)
}
.surface-pick-up-item__address-info {
grid-row-start: 3;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 3;
font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
font-style: normal;
line-height: 1.4;
color: var(--surface-pick-up-item-theme-body-text-color)
}
.surface-pick-up-item__address-info p {
margin: 0
}
.surface-pick-up-item__address-info a, .surface-pick-up-item__address-info a:visited {
color: inherit;
text-decoration: none
}
.surface-pick-up-item__address-info a:focus, .surface-pick-up-item__address-info a:active, .surface-pick-up-item__address-info a:hover {
color: inherit
}
.surface-pick-up-item__confirm-address {
margin-top: var(--surface-pick-up-item-row-gap)
}
.surface-pick-up-item__confirm-address-icon {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px
}
.complementary-products {
--slide-item-padding: 1rem;
--slide-item-outer-gap: 1rem;
--slide-item-inner-gap: 1rem;
--slide-item-border-color: black;
--slide-item-border-thickness: 1px;
--slider-dot-gap: .5rem;
--slider-dot-size: .5rem;
--slider-dot-color: #cacaca;
--slider-active-dot-color: #787878
}
.complementary-products__slider [data-slide] {
position: absolute;
display: flex;
flex-direction: column;
margin: 0 1rem;
gap: var(--slide-item-outer-gap);
width: 100%;
height: auto
}
.complementary-products__slider .flickity-page-dots {
list-style-type: none;
display: flex;
justify-content: center;
gap: var(--slider-dot-gap)
}
.complementary-products__slider .flickity-page-dots .dot {
margin: 0;
border-radius: 50%;
background: var(--slider-dot-color);
height: var(--slider-dot-size);
width: var(--slider-dot-size)
}
.complementary-products__slider .flickity-page-dots .dot.is-selected {
background: var(--slider-active-dot-color)
}
.complementary-products__grid {
display: flex;
flex-direction: column;
gap: var(--slide-item-outer-gap)
}
.complementary-product {
display: flex;
flex-direction: row;
gap: var(--slide-item-inner-gap);
padding: var(--slide-item-padding);
border: var(--slide-item-border-thickness) solid var(--slide-item-border-color)
}
.complementary-product__name, .complementary-product__price-text {
margin: 0
}
.complementary-product__price-text {
display: inline-block
}
.complementary-product__image-link {
display: block;
position: relative;
line-height: 0
}
.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
}
.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
}
}
.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-align-center {
text-align: center
}
.text-align-left, .text-align-start, .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 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
}
.is-hidden {
display: none !important
}
.is-visible {
display: block !important
}
.is-sr-only {
border: none !important;
clip: rect(0, 0, 0, 0) !important;
height: .01em !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: .01em !important
}
@media only screen and (min-width: 481px) and (max-width: 798px) {
.is-hidden-small {
display: none !important
}
}
@media only screen and (min-width: 799px) and (max-width: 1024px) {
.is-hidden-medium {
display: none !important
}
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.is-hidden-large {
display: none !important
}
}
@media only screen and (max-width: 798px) {
.is-hidden-mobile-only {
display: none !important
}
}
@media only screen and (min-width: 799px) {
.is-hidden-desktop-only {
display: none !important
}
}
@media only screen and (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
}
.scroll-locked {
overflow: hidden;
touch-action: manipulation
}
.index {
display: flex;
flex-wrap: wrap
}
.index-sections, .page-blocks {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%
}
@media only screen and (max-width: 480px) {
.shopify-section {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important
}
}
.section {
max-width: 1200px;
width: 95%;
margin-left: auto;
margin-right: auto
}
.section.is-width-wide {
width: 100%;
max-width: none
}
.section.section-wrapper .section {
width: 100%
}
@media only screen and (min-width: 799px) {
.section.section-wrapper .is-width-wide {
left: 50%;
margin-left: calc(-50vw + var(--scrollbar-width) / 2);
margin-right: calc(-50vw + var(--scrollbar-width) / 2);
max-width: calc(100vw - var(--scrollbar-width));
position: relative;
right: 50%;
width: calc(100vw - var(--scrollbar-width))
}
}
.container {
position: relative;
margin: 0 auto;
display: flex;
flex-wrap: wrap
}
.container .column, .container .columns {
margin-left: 10px;
margin-right: 10px
}
.row {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px
}
@media only screen and (max-width: 798px) {
.row .column, .row .columns {
width: 100%;
margin-left: 0;
margin-right: 0
}
}
[class*=offset-by] {
position: relative
}
.hidden {
display: none !important
}
.visible {
display: block !important
}
.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, .one-whole {
width: calc(100% - 20px)
}
.one-half {
width: calc(50% - 20px)
}
.one-third {
width: calc(33.3333333333% - 20px)
}
.two-thirds {
width: calc(66.6666666667% - 20px)
}
.one-fourth {
width: calc(25% - 20px)
}
.two-fourths {
width: calc(50% - 20px)
}
.three-fourths {
width: calc(75% - 20px)
}
.one-fifth {
width: calc(20% - 20px)
}
.two-fifths {
width: calc(40% - 20px)
}
.three-fifths {
width: calc(60% - 20px)
}
.four-fifths {
width: calc(80% - 20px)
}
.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)
}
.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)
}
.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)
}
.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)
}
.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)
}
.offset-by-one {
left: 6.25%
}
.offset-by-two {
left: 12.5%
}
.offset-by-three {
left: 18.75%
}
.offset-by-four {
left: 25%
}
.offset-by-five {
left: 31.25%
}
.offset-by-six {
left: 37.5%
}
.offset-by-seven {
left: 43.75%
}
.offset-by-eight {
left: 50%
}
.offset-by-nine {
left: 56.25%
}
.offset-by-ten {
left: 62.5%
}
.offset-by-eleven {
left: 68.75%
}
.offset-by-twelve {
left: 75%
}
.offset-by-thirteen {
left: 81.25%
}
.offset-by-fourteen {
left: 87.5%
}
.offset-by-fifteen {
left: 93.75%
}
.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% - 10px)
}
.equal-columns--outside-trim .one-third {
width: calc(33.3333333333% - (20px - (20px / 3)))
}
.equal-columns--outside-trim .one-fifth {
width: calc(20% - 16px)
}
.equal-columns--outside-trim .one-fourth {
width: calc(25% - 15px)
}
.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% - 17.5px)
}
.equal-columns--outside-trim .four {
width: calc(25% - 15px)
}
.equal-columns--outside-trim .seven {
width: calc(43.75% - 10px)
}
.equal-columns--outside-trim .eight {
width: calc(50% - 10px)
}
.equal-columns--outside-trim .nine {
width: calc(56.25% - 10px)
}
.has-no-side-gutter.has-background {
padding-right: 0;
padding-left: 0
}
.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
}
@media only screen and (max-width: 1024px) {
.large-down--hidden {
display: none !important
}
.large-down--visible {
display: block !important
}
.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, .large-down--one-whole {
width: calc(100% - 20px)
}
.large-down--one-half {
width: calc(50% - 20px)
}
.large-down--one-third {
width: calc(33.3333333333% - 20px)
}
.large-down--two-thirds {
width: calc(66.6666666667% - 20px)
}
.large-down--one-fourth {
width: calc(25% - 20px)
}
.large-down--two-fourths {
width: calc(50% - 20px)
}
.large-down--three-fourths {
width: calc(75% - 20px)
}
.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)
}
.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)
}
.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)
}
.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)
}
.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)
}
.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)
}
.large-down--offset-by-one {
left: 6.25%
}
.large-down--offset-by-two {
left: 12.5%
}
.large-down--offset-by-three {
left: 18.75%
}
.large-down--offset-by-four {
left: 25%
}
.large-down--offset-by-five {
left: 31.25%
}
.large-down--offset-by-six {
left: 37.5%
}
.large-down--offset-by-seven {
left: 43.75%
}
.large-down--offset-by-eight {
left: 50%
}
.large-down--offset-by-nine {
left: 56.25%
}
.large-down--offset-by-ten {
left: 62.5%
}
.large-down--offset-by-eleven {
left: 68.75%
}
.large-down--offset-by-twelve {
left: 75%
}
.large-down--offset-by-thirteen {
left: 81.25%
}
.large-down--offset-by-fourteen {
left: 87.5%
}
.large-down--offset-by-fifteen {
left: 93.75%
}
.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) and (max-width: 1024px) {
.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% - 10px)
}
}
@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% - 16px)
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--one-fourth {
width: calc(25% - 15px)
}
}
@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% - 17.5px)
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--four {
width: calc(25% - 15px)
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--seven {
width: calc(43.75% - 10px)
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--eight {
width: calc(50% - 10px)
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--nine {
width: calc(56.25% - 10px)
}
}
@media only screen and (max-width: 1024px) {
.has-no-side-gutter.has-background {
padding-right: 0;
padding-left: 0
}
.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
}
.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, .medium-down--one-whole {
width: calc(100% - 20px)
}
.medium-down--one-half {
width: calc(50% - 20px)
}
.medium-down--one-third {
width: calc(33.3333333333% - 20px)
}
.medium-down--two-thirds {
width: calc(66.6666666667% - 20px)
}
.medium-down--one-fourth {
width: calc(25% - 20px)
}
.medium-down--two-fourths {
width: calc(50% - 20px)
}
.medium-down--three-fourths {
width: calc(75% - 20px)
}
.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)
}
.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)
}
.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)
}
.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)
}
.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)
}
.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)
}
.medium-down--offset-by-one {
left: 6.25%
}
.medium-down--offset-by-two {
left: 12.5%
}
.medium-down--offset-by-three {
left: 18.75%
}
.medium-down--offset-by-four {
left: 25%
}
.medium-down--offset-by-five {
left: 31.25%
}
.medium-down--offset-by-six {
left: 37.5%
}
.medium-down--offset-by-seven {
left: 43.75%
}
.medium-down--offset-by-eight {
left: 50%
}
.medium-down--offset-by-nine {
left: 56.25%
}
.medium-down--offset-by-ten {
left: 62.5%
}
.medium-down--offset-by-eleven {
left: 68.75%
}
.medium-down--offset-by-twelve {
left: 75%
}
.medium-down--offset-by-thirteen {
left: 81.25%
}
.medium-down--offset-by-fourteen {
left: 87.5%
}
.medium-down--offset-by-fifteen {
left: 93.75%
}
.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) and (max-width: 798px) {
.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% - 10px)
}
}
@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% - 16px)
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--one-fourth {
width: calc(25% - 15px)
}
}
@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% - 17.5px)
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--four {
width: calc(25% - 15px)
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--seven {
width: calc(43.75% - 10px)
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--eight {
width: calc(50% - 10px)
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--nine {
width: calc(56.25% - 10px)
}
}
@media only screen and (max-width: 798px) {
.has-no-side-gutter.has-background {
padding-right: 0;
padding-left: 0
}
.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
}
.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, .small-down--one-whole {
width: calc(100% - 20px)
}
.small-down--one-half {
width: calc(50% - 20px)
}
.small-down--one-third {
width: calc(33.3333333333% - 20px)
}
.small-down--two-thirds {
width: calc(66.6666666667% - 20px)
}
.small-down--one-fourth {
width: calc(25% - 20px)
}
.small-down--two-fourths {
width: calc(50% - 20px)
}
.small-down--three-fourths {
width: calc(75% - 20px)
}
.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)
}
.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)
}
.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)
}
.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)
}
.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)
}
.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)
}
.small-down--offset-by-one {
left: 6.25%
}
.small-down--offset-by-two {
left: 12.5%
}
.small-down--offset-by-three {
left: 18.75%
}
.small-down--offset-by-four {
left: 25%
}
.small-down--offset-by-five {
left: 31.25%
}
.small-down--offset-by-six {
left: 37.5%
}
.small-down--offset-by-seven {
left: 43.75%
}
.small-down--offset-by-eight {
left: 50%
}
.small-down--offset-by-nine {
left: 56.25%
}
.small-down--offset-by-ten {
left: 62.5%
}
.small-down--offset-by-eleven {
left: 68.75%
}
.small-down--offset-by-twelve {
left: 75%
}
.small-down--offset-by-thirteen {
left: 81.25%
}
.small-down--offset-by-fourteen {
left: 87.5%
}
.small-down--offset-by-fifteen {
left: 93.75%
}
.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) and (max-width: 480px) {
.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% - 10px)
}
}
@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% - 16px)
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--one-fourth {
width: calc(25% - 15px)
}
}
@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% - 17.5px)
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--four {
width: calc(25% - 15px)
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--seven {
width: calc(43.75% - 10px)
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--eight {
width: calc(50% - 10px)
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--nine {
width: calc(56.25% - 10px)
}
}
@media only screen and (max-width: 480px) {
.has-no-side-gutter.has-background {
padding-right: 0;
padding-left: 0
}
.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
}
}
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
}
@font-face {
font-family: Open Sans Condensed;
font-weight: 300;
font-style: normal;
font-display: swap;
src: url(../font/opensanscondensed_n3.21acf631f24692841105ddde3fdc951102b8f235.woff2) format("woff2"), url(../font/opensanscondensed_n3.5c88722f47f23c603ca4abec4670fb3b0868fdc8.woff) format("woff")
}
@font-face {
font-family: Open Sans Condensed;
font-weight: 300;
font-style: italic;
font-display: swap;
src: url(../font/opensanscondensed_i3.85f081eaf09fdbb99b5d250ad2a170a172c57a63.woff2) format("woff2"), url(../font/opensanscondensed_i3.1f3cec26db09f6a50d5aeed0a3028837d690cc5c.woff) format("woff")
}
@font-face {
font-family: Avenir Next;
font-weight: 500;
font-style: normal;
font-display: swap;
src: url(../font/avenirnext_n5.972a96b7a049f12c89d6d1cd0e1b6c9211f7ba14.woff2) format("woff2"), url(../font/avenirnext_n5.9e88d20fa9eb66ba268ac60ab013006ef69a310a.woff) format("woff")
}
@font-face {
font-family: Avenir Next;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url(../font/avenirnext_n7.8cfc646eab1e39e2d81a26284624600ccae49d55.woff2) format("woff2"), url(../font/avenirnext_n7.25b10f8089bc87dfd8e50a7c68b433da7a04bc87.woff) format("woff")
}
@font-face {
font-family: Avenir Next;
font-weight: 500;
font-style: italic;
font-display: swap;
src: url(../font/avenirnext_i5.2d1a6d537e5b485482d6bcca34a56cc10d441a55.woff2) format("woff2"), url(../font/avenirnext_i5.fcfa37c68ca483c41031623bfae4701d99bb4b95.woff) format("woff")
}
@font-face {
font-family: Avenir Next;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url(../font/avenirnext_i7.3a67996166b5b7f1b7cc3b35490ebd6824908dc5.woff2) format("woff2"), url(../font/avenirnext_i7.b872875ff437f0efb4c2321d0016eaa726b649ae.woff) format("woff")
}
body {
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
font-size: 18px;
text-transform: none;
color: #404040;
line-height: 1.8em;
overflow-wrap: anywhere
}
body.is-active {
overflow-y: hidden
}
::selection {
background-color: #000;
color: #fff
}
abbr {
border-bottom: 1px dotted #d3d3d3
}
.logo {
position: relative;
font-family: Open Sans Condensed, sans-serif;
font-weight: 300;
font-size: 42px;
text-transform: uppercase;
color: #404040;
padding-top: 15px
}
.logo a, .logo a:hover, .logo a:visited, .logo a:active {
color: #404040;
line-height: 45px
}
h1, h2, h3, h4, h5, h6, .title a, .title a:visited, .headline, .subtitle {
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
text-transform: none;
line-height: 1.5;
color: #003872;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 40px
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title a {
font-weight: inherit
}
h1 a, h1 a:visited, .title a, .title a:visited {
color: #003872
}
h1 a:hover, h1 a:active, .title a:hover, .title a:active {
color: #9f9f9f
}
h1, .h1, h2.title, .title a {
line-height: 50px;
margin: 0 auto 20px;
border-bottom: 1px solid #d3d3d3;
border-top: none;
padding: 0 0 8px;
clear: both;
font-weight: 400;
text-align: center
}
h2.home {
font-family: Garamond, Baskerville, Caslon, serif;
text-transform: none;
line-height: 1.5;
color: #003872;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 36px;
border-top: 0;
border-bottom: 1px solid #d3d3d3;
padding: 0 0 12px;
line-height: 50px;
margin: 0 auto 20px;
clear: both;
font-weight: 400
}
h1.article_name {
text-align: left;
clear: none
}
h2, .h2 {
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
text-transform: none;
line-height: 1.5;
color: #003872;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 36px;
line-height: 45px;
margin: 0 auto 20px;
text-align: center;
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
padding: 12px 0
}
h2.title a {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0
}
h2.article_title {
border-top: 0;
padding: 0;
text-align: left;
margin-top: 15px;
margin-bottom: 5px;
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
text-transform: none;
line-height: 1.5;
color: #003872;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 32px
}
h2.article_title a {
color: #003872
}
h3, .h3 {
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
text-transform: none;
line-height: 1.5;
color: #003872;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 32px;
line-height: 35px;
margin: 0 auto 15px 0;
text-align: left;
border-bottom: 1px solid #d3d3d3;
padding: 0 0 12px
}
h4, .h4, h4.title a {
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
text-transform: none;
line-height: 1.5;
color: #003872;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 35px;
margin: 0 0 20px;
text-align: left;
padding: 0 0 12px;
border-bottom: 1px solid #d3d3d3
}
h4.title a {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0
}
h5, .h5 {
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
text-transform: none;
line-height: 1.5;
color: #003872;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 26px;
line-height: 28px;
padding-bottom: 5px
}
h5.sub_title a {
margin: 15px 0 5px;
color: #003872;
display: block
}
h6, .h6 {
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
text-transform: none;
line-height: 1.5;
color: #003872;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
padding-bottom: 1em
}
.footer h6 {
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
text-transform: none;
line-height: 1.5;
color: #003872;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
color: #000
}
.headline {
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
text-transform: none;
line-height: 1.5;
color: #003872;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 40px
}
.subheader {
color: #777
}
.modal h3 {
padding: 6px 0 12px
}
h6.social {
padding-bottom: 10px
}
p {
margin: 0 0 20px;
font-style: normal
}
p img {
margin: 0
}
sub {
font-size: 60%
}
em, i {
font-style: italic
}
strong, b {
font-weight: 700
}
small {
font-size: 80%
}
.excerpt {
line-height: 1.8em;
position: relative;
max-height: 9em;
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
}
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 #d3d3d3
}
blockquote cite {
display: block;
font-size: 12px;
color: #555
}
blockquote cite:before {
content: "\2014 "
}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
color: #555
}
hr {
border: solid #d3d3d3;
border-width: 1px 0 0;
clear: both;
margin: 10px 0 15px;
height: 0
}
.quote {
font-size: 18px;
line-height: 32px;
text-align: center;
margin: 0 0 20px;
font-style: italic
}
a, a:visited {
color: #9f9f9f;
text-decoration: none;
outline: 0;
transition: color .3s ease-out 0s
}
a:hover, a:focus {
color: #000
}
a:focus {
outline: Highlight auto 5px;
outline: -webkit-focus-ring-color auto 5px
}
a, button, input, select, textarea, label, summary {
touch-action: manipulation
}
.section-header a {
color: #003872
}
ul, ol {
margin-bottom: 20px
}
ul {
list-style: none outside
}
ol {
list-style: decimal
}
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 15px
}
ul ul li, ul ol li, ol ol li, ol ul li {
margin-bottom: 6px
}
li {
line-height: 1.8em;
margin-bottom: 12px
}
ul.large li {
line-height: 1.8em
}
ul.none {
list-style: none outside;
margin-left: 0
}
ul.none li {
list-style: none;
padding: 0
}
li p {
line-height: 1.8em
}
ul {
line-height: 1.5
}
ul li {
list-style-type: disc;
list-style-position: inside;
padding: 6px 0;
margin-left: 0;
margin-bottom: 0
}
.description ul {
list-style: disc outside
}
.top_bar {
background-color: #fff;
text-align: center;
z-index: 8000;
width: 100%
}
.top_bar .container {
padding-top: 0;
padding-bottom: 0
}
.top_bar a {
font-family: Avenir Next, sans-serif;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
color: #9f9f9f;
letter-spacing: 1px;
display: block;
}
.top_bar a:hover {
color: #000
}
.top_bar ul {
padding: 0;
margin: 5px 0 0;
border: 0;
text-align: right
}
.top_bar ul li {
border-bottom: 0;
border-top: 0;
padding: 0 10px;
position: relative;
display: inline-block
}
#nav, #mobile_nav {
display: block;
margin: 20px auto 0;
min-height: 35px;
padding: 0
}
#nav.nav-align--left ul, #mobile_nav.nav-align--left ul {
text-align: left
}
#nav.nav-align--center ul, #mobile_nav.nav-align--center ul {
text-align: center
}
@media only screen and (max-width: 798px) {
#nav.nav-align--center ul, #mobile_nav.nav-align--center ul {
text-align: left
}
}
#nav.nav-border--double, #mobile_nav.nav-border--double {
border-top: double #d3d3d3;
border-bottom: double #d3d3d3
}
#nav.nav-border--dashed, #mobile_nav.nav-border--dashed {
border-top: 1px dashed #d3d3d3;
border-bottom: 1px dashed #d3d3d3
}
#nav.nav-border--dotted, #mobile_nav.nav-border--dotted {
border-top: 1px dotted #d3d3d3;
border-bottom: 1px dotted #d3d3d3
}
#nav.nav-border--solid, #mobile_nav.nav-border--solid {
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3
}
#nav {
position: relative
}
#nav.nav-border--none ul li:first-child {
padding-left: 0
}
#mobile_nav {
display: none
}
#mobile_nav ul, #mobile_nav ul ul {
margin-left: 0
}
#mobile_nav ul li, #mobile_nav ul li a {
margin: 0
}
#mobile_nav ul li a {
padding: 0 !important;
display: inline !important
}
@media only screen and (max-width: 798px) {
.slicknav_menu .arrow {
display: none;
padding-left: 15px
}
}
.slicknav_arrow .icon-right-arrow, .slicknav_arrow .icon-down-arrow {
padding-left: 15px
}
.slicknav_menu a.slicknav_btn {
padding-top: 2px !important;
padding-bottom: 0
}
.slicknav_nav li {
list-style: none
}
#mobile_nav {
min-height: 30px;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw
}
#mobile_nav .icon-menu {
font-size: 14px;
padding: 20px 5px 20px 20px
}
#mobile_nav ul li {
padding-left: 20px
}
#nav ul {
display: block;
border: none;
padding: 0;
margin: 0
}
#nav .menu-desktop {
display: none
}
@media only screen and (min-width: 799px) {
#nav .menu-desktop {
display: block
}
}
#nav .menu-mobile {
display: block
}
@media only screen and (min-width: 799px) {
#nav .menu-mobile {
display: none
}
}
#nav ul li {
display: inline-block;
border-color: #d3d3d3;
border-top: 0;
border-bottom: 0;
padding: 10px 20px 8px;
position: relative;
margin: 0;
cursor: pointer
}
#nav ul li.megaMenu-dropdown {
position: static
}
#nav.nav-separator--solid > ul > li {
border-right: 1px solid #d3d3d3
}
#nav.nav-separator--solid ul li:last-child {
border-right: none
}
#nav ul li:not(.megaMenu-dropdown) a, #nav ul li:not(.megaMenu-dropdown) a:visited, #nav ul li:not(.megaMenu-dropdown) a:active, #nav ul li:not(.megaMenu-dropdown) summary, #nav ul li:not(.megaMenu-dropdown) summary:visited, #nav ul li:not(.megaMenu-dropdown) summary:active, #mobile_nav ul li a, #mobile_nav ul li a:visited, #mobile_nav ul li a:active, a.slicknav_btn, .mobile_currency select, #nav ul li.megaMenu-dropdown > details > summary {
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
color: #003163;
position: relative;
display: block;
letter-spacing: 1px
}
a.slicknav_btn {
padding: 5px 0
}
#nav ul li a.active, #nav ul li a.active:visited, #nav ul li a.active:active, #mobile_nav ul li a.active, #mobile_nav ul li a.active:visited, #mobile_nav ul li a.active:active, .slicknav_btn {
color: #dba932
}
#nav ul li:last-of-type {
border-right: none
}
#nav ul li:focus a, #nav ul li:focus a.sub-menu--link, #nav ul li:focus summary.sub-menu--link, #nav ul li a:hover, #nav ul li a:visited:hover, #nav ul li a:focus, #nav ul li summary:hover, #nav ul li summary:focus, #mobile_nav ul li a:hover, .slicknav_btn {
color: #dba932
}
#nav ul li.current_page_item a, #mobile_nav ul li.current_page_item a, #nav ul li.current_page_ancestor a, #mobile_nav ul li.current_page_ancestor a {
color: #dba932
}
#menu ul a, #menu li > ul a, #menu li > ul summary {
padding: 10px 15px;
background: none;
text-align: left
}
#menu ul {
position: absolute;
left: 15px;
top: 100%;
z-index: 1000;
opacity: 0;
visibility: hidden;
width: 210px;
transition: opacity .3s .15s ease-in;
pointer-events: none
}
#menu ul {
background: #ffffff
}
#menu ul {
border: solid 1px #dddddd
}
#menu ul li {
padding: 0;
border: none;
display: block;
background: none;
text-align: left
}
#menu ul li a, #menu ul li summary {
display: block;
font-weight: 400;
font-size: 15px;
text-transform: none
}
#menu li:hover .submenu_list, #menu li:active .submenu_list, #menu ul li.sub-menu:hover .sub_submenu_list, #menu ul li.sub-menu:active .sub_submenu_list, #menu li details[open] + .submenu_list, #menu li details[open] + .sub_submenu_list {
opacity: 1;
visibility: visible;
pointer-events: all
}
#menu li.megaMenu-dropdown a.sub-menu--link:focus + .megaMenu, #menu li.megaMenu-dropdown details[open] + .megaMenu {
opacity: 1;
visibility: visible;
pointer-events: all;
display: block
}
#menu ul ul {
left: 210px;
top: -1px
}
#menu ul li .sub_submenu_list {
text-transform: none
}
#menu ul.submenu_list.submenu--align-right {
right: 0;
left: auto
}
#menu ul.sub_submenu_list.submenu--align-right {
right: 100%;
left: auto
}
#menu li:hover > ul {
display: block;
opacity: 1;
visibility: visible
}
@media only screen and (max-width: 798px) {
.top_bar .selectors-form {
display: none
}
}
.header-menu__disclosure .selectors-form__wrap {
justify-content: flex-start
}
.header-menu__disclosure .disclosure__toggle, .header-menu__disclosure .disclosure-list__item--label {
font-family: Avenir Next, sans-serif;
font-size: 12px;
height: 30px;
padding: 0 10px;
margin-bottom: 5px
}
.header-menu__disclosure .disclosure__list-wrap {
top: 100%;
z-index: 3;
position: absolute
}
.header-menu__disclosure .disclosure-list {
background-color: #fff;
border: 1px solid #dfdfdf;
border-radius: 3px;
margin-top: 0;
padding: 0 10px;
max-height: 500px;
overflow-y: auto
}
.header-menu__disclosure .disclosure-list li.disclosure-list__item {
display: block;
padding: 0
}
.header-menu__disclosure .disclosure-list button.disclosure__button {
font-family: Avenir Next, sans-serif;
font-size: 12px
}
#menu details > summary::-webkit-details-marker {
display: none
}
#menu summary {
list-style: none;
cursor: pointer
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.header-container .menu-item__disclosure {
display: none;
border-right: 0;
padding: 0 !important
}
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.header-container .selectors-form {
display: none
}
}
.header-container .selectors-form__wrap {
justify-content: flex-start;
flex-direction: column
}
.header-container .disclosure--enabled li:nth-last-child(2) {
border-right: 0 !important
}
.header-container .disclosure__toggle {
margin-top: 0;
margin-right: 20px;
width: auto
}
.header-container .disclosure__toggle .icon-down-arrow {
display: inline-block;
margin-left: 10px;
padding-left: 0
}
.header-container .disclosure__toggle, .header-container .disclosure-list {
font-family: Avenir Next, sans-serif
}
.header-container .disclosure-list li.disclosure-list__item {
padding-left: 0 !important
}
#menu .menu-icon, #mobile_nav .mega-mobile-arrow, #mobile_nav .slicknav_arrow span {
vertical-align: initial;
display: inline
}
#menu .mega-mobile-arrow, #menu .mega-sub-arrow {
display: none
}
#menu .megaMenu-submenu .mega-sub-arrow {
display: inline
}
@media only screen and (max-width: 798px) {
#mobile_nav .arrow.mega-mobile-arrow, #mobile_nav .mega-sub-arrow {
cursor: pointer;
display: inline-block
}
}
#mobile_nav .megaMenu-triangle {
display: none
}
#mobile_nav li.slicknav_open .slicknav_parent-link .sub-menu--link, #mobile_nav li.slicknav_open .sub-menu.slicknav_open a.active, #mobile_nav li.slicknav_open .sub-menu.slicknav_open a.sub-sub-menu--link, #mobile_nav ul li.megaMenu-open a, #mobile_nav ul li.megaMenu-open a.active, #mobile_nav ul li.megaMenu-open .mega-mobile-arrow {
color: #9f9f9f
}
.megaMenu {
box-sizing: border-box;
border-top: 1px solid #d3d3d3;
position: absolute;
display: none;
z-index: 11;
font-size: 16px;
left: 0;
right: 0
}
.megaMenu {
background: #ffffff
}
@media only screen and (min-width: 799px) {
.megaMenu {
visibility: hidden;
opacity: 0;
pointer-events: none
}
}
.megaMenu:hover, .megaMenu:focus {
display: block
}
@media only screen and (min-width: 799px) {
.megaMenu:hover, .megaMenu:focus {
opacity: 1;
visibility: visible;
pointer-events: all
}
}
.megaMenu.megaMenu-left .megaMenu-grid {
transform: translate(0)
}
.megaMenu.megaMenu-right .megaMenu-grid {
transform: translate(-100%)
}
.megaMenu.animated {
animation-duration: .5s
}
@media only screen and (max-width: 798px) {
.megaMenu {
position: relative;
padding: 0 40px;
border-top: 0;
margin-bottom: 20px;
width: 100%
}
}
.megaMenu .megaMenu-grid-wrap .simplebar-track .simplebar-scrollbar {
display: none !important
}
@media only screen and (min-width: 799px) {
li.megaMenu-dropdown:hover .megaMenu, .megaMenu-dropdown[aria-expanded=true] .megaMenu {
opacity: 1;
visibility: visible;
pointer-events: all;
position: absolute;
display: block
}
li.megaMenu-dropdown:hover .megaMenu .megaMenu-grid-wrap .simplebar-track .simplebar-scrollbar, .megaMenu-dropdown[aria-expanded=true] .megaMenu .megaMenu-grid-wrap .simplebar-track .simplebar-scrollbar {
display: block !important
}
}
.megaMenu-grid-wrap {
width: 100%;
overflow-x: auto
}
#mobile_nav .megaMenu-grid, #menu .megaMenu-grid {
display: flex;
flex-wrap: nowrap;
transition: ease-in-out .3s transform
}
@media only screen and (max-width: 798px) {
#mobile_nav .megaMenu-grid, #menu .megaMenu-grid {
flex-wrap: wrap
}
}
#nav #menu .megaMenu-submenu, #nav #menu .megaMenu-sub-submenu {
background: transparent;
border: 0;
z-index: 2;
top: 0;
left: 0;
width: auto;
display: block;
list-style: none;
padding-left: 0;
position: relative;
text-align: left
}
@media only screen and (max-width: 798px) {
#nav #menu .megaMenu-submenu, #nav #menu .megaMenu-sub-submenu {
margin-top: 20px
}
}
#nav #menu .megaMenu-submenu li, #nav #menu .megaMenu-sub-submenu li {
list-style-type: none;
padding: 0 0 10px;
font-size: 1em;
border-right: 0;
font-weight: 400;
line-height: 1.8
}
#nav #menu .megaMenu-submenu li:hover .megaMenu-sublink, #nav #menu .megaMenu-submenu li:hover span.arrow, #nav #menu .megaMenu-sub-submenu li:hover .megaMenu-sublink, #nav #menu .megaMenu-sub-submenu li:hover span.arrow {
color: #9f9f9f
}
@media only screen and (max-width: 798px) {
#nav #menu .megaMenu-submenu li, #nav #menu .megaMenu-sub-submenu li {
padding: 0 0 16px
}
}
#nav #menu .megaMenu-submenu li a, #nav #menu .megaMenu-sub-submenu li a {
color: #003163;
display: inline-block;
padding: 0;
text-transform: none
}
#nav #menu .megaMenu-submenu li a:hover, #nav #menu .megaMenu-sub-submenu li a:hover {
color: #9f9f9f
}
#nav #menu .megaMenu-submenu details[open] + .megaMenu-sub-submenu {
display: block;
opacity: 1;
visibility: visible;
pointer-events: all
}
#nav #menu .megaMenu-sub-submenu {
display: none
}
.megaMenu-subtitle {
border-bottom: 0;
padding: 0;
font-size: 16px;
margin-bottom: 20px;
line-height: 1.8;
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
text-transform: uppercase
}
.megaMenu-subtitle.megaMenu-sub-open a {
color: #9f9f9f
}
@media only screen and (max-width: 798px) {
.megaMenu-subtitle {
font-size: inherit;
margin-bottom: 0;
padding: 8px 0;
line-height: 1.8em
}
}
.megaMenu-subtitle a {
color: #003163
}
.megaMenu-sublink-item {
padding: 8px 0
}
@media only screen and (max-width: 798px) {
.megaMenu-sublink-item {
padding: 8px 0 8px 20px
}
}
.megaMenu-sublink-item a, .megaMenu-sublink-item summary {
text-align: left;
transition: color .3s ease-out 0s;
font-family: Garamond, Baskerville, Caslon, serif;
font-size: 15px;
font-weight: 400;
text-transform: none;
line-height: 1.8;
color: #003163;
position: relative;
display: inline
}
@media only screen and (max-width: 480px) {
.megaMenu-sublink-item a, .megaMenu-sublink-item summary {
letter-spacing: 0
}
}
.megaMenu-sublink-item a:hover, .megaMenu-subtitle a:hover, .mega-menu-sublink-item summary:hover {
color: #9f9f9f
}
@media only screen and (max-width: 798px) {
.megaMenu-sublink-item a:hover, .megaMenu-subtitle a:hover, .mega-menu-sublink-item summary:hover {
color: #003163
}
}
.megaMenu-sublink-item:first-child a, .megaMenu-sublink-item:first-child summary {
padding-top: 0
}
#menu .dropdown--active ul, #menu .dropdown--active li {
visibility: visible;
opacity: 1;
pointer-events: auto
}
.dropdown--active a, .dropdown--active a:hover, .dropdown--active span, #mobile_nav ul li.dropdown--active a, .dropdown--active summary, .dropdown--active summary:hover {
color: #9f9f9f
}
.megaMenu-text {
margin-top: 10px;
text-align: left;
color: #003163
}
.megaMenu-text p {
margin-bottom: 0
}
.megaMenu-text a, .megaMenu-text summary {
color: #003163
}
.megaMenu-text a:hover, .megaMenu-text summary:hover {
color: #9f9f9f
}
.megaMenu-column {
flex: 1 0 auto;
width: 20%;
box-sizing: border-box;
padding: 0 33px;
margin: 33px 0;
z-index: 1;
border-right: 1px solid #d3d3d3
}
@media only screen and (max-width: 798px) {
.megaMenu-column {
margin: 0;
border-right: 0;
width: 100% !important;
padding: 0
}
}
.megaMenu-column:last-child {
border-right: 0px
}
@media only screen and (max-width: 798px) {
.megaMenu-column:last-child {
border-bottom: 0;
margin-bottom: 0
}
}
.megaMenu-column a, .megaMenu-column summary {
text-transform: none
}
.megaMenu-image {
width: 100%
}
@media only screen and (max-width: 798px) {
.megaMenu-image {
padding-top: 0;
margin-top: 10px;
max-width: 185px
}
}
#nav #menu .megaMenu-sub-submenu {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px
}
#mobile_nav .megaMenu-sub-submenu {
padding-left: 20px
}
#mobile_nav .megaMenu-sub-submenu li {
padding-left: 40px
}
@media only screen and (max-width: 798px) {
#mobile_nav .megaMenu-submenu, #mobile_nav .megaMenu-submenu ul {
display: none;
padding: 0
}
}
#mobile_nav .megaMenu-submenu details[open] + .megaMenu-sub-submenu {
display: block
}
.megaMenu-banner {
display: flex;
align-items: center;
justify-content: center;
border-top: 1px solid #d3d3d3;
box-sizing: border-box;
width: 100%;
padding: 10px;
margin-top: 10px
}
@media only screen and (max-width: 798px) {
.megaMenu-banner {
border-bottom: 1px solid #d3d3d3
}
}
.megaMenu-banner p {
margin: 0;
padding: 0
}
.product_row img, .product_image_col img, .article img, .article_image img, .section img, .thumbnail img, .sidebar img, #target img {
max-width: 100%;
height: auto
}
.zoomImg {
background-color: #fff
}
.zoom-container {
width: 100%;
display: block
}
.detail-images img, .full-width-image {
width: 100%
}
.lazyload--fade-in {
opacity: 0;
transition: opacity .2s linear
}
.lazyload--fade-in.lazyloaded {
opacity: 1
}
img[data-sizes=auto] {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto
}
.image__container {
display: block;
margin-left: auto;
margin-right: auto;
position: relative
}
.image-element__wrap img {
height: auto;
width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.loading-wrap {
position: relative
}
.placeholder-svg {
fill: #003872;
width: 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box
}
.placeholder-svg--banner, .placeholder-svg--slideshow, .placeholder-svg--video, .placeholder-svg--map {
fill: #ffffff26;
background-color: #003872;
max-height: 600px;
border-left: 0;
border-right: 0
}
.video-wrapper {
position: relative;
background-color: #fff
}
.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, .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 .action_button {
width: auto;
padding: 8px 25px;
pointer-events: all
}
.video-wrapper video {
display: block;
width: 100%;
height: auto
}
.video-wrapper .video__text-container {
position: absolute;
top: 50%;
transform: translateY(-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 {
text-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .3)
}
.video-wrapper .video__text-wrapper .headline {
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 56px;
margin-bottom: .2em;
line-height: 61px;
border: 0;
text-align: inherit
}
.video-wrapper .video__text-wrapper .subtitle {
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
font-style: normal;
text-transform: none;
font-size: 22px;
color: #fff;
line-height: 1.5em;
position: relative;
margin-bottom: 35px
}
@media only screen and (max-width: 798px) {
.video-wrapper .video__text-wrapper .headline {
font-size: 1.1em;
line-height: 1.1em
}
.video-wrapper .video__text-wrapper .subtitle {
font-size: .8em;
line-height: 1.5em
}
.video-wrapper .video__text-wrapper .action_button {
font-size: .8em;
margin-top: 0
}
}
@media only screen and (max-width: 798px) {
.video-wrapper {
display: flex;
flex-direction: column
}
}
:not(.plyr__video-wrapper) .plyr__video-embed {
position: relative
}
[class*=page-details] .shopify-section--header {
padding-bottom: 0
}
[class*=page-details] .thumbnail {
border: none
}
[class*=page-details] .page-divider {
opacity: 0;
border-color: #d3d3d3
}
[class*=page-details] .active-divider {
opacity: 1
}
[class*=page-details] .footer {
margin-top: 0
}
[class*=page-details] .grey-map {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(99%);
-webkit-backface-visibility: hidden
}
.featured_collections .thumbnail a[href] img {
margin-bottom: 15px;
transition: opacity .2s linear
}
.featured_collections .thumbnail:hover a[href] img {
opacity: .8
}
.featured_collections .price_align--right .price {
text-align: right;
flex: 1 0 25%
}
.featured_collections .price_align--right .info__text {
flex: 1 0 75%
}
.featured_collections .price_align--center .info {
text-align: center
}
.featured-product-container {
width: 100%
}
.featured-promotions {
width: 100%;
display: flex;
flex-wrap: wrap
}
.featured-promotions h2.title {
border: 0;
margin: 0;
padding: 20px 0 15px;
font-size: 22px;
line-height: 1.2
}
.featured-promotions.featured-promotions--rounded-true img {
border-radius: 50%;
max-width: 66%;
margin: 0 auto
}
.featured-promotions.featured-promotions--wide .feature-section {
margin: 0
}
.feature-details .description {
text-align: center
}
.feature-wrap {
padding: 10px 20px
}
.feature-section {
text-align: center;
margin: 0 10px 10px;
position: relative
}
.feature-section .description a {
pointer-events: auto
}
.feature-section img {
width: 100%;
display: block;
box-shadow: #000 0 0
}
.feature-section:hover a[href] img {
opacity: .8
}
.feature-section:hover a[href] h2.title {
color: #dba932
}
.promo-1 {
animation-delay: 0s
}
.promo-2 {
animation-delay: .3s
}
.promo-3 {
animation-delay: .6s
}
.promo-4 {
animation-delay: .9s
}
.promo-5 {
animation-delay: 1.2s
}
.promo-6 {
animation-delay: 1.5s
}
.promo-7 {
animation-delay: 1.8s
}
.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 h2.title {
font-size: 25px
}
.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
}
}
.container.promotions-grid-full_width {
width: 100%;
padding-top: 0
}
.container.promotions-grid-full_width .featured-promotions.promo-per-row-2 .feature-section {
width: 50%;
margin: 0
}
@media only screen and (max-width: 480px) {
.container.promotions-grid-full_width .featured-promotions.promo-per-row-2 .feature-section {
width: 100%
}
}
.container.promotions-grid-full_width .featured-promotions.promo-per-row-3 .feature-section {
width: 33.333333%;
margin: 0
}
@media only screen and (max-width: 798px) {
.container.promotions-grid-full_width .featured-promotions.promo-per-row-3 .feature-section {
width: 100%
}
}
.container.promotions-grid-full_width .featured-promotions.promo-per-row-4 .feature-section {
width: 25%;
margin: 0
}
@media only screen and (max-width: 798px) {
.container.promotions-grid-full_width .featured-promotions.promo-per-row-4 .feature-section {
width: 50%
}
}
@media only screen and (max-width: 480px) {
.container.promotions-grid-full_width .featured-promotions.promo-per-row-4 .feature-section {
width: 100%
}
}
.shopify-section--page-faq-template .header_banner, .faq__page-content {
margin-bottom: 50px
}
.faq__heading {
border: 0;
padding-top: 0;
margin-bottom: 30px;
text-align: left;
line-height: 1
}
.faq__heading:not(:first-child) {
padding-top: 50px
}
@media only screen and (max-width: 798px) {
.faq__heading {
margin-bottom: 20px
}
}
@media only screen and (max-width: 798px) {
.faq__image {
padding-top: 50px
}
}
.faq__accordion dd {
padding: 24px 16px
}
.faq__accordion dd[aria-hidden=true] {
display: none
}
.faq__accordion button {
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
line-height: 1.5;
color: #003872;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
display: flex;
align-items: center;
background: none;
border: 0;
border-bottom: 1px solid #d3d3d3;
border-radius: 0;
color: #404040;
line-height: 1.2;
padding: 24px 16px;
text-align: left;
text-shadow: none;
text-transform: none
}
.faq__accordion button:hover, .faq__accordion button:focus {
background: rgba(0, 56, 114, .03);
border-color: #d3d3d3;
color: #404040
}
.faq__accordion button span.icon-plus {
font-size: 14px;
padding-right: 12px
}
.faq__accordion button[aria-expanded=true] {
background: rgba(0, 56, 114, .03)
}
.faq__accordion button[aria-expanded=true] span.icon-plus:before {
content: "\e90d"
}
.faq__content {
padding-bottom: 40px
}
@media only screen and (max-width: 798px) {
.faq__content {
flex-direction: column
}
}
.faq__content.faqImage--true .faq__column {
width: calc(50% - 20px)
}
@media only screen and (max-width: 798px) {
.faq__content.faqImage--true .faq__column {
width: 100%
}
}
.faq__content.faqImage--left {
flex-direction: row-reverse
}
@media only screen and (max-width: 798px) {
.faq__content.faqImage--left {
flex-direction: column
}
}
.faq__content .faq__column {
width: 100%
}
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: #ffebbb;
border: 1px solid #ffebbb;
padding: 10px 20px;
text-align: center;
font-size: 14px;
cursor: pointer;
display: inline-block;
box-sizing: border-box;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
font-family: Avenir Next, sans-serif;
font-weight: 500;
text-shadow: 0 1px rgba(0, 0, 0, .1);
width: 100%;
border-radius: 3px;
color: #000;
transition: all .2s linear;
margin-bottom: 0;
-webkit-appearance: none;
line-height: 1.5;
white-space: inherit
}
@media only screen and (max-width: 798px) {
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 {
font-size: 12px
}
}
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 {
color: #000;
background: #f3f3f3;
border-color: #f3f3f3
}
a.button, a.action_button {
cursor: default
}
a.button[href], a.action_button[href] {
cursor: pointer
}
.btn.action_button, input.btn.action_button[type=submit], input.btn.action_button[type=button] {
width: inherit
}
.disabled {
pointer-events: none;
opacity: .8
}
.amazon-payments-pay-button {
display: block !important;
text-align: center
}
p.add-to-cart-wrap {
margin-bottom: 0
}
p.add-to-cart-wrap input {
min-height: 55px;
margin-bottom: 0 !important
}
.add_to_cart {
margin: 0
}
.add_to_cart.action_button {
margin-top: 0;
margin-bottom: 0
}
.action_button.action_button--secondary, .cart-button-update.action_button.action_button--secondary {
background-color: transparent;
border: 1px solid #ffebbb;
color: #ffebbb;
margin-bottom: 8px;
box-shadow: none
}
.cart-button-update {
min-height: 55px
}
.no-js .dynamic-checkout__content {
display: none
}
.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__container .shopify-challenge__button {
max-width: 304px
}
[data-shopify-buttoncontainer] {
justify-content: flex-end
}
.shopify-payment-button__button--branded, .shopify-payment-button__button--unbranded {
overflow: hidden;
min-height: 44px
}
button.shopify-payment-button__more-options {
color: #404040;
box-shadow: none;
text-transform: none;
font-size: .9rem;
letter-spacing: 0;
padding: 16px 0 28px;
max-width: 80%;
margin: 0 auto;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-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;
margin-top: 0
}
@media only screen and (min-width: 1025px) {
.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--true .shopify-payment-button__button--branded {
padding-bottom: 30px
}
.purchase-details__quantity {
display: flex;
margin: 12px 0 24px;
width: 100%
}
.purchase-details__quantity input.quantity {
border-radius: 0;
padding: 10px 15px;
line-height: 1.4;
min-height: 44px;
margin-bottom: 0;
max-width: 100%;
min-width: 50px;
text-align: center;
width: calc(48.5% - 88px);
-webkit-appearance: none;
-moz-appearance: textfield
}
@media only screen and (max-width: 959px) and (min-width: 799px) {
.purchase-details__quantity input.quantity {
width: calc(100% - 88px)
}
}
@media only screen and (max-width: 798px) {
.purchase-details__quantity input.quantity {
width: calc(100% - 88px)
}
}
.purchase-details__quantity input.quantity::-webkit-inner-spin-button {
-webkit-appearance: none;
display: none
}
.purchase-details__quantity .product-plus, .purchase-details__quantity .product-minus {
border: 1px solid #d3d3d3;
box-sizing: border-box;
font-size: 10px;
color: #404040;
cursor: pointer;
width: 44px;
height: 44px
}
.purchase-details__quantity .product-plus:hover, .purchase-details__quantity .product-minus:hover {
background-color: #0000000d
}
.purchase-details__quantity .product-plus span, .purchase-details__quantity .product-minus span {
display: block;
line-height: 42px;
text-align: center
}
.no-js .purchase-details__quantity .product-plus, .no-js .purchase-details__quantity .product-minus {
display: none
}
.purchase-details__quantity .product-minus {
border-right: 0;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.purchase-details__quantity .product-plus {
border-left: 0;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.purchase-details.smart-payment-button--false {
display: flex;
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: calc(50% - 6px);
margin-right: 12px;
max-width: 100%
}
@media only screen and (max-width: 798px) {
.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%
}
.purchase-details.smart-payment-button--false .purchase-details__buttons {
width: calc(50% - 6px)
}
@media only screen and (min-width: 1025px) {
.purchase-details.smart-payment-button--false .purchase-details__buttons {
width: 100%
}
}
.purchase-details.smart-payment-button--false .purchase-details__buttons.full-width {
margin: 12px 0 0;
width: 100%
}
@media only screen and (min-width: 481px) and (max-width: 798px) {
.purchase-details.smart-payment-button--false .purchase-details__buttons.full-width {
margin-top: 0
}
}
.purchase-details__buttons {
width: 100%
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.purchase-details__buttons {
margin-top: 12px
}
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.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) and (max-width: 1400px) {
.purchase-details__buttons .shopify-payment-button, .purchase-details__buttons .action_button--secondary {
flex: 1 0 calc(50% - 6px);
max-width: 100%
}
}
iframe.gpay-iframe {
display: none
}
.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
}
ul.tabs {
display: block;
margin: 20px 0 10px;
padding: 0;
border-bottom: solid 1px #ddd;
border-top: 0
}
ul.tabs li {
display: block;
width: auto;
height: 30px;
padding: 0;
float: left;
margin-bottom: 0;
border: 0
}
ul.tabs li a {
display: block;
text-decoration: none;
width: auto;
height: 29px;
padding: 0 15px;
line-height: 30px;
border: solid 1px #ddd;
border-width: 1px 0 0 1px;
margin: 0;
background: #f5f5f5;
font-size: 13px
}
ul.tabs li a.active {
background-color: #fff;
height: 30px;
position: relative;
top: -4px;
padding-top: 4px;
border-right-width: 1px;
margin: 0 -1px 0 0;
color: #404040;
border-top-left-radius: 2px;
border-top-right-radius: 2px
}
ul.tabs li:first-child a {
border-top-left-radius: 2px
}
ul.tabs li:last-child a {
border-width: 1px 1px 0 1px;
border-top-right-radius: 2px
}
ul.tabs-content {
margin: 0;
display: block;
border: 0
}
ul.tabs-content > li {
display: none;
border: 0
}
ul.tabs-content > li.active {
display: block;
border: 0
}
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
}
.search-enabled__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background-color: #0006;
z-index: 100
}
@media only screen and (min-width: 799px) and (max-width: 1024px) {
.search-enabled__overlay {
display: none !important
}
}
[data-autocomplete-true], [data-autocomplete-false], #autocomplete-search {
position: relative
}
.search__results-wrapper {
display: none;
position: absolute;
z-index: 101;
top: 100%;
width: 400px
}
@media only screen and (max-width: 798px) {
.search__results-wrapper {
display: none
}
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.search__results-wrapper {
max-height: 85vh;
overflow-y: scroll
}
}
.search__results-wrapper .search__results {
background-color: #fff;
margin-left: 0;
margin-top: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 16px 32px 32px
}
.search__results-wrapper .search__results li {
list-style-type: none;
padding: 0;
width: 100%;
display: inline-block;
margin-bottom: 0;
text-align: left
}
.search__results-wrapper .search__results li a {
display: flex;
align-items: center;
margin: 0;
padding: 16px 0 0;
line-height: 1.5;
height: auto;
text-transform: none;
font-size: 15px
}
.search__results-wrapper .search__results li a .thumbnail {
max-width: 96px;
margin: 0 16px 0 0
}
.search__results-wrapper .search__results li a .title {
display: flex;
align-items: flex-start;
flex-direction: column;
color: #404040
}
.search__results-wrapper .search__results li a .item-pricing {
color: #9f9f9f
}
.search__results-wrapper .search__results .all-results a {
padding: 10px 0;
color: #9f9f9f
}
@media only screen and (max-width: 1024px) {
.search__results-wrapper .search__results .all-results a {
padding: 0
}
}
.search__results-wrapper .search__results .all-results a .icon-right-arrow {
margin-left: 4px;
font-size: 1em
}
.mobile-search {
display: none;
position: absolute;
top: 0;
left: 0;
height: 100vh;
z-index: 999999;
width: 100%;
background: rgba(0, 0, 0, .8)
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.mobile-search {
display: none !important
}
}
.mobile-search .search__results-wrapper {
width: 100%
}
.mobile-search .search__fields {
position: relative
}
.mobile-search form {
background-color: #fff;
margin: 0;
/*padding: 10px 20px 0;*/
position: relative;
min-height: 70vh;
/*width: calc(100% - 30px)*/
}
.mobile-search input#q {
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
text-transform: uppercase;
padding-left: 40px;
padding-right: 40px;
border: 0;
border-bottom: 1px solid #d3d3d3;
border-radius: 0;
text-transform: none;
margin-bottom: 10px
}
.mobile-search input#q:focus, .mobile-search input#q:active {
border-bottom: 1px solid #d3d3d3;
box-shadow: none
}
.mobile-search .icon-search {
left: 10px;
top: 50%;
transform: translateY(-50%);
position: absolute;
z-index: 1000;
font-size: 20px;
cursor: pointer
}
.mobile-search .close-search {
position: absolute;
right: 50%;
top: 75vh;
transform: translateY(-50%);
font-size: 20px;
cursor: pointer;
width: 30px;
height: 30px;
background: white;
text-align: center;
line-height: 30px;
border-radius: 30px;
}
.mobile-search .search__results-wrapper {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
position: relative
}
.mobile-search .search__results {
background-color: #fff;
margin-top: 0;
padding: 0
}
.mobile-search .item-result:last-child {
padding-bottom: 10px
}
.blog_search .search__results-wrapper {
width: 100%
}
.blog_search .search__results-wrapper .search__results {
padding: 10px
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.blog_search .search__results-wrapper .search__results li {
width: 100%
}
}
.blog_search .search__results-wrapper .search__results li a {
display: flex
}
.blog_search .search__results-wrapper .search__results .thumbnail {
max-width: 30%
}
form, fieldset {
margin-bottom: 20px
}
select, textarea, input[type=text], input[type=password], input[type=email], input[type=search], input[type=url], input[type=tel], input[type=number], input[type=date], input[type=month], input[type=week], input[type=time], input[type=range], input[type=color] {
display: block;
width: 100%;
height: auto;
padding: 12px 20px;
margin: 0 0 15px;
line-height: 22px;
border: 1px solid #dfdfdf;
border-radius: 2px;
background: #ffffff;
color: #5f6a7d;
box-sizing: border-box;
font: 13px HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif
}
select:active, select:focus, textarea:active, textarea:focus, input[type=text]:active, input[type=text]:focus, input[type=password]:active, input[type=password]:focus, input[type=email]:active, input[type=email]:focus, input[type=search]:active, input[type=search]:focus, input[type=url]:active, input[type=url]:focus, input[type=tel]:active, input[type=tel]:focus, input[type=number]:active, input[type=number]:focus, input[type=date]:active, input[type=date]:focus, input[type=month]:active, input[type=month]:focus, input[type=week]:active, input[type=week]:focus, input[type=time]:active, input[type=time]:focus, input[type=range]:active, input[type=range]:focus, input[type=color]:active, input[type=color]:focus {
border: 1px solid #aaaaaa;
color: #444;
box-shadow: 0 0 3px #0003
}
select {
background: url(../image/select.png) no-repeat right, #fff;
background-position: 95% 50%;
background-size: 10px;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d9dbdc;
-webkit-appearance: none;
-o-appearance: none;
appearance: none;
padding: 12px 20px;
text-indent: .01px;
text-overflow: "";
height: auto
}
select::-ms-expand {
display: none
}
label, legend {
display: block;
font-weight: 700;
font-size: 14px;
padding-bottom: 4px
}
input[type=checkbox] {
display: inline
}
label span, legend span {
font-weight: 700;
font-size: 14px;
color: #444
}
textarea {
padding: 8px;
min-height: 100px
}
#customer_decline {
width: auto
}
.acceptsMarketing {
display: flex
}
.acceptsMarketing label {
display: inline-block;
margin-left: 5px
}
.acceptsMarketing input[type=checkbox] {
margin-top: 5px
}
.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 {
margin: 0 auto
}
@media only screen and (min-width: 799px) {
.search-form {
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%
}
}
.search-template-wrapper hr {
margin: 1em auto;
width: calc(100% - 20px)
}
.collapsible-table {
width: 100%;
margin-bottom: 20px;
border: 1px solid #cccccc
}
@media only screen and (max-width: 798px) {
.collapsible-table {
border: none
}
}
.collapsible-table a {
color: #9f9f9f;
font-weight: 700
}
.collapsible-table a:hover, .collapsible-table a:active {
color: #000;
text-decoration: underline
}
@media only screen and (max-width: 798px) {
.collapsible-table thead {
display: none
}
}
.collapsible-table th {
padding: 12px;
font-weight: 700;
border-bottom: 1px solid #e0e0e0;
background-color: #ededed
}
.collapsible-table tr {
text-align: center
}
@media only screen and (max-width: 798px) {
.collapsible-table tr {
display: block;
text-align: left;
margin-bottom: 20px;
border: 1px solid #e0e0e0
}
}
.collapsible-table tr.even td {
background-color: #f7f7f7
}
@media only screen and (max-width: 798px) {
.collapsible-table tr.even td {
background-color: #fbfbfb
}
}
@media only screen and (max-width: 798px) {
.collapsible-table tr:last-child {
margin-bottom: 0
}
}
.collapsible-table tr td {
padding: 12px;
position: relative;
border-bottom: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
background-color: #fbfbfb
}
@media only screen and (max-width: 798px) {
.collapsible-table tr td {
display: block;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px 0 0;
border: none;
border-bottom: 1px solid #e0e0e0
}
}
@media only screen and (max-width: 798px) {
.collapsible-table tr td:before {
content: attr(data-label);
z-index: 1;
width: 45%;
font-weight: 700;
padding: 4px 0 4px 10px;
word-break: break-word
}
}
@media only screen and (max-width: 798px) {
.collapsible-table tr td:after {
content: "";
top: 0;
left: 0;
z-index: 0;
min-width: 48%;
min-height: 100%;
position: absolute;
border-right: 1px solid #e0e0e0;
background-color: #ededed
}
}
@media only screen and (max-width: 798px) {
.collapsible-table tr td:last-child {
border-bottom: none
}
.collapsible-table tr td:first-child {
text-align: left;
border-left: 0
}
}
.collapsible-table tr td.value input {
margin-bottom: 0
}
.collapsible-table tr:hover td {
background-color: #f1f1f1
}
@media only screen and (max-width: 798px) {
.collapsible-table tr:hover td {
background-color: #fbfbfb
}
}
@media only screen and (max-width: 798px) {
.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 #e0e0e0
}
}
.collapsible-table .order-details__total > span, .collapsible-table .order-details__discount > span {
display: block
}
@media only screen and (max-width: 798px) {
.collapsible-table .order-details__total, .collapsible-table .order-details__discount {
text-align: right;
width: 45%
}
}
@media only screen and (max-width: 798px) {
.collapsible-table .order-details__total .order-details__discount, .collapsible-table .order-details__discount .order-details__discount {
width: 100%
}
}
@media only screen and (max-width: 798px) {
.collapsible-table .order-details__product {
width: 45%;
text-align: right
}
.collapsible-table .order_summary td {
border-bottom: none
}
.collapsible-table .order_summary .order_summary__discount {
text-align: right
}
}
.remove, .remove:visited {
color: #404040
}
.half-bottom {
margin-bottom: 10px !important
}
.add-bottom {
margin-bottom: 20px !important
}
.inline {
display: inline
}
.right {
float: right;
position: relative
}
.left {
float: left
}
.center {
text-align: center
}
.relative {
position: relative
}
div.mobile_only {
display: none
}
.no_border {
border: none !important
}
.extra_padding {
padding-top: 4px
}
.hidden {
display: none
}
.strikethrough {
text-decoration: line-through
}
div#gift-card-outer-container {
background-color: #eee
}
#target {
text-align: center
}
#gift-card-outer-container a.action_button {
width: 90%;
display: block;
margin: 0 auto
}
.promo_banner-show .announcementBar {
display: block
}
.announcementBar {
width: 100%;
top: 0;
left: 0;
display: none
}
.announcementBar div.announcementBar__message {
width: 95%;
margin: 0 auto;
padding: 3px 0;
display: block;
text-align: center;
font-size: 16px
}
.announcementBar div.announcementBar__message a, .announcementBar div.announcementBar__message p {
margin: 0;
display: inline-block;
width: 90%
}
.announcementBar div.announcementBar__message .ss-icon {
float: right;
font-size: 12px;
margin: 7px 0 0;
cursor: pointer
}
.visuallyhidden {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px)
}
a.animate-arrow:hover .icon-right-arrow, a.animate-arrow:focus .icon-right-arrow {
padding-left: 8px
}
a.animate-arrow:hover .icon-left-arrow, a.animate-arrow:focus .icon-left-arrow {
padding-right: 8px
}
a.animate-arrow .icon-right-arrow, a.animate-arrow .icon-left-arrow {
padding-left: 5px;
transition: ease-in-out .15s all
}
p.trim-paragraph {
margin-bottom: 0
}
.trim-last-paragraph p:last-child {
margin-bottom: 0
}
.text-align--center {
text-align: center
}
.text-align--left {
text-align: left
}
.text-align--right {
text-align: right
}
.continue-shopping-link {
margin-top: 10px;
display: inline-block
}
.tos_checkbox {
display: flex
}
.tos_checkbox label.tos_label {
margin-bottom: 0;
margin-left: 5px;
text-align: left;
line-height: 1.4em
}
.tos_checkbox label.tos_label p {
margin-bottom: 0
}
@media only screen and (max-width: 798px) {
.cart__itemQuantity {
text-align: right;
display: flex;
align-items: flex-end;
flex-direction: column
}
}
.cart__itemQuantity .purchase-details__quantity {
margin: 0
}
@media only screen and (max-width: 798px) {
.cart__itemQuantity .purchase-details__quantity {
max-width: 150px
}
}
@media only screen and (max-width: 798px) {
.cart_product_title {
margin-top: 15px;
margin-bottom: 0
}
}
.cart_image {
display: block;
max-width: 180px
}
.cart_image .image-element__wrap {
float: left;
margin-right: 20px
}
@media only screen and (max-width: 798px) {
.cart_image .image-element__wrap {
float: none
}
}
.cart_image .image-element__wrap img {
max-width: 180px;
min-width: 180px
}
@media only screen and (max-width: 480px) {
.cart_image .image-element__wrap img {
margin: 0;
max-width: 150px;
min-width: 150px
}
}
.title_column {
position: relative
}
.container .cart__itemPrice.two.columns {
min-height: 44px
}
@media only screen and (max-width: 798px) {
.container .cart__itemPrice.two.columns {
width: 65%;
float: left
}
}
@media only screen and (max-width: 480px) {
.container .cart__itemPrice.two.columns {
width: 55%
}
}
@media only screen and (max-width: 798px) {
.container .cart__itemQuantity.two.columns {
width: 35%;
float: left
}
}
@media only screen and (max-width: 480px) {
.container .cart__itemQuantity.two.columns {
width: 45%
}
}
.container .cart__itemTotal.four.columns {
min-height: 44px;
display: flex;
align-items: center
}
.container .cart__itemTotal.four.columns .cart__itemTotalContainer {
width: 100%
}
.container .cart__itemTotal.four.columns .cart__itemTotalContainer .remove {
position: relative;
top: 3px
}
#shipping-rates-feedback {
margin-top: 20px;
margin-bottom: 20px
}
.cart-notification {
max-width: 540px;
padding: 2.5rem
}
.cart-notification__image {
margin-right: 20px;
flex-basis: 25%
}
.cart-notification__price, .cart-notification__item-title {
margin-bottom: 0
}
.cart-notification__checkout {
margin-top: 1rem
}
@media only screen and (max-width: 798px) {
.cart-notification__title {
font-size: 125%
}
}
.cart-notification__image img {
height: auto;
max-width: 100%
}
.cart-notification__content {
position: relative;
flex-grow: 1
}
.cart-notification__content .action_button {
display: inline
}
.cart-notification__view {
position: absolute;
top: 0;
right: 0
}
@media only screen and (max-width: 798px) {
.cart-notification__view {
position: relative
}
}
.fancybox-cart-notification .fancybox-close {
top: 5px;
right: 10px
}
.collection-image {
left: 50%;
margin: 0 -50vw 2rem -50vw;
max-width: 100vw;
position: relative;
right: 50%;
width: 100vw
}
@media only screen and (max-width: 798px) {
.collection-image {
margin-bottom: 1rem
}
}
.collection-description {
margin: 20px 0
}
.flex-container {
display: flex
}
.flex-container:after {
visibility: hidden;
display: none;
font-size: 0;
content: " ";
clear: both;
height: 0
}
div.content {
padding: 15px 0 10px
}
.index .shopify-section:not(.shopify-section--divider), .page-details-block, .product-details-block {
margin-bottom: 15px
}
.content_column {
padding-bottom: 2em
}
.content_column .action_button {
display: inline
}
.image_column {
text-align: center
}
.image_column img, .image_column svg {
margin-bottom: 15px
}
.index div.shopify-section.shopify-section--header, .index div.shopify-section.shopify-section--footer {
margin-bottom: 0
}
.header_icons {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: absolute;
right: 0
}
@media only screen and (max-width: 1024px) {
.header_icons {
position: static
}
}
.header_icons a.ss-icon {
color: #000;
transition: ease-in-out .3s all
}
.header_icons a.ss-icon span {
border-color: #000
}
.header_icons a.ss-icon:hover {
color: #d3d3d3
}
.header_icons a.ss-icon:hover span {
border-color: #d3d3d3
}
@media only screen and (max-width: 1024px) {
.header-logo--left .header_icons {
justify-content: flex-start
}
}
.logo img {
max-width: 100%;
height: auto
}
.logo a {
display: block
}
.logo a.logo-align--left {
text-align: left;
margin: 0
}
@media only screen and (max-width: 480px) {
.logo a.logo-align--left {
text-align: center;
margin: 0 auto
}
}
.logo a.logo-align--center {
text-align: center;
margin: 0 auto
}
.logo--desktop {
display: inline-block
}
.index .shopify-section--featured-product .container.product_section {
padding-top: 25px
}
.index .shopify-section--featured-product .container.product_section .product_info {
margin-bottom: 2em
}
.frontpage_product_stagger--true .product_section:nth-child(2n) > div {
float: right
}
.product_row {
text-align: center
}
@media only screen and (min-width: 768px) {
.product_row {
display: flex;
align-items: center
}
}
.description--bottom {
margin-bottom: 0;
margin-top: 15px
}
.purchase {
margin-top: 25px
}
.inline_purchase {
display: inline-block;
margin-left: 20px;
margin-top: 30px
}
.items_left p {
margin-bottom: 0;
color: #dba932
}
.breadcrumb {
font-size: 12px;
font-style: italic;
padding-bottom: 1em;
padding-top: 10px
}
.breadcrumb span {
margin-right: 3px
}
.breadcrumb .columns {
display: flex;
align-items: center
}
.product_breadcrumb {
margin-top: 1em;
margin-bottom: 1em
}
#feature_image a {
cursor: zoom-in
}
.feature_text {
margin: 10px 0 0;
clear: both
}
.paginate {
text-align: center
}
.paginate span {
padding: 0 10px 3px
}
.thumbnail {
position: relative;
padding-bottom: .5em;
margin-bottom: 1em
}
@media only screen and (max-width: 798px) {
.thumbnail {
padding-bottom: 0
}
}
.thumbnail .spr-badge {
margin-bottom: 0
}
.thumbnail.blank {
border: 0
}
.thumbnail a {
display: block;
padding-bottom: .5em;
color: #404040
}
.thumbnail a:hover, .sidebar a:hover {
color: #9f9f9f
}
.thumbnail .image__container {
margin-bottom: 15px
}
.thumbnail a img, .thumbnail a svg {
display: block;
margin-left: auto;
margin-right: auto
}
.banner_image {
width: 100%;
height: auto;
margin-bottom: 2em
}
.sale_banner, .new_banner {
background: #222222;
font-size: 15px;
font-family: Avenir Next, sans-serif;
text-transform: uppercase;
text-shadow: 0px 1px 1px rgba(0, 0, 0, .3);
padding: 6px 20px;
text-align: center;
color: #fff
}
@media only screen and (max-width: 480px) {
.sale_banner, .new_banner {
font-size: 13px;
padding: 3px 10px
}
}
.new_banner {
background: #003872
}
.banner_holder {
position: absolute;
top: 0;
left: 0
}
.thumbnail .sale, .sale {
color: #df4448;
font-size: 16px;
font-weight: 700;
}
.info {
display: flex;
flex-wrap: wrap
}
.info__text {
flex: 1 0 100%
}
.price {
flex: 1 0 100%;
font-weight: 700
}
.price_align--right .price {
text-align: right;
flex: 1 0 25%
}
.price_align--right .info__text {
flex: 1 0 75%
}
.info .price .money {
font-size: 12px;
}
@media only screen and (min-width: 799px){
.info .price .money {
font-size: 16px;
}
}
.price_align--center .info, .price_align--center .collection_swatches {
text-align: center
}
.cart_price {
display: none
}
.was-price {
text-decoration: line-through;
color: #0a0000;
font-style: italic;
text-shadow: none;
font-weight: 600
}
.thumbnail .quick_shop {
display: none;
padding: 10px 20px;
background-color: #ffebbb;
border-color: #ffebbb;
position: absolute;
width: auto;
bottom: 10%;
left: 50%;
transform: translate(-50%);
color: #000
}
.thumbnail:hover .quick_shop {
display: block
}
.thumbnail:hover .quick_shop:hover {
color: #000;
background-color: #d3d3d3;
border-color: #d3d3d3
}
.thumbnails a {
display: block;
margin-bottom: 1em
}
.arrow {
position: relative;
left: 2px
}
.modal {
margin: 10px 0;
display: none;
background-color: #fff
}
.modal_product {
width: auto;
line-height: 0px;
max-width: 940px
}
.modal_product img {
cursor: pointer
}
.modal_image {
text-align: center
}
.modal form {
margin-bottom: 10px
}
.notify_form .action_button {
width: 100%
}
.product_image {
text-align: center
}
.product_image_col {
margin-top: 15px;
text-align: center
}
.meta {
font-size: 13px;
padding-bottom: 5px
}
.meta p {
font-size: 13px;
margin-bottom: 0
}
p.meta {
margin-bottom: 5px
}
.meta .label, .label {
color: gray
}
.meta .label {
display: inline-block;
min-width: 25%
}
.cart .meta .label {
min-width: auto
}
.count {
font-style: normal;
font-size: 13px
}
.filter_wrap {
width: auto;
display: inline-block
}
@media only screen and (max-width: 798px) {
.filter_wrap {
width: 100%
}
}
.filter_wrap .inline {
margin: 0 10px
}
@media only screen and (max-width: 798px) {
.filter_wrap .inline {
margin: 0;
display: block
}
}
#tag_filter, #sort-by {
width: auto;
padding-right: 30px;
display: inline-block;
background-position: 90% 50%
}
@media only screen and (max-width: 798px) {
#tag_filter, #sort-by {
width: 100%;
background-position: 95% 50%
}
}
.section_select {
text-align: right
}
@media only screen and (max-width: 798px) {
.section_select {
text-align: left
}
}
.or {
font-size: smaller;
font-style: italic;
padding: 0 10px
}
input.quantity {
width: 45px;
display: inline;
padding-left: 6px;
padding-right: 0;
height: 35px;
min-height: 35px;
border-color: #d3d3d3
}
.quantity_left {
float: left
}
@media only screen and (max-width: 798px) {
.cart__itemPrice .price_total {
display: block;
margin-top: 10px;
margin-bottom: 0
}
.mobile_right {
clear: both
}
#cart_form .cart_price {
display: block;
margin: 0
}
#cart_form .cart_price span.money {
position: absolute;
bottom: -15px;
right: 0
}
#cart_form .cart_price span.price_total_text {
position: absolute;
top: 0;
right: 0
}
}
@media only screen and (max-width: 798px) and (max-width: 798px) {
#cart_form .cart_price span.price_total_text {
right: 10px
}
}
.quantity_label {
display: none
}
.subtotal, .discount {
text-align: right
}
@media only screen and (max-width: 798px) {
.subtotal, .discount {
text-align: left;
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0
}
}
.notification-discount {
display: block
}
.discount-price {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.price_total {
margin: 0
}
.price_total span {
display: block
}
.mobile_left {
text-align: right
}
.cart_description {
font-size: 13px
}
.popup_tos {
margin-bottom: 20px
}
label.tos_label {
display: inline;
font-weight: 400;
text-transform: none
}
#estimated-shipping, .excluding_tax {
display: block
}
h4.title a.twitter, h4.title a.subscribe {
display: inline;
font-size: 18px
}
h4.title a.twitter .text, h4.title a.subscribe .text {
position: relative;
top: -14px;
font-size: 16px
}
.article, .article_image {
padding-bottom: 30px
}
body.article {
padding-bottom: 0
}
.gravatar-comment-wrapper {
display: flex
}
@media only screen and (max-width: 480px) {
.gravatar-comment-wrapper {
flex-direction: column
}
}
.blog__comment {
width: 100%
}
.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
}
}
.blog_meta span {
position: relative;
display: inline-block;
margin-right: 15px;
font-size: smaller;
color: #888
}
.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: 700;
color: #9f9f9f
}
.blog_list li {
list-style: none
}
.blog_list li li:last-child, .blog_list li ul, .blog_list li > ul > li {
margin-bottom: 0
}
.blog_list .sub-menu:last-child {
padding-bottom: 0
}
ul.blog_list li ul {
display: none
}
ul.blog_list li ul.active {
display: block
}
.collection_menu li span.active, .sidebar li.active a, ul.blog_list a.active, ul.blog_list a.active--default {
color: #dba932;
font-weight: 700
}
.collection_menu li a:hover, .collection_menu li span.active:hover, .sidebar a:hover {
color: #dba932
}
.sidebar a.parent-link--false:hover {
color: #404040;
cursor: pointer
}
.toggle span {
width: 50px;
text-align: center;
color: #888;
font-weight: 700;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: smaller;
float: right;
display: none
}
@media only screen and (max-width: 798px) {
.toggle span {
display: block
}
}
.toggle-all--true .toggle span {
cursor: pointer;
display: block
}
.toggle-all--true .toggle_list, .toggle-all--true .article_list {
display: none
}
.menu-toggle {
float: right;
display: inline-block;
cursor: pointer;
padding: 0 6px;
margin-right: 0;
font-size: 22px;
transition: transform .3s linear
}
.menu-toggle.active {
transform: rotateX(180deg)
}
.comment {
margin-bottom: 30px
}
.comment-body p.meta {
margin-bottom: 5px;
font-size: smaller
}
.comment-body h6 {
padding: 0
}
.red {
color: #c33
}
.address p {
margin-bottom: 5px
}
div#disqus_thread ul, div#disqus_thread li {
border: none
}
div.featured_content {
margin-top: 20px;
margin-bottom: 0;
text-align: center
}
.featured_content p {
margin-bottom: 0
}
.featured_text {
font-size: 18px;
line-height: 36px
}
.social_buttons {
text-align: center
}
.social_buttons a, .social_buttons a:visited {
display: inline-block;
line-height: 32px;
padding: 0 6px;
margin: 8px 8px 8px 0;
font-size: 12px
}
.social_buttons a span, .social_buttons a:visited span {
color: #404040;
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400
}
.social_buttons a:hover, .social_buttons a:active {
color: #9f9f9f
}
.product-block--size_chart {
text-align: right;
padding-top: 2px;
font-family: Garamond, Baskerville, Caslon, serif
}
.size_chart_content {
display: none;
padding: 10px 20px
}
.size-chart--left {
text-align: left
}
.size-chart--center {
text-align: center
}
.size-chart--right {
text-align: right
}
.footer {
background-color: #fff;
font-size: 16px;
line-height: 1.7em;
color: #888;
padding: 30px 0;
margin-top: 2em
}
.footer {
border-top: solid 1px #f3f3f3
}
.footer.text-align--left {
text-align: left
}
.footer.text-align--center {
text-align: center
}
.index .footer {
margin-top: 0
}
.footer hr {
border-color: #888
}
.footer a {
color: #888;
text-shadow: none
}
.footer a:hover {
text-shadow: none;
color: #000
}
.footer__menu {
margin-bottom: 0
}
.footer__menu li {
display: inline;
padding: 0 15px 15px
}
@media only screen and (max-width: 798px) {
.footer__menu li {
display: block
}
}
.footer__menu.footer__menu--vertical ul {
margin-bottom: 1em
}
.footer__menu.footer__menu--vertical ul li {
display: block;
padding: 0 0 5px;
list-style: none outside
}
.footer__disclosure--true .footer__menu {
margin-bottom: 10px
}
.footer .action_button {
background-color: #ffebbb !important;
border-color: #ffebbb !important
}
.footer .action_button:hover {
background-color: #f3f3f3 !important;
border-color: #f3f3f3 !important
}
.contact-form {
margin-bottom: 0
}
#contact_email, #contact_name {
display: inline-block;
width: 205px;
margin-bottom: 0
}
input.search_box {
height: 30px;
min-height: 30px;
padding-left: 28px;
background: #fff url(../image/search.jpg) no-repeat 6px;
margin-bottom: 0
}
.search_box:focus {
background-color: #fff
}
.top_bar_search {
text-align: left;
min-height: 10px
}
.currencies {
max-width: 40%;
height: 30px;
min-height: 30px;
margin: 5px 0;
padding: 0 6px
}
form#country_form, .top_bar_search form.search {
margin-bottom: 0
}
.top_bar_search .search_box {
margin: 5px 0
}
.payment_methods svg {
margin: 4px 0 6px;
padding-right: 5px;
height: 30px;
width: 48px
}
.payment_methods svg:last-child {
padding-right: 0
}
.footer .credits, .footer .credits a {
font-size: 15px;
color: #888 !important;
padding-top: 1em
}
table tr.order_summary td.label {
text-align: right
}
.read-more {
padding-top: 10px
}
.article__imageContainer {
overflow: hidden
}
.article__imageContainer img {
transition: ease-in-out .35s all
}
.article__imageContainer img:hover, .article__imageContainer img:focus {
transform: scale(1.05)
}
.shopify-section--gallery .gallery__image {
margin-bottom: 20px
}
.shopify-section--gallery .is-width-wide .gallery__image {
margin-bottom: 0
}
.shopify-section--gallery .gallery__link {
display: block
}
.product-container, .product-details-section-wrapper {
width: 100%
}
.product_section .left a span, .product_section .right a span {
transition: ease-in-out .3s all
}
.product_section .left a:hover span {
display: inline-block;
transform: translate(-5px)
}
.product_section .right a:hover span {
display: inline-block;
transform: translate(5px)
}
.product__title {
line-height: 1.3;
text-align: left
}
.product__price {
margin-bottom: 0
}
.product__price-container {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px
}
.product__price-container.product__price-container--sold-out {
opacity: .3
}
.product__price-container + .product-details__unit-price {
margin-bottom: 15px;
margin-top: -15px
}
.sold-out-text, .product__price {
font-size: 22px
}
.sold-out-text {
margin-left: 5px
}
.atc-btn-container {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.atc-btn-container.disabled {
opacity: .3
}
.no-js .atc-btn-container .add_to_cart.no-js--hidden {
display: none
}
.no-js .atc-btn-container noscript {
width: 100%
}
:root {
--color-body-text: #404040;
--color-body: #ffffff;
--color-bg: #ffffff
}
shopify-payment-terms {
display: block;
margin-top: 10px
}
.spr-badge {
margin-bottom: 10px
}
.quote-container {
margin: 2em 0
}
.quote-container p {
font-style: italic;
font-weight: 700
}
.contact_form {
clear: both;
padding-top: .75em;
display: flex;
align-items: center;
justify-content: space-between
}
@media only screen and (max-width: 798px) {
.contact_form {
display: block
}
}
.contact_form h3 {
text-align: inherit;
border: none
}
@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_position--right {
flex-direction: row-reverse
}
.contact_text_position--center {
flex-direction: column;
align-items: center
}
.contact_image_position--right {
flex-direction: row-reverse
}
.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%
}
.shopify-section--rich-text .action_button {
width: auto;
display: inline
}
.shopify-section--rich-text img, .rich_text_and_image img {
max-width: 200px
}
.testimonial-block {
text-align: center;
padding: 15px 0
}
@media only screen and (max-width: 798px) {
.testimonial-block {
padding: 30px 0 0
}
.testimonial-block:first-of-type {
padding-top: 15px
}
}
.testimonial-block p {
padding: 0 5px
}
.testimonial-block .testimonial-image {
margin-bottom: 20px
}
.testimonial-block .testimonial-image.testimonial-image-rounded--true {
border-radius: 50%;
overflow: hidden;
margin: 0 20% 20px
}
.testimonial-block .testimonial-customer-name {
margin: 0
}
.testimonial-block .testimonial-divider {
border-top: 1px solid #d3d3d3;
width: 30%;
margin: 0 auto;
padding: 7px 0
}
.logo-bar {
text-align: center
}
.logo-bar .logo-bar__item {
width: 160px;
display: inline-block;
margin: 0 10px 15px;
vertical-align: middle
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.logo-bar .logo-bar__item {
margin: 0 25px 15px
}
}
.banner-section {
line-height: 0;
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: #fff;
text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
transform: translateY(-50%);
pointer-events: none
}
.banner-section .banner-section__caption .banner-section__caption-headline {
border: 0;
text-align: inherit;
margin-bottom: .2em;
color: #fff;
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
font-style: normal;
font-size: 56px;
line-height: 61px
}
@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 {
line-height: 1.5em;
margin-bottom: 35px;
color: #fff;
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
font-style: normal;
text-transform: none;
font-size: 22px
}
@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;
line-height: 0;
padding: 20px 25px;
pointer-events: all
}
@media only screen and (max-width: 798px) {
.banner-section .banner-section__caption .banner-section__caption-button {
padding: 15px;
font-size: 12px
}
}
.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: #fff;
text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
transform: translateY(-50%);
pointer-events: none
}
.slideshow .slideshow__caption .slideshow__caption-headline {
border: 0;
text-align: inherit;
margin-bottom: .2em;
color: #fff;
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
font-style: normal;
font-size: 56px;
line-height: 61px
}
@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 {
line-height: 1.5em;
margin-bottom: 35px;
color: #fff;
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
font-style: normal;
text-transform: none;
font-size: 22px
}
@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;
line-height: 0;
padding: 20px 25px;
pointer-events: all
}
@media only screen and (max-width: 798px) {
.slideshow .slideshow__caption .slideshow__caption-button {
padding: 15px;
font-size: 12px
}
}
@media only screen and (max-width: 798px) {
.slideshow .slideshow__caption .slideshow__caption-content {
padding: 0 30px
}
}
.slideshow .flickity-page-dots {
bottom: 50px
}
.slideshow .flickity-page-dots .dot {
opacity: 1;
width: 7px;
height: 7px;
background-color: #fff;
border: 1px solid transparent;
transition: all .2s ease-in-out
}
.slideshow .flickity-page-dots .dot.is-selected {
border: 1px solid #ffffff;
background-color: transparent;
transform: scale(1.5)
}
@media only screen and (max-width: 798px) {
.slideshow .flickity-page-dots {
display: none
}
}
.slideshow .flickity-button {
opacity: .8;
color: #fff;
background-color: transparent
}
.slideshow .flickity-button:hover {
opacity: 1;
background-color: transparent
}
.slideshow .flickity-button.previous {
left: -36px
}
.slideshow .flickity-button.next {
right: -36px
}
@media only screen and (max-width: 798px) {
.slideshow .flickity-button {
display: none
}
}
.slideshow:hover .flickity-prev-next-button.previous {
left: 40px
}
.slideshow:hover .flickity-prev-next-button.next {
right: 40px
}
.dark-overlay-true:after {
content: "";
position: absolute;
z-index: 2;
background: rgba(0, 0, 0, .5);
top: 0;
bottom: 0;
left: 0;
right: 0
}
.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 .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
}
.shopify-section--map .map__container svg, .shopify-section--page-contact-template .map__container svg, .page-details-block.block_map .map__container svg, .product-details-block.block_map .map__container svg {
height: 400px;
display: block
}
@media only screen and (max-width: 480px) {
.shopify-section--map .map__container svg, .shopify-section--page-contact-template .map__container svg, .page-details-block.block_map .map__container svg, .product-details-block.block_map .map__container svg {
height: 250px
}
}
.shopify-section--map .map__layout, .shopify-section--page-contact-template .map__layout, .page-details-block.block_map .map__layout, .product-details-block.block_map .map__layout {
display: flex
}
@media only screen and (max-width: 798px) {
.shopify-section--map .map__layout, .shopify-section--page-contact-template .map__layout, .page-details-block.block_map .map__layout, .product-details-block.block_map .map__layout {
flex-wrap: wrap
}
}
.shopify-section--map .map__layout.map__layout--right, .shopify-section--page-contact-template .map__layout.map__layout--right, .page-details-block.block_map .map__layout.map__layout--right, .product-details-block.block_map .map__layout.map__layout--right {
flex-direction: row-reverse
}
.shopify-section--map .map__display, .shopify-section--page-contact-template .map__display, .page-details-block.block_map .map__display, .product-details-block.block_map .map__display {
width: 75%;
display: flex;
align-items: center;
flex: 1 0 75%
}
.shopify-section--map .map__display .maps, .shopify-section--page-contact-template .map__display .maps, .page-details-block.block_map .map__display .maps, .product-details-block.block_map .map__display .maps {
width: 100%
}
.shopify-section--map .map__display .maps iframe, .shopify-section--page-contact-template .map__display .maps iframe, .page-details-block.block_map .map__display .maps iframe, .product-details-block.block_map .map__display .maps iframe {
display: block
}
.shopify-section--map .map__display.map__hours--false, .shopify-section--map .map__display .image-element__wrap, .shopify-section--page-contact-template .map__display.map__hours--false, .shopify-section--page-contact-template .map__display .image-element__wrap, .page-details-block.block_map .map__display.map__hours--false, .page-details-block.block_map .map__display .image-element__wrap, .product-details-block.block_map .map__display.map__hours--false, .product-details-block.block_map .map__display .image-element__wrap {
width: 100%
}
@media only screen and (max-width: 798px) {
.shopify-section--map .map__display, .shopify-section--page-contact-template .map__display, .page-details-block.block_map .map__display, .product-details-block.block_map .map__display {
width: 100%
}
}
.shopify-section--map .map__info, .shopify-section--page-contact-template .map__info, .page-details-block.block_map .map__info, .product-details-block.block_map .map__info {
width: 25%;
display: flex;
align-items: center
}
@media only screen and (max-width: 798px) {
.shopify-section--map .map__info, .shopify-section--page-contact-template .map__info, .page-details-block.block_map .map__info, .product-details-block.block_map .map__info {
width: 100%;
height: auto
}
}
.shopify-section--map .map__info .title, .shopify-section--page-contact-template .map__info .title, .page-details-block.block_map .map__info .title, .product-details-block.block_map .map__info .title {
margin-left: 0;
margin-right: 0;
width: 100%
}
.shopify-section--map .map__info .align_center, .shopify-section--page-contact-template .map__info .align_center, .page-details-block.block_map .map__info .align_center, .product-details-block.block_map .map__info .align_center {
justify-content: center
}
.shopify-section--map .map__info .align_left, .shopify-section--page-contact-template .map__info .align_left, .page-details-block.block_map .map__info .align_left, .product-details-block.block_map .map__info .align_left {
justify-content: flex-start
}
.shopify-section--map .map__info .align_right, .shopify-section--page-contact-template .map__info .align_right, .page-details-block.block_map .map__info .align_right, .product-details-block.block_map .map__info .align_right {
justify-content: flex-end
}
.shopify-section--map .map__info .info, .shopify-section--page-contact-template .map__info .info, .page-details-block.block_map .map__info .info, .product-details-block.block_map .map__info .info {
padding: 1.5rem;
width: 100%
}
@media only screen and (max-width: 798px) {
.shopify-section--map .map__info .info, .shopify-section--page-contact-template .map__info .info, .page-details-block.block_map .map__info .info, .product-details-block.block_map .map__info .info {
justify-content: center
}
}
.shopify-section--map .map__info .info p, .shopify-section--page-contact-template .map__info .info p, .page-details-block.block_map .map__info .info p, .product-details-block.block_map .map__info .info p {
margin-bottom: 0
}
.shopify-section--map .map__info .map__address, .shopify-section--page-contact-template .map__info .map__address, .page-details-block.block_map .map__info .map__address, .product-details-block.block_map .map__info .map__address {
width: 100%
}
@media only screen and (max-width: 798px) {
.shopify-section--map .map__info .map__address, .shopify-section--page-contact-template .map__info .map__address, .page-details-block.block_map .map__info .map__address, .product-details-block.block_map .map__info .map__address {
text-align: center
}
}
.shopify-section--map .map__directions, .shopify-section--page-contact-template .map__directions, .page-details-block.block_map .map__directions, .product-details-block.block_map .map__directions {
max-width: 90%;
margin: 20px 0
}
.page-contact .map__container {
padding-top: 40px
}
.shopify-section--newsletter {
margin: 30px 0
}
@media only screen and (max-width: 798px) {
.shopify-section--newsletter {
margin: 0 0 80px
}
}
.shopify-section--newsletter h2 {
border-top: none;
border-bottom: none;
line-height: 1;
padding-top: 0
}
.shopify-section--newsletter p {
margin-bottom: 20px
}
.shopify-section--newsletter input {
margin-bottom: 0
}
@media only screen and (max-width: 798px) {
.shopify-section--newsletter input {
margin-bottom: 10px
}
}
@media only screen and (max-width: 798px) {
.shopify-section--newsletter input.action_button.sign_up {
margin-bottom: 0
}
}
.shopify-section--newsletter .newsletter {
margin-bottom: 0
}
.shopify-section--newsletter .homepage-newsletter {
padding: 30px 0
}
.popup-container {
display: flex;
align-items: center;
justify-content: center;
height: 100%
}
.popup-container.imagePosition--right {
flex-direction: row-reverse
}
.popup-container .popup-image {
display: flex;
align-items: center;
justify-content: center;
width: 40%;
height: 100%
}
@media only screen and (max-width: 798px) {
.popup-container .popup-image {
display: none
}
}
.popup-container .popup-image img {
width: 100%
}
.popup-container .popup-text {
box-sizing: border-box;
padding: 0 40px;
width: 100%;
max-width: 500px;
margin: 66px 0 54px
}
@media only screen and (max-width: 798px) {
.popup-container .popup-text {
width: 100%
}
}
.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.no-image .popup-text, .popup-container .newsletter .contact-form {
width: 100%
}
.popup-container .newsletter .input-row {
flex-direction: column;
margin-right: auto;
margin-left: auto;
max-width: 400px
}
.popup-container .newsletter .input-row input {
margin: 0
}
.popup-container .newsletter .input-row input[type=text], .popup-container .newsletter .input-row input[type=email] {
margin-bottom: 12px
}
.popup-container .newsletter .input-row input.action_button {
width: 100%
}
.popup-container .newsletter .input-row input[type=text], .popup-container .newsletter .input-row input[type=email], .popup-container .newsletter .input-row input[type=submit].action_button {
margin-left: auto;
margin-right: auto;
max-width: 400px
}
@media only screen and (max-width: 798px) {
.popup-container .newsletter .input-row input[type=text], .popup-container .newsletter .input-row input[type=email], .popup-container .newsletter .input-row input[type=submit].action_button {
margin-bottom: 12px
}
}
.popup-container .newsletter .input-row input.first-name {
margin-right: 6px;
width: calc(50% - 6px)
}
@media only screen and (max-width: 798px) {
.popup-container .newsletter .input-row input.first-name {
margin-right: 0;
width: 100%;
max-width: 100%
}
}
.popup-container .newsletter .input-row input.last-name {
margin-left: 6px;
width: calc(50% - 6px)
}
@media only screen and (max-width: 798px) {
.popup-container .newsletter .input-row input.last-name {
margin-left: 0;
width: 100%;
max-width: 100%
}
}
@media only screen and (max-width: 798px) {
.popup-container .newsletter .input-row input.contact_email, .popup-container .newsletter .input-row input.action_button.sign_up {
max-width: 100%
}
}
.popup-container .input-row.first-last {
flex-direction: row
}
@media only screen and (max-width: 798px) {
.popup-container .input-row.first-last {
flex-direction: column
}
}
.popup-container .icon-close {
font-size: 12px
}
.homepage-newsletter {
padding: 30px 0
}
@media only screen and (max-width: 798px) {
.homepage-newsletter {
padding: 0
}
}
.block_image_with_text .image-with-text__image-column, .shopify-section--image-with-text .image-with-text__image-column {
text-align: center
}
.block_image_with_text .image-with-text__wrapper, .shopify-section--image-with-text .image-with-text__wrapper {
padding: 40px
}
@media only screen and (max-width: 798px) {
.block_image_with_text .image-with-text__wrapper, .shopify-section--image-with-text .image-with-text__wrapper {
padding: 20px 0
}
}
.block_image_with_text .image-with-text__text-column .action_button, .shopify-section--image-with-text .image-with-text__text-column .action_button {
width: auto;
margin-top: 15px;
display: inline-block
}
.featured-product .flex-container {
display: inline-flex
}
.flex-container.featured-product-grid--left {
flex-direction: row-reverse
}
.flex-container.featured-product-grid--left .featured-product-image {
margin-left: 50px
}
.flex-container.featured-product-grid--right .featured-product-image {
margin-right: 50px
}
@media only screen and (max-width: 798px) {
.featured-product .flex-container {
flex-direction: column
}
.featured-product .flex-container .featured-product-image {
margin-left: 0;
margin-right: 0
}
.featured-product .flex-container .content_column {
padding: 20px 0
}
}
.divider {
opacity: 0
}
.divider.divider--true {
opacity: 1
}
.quote__text {
font-size: 18px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
padding: 15px 0;
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3
}
.quote__text p {
margin: 0
}
.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
}
@media only screen and (max-width: 480px) {
.contact__form-name, .contact__form-email {
flex: 1 1 100%
}
}
.contact__form-message {
flex-basis: 100%
}
.contact__form-image {
margin-bottom: 20px
}
.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, .shopify-section--product-quickshop-template {
width: 90%;
max-width: 840px;
background-color: #fff;
cursor: pointer !important
}
@media only screen and (min-width: 1401px) {
.quick-shop__lightbox .fancybox-content, .shopify-section--product-quickshop-template {
max-width: 1080px
}
}
.product-quickshop {
background: rgba(0, 0, 0, .6);
transition: all .2s linear
}
.product-quickshop #shopify-section-header, .product-quickshop #shopify-section-footer, .product-quickshop .product-header, .product-quickshop .shopify-section:not(.shopify-section--quick-shop) {
display: none
}
.product-quickshop .product-quickshop__container {
padding: 44px
}
.shopify-section--product-quickshop-template {
margin: 50px auto
}
.sidebar a {
color: #404040
}
.sidebar ul, .sidebar li {
list-style: none
}
.sidebar .ss-icon {
color: #404040
}
.sidebar .search {
padding-top: 8px
}
.sidebar input.search_box {
width: 100%;
height: 40px;
min-height: 40px;
padding: 0 9px 0 28px;
box-sizing: border-box
}
.sidebar input.sign_up[type=submit], .sidebar input.contact_email[type=email] {
width: 100%
}
.sidebar__content {
margin-left: 10px;
margin-right: 10px
}
@media only screen and (max-width: 798px) {
.sidebar__content {
padding: 0;
border: none
}
}
.has-sidebar-option, .section--has-sidebar-option, .content-wrapper {
width: 100%
}
.content-wrapper--blog .sidebar__content, .content-wrapper--article .sidebar__content {
padding-left: 20px;
border-left: solid 1px #d3d3d3
}
@media only screen and (max-width: 798px) {
.content-wrapper--blog .sidebar__content, .content-wrapper--article .sidebar__content {
padding: 0;
border: none
}
}
.sidebar .sidebar__content .input-row {
flex-direction: column;
margin-left: 0;
margin-right: 0
}
.sidebar .sidebar__content .input-row input {
margin: 5px 0
}
.sidebar .newsletter {
margin-bottom: 20px
}
.sidebar .newsletter .contact-form {
width: auto
}
@media only screen and (max-width: 798px) {
.sidebar, .has-sidebar-option {
width: 100% !important
}
}
@media only screen and (max-width: 798px) {
.sidebar--blog {
margin-top: 2rem
}
}
.product_slider {
margin-bottom: 2em
}
.gallery-arrows__wrapper {
display: flex;
justify-content: center;
padding: 20px 20px 0
}
.gallery-arrows__wrapper .gallery-left-arrow {
margin-right: 40px
}
.gallery-arrows__wrapper .gallery-arrow {
opacity: .7;
padding: 3px 3px 0
}
.gallery-arrows__wrapper .gallery-arrow .svg-arrow {
fill: #404040
}
.gallery-arrows__wrapper .gallery-arrow:hover .svg-arrow, .gallery-arrows__wrapper .gallery-arrow:focus .svg-arrow, .gallery-arrows__wrapper .gallery-arrow:active .svg-arrow {
opacity: 1
}
@media only screen and (min-width: 768px) {
.has-bottom-thumbnails-on-mobile .gallery-arrows__wrapper {
display: none
}
}
/*! 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;
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: hsla(0deg, 0%, 100%, .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: .6
}
.flickity-button:disabled {
opacity: .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: .25;
cursor: pointer
}
.flickity-page-dots .dot.is-selected {
opacity: 1
}
.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
}
.flickity-viewport {
width: 100%
}
.product-gallery:hover .flickity-prev-next-button {
opacity: 1
}
.product-gallery .product-gallery__main .flickity-prev-next-button {
transition: all .3s ease-in-out
}
.product-gallery .product-gallery__main .flickity-prev-next-button:hover {
color: #333
}
@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: .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: #404040
}
.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 .product-gallery__thumbnails .flickity-prev-next-button {
transition: all .3s ease-in-out
}
.product-gallery .product-gallery__thumbnails .flickity-prev-next-button:hover {
color: #333
}
.product-gallery .flickity-page-dots {
display: none
}
.product-section__lightbox .fancybox-image {
padding: 0
}
.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 .product-gallery__thumbnail {
position: relative;
opacity: .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;
-ms-overflow-style: none
}
.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 {
width: 0;
height: 0
}
}
.product-gallery__thumbnails.is-slide-nav--false {
flex-wrap: wrap
}
.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: 0;
margin-top: 60px
}
}
.no-js .product-gallery__thumbnails {
display: flex
}
@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%
}
.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
}
}
@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
}
.product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails {
margin-right: 20px
}
}
.product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails {
margin-left: 20px
}
@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
}
}
.product-gallery__main, .product-gallery__thumbnails.is-slide-nav--true {
opacity: 0;
transition: ease-in-out .2s opacity
}
.product-gallery__main.flickity-enabled, .product-gallery__main.vertical-slider-enabled, .no-js .product-gallery__main, .product-gallery__thumbnails.is-slide-nav--true.flickity-enabled, .product-gallery__thumbnails.is-slide-nav--true.vertical-slider-enabled, .no-js .product-gallery__thumbnails.is-slide-nav--true {
opacity: 1
}
.product-gallery__image {
width: 100%;
height: auto
}
.product-gallery__image img {
width: 100%;
height: auto;
display: block
}
.no-js .product-gallery__image img {
display: none
}
.no-js .product-gallery__image noscript img {
display: block
}
.product-gallery__thumbnail img {
max-width: 100%;
height: auto
}
.product-gallery__link {
display: block
}
.product-gallery__image .product-gallery__link, .product-gallery__image model-viewer {
width: calc(100% - 10px);
margin: 0 auto
}
.product-gallery__image .product-gallery__link:focus, .product-gallery__image model-viewer:focus {
outline: -webkit-focus-ring-color auto 5px
}
.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
}
}
.flickity-slider > li {
width: 100%;
text-align: center;
list-style-type: none
}
.flexslider {
overflow: hidden;
position: relative
}
.flexslider .flickity-prev-next-button {
opacity: 0;
background: transparent
}
.flexslider:hover .flickity-prev-next-button.previous {
left: 25px;
opacity: .6
}
.flexslider:hover .flickity-prev-next-button.next {
right: 15px;
opacity: .6
}
.flexslider:hover .flickity-prev-next-button:hover {
opacity: 1
}
.flexslider .flickity-prev-next-button.arrow-is-inverse .flickity-button-icon {
transform: scaleX(-1)
}
.header_banner {
position: relative;
z-index: 0
}
@media only screen and (max-width: 798px) {
.header_banner {
margin-top: 0
}
}
.details-section .slides img.lazyloaded {
width: 100%
}
.header_banner {
margin-bottom: 25px
}
.homepage_content .action_button {
width: auto;
display: inline
}
.padding-toggle {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0 !important
}
.padding-toggle .enable-padding--true {
padding-top: 40px;
padding-bottom: 40px
}
.image-with-text-overlay-section .container .eight.columns, .shopify-section--page-faq-template .container .eight.columns, .shopify-section--article-template .container .eight.columns {
width: 560px
}
@media only screen and (max-width: 480px) {
.image-with-text-overlay-section .container .eight.columns, .shopify-section--page-faq-template .container .eight.columns, .shopify-section--article-template .container .eight.columns {
width: 300px
}
}
#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: 700;
border-radius: 2px
}
#grid .column:hover, #grid .columns:hover {
background: #bbb;
color: #333
}
#grid .example-grid {
overflow: hidden
}
.fancybox-bg {
background: rgba(0, 0, 0, .6);
transition: all .2s linear
}
.fancybox-toolbar {
display: none
}
.fancybox-content {
box-shadow: 0 10px 25px #00000080
}
.fancybox-image {
padding: 15px;
background-color: #fff
}
.fancybox-close {
position: absolute;
padding: 15px;
top: 5px;
right: 5px;
cursor: pointer;
z-index: 8040;
line-height: 1;
font-size: 14px !important;
color: #404040 !important;
font-family: responsive !important
}
.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 span {
position: absolute;
top: 50%;
transform: translateY(0);
width: 60px;
height: 60px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
color: #333;
opacity: .8;
text-shadow: 0 0 1px #fff
}
.fancybox-nav:hover span {
visibility: visible
}
.fancybox-prev {
left: 0
}
.fancybox-prev span:before {
position: absolute;
left: 30px
}
.fancybox-next, .fancybox-next span {
right: 0
}
.fancybox-next span:before {
position: absolute;
right: 30px
}
[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;
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 .2s linear
}
.simplebar-scrollbar.simplebar-visible:before {
opacity: .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
}
@keyframes plyr-progress {
to {
background-position: 25px 0
}
}
@keyframes plyr-popup {
0% {
opacity: .5;
transform: translateY(10px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@keyframes plyr-fade-in {
0% {
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 .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 .3s ease;
bottom: 0;
color: #fff;
display: none;
font-size: 14px;
left: 0;
padding: 10px;
position: absolute;
text-align: center;
transition: transform .4s ease-in-out;
width: 100%
}
.plyr__captions .plyr__caption {
background: rgba(0, 0, 0, .8);
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
line-height: 185%;
padding: .2em .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 .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 #00b3ff80;
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], .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, .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, .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 .4s ease-in-out, transform .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 .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 .2s ease;
background: rgba(255, 255, 255, .9);
border-radius: 4px;
bottom: 100%;
box-shadow: 0 1px 2px #00000026;
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 .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}
.plyr__menu__container:after {
border: 4px solid transparent;
border-top-color: #ffffffe6;
content: "";
height: 0;
position: absolute;
right: 15px;
top: 100%;
width: 0
}
.plyr__menu__container [role=menu] {
padding: 7px
}
.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
margin-top: 2px
}
.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
margin-top: 0
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #4a5764;
display: flex;
font-size: 14px;
padding: 4px 11px;
-webkit-user-select: none;
user-select: none;
width: 100%
}
.plyr__menu__container .plyr__control > span {
align-items: inherit;
display: flex;
width: 100%
}
.plyr__menu__container .plyr__control:after {
border: 4px solid transparent;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px
}
.plyr__menu__container .plyr__control--forward:after {
border-left-color: #4a5764cc;
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 7px 3px;
padding-left: 28px;
position: relative;
width: calc(100% - 14px)
}
.plyr__menu__container .plyr__control--back:after {
border-right-color: #4a5764cc;
left: 7px
}
.plyr__menu__container .plyr__control--back:before {
background: #c1c9d1;
box-shadow: 0 1px #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, .1);
content: "";
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
transition: all .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 .3s ease, opacity .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, .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 .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 .3s ease;
transition: box-shadow .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 #00000026, 0 0 0 1px #23292f33;
height: 13px;
position: relative;
-webkit-transition: all .2s ease;
transition: all .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 .3s ease;
transition: box-shadow .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 #00000026, 0 0 0 1px #23292f33;
height: 13px;
position: relative;
-moz-transition: all .2s ease;
transition: all .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 .3s ease;
transition: box-shadow .3s ease;
user-select: none;
color: transparent
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-ms-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
user-select: none
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-ms-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
user-select: none;
background: currentColor
}
.plyr--full-ui input[type=range]::-ms-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #23292f33;
height: 13px;
position: relative;
-ms-transition: all .2s ease;
transition: all .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 #00b3ff80;
outline: 0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 5px #00b3ff80;
outline: 0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 5px #00b3ff80;
outline: 0
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
background-color: #ffffff40
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: #ffffff40
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: #ffffff40
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #23292f33, 0 0 0 3px #ffffff80
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #23292f33, 0 0 0 3px #ffffff80
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #23292f33, 0 0 0 3px #ffffff80
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color: #c1c9d1a8
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color: #c1c9d1a8
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color: #c1c9d1a8
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #23292f33, 0 0 0 3px #0000001a
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #23292f33, 0 0 0 3px #0000001a
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #23292f33, 0 0 0 3px #0000001a
}
.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 .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: "\2044";
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, .15)
}
.plyr__tooltip {
background: rgba(255, 255, 255, .9);
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px #00000026;
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(.8);
transform-origin: 50% 100%;
transition: transform .2s .1s ease, opacity .2s .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, .9);
bottom: -4px;
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translate(-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%) 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: translateY(10px) scale(.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: translateY(10px) scale(.8);
transform-origin: 100% 100%
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
left: auto;
right: 16px;
transform: translate(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) scale(1)
}
.plyr--video {
background: #000;
overflow: hidden
}
.plyr--video.plyr--menu-open {
overflow: visible
}
.plyr__video-wrapper {
background: #000;
border-radius: inherit;
overflow: hidden;
position: relative;
z-index: 0
}
.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%
}
.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
user-select: none;
width: 100%
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%)
}
.plyr__progress {
left: 6.5px;
margin-right: 13px;
position: relative
}
.plyr__progress input[type=range], .plyr__progress__buffer {
margin-left: -6.5px;
margin-right: -6.5px;
width: calc(100% + 13px)
}
.plyr__progress input[type=range] {
position: relative;
z-index: 2
}
.plyr__progress .plyr__tooltip {
font-size: 14px;
left: 0
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 100px;
height: 5px;
left: 0;
margin-top: -2.5px;
padding: 0;
position: absolute;
top: 50%
}
.plyr__progress__buffer::-webkit-progress-bar {
background: 0 0
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
-webkit-transition: width .2s ease;
transition: width .2s ease
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
-moz-transition: width .2s ease;
transition: width .2s ease
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width .2s ease;
transition: width .2s ease
}
.plyr--video .plyr__progress__buffer {
box-shadow: 0 1px 1px #00000026;
color: #ffffff40
}
.plyr--audio .plyr__progress__buffer {
color: #c1c9d1a8
}
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(-45deg, rgba(35, 41, 47, .6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, .6) 50%, rgba(35, 41, 47, .6) 75%, transparent 75%, transparent);
background-repeat: repeat-x;
background-size: 25px 25px;
color: transparent
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: #ffffff40
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: #c1c9d1a8
}
.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, .plyr--is-ios.plyr--vimeo [data-plyr=mute] {
display: none !important
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:fullscreen video {
height: 100%
}
.plyr:fullscreen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%)
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px
}
.plyr:fullscreen .plyr__captions {
font-size: 21px
}
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-webkit-full-screen video {
height: 100%
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%)
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px
}
}
.plyr:-moz-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-moz-full-screen video {
height: 100%
}
.plyr:-moz-full-screen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%)
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none
}
@media (min-width: 1024px) {
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px
}
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-ms-fullscreen video {
height: 100%
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%)
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none
}
@media (min-width: 1024px) {
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px
}
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10000000
}
.plyr--fullscreen-fallback video {
height: 100%
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%)
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none
}
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px
}
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1
}
.plyr__ads > div, .plyr__ads > div iframe {
height: 100%;
position: absolute;
width: 100%
}
.plyr__ads:after {
background: rgba(35, 41, 47, .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: .8;
position: absolute;
top: 50%;
width: 3px;
z-index: 3
}
.plyr__preview-thumb {
background-color: #ffffffe6;
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px #00000026;
margin-bottom: 10px;
opacity: 0;
padding: 3px;
pointer-events: none;
position: absolute;
transform: translateY(10px) scale(.8);
transform-origin: 50% 100%;
transition: transform .2s .1s ease, opacity .2s .1s ease;
z-index: 2
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(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, .9);
bottom: -4px;
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translate(-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: #0000008c;
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 .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
}
.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, .05);
position: absolute;
bottom: 10px;
right: 10px;
z-index: 1;
transition: opacity .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: #0000008c
}
.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: #0000008c;
background: rgba(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, .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, .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: #0000008c
}
.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
}
.model__container {
position: relative
}
.model__container--single-model {
min-height: 300px
}
.model__container model-viewer {
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: #404040;
font: inherit;
text-transform: none;
border-radius: 0;
margin-top: 0
}
.view-in-your-space:active, .view-in-your-space:focus, .view-in-your-space:hover {
background: #e6e6e6;
color: #404040
}
.view-in-your-space svg {
width: auto;
height: auto;
margin: 0
}
.view-in-your-space svg path:first-child {
stroke: #404040
}
.view-in-your-space svg path:last-child {
fill: #404040
}
.plyr--video .plyr__controls {
background: rgba(255, 255, 255, .6);
padding: 10px
}
.plyr--video .plyr__control {
background: transparent;
color: #404040
}
.plyr--video .plyr__control:hover {
background: #ffffff;
color: #404040
}
.plyr--video .plyr__controls__item.plyr__time, .plyr--video input[type=range], .plyr--video .plyr__controls__item {
color: #404040
}
.plyr--video .plyr__progress input[type=range] + .thumb {
background-color: #404040;
color: #404040
}
.plyr--video input[type=range]::-webkit-slider-thumb {
background-color: #404040
}
.plyr--video input[type=range]::-moz-range-thumb {
background-color: #404040
}
.plyr--video input[type=range]::-ms-thumb {
background-color: #404040
}
.plyr--video .plyr__progress__buffer, .plyr--video .plyr__control[aria-expanded=true] {
background-color: #40404099
}
.plyr--video .plyr__control.plyr__tab-focus {
background-color: #404040
}
.plyr--video .plyr__control--overlaid {
background: #ffffff;
padding: 4px;
border-radius: 0;
border: 1px solid rgba(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: .75
}
.plyr--video .plyr__control .play-icon-button-control {
width: 52px;
height: 52px
}
.plyr--video .plyr__control .play-icon-button-control rect {
fill: #fff
}
.plyr--video .plyr__control .play-icon-button-control path {
fill: #404040
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-right: 10px;
padding-left: 10px
}
.plyr--full-ui .plyr__volume {
background-color: #ffffff40;
border-radius: 5px;
bottom: 105px;
height: 40px;
opacity: 0;
padding: 10px 15px !important;
position: absolute;
transform: rotate(270deg);
transition: visibility .4s linear .4s, opacity .4s linear .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, .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 .4s linear, opacity .4s linear
}
.plyr--full-ui .plyr__volume input[type=range] {
color: #404040;
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 #ffffff40
}
.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 .4s linear, opacity .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: #404040;
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: #4040408c
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
background: #ffffff;
border: 1px solid rgba(64, 64, 64, .05)
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
border-bottom: 1px solid rgba(64, 64, 64, .05)
}
@media only screen and (min-width: 799px) {
.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
}
}
.plyr.plyr--stopped .plyr__controls {
display: none
}
.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
}
}
@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: #fff
}
.product-gallery__thumbnails .media-badge path:last-child {
fill: #404040
}
.product-gallery__thumbnails .media-badge g path:first-child {
stroke: #404040
}
.product-gallery__thumbnails .media-badge .media-badge__outline {
stroke: #4040400d
}
.js-newsletter-popup {
padding: 0;
display: none
}
.newsletter {
margin-bottom: 1.5em
}
.newsletter .contact-form {
width: 460px;
margin: 0 auto
}
@media only screen and (max-width: 798px) {
.newsletter .contact-form {
width: 100%
}
}
.newsletter .input-row {
display: flex;
margin-left: -5px;
margin-right: -5px
}
@media only screen and (max-width: 798px) {
.newsletter .input-row {
flex-direction: column;
margin-left: 0;
margin-right: 0
}
}
.newsletter .input-row input {
margin: 5px
}
@media only screen and (max-width: 798px) {
.newsletter .input-row input {
margin: 5px 0
}
}
.newsletter input.sign_up {
display: inline-block;
width: 30%;
flex: none
}
@media only screen and (max-width: 798px) {
.newsletter input.sign_up {
width: 100%
}
}
.newsletter_popup, .newsletter_popup p.headline, .newsletter_popup a, .newsletter_popup a:visited {
color: #404040
}
.newsletter_popup .newsletter {
margin-bottom: 0
}
.newsletter_popup .js-newsletter-popup {
background-color: #fff;
max-width: 800px
}
.newsletter_popup .fancybox-close {
color: #404040 !important
}
[data-slideshow-animation=zoom] img {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
cursor: zoom-in
}
.selectors-form {
margin-bottom: 0
}
.selectors-form summary {
list-style: none
}
.selectors-form summary::-webkit-details-marker {
display: none
}
.no-js .selectors-form--no-js-hidden {
display: none
}
.selectors-form__wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem
}
@media only screen and (max-width: 798px) {
.selectors-form__wrap {
margin-bottom: 10px;
width: 100%
}
}
.selectors-form__item {
margin-right: 20px
}
.selectors-form__item:last-child, .localization .selectors-form__item {
margin-right: 0
}
.disclosure {
position: relative
}
.no-js .disclosure {
position: initial
}
.disclosure__toggle {
background-color: #fff;
border: 1px solid #dfdfdf;
border-radius: 2px;
color: #003163;
font-family: Garamond, Baskerville, Caslon, serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
margin-top: 5px;
padding: 10px;
position: relative;
text-transform: uppercase;
z-index: 2
}
.no-js .disclosure__toggle {
pointer-events: none
}
.disclosure__toggle:active {
border-color: #dfdfdf;
box-shadow: none
}
.disclosure__toggle.is-clicked, .disclosure__toggle:focus, .disclosure__toggle:hover {
background-color: #fff;
border-color: #dfdfdf;
color: #dba932
}
.disclosure__toggle.is-clicked + .disclosure__list-wrap {
display: block
}
.disclosure__toggle .icon-down-arrow {
margin-left: 10px;
pointer-events: none
}
.disclosure__details {
position: relative
}
.disclosure-list__item--radio {
margin: 0
}
.disclosure-list__item--radio + .disclosure-list__item--label {
height: 100%;
color: #404040;
word-break: keep-all;
margin-left: 5px;
margin-bottom: 0;
padding: 0
}
.disclosure__submit {
margin: 1rem 0
}
.disclosure-list__item-wrapper {
display: flex;
align-items: center;
margin-top: 1rem
}
.disclosure-list__item-wrapper:first-child {
margin-top: 0
}
.disclosure__list-wrap {
bottom: 100%;
display: none;
position: absolute;
z-index: 4
}
.disclosure__list-wrap.animated {
animation-duration: .5s
}
[open] .disclosure__list-wrap {
display: block;
width: -webkit-max-content;
width: max-content
}
.disclosure-list {
background-color: #fff;
border: 1px solid #dfdfdf;
border-radius: 2px;
list-style: none;
margin-bottom: 0;
margin-left: 0;
padding: 0 10px;
max-height: 300px;
overflow-y: auto
}
.no-js .disclosure-list {
padding: .75rem
}
li.disclosure-list__item {
line-height: 1;
list-style: none;
padding: 0;
text-transform: uppercase
}
button.disclosure__button {
background-color: transparent;
border: 0;
color: #003163;
font-family: Garamond, Baskerville, Caslon, serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
padding: 10px 0;
text-align: left;
text-transform: uppercase
}
button.disclosure__button:hover, button.disclosure__button:focus, button.disclosure__button[aria-current=true] {
color: #dba932
}
#password-container {
margin: 75px auto 0;
max-width: 100%;
display: table;
text-align: center
}
@media only screen and (max-width: 798px) {
#password-container {
margin-top: 10px
}
}
.password-page-message {
font-size: 3em;
line-height: 1.2;
margin: 10px auto;
padding: 12px 0;
text-align: center
}
.password-message {
max-width: 600px;
font-size: 1.2em
}
.password-social .social_icons a, .password-social .social_icons a:visited, .password-social .social_icons a:active {
font-size: 44px
}
.password-footer {
margin-top: 15px;
margin-bottom: 40px;
font-size: 13px;
text-align: center
}
.password-footer a {
text-decoration: none
}
.password-page-row {
display: table-row;
width: 100%;
height: 100%;
margin: 0 auto
}
.password-page-col {
display: table-cell;
vertical-align: middle;
padding: 5px 30px;
width: 100%
}
.password-page-col h1 {
border: 0
}
.password-logo {
max-width: 200px;
margin: 0 auto
}
.hr-small {
margin: 20px auto;
width: 50px
}
.password-social {
margin-top: 10px;
padding-top: 20px
}
.password-social ul {
margin-left: 0;
padding-left: 0;
margin-bottom: 10px
}
.password-social .social_icons li {
display: inline;
margin-left: 0
}
.password-social .social_icons a:hover {
color: #000
}
.powered {
display: block;
margin-top: 15px
}
.shopify a {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28Oj+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==);
padding-left: 21px;
color: #888;
text-decoration: none
}
.controls {
display: block;
margin: 1em;
text-align: right;
text-transform: uppercase;
position: relative
}
#open-me {
text-align: center;
margin-bottom: 35px
}
#open-me a:hover {
color: #000
}
.close-me {
z-index: 8000
}
.modalbox {
position: absolute;
height: 100%;
top: -1em;
bottom: 0;
left: 0;
right: 0;
padding: 0;
z-index: 5000
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
max-height: 100%;
top: 0;
left: 0;
background: #fff;
background: rgba(255, 255, 255, .95)
}
.overlay-close {
width: 150px;
height: 50px;
position: absolute;
right: 10px;
top: 10px;
border: 1px solid #000;
font-size: 14px
}
.overlay-data {
opacity: 0;
visibility: hidden;
transition: opacity .5s, visibility 0s .5s
}
.overlay-open {
opacity: 1;
visibility: visible;
transition: opacity .5s
}
.inputbox {
margin: 0 -50% 0 auto;
max-width: 80%;
display: table;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #000
}
@media only screen and (max-width: 798px) {
#password-page-bg .modalbox .inputbox {
top: 50%
}
}
.storefront-password-form label {
font-size: .9em;
margin: 0 0 1em;
text-align: center
}
.storefront-password-form .actions {
display: inline-block
}
.storefront-password-form #password {
width: 100%
}
#owner {
font-size: .9em;
margin-top: -1em;
opacity: .8
}
.pass-close a {
color: #000 !important;
padding: 0 !important;
margin: 1em !important;
position: inherit !important
}
@media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px) {
.modalbox {
display: block;
width: 414px !important;
max-width: 100%;
text-align: center
}
.pass-close {
display: block;
margin: .65em -.15em 1em 0 !important
}
}
div.product-details {
clear: both
}
div.product-details .thumbnail {
border-bottom: 0px
}
div.product-details img {
width: 100%
}
div.product-details img.rich-image {
max-width: auto;
margin-bottom: 20px
}
div.product-details .detail_title {
line-height: initial;
font-size: 56px;
margin-bottom: .3em;
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
text-transform: none;
color: #003872;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width: 798px) {
div.product-details .detail_title {
font-size: 28px
}
}
div.product-details .featured_collections .featured-link--half a[href] img {
box-shadow: #000 0 0;
transition: opacity .2s linear
}
div.product-details .featured_collections .featured-link--half:hover a[href] img {
opacity: .8
}
div.product-details .featured-link--section {
box-sizing: border-box;
float: left;
width: 100%;
min-height: 100px;
display: flex;
flex-wrap: wrap
}
div.product-details .featured-link--section:nth-child(odd) {
flex-direction: row-reverse
}
div.product-details .featured-link--section:nth-child(odd) .featured-link--half {
float: right
}
div.product-details .featured-link--half.featured-link--image {
background-color: transparent;
text-align: center
}
div.product-details .featured-link--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: center
}
@media only screen and (max-width: 480px) {
div.product-details .featured-link--half {
width: 100%;
flex: 1 0 100%
}
}
div.product-details .featured-link--half .featured-link--wrap {
width: 100%;
flex: 0 0 auto
}
div.product-details .featured-link--half img, div.product-details .featured-link--half svg {
display: block;
margin: 0 auto;
width: 100%;
max-width: 100%
}
@media only screen and (max-width: 480px) {
div.product-details .featured-link--half img, div.product-details .featured-link--half svg {
width: 100%;
max-width: auto
}
}
div.product-details .featured-link--half .info {
display: inline-block;
width: 80%;
margin: 0 auto;
padding: 20px
}
div.product-details .featured-link--half .info.text-align--right {
text-align: right
}
div.product-details .featured-link--half .info.text-align--right .description:before {
margin-right: 0
}
div.product-details .featured-link--half .info.text-align--left {
text-align: left
}
div.product-details .featured-link--half .info.text-align--left .description:before {
margin-left: 0
}
@media only screen and (max-width: 480px) {
div.product-details .featured-link--half .info {
position: static;
transform: translateY(0);
padding: 2em 0
}
}
div.product-details .featured-link--half .collection_title {
font-size: 2vw;
line-height: initial;
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
text-transform: none;
color: #003872;
display: block;
margin-bottom: .3em;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width: 798px) {
div.product-details .featured-link--half .collection_title {
font-size: inherit
}
}
div.product-details .featured-link--half .collection_title.text-align--right {
text-align: right
}
div.product-details .featured-link--half .collection_title.text-align--right .description:before {
margin-right: 0
}
div.product-details .featured-link--half .collection_title.text-align--left {
text-align: left
}
div.product-details .featured-link--half .collection_title.text-align--left .description:before {
margin-left: 0
}
div.product-details .featured-link--half .description {
position: relative;
font-size: 1.6vw;
line-height: 1.5;
margin-bottom: 20px
}
@media only screen and (max-width: 798px) {
div.product-details .featured-link--half .description {
font-size: 2vw
}
}
@media only screen and (max-width: 480px) {
div.product-details .featured-link--half .description {
font-size: inherit
}
}
@media only screen and (min-width: 1025px) {
div.product-details .featured-link--half .description {
font-size: inherit
}
}
div.product-details .featured-link--half .action_button {
width: auto
}
@media only screen and (max-width: 798px) {
div.product-details .featured-link--half .action_button {
padding: 7px 15px
}
}
div.product-details .featured_collections.across-2 .featured-link--section.featured-link--no-image {
width: 100%
}
div.product-details .featured_collections.across-2 .featured-link--section:nth-child(odd) .featured-link--half {
float: left
}
div.product-details .featured-link--section.featured-link--no-image > img {
display: none
}
div.product-details .featured-link--section.featured-link--no-image .featured-link--half {
width: 100%
}
div.product-details .featured-link--section.featured-link--no-image .info {
position: static;
transform: translateY(0);
text-align: center;
padding: 2em
}
div.product-details .featured-link--section.featured-link--no-image .info.text-align--left, div.product-details .featured-link--section.featured-link--no-image .info.text-align--right {
text-align: center
}
div.product-details .featured-link--section.featured-link--no-image .description, div.product-details .featured-link--section.featured-link--no-image .collection_title {
display: none
}
div.product-details .featured_collections.across-2 {
display: flex;
flex-wrap: wrap
}
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) {
flex-direction: row-reverse
}
@media only screen and (max-width: 798px) {
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) {
flex-direction: row
}
}
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) {
flex-direction: row-reverse
}
div.product-details .featured_collections.across-2 .featured-link--section.featured-link--no-image .featured-link--half {
width: 100%
}
div.product-details .featured_collections.across-2 .featured-link--section {
width: 50%;
flex-direction: row
}
@media only screen and (max-width: 798px) {
div.product-details .featured_collections.across-2 .featured-link--section {
width: 100%
}
div.product-details .featured_collections.across-2 .featured-link--section:nth-of-type(2n) {
flex-direction: row-reverse
}
}
@media only screen and (max-width: 798px) {
div.product-details .featured_collections.across-2 .featured-link--section .featured-link--half {
width: 50%
}
}
@media only screen and (max-width: 480px) {
div.product-details .featured_collections.across-2 .featured-link--section .featured-link--half {
width: 100%
}
}
div.product-details .featured_collections.across-2 .featured-link--section .description {
font-size: 1.2vw
}
@media only screen and (max-width: 798px) {
div.product-details .featured_collections.across-2 .featured-link--section .description {
font-size: inherit
}
}
div.product-details .featured_collections.across-2 .featured-link--section .button {
font-size: 1.2vw
}
@media only screen and (max-width: 798px) {
div.product-details .featured_collections.across-2 .featured-link--section .button {
font-size: inherit
}
}
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(2n+1) {
clear: both
}
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(2n+2) .featured-link--half {
float: left
}
@media only screen and (max-width: 798px) {
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(2n+2) .featured-link--half {
float: right
}
}
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(3n+3) .featured-link--half {
float: right
}
@media only screen and (max-width: 798px) {
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(3n+3) .featured-link--half {
float: left
}
}
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) .featured-link--half {
float: right
}
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
}
.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 only screen and (max-width: 1199px) {
.social_buttons a {
padding: 0 2px
}
.twitter {
display: block
}
}
@media only screen and (min-width: 799px) and (max-width: 959px) {
.continue_shopping {
display: block;
margin-top: 15px
}
}
@media only screen and (max-width: 798px) {
.currencies {
padding-top: 4px
}
.continue_shopping {
display: block;
padding: 15px 0
}
.article_image {
padding-bottom: 0
}
#nav, #nav ul {
text-align: center
}
#mobile_nav {
text-align: left
}
.flex-control-paging {
display: none
}
.top_bar ul {
text-align: center;
margin: 0
}
.social_buttons a {
padding: 0
}
.quantity_label {
display: inline
}
.currencies {
margin-left: auto;
margin-right: auto
}
.logo a {
text-align: center;
margin: 0 auto
}
#mobile_nav {
display: block !important;
margin-top: 15px
}
#nav {
display: none
}
h4.toggle span {
cursor: pointer;
touch-action: manipulation
}
.toggle_list {
display: none
}
.thumbnail {
margin-top: 1em
}
.thumbnail a:hover img {
opacity: 1
}
.top_bar_search {
margin-bottom: 5px
}
}
@media only screen and (max-width: 798px) and (max-width: 480px) {
.cart_price {
margin-bottom: 0
}
}
@media only screen and (max-width: 798px) {
.mobile_left {
text-align: left
}
}
@media only screen and (max-width: 798px) {
div.mobile_only {
display: block
}
}
@media only screen and (max-width: 798px) {
.price_total, .remove_column, .cart__headings {
display: none
}
}
@media only screen and (max-width: 798px) {
.action_button {
width: 100%
}
}
@media only screen and (max-width: 798px) {
.mobile_right {
text-align: right
}
}
@media only screen and (max-width: 798px) {
.quick_shop {
display: none !important
}
}
@media only screen and (max-width: 798px) {
.cart_price {
display: block
}
}
@media only screen and (max-width: 798px) {
.cart_description {
display: none
}
}
@media only screen and (max-width: 798px) {
table tr th, table tr td {
padding: 2px
}
}
@media only screen and (max-width: 798px) {
input.action_button {
margin-bottom: 1em
}
}
@media only screen and (max-width: 798px) {
.multiple_product_images {
display: none
}
}
@media only screen and (max-width: 798px) {
.footer input[type=text] {
width: 100%
}
}
@media only screen and (max-width: 479px) {
h1, h2, h3, h4, h5, h6, h2.home, h1.blog_title, .title a {
font-size: 150%
}
h1, h2, h2.home, h1.blog_title, .title a {
padding: 0
}
.inline_purchase {
margin-left: 0
}
.top_bar ul li {
padding: 0 5px
}
.breadcrumb {
text-align: center
}
}
@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) {
.social_link img {
width: 30px;
height: 30px
}
input.search_box {
background: #fff url(../image/search2x.jpg) no-repeat 6px;
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 (min-device-pixel-ratio: 0) and (max-width: 767px) {
select, textarea, input {
font-size: 16px
}
}
@font-face {
font-family: responsive;
src: url(../font/responsive.eot);
src: url(../font/responsive.eot) format("embedded-opentype"), url(../font/responsive.ttf) format("truetype"), url(../font/responsive.woff) format("woff"), url(../font/responsive.svg) format("svg");
font-weight: 400;
font-style: normal;
font-display: swap
}
[class^=icon-], [class*=" icon-"], .ss-icon {
font-family: responsive !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1em;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-bitcoin:before {
content: "\e900"
}
.icon-cart:before {
content: "\e901"
}
.icon-bag:before {
content: "\e902"
}
.icon-check:before {
content: "\e903"
}
.icon-down-arrow:before {
content: "\e904"
}
.icon-mail:before {
content: "\e905"
}
.icon-facebook:before {
content: "\e906"
}
.icon-flickr:before {
content: "\e907"
}
.icon-instagram:before {
content: "\e909"
}
.flex-nav-prev.ss-icon a:before, .fancybox-prev span:before, .icon-left-arrow:before {
content: "\e90a"
}
.icon-linkedin:before {
content: "\e90b"
}
.icon-menu:before {
content: "\e90c"
}
.icon-minus:before {
content: "\e90d"
}
.icon-pinterest:before {
content: "\e90e"
}
.icon-plus:before {
content: "\e90f"
}
.flex-nav-next.ss-icon a:before, .fancybox-next span:before, .icon-right-arrow:before {
content: "\e910"
}
.icon-search:before {
content: "\e911"
}
.icon-snapchat:before {
content: "\e912"
}
.icon-tumblr:before {
content: "\e913"
}
.icon-twitter:before {
content: "\e914"
}
.icon-up-arrow:before {
content: "\e915"
}
.icon-vimeo:before {
content: "\e916"
}
.fancybox-close:before, .icon-close:before {
content: "\e917"
}
.icon-youtube:before {
content: "\e918"
}
.icon-twitter.share, .icon-facebook.share, .icon-pinterest.share, .icon-mail.share {
border: 0px
}
.icon-twitter.share:before {
vertical-align: middle;
font-size: 20px;
margin-right: .4em;
color: #09aeec
}
.icon-facebook.share:before, .icon-mail.share:before {
vertical-align: middle;
font-size: 20px;
margin-right: .4em;
color: #49659d
}
.icon-pinterest.share:before {
vertical-align: middle;
font-size: 20px;
margin-right: .4em;
color: #cb1f2a
}
.icon-down-arrow, .icon-right-arrow, .icon-left-arrow {
font-size: .6em;
vertical-align: middle;
display: inline-block
}
.icon-cart {
font-size: 13px
}
#menu .icon-down-arrow, #menu .icon-right-arrow {
padding-left: 8px
}
.social_icons a {
margin: 0 5px;
font-size: 24px;
color: #000;
transition: ease-in-out .3s all
}
.social_icons a span {
transition: ease-in-out .3s border-color
}
.social_icons a span {
padding: 1px
}
.social_icons a:hover {
color: #d3d3d3
}
.product-details__unit-price {
margin-bottom: 0;
flex: 1 0 100%
}
.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
}
.surface-pick-up {
opacity: 1;
transition: opacity .3s ease-in
}
.surface-pick-up.surface-pick-up--loading {
visibility: hidden;
opacity: 0
}
.surface-pick-up-embed {
--surface-pick-up-embed-theme-success-color: #099E4D;
--surface-pick-up-embed-theme-error-color: #DE3618;
--surface-pick-up-embed-theme-paragraph-font-size: 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: #404040;
--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: 50px
}
.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: #404040;
--surface-pick-up-item-theme-border-color: rgba(211, 211, 211, .5);
--surface-pick-up-item-theme-link-text-decoration: underline;
--surface-pick-up-item-row-gap: .8rem;
--surface-pick-up-item-column-gap: 5px;
--surface-pick-up-item-gap: 22px
}
.surface-pick-up__modal-header {
padding-bottom: 28px;
border-bottom: 1px solid rgba(211, 211, 211, .5)
}
.surface-pick-up__modal-title {
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
text-transform: none;
line-height: 1.5;
color: #003872;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-bottom: 5px;
padding: 0;
text-align: left;
border-top: none;
border-bottom: none
}
.surface-pick-up__modal-subtitle {
font-size: 18px
}
button.surface-pick-up-embed__modal-btn {
font-family: Garamond, Baskerville, Caslon, serif;
font-size: 18px;
font-weight: inherit;
color: #404040;
text-transform: none;
letter-spacing: 0;
opacity: 1;
transition: opacity .3s ease-in-out
}
button.surface-pick-up-embed__modal-btn:hover {
background: none;
color: #404040
}
button.surface-pick-up-embed__modal-btn.surface-pick-up--loading {
visibility: hidden;
opacity: 0
}
.surface-pick-up-embed__in-stock-icon, .surface-pick-up-embed__out-of-stock-icon {
width: .85em;
height: .85em;
margin-top: .4em
}
.surface-pick-up-item__pick-up-location {
font-size: 18px;
font-weight: 700;
letter-spacing: initial
}
.surface-pick-up-item__address-info {
font-size: .85em;
line-height: 1.5
}
.surface-pick-up-item__in-stock-icon, .surface-pick-up-item__out-of-stock-icon {
width: .85em;
height: .85em;
margin-top: .4em
}
.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: Garamond, Baskerville, Caslon, serif;
font-size: 18px;
letter-spacing: 0;
border-bottom: none;
padding-bottom: 0;
text-transform: none;
line-height: 1.8
}
.surface-pick-up-item__header {
align-items: center
}
.fancybox-content .surface-pick-up-embed {
margin-bottom: 0
}
.fancybox-content .surface-pick-up-embed__in-stock-icon {
margin-top: .7em
}
.complementary-products {
--slide-item-outer-gap: 1.25rem;
--slide-item-inner-gap: 1rem;
--slide-item-padding: 0;
--slide-item-border-thickness: 0;
--slider-dot-size: 10px;
--slider-dot-gap: 1rem;
--slider-dot-color: #404040;
--slider-active-dot-color: transparent
}
.complementary-products__title {
margin-bottom: 15px;
padding: 0;
border: none;
font-size: 15px
}
.complementary-products__container {
padding-bottom: 12px
}
.complementary-products .flickity-prev-next-button {
opacity: 0;
box-shadow: 0 0 0 1px #7f7f7f00, 0 2px 5px #7f7f7f59
}
.complementary-products .flickity-prev-next-button.next .flickity-button-icon {
transform: translate(-5%)
}
.complementary-products .flickity-prev-next-button .flickity-button-icon {
fill: #333;
left: 30%;
top: 25%;
width: 50%;
height: 50%
}
@media only screen and (max-width: 1024px) {
.complementary-products .flickity-prev-next-button {
display: none
}
}
.complementary-products .flickity-page-dots {
position: static;
margin: 25px 0 10px
}
.complementary-products .flickity-page-dots .dot {
opacity: 1;
width: 7px;
height: 7px;
border: 1px solid transparent;
transition: all .2s ease-in-out
}
.complementary-products .flickity-page-dots .dot.is-selected {
border: 1px solid #404040;
transform: scale(1.5)
}
.complementary-products:hover .flickity-prev-next-button {
opacity: 1
}
.complementary-product__image {
display: flex;
flex: 0 0 25%
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.complementary-product__image {
flex-basis: 30%
}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
.complementary-product__image {
flex-basis: 20%
}
}
.complementary-product__name {
padding-bottom: 0;
font-family: Garamond, Baskerville, Caslon, serif;
font-weight: 400;
font-size: 18px;
border-bottom: none;
color: #404040;
letter-spacing: normal;
line-height: 1.8em;
text-transform: none;
transition: color .3s ease-out 0s
}
.complementary-product__name:hover {
color: #9f9f9f
}
.complementary-product__name a, .complementary-product__name a:visited {
color: inherit
}
.complementary-product__price-wrapper {
font-weight: 700
}
.complementary-product--on-sale .complementary-product__price {
color: #dba932
}
.complementary-product--on-sale .complementary-product__price-compare {
text-decoration: line-through;
color: #888;
font-style: italic;
text-shadow: none;
font-weight: 400
}
.complementary-product__price-text {
font-style: italic;
font-size: 80%
}
.complementary-product--on-sale .complementary-product__price-text--from {
color: #dba932
}
.complementary-product__price-text--now {
display: none
}
.complementary-product__unit-price {
font-size: smaller;
font-weight: 400
}
.complementary-product__link {
margin-top: 8px;
display: block
}
@media only screen and (min-width: 768px) {
.sort_by {
margin-bottom: 0
}
}
.collection-filters__container {
display: none
}
@media only screen and (min-width: 768px) {
.collection-filters__container {
display: block
}
}
.collection-filters-modal__wrapper {
display: block
}
@media only screen and (min-width: 768px) {
.collection-filters-modal__wrapper {
display: none
}
}
.collection-filters__container.fancybox-content {
width: 100%
}
.collection-filters__container.fancybox-content li {
list-style: none
}
.collection-filters__heading {
margin-top: 0;
margin-bottom: 8px
}
.collection-filters__filter-range {
display: flex;
flex-wrap: wrap;
column-gap: 8px
}
.collection-filters__filter-range--from, .collection-filters__filter-range--to {
flex: 1 0 7rem
}
.collection-filters__filter-range-label {
font-weight: 400
}
.collection-filters__filter-range-wrapper {
position: relative
}
.collection-filters__filter-range-currency {
position: absolute;
top: 50%;
left: 8px;
transform: translateY(-50%)
}
.collection-filters__filter-range-input[type=number] {
padding-left: 1.25rem
}
.collection-filters__filter-range-input::placeholder {
color: currentColor;
opacity: .6
}
.collection-filters__filter-link {
display: flex;
align-items: center
}
.collection-filters__filter-link[data-disabled] {
cursor: default;
opacity: 50%
}
.collection-filters__filter-link[data-disabled]:hover {
color: currentColor
}
.collection-filters__filter-list-item-text {
cursor: pointer;
font-weight: 400;
padding-bottom: 0;
margin-left: 4px
}
[data-disabled] .collection-filters__filter-list-item-text {
cursor: default
}
input[type=checkbox].collection-filters__filter-checkbox {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
outline: 2px solid currentColor;
outline-offset: -1px;
-webkit-appearance: none;
appearance: none;
min-width: 13px;
width: 13px;
height: 13px
}
[data-disabled] input[type=checkbox].collection-filters__filter-checkbox {
cursor: default
}
.collection-filters__filter-checkbox:checked:after {
content: "\2714";
color: currentColor;
background: #ffffff
}
.collection-page__filters--active {
display: block;
padding-bottom: 18px
}
.collection-page__empty .collection-page__filters--active {
margin-bottom: 12px
}
.search-page__filters--active {
padding-bottom: 18px
}
.active-filter-group {
display: flex;
flex-wrap: wrap;
justify-content: left;
gap: 8px;
align-items: center;
height: 100%;
padding: 0;
margin: 0;
list-style: none
}
a.active-filter-group__item {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: nowrap;
color: #404040;
cursor: pointer;
background-color: transparent
}
a.active-filter-group__item:after {
width: 11px;
height: 11px;
padding-bottom: 3px;
line-height: 1;
content: url('data:image/svg+xml,')
}
.active-filter-group__item-wrapper {
display: inline-block;
margin: 0;
padding: 0 8px;
vertical-align: text-bottom
}
.active-filter-text {
display: inline-block;
vertical-align: middle;
font-size: 18px
}
.active-filter-group__clear-all {
display: flex;
align-items: center;
flex-wrap: nowrap
}
.active-filter-group__item-wrapper-clear-all:after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #9f9f9f
}
/*!
* 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: .75s
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
20% {
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
transform: scale3d(.97, .97, .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(.3, .3, .3)
}
to {
opacity: 0
}
}
.zoomOut {
animation-name: zoomOut
}
.shopify-section--product-template:not(.shopify-section) {
display: flex;
flex-wrap: wrap
}
.shopify-section {
width: 100%
}
.rating {
display: flex;
align-items: center
}
.rating__star-wrapper {
display: flex;
margin-bottom: 3px
}
.icon-star-background {
transform: scaleX(var(--rating-scale, 0))
}
.icon-star-reference {
position: absolute;
left: -9999;
width: 0;
height: 0
}
.rating__star {
width: 20px;
height: auto
}
.rating__star-1 {
--rating-scale: calc(var(--rating-value))
}
.rating__star-2 {
--rating-scale: calc(var(--rating-value) - 1)
}
.rating__star-3 {
--rating-scale: calc(var(--rating-value) - 2)
}
.rating__star-4 {
--rating-scale: calc(var(--rating-value) - 3)
}
.rating__star-5 {
--rating-scale: calc(var(--rating-value) - 4)
}
.rating__text {
display: none
}
.rating__count {
margin: 0 0 0 5px
}
@media (forced-colors: active) {
.rating__star-wrapper {
display: none
}
.rating__text {
display: block
}
}
.product-block {
margin: .5rem 0
}
.product-block.product-block--first {
margin-top: 0
}
.hide-border {
border-bottom: none
}
/*# sourceMappingURL=/s/files/1/0012/8650/4537/t/37/assets/styles.css.map?v=6811188857342432101666812779 */