/** Shopify CDN: Minification failed Line 573:941 "ustify-content" is not a known CSS property Line 1139:941 "ustify-content" is not a known CSS property Line 1162:0 Expected "}" to go with "{" **/ *, :after, :before { box-sizing: border-box } .gridlock .row { width: 92%; margin-left: auto; margin-right: auto } .gridlock .row:after { height: 0; clear: both; content: "."; display: block; line-height: 0; visibility: hidden } .gridlock .row .row { width: 102.08333333%; margin-left: -1.04166667%; margin-right: -1.04166667% } .gridlock .row .contained .row { width: 100%; margin-left: 0; margin-right: 0 } .gridlock .row [class*=all-], .gridlock .row [class*=desktop-], .gridlock .row [class*=max-], .gridlock .row [class*=min-], .gridlock .row [class*=mobile-], .gridlock .row [class*=tablet-] { float: left; margin-left: 1.04166667%; margin-right: 1.04166667% } .gridlock .row [class*=all-].padded, .gridlock .row [class*=desktop-].padded, .gridlock .row [class*=max-].padded, .gridlock .row [class*=min-].padded, .gridlock .row [class*=mobile-].padded, .gridlock .row [class*=tablet-].padded { box-sizing: content-box; margin-left: 0; margin-right: 0; padding-left: 1.04166667%; padding-right: 1.04166667% } .gridlock .row [class*=all-].contained, .gridlock .row [class*=desktop-].contained, .gridlock .row [class*=max-].contained, .gridlock .row [class*=min-].contained, .gridlock .row [class*=mobile-].contained, .gridlock .row [class*=tablet-].contained { margin-left: 0; margin-right: 0 } .gridlock .row [class*=all-].right, .gridlock .row [class*=desktop-].right, .gridlock .row [class*=max-].right, .gridlock .row [class*=min-].right, .gridlock .row [class*=mobile-].right, .gridlock .row [class*=tablet-].right { float: right } @media screen and (min-width:500px) { .gridlock .row { width: 480px } } @media screen and (min-width:740px) { .gridlock .row { width: 720px } } @media screen and (min-width:980px) { .gridlock .row { width: 960px } } @media screen and (min-width:1220px) { .gridlock .row { width: 1600px } } @media screen and (max-width:1679px) { .gridlock .row { width: 94%; } } @media screen and (min-width:1680px) { .gridlock .row { width: 1600px } } @media screen and (max-width:739px) { .gridlock-mobile-fluid .row { width: 98% } } .gridlock .row .all-fifth { width: 17.91666667% } .gridlock .row .all-fourth { width: 22.91666667% } .gridlock .row .all-third { width: 31.25% } .gridlock .row .all-half { width: 47.91666667% } .gridlock .row .all-full { width: 97.91666667% } .gridlock .row .all-push-fifth { margin-left: 21.04166667% } .gridlock .row .all-push-fourth { margin-left: 26.04166667% } .gridlock .row .all-push-third { margin-left: 34.375% } .gridlock .row .all-push-half { margin-left: 51.04166667% } .gridlock .row .contained.all-fifth { width: 20% } .gridlock .row .contained.all-fourth { width: 25% } .gridlock .row .contained.all-third { width: 33.33333333% } .gridlock .row .contained.all-half { width: 50% } .gridlock .row .contained.all-full { width: 100% } .gridlock .row .contained.all-push-fifth { margin-left: 20% } .gridlock .row .contained.all-push-fourth { margin-left: 25% } .gridlock .row .contained.all-push-third { margin-left: 33.33333333% } .gridlock .row .contained.all-push-half { margin-left: 50% } .gridlock .row [class*=all-].centered { float: none; margin-left: auto; margin-right: auto } .gridlock .row .all-hide { display: none } .visually-hidden { display: none; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; } @media screen and (max-width:739px) { .gridlock .row .mobile-1 { width: 31.25% } .gridlock .row .mobile-2 { width: 64.58333333% } .gridlock .row .mobile-3 { width: 97.91666667% } .gridlock .row .mobile-push-1 { margin-left: 34.375% } .gridlock .row .mobile-push-2 { margin-left: 67.70833333% } .gridlock .row .contained.mobile-1 { width: 33.33333333% } .gridlock .row .contained.mobile-2 { width: 66.66666667% } .gridlock .row .contained.mobile-3 { width: 100% } .gridlock .row .contained.mobile-push-1 { margin-left: 33.33333333% } .gridlock .row .contained.mobile-push-2 { margin-left: 66.66666667% } .gridlock .row .mobile-fifth { width: 17.91666667% } .gridlock .row .mobile-fourth { width: 22.91666667% } .gridlock .row .mobile-third { width: 31.25% } .gridlock .row .mobile-half { width: 47.91666667% } .gridlock .row .mobile-full { width: 97.91666667% } .gridlock .row .mobile-push-fifth { margin-left: 21.04166667% } .gridlock .row .mobile-push-fourth { margin-left: 26.04166667% } .gridlock .row .mobile-push-third { margin-left: 34.375% } .gridlock .row .mobile-push-half { margin-left: 51.04166667% } .gridlock .row .contained.mobile-fifth { width: 20% } .gridlock .row .contained.mobile-fourth { width: 25% } .gridlock .row .contained.mobile-third { width: 33.33333333% } .gridlock .row .contained.mobile-half { width: 50% } .gridlock .row .contained.mobile-full { width: 100% } .gridlock .row .contained.mobile-push-fifth { margin-left: 20% } .gridlock .row .contained.mobile-push-fourth { margin-left: 25% } .gridlock .row .contained.mobile-push-third { margin-left: 33.33333333% } .gridlock .row .contained.mobile-push-half { margin-left: 50% } .gridlock .row [class*=mobile-].centered { float: none; margin-left: auto; margin-right: auto } .gridlock .row .mobile-hide { display: none } } @media screen and (max-width:499px) { .gridlock .row .min-1 { width: 31.25% } .gridlock .row .min-2 { width: 64.58333333% } .gridlock .row .min-3 { width: 97.91666667% } .gridlock .row .min-push-1 { margin-left: 34.375% } .gridlock .row .min-push-2 { margin-left: 67.70833333% } .gridlock .row .contained.min-1 { width: 33.33333333% } .gridlock .row .contained.min-2 { width: 66.66666667% } .gridlock .row .contained.min-3 { width: 100% } .gridlock .row .contained.min-push-1 { margin-left: 33.33333333% } .gridlock .row .contained.min-push-2 { margin-left: 66.66666667% } .gridlock .row .min-fifth { width: 17.91666667% } .gridlock .row .min-fourth { width: 22.91666667% } .gridlock .row .min-third { width: 31.25% } .gridlock .row .min-half { width: 47.91666667% } .gridlock .row .min-full { width: 97.91666667% } .gridlock .row .min-push-fifth { margin-left: 21.04166667% } .gridlock .row .min-push-fourth { margin-left: 26.04166667% } .gridlock .row .min-push-third { margin-left: 34.375% } .gridlock .row .min-push-half { margin-left: 51.04166667% } .gridlock .row .contained.min-fifth { width: 20% } .gridlock .row .contained.min-fourth { width: 25% } .gridlock .row .contained.min-third { width: 33.33333333% } .gridlock .row .contained.min-half { width: 50% } .gridlock .row .contained.min-full { width: 100% } .gridlock .row .contained.min-push-fifth { margin-left: 20% } .gridlock .row .contained.min-push-fourth { margin-left: 25% } .gridlock .row .contained.min-push-third { margin-left: 33.33333333% } .gridlock .row .contained.min-push-half { margin-left: 50% } .gridlock .row [class*=min-].centered { float: none; margin-left: auto; margin-right: auto } .gridlock .row .min-hide { display: none } } @media screen and (min-width:740px) and (max-width:979px) { .gridlock .row .tablet-1 { width: 14.58333333% } .gridlock .row .tablet-2 { width: 31.25% } .gridlock .row .tablet-3 { width: 47.91666667% } .gridlock .row .tablet-4 { width: 64.58333333% } .gridlock .row .tablet-5 { width: 81.25% } .gridlock .row .tablet-6 { width: 97.91666667% } .gridlock .row .tablet-push-1 { margin-left: 17.70833333% } .gridlock .row .tablet-push-2 { margin-left: 34.375% } .gridlock .row .tablet-push-3 { margin-left: 51.04166667% } .gridlock .row .tablet-push-4 { margin-left: 67.70833333% } .gridlock .row .tablet-push-5 { margin-left: 84.375% } .gridlock .row .contained.tablet-1 { width: 16.66666667% } .gridlock .row .contained.tablet-2 { width: 33.33333333% } .gridlock .row .contained.tablet-3 { width: 50% } .gridlock .row .contained.tablet-4 { width: 66.66666667% } .gridlock .row .contained.tablet-5 { width: 83.33333333% } .gridlock .row .contained.tablet-6 { width: 100% } .gridlock .row .contained.tablet-push-1 { margin-left: 16.66666667% } .gridlock .row .contained.tablet-push-2 { margin-left: 33.33333333% } .gridlock .row .contained.tablet-push-3 { margin-left: 50% } .gridlock .row .contained.tablet-push-4 { margin-left: 66.66666667% } .gridlock .row .contained.tablet-push-5 { margin-left: 83.33333333% } .gridlock .row .tablet-fifth { width: 17.91666667% } .gridlock .row .tablet-fourth { width: 22.91666667% } .gridlock .row .tablet-third { width: 31.25% } .gridlock .row .tablet-three-quarter { width: 72.9% } .gridlock .row .tablet-two-thirds { width: 64.5% } .gridlock .row .tablet-half { width: 47.91666667% } .gridlock .row .tablet-full { width: 97.91666667% } .gridlock .row .tablet-push-fifth { margin-left: 21.04166667% } .gridlock .row .tablet-push-fourth { margin-left: 26.04166667% } .gridlock .row .tablet-push-third { margin-left: 34.375% } .gridlock .row .tablet-push-half { margin-left: 51.04166667% } .gridlock .row .contained.tablet-fifth { width: 20% } .gridlock .row .contained.tablet-fourth { width: 25% } .gridlock .row .contained.tablet-third { width: 33.33333333% } .gridlock .row .contained.tablet-half { width: 50% } .gridlock .row .contained.tablet-full { width: 100% } .gridlock .row .contained.tablet-push-fifth { margin-left: 20% } .gridlock .row .contained.tablet-push-fourth { margin-left: 25% } .gridlock .row .contained.tablet-push-third { margin-left: 33.33333333% } .gridlock .row .contained.tablet-push-half { margin-left: 50% } .gridlock .row [class*=tablet-].centered { float: none; margin-left: auto; margin-right: auto } .gridlock .row .tablet-hide { display: none !important } } @media screen and (min-width:980px) { .gridlock .row .desktop-1 { width: 6.25% } .gridlock .row .desktop-2 { width: 14.58333333% } .gridlock .row .desktop-3 { width: 22.91666667% } .gridlock .row .desktop-4 { width: 31.25% } .gridlock .row .desktop-5 { width: 39.58333333% } .gridlock .row .desktop-6 { width: 47.91666667% } .gridlock .row .desktop-7 { width: 56.25% } .gridlock .row .desktop-8 { width: 64.58333333% } .gridlock .row .desktop-9 { width: 72.91666667% } .gridlock .row .desktop-10 { width: 81.25% } .gridlock .row .desktop-11 { width: 89.58333333% } .gridlock .row .desktop-12 { width: 97.91666667% } .gridlock .row .desktop-push-1 { margin-left: 9.375% } .gridlock .row .desktop-push-2 { margin-left: 17.70833333% } .gridlock .row .desktop-push-3 { margin-left: 26.04166667% } .gridlock .row .desktop-push-4 { margin-left: 34.375% } .gridlock .row .desktop-push-5 { margin-left: 42.70833333% } .gridlock .row .desktop-push-6 { margin-left: 51.04166667% } .gridlock .row .desktop-push-7 { margin-left: 59.375% } .gridlock .row .desktop-push-8 { margin-left: 67.70833333% } .gridlock .row .desktop-push-9 { margin-left: 76.04166667% } .gridlock .row .desktop-push-10 { margin-left: 84.375% } .gridlock .row .desktop-push-11 { margin-left: 92.70833333% } .gridlock .row .contained.desktop-1 { width: 8.33333333% } .gridlock .row .contained.desktop-2 { width: 16.66666667% } .gridlock .row .contained.desktop-3 { width: 25% } .gridlock .row .contained.desktop-4 { width: 33.33333333% } .gridlock .row .contained.desktop-5 { width: 41.66666667% } .gridlock .row .contained.desktop-6 { width: 50% } .gridlock .row .contained.desktop-7 { width: 58.33333333% } .gridlock .row .contained.desktop-8 { width: 66.66666667% } .gridlock .row .contained.desktop-9 { width: 75% } .gridlock .row .contained.desktop-10 { width: 83.33333333% } .gridlock .row .contained.desktop-11 { width: 91.66666667% } .gridlock .row .contained.desktop-12 { width: 100% } .gridlock .row .contained.desktop-push-1 { margin-left: 8.33333333% } .gridlock .row .contained.desktop-push-2 { margin-left: 16.66666667% } .gridlock .row .contained.desktop-push-3 { margin-left: 25% } .gridlock .row .contained.desktop-push-4 { margin-left: 33.33333333% } .gridlock .row .contained.desktop-push-5 { margin-left: 41.66666667% } .gridlock .row .contained.desktop-push-6 { margin-left: 50% } .gridlock .row .contained.desktop-push-7 { margin-left: 58.33333333% } .gridlock .row .contained.desktop-push-8 { margin-left: 66.66666667% } .gridlock .row .contained.desktop-push-9 { margin-left: 75% } .gridlock .row .contained.desktop-push-10 { margin-left: 83.33333333% } .gridlock .row .contained.desktop-push-11 { margin-left: 91.66666667% } .gridlock .row .desktop-fifth { width: 17.91666667% } .gridlock .row .desktop-fourth { width: 22.91666667% } .gridlock .row .desktop-third { width: 31.25% } .gridlock .row .desktop-half { width: 47.91666667% } .gridlock .row .desktop-full { width: 97.91666667% } .gridlock .row .desktop-push-fifth { margin-left: 21.04166667% } .gridlock .row .desktop-push-fourth { margin-left: 26.04166667% } .gridlock .row .desktop-push-third { margin-left: 34.375% } .gridlock .row .desktop-push-half { margin-left: 51.04166667% } .gridlock .row .contained.desktop-fifth { width: 20% } .gridlock .row .contained.desktop-fourth { width: 25% } .gridlock .row .contained.desktop-third { width: 33.33333333% } .gridlock .row .contained.desktop-half { width: 50% } .gridlock .row .contained.desktop-full { width: 100% } .gridlock .row .contained.desktop-push-fifth { margin-left: 20% } .gridlock .row .contained.desktop-push-fourth { margin-left: 25% } .gridlock .row .contained.desktop-push-third { margin-left: 33.33333333% } .gridlock .row .contained.desktop-push-half { margin-left: 50% } .gridlock .row [class*=desktop-].centered { float: none; margin-left: auto; margin-right: auto } .gridlock .row .desktop-hide { display: none !important } } @media screen and (min-width:1220px) { .gridlock .row .max-1 { width: 6.25% } .gridlock .row .max-2 { width: 14.58333333% } .gridlock .row .max-3 { width: 22.91666667% } .gridlock .row .max-4 { width: 31.25% } .gridlock .row .max-5 { width: 39.58333333% } .gridlock .row .max-6 { width: 47.91666667% } .gridlock .row .max-7 { width: 56.25% } .gridlock .row .max-8 { width: 64.58333333% } .gridlock .row .max-9 { width: 72.91666667% } .gridlock .row .max-10 { width: 81.25% } .gridlock .row .max-11 { width: 89.58333333% } .gridlock .row .max-12 { width: 97.91666667% } .gridlock .row .max-push-1 { margin-left: 9.375% } .gridlock .row .max-push-2 { margin-left: 17.70833333% } .gridlock .row .max-push-3 { margin-left: 26.04166667% } .gridlock .row .max-push-4 { margin-left: 34.375% } .gridlock .row .max-push-5 { margin-left: 42.70833333% } .gridlock .row .max-push-6 { margin-left: 51.04166667% } .gridlock .row .max-push-7 { margin-left: 59.375% } .gridlock .row .max-push-8 { margin-left: 67.70833333% } .gridlock .row .max-push-9 { margin-left: 76.04166667% } .gridlock .row .max-push-10 { margin-left: 84.375% } .gridlock .row .max-push-11 { margin-left: 92.70833333% } .gridlock .row .contained.max-1 { width: 8.33333333% } .gridlock .row .contained.max-2 { width: 16.66666667% } .gridlock .row .contained.max-3 { width: 25% } .gridlock .row .contained.max-4 { width: 33.33333333% } .gridlock .row .contained.max-5 { width: 41.66666667% } .gridlock .row .contained.max-6 { width: 50% } .gridlock .row .contained.max-7 { width: 58.33333333% } .gridlock .row .contained.max-8 { width: 66.66666667% } .gridlock .row .contained.max-9 { width: 75% } .gridlock .row .contained.max-10 { width: 83.33333333% } .gridlock .row .contained.max-11 { width: 91.66666667% } .gridlock .row .contained.max-12 { width: 100% } .gridlock .row .contained.max-push-1 { margin-left: 8.33333333% } .gridlock .row .contained.max-push-2 { margin-left: 16.66666667% } .gridlock .row .contained.max-push-3 { margin-left: 25% } .gridlock .row .contained.max-push-4 { margin-left: 33.33333333% } .gridlock .row .contained.max-push-5 { margin-left: 41.66666667% } .gridlock .row .contained.max-push-6 { margin-left: 50% } .gridlock .row .contained.max-push-7 { margin-left: 58.33333333% } .gridlock .row .contained.max-push-8 { margin-left: 66.66666667% } .gridlock .row .contained.max-push-9 { margin-left: 75% } .gridlock .row .contained.max-push-10 { margin-left: 83.33333333% } .gridlock .row .contained.max-push-11 { margin-left: 91.66666667% } .gridlock .row .max-fifth { width: 17.91666667% } .gridlock .row .max-fourth { width: 22.91666667% } .gridlock .row .max-third { width: 31.25% } .gridlock .row .max-half { width: 47.91666667% } .gridlock .row .max-full { width: 97.91666667% } .gridlock .row .max-push-fifth { margin-left: 21.04166667% } .gridlock .row .max-push-fourth { margin-left: 26.04166667% } .gridlock .row .max-push-third { margin-left: 34.375% } .gridlock .row .max-push-half { margin-left: 51.04166667% } .gridlock .row .contained.max-fifth { width: 20% } .gridlock .row .contained.max-fourth { width: 25% } .gridlock .row .contained.max-third { width: 33.33333333% } .gridlock .row .contained.max-half { width: 50% } .gridlock .row .contained.max-full { width: 100% } .gridlock .row .contained.max-push-fifth { margin-left: 20% } .gridlock .row .contained.max-push-fourth { margin-left: 25% } .gridlock .row .contained.max-push-third { margin-left: 33.33333333% } .gridlock .row .contained.max-push-half { margin-left: 50% } .gridlock .row [class*=max-].centered { float: none; margin-left: auto; margin-right: auto } .gridlock .row .max-hide { display: none } } .gridlock-fluid .row { width: 98% } @media screen and (max-width:740px) { .gridlock-fluid .mobile-3.centered { float: left !important; margin-left: 1.04166667% !important; margin-right: 1.04166667% !important } } .gridlock-fluid .centered { display: inline-block } .grid__wrapper { margin: 0 auto; padding-left: 3%; padding-right: 3%; max-width: 1600px; display: grid; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: repeat(12, 1fr); grid-template-rows: auto; font-size: var(--font-size); } .grid__wrapper-nest { display: grid !important; } .grid__wrapper.aflow { grid-auto-flow: dense; } .grid__wrapper.narrow { padding-left: 7%; padding-right: 7%; } .grid__wrapper.full { padding-left: 1.25%; padding-right: 1.25%; max-width: unset; width: 100%; } .grid__wrapper.edge { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; width: 100%; max-width: unset; } .row .grid__wrapper.row, .row.grid__wrapper.edge { padding: 0; max-width: unset; } .grid__wrapper.row { padding: 0 1.04166667%; grid-gap: 30px; } .grid__wrapper > .first { order: 1; } .grid__wrapper > .last { order: 2; } @media(min-width: 768px) { .wrapper-fifths { grid-template-columns:repeat(15,1fr); } .wrapper-fifths .span-11.push-2 { grid-column: 3/14; width: 100%; } } .grid__wrapper > * { padding: 0; font-size: var(--font-size); vertical-align: top; } .grid__wrapper.gr0 { grid-row-gap: 0; } .a-left { text-align: left; } .a-right { text-align: right; } .a-center { text-align: center; } .v-start { align-self: start; vertical-align: top; } .v-center { align-self: center; vertical-align: middle; } .v-end { align-self: end; vertical-align: bottom; } .v-stretch { align-self: stretch; } .vi-center { display: inline; vertical-align: middle; } .vib-center { display: inline-block; vertical-align: middle; } .h-start { justify-self: start; } .h-center { justify-self: center; } .h-end { justify-self: end; } .h-stretch { justify-self: stretch; } .vh-start { place-self: start; } .vv-center { place-self: center; } .vh-end { place-self: end; } .vh-stretch { place-self: stretch; } .absolute-center { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } @supports (display: grid) { .span-1 { grid-column: 1; width: 100%; } .span-2 { grid-column: 1 / 3; width: 100%; } .span-3 { grid-column: 1 / 4; width: 100%; } .span-4, .span-third { grid-column: 1 / 5; width: 100%; } .span-5 { grid-column: 1 / 6; width: 100%; } .span-6 { grid-column: 1 / 7; width: 100%; } .span-7 { grid-column: 1 / 8; width: 100%; } .span-8 { grid-column: 1 / 9; width: 100%; } .span-9 { grid-column: 1 / 10; width: 100%; } .span-10 { grid-column: 1 / 11; width: 100%; } .span-11 { grid-column: 1 / 12; width: 100%; } .span-12 { grid-column: 1 / 13; width: 100%; } .span-6.first { grid-column: 1 / 7; width: 100%; } .span-6.last { grid-column: 7 / 13; width: 100%; } .span-8.first { grid-column: 1 / 9; width: 100%; } .span-4.last { grid-column: 9 / 13; width: 100%; } .span-4.first { grid-column: 1 / 5; width: 100%; } .span-8.last { grid-column: 5 / 13; width: 100%; } .span-9.first { grid-column: 1 / 10; width: 100%; } .span-3.last { grid-column: 10 / 13; width: 100%; } .span-3.first { grid-column: 1 / 4; width: 100%; } .span-9.last { grid-column: 4 / 13; width: 100%; } .span-1.auto { grid-column: auto / span 1; width: 100%; } .span-2.auto { grid-column: auto / span 2; width: 100%; } .span-3.auto { grid-column: auto / span 3; width: 100%; } .span-4.auto, .span-third.auto { grid-column: auto / span 4; width: 100%; } .span-5.auto { grid-column: auto / span 5; width: 100%; } .span-6.auto { grid-column: auto / span 6; width: 100%; } .span-7.auto { grid-column: auto / span 7; width: 100%; } .span-8.auto { grid-column: auto / span 8; width: 100%; } .span-9.auto { grid-column: auto / span 9; width: 100%; } .span-10.auto { grid-column: auto / span 10; width: 100%; } .span-11.auto { grid-column: auto / span 11; width: 100%; } .span-12.auto { grid-column: auto / span 12; width: 100%; } .span-1.push-1 { grid-column: 2 / 3; width: 100%; } .span-1.push-2 { grid-column: 3 / 4; width: 100%; } .span-1.push-3 { grid-column: 4 / 5; width: 100%; } .span-1.push-4 { grid-column: 5 / 6; width: 100%; } .span-1.push-5 { grid-column: 6 / 7; width: 100%; } .span-1.push-6 { grid-column: 7 / 8; width: 100%; } .span-1.push-7 { grid-column: 8 / 9; width: 100%; } .span-1.push-8 { grid-column: 9 / 10; width: 100%; } .span-1.push-9 { grid-column: 10 / 11; width: 100%; } .span-1.push-10 { grid-column: 11 / 12; width: 100%; } .span-1.push-11 { grid-column: 12 / 13; width: 100%; } .span-2.push-1 { grid-column: 2 / 4; width: 100%; } .span-2.push-2 { grid-column: 3 / 5; width: 100%; } .span-2.push-3 { grid-column: 4 / 6; width: 100%; } .span-2.push-4 { grid-column: 5 / 7; width: 100%; } .span-2.push-5 { grid-column: 6 / 8; width: 100%; } .span-2.push-6 { grid-column: 7 / 9; width: 100%; } .span-2.push-7 { grid-column: 8 / 10; width: 100%; } .span-2.push-8 { grid-column: 9 / 11; width: 100%; } .span-2.push-9 { grid-column: 10 / 12; width: 100%; } .span-2.push-10 { grid-column: 11 / 13; width: 100%; } .span-3.push-1 { grid-column: 2 / 5; width: 100%; } .span-3.push-2 { grid-column: 3 / 6; width: 100%; } .span-3.push-3 { grid-column: 4 / 7; width: 100%; } .span-3.push-4 { grid-column: 5 / 8; width: 100%; } .span-3.push-5 { grid-column: 6 / 9; width: 100%; } .span-3.push-6 { grid-column: 7 / 10; width: 100%; } .span-3.push-7 { grid-column: 8 / 11; width: 100%; } .span-3.push-8 { grid-column: 9 / 12; width: 100%; } .span-3.push-9 { grid-column: 10 / 13; width: 100%; } .span-4.push-1 { grid-column: 2 / 6; width: 100%; } .span-4.push-2 { grid-column: 3 / 7; width: 100%; } .span-4.push-3 { grid-column: 4 / 8; width: 100%; } .span-4.push-4 { grid-column: 5 / 9; width: 100%; } .span-4.push-5 { grid-column: 6 / 10; width: 100%; } .span-4.push-6 { grid-column: 7 / 11; width: 100%; } .span-4.push-7 { grid-column: 8 / 12; width: 100%; } .span-4.push-8 { grid-column: 9 / 13; width: 100%; } .span-5.push-1 { grid-column: 2 / 7; width: 100%; } .span-5.push-2 { grid-column: 3 / 8; width: 100%; } .span-5.push-3 { grid-column: 4 / 9; width: 100%; } .span-5.push-4 { grid-column: 5 / 10; width: 100%; } .span-5.push-5 { grid-column: 6 / 11; width: 100%; } .span-5.push-6 { grid-column: 7 / 12; width: 100%; } .span-5.push-7 { grid-column: 8 / 13; width: 100%; } .span-6.push-1 { grid-column: 2 / 8; width: 100%; } .span-6.push-2 { grid-column: 3 / 9; width: 100%; } .span-6.push-3 { grid-column: 4 / 10; width: 100%; } .span-6.push-4 { grid-column: 5 / 11; width: 100%; } .span-6.push-5 { grid-column: 6 / 12; width: 100%; } .span-6.push-6 { grid-column: 7 / 13; width: 100%; } .span-7.push-1 { grid-column: 2 / 9; width: 100%; } .span-7.push-2 { grid-column: 3 / 10; width: 100%; } .span-7.push-3 { grid-column: 4 / 11; width: 100%; } .span-7.push-4 { grid-column: 5 / 12; width: 100%; } .span-7.push-5 { grid-column: 6 / 13; width: 100%; } .span-8.push-1 { grid-column: 2 / 10; width: 100%; } .span-8.push-2 { grid-column: 3 / 11; width: 100%; } .span-8.push-3 { grid-column: 4 / 12; width: 100%; } .span-8.push-4 { grid-column: 5 / 13; width: 100%; } .span-9.push-1 { grid-column: 2 / 11; width: 100%; } .span-9.push-2 { grid-column: 3 / 12; width: 100%; } .span-9.push-3 { grid-column: 4 / 13; width: 100%; } .span-10.push-1 { grid-column: 2 / 12; width: 100%; } .span-10.push-2 { grid-column: 3 / 13; width: 100%; } .span-11.push-1 { grid-column: 2 / 13; width: 100%; } @media (min-width: 981px) { .desktop-hide { display: none !important; } } @media (max-width: 739px) { .sm-span-1.auto { grid-column: auto / span 1 !important; width: 100%; } .sm-span-2.auto { grid-column: auto / span 2 !important; width: 100%; } .sm-span-3.auto { grid-column: auto / span 3 !important; width: 100%; } .sm-span-4.auto, .sm-span-third.auto { grid-column: auto / span 4 !important; width: 100%; } .sm-span-5.auto { grid-column: auto / span 5 !important; width: 100%; } .sm-span-6.auto { grid-column: auto / span 6 !important; width: 100%; } .sm-span-7.auto { grid-column: auto / span 7 !important; width: 100%; } .sm-span-8.auto { grid-column: auto / span 8 !important; width: 100%; } .sm-span-9.auto { grid-column: auto / span 9 !important; width: 100%; } .sm-span-10.auto { grid-column: auto / span 10 !important; width: 100%; } .sm-span-11.auto { grid-column: auto / span 11 !important; width: 100%; } .sm-span-12.auto { grid-column: auto / span 12 !important; width: 100%; } .sm-cg0 { grid-column-gap: 0; } .sm-cg1 { grid-column-gap: 6px; } .sm-cg2 { grid-column-gap: 9px; } .sm-cg3 { grid-column-gap: 12px; } .sm-cg4 { grid-column-gap: 15px; } .sm-cg5 { grid-column-gap: 18px; } .sm-cg6 { grid-column-gap: 21px; } .sm-cg7 { grid-column-gap: 24px; } .sm-cg8 { grid-column-gap: 27px; } .sm-cg9 { grid-column-gap: 30px; } .sm-rg0 { grid-row-gap: 0; } .sm-rg1 { grid-row-gap: 6px; } .sm-rg2 { grid-row-gap: 9px; } .sm-rg3 { grid-row-gap: 12px; } .sm-rg4 { grid-row-gap: 15px; } .sm-rg5 { grid-row-gap: 18px; } .sm-rg6 { grid-row-gap: 21px; } .sm-rg7 { grid-row-gap: 24px; } .sm-rg8 { grid-row-gap: 27px; } .sm-rg9 { grid-row-gap: 30px; } .mobile-hide, .sm-hide { display: none !important; } .sm-a-left { text-align: left; } .sm-a-right { text-align: right; } .sm-a-center { text-align: center; } .sm-v-start { align-self: start; vertical-align: top; } .sm-v-center { align-self: center; vertical-align: middle; } .sm-v-end { align-self: end; vertical-align: bottom; } .sm-v-stretch { align-self: stretch; } .sm-h-start { justify-self: start; } .sm-h-center { justify-self: center; } .sm-h-end { justify-self: end; } .sm-h-stretch { justify-self: stretch; } .sm-vh-start { place-self: start; } .sm-vv-center { place-self: center; } .sm-vh-end { place-self: end; } .sm-vh-stretch { place-self: stretch; } } @media (min-width: 740px) and (max-width: 980px) { .md-span-12.auto { grid-column: auto / span 12 !important; width: 100%; } .md-span-1.auto { grid-column: auto / span 1 !important; width: 100%; } .md-span-2.auto { grid-column: auto / span 2 !important; width: 100%; } .md-span-3.auto { grid-column: auto / span 3 !important; width: 100%; } .md-span-4.auto, .md-span-third.auto { grid-column: auto / span 4 !important; width: 100%; } .md-span-5.auto { grid-column: auto / span 5 !important; width: 100%; } .md-span-6.auto { grid-column: auto / span 6 !important; width: 100%; } .md-span-7.auto { grid-column: auto / span 7 !important; width: 100%; } .md-span-8.auto { grid-column: auto / span 8 !important; width: 100%; } .md-span-9.auto { grid-column: auto / span 9 !important; width: 100%; } .md-span-10.auto { grid-column: auto / span 10 !important; width: 100%; } .md-span-11.auto { grid-column: auto / span 11 !important; width: 100%; } .md-span-12.auto { grid-column: auto / span 12 !important; width: 100%; } .md-span-12.auto { grid-column: auto / span 12 !important; width: 100%; } .md-cg0 { grid-column-gap: 0; } .md-cg1 { grid-column-gap: 6px; } .md-cg2 { grid-column-gap: 9px; } .md-cg3 { grid-column-gap: 12px; } .md-cg4 { grid-column-gap: 15px; } .md-cg5 { grid-column-gap: 18px; } .md-cg6 { grid-column-gap: 21px; } .md-cg7 { grid-column-gap: 24px; } .md-cg8 { grid-column-gap: 27px; } .md-cg9 { grid-column-gap: 30px; } .md-rg0 { grid-row-gap: 0; } .md-rg1 { grid-row-gap: 6px; } .md-rg2 { grid-row-gap: 9px; } .md-rg3 { grid-row-gap: 12px; } .md-rg4 { grid-row-gap: 15px; } .md-rg5 { grid-row-gap: 18px; } .md-rg6 { grid-row-gap: 21px; } .md-rg7 { grid-row-gap: 24px; } .md-rg8 { grid-row-gap: 27px; } .md-rg9 { grid-row-gap: 30px; } .tablet-hide { display: none !important; } .md-a-left { text-align: left; } .md-a-right { text-align: right; } .md-a-center { text-align: center; } .md-v-start { align-self: start; vertical-align: top; } .md-v-center { align-self: center; vertical-align: middle; } .md-v-end { align-self: end; vertical-align: bottom; } .md-v-stretch { align-self: stretch; } .md-h-start { justify-self: start; } .md-h-center { justify-self: center; } .md-h-end { justify-self: end; } .md-h-stretch { justify-self: stretch; } .md-vh-start { place-self: start; } .md-vv-center { place-self: center; } .md-vh-end { place-self: end; } .md-vh-stretch { place-self: stretch; } } @media (max-width: 980px) { .dv-span-12.auto { grid-column: auto / span 12 !important; width: 100%; } .dv-span-1.auto { grid-column: auto / span 1 !important; width: 100%; } .dv-span-2.auto { grid-column: auto / span 2 !important; width: 100%; } .dv-span-3.auto { grid-column: auto / span 3 !important; width: 100%; } .dv-span-4.auto, .md-span-third.auto { grid-column: auto / span 4 !important; width: 100%; } .dv-span-5.auto { grid-column: auto / span 5 !important; width: 100%; } .dv-span-6.auto { grid-column: auto / span 6 !important; width: 100%; } .dv-span-7.auto { grid-column: auto / span 7 !important; width: 100%; } .dv-span-8.auto { grid-column: auto / span 8 !important; width: 100%; } .dv-span-9.auto { grid-column: auto / span 9 !important; width: 100%; } .dv-span-10.auto { grid-column: auto / span 10 !important; width: 100%; } .dv-span-11.auto { grid-column: auto / span 11 !important; width: 100%; } .dv-span-12.auto { grid-column: auto / span 12 !important; width: 100%; } .dv-cg0 { grid-column-gap: 0; } .dv-cg1 { grid-column-gap: 6px; } .dv-cg2 { grid-column-gap: 9px; } .dv-cg3 { grid-column-gap: 12px; } .dv-cg4 { grid-column-gap: 15px; } .dv-cg5 { grid-column-gap: 18px; } .dv-cg6 { grid-column-gap: 21px; } .dv-cg7 { grid-column-gap: 24px; } .dv-cg8 { grid-column-gap: 27px; } .dv-cg9 { grid-column-gap: 30px; } .dv-rg0 { grid-row-gap: 0; } .dv-rg1 { grid-row-gap: 6px; } .dv-rg2 { grid-row-gap: 9px; } .dv-rg3 { grid-row-gap: 12px; } .dv-rg4 { grid-row-gap: 15px; } .dv-rg5 { grid-row-gap: 18px; } .dv-rg6 { grid-row-gap: 21px; } .dv-rg7 { grid-row-gap: 24px; } .dv-rg8 { grid-row-gap: 27px; } .dv-rg9 { grid-row-gap: 30px; } .device-hide { display: none !important; } .dv-a-left { text-align: left; } .dv-a-right { text-align: right; } .dv-a-center { text-align: center; } .dv-v-start { align-self: start; vertical-align: top; } .dv-v-center { align-self: center; vertical-align: middle; } .dv-v-end { align-self: end; vertical-align: bottom; } .dv-v-stretch { align-self: stretch; } .dv-h-start { justify-self: start; } .dv-h-center { justify-self: center; } .dv-h-end { justify-self: end; } .dv-h-stretch { justify-self: stretch; } .dv-vh-start { place-self: start; } .dv-vv-center { place-self: center; } .dv-vh-end { place-self: end; } .dv-vh-stretch { place-self: stretch; } } } @media (min-width: 981px) { .desktop-hide { display: none !important; } } @media (min-width: 741px) and (max-width: 980px) { .md-hide, .tablet-hide { display: none !important; } } .m0 { margin: 0 !important; } .mb0 { margin-bottom: 0 !important; } * { margin: 0; } :focus { outline: var(--keyboard-focus-color) var(--keyboard-focus-border-style) calc(var(--keyboard-focus-border-weight) * 1px) !important; outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important; } @media (pointer: coarse) { *:focus { outline: none; } } *, *:before, *:after { box-sizing: border-box; } html, body { height: 100%; } .hide { display: none !important; } .right { float: right; } .left { float: left; } .center { text-align: center; } .mb0 { margin-bottom: 0; } .visually-hidden { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .visually-hidden--inline { margin: 0; height: 1em; } .visually-hidden--static { position: static !important; } .hr-or { border: none; border-top: 1px solid var(--dotted-color); width: 14.375rem; margin: 1.5625rem auto; overflow: visible; margin: 16px 0; width: 100%; } .hr-or:after { content: attr(data-content); position: relative; top: -10px; left: 50%; transform: translateX(-50%); width: 2.5rem; font-weight: 500; background-color: var(--background); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; letter-spacing: .2px; text-align: center; display: inline-block; } body { color: var(--text-color); background: var(--background); font-size: var(--font-size); font-family: var(--main-family); font-weight: var(--main-weight); font-style: var(--main-style); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; margin: 0! important; line-height: 1.6em; } img { height: auto; width: 100%; max-width: 100%; border: 0; } img[data-sizes="auto"] { display: block; width: 100%; } .rte img { width: auto; } .box-ratio { display: block; height: 0; width: 100%; overflow: hidden; } h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-family: var(--heading-family); font-weight: var(--heading-weight); font-style: var(--heading-style); margin-top: 0; letter-spacing: 0.05em; line-height: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: var(--heading-color) !important; } h1, .h1 { font-size: var(--h1-size); } h2, .h2 { font-size: var(--h2-size); } h3, .h3 { font-size: var(--h3-size); } h4, .h4 { font-size: calc(var(--font-size) + 2px); } h5, .h5 { font-size: calc(var(--font-size) + 1px); } h1, h2, h3, h4, h5, h6, p, dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom: 5px; } p { font-size: var(--font-size); margin-bottom: 10px; } strong { font-weight: bold; } em { font-style: italic; } pre { font-family: var(--main-family); font-style: var(--main-style); font-size: 13px; font-weight: bold; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .inline-block-auto { display: inline-block; width: auto; } .inline-block-full { display: inline-block; width: 100%; } a { text-decoration: none; color: var(--text-color); outline: 0; transition: all .25s ease-in-out; } a:visited { color:var(--text-color); } a:focus { outline: none; } dt { font-weight: bold; } ol { padding: 0; margin-left: 0; text-indent: 0; list-style-position: inside; } ul { padding: 0; margin: 0; list-style: disc inside; } .rte ul li, .rte ol li { font-size: var(--font-size); } blockquote { font-family: var(--main-family); font-style: var(--main-style); font-weight: var(--main-weight); font-size: 18px; line-height: 24px; font-style: italic; padding-left: 35px; color: #999; margin: .5em 0 .5em 0; } hr { background:var(--dotted-color); border: none; color: var(--dotted-color); display: block; height: 1px; margin-top: 20px; width: 100%; } .clear:not(.color) { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .js-focus-hidden:focus { outline: none; } .no-js .box-ratio { display: none; } .no-js #slider .carousel-cell { opacity: 1 !important; visibility: visible; } .no-js #slider .carousel-cell img { margin-bottom: 20px; } .no-js .zoom_btn, .no-js .swatches__container, .no-js .no-js-hidden { display: none; } .no-js .vantage-accordion .product-accordion-content, .no-js .product__variants-select { display: block !important; } .no-js .collection-carousel { text-align: center; } .no-js #shopify-section-mobile-navigation { display: none; } .no-js .loading-wrapper, .no-js .product-listing__quickview-trigger { display: none !important; } .no-js .tabbed__collection-carousel { margin: 0 auto; text-align: center; } .no-js [data-aos^=fade][data-aos^=fade] { opacity: 1 !important; } .no-js [data-aos^=fade][data-aos^=fade] { transform: unset; } .no-js [data-aos] { pointer-events: unset !important; } .cart-type--no_js_cart .ajax-cart__item-remove--no-js, .no-js .ajax-cart__item-remove--no-js { display: block !important; position: absolute; top: 10px; right: 10px; } .cart-type--no_js_cart .ajax-cart__item-remove--js, .no-js .ajax-cart__item-remove--js { display: none; } .cart-type--no_js_cart .ajax-cart__qty-control--down, .cart-type--no_js_cart .ajax-cart__qty-control--up, .no-js .ajax-cart__qty-control--down, .no-js .ajax-cart__qty-control--up { display: none; } .cart-type--no_js_cart .ajax-cart__item-quantity, .no-js .ajax-cart__item-quantity { text-align: center !important; } .cart-type--no_js_cart .ajax-cart__qty-input--no-js, .no-js .ajax-cart__qty-input--no-js { max-width: 90px; margin: 0; } .cart-type--no_js_cart .ajax-cart__item-update--no-js, .no-js .ajax-cart__item-update--no-js { display: block !important; margin-top: 8px; text-decoration: underline; font-size: 13px; text-align: left; } .no-js .ajax-cart__accordion--shipping-calc { display: none; } .cart-type--no_js_cart .ajax-cart__form-wrapper--nojs, .no-js .ajax-cart__accordion .accordion-content { display: block !important; } .no-js .loading-wrapper, .cart-type--no_js_cart .loading-wrapper { display: none; } .no-js #HeaderCountryForm, .no-js #HeaderLanguageForm, .no-js #FooterCountryForm, .no-js #FooterLanguageForm, .no-js .no-js-hidden { display: none !important; } .cart-info-box { margin: 1rem auto; width: 90%; max-width: 400px; text-align: left; padding: 1rem; background-color: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .cart-info-box { margin: 1rem auto; width: 90%; max-width: 400px; text-align: left; } .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: var(--button-color); color: var(--button-text); font-size: var(--font-size); font-family: var(--main-family); font-style: var(--main-style); font-weight: 500; border: 0; border-radius: var(--button-border-radius); transition: all .25s ease-in-out !important; -webkit-appearance: none; display: inline-block; height: 50px; line-height: 50px; width: auto; margin-bottom: 10px; padding: 0 25px; letter-spacing: 1px; text-decoration: none; cursor: pointer; } input[type=submit] { border: 2px solid var(--button-color); line-height: 46px; } input.required-error, textarea.required-error { border-color: #cc0000 !important; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: var(--button-text-hover); background: var(--button-hover); } button.button-as-link, a.button-as-link, input.button-as-link { border: none; background: none; color: var(--text-color); text-decoration: underline; line-height: var(--font-size); font-size: var(--font-size); font-weight: var(--main-weight); letter-spacing: unset; height: auto; display: inline-block; width: auto !important; padding: 0; } button.button-as-link:hover, a.button-as-link:hover, input.button-as-link:hover { background: none; color: var(--text-color); } .theme-features__ghost-buttons--true .secondary-button { color: var(--text-color)! important; background: var(--background)! important; border: 2px solid var(--text-color) !important; line-height: 46px; } .theme-features__rounded-buttons--true .secondary-button:hover { color: var(--text-color) !important; background: var(--background) !important; } .theme-features__ghost-buttons--false .secondary-button { color: var(--secondary-button-text)! important; background: var(--secondary-button-color)! important; border: 2px solid var(--secondary-button-color) !important; line-height: 46px; } .theme-features__rounded-buttons--false .secondary-button:hover { color: var(--secondary-button-text) !important; background: var(--secondary-button-color) !important; } a.button:visited { background: var(--button-color); color: var(--button-text); } a.button:visited:hover { color: var(--button-text-hover); background: var(--button-hover); } form { margin-bottom: 0; } fieldset { margin-bottom: 20px; } label, legend { display: block; font-weight: bold; margin-bottom: 5px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: var(--text-color); } input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input[type=search], input[type=file], textarea, select { box-sizing: border-box; width: 100%; background: transparent; border: 1px solid var(--dotted-color); border-radius: 0; margin: 0 0 10px 0; max-width: 100%; text-indent: 10px; outline: none; height: 50px; line-height: 50px; font-size: var(--font-size); font-family: var(--main-family); font-style: var(--main-style); font-weight: var(--main-weight); color: var(--text-color); } textarea { min-width: 300px; text-indent: 10px; height: 135px; min-height: 60px; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); min-height: 32px; } select { padding: 0; background: var(--select-arrow-bg) right no-repeat; -webkit-appearance: none; -moz-appearance: none; } .announcement__bar-section { position: relative; border-bottom: 1px solid var(--top-bar-border); } #top-bar, #top-bar p { font-size: var(--announcement-size); } .header-section { background: var(--header-background); position: relative; z-index: 1; transition: all .25s ease-in-out; } header { background: var(--header-background); position: relative; padding-top: 10px; transition: all .25s ease-in-out; } header.theme-header.stickynav { width: 100%; z-index: 11; } header.header--sticky { width: 100%; position: fixed; top: 0px; } #top-bar { text-align: center; line-height: 40px; background: var(--top-bar-background); padding: 5px; color: var(--top-bar-color); } @media (max-width: 980px) { #top-bar:not(:has(.js-announcement-carousel)) { padding: 0; } } #top-bar a:not(.disclosure-list__option) { color: var(--top-bar-color); } #top-bar p { margin-bottom: 0; font-weight: normal; } #top-bar .top-bar-grid { display: grid; grid-template-columns: 1fr 2fr 1fr; } #top-bar .row ul#social-links { grid-column: 1 / span 1; } #top-bar .row .announcement__text { grid-column: 2 / span 1; } #top-bar .row .announcement__text.text-only { grid-column: 1 / span 3; } @media screen and (max-width: 980px) { .announcement__text { grid-column: 1 / span 3 !important; } } #top-bar .row ul.localization__options { grid-column: 3 / span 1; } .no-js #top-bar .row ul.localization__options { display: flex; flex-wrap: nowrap; justify-content: flex-end; } .announcement__text { display: none; animation: fadeIn; animation-duration: 1s; } .announcement__text.flickity-enabled { display: block; } .announcement__carousel-item { width: 100%; } .announcement__text .flickity-button { height: 30px; width: 30px; background: var(--top-bar-background); color: var(--top-bar-color); } .announcement__text .flickity-button:hover { background: var(--top-bar-background); color: var(--top-bar-color); } .announcement__text .flickity-prev-next-button.previous { left: 0; } .announcement__text .flickity-prev-next-button.next { right: 0; } input.header-search { margin-bottom: 0; } button.search-button { line-height: inherit; padding: 0 5px; width: 44px; background: transparent; margin-bottom: 0; } .large-search form.header-search-form { border: 1px solid var(--dotted-color); } .large-search form.header-search-form input.header-search { border: 0; width: calc(100% - 48px); margin: 0; display: inline-block; padding: 0; vertical-align: middle; } .large-search form.header-search-form .header-search-form__inner { display: flex; } .large-search form.header-search-form .header-search-form__inner .search-button { margin-left: auto; } .large-search form.header-search-form button.search-button { display: inline-block; margin: 0; padding: 0; position: unset; vertical-align: middle; } #identity { padding-bottom: 10px; position: relative; } #identity.row:after { display: none; } ul.shopping--cart_links { text-align: right; } ul.shopping--cart_links > li { display: inline-block; vertical-align: middle; min-width: 25px; } ul.shopping--cart_links > li a, ul.shopping--cart_links > li button { display: inline-block; color: var(--cart-links); height: 60px; line-height: 60px; padding: 0 5px; } ul.shopping--cart_links > li a button { padding: 0; } ul.shopping--cart_links > li.my-cart-link-container a { margin-left: 0; } ul.shopping--cart_links > li a:hover, ul.shopping--cart_links > li button:hover { text-decoration: none; color: var(--cart-links); } ul.shopping--cart_links > li a:hover svg .hover-fill, ul.shopping--cart_links > li button:hover svg .hover-fill { fill: var(--cart-links); } ul.shopping--cart_links > li.cart-overview { margin-left: 0; } ul.shopping--cart_links > li.cart-overview a { padding-left: 0; } .cart-links__link-cart .slideout__trigger--open { height: 60px; line-height: 60px; } span.my-cart-text, span.customer-words { margin-right: 5px !important; } @media screen and (max-width: 740px) { span.my-cart-text { display: none; } } .slideout__trigger-mobile-menu { line-height: unset; width: 100%; display: none; } button.slideout__trigger-mobile-menu.js-slideout-open { color: var(--cart-links); border-radius: 0 !important; } ul#social-links { list-style: none; text-align: left; vertical-align: middle; line-height: 40px; } ul#social-links li { display: inline-block; margin-right: 10px; vertical-align: middle; font-size: 15px; } ul#social-links li a { text-align: right; display: block; padding: 0 0 0 5px; color: var(--social-links) !important; text-decoration: none; border-bottom: 0; } ul.shopping--cart_links li button.slideout__trigger-search { margin-bottom: 0; } header .header-search { font-size: var(--nav-size); } ul.shopping--cart_links li a .my-cart-text, ul.shopping--cart_links li a .customer-words, .js-mini-cart-trigger { font-size: var(--nav-size); font-weight: 400; border: 0; text-decoration: none; } #logo { line-height: initial; padding: 0; font-family: var(--heading-family); font-weight: var(--heading-weight); font-style: var(--heading-style); } #logo a { text-decoration: none; color: var(--cart-links); display: inline-block; border-bottom: 0; word-break: break-all; } nav.navigation.inline-header { background: var(--header-background); } nav.navigation.inline-header a.navigation__menulink, nav.navigation.inline-header a.dropdown__menulink { color: var(--cart-links); } nav.navigation.inline-header a.navigation__menulink svg g.hover-fill, nav.navigation.inline-header a.dropdown__menulink svg g.hover-fill { fill: var(--cart-links); } nav.navigation.inline-header ul.dropdown, nav.navigation.inline-header ul.megamenu { background: var(--header-background); } nav.navigation.inline-header ul.megamenu h4.megamenu__header, nav.navigation.inline-header ul.megamenu h4.megamenu__header a.megamenu__headerlink, nav.navigation.inline-header .megamenu__listlink, nav.navigation.inline-header a.megamenu__nestedlistlink { color: var(--cart-links) !important; } .navigation.full-nav { background: var(--navigation); } .navigation.full-nav .navigation__menuitem:hover { color: var(--nav-hover-link-color); background: var(--nav-hover-color); } .navigation.full-nav a.navigation__menulink { color: var(--nav-color); } .navigation.full-nav .navigation__menulink:hover { background: var(--nav-hover-color); color: var(--nav-hover-link-color); } .navigation.full-nav .navigation__menuitem:hover a.navigation__menulink { color: var(--nav-hover-link-color, inherit); background: var(--nav-hover-color, inherit); } .navigation.full-nav .navigation__menuitem:hover a.navigation__menulink .fash--apollo-down-carrot .hover-fill { fill: var(--nav-hover-link-color); } .navigation.full-nav .navigation__menuitem.navigation__menuitem--dropdown > .dropdown { background: var(--nav-hover-color) !important; } .navigation.full-nav .navigation__menuitem.navigation__menuitem--dropdown:hover > .dropdown, .navigation.full-nav .navigation__menuitem.navigation__menuitem--dropdown.navigation__menuitem--active > .dropdown { background: var(--nav-hover-color) !important; } .navigation.full-nav .dropdown__menuitem { background: var(--nav-hover-color); color: var(--nav-hover-link-color); } .navigation.full-nav .dropdown__menuitem:hover { background: var(--nav-hover-color); } .navigation.full-nav .dropdown__menuitem:hover > .dropdown__menulink, .navigation.full-nav .dropdown__menulink:hover, .navigation.full-nav a.dropdown__menulink { color: var(--nav-hover-link-color); } .navigation.full-nav .dropdown__menuitem.dropdown__menuitem--nested:hover > .dropdown.dropdown--nested, .navigation.full-nav .dropdown__menuitem.dropdown__menuitem--nested.dropdown__menuitem--active > .dropdown.dropdown--nested, .navigation.full-nav .megamenu, .navigation.full-nav .megamenu__container a:hover { background: var(--nav-hover-color); } .navigation.full-nav .megamenu__listcontainer:hover, .navigation.full-nav .megamenu__listitem { background: var(--nav-hover-color); } .navigation.full-nav h4.megamenu__header a.megamenu__headerlink, .navigation.full-nav a.megamenu__headerlink:hover, .navigation.full-nav .megamenu__listlink { color: var(--nav-hover-link-color) !important; } .navigation.full-nav .megamenu__container .megamenu__listlink:hover { color: var(--nav-hover-link-color); background: var(--nav-hover-color); } .navigation { font-family: var(--nav-family); font-weight: var(--nav-weight); font-style: var(--nav-style); width: 100%; z-index: 5; top: 0px; } .navigation.navigation--sticky { position: fixed; top: 0px; } .navigation__maincontainer { padding: 0; } #nav { list-style: none; width: 100%; } .navigation__menuitem { display: inline-block; z-index: auto; vertical-align: middle; white-space: nowrap; } .navigation.full-nav .navigation__menuitem { vertical-align: revert; } a.navigation__menulink { font-size: var(--nav-size); font-weight: var(--nav-weight); display: block; padding: 0 10px 0 10px; letter-spacing: 1px; position: relative; } .navigation__menulink:hover { text-decoration: none; } .navigation__menuitem.navigation__menuitem--dropdown > .dropdown { float: left; position: absolute; z-index: 25; margin: 0 0 0 -17px; line-height: 1.8em; padding: 20px 0; visibility: hidden; opacity: 0; display: none; } @media (prefers-reduced-motion: no-preference) { .navigation__menuitem.navigation__menuitem--dropdown > .dropdown { transition: opacity .25s ease-in-out, visibility .25s ease-in-out, display .25s ease-in-out allow-discrete; } } @starting-style { .navigation__menuitem.navigation__menuitem--dropdown > .dropdown { visibility: hidden; opacity: 0; display: none; } } .navigation__menuitem.navigation__menuitem--dropdown > .navigation__menulink::after { content: ""; margin-left: 20px; } .navigation__menuitem.navigation__menuitem--dropdown > .navigation__menulink svg { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .navigation__menuitem.navigation__menuitem--dropdown:hover > .dropdown, .navigation__menuitem.navigation__menuitem--dropdown.navigation__menuitem--active > .dropdown { opacity: 1; visibility: visible; display: block; } .dropdown__menuitem { width: 180px; text-align: left; position: relative; display: block; float: none; } a.dropdown__menulink { text-align: left; font-family: var(--main-family); font-style: var(--main-style); font-weight: var(--main-weight); font-size: var(--font-size); padding: 0 25px; display: block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; } .dropdown__menuitem.dropdown__menuitem--nested:hover > .dropdown.dropdown--nested, .dropdown__menuitem.dropdown__menuitem--nested.dropdown__menuitem--active > .dropdown.dropdown--nested { display: block; position: absolute; left: 100%; } .dropdown.dropdown--nested { display: none; padding: 20px 0; top: -20px; } .dropdown__menuitem.dropdown__menuitem--nested svg { position: absolute; right: 25px; top: 50%; transform: translateY(-50%) scale(0.8); } .dropdown__menuitem.dropdown__menuitem--nested:before { position: absolute; top: 0; right: 10px; content: ""; margin-left: 20px; } ul.mega-stack li.sub_link > ul.nested:before { position: initial; top: initial; content: none; } .rightarrow { position: absolute; right: 10px; top: 10px; font-size: 11px; } @media (prefers-reduced-motion: no-preference) { nav.navigation li ul.dropdown li.dropdown__menuitem, nav.navigation li ul.megamenu li.dropdown__menuitem, nav.navigation li > ul.megamenu span.links__withimages--image { transform: translateY(20px); transition-duration: .25s; } nav.navigation li:hover > ul.dropdown li.dropdown__menuitem, nav.navigation li:hover > ul.megamenu li.dropdown__menuitem, nav.navigation li:hover > ul.megamenu span.links__withimages--image { transform: translateY(0); } } .megamenu { width: 100%; left: 0; position: absolute; z-index: 5; padding: 20px 0; text-align: left; line-height: 1.8em; opacity: 0; visibility: hidden; display: none; } @media (prefers-reduced-motion: no-preference) { .megamenu { transition: opacity .25s ease-in-out, visibility .25s ease-in-out, display .25s ease-in-out allow-discrete; } } @starting-style { .megamenu { opacity: 0; visibility: hidden; display: none; } } .navigation__menuitem.navigation__menuitem--dropdown:hover > .megamenu, .navigation__menuitem.navigation__menuitem--dropdown.navigation__menuitem--active > .megamenu { opacity: 1; visibility: visible; display: block; } .megamenu__list { display: block; line-height: 30px !important; margin-bottom: 20px; list-style: none; } .navigation__menuitem.navigation__menuitem--dropdown:hover > .megamenu .megamenu__listcontainer { transform: translateY(0); } .megamenu__header { font-size: var(--nav-size); font-weight: var(--heading-weight); display: block; letter-spacing: 1px; margin-bottom: 10px; text-align: left; } .megamenu__headerlink { padding-left: 0; text-align: left; } .megamenu__listlink { text-align: left; font-family:var(--main-family); font-weight: normal !important; font-size: var(--font-size) !important; padding-left: 0 !important; display: block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; } .megamenu__splitcontainer, .megamenu__nestedlistitem { list-style: none; } .megamenu__nestedlistitem { padding-left: 20px; } .dropdown__menuitem.dropdown__menuitem--nested:hover > .dropdown.dropdown--nested.dropdown--edge { left: initial; right: 100%; } .dropdown__menuitem.dropdown__menuitem--nested:hover > .dropdown.dropdown--nested.dropdown--edge:before { left: 200%; margin-left: -28px; } #nav > a { display: none; } ul#nav li ul.megamenu div.mega-container li.desktop-3:nth-child(5n) { clear: left; } nav.inline-header ul { text-align: left; list-style: none; } nav.inline-header .megamenu__nestedlistcontainer { text-align: left; } nav.inline-header div#navigation { position: unset; } a.megamenu__nestedlistlink { font-family: var(--main-family); font-weight: normal !important; font-size: var(--font-size) !important; } span.links__withimages--image-container { align-items: center; display: flex; flex-direction: row; justify-content: flex-end; } span.links__withimages--image { max-width: 30%; margin: 0 15px; flex: auto; } span.links__withimages--image .box-ratio { z-index: -1; } #MainContent { position: relative; z-index: 0; } .video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .article-loop, .product-loop { padding-top: 20px; } .gridlock .row .desktop-12.centered { width: 100% !important; } .cta { margin-top: 20px; margin-bottom: 10px; } .cta a { padding: 14px 20px; letter-spacing: 1px; transition: all .25s ease-in-out; border-radius: var(--button-border-radius); } ul.tabbed__collection-tabs { text-align: center; margin: 10px 0 20px; list-style: none; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } ul.tabbed__collection-tabs li { display: inline-block !important; width: initial !important; margin: 0; padding: 0; } ul.tabbed__collection-tabs li a { color: var(--button-text); background: var(--button-color); border: 2px solid var(--button-color); text-align: center; display: inline-block; padding: 2px 8px; transition: all .25s ease-in-out; cursor: pointer; } ul.tabbed__collection-tabs li a:hover { color: var(--button-text-hover); background: var(--button-hover); } ul.tabbed__collection-tabs li a.active { color: var(--button-color); background: var(--button-text); } ul.tabbed__collection-tabs li:first-child a.active { margin-left: 0; } .tabbed__collection-content { display: none; } .tabbed__collection-content.js-tab-coll-active { display: grid; } .tabbed__collection-content .collection__item-image { position: relative; margin-bottom: 20px; } .tabbed__collection-content .tabbed__collection-caption { position: absolute; z-index: 10; bottom: 4%; left: 5%; transform: translate(0%, 0%); background: var(--background); padding: 15px; width: 95%; } @media screen and (min-width: 741px ) { .text-with-image { display: table-cell; margin-top: 10px; margin-bottom: 10px; float: none !important; vertical-align: middle; } } .editorial__content-item.size--fixed .box-ratio img { height: var(--desktop-section-height) !important; object-fit: cover; } .editorial__content-item.size--fixed .box-ratio { padding-bottom: var(--desktop-section-height) !important; } @media screen and (max-width: 740px) { .editorial__content-item.size--fixed .box-ratio img { height: var(--mobile-section-height) !important; object-fit: cover; } .editorial__content-item.size--fixed .box-ratio { padding-bottom: var(--mobile-section-height) !important; } } .editorial__content-item { margin-bottom: 20px; margin-top: 10px; } .editorial__content-item img { margin-bottom: 10px; } @media screen and (min-width: 741px ) { .nbm { margin-bottom: 0 !important; } } .text-centered h3, .text-centered .rte { text-align: center; } .text-with-image.text_section.text-centered { text-align: center; } .homepage-section-rich-text, .homepage-section-video { margin-bottom: 20px; text-align: center; } .rte h1 { border-bottom: 0 !important; text-align: inherit !important; margin-bottom: inherit !important; } #page-sidebar h2 { padding-bottom: 8px; margin-bottom: 20px; border-bottom: 1px solid var(--dotted-color); } #page-sidebar ul { list-style-type: none; } #page-sidebar ul li { display: block; margin-bottom: 10px; padding-bottom: 5px; } .blog-container { display: grid; grid-template-columns: minmax(0, 4fr) 1fr; padding: 0 15px; column-gap: 25px; } ul.taglist { list-style: none; border-bottom: 1px solid var(--dotted-color); margin-top: 10px; margin-bottom: 10px; padding-top: 4px; padding-bottom: 5px; } ul.taglist li { display: inline-block; margin-right: 15px; } .article-image { margin: 10px 0; } ul.article-tags { list-style: none; } ul.article-tags li { display: inline-block; margin-right: 5px; } ul.article-tags li a { font-weight: 600; text-decoration: underline; } .blog-container .article-index .article-info { display: grid; grid-template-columns: 3fr 4fr; column-gap: 20px; align-items: center; } .blog-container .article-index .article-info .article-image { margin-top: 0; } .article-index { margin-bottom: 20px; overflow: hidden; padding-top: 20px; } .article-info h2 { letter-spacing: initial; margin-bottom: 10px; text-align: center; } .article-info p { margin-bottom: 0; } span.post_meta { display: inline-block; margin-right: 5px; } div#article-body { padding-bottom: 30px; } .article-content { margin-top: 15px; margin-bottom: 15px; } .article-index .share-icons { text-align: center !important; } ul.blog-sidebar-menu { list-style: none; } ul.blog-sidebar-menu li { margin-bottom: 5px; } .blog-sidebar-block .prod-image { margin-bottom: 10px; } .blog-sidebar-block .image_container a, .blog-sidebar-block .image_container a:hover, .blog-sidebar-block .prod-image a, .blog-sidebar-block .prod-image a:hover { border-bottom: 0; } .blog-product-info .button { margin-top: 10px; } .blog-sidebar-block a.button, .blog-sidebar-block #blog-email-submit { width: 100%; text-align: center !important; } .blog-sidebar-block .bio_image_container { padding: 10px 0; } @media screen and (min-width: 741px) and (max-width: 980px) { .blog-container div#article-loop { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; } } @media screen and (max-width: 980px) { .blog-container { grid-template-columns: 1fr; } .blog-container .article-index .article-info { grid-template-columns: 1fr; } div#blog-sidebar { display: none; } } .sidebar-article { margin-bottom: 25px; } .sidebar-article .readmore { margin-top: 10px; } #blog-article .share-icons { text-align: left; margin-top: 30px; } ul#blog-articles, #blog-article { list-style-type: none; } .single-article { margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid var(--dotted-color); float: left; width: 100%; } .single-article .posted { text-align: left; } .single-article .post-tags { text-align: left; } #blog-sidebar h2 { margin-bottom: 20px; border-bottom: 1px solid var(--dotted-color); padding-bottom: 10px; } #twitter-card, #facebook-card { width: 100%; float: left; clear: left; display: block; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--dotted-color); } #twitter-card h3, #facebook-card h3 { letter-spacing: initial; } #fb-root { display: none; } .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } #page .share-icons { margin-bottom: 20px; text-align: left; margin-top: 20px; } #page .share-icons a { margin-right: 10px; } #comments h4 { text-align: center; } #comments { float: left; padding-top: 20px; border-top: 1px solid #eee; margin-top: 20px; width: 100%; } ul#commentlist { margin-top: 20px; list-style-type: none; } ul#commentlist li { float: left; display: block; width: 100%; margin: 0 0 20px 0; border-bottom: 1px solid var(--dotted-color); padding-bottom: 20px; } ul.disc { margin-bottom: 0; } .comment-details { margin-bottom: 10px; } .gravatar { float: left; margin-right: 20px; } .comment { float: left; } .comment p { margin-top: 0; } dd { margin-left: 0; } .notice { border: 1px dashed #eee; padding: 15px; background: ghostwhite; margin: 20px 0; } .readmore a { margin-top: 20px; font-weight: bold; } .search-content { text-align: center; padding: 10px; } #search-bar { margin-bottom: 20px; margin-top: 20px; border-bottom: 1px solid var(--dotted-color); } #search-bar .predictive-search-form { width: 300px; margin-left: auto; margin-right: auto; } .padded { margin-bottom: 15px; } #social-links .fa-2x { font-size: 1.125em; } footer { padding-top: 45px; padding-bottom: 0px; background: var(--footer-background); color: var(--footer-color); } footer ul { list-style: none; } footer ul li a, footer a, footer a:visited, footer a:hover { color: var(--footer-color); } footer label { margin-bottom: 0; } footer h4 { color: var(--footer-color); border-bottom: 1px solid var(--footer-border); padding-bottom: 5px; } .sub-footer { border-top: 1px solid var(--footer-border); padding: 15px 0; margin-top: 30px; } .sub-footer .left-side { text-align: left; font-size: 12px; } .sub-footer .right-side { text-align: right; } .template-search .page-wrap { overflow: unset; } @media only screen and (min-width: 1024px) { .page-wrap { min-height: 100%; overflow: hidden; } .page-wrap:after { content: ""; display: block; } } footer img { width: 40px; } #payment { text-align: center; margin-bottom: 0px; } .payment-methods svg { display: inline; width: 40px; height: 25.25px; text-align: center; margin: 3px 1px; } .share-icons { text-align: left; width: 100%; margin-bottom: 20px; border-top: 1px solid var(--dotted-color); padding-top: 20px; } .share-icons a { margin: 0 10px; display: inline-block; } .Flexible-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden; height: 0; max-width: 1111px; margin: 0 auto; } .Flexible-container iframe, .Flexible-container object, .Flexible-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-title { margin-bottom: 20px; } #pagination { text-align: center; margin-top: 30px; margin-bottom: 30px; font-weight: bold; } #pagination span.current { opacity: 0.5; padding: 5px; margin-right: 10px; border-bottom: 1px solid var(--dotted-color); display: inline-block; vertical-align: middle; } #pagination a { padding: 5px 10px; margin-right: 10px; font-weight: bold; transition: all .25s ease-in-out; display: inline-block; vertical-align: middle; border-bottom: 1px solid transparent; } #pagination a:hover { opacity: 0.5; } #pagination span.count { display: block; margin-bottom: 20px; } #pagination span.more { padding: 2px; text-align: center; display: inline-block; vertical-align: middle; margin-right: 10px; font-weight: bold; border-bottom: 1px solid transparent; } #breadcrumb, #breadcrumb a { color: var(--text-color); letter-spacing: 1px; text-align: center; } #basket-right input[type="image"], .additional_checkout_buttons input[type="image"] { width: initial; min-width: inherit; } .additional_checkout_buttons { text-align: center; } .share-icons a { vertical-align: middle; } .share-text { display: inline-block; margin-right: 10px; } .column { width: 200px; float: left; } .row.no-blocks .desktop-12 { font-size: 15px; text-align: center; padding: 20px 0; border: 1px dashed #eee; background: #f7f7f7; margin-top: 20px; margin-bottom: 50px; font-weight: var(--main-weight); } .onboard.parallax__placeholder svg { object-fit: cover; } @media screen and (max-width: 740px) { .onboard.parallax__placeholder { min-height: 230px; } } .videoWrapper { width: 100%; position: relative; padding-bottom: 56.25% !important; height: 0; overflow: hidden; max-width: 100%; } .videoWrapper iframe { position: absolute; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .videoWrapper .section-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; } [data-section-type="background-video-section"] .videoWrapper, [data-section-type="video-section"] .videoWrapper { height: unset; padding-bottom: unset !important; aspect-ratio: 16 / 9; display: flex; align-items: stretch; justify-content: center; } [data-section-type="background-video-section"] .videoWrapper, [data-section-type="video-section"] .videoWrapper { height: var(--section-mobile-height); } .videoWrapper iframe, .videoWrapper video { height: 100%; width: 100%; object-fit: cover; } iframe { width: 100%; } @media screen and (min-width: 740px) { [data-section-type="background-video-section"] .videoWrapper, [data-section-type="video-section"] .videoWrapper { height: var(--section-desktop-height); } } [data-section-type="background-video-section"] .videoWrapper .section-video, [data-section-type="video-section"] .videoWrapper .section-video { position: static; top: unset; right: unset; bottom: unset; left: unset; } .map-section-container, .map-section-image { visibility: visible; position: absolute; top: 0; left: 0 } .map-section--display-map .map-section-container, .map-section--display-bg-image .map-section-image { z-index: 4; position: relative; } .placeholder-background { display: none; } .map-section--onboarding .placeholder-background { display: block; } .map-section-image.show-image { z-index: 5; position: relative; } @media screen and (min-width: 741px) { .map-section-wrapper > .row > .row { display: flex; } .map-section-wrapper > .row > .row.text_right { flex-direction: row-reverse; } } .map-section-wrapper { height: auto; margin-top: 20px; } .map-section-container { height: 100%; width: 100%; } .map-section-content { padding: 30px; } .map-section-content .button { height: auto; width: auto; margin-top: 20px; } .map-section-wrapper .text_right .map-section-content-wrapper { float: right; align-content: center; } .map-section-background-wrapper { position: relative; overflow: hidden; } .map-section--onboarding .map-section-error { display: none; } .map-section-error { font-style: italic; color: #ff6d6d; border: 2px solid #ff6d6d; background-color: rgba(119, 0, 0, 0.65); padding: 30px; margin-top: -250px; width: 50%; margin-left: 25%; z-index: 6; } .map-section-image { height: 400px; } .map-section-image .box-ratio { padding-bottom: 400px !important; } .map-section-image .box-ratio img { height: 400px; object-fit: cover; } .placeholder-background { height: 400px; } .map-section .placeholder-svg { fill: rgba(28,29,29,0.1); height: 400px; } @media screen and (max-width: 740px) { .map-section-background-wrapper { height: 400px; } } body .focus-visible, .product-video .plyr:focus, .plyr__video-wrapper.plyr__tab-focus:focus { outline: var(--keyboard-focus-color) var(--keyboard-focus-border-style) calc(var(--keyboard-focus-border-weight) * 1px) !important; outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important; } .vertical-carousel .thumb-slider-wrapper { overflow: hidden; } #thumb-slider-wrapper .product-single__thumbnails-item { position: relative; display: block; width: 100%; } .thumb-slider-slides { position: relative; top: 0; left: 0; list-style: none; } .thumb-slider-slides li { margin-bottom: 5px; } .thumb-slider.thumbnail-slider.custom.vertical-carousel { margin: 0 auto; text-align: center; } .horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item { max-width: unset; height: unset; margin: 5px; padding: 0; width: 20%; } .horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item.thumb__first { margin-left: 0; } .horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item.thumb__last { margin-right: 0; } .horizontal-carousel.flickity-slider--false #thumb-slider-wrapper .product-single__thumbnails-item { float: left; } .horizontal-carousel.flickity-slider--false #thumb-slider-wrapper .product-single__thumbnails-item { width: 110px; } .product-single__thumbnails-item:focus img { opacity: 1 !important; } .flickity-enabled { position:relative } .flickity-enabled:focus { outline:0 !important; } .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; -moz-user-select:none; -ms-user-select:none; user-select:none } .flickity-enabled.is-draggable .flickity-viewport { cursor:move; cursor:-webkit-grab; cursor:grab } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor:-webkit-grabbing; cursor:grabbing } .flickity-button { position:absolute; background:var(--background); border:none; color:var(--text-color) } .flickity-button:hover { background:var(--background); 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 { height:12px; } .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-slider { -ms-touch-action: pan-y; touch-action: pan-y; } .flickity-prev-next-button { border-radius: 50% !important; padding: 0; } .product-thumbnail { position: relative; z-index: 1; } .thumbnail-icon { position: absolute; top: 2px; right: 2px; z-index: 2; width: 25%; line-height: 0; } .thumbnail-icon svg, .product-main-image svg { height: 100%; width: 100%; background: var(--background) !important; color: var(--text-color) !important; border: 1px solid var(--icon-border-color); } .thumbnail-icon svg { fill-opacity: 0.6; } .thumbnail-icon svg:hover { fill-opacity: 0.85; } .product-main-image svg { fill-opacity: 1; } .product-media-container { position: relative; } .product-video, .product-media-container, .plyr--video { outline: none; } .plyr video, .plyr__video-wrapper, .plyr__poster { background-color: var(--background); } .product-video > video { width: 100%; } .product-model { margin: 0 auto; min-height: 1px; width: 100%; height: 100%; position: relative; } .product-model model-viewer, .product-model .shopify-model-viewer-ui, .product-model .media-item { position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; overflow: hidden; } .product-model model-viewer, .product-model .shopify-model-viewer-ui, .product-model .media-item { height: 100%; } button.media-button.view-in-space { background: transparent; width: initial !important; text-align: center; width: 60px; max-width: 60px; height: 60px; line-height: 60px; padding: 0; margin: 0 auto; display: inherit; z-index: 2; position: relative; } button.media-button.view-in-space[data-shopify-xr-hidden] { visibility: hidden; } .product-video button { width: initial; width: 62px; height: 62px; padding: 0; margin-bottom: 0; } .plyr--video .plyr__control:not(.plyr__control--overlaid).plyr__tab-focus svg, .plyr--video .plyr__control:not(.plyr__control--overlaid):hover svg, .plyr--video .plyr__control:not(.plyr__control--overlaid)[aria-expanded=true] svg, .plyr--audio .plyr__control.plyr__tab-focus svg, .plyr--audio .plyr__control:hover svg, .plyr--audio .plyr__control[aria-expanded=true] svg { stroke: none !important; } .product-video .plyr button svg { border: 0 !important; } button[hidden] { visibility: hidden; } .product-single__view-in-space { background-color: var(--dotted-color); border: none; width: 100%; min-height: unset; display: block; font-size: 14px; color: var(--text-color); z-index: 1; position: relative; height: 54px; line-height: 54px; margin-top: 10px; } .product-single__view-in-space:hover svg .hover-fill { fill: var(--button-text-hover); } .product-video.videoWrapper.product-single__media { display: inline-block; height: 301px; } .product-single__view-in-space[data-shopify-xr-hidden] { visibility: hidden; } .product-single__view-in-space:hover .product-single__view-in-space-text, .product-single__view-in-space:focus .product-single__view-in-space-text { border-bottom-color: var(--button-text); } .product-single__view-in-space svg.icon .icon-3d-badge-full-color-outline { stroke: none; } .product-single__view-in-space svg.icon .icon-3d-badge-full-color-element { fill: var(--text-color); opacity: 1; } .product-single__view-in-space-text { border-bottom: 1px solid transparent; display: inline-block; width: auto; vertical-align: middle; } .product-single__view-in-space svg { margin-right: 2.43px; fill: transparent; display: inline-block; width: 24px !important; height: 24px !important; vertical-align: middle; } .product-single__view-in-space svg rect { fill: transparent !important; } .product-single__view-in-space:hover #three-d-icon path, .product-single__view-in-space:focus #three-d-icon path { fill: var(--button-text); } .product-model model-viewer, .product-model .shopify-model-viewer-ui, .product-model .media-item { position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); max-width: 100%; } .product__section-images .carousel-container { display: flex; } .product__gallery--container { display: flex; width: 100%; } .thumb-slider.vertical-carousel { order: -1; flex: 0 0 100px; position: relative; max-width: 100px; } .thumb-slider.vertical-carousel[data-thumbnail-position="right"] { order: 1; } .thumb-slider.horizontal-carousel { flex: 1 1 auto; position: relative; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; float: none !important; } div#slider { flex: 1 1 auto; position: relative; } .thumb-slider.vertical-carousel .thumb-slider-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth; } div#thumb-slider-wrapper::-webkit-scrollbar { display: none; } .product__section-images .carousel { flex-grow: 1; list-style-type: none; } .product__section-images .carousel-cell { width: 100%; outline: none !important; } .product__section-images .vertical-carousel .carousel-nav { box-sizing: content-box; padding: calc(var(--keyboard-focus-border-weight) * 1px) 5px calc(var(--keyboard-focus-border-weight) * 1px) calc(var(--keyboard-focus-border-weight) * 1px); } div#thumbnails.thumb-slider[data-thumbnail-position="right"] .carousel-nav { padding: calc(var(--keyboard-focus-border-weight) * 1px) calc(var(--keyboard-focus-border-weight) * 1px) calc(var(--keyboard-focus-border-weight) * 1px) 5px; } div#thumb-slider-wrapper.js-thumb-horizontal-wrapper .carousel-nav { margin-top: 5px; } div#thumb-slider-wrapper.js-thumb-horizontal-wrapper .carousel-nav.js-thumb-carousel-nav.no_carousel { display: flex; flex-direction: row; } .product__section-images .carousel-nav .carousel-cell { margin: 0 0 5px 0; cursor: pointer; } .product__section-images .carousel-nav .carousel-cell:before { font-size: 50px; line-height: 80px; } .product__section-images li.carousel-cell.is-selected { z-index: 99; } .product__section-images .flickity-prev-next-button { background-color: var(--background); opacity: 1; } .product__section-images .flickity-prev-next-button:hover { background-color: var(--background); opacity: 1; } .product__section-images .flickity-button:hover .flickity-button-icon { fill: var(--text-color); } .product__section-images .flickity-button:focus { outline: none; } .product__section-images .image-slide.carousel-cell.is-selected { z-index: 1; } .product__section-images .plyr__control--overlaid svg { margin-left: 5px; } .product__section-images .zoom_btn { display: flex; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px; cursor: pointer; background-color: var(--background); opacity: 1; border-radius: 50%; width: 45px; height: 45px; } .product__section-images button.zoom_btn { padding: initial; letter-spacing: initial; margin-bottom: unset; transition: unset; font-weight: unset; line-height: unset; } .product__section-images .zoom_btn:hover { background-color: var(--background); opacity: 1; } .product__section-images .zoom_btn svg { height: 12px; fill: var(--text-color); } #slider.thumbs_bottom .flickity-prev-next-button { top: 50%; } #slider.thumbs_bottom .flickity-prev-next-button.previous { left: -25px; } #slider.thumbs_bottom .flickity-prev-next-button.next { right: -25px; } @media (max-width: 740px) { #slider.thumbs_bottom .flickity-prev-next-button.next { right: 5px !important; } #slider.thumbs_bottom .flickity-prev-next-button.previous { left: 5px !important; } } @keyframes slidefadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes slidefadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } #slider .carousel-cell { opacity: 0 !important; } #slider .carousel-cell:not(.is-selected) { animation: slidefadeOut ease 0.2s; } #slider .carousel-cell.is-selected, #slider.single-media .carousel-cell { z-index: 99; opacity: 1 !important; animation: slidefadeIn ease 0.2s; } #slider .flickity-enabled:focus { outline: 0 !important; } #slider .flickity-slider { top: 0 !important; height: auto !important; } #slider .flickity-viewport { height: 100%; } button.flickity-button:disabled { display: none; } .thumbnail-slider .product-single__thumbnails-item:hover, .product-single__thumbnails-item.active-slide, .product-single__thumbnails-item.is-nav-selected { outline: 1px solid var(--thumbnail-slider-outline-color); outline-offset: -1px; cursor: pointer; } .product-single__thumbnails-item:focus, .product-single__thumbnail--product-template:focus { outline: var(--keyboard-focus-color) var(--keyboard-focus-border-style) calc(var(--keyboard-focus-border-weight) * 1px) !important; outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important; } .product-single__thumbnails-item.active-slide img, .product-single__thumbnails-item.is-nav-selected img, .thumbnail-slider .product-single__thumbnails-item:hover img, .product-single__thumbnail--product-template:focus img { opacity: 1.0 !important; } :focus, .focus-visible { outline: var(--keyboard-focus-color) var(--keyboard-focus-border-style) calc(var(--keyboard-focus-border-weight) * 1px) !important; outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important; } .image-thumbnail.product-single__thumbnails-item.carousel-cell.js-thumb-item.is-nav-selected.active-slide { outline: 1px solid var(--dotted-color) !important; outline-offset: 0px; } .prod-image > a, .product-loop .prod-image > a, .product-loop .prod-image > a, #collection-loop .prod-container > a { width: 100%; outline-offset: unset !important; } .footer-section .disclosures { display: flex; justify-content: flex-end; flex-wrap: wrap; } @media (max-width: 740px) { .footer-section .disclosures { justify-content: space-between; } } .footer-section .disclosure { position: relative; } .footer-section .disclosure__toggle { white-space: nowrap; color: var(--footer-color); border: 1px solid var(--footer-color); background-color: var(--footer-background); margin: 0; margin-bottom: 10px; text-transform: capitalize; display: flex; align-items: center; } .footer-section .disclosure-list { background-color: var(--background); border: 1px solid var(--dotted-color); bottom: 115%; padding: 11px 0px; position: absolute; display: none; min-height: 92px; max-height: 300px; overflow-y: auto; border-radius: 2px; width: 300px; } #FooterLanguageFormNoScript .disclosure__toggle, #FooterCountryFormNoScript .disclosure__toggle { border-radius: 0px !important; } #FooterLanguageFormNoScript .disclosure__toggle:last-child, #FooterCountryFormNoScript .disclosure__toggle:last-child { border-left: 0; } .footer-section .disclosure-list--visible { display: block; } .footer-section .disclosure-list__item { border-bottom: 1px solid transparent; white-space: nowrap; padding: 5px 15px 4px 15px; text-align: left; } .footer-section .disclosure-list__item:active { background-color: rgba(128, 128, 128, 0.2); } .footer-section .disclosure-list__option { color: var(--text-color) !important; text-transform: capitalize; display: flex; align-items: center; font-size: 13px; } .footer-section .disclosure-list__option span.localization-form__currency { margin-left: 5px; } .footer-section .disclosure-list__option:focus, .disclosure-list__option:hover { color: var(--text-color); } .footer-section .disclosure-list__item--current .disclosure-list__option { color: var(--ackground); font-weight: 900; } .announcement__bar-section .disclosure { position: relative; } .announcement__bar-section .disclosure__toggle { color: var(--top-bar-color); background-color: var(--top-bar-background); font-size: var(--announcement-size); white-space: nowrap; margin: 0; padding: 0; border-radius: unset!important; height: unset!important; line-height: unset!important; display: flex; align-items:center; flex-wrap: nowrap; justify-content: space-around; } .announcement__bar-section .disclosure__toggle:hover { color: var(--top-bar-color); } .announcement__bar-section noscript select.styled-select { min-width: unset; max-width: 100px; background: unset; } .announcement__bar-section form#localization_form { margin: 0; } .announcement__bar-section .disclosure-list { background-color: var(--background); border: 1px solid var(--dotted-color); top: 115%; padding: 11px 0px; position: absolute; display: none; min-height: 92px; max-height: 300px; overflow-y: auto; border-radius: 2px; z-index: 15; line-height: 20px; text-align: left; list-style: none; width: 300px; } .announcement__bar-section .localization-form__noscript-btn.disclosure__toggle { background-color: var(--top-bar-background); border: 1px solid var(--top-bar-color); border-left: 0; color: var(--top-bar-color); padding-left: 1rem; padding-right: 1rem; } .announcement__bar-section .localization-form__noscript-btn.disclosure__toggle .fash--apollo-checkmark { fill: var(--top-bar-color); } .announcement__bar-section .disclosure-list--visible { display: block; } .announcement__bar-section .disclosure-list__item { white-space: nowrap; padding: 5px 15px 4px 15px !important; text-align: left; } .announcement__bar-section .disclosure-list__item:active { background-color: rgba(128, 128, 128, 0.2); } .announcement__bar-section .disclosure-list__option { text-transform: capitalize; display: flex; align-items: center; color: var(--text-color); justify-content: space-between; font-size: 13px; } .announcement__bar-section .disclosure-list__option:focus, .disclosure-list__option:hover { color: var(--text-color); } .announcement__bar-section .disclosure-list__item--current .disclosure-list__option { color: var(--text-color); font-weight: bold; } .announcement__bar-section .disclosure-list__option span.localization-form__currency { margin-left: 5px; text-align: right; flex: 0 0 auto; } .selectors-form { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; justify-content: center; flex-wrap: wrap; margin-bottom: 10px; } .announcement__bar-section .selectors-form { margin-bottom: 0; } @media (min-width: 980px) { .selectors-form { flex-wrap: nowrap; } } .selectors-form__item { margin: 0 5px; } @media (min-width: 980px) { .selectors-form__item { padding-bottom: 0; } .selectors-form__item:first-of-type { margin-left: 0; margin-right: 10px; } } ul.localization__options { list-style: none; text-align: right; } ul.localization__options li { display: inline-block; vertical-align: middle; margin: 0; } ul.disclosure-list li { display: block; } span.country--flag { height: 18px; width: 18px; border-radius: 50% !important; overflow: hidden; margin-right: 10px; display: flex; flex: 0 0 18px; } span.country--name { flex: 1 1 auto; align-items: center; white-space: normal; } .disclosure__toggle__flag { width: 100% !important; height: 18px; object-fit: cover; } .disclosure__toggle svg { min-width: 20px; } [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] { transition-duration:50ms } [data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay:50ms } [data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] { transition-duration:.1s } [data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay:.1s } [data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] { transition-duration:.15s } [data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay:.15s } [data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] { transition-duration:.2s } [data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay:.2s } [data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] { transition-duration:.25s } [data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay:.25s } [data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] { transition-duration:.3s } [data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay:.3s } [data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] { transition-duration:.35s } [data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay:.35s } [data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] { transition-duration:.4s } [data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay:.4s } [data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] { transition-duration:.45s } [data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay:.45s } [data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] { transition-duration:.5s } [data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay:.5s } [data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] { transition-duration:.55s } [data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay:.55s } [data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] { transition-duration:.6s } [data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay:.6s } [data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] { transition-duration:.65s } [data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay:.65s } [data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] { transition-duration:.7s } [data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay:.7s } [data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] { transition-duration:.75s } [data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay:.75s } [data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] { transition-duration:.8s } [data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay:.8s } [data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] { transition-duration:.85s } [data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay:.85s } [data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] { transition-duration:.9s } [data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay:.9s } [data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] { transition-duration:.95s } [data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay:.95s } [data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] { transition-duration:1s } [data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay:1s } [data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] { transition-duration:1.05s } [data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay:1.05s } [data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] { transition-duration:1.1s } [data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay:1.1s } [data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] { transition-duration:1.15s } [data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay:1.15s } [data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] { transition-duration:1.2s } [data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay:1.2s } [data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] { transition-duration:1.25s } [data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay:1.25s } [data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] { transition-duration:1.3s } [data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay:1.3s } [data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] { transition-duration:1.35s } [data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay:1.35s } [data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] { transition-duration:1.4s } [data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay:1.4s } [data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] { transition-duration:1.45s } [data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay:1.45s } [data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] { transition-duration:1.5s } [data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay:1.5s } [data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] { transition-duration:1.55s } [data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay:1.55s } [data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] { transition-duration:1.6s } [data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay:1.6s } [data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] { transition-duration:1.65s } [data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay:1.65s } [data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] { transition-duration:1.7s } [data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay:1.7s } [data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] { transition-duration:1.75s } [data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay:1.75s } [data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] { transition-duration:1.8s } [data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay:1.8s } [data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] { transition-duration:1.85s } [data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay:1.85s } [data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] { transition-duration:1.9s } [data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay:1.9s } [data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] { transition-duration:1.95s } [data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay:1.95s } [data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] { transition-duration:2s } [data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay:2s } [data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] { transition-duration:2.05s } [data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay:2.05s } [data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] { transition-duration:2.1s } [data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay:2.1s } [data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] { transition-duration:2.15s } [data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay:2.15s } [data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] { transition-duration:2.2s } [data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay:2.2s } [data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] { transition-duration:2.25s } [data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay:2.25s } [data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] { transition-duration:2.3s } [data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay:2.3s } [data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] { transition-duration:2.35s } [data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay:2.35s } [data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] { transition-duration:2.4s } [data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay:2.4s } [data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] { transition-duration:2.45s } [data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay:2.45s } [data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] { transition-duration:2.5s } [data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay:2.5s } [data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] { transition-duration:2.55s } [data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay:2.55s } [data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] { transition-duration:2.6s } [data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay:2.6s } [data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] { transition-duration:2.65s } [data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay:2.65s } [data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] { transition-duration:2.7s } [data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay:2.7s } [data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] { transition-duration:2.75s } [data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay:2.75s } [data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] { transition-duration:2.8s } [data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay:2.8s } [data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] { transition-duration:2.85s } [data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay:2.85s } [data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] { transition-duration:2.9s } [data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay:2.9s } [data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] { transition-duration:2.95s } [data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay:2.95s } [data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] { transition-duration:3s } [data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay:3s } [data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] { transition-timing-function:cubic-bezier(.25,.25,.75,.75) } [data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] { transition-timing-function:ease } [data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] { transition-timing-function:ease-in } [data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] { transition-timing-function:ease-out } [data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function:ease-in-out } [data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function:cubic-bezier(.6,-.28,.735,.045) } [data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function:cubic-bezier(.175,.885,.32,1.275) } [data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function:cubic-bezier(.68,-.55,.265,1.55) } [data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function:cubic-bezier(.47,0,.745,.715) } [data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function:cubic-bezier(.39,.575,.565,1) } [data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function:cubic-bezier(.445,.05,.55,.95) } [data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function:cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function:cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function:cubic-bezier(.455,.03,.515,.955) } [data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function:cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function:cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function:cubic-bezier(.455,.03,.515,.955) } [data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function:cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function:cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function:cubic-bezier(.455,.03,.515,.955) } [data-aos^=fade][data-aos^=fade] { opacity:0; transition-property:opacity,transform } [data-aos^=fade][data-aos^=fade].aos-animate { opacity:1; transform:translateZ(0) } [data-aos=fade-up] { transform:translate3d(0,100px,0) } [data-aos=fade-down] { transform:translate3d(0,-100px,0) } [data-aos=fade-right] { transform:translate3d(-100px,0,0) } [data-aos=fade-left] { transform:translate3d(100px,0,0) } [data-aos=fade-up-right] { transform:translate3d(-100px,100px,0) } [data-aos=fade-up-left] { transform:translate3d(100px,100px,0) } [data-aos=fade-down-right] { transform:translate3d(-100px,-100px,0) } [data-aos=fade-down-left] { transform:translate3d(100px,-100px,0) } [data-aos^=zoom][data-aos^=zoom] { opacity:0; transition-property:opacity,transform } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity:1; transform:translateZ(0) scale(1) } [data-aos=zoom-in] { transform:scale(.6) } [data-aos=zoom-in-up] { transform:translate3d(0,100px,0) scale(.6) } [data-aos=zoom-in-down] { transform:translate3d(0,-100px,0) scale(.6) } [data-aos=zoom-in-right] { transform:translate3d(-100px,0,0) scale(.6) } [data-aos=zoom-in-left] { transform:translate3d(100px,0,0) scale(.6) } [data-aos=zoom-out] { transform:scale(1.2) } [data-aos=zoom-out-up] { transform:translate3d(0,100px,0) scale(1.2) } [data-aos=zoom-out-down] { transform:translate3d(0,-100px,0) scale(1.2) } [data-aos=zoom-out-right] { transform:translate3d(-100px,0,0) scale(1.2) } [data-aos=zoom-out-left] { transform:translate3d(100px,0,0) scale(1.2) } [data-aos^=slide][data-aos^=slide] { transition-property:transform } [data-aos^=slide][data-aos^=slide].aos-animate { transform:translateZ(0) } [data-aos=slide-up] { transform:translate3d(0,100%,0) } [data-aos=slide-down] { transform:translate3d(0,-100%,0) } [data-aos=slide-right] { transform:translate3d(-100%,0,0) } [data-aos=slide-left] { transform:translate3d(100%,0,0) } [data-aos^=flip][data-aos^=flip] { backface-visibility:hidden; transition-property:transform } [data-aos=flip-left] { transform:perspective(2500px) rotateY(-100deg) } [data-aos=flip-left].aos-animate { transform:perspective(2500px) rotateY(0) } [data-aos=flip-right] { transform:perspective(2500px) rotateY(100deg) } [data-aos=flip-right].aos-animate { transform:perspective(2500px) rotateY(0) } [data-aos=flip-up] { transform:perspective(2500px) rotateX(-100deg) } [data-aos=flip-up].aos-animate { transform:perspective(2500px) rotateX(0) } [data-aos=flip-down] { transform:perspective(2500px) rotateX(100deg) } [data-aos=flip-down].aos-animate { transform:perspective(2500px) rotateX(0) } _:-ms-fullscreen, :root [data-aos^=zoom] { opacity:1 !important; } _:-ms-fullscreen, :root [data-aos=zoom-in] { transform: scale(1) !important; } .price { display: flex; flex-direction: column; align-items: center; margin-top: 0; margin-bottom: 0; } .theme-features__details-align--left .product-index .price { align-items: flex-start; } .theme-features__details-align--center .product-index .price { align-items: center; } .theme-features__details-align--right .product-index .price { align-items: flex-end; } .product__price-container { align-items: flex-start; } .price dl { margin-top: 0; margin-bottom: 0; } .price dd { margin: 0; } .price--on-sale .price-item--regular { margin-left: 5px; } .price--unavailable { visibility: hidden; } .price--compare-price-hidden .price__compare { display: none; } .price__pricing-group { display: flex; flex-direction: row; align-items: center; margin-bottom: 5px; } .price__regular { display: block; } .price--on-sale .price__regular, .price--on-sale .price__availability { display: none; } .price__availability { display: none; color: var(--text-color); font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; } .price--sold-out .price__availability { display: block; } .price__sale { display: none; } .price--on-sale .price__sale { display: flex; flex-direction: row; flex-wrap: wrap; } .price__vendor { color: var(--text-color); font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; margin: 5px 0 10px; width: 100%; -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; } .price__vendor--listing { margin: 0 0 4px; } .price__unit { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; display: none; } .price--unit-available .price__unit { display: block; } .price-item { color: var(--text-color); } .price-item--sale, .sale-color { color: var(--sale-color); } .price--on-sale .price-item--regular { text-decoration: line-through; } .price-unit-price { color: var(--price-unit-price-color) !important; font-size: 0.8em; font-style: italic; } .price-item__label { display: inline-block; white-space: nowrap; } .price__badges { display: none; margin-top: 0; } .price__badge { display: none; text-align: center; margin-left: 5px; } .price__badge--sale { color: var(--sale-color); } .price--on-sale .price__badge--sale { display: flex; } .price--sold-out .price__badge--sale { display: none; } .price--on-sale .price__badges, .price--sold-out .price__badges { display: flex; } .price__badge--sold-out { color: var(--text-color); } .price--sold-out .price__badge--sold-out { display: flex; } .price__badges--listing { margin-top: 0.5rem; } .price__badges--listing .price__badge { font-size: 0.6em; padding: 0.25rem 0.55rem; } .grid-align-left .price { align-items: flex-start; } .grid-align-right .price { align-items: flex-end; } .order-discount.order-discount--list { list-style: none; } .customer-account { margin-top: 81px; padding-bottom: 144px; } .customer-account .sidebar { border-right: solid 3px var(--dotted-color); } .customer-account .sidebar ul { list-style: none; } .customer-account .sidebar ul li { padding: 20px 0; } .customer-account .sidebar ul li a { display: inline-block; font-size: var(--h4-size); font-weight: bolder; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; padding-bottom: 4px; border-bottom: 2px solid transparent; } .customer-account .sidebar ul li a.selected, .customer-account .sidebar ul li:hover a { border-bottom: 2px solid var(--text-color); } .customer-account .content { padding-left: 95px; padding-top: 20px; } .customer-account .content p { font-size: 14px; line-height: 1.6; } .customer-account #account-details h5 { font-size: 16px; font-weight: bolder; line-height: 1.2; text-transform: uppercase; } .customer-account #order-history tbody tr { height: 100px; border-top: 1px solid var(--dotted-color); } .customer-account #order-history tbody td { min-width: 140px; } .customer-account #order-history thead tr { text-align: left; padding: 10px 0; height: 38px; } .customer-account #order-history thead tr th { font-size: var(--font-size); text-transform: capitalize; font-weight: 600; } @media (max-width: 1020px) { .customer-account .content { padding-left: 25px; } } @media (max-width:740px) { .customer-account { margin-top: 41px; text-align: center; } .customer-account .sidebar ul li { border-bottom: solid 1px #bababa; } .customer-account .content { margin-top: 80px; padding-left: 0; } .customer-account #order-history table .status { display: none; } .customer-account #order-history thead tr { text-align: center; } .customer-account .sidebar { border-right: none; } .customer-account #order-history tbody td { min-width: 110px; } } section.customer-order { margin-top: 81px; padding-bottom: 144px; } section.customer-order .return-account { font-size: 12px; font-weight: bold; line-height: 2.17; text-transform: uppercase; letter-spacing: 0.75px; margin-bottom: 40px; display: inline-block; } section.customer-order .order-content { padding-right: 118px; } section.customer-order #order_details .labels { text-align: left; border-bottom: solid 1px #d5d5d5; display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; } section.customer-order #order_details .items article { display: grid; align-items: center; grid-template-columns: repeat(6, 1fr); grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; } section.customer-order #order_details .labels p { font-size: var(--font-size); font-weight: 600; line-height: 1.6; letter-spacing: normal; text-transform: capitalize; margin-bottom: 4px; } section.customer-order #order_details .labels .product { grid-column: span 3; } section.customer-order #order_details .items .img { grid-column: span 1; } section.customer-order #order_details .items .info { grid-column: span 2; } section.customer-order #order_details .labels > .money, section.customer-order #order_details .labels > .qty, section.customer-order #order_details .labels > .total, section.customer-order #order_details .items article > .money, section.customer-order #order_details .items article > .qty, section.customer-order #order_details .items article > .total { grid-column: span 1; } section.customer-order #order_details .items article { padding: 24px 0; border-bottom: solid 1px #d5d5d5; } section.customer-order #order_details .items article h4 { font-size: 14px; font-weight: bold; line-height: 1.14; letter-spacing: normal; } section.customer-order #order_summary dl { display: flex; align-items: center; flex-flow: row wrap; border-bottom: solid 1px #d5d5d5; margin-bottom: 0; padding: 17px 0; font-size: 14px; line-height: 1.6; letter-spacing: normal; } section.customer-order #order_summary dt { flex-basis: 60%; padding: 2px 4px; text-align: left; } section.customer-order #order_summary dd { flex-basis: 30%; flex-grow: 1; margin: 0; padding: 2px 4px; text-align: right; } section.customer-order #order_summary .order_total dd, section.customer-order #order_summary .order_total dt { font-weight: bold; text-transform: uppercase; } section.customer-order #order_payment, section.customer-order #order_shipping { margin-bottom: 40px; } section.customer-order h5.order_section_title { font-size: 14px; line-height: 1.6; letter-spacing: normal; text-transform: uppercase; border-bottom: solid 1px #d5d5d5; padding-bottom: 4px; margin-bottom: 12px; } section.customer-order #other_details dl { display: flex; align-items: center; flex-flow: row wrap; margin-bottom: 0; font-size: 14px; line-height: 1.6; letter-spacing: normal; } section.customer-order #other_details dt { flex-basis: 30%; padding: 2px 4px; text-align: left; } section.customer-order #other_details dd { flex-basis: 60%; flex-grow: 1; margin: 0; padding: 2px 4px; text-align: left; } section.customer-order #order_details .shipping-info { margin-top: 16px; } @media (max-width:740px) { section.customer-order { margin-top: 48px; padding-bottom: 80px; } section.customer-order #order_details .labels .money { display: none; } section.customer-order #order_details .labels .product { grid-column: span 4; } section.customer-order #order_details .items .img { grid-column: span 1; } section.customer-order .order-content { padding-right: 0; } section.customer-order .order-sidebar { margin-top: 48px; } section.customer-order #order_details tbody tr td.product > div.img { width: 100%; } section.customer-order #order_details tbody tr td.product > div.info { width: 100%; } } #account-addresses .customer_address { border: solid 1px #e8e8e8; padding: 45px; margin-bottom: 10px; } #account-addresses h4.address_title { font-size: 14px; font-weight: bold; line-height: 1.6; } #account-addresses button.new-address { width: auto; padding: 0 20px; margin-top: 24px; } #account-addresses a { text-decoration: underline; } section.user-login { margin-top: 81px; padding-bottom: 144px; } section.user-login .secondary-button.create-customer { line-height: 50px; text-align: center; margin-top: 15px; } .note-error { border: 1px solid red; padding: 10px; margin-bottom: 15px; color: red; } .shopify-challenge__container { margin-top: 81px !important; } .guest-user-login { padding: 20px; margin-bottom: 40px; text-align: center; border: 1px solid var(--dotted-color); } @media (min-width: 741px) { .login-info.alternate { padding-left: 100px; } } @media (max-width: 740px) { section.user-login { margin-top: 48px; } } .customer-login button, .customer-login .button { width: 100%; } table.customer_address_table td.label { line-height: 40px; display: inline-block; margin-right: 10px; } table.customer_address_table { margin-bottom: 20px; margin-top: 20px; } .flickity-button { display: flex; align-items: center; justify-content: center; color: var(--text-color); background-color: var(--background); width: 45px; height: 45px; margin: 0; } .flickity-button:hover { color: var(--text-color); background-color: var(--background); } .flickity-button .flickity-button-icon { height: 12px; } .flickity__section .flickity-page-dots .dot { border: 1px solid #fff; margin: 0 5px; } .flickity__section.flickity-enabled:focus { outline: 0 !important; } .slideshow { border: 0 !important; width: 100%; } .slideshow__slide, .slideshow__slide-image { width: 100%; background-repeat: no-repeat; opacity: 1; } .slideshow__slide-image:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content:""; background: var(--section-overlay-color); pointer-events: none; z-index: 1; } .slideshow__slide { display: grid; opacity: 0 !important; transition: opacity 1s ease !important; } .slideshow__slide.is-selected { opacity: 1 !important; z-index: 1; } .slideshow.flickity__section .flickity-prev-next-button.previous { left: 10px; } .slideshow.flickity__section .flickity-prev-next-button.next { right: 10px; } @media screen and (min-width: 741px) { .slideshow .flickity-page-dots { bottom: 25px; } } .slideshow .flickity-page-dots { display: flex; flex-direction: row; justify-content: center; } .slideshow .flickity-page-dots .dot { width:25px; height:3px; opacity:0.25; cursor:pointer; background:#ccc; background-position:right bottom; border: 0; border-radius: 0; } .flickity-page-dots .dot.is-selected { opacity: 1; background: linear-gradient(to right, #ccc 50%, #000 50%); background-position: left bottom; background-size: 200% 100%; } .slideshow__slide a.slide__image-link { grid-column: 1 / 2; grid-row: 1/ 2; } .slideshow__slide svg.placeholder-svg { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; } .slideshow__slide svg.placeholder-svg, .slideshow__slide .slideshow__caption, .slideshow__slide .slideshow__slide-image { grid-column: 1 / 2; grid-row: 1 / 2; } .slideshow__slide[aria-hidden="true"] .slideshow__caption { display: none; } .slideshow__caption { display: flex; flex-direction: column; justify-content: flex-end; z-index: 1; max-width: 600px; background: var(--section-background); } .slideshow__caption .slideshow__caption-wrapper { padding: 30px; display: flex; flex-direction: column; justify-content: inherit; row-gap: 15px; } .no-js .slideshow__slide { opacity: 1; } .slideshow__caption h2.slideshow__title, .slideshow__caption p, .slideshow__caption .rte a { color: var(--text-color); margin-top: 0; margin-bottom: 0; } @media screen and (max-width: 740px) { .slideshow__caption.caption--below__image h2.slideshow__title, .slideshow__caption.caption--below__image p, .slideshow__caption.caption--below__image .rte a { color: var(--color-body-text); } .slideshow__caption.caption--below__image { background: var(--background); } } .slideshow__caption .slideshow__btn-wrapper { display: flex; flex-direction: row; justify-content: inherit; column-gap: 10px; row-gap: 10px; flex-wrap: wrap; } .slideshow__caption .slideshow__btn-wrapper a, .slideshow__caption .slideshow__btn-wrapper a:hover { color: var(--button-text); background: var(--button-color); } .slideshow__btn-wrapper a { padding: 0 20px; font-size: var(--section-button-size); letter-spacing: 1px; -webkit-transition: background .5s ease,color .5s ease; -moz-transition: background .5s ease,color .5s ease; -o-transition: background .5s ease,color .5s ease; transition: background .5s ease,color .5s ease; height: 48px; line-height: 48px; margin-bottom: 0; } .theme-features__rounded-buttons--enabled .slideshow__btn-wrapper a { border-radius: 3px; } .theme-features__rounded-buttons--disabled .slideshow__btn-wrapper a { border-radius: 0; } .slideshow__btn-wrapper a:hover { text-decoration: none; } @media screen and (max-width: 740px) { .slideshow__caption .slideshow__caption-wrapper { width: 100%; } .slideshow__slide .slideshow__caption { padding: 0; } .slideshow__slide .slideshow__caption.mobile__caption-below { grid-row: 2 / 2; } } .slideshow-section .slideshow.show--animation_true .slideshow__slide .slideshow__slide-image { transform: scale(1); transition: transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97); } .slideshow-section .slideshow.show--animation_true .slideshow__slide.is-selected .slideshow__slide-image { transform: scale(1.05); } .slideshow-section .slideshow.is-fixed_height .slideshow__slide .box-ratio img, .slideshow-section .slideshow.is-full_height .slideshow__slide .box-ratio img { object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slideshow-section .slideshow.is-full_height .slideshow__slide-image, .slideshow-section .slideshow.is-full_height .slideshow__slide-image .box-ratio img, .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image, .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image .box-ratio img { height: var(--desktop-section-height); } .slideshow-section .slideshow.is-full_height .slideshow__slide-image .box-ratio, .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image .box-ratio, .slideshow-section .slideshow.is-full_height .slideshow__slide.video .plyr__video-wrapper, .slideshow-section .slideshow.is-fixed_height .slideshow__slide.video .plyr__video-wrapper, .slideshow-section .slideshow.is-full_height .slideshow__slide.youtube, .slideshow-section .slideshow.is-fixed_height .slideshow__slide.youtube { padding-bottom:var(--desktop-section-height) !important; position: relative; } @media screen and (max-width: 740px) { .slideshow-section .slideshow.is-full_height .slideshow__slide-image, .slideshow-section .slideshow.is-full_height .slideshow__slide-image .box-ratio img, .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image, .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image .box-ratio img { height: var(--mobile-section-height) !important; } .slideshow-section .slideshow.is-full_height .slideshow__slide-image .box-ratio, .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image .box-ratio { padding-bottom:var(--mobile-section-height) !important; } } @media screen and (prefers-reduced-motion: no-preference) { .slideshow.show--animation_true .slideshow__slide.is-selected .slideshow__caption h2, .slideshow.show--animation_true .slideshow__slide.is-selected .slideshow__caption .rte { animation: fadeInUp 1s ease-in-out 1s forwards; } .slideshow.show--animation_true .slideshow__slide.is-selected .slideshow__caption, .slideshow.show--animation_true .slideshow__slide.is-selected .slideshow__caption .slideshow__btn-wrapper { animation: fadeIn 1.5s ease-in-out 1s forwards; } .slideshow.show--animation_true .slideshow__slide.is-selected .slideshow__caption, .slideshow.show--animation_true .slideshow__slide .slideshow__caption h2, .slideshow.show--animation_true .slideshow__slide .slideshow__caption .rte, .slideshow.show--animation_true .slideshow__slide .slideshow__caption .slideshow__btn-wrapper { opacity: 0; } } .featured__collection-carousel { width: 100%; } .featured__collection-carousel .featured__collection-product { padding: 0 15px 0; } .featured__collection-carousel .flickity-prev-next-button.next { right: -10px; } .featured__collection-carousel .flickity-prev-next-button.previous { left: -10px; } .featured__collection-button-container { text-align: center; margin: 10px auto; } a.button.featured__collection-view-all-button { width: unset; float: none !important; margin: 0 auto !important; } @media screen and (min-width: 741px) and (max-width: 980px ) { .featured__collection-carousel .featured__collection-product { width: 33.333% !important; } .featured__collection { grid-template-columns: 1fr 1fr 1fr !important; grid-column-gap: 20px; } } @media screen and (max-width: 740px) { .featured__collection { grid-template-columns: 1fr 1fr !important; grid-column-gap: 10px; } .featured__collection-carousel .featured__collection-product { width: 50% !important; padding: 0 5px; } .featured__collection-carousel .flickity-prev-next-button.next { right: -5px; } .featured__collection-carousel .flickity-prev-next-button.previous { left: -5px; } } .tabbed__collection-content { width: 100%; } .testimonial__container-carousel .flickity-prev-next-button.next { right: -10px; } .testimonial__container-carousel .flickity-prev-next-button.previous { left: -10px; } .testimonial__content { text-align: center; margin-top: 10px; margin-bottom: 10px; padding: 10px 30px; } .parallax .row { width: 100%; } .no-js .parallax { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .parallax { position: relative; width: 100%; min-height: 100%; overflow: hidden; } .parallax.is_fixed { background-attachment: fixed; background-size: cover; overflow: hidden; background-position: center center !important; } .parallax.is_fixed img { object-fit: cover; object-position: center; } .parallax__container { position: relative; display: grid; } .parralax__image--wrapper, .parallax__caption, .parallax__placeholder { grid-column: 1/2; grid-row: 1/2; } .parallax__caption { display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; z-index: 1; row-gap: 10px; background: var(--caption-background); } .parallax .simpleParallax.simple-parallax-initialized img { object-fit: cover; } @media screen and (max-width: 740px) { .parallax__caption.below-image { grid-row: 2 / 2; } } .parallax__caption h2, .parallax__caption p, .parallax__caption .button { margin-bottom: 0; } .parallax__caption h2, .parallax__caption p { color: var(--text-color); } .parallax__caption .button { width: max-content; background: var(--button-color); color: var(--button-text); font-size: var(--section-button-size); } .parallax__caption-text a:not(.button) { text-decoration: underline; } .parralax__image { position: relative; } .onboard.parallax__placeholder:after, .parralax__image:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content:""; background: var(--section-overlay-color); pointer-events: none; z-index: 1; } @media screen and ( max-width: 740px ) { .image__withText-section .parallax .parallax__container, .image__withText-section .parralax__image--wrapper { height: initial !important; min-height: 230px !important; } } @media screen and ( max-width: 1024px ) { .parallax { background-attachment: scroll !important; background-size: cover !important; } } .icn-close { width: 20px; height: 20px; position: relative; } .icn-close:after { content: ''; height: 20px; border-left: 1px solid #fff; position: absolute; transform: rotate(45deg); left: 8px; } .icn-close:before { content: ''; height: 20px; border-left: 1px solid #fff; position: absolute; transform: rotate(-45deg); left: 8px; } .slideout { list-style: none; background: var(--background); width: 350px; height: auto; position: fixed; top: 0; bottom: 0; left: unset; right: unset; z-index: 13; overflow-y: auto; overflow-x: hidden; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } @media (max-width: 740px) { .slideout.slideout__drawer-left { width: 350px; } } .site-overlay { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; z-index: 12; visibility: hidden; opacity: 0; background: rgb(30, 30, 30); transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } @media screen and (min-width: 801px) { aside#slideout-ajax-cart.has--featured_collection { transform: translateX(500px); } } .slideout-right--open aside#slideout-ajax-cart.has--featured_collection.slideout--active.slideout__drawer-right { transform: translateX(0) } .slideout__drawer-right { transform: translateX(350px); right: 0; } .slideout__drawer-left { transform: translateX(-350px); left: 0; } .slideout-left--open .slideout--active.slideout__drawer-left { transform: translateX(0); } .slideout-right--open .slideout--active.slideout__drawer-right { transform: translateX(0); } .slideout-left--open, .slideout-right--open { overflow: hidden; } .slideout-left--open .js-slideout-overlay, .slideout-right--open .js-slideout-overlay, .modal--open .js-modal-overlay { opacity: 0.8; visibility: visible; } .slideout-left--open [data-aos^=fade][data-aos^=fade], .slideout-right--open [data-aos^=fade][data-aos^=fade] { opacity: 1 !important; } .slideout__trigger--open { z-index: 2; margin-bottom: 0; cursor: pointer; } .slideout__trigger--close .slideout__trigger-mobile-menu, .slideout__trigger--close .slideout__trigger-store-availability, .slideout__trigger--close .slideout__trigger-password, .slideout__trigger--close .slideout__trigger-ajax-cart, .slideout__trigger--close .slideout__trigger-quickview, .slideout__trigger--close .slideout__trigger-general-modal { padding: 15px 10px 15px 10px; margin-bottom: 0; color: black; background: unset; line-height: 50px; height: 50px; } .slideout__trigger--open .slideout__trigger-mobile-menu, .slideout__trigger--open .slideout__trigger-store-availability, .slideout__trigger--open .slideout__trigger-password { background: unset; margin-bottom: 0; } .slideout__trigger-mobile-menu:hover, .slideout__trigger-store-availability:hover, .slideout__trigger-password:hover, .slideout__trigger-ajax-cart:hover, .slideout__trigger-quickview:hover, .slideout__trigger-general-modal:hover { background: unset; } .slideout__trigger--open .slideout__trigger-store-availability, .slideout__trigger--open .slideout__trigger-password { color: var(--text-color); height: auto; text-align: left; text-decoration: underline; letter-spacing: unset; margin: 0; padding: 0; } .slideout__trigger-password, .slideout__trigger-ajax-cart, .slideout__trigger-quickview, .slideout__trigger-general-modal { display: inline-block; width: auto; height: 30px; line-height: 30px; } .slideout__trigger--open .slideout__trigger-store-availability:hover, .slideout__trigger--open .slideout__trigger-password:hover { opacity: 0.8; } .slideout__trigger-store-availability .icn-close:before, .slideout__trigger-store-availability .icn-close:after, .slideout__trigger-password .icn-close:before, .slideout__trigger-password .icn-close:after, .slideout__trigger-ajax-cart .icn-close:before, .slideout__trigger-quickview .icn-close:before, .slideout__trigger-ajax-cart .icn-close:after, .slideout__trigger-quickview .icn-close:after, .slideout__trigger-general-modal .icn-close:before, .slideout__trigger-general-modal .icn-close:after { border-color: var(--text-color); } .modal__general-modal__wrapper { padding: 60px !important; } .modal__general-modal__wrapper .slideout__trigger--close { position: absolute; right: 0; top: 0; } .slideout__trigger-general-modal { height: 40px !important; line-height: 40px !important; padding: 10px 10px !important; } .slideout-left--closed .slideout__drawer-left, .slideout-right--closed .slideout__drawer-right { visibility: hidden; opacity: 0; -webkit-animation:slideoutFadeout 0.4s linear; animation:slideoutFadeout 0.4s linear; } .slideout-left--open .slideout__drawer-left, .slideout-right--open .slideout__drawer-right { visibility: visible; opacity: 1; -webkit-animation:slideoutFadein 0.4s linear; animation:slideoutFadein 0.4s linear; } @keyframes slideoutFadeout { 0% { opacity:1; visibility:visible; } 99% { opacity:0; } 100% { opacity:0; visibility: hidden; } } @keyframes slideoutFadein { 0% { opacity:0; visibility:visible; } 100% { opacity:1; } } .mobile-menu__block { padding: 10px 10px 0 10px; margin-bottom: 10px; display: inline-block; width: 100%; } .mobile-menu__featured-image--full-width { margin: 0 0 0 -12px !important; padding: 0; width: 110%; } .mobile-menu__search form input { border: none; border-bottom: 1px solid; height: 41px; } .mobile-menu__accordion > .mobile-menu__item:first-child { border-top: 1px solid; } .mobile-menu__cart-icon { font-family: var(--main-family); font-style: var(--main-style); font-weight: var(--main-weight); font-size: calc(var(--font-size) * 1px); position: relative; display: block; border: 1px solid; padding: 10px; text-transform: uppercase; font-weight: bold; font-size: 13px; } .mobile-menu__cart-icon svg { position: absolute; right: 10px; top: 50%; transform: translateY(-37%); } .mobile-menu__cart-icon, .mobile-menu__featured-text { line-height: initial; position: relative; } .mobile-menu__social ul { list-style: none; padding-bottom: 0 !important; } .mobile-menu__social li { display: inline-block; margin: 3px 5px; } .mobile-menu__featured-text p, .mobile-menu__search input { margin-bottom: 0; } .password .slideout__trigger-password { opacity: 0.8; text-decoration: none; } .password .slideout__trigger-password:hover { opacity: 1.0; } .password-page__wrapper { min-height: 100vh; padding: 15px; } .password-page__logo { padding-top: 100px; text-align: center; } .password-page__newsletter { width: 100%; margin-top: 100px; } .password-page__newsletter-wrapper { max-width: 500px; margin-left: auto; margin-right: auto; } .password-page__newsletter-details { margin-bottom: 30px; text-align: center; } .password-page__newsletter-signup--email { float: left !important; text-indent: 10px; width: 66% !important; text-transform: uppercase; color: #000; height: 48px !important; } .password-page__newsletter-signup--submit { width: 28% !important; margin-left: 0; margin-top: 0; text-transform: uppercase; height: 48px !important; } .password-page__newsletter-signup--submit:hover { opacity: 0.75; } .password-page__icons { margin-bottom: 20px; } .password-page__icons li { display: inline-block; margin: 0 5px; } .password-page__icons a:hover { opacity: 0.5; } .password-page__footer { width: 100%; display: block; text-align: center; position: relative; margin-top: 220px; } .password-page__footer a { font-family: var(--main-family); font-style: var(--main-style); font-weight: var(--main-weight); font-size: var(--font-size); } .password-page__login { padding: 10px 15px; } .password-page__login label { margin-bottom: 10px; } @media screen and ( max-width: 740px ) { .password-page__newsletter { margin-top: 50px; } } .note-success { border: 1px solid; border-color: var(--success-msg-dark); background-color: var(--success-msg-light); color: var(--success-msg-dark); padding: 10px; margin-bottom: 15px; } .note-error { border: 1px solid; border-color: var(--error-msg-dark); background-color: var(--error-msg-light); color: var(--error-msg-dark); padding: 10px; margin-bottom: 15px; } .note-error ul, .note-success ul { list-style: none; } .store-availability-small-text { font-size: 13px; } .store-availability-information { display: flex; margin-left: 0px; } .store-availability-information-container { margin-left: 0px; text-align: left; } .store-availability-information__title, .store-availability-information__stock { margin-bottom: 0; } .store-availability-information__stores { margin-top: 8px; } .store-availability-information__link { text-decoration: underline; cursor: pointer; } .store-availability-information__link:hover, .store-availability-information__link:focus { opacity: 0.6; } .store-availabilities-modal { left: unset; background-color: var(--background); } @media only screen and (max-width: 740px) { .store-availabilities-modal { width: 100%; z-index: 9999; } } .store-availabilities-modal__header { display: flex; justify-content: space-between; margin: 20px 0 16px 0; padding-left: 20px; padding-right: 20px; } .store-availabilities-modal__product-title { font-size: 17px; text-transform: none; margin-bottom: 0; } .store-availabilities-list { overflow: auto; padding: 0 10px; } .store-availabilities-modal__close { margin-bottom: 13px; cursor: pointer; } .store-availability-list__item { padding: 0 10px 16px 10px; } .store-availability-list__item::before { content: ""; display: block; margin: 0 0 16px 0; border-bottom: 1px solid var(--dotted-color); } .store-availability-list__item > p { font-size: 13px; margin-bottom: 0; } .store-availability-list__location { display: flex; justify-content: space-between; } .store-availability-list__stock { margin-top: 8px; margin-bottom: 16px; } @media (max-width: 740px) { .store-availability-information-container, .slideout__trigger-store-availability { width: 100%; margin-left: 0; } } .complementary__products .js-carousel .product-index { padding: 0 20px 0 0; } .complementary__products .product-add { display: flex; justify-content: center; flex-direction: column; } .complementary__products h4 { margin-bottom: 10px; } .complementary__product--loop.no--carousel { display: flex; align-items: flex-start; gap: 15px; justify-content: flex-start; } .complementary__product--loop.no--carousel .product-index { flex: 0 0 calc(35% - 7.5px) } @media screen and (max-width: 740px) { .complementary__product--loop.no--carousel .product-index { flex: 0 0 calc(50% - 7.5px); } } @media screen and (min-width: 741px) { .complementary__products .js-carousel .product-index { width: calc((100%/2) + 20px); } } @media screen and (max-width: 740px) { .complementary__products .js-carousel .product-index { width: calc((100%/2) + 10px); padding: 0 10px 0 0; } } .complementary__products .product-index .quick-add-to-cart { margin-top: 10px; } .complementary__products .product-add { display: flex; justify-content: center; align-items: center; } .complementary__products.layout--simple .product-index { display: flex; flex-direction: row; align-items: center; border: 1px solid var(--dotted-color); padding: 10px; margin: 0 10px 0 0; flex-wrap: wrap; width: calc(100% - 50px); background: var(--background); } @media screen and (max-width: 740px) { .complementary__products.layout--simple .product-index { width: 100%; } } .complementary__products.layout--simple .product-index .prod-container { flex: 0 0 30%; } .complementary__products.layout--simple .product-index .product-info { flex: 0 0 calc(70% - 20px); display: flex; flex-direction: column; align-items: flex-start; margin-left: 20px; } .complementary__products.layout--simple .product-index .product-info input.product__add-button, .complementary__products.layout--simple .product-index .product-info button.js-quickview-trigger { height: 40px !important; display: flex; align-items: center; margin: 0; line-height: unset; padding: 0 15px; font-size: 13px; } .complementary__products.layout--simple button.flickity-button.flickity-prev-next-button.previous { top: 25px; right: 95px; left: unset; } .complementary__products.layout--simple button.flickity-button.flickity-prev-next-button.next { top: 25px; right: 60px; } .complementary__products.layout--simple button.flickity-button.flickity-prev-next-button { width: 30px; height: 30px; border: 1px solid var(--dotted-color); } @media screen and (max-width: 740px) { .complementary__products.layout--simple button.flickity-button.flickity-prev-next-button { top: 0px !important; } .complementary__products.layout--simple button.flickity-button.flickity-prev-next-button.next { right: 10px; } button.flickity-button.flickity-prev-next-button.previous { right: 45px !important; } } @media screen and (min-width: 741px) { .product .page-wrap { overflow: initial; } } @media screen and (min-width: 981px) { .product__section.product-template .product__section-images { position: sticky; top: calc(var(--header-height) + 20px); align-self: start; } } .product__policies.rte { margin-top: 10px; } .product__decription-container a, .rte a { text-decoration: underline; } .product__nav { float: right; } .product__nav a { color: var(--text-color); text-align: center; display: inline-block; padding: 2px 8px; transition: all .25s ease-in-out; cursor: pointer; } .product__nav a:hover svg .hover-fill { fill: var(--text-color); } .product__section--element { margin-bottom: 20px; display: block; width: 100%; float: left; clear: both; } .product__section--element label { font-family: var(--main-family); font-style: var(--main-style); font-weight: 500; font-size: var(--font-size); margin-bottom: 0; position: relative; } .product__section--header.product__section--element { margin-bottom: 10px; } .product__section-title { margin-bottom: 10px !important; padding-bottom: 0 !important; border-bottom: 0 !important; text-align: left !important; } .product__price-container { font-size: var(--h4-size); } .product__section--element p.line-item-property__field, .product__section--element p.line-item-property__field input, .product__section--element p.line-item-property__field textarea { margin-bottom: 5px; } .product__section--element p.line-item-property__field input[type="file"] + label { transform: scale(0.8) translateY(calc(-25px - 0.25em)) translateX(10px); } small.property--required { position: absolute; right: 5px; top: -12px; padding: 0 5px; background: var(--background); } .product__section--qty { display: flex; flex-direction: row; } .product__section--qty label { line-height: 50px; min-width: 60px; } .product__quantity--wrapper { border: 1px solid var(--dotted-color); display: flex; flex-direction: row; align-items: center; margin-bottom: 5px; margin-left: 10px; } .product__quantity--wrapper input, .product__quantity--wrapper a, .product__quantity--wrapper button { text-align: center; display: inline-block; float: left; width: 50px; height: 48px; line-height: 48px; } .product__quantity--wrapper .up.quantity-control-up, .product__quantity--wrapper .down.quantity-control-down { background: unset; color: var(--text-color); margin-bottom: 0; width: 50px; } .product__quantity--wrapper .up.quantity-control-up:hover, .product__quantity--wrapper .down.quantity-control-down:hover { background: unset; color: var(--text-color); } .product__quantity--wrapper input { margin: 0; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; text-align: center; text-indent: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .product__quantity--wrapper a { cursor: pointer; height: 50px; padding: 0; line-height: 50px; } .product__section--sku label { display: inline-block; float: left; margin-right: 5px; } input#addToCart { width: 100%; display: block; } button.shopify-payment-button__button--hidden { display: none; } button.shopify-payment-button__button.shopify-payment-button__button--unbranded { background: var(--button-color); color: var(--button-text); font-size: var(--font-size); font-family: var(--main-family); font-style: var(--main-style); border-radius: var(--button-border-radius); } button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover { background: var(--button-hover); color: var(--button-text-hover); } .shopify-payment-button__more-options { text-decoration: underline !important; } .product__related-container { padding-top: 20px; margin-top: 20px; margin-bottom: 50px; } .product__related-container h4 { margin-bottom: 20px; } .product__add-msg { clear: left; } .product__add-msg.success { margin: 10px 0; border: 1px solid var(--dotted-color); padding: 20px 10px; } .product__add-msg.success a { font-weight: bold; } .product__add-msg.error { color: red; } .product__section--desc { border-top: 1px solid var(--dotted-color); border-bottom: 1px solid var(--dotted-color); padding-top: 20px; padding-bottom: 20px; } .product__section--desc ul, .product__section--desc ol { list-style-position: outside; margin-left: 20px; margin-bottom: 10px; font-size: var(--font-size); } ul.product__tabs { margin-left: 0; margin-bottom: 0; } .product__section--product_description.rte ul:not(.product__tabs) { margin-bottom: 15px; list-style-position: outside; margin-left: 25px; } .product__section--element.inline { display: flex; flex-direction: column; align-items: start; width: unset; margin-right: 10px; clear: none; } .product__section--popup button.button-as-link { margin-bottom: 0; font-weight: var(--main-font-weight); } .modal__container[data-wau-modal^="popup-content"] { position: fixed; top: 50%; transform: translate(-50%, -50%); } .product__section--text.product__section--element.rte p { margin-bottom: 0; } .product__section--image.product__section--element img { width: unset; } .variant-stock-levels__inner { display: flex; flex-direction: row; align-items: center; } .pulse__icon { border-radius: 50%; margin: 0 12px 0 8px; height: 15px; width: 15px; } .product-main-image { position: absolute; overflow: hidden; width: 100%; top: 0; left: 0; visibility: hidden; } .product-main-image img { margin: 0 auto; cursor: crosshair; } .product-image-container { width: 100%; position: relative; width: 100%; } .product__form-container { clear: both; } .product__variants-swatches, .product__variants-select { display: flex; flex-direction: column; margin-bottom: 10px; } .swatches__form--input { display: none; } .swatches__form--label { display: -moz-inline-stack; display: inline-block; zoom: 1; padding: 0 10px; color: var(--text-color); background-color: var(--background); margin: 0px 5px 5px 0; cursor: pointer; border: 1px solid var(--dotted-color); position: relative; font-weight: 500; min-width: 44px; height: 40px; line-height: 38px !important; white-space: nowrap; text-align: center; float: unset !important; overflow: hidden; } .swatches__form--label.focus-visible { transform: scale(1.08); } .swatches__shape--circle label { min-width: 34px !important; width: 34px !important; height: 34px !important; line-height: 32px !important; border-radius: 50%; outline: 0 !important; padding: 0; } .swatches__shape--square label { min-width: 34px !important; width: 34px !important; height: 34px !important; line-height: 32px !important; outline: 0 !important; padding: 0; } .swatches__shape--rectangle label { min-width: 44px !important; width: 34px !important; height: 34px !important; line-height: 32px !important; outline: 0 !important; padding: 0; } .swatches__form--input:checked + .swatches__form--label { border:1px solid var(--text-color); background-color: var(--text-color); color: var(--background); } .swatches__swatch--color .swatches__form--input:checked + .swatches__form--label { box-shadow: 0px 0px 2px 2px #d6d6d6; } .swatches__form--label:hover { background: var(--text-color); color: var(--background); border-color: var(--text-color); } .swatches__swatch--regular, .swatches__swatch--color { display: inline-block; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-font-smoothing:antialiased; position:relative; } .swatch-element.soldout .swatches__form--label:before { content: ''; height: 2em; width: 1px; position: absolute; left: 50%; top: 50%; margin: -1em 0 0; border-right: 1px solid; transform: rotate(45deg); } .swatch-element.soldout .swatches__form--label:after { content: ''; height: 2em; width: 1px; position: absolute; left: 50%; top: 50%; margin: -1em 0 0; border-right: 1px solid; transform: rotate(135deg); } .swatches__swatch--regular.soldout label, .swatches__swatch--color.soldout label { filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; } .swatches__container.error { background-color: #E8D2D2 !important; color: #333 !important; padding: 1em; border-radius: 5px; } .swatches__container.error p { margin: 0.7em 0; } .swatches__container.error p:first-child { margin-top: 0; } .swatches__container.error p:last-child { margin-bottom: 0; } .swatches__container.error code { font-family: monospace; } .swatches__option-name { text-transform: capitalize; margin-bottom: 10px; display: block; font-family: var(--main-family); font-style: var(--main-style); font-weight: 500; font-size: var(--font-size); } .swatches__option-value { text-transform: capitalize; margin-left: 5px; font-weight: normal; } .swatches__container.product__section--element { position: relative; } .size-chart { position: absolute; right: 0; text-transform: none; } .size-chart button.button-as-link { text-decoration: none; border-bottom: 1px solid; } .product-form__input--dropdown { display: flex; flex-direction: row; align-items: center; } .product__variants-select label { font-family: var(--main-family); font-style: var(--main-style); font-weight: 500; font-size: var(--font-size); min-width: 60px; } .product__variants-select .single-option-selector { width: initial; min-width: 195px; display: inline-block; float: left; background: var(--select-arrow-bg) right no-repeat; -webkit-appearance: none; -moz-appearance: none; margin-bottom: 0; margin-top:0; } .theme-features__product-variants--swatches .single-option-selector { opacity: 0; display: none; } .product__share-icons { border: 0; margin: 0; padding: 0; display: flex; flex-direction: row; align-items: center; } .product__share-icon { margin: 0 10px 0 0; } .tabbed__product-content { padding: 25px 15px 0; } li.product__tab-trigger > a { display: block; padding: 15px; border-bottom: 1px solid var(--dotted-color); font-weight: 600; } ul.product__tabs li:last-child { border-right: 0; } li.product__tab-trigger > a.active { border-bottom: 0; border-top: 1px solid var(--dotted-color); } .product__tab-trigger { display: inline-block; float: left; border-right: 1px solid var(--dotted-color); } .product__section--rating-wrapper { padding: 10px 0; } .product__section-rating { display: inline-block; margin: 0; } .product__section-rating-star { --letter-spacing: 0.2; --font-size: 1; } .product__section-rating-star { --percent: calc( ( var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size))) ) * 100% ); letter-spacing: calc(var(--letter-spacing) * 1rem); font-size: calc(var(--font-size) * 1rem); line-height: 1; display: inline-block; font-family: Times; margin: 0; } .product__section-rating-star::before { content: '★★★★★'; background: linear-gradient( 90deg, var(--star-active) var(--percent), var(--star-inactive) var(--percent) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .product__section-rating-text { display: none; } .product__section-rating-count { display: inline-block; margin: 0; font-size: 11px; vertical-align: middle; } @media (forced-colors: active) { .product__section-rating { display: none; } .product__section-rating-text { display: block; } } .product__section--text-with-icon { display: flex; gap: 10px; margin-bottom: 10px; } .product--text-with-icon__text p { margin-bottom: 0; } .product--text-with-icon__text a { text-decoration: underline; } .product__section--payment-icons.product__section--element { padding: 20px 20px 10px; } .product__section--payment-icons.product__section--element svg { width: unset; height: 30px; } .product__section--payment-icons.product__section--element h5 { font-weight: 400; margin-bottom: 10px; font-size: var(--font-size); } @media screen and (min-width: 981px) { #mobile-only, .mobile-only { display: none; } } @media screen and (max-width: 981px) { #logo, .cart--container { width: 100%; margin-left: 0; } } @media screen and (max-width: 980px) { #nav, ul.shopping--cart_links li.cart-overview span.my-cart-text, ul.shopping--cart_links li.customer-accounts, ul.shopping--cart_links li.search-icon, .large-search { display: none !important; } .gridlock-fluid div#identity { padding-left: 10px !important; padding-right: 10px !important; } #mobile-only { display: none; } .tablet-hide { display: none; } footer ul { margin-bottom: 30px; } input.add.clearfix.AddtoCart { margin-left: 0; margin-top: 0; } } @media screen and (min-width: 741px ) and ( max-width: 980px ) { div#identity { display: grid; grid-template-columns: 1fr 3fr 1fr !important; } #logo { text-align: center !important; justify-self: center !important; } } @media only screen and (max-width: 740px) { .notification { margin-bottom: 5px; margin-top: 5px; } .mobile-hide { display: none; } .mhide { display: none; } input.ajaxcart__qty-num { width: 40px !important; min-width: inherit; } textarea { min-width: 0 !important; } .search { width: 100%; } #q { width: 100%; } input#checkout { width: 100%; } .product__nav { display: none; } input#AddToCart { clear: left; width: 100%; min-width: 100%; margin: 20px auto 10px; } input#quantity { min-width: 60px; text-align: center; } input.add { min-width: 90px; } select.styled-select, .single-option-selector { text-indent: 5px; clear: left; margin-left: 0; width: 100%; } #add { width: 100%; } ul.footer-left { float: left; width: 100%; text-align: center; } ul#footer-right { float: left; width: 100%; text-align: center; } .footer-left li { text-align: center; float: none; } #footer-right li { text-align: center; float: none; } #mce-EMAIL { width: 100%; } footer { text-align: center; } footer ul { margin-bottom: 30px; } .sub-footer .left-side, .sub-footer .right-side { width: 100%; text-align: center; padding: 10px 0; } header.theme-header { width: 100%; z-index: 11; } ul#social-links { display: none; } div.cart--container { text-align: right; } header ul.shopping--cart_links li.lang-selector, header ul.shopping--cart_links li.curr-selector { display: none; } #logo { text-align: center; } } .scrollup { width:45px; height:45px; opacity:0; position:fixed; bottom:20px; right:20px; z-index: 3; transform: translateY(100px); transition: all .5s ease; background: transparent; display: flex; align-items: center; justify-content: center; padding: 0; } .scrollup.showBtn { opacity: 0.4; transform: translateY(0); } .scrollup:hover { background: transparent; opacity: 0.7; -webkit-transition: opacity 1000ms ease-in-out; -moz-transition: opacity 1000ms ease-in-out; -o-transition: opacity 1000ms ease-in-out; -ms-transition: opacity 1000ms ease-in-out; transition: opacity 1000ms ease-in-out; } .newsletter__popup-overlay { display: none; } .newsletter__popup-overlay.is-visible { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; background: rgba(0,0,0,0.25); } .newsletter__popup-container:not(.is--simple) { position: fixed; top: 50%; left: 50%; z-index: 99; background-color: var(--background); box-shadow: 0px 1px 3px rgba(0,0,0,0.2); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .newsletter__popup-container.is--simple { position: fixed; bottom: 20px; left: 20px; z-index: 99; background-color: var(--background); box-shadow: 0px 1px 3px rgba(0,0,0,0.2); width: 400px; padding: 50px 30px 30px; } .newsletter__popup-container-close { position: absolute; right: 5px; top: 5px; width: 35px; text-align: center; height: 35px; line-height: 35px; cursor: pointer; font-size:25px; background: #ffffff; display: flex; align-items: center; justify-content: center; } .newsletter__popup-contentWrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; gap: 20px; } .newsletter__popup-content.style--background, .newsletter__popup-content.style--image_top { width: 600px; text-align: center; overflow: hidden; margin: 0 auto; } .newsletter__popup-content.style--image_top .newsletter__popup-contentWrapper, .newsletter__popup-content.style--background .newsletter__popup-contentWrapper { padding: 30px; } .newsletter__popup-text p { margin-bottom: 0; } .newsletter__popup-content.style--image_top .newsletter__popup-image { height: 300px; overflow: hidden; } .newsletter__popup-content.style--left_image { width: 800px; display: flex; gap: 0; align-items: center; } .newsletter__popup-content.style--left_image .newsletter__popup-image { flex: 0 0 50%; height: 400px; } .newsletter__popup-content.style--left_image .newsletter__popup-contentWrapper { flex: 0 0 50%; padding: 30px; } .newsletter__popup-content.style--left_image .newsletter__popup-image .box-ratio { padding-bottom: 0 !important; height: 100%; } .newsletter__popup-content.style--left_image .newsletter__popup-image .box-ratio img { height: 100%; object-fit: cover; } .newsletter__popup-content.style--image_top .newsletter__popup-image .box-ratio { padding-bottom: 0 !important; height: 300px; } .newsletter__popup-content.style--image_top .newsletter__popup-image .box-ratio img { object-fit: cover; height: 100%; } .newsletter__popup-text h3, .newsletter__popup-text p, p.gdpr-text { color: var(--text-color); } .newsletter__popup-text h3 { font-size: var(--h3-size); } .newsletter__popup-text p { font-size: var(--text-size); } .newsletter__popup-text .gdpr-text { font-size: 14px; } .newsletter__popup-form input[type="email"] { background: var(--background); text-align: center; margin-bottom: 10px; border: 1px solid var(--dotted-color); } .newsletter__popup-form input[type="submit"] { margin-bottom: 0px; width: 100%; } p.gdpr-text { margin-top: 10px; } @media screen and (max-width: 800px) { .newsletter__popup-container { width: 98% !important; left: 50% !important; bottom: 20px !important; top: unset !important; transform: translateX(-50%) !important; } .newsletter__popup-content { width: 100% !important; } .newsletter__popup-content.style--background { height: 500px !important; } .newsletter__popup-content.style--left_image { flex-wrap: wrap; } .newsletter__popup-content.style--left_image .newsletter__popup-image { flex: 1 0 100% !important; height: 300px !important; } .newsletter__popup-content.style--left_image .newsletter__popup-contentWrapper { flex: 1 0 100% !important; } } .animate-hide { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate-show { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .collection__banner-image { height: 400px; position: relative; overflow: hidden; } .collection__banner-image img { width: 100%; object-fit: cover; height: 400px; } @media screen and (max-width: 740px) { .collection__banner-image { height: 200px; } .collection__banner-image img { height: 200px; } } .collection__page-description { float: left; margin-bottom: 30px; } .collection__page-image { padding-bottom: 10px; margin-bottom: 10px; } .collection__page-description h1 { margin-bottom: 5px; } .collection__page-description .rte img { margin-bottom: 10px; } .collection__section--banner { position: relative; } .collection__section--banner .grid__wrapper.hero__title.has_banner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: grid; align-items: center; } .collection__section--banner .grid__wrapper.hero__title.has_banner h1.collection__page-title, .collection__section--banner .grid__wrapper.hero__title.has_banner h1.section__page-title { color: var(--hero-color); } div#main-collection-product-grid { margin-top: 0; padding-top: 0; } @media screen and (min-width: 981px) { .collection__sidebar-mobile-trigger { display: none; } } @media screen and (max-width: 980px) { .collection__sidebar-mobile-trigger { display: block; text-align: center; width: 100%; margin: 0 0 20px !important; border: 1px solid var(--dotted-color); text-transform: uppercase; font-weight: 600; font-size: var(--h3-size); line-height: 44px; } .collection__sidebar-mobile-trigger svg { display: inline-block; vertical-align: middle; } } @media screen and (max-width: 980px) { .collection__page-sidebar { display: none; } .collection__page-sidebar.open { display: block; } .collection__page-sidebar ul li { padding: 5px 0; } } .collection__page-sidebar .collection__filtering { width: 100%; } .collection__sidebar-block { margin-bottom: 30px; } .collection__page-sidebar p.h4 { border-bottom: 1px solid var(--dotted-color); margin-bottom: 10px; padding-bottom: 5px; font-size: var(--font-size); font-weight: bold; } .collection__page-sidebar p.h4 small { font-weight: var(--main-weight); font-size: 12px; margin-left: 5px; } .collection__page-sidebar ul { list-style-type: none; margin-bottom: 20px; } .collection__page-sidebar .accordion-content, .collection__page-sidebar .accordion-content2 { margin-bottom: 20px; padding-left: 5px; } .collection__page-sidebar .accordion-toggle, .collection__page-sidebar .accordion-toggle2 { padding-right: 25px; } .collection__page-sidebar .image_container { margin-bottom: 15px; } .collection__page-sidebar .textnote_container { margin-bottom: 15px; } .collection__page-sidebar .image_container a:hover { border-bottom: 0; } .sidebar-filter.filter--regular ul, .sidebar-filter.filter--color ul { max-height: 350px; overflow: auto; } .sidebar-filter ul li.disabled { opacity: 0.5; cursor: not-allowed; } .sidebar-filter ul li.disabled > a { pointer-events: none; text-decoration: none; } .sidebar-filter.filter--regular ul li, .sidebar-filter.filter--color ul li { display: inline-block; width: 100%; } .sidebar-filter.filter--color ul li { margin-bottom: 5px; } .sidebar-filter.filter--regular ul li a, .sidebar-filter.filter--color ul li a { display: flex; align-items: center; } .sidebar-filter.filter--regular ul li a { position: relative; } .sidebar-filter.filter--regular ul li a:before { content: ""; border: 1px solid #ddd; height: 14px; width: 14px; flex: 0 0 14px; display: inline-block; min-width: 10px; margin-right: 5px; } .sidebar-filter.filter--regular ul li.current a:after { content: ""; display: inline-block; transform: rotate(45deg); height: 10px; width: 6px; border-bottom: 2px solid #999; border-right: 2px solid #999; position: absolute; top: 22%; left: 1.5%; } .sidebar-filter.filter--color ul { display: flex; flex-wrap: wrap; } .sidebar-filter.filter--color .color-filter { min-width: var(--color-filter-size, 34px) !important; width: var(--color-filter-size, 34px) !important; height: var(--color-filter-size, 34px) !important; line-height: calc(var(--color-filter-size, 34px) - 2px) !important; vertical-align: middle; border: 2px solid #fff; box-shadow: 0px 0px 0px 1px var(--dotted-color, #d6d6d6); display: inline-block; margin: 0 10px 0 3px; line-height: initial; vertical-align: middle; background-size: contain; background-position: center; cursor: pointer; } .sidebar-filter.filter--color .color-filter.color-filter--rounded { border-radius: 50%; } .sidebar-filter.filter--color li a:hover .color-filter, .sidebar-filter.filter--color .color-filter.current { box-shadow: 0px 0px 0px 1px var(--text-color, #000000); } .sidebar-filter.filter--color label { cursor: pointer; } span.filter__count { font-size: 80%; } .filter--price-range { margin-bottom: 20px; } .filter--price-range .filter-range__field { display: inline-block; width: auto; margin-bottom: 15px; } .filter-range__slider--input { position: absolute; left: 0; bottom: 0; } .filter-range__slider--wrapper { position: relative; display: inline-block; width: 100%; margin: 10px 0 20px 0; } .filter--price-range .filter-range__field__input { border: 1px solid var(--dotted-color); text-align: left; -moz-appearance: textfield; width: auto !important; min-width: 80px; margin: unset !important; float: unset !important; } .filter-range__field__input::-webkit-outer-spin-button, .filter-range__field__input::-webkit-inner-spin-button { -webkit-appearance: none; } .filter-range__field__input:invalid, .filter-range__field__input:out-of-range { border: 2px solid var(--error-msg-dark); } .filter-range__slider--input { -webkit-appearance: none; width: 100%; } .filter-range__slider--input:focus { outline: none; } .filter-range__slider--input:focus::-webkit-slider-runnable-track { background: var(--text-color); } .filter-range__slider--input:focus::-ms-fill-lower { background: var(--text-color); } .filter-range__slider--input:focus::-ms-fill-upper { background: var(--text-color); } .filter-range__slider--input::-webkit-slider-runnable-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: var(--text-color); border-radius: 1px; box-shadow: none; border: 0; } .filter-range__slider--input::-webkit-slider-thumb { z-index: 1; position: relative; box-shadow: 0px 0px 0px #000; border: 1px solid var(--text-color); height: 18px; width: 18px; border-radius: 25px; background: var(--background); cursor: pointer; -webkit-appearance: none; margin-top: -7px; } .filter-range__slider--input::-moz-range-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: var(--text-color); border-radius: 1px; box-shadow: none; border: 0; } .filter-range__slider--input::-moz-range-thumb { z-index: 2; position: relative; box-shadow: 0px 0px 0px #000; border: 1px solid var(--text-color); height: 18px; width: 18px; border-radius: 25px; background: var(--background); cursor: pointer; } .filter-range__slider--input::-ms-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } .filter-range__slider--input::-ms-fill-lower, .filter-range__slider--input::-ms-fill-upper { border-radius: 1px; box-shadow: none; border: 0; } .filter-range__slider--input::-ms-fill-upper { background: var(--text-color); } .filter-range__slider--input::-ms-fill-lower { background: #eee; } .filter-range__slider--input::-ms-thumb { z-index: 2; position: relative; box-shadow: 0px 0px 0px #000; border: 1px solid var(--text-color); height: 18px; width: 18px; border-radius: 25px; background: var(--background); cursor: pointer; } @-moz-document url-prefix() { .filter-range__slider--input { position: relative; } .filter-range__slider--input, .filter-range__field { display: inline-block; width: 47%; } .collection__page-sidebar .filter-range__field__input,.filter-price__dropdown .filter-range__field__input { width: 80% !important; } .filter--price-range .filter-range__field { width: 47% !important; } .filter-range__field__currency { display: inline-block; width: 10%; } } span.filter_count { font-size: 80%; } ul.current_tags { margin-bottom: 20px; } ul.current_tags li { margin: 0 5px 5px 0; display: inline-block; } ul.current_tags li.current_tag a { background: #f5f5f5; padding: 10px 25px 10px 8px; color: var(--text-color); display: block; position: relative; } ul.current_tags li.current_tag a:after { content: "x"; position: absolute; right: 10px; font-size: 14px; } ul.current_tags li a.clear-tags { text-decoration: underline; } #CollectionFiltersForm, #SearchFiltersForm { display: inline-block; width: 100%; } .collection__filtering, .search__filtering { position: relative; width: 220px; display: inline-block; height: 44px; } @media screen and (max-width: 980px) { .collection__filtering, .search__filtering { width: 100%; display: block; } .search__horizontal-toolbar .filter { width: 100% !important; display: block !important; } .search__filtering { width: 100% !important; } } .collection__filtering svg, .search__filtering svg, .filter--price-range svg { position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); z-index: 1; right: 5px; pointer-events: none; width: 15px; } .collection__filtering svg path, .search__filtering svg path, .filter--price-range svg path { fill: var(--text-color); } .collection__filtering.open svg path, .collection__filtering:hover svg path, .search__filtering.open svg path, .search__filtering:hover svg path, .filter--price-range.active svg path, .filter--price-range:hover svg path { fill: var(--background); } .collection__horizontal-toolbar .chosen-value, .collection__horizontal-toolbar .value-list, .search__horizontal-toolbar .chosen-value, .search__horizontal-toolbar .value-list { position: absolute; top: 0; left: 0; width: 100%; } .collection__horizontal-toolbar .value-list li [type="checkbox"], .collection__sidebar-block.sidebar-filter [type="checkbox"], .search__horizontal-toolbar .value-list li [type="checkbox"] { display: none; } .collection__horizontal-toolbar .chosen-value, .search__horizontal-toolbar .chosen-value { height: 44px; font-size: var(--font-size); background-color: var(--background); border: 1px solid var(--dotted-color); transition: 0.3s ease-in-out; text-align: left; margin-bottom: 0 !important; } .collection__horizontal-toolbar .chosen-value::-webkit-input-placeholder, .search__horizontal-toolbar .chosen-value::-webkit-input-placeholder, .collection__horizontal-toolbar .chosen-value::placeholder, .search__horizontal-toolbar .chosen-value::placeholder { color: var(--text-color); opacity: 1 !important; } .collection__horizontal-toolbar .chosen-value:hover, .search__horizontal-toolbar .chosen-value:hover { background-color: var(--text-color) ; cursor: pointer; color: var(--background) ; } .collection__horizontal-toolbar .chosen-value:hover::-webkit-input-placeholder, .search__horizontal-toolbar .chosen-value:hover::-webkit-input-placeholder, .collection__horizontal-toolbar .chosen-value:hover::placeholder, .search__horizontal-toolbar .chosen-value:hover::placeholder { color: var(--background); } .collection__horizontal-toolbar .chosen-value:focus, .collection__horizontal-toolbar .chosen-value.open, .search__horizontal-toolbar .chosen-value:focus, .search__horizontal-toolbar .chosen-value.open { box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2); outline: 0; background-color: var(--text-color); color: var(--background); } .collection__horizontal-toolbar .chosen-value:focus::-webkit-input-placeholder, .collection__horizontal-toolbar .chosen-value.open::-webkit-input-placeholder, .search__horizontal-toolbar .chosen-value:focus::-webkit-input-placeholder, .search__horizontal-toolbar .chosen-value.open::-webkit-input-placeholder, .collection__horizontal-toolbar .chosen-value:focus::placeholder, .collection__horizontal-toolbar .chosen-value.open::placeholder, .search__horizontal-toolbar .chosen-value:focus::placeholder, .search__horizontal-toolbar .chosen-value.open::placeholder { color: var(--background); } .collection__horizontal-toolbar .value-list, .search__horizontal-toolbar .value-list { list-style: none; margin-top: 44px; box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2); overflow: hidden; max-height: 0; transition: 0.3s ease-in-out; z-index: 4; } .collection__page-sidebar ::-webkit-scrollbar, .collection__horizontal-toolbar ::-webkit-scrollbar, .search__horizontal-toolbar ::-webkit-scrollbar { width: 3px; height: 3px; } .collection__page-sidebar ::-webkit-scrollbar-button, .collection__horizontal-toolbar ::-webkit-scrollbar-button, .search__horizontal-toolbar ::-webkit-scrollbar-button { width: 0px; height: 0px; } .collection__page-sidebar ::-webkit-scrollbar-thumb, .collection__horizontal-toolbar ::-webkit-scrollbar-thumb, .search__horizontal-toolbar ::-webkit-scrollbar-thumb { background: var(--text-color); border: 0px none #ffffff; border-radius: 50px; } .collection__page-sidebar ::-webkit-scrollbar-thumb:hover, .collection__horizontal-toolbar ::-webkit-scrollbar-thumb:hover, .search__horizontal-toolbar ::-webkit-scrollbar-thumb:hover { background: #ffffff; } .collection__page-sidebar ::-webkit-scrollbar-thumb:active, .collection__horizontal-toolbar ::-webkit-scrollbar-thumb:active, .search__horizontal-toolbar ::-webkit-scrollbar-thumb:active { background: #000000; } .collection__page-sidebar ::-webkit-scrollbar-track, .collection__horizontal-toolbar ::-webkit-scrollbar-track, .search__horizontal-toolbar ::-webkit-scrollbar-track { background: var(--dotted-color); border: 0px none #ffffff; border-radius: 50px; } .collection__page-sidebar ::-webkit-scrollbar-track:hover, .collection__horizontal-toolbar ::-webkit-scrollbar-track:hover, .search__horizontal-toolbar ::-webkit-scrollbar-track:hover { background: var(--dotted-color); } .collection__page-sidebar ::-webkit-scrollbar-track:active, .collection__horizontal-toolbar ::-webkit-scrollbar-track:active, .search__horizontal-toolbar ::-webkit-scrollbar-track:active { background: #333333; } .collection__page-sidebar ::-webkit-scrollbar-corner, .collection__horizontal-toolbar ::-webkit-scrollbar-corner, .search__horizontal-toolbar ::-webkit-scrollbar-corner { background: transparent; } .collection__horizontal-toolbar .value-list.open, .search__horizontal-toolbar .value-list.open { max-height: 320px; overflow: auto; } .collection__page-sidebar label, .collection__horizontal-toolbar label, .search__horizontal-toolbar label { display: inline-block; font-weight: normal; margin-bottom: 0; cursor: pointer; } .collection__horizontal-toolbar .value-list li, .search__horizontal-toolbar .value-list li { position: relative; height: 34px; background-color: var(--background); padding: 0 16px; display: flex; align-items: center; cursor: pointer; transition: background-color 0.3s; opacity: 1; line-height: initial; } .collection__horizontal-toolbar .value-list li:hover, .search__horizontal-toolbar .value-list li:hover { background-color: var(--text-color); color: var(--background); } .collection__horizontal-toolbar .value-list li.closed, .search__horizontal-toolbar .value-list li.closed { max-height: 0; overflow: hidden; padding: 0; opacity: 0; } .search__horizontal-toolbar .filter--regular .value-list li.current .js-hz-filter-label, .search__horizontal-toolbar .filter--size .value-list li.current .js-hz-filter-label, .collection__horizontal-toolbar .filter--regular .value-list li.current .js-hz-filter-label, .collection__horizontal-toolbar .filter--size .value-list li.current .js-hz-filter-label { padding-left: 15px; } .collection__horizontal-toolbar .filter--regular .value-list li.current:before, .collection__horizontal-toolbar .filter--size .value-list li.current:before, .search__horizontal-toolbar .filter--regular .value-list li.current:before, .search__horizontal-toolbar .filter--size .value-list li.current:before { content: ""; display: inline-block; transform: rotate(45deg); height: 10px; width: 8px; border-bottom: 2px solid #999; border-right: 2px solid #999; position: absolute; top: 35%; } .collection__horizontal-toolbar .filter--regular .value-list li.current:hover:before, .collection__horizontal-toolbar .filter--size .value-list li.current:hover:before, .search__horizontal-toolbar .filter--regular .value-list li.current:hover:before, .search__horizontal-toolbar .filter--size .value-list li.current:hover:before { content: ''; height: 10px; width: unset; border-left: 2px solid #999; border-right: unset; border-bottom: unset; position: absolute; transform: rotate(-45deg); left: 17px; top: 38%; margin-right: unset; margin-left: unset; } .collection__horizontal-toolbar .filter--regular .value-list li.current:hover:after, .collection__horizontal-toolbar .filter--size .value-list li.current:hover:after, .search__horizontal-toolbar .filter--regular .value-list li.current:hover:after, .search__horizontal-toolbar .filter--size .value-list li.current:hover:after { content: ''; height: 10px; border-left: 2px solid #999; position: absolute; transform: rotate(45deg); left: 17px; top: 38%; } .collection__horizontal-toolbar .color-filter, .search__horizontal-toolbar .color-filter { min-width: var(--color-filter-size, 34px) !important; width: var(--color-filter-size, 34px) !important; height: var(--color-filter-size, 34px) !important; line-height: calc(var(--color-filter-size, 34px) - 2px) !important; vertical-align: middle; border: 2px solid #fff; box-shadow: 0px 0px 0px 1px var(--dotted-color, #d6d6d6); display: inline-block; margin: 0 10px 0 0; line-height: initial; vertical-align: middle; background-size: contain; background-position: center; cursor: pointer; } .collection__horizontal-toolbar .color-filter.color-filter--rounded, .search__horizontal-toolbar .color-filter.color-filter--rounded { border-radius: 50%; } .collection__horizontal-toolbar li a:hover .color-filter, .collection__horizontal-toolbar .color-filter.current, .search__horizontal-toolbar li a:hover .color-filter, .search__horizontal-toolbar .color-filter.current { box-shadow: 0px 0px 0px 1px var(--text-color, #000000); } .collection__horizontal-toolbar .value-list > li.disabled, .search__horizontal-toolbar .value-list > li.disabled { color: var(--disabled-text); cursor: not-allowed; pointer-events: none; text-decoration: none; } .collection__horizontal-toolbar #collection--filters, .search__horizontal-toolbar #collection--filters { line-height: 0; width: 100%; text-align: left; } .collection__horizontal-toolbar .filter, .search__horizontal-toolbar .filter { display: inline-block; margin-right: 10px; border: 0; margin-bottom: 10px; } .collection__page-filter { margin-bottom: 20px; } .filter-price__trigger { height: 44px; font-size: var(--font-size); background-color: var(--background); color: var(--text-color); border: 1px solid var(--dotted-color); transition: .3s ease-in-out; text-align: left; margin-bottom: 0!important; position: relative; width: 220px; display: inline-block; line-height: 44px; padding-left: 10px; border-radius: unset !important; letter-spacing: unset; } @media screen and (max-width: 980px) { .filter-price__trigger { width: 100%; display: block; } } .collection__horizontal-toolbar .filter--price-range, .search__horizontal-toolbar .filter--price-range { position: relative; vertical-align: top; } .collection__horizontal-toolbar .filter-price__trigger:hover, .search__horizontal-toolbar .filter-price__trigger:hover { background-color: var(--text-color); color: var(--background); cursor: pointer; } .collection__horizontal-toolbar .filter-price__dropdown, .search__horizontal-toolbar .filter-price__dropdown { box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%); transition: .3s ease-in-out; z-index: 2; position: absolute; top: 44px; left: 0; background: white; padding: 10px; line-height: initial; } .collection__horizontal-toolbar .filter-price__trigger.active, .search__horizontal-toolbar .filter-price__trigger.active { box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%); outline: 0; background-color: var(--text-color); color: var(--background); } .collection__horizontal-toolbar .filter-range__footer, .search__horizontal-toolbar .filter-range__footer { border-top: 1px solid var(--dotted-color); padding-top: 10px; } .collection__page-filter ul#collection--filters { width: 100%; text-align: left; } .collection__page-filter .filter { display: inline-block; margin-right: 10px; border: 0; } select.styled-select { display: inline-block; width: initial; min-width: 220px; vertical-align: middle; border: 1px solid var(--dotted-color); float: left; margin: 0 0 0 10px; background: var(--select-arrow-bg) right no-repeat; -webkit-appearance: none; -moz-appearance: none; } @media screen and (max-width: 980px) { ul#collection--filters { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-bottom: 10px; } .collection__page-filter { margin-top: 0; } ul#collection--filters li select.styled-select { width: 100%; margin-left: 0; min-width: 100%; } .collection__page-filter .filter { width: 100%; float: left; display: inline-block; margin: 0; } } .collection__page-products.product-loop, .featured__collection.product-loop { margin: 0 auto; width: 100%; display: grid; grid-column-gap: 25px; grid-row-gap: 40px; } @media screen and (max-width: 740px) { .collection__page-products.product-loop { grid-template-columns: repeat(2, 1fr); } .collection__page-products.product-loop, .featured__collection.product-loop { grid-column-gap: 10px; } } .image_natural .box-ratio, .image_square .box-ratio, .image_landscape .box-ratio, .image_portrait .box-ratio { width: 100%; position: relative; margin-left: auto; margin-right: auto; background-color: transparent; } .image_square .box-ratio, .image_square .product-loop__video-inner-wrapper { padding-bottom: 100% !important; } .image_landscape .box-ratio, .image_landscape .product-loop__video-inner-wrapper { padding-bottom: 75% !important; } .image_portrait .box-ratio, .image_portrait .product-loop__video-inner-wrapper { padding-bottom: 150% !important; } .box-ratio .placeholder-svg { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .image_natural .box-ratio img, .image_square .box-ratio img, .image_landscape .box-ratio img, .image_portrait .box-ratio img { object-fit: cover; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-index img { display: block; margin: 0 auto 10px; } .reveal .hidden { display: block !important; visibility: visible !important; overflow: hidden; } @media (hover: hover) { .product-index:hover .reveal img { opacity: 1; } } .reveal { position: relative; } .reveal .hidden { position: absolute; z-index: -1; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } @media (hover: hover) { .reveal:hover .hidden { z-index: 1; opacity: 1; background-color: var(--background); } } @media (min-width: 480px) and (max-width: 979px) { .reveal .caption { font-size: 11px; } } .prod-container { text-align: center; position: relative; overflow: hidden; } .prod-image { display: flex; align-items: flex-start; justify-content: center; } .product-index { position: relative; } .product-info { text-align: var(--product-info-align); margin-top: 10px; } .product-info .product__vendor { margin-bottom: 5px; } .product-info h2, .product-info .product__title { display: block; font-size: var(--font-size); font-family: var(--main-family); font-weight: var(--main-weight); letter-spacing: initial; padding: 0; margin-bottom: 5px; } #product-info p { font-size: var(--font-size); margin-bottom: 0; } #product-info a { text-decoration: none !important; } .price.price--listing { font-size: var(--font-size); } .icn { position: absolute; top: 10px; left: 10px; text-align: center; padding: 3px 8px 2px; text-transform: uppercase; font-size: .7em; letter-spacing: .07em; font-weight: bold; } .icn ~ .icn { margin-top: 30px !important; } .new { z-index: 3; background: var(--new-background); color: var(--new-text); } .sale-item { z-index: 3; background: var(--sale-background); color: var(--sale-text); } .so { z-index: 4; background: var(--soldout-background); color: var(--soldout-text); } .pre-order { z-index: 2; background: var(--soldout-background); color: var(--soldout-text); } .product-index .prod-image a:hover { border-bottom: none; } .product--grid__swatches { display: flex; flex-direction: column; } .product--grid__swatches .prod-colors { order: 0; } .product--grid__swatches .prod-sizes { order: 1; } .color-swatch { margin: 0; } .color-swatch ul { list-style-type: none; margin: 0; padding: 0; margin-top: 10px; } .color-swatch ul { text-align: var(--product-info-align); } .color-swatch li { display:-moz-inline-stack; display:inline-block; zoom:1; padding:0; margin:0px 2px; } .color-swatch li span { display: block; margin: 5px 10px; } .color-swatch li.color { width: 20px; height: 20px; } .color-swatch li.color span { width: 100%; height: 100%; margin: 0; border-radius: 50%; box-shadow: 0px 0px 0px 1px var(--dotted-color); background-position: center; background-size: 50px; } .color-swatch .options li { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-font-smoothing: antialiased; } .color-swatch ul p { display: none; } .size-swatch ul { list-style: none; margin-top: 5px; margin-bottom: 0; text-align: var(--product-info-align); } .size-swatch ul li { display: inline-block; vertical-align: middle; margin: 0 5px 5px 0; background: transparent; } .size-swatch ul li a { font-size: 12px; } .size-swatch ul p { display: none; } ul.meta-content { display: flex; list-style: none; margin: 5px 0; flex-direction: row; flex-wrap: wrap; column-gap: 5px; justify-content: var(--product-info-align); } ul.meta-content strong { flex: 1 0 100%; } .collection__list-collections.collection-loop { margin: 0 auto; width: 100%; display: grid; grid-column-gap: 25px; grid-row-gap: 40px; } @media screen and (max-width: 740px) { .collection__list-collections.collection-loop { grid-template-columns: repeat(2, 1fr); } } .collection__list-collections .flickity-prev-next-button.previous { left: -10px; } .collection__list-collections .flickity-prev-next-button.next { right: -10px; } .collection__item-image a { position: relative; display: inline-block; width: 100%; } .collection__list-item, .collection__item-image { position: relative; } .collection__item-image { line-height: 0; } .collection__item-image .collection__item-details { line-height: initial; } .collection__item-details { position: relative; top: initial; margin-top: 10px; padding: 0; background: transparent; text-align: center; } .collection__list-text-floating--true .collection__list-item .collection__item-details h4 { transition: transform 1.5s; } .collection__list-text-floating--true .collection__list-item:hover .collection__item-details h4 { transform: scale(1.1); } .collection__list-text-floating--false .collection__list-item:hover .collection__item-details h4 { text-decoration: underline; } .collection__list-text-floating--true .collection__item-image .box-ratio:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.15); content: ""; } .collection__list-text-floating--true .collection__item-details { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; margin-top: 0; } .collection__item-details h3 { font-size: var(--font-size); font-weight: var(--main-weight); font-family: var(--main-family); letter-spacing: initial; } .collection__item-details.is_bold h3 { font-weight: 800; } .collection__list-text-floating--true .collection__item-details h3, .collection__list-text-floating--true .collection__item-details p { color: var(--hero-color); } .collection__list-img-shape--true .collection__item-image { overflow: hidden; } .collection__list-img-shape--true .collection__item-image > a { width: 100%; display: inline-block; } .collection__list-img-shape--true .collection__item-image img { object-fit: cover; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; height: 100%; } .collection-image.onboard { position: relative; } .collection-image.no-image--placeholder svg { fill: transparent !important; } .collection__list-img-shape--true .collection__item-image svg { position: absolute; } .collection__list-ratio--rhombus .collection__item-image .box-ratio { -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); } .collection__list-ratio--hexagon .collection__item-image .box-ratio { -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); } .collection__list-ratio--circle .collection__item-image .box-ratio { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); } .collection__list-ratio--hexagon .collection__item-image .box-ratio { padding-bottom: 110% !important; } .collection__list-ratio--square .collection__item-image .box-ratio, .collection__list-ratio--circle .collection__item-image .box-ratio, .collection__list-ratio--rhombus .collection__item-image .box-ratio { padding-bottom: 100% !important; } .collection__list-ratio--vertical .collection__item-image .box-ratio { padding-bottom: 150% !important; } .collection__list-ratio--horizontal .collection__item-image .box-ratio { padding-bottom: 66.666% !important; } .pswp__link { display: block; } .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } .pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } .pswp__img--placeholder { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pswp__img--placeholder--blank { background: #fff; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } .pswp__button { width: 44px; height: 44px; position: relative; display: inline-block; vertical-align: middle; margin: 15px; background-color: var(--background); cursor: pointer; overflow: visible; -webkit-appearance: none; border: 0; padding: 0; opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; border-radius: 50% !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; box-shadow: 0px 0px 1px 1px #ccc; } .pswp__button:focus, .pswp__button:hover { opacity: 1; background-color: var(--background); } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } .pswp__button svg { pointer-events: none; } .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__element--disabled { display: none; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { width: 45px; height: 45px; display: inline-flex; align-items: center; justify-content: center; } .pswp--zoom-allowed .pswp__button--zoom, .pswp__button.pswp__button--zoom { display: none; } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } .pswp__ui { position: absolute; left: 0; right: 0; bottom: 10px; padding: 20px 0; width: 100%; text-align: center; justify-content: center; background: transparent; transform: translateY(0); transition: 0.3s 0.5s; } .pswp__ui.pswp__ui--hidden { transform: translateY(200%); transition: 0s 0s; } .pswp__button--arrow--left:hover svg .hover-fill, .pswp__button--arrow--right:hover svg .hover-fill, .pswp__button--close:hover svg .hover-fill { fill: var(--text-color); } .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { background: url(preloader.gif) 0 0 no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; } @media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; } .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__top-bar, .pswp__caption { background-color: #fff; } .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); } .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; } .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001; } .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } .pswp__button > svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pswp__button { --nudge: 2px; } .pswp__button.pswp__button--arrow--left > svg { left: calc(50% - var(--nudge)); } .pswp__button.pswp__button--arrow--right > svg { left: calc(50% + var(--nudge)); } .newsletter__section { margin: 0; text-align: left; background: var(--section-background); } .newsletter__section .newsletter__section-container { display: grid; grid-template-columns: 2fr 2fr; grid-column-gap: 50px; align-items: center; justify-items: stretch; padding: 50px 20px; } .newsletter__section p { margin-bottom: 0; } .newsletter__section-contentWrapper form { position: relative; } .newsletter__section .newsletter__section-email, .newsletter__section .newsletter__section-submit { display: inline-block !important; height: 48px; line-height: 48px; margin: 0; } .newsletter__section .newsletter__section-submit { width: auto; position: absolute; right: 0; margin-top: -1px; border: 0 !important; } .newsletter__section .newsletter__section-email { width: 100%; text-align: left; border-top: 0; border-right: 0; border-left: 0; border-radius:0; outline: 0; appearance: none; -webkit-appearance: none; background: transparent; } ul.newsletter__social-icons li { display: inline-block; margin: 0 10px 0; } ul.newsletter__social-icons { margin: 20px 0; } ul.newsletter__social-icons li a { font-size: 10px; display: block; } .newsletter__section .newsletter__section-email:focus::-webkit-input-placeholder, .newsletter__section .newsletter__section-email:focus:-moz-placeholder, .newsletter__section .newsletter__section-email:focus::-moz-placeholder, .newsletter__section .newsletter__section-email:focus:-ms-input-placeholder { color: transparent; } @media screen and (max-width: 740px) { .newsletter__section .newsletter__section-container { grid-row-gap: 30px; text-align: center; padding-bottom: 20px; } .newsletter__section-contentWrapper { grid-column: 1 / span 4; } .newsletter__section .newsletter__section-email { margin-bottom: 15px; } } .newsletter__section .errors { margin-top: 10px; } .newsletter__section .errors li { list-style: none; padding: 10px; } .newsletter__section h2, .newsletter__section p, .newsletter__section-subheading a, .newsletter__section p.success, .newsletter__section .errors { color: var(--text-color); } .newsletter__section .newsletter__section-email { border-bottom: 2px solid var(--text-color); color: var(--text-color); } .newsletter__section .newsletter__section-submit { background: transparent; color: var(--button-color); } .newsletter__section .newsletter__section-submit:hover { background: transparent !important; color: var(--button-color); } .newsletter__section .newsletter__section-email::-webkit-input-placeholder { color: var(--text-color); } .newsletter__section .newsletter__section-email:-moz-placeholder { color: var(--text-color); } .newsletter__section .newsletter__section-email::-moz-placeholder { color: var(--text-color); } .newsletter__section .newsletter__section-email:-ms-input-placeholder { color: var(--text-color); } .global__section { margin-top: calc(var(--section-padding) / 2); padding-bottom: calc(var(--section-padding) / 2); position: relative; } .global__section.padded--section { padding-top: calc(var(--section-padding) / 2); margin-top: 0; } .global__section.mt0 { margin-top: 0; } .global__section.mb0 { margin-bottom: 0; } .global__section.pt0 { padding-top: 0; } .global__section.pb0 { padding-bottom: 0; } .global__section h2.section-heading { padding: 10px 0; margin-bottom: 30px; text-align: center; width: 100%; position: relative; } .theme-features__section-title-border--top_and_bottom .global__section h2.section-heading { border-bottom: var(--border-weight) solid var(--dotted-color); border-top: var(--border-weight) solid var(--dotted-color); } .theme-features__section-title-border--bottom_only_full .global__section h2.section-heading { border-bottom: var(--border-weight) solid var(--dotted-color); } .theme-features__section-title-border--bottom_only_short .global__section h2.section-heading:after { content:""; width: 80px; margin-left: -40px; left: 50%; bottom: 0; position: absolute; border-bottom: var(--border-weight) solid var(--dotted-color); } .gallery__section-content { position: relative; display: grid; } .gallery__section-image:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content:""; background: var(--section-overlay-color); pointer-events: none; z-index: 1; } .gallery__section-block .gallery__image-caption, .gallery__section-image { grid-column: 1/2; grid-row: 1/2; } .gallery__section-block .gallery__image-caption { display: flex; flex-direction: column; justify-content: flex-end; row-gap: 10px; padding: 20px; background: var(--caption-background); z-index: 1; } .gallery__image-caption h3, .gallery__image-caption p, .gallery__image-caption a:not(.button) { margin-bottom: 0; color: var(--text-color); } .gallery__section-block > a { display: block; width: 100%; padding: calc(var(--keyboard-focus-border-weight) * 1px); outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important; } .gallery__image-caption h3, .gallery__image-caption p, .gallery__image-caption .button { margin-top: 0; margin-bottom: 0; } .gallery__image-caption a.button { font-size: var(--section-button-size); } .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio img { object-fit: cover; object-position: center center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio { padding-bottom: var(--desktop-section-height) !important; position: relative; } .gallery__section-container.is-fixed_height .gallery__section-image, .gallery__section-container.is-fixed_height .gallery__section-image .onboard, .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio img { height: var(--desktop-section-height); } @media screen and (max-width: 740px) { .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio { padding-bottom: var(--mobile-section-height) !important; } .gallery__section-container.is-fixed_height .gallery__section-image, .gallery__section-container.is-fixed_height .gallery__section-image .onboard, .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio img { height: var(--mobile-section-height); } } .theme-features__image-hover-transition--true .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio img { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .theme-features__image-hover-transition--true .gallery__section-container.is-fixed_height .gallery__section-content:hover .gallery__section-image img { -webkit-transform: scale(1.05) translate(-47.5%, -47.5%); transform: scale(1.05) translate(-47.5%, -47.5%); } @media screen and (min-width: 740px) { .gallery__section-content.hover__caption .gallery__image-caption, .gallery__section-content.hover__caption .gallery__section-image { transition: opacity .5s; } .gallery__section-content.hover__caption .gallery__image-caption { opacity: 0; } .gallery__section-content.hover__caption:hover .gallery__image-caption { opacity: 1; } .gallery__section-content.hover__caption:hover .gallery__section-image { opacity: 0.5; } } @media screen and (max-width: 740px) { .global__section .gallery__section-container.mobile__swipe { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; margin-bottom: 10px; grid-gap: 0; } .global__section .gallery__section-container.mobile__swipe::-webkit-scrollbar { display: none; -ms-overflow-style: none; } .global__section .gallery__section-container.mobile__swipe .gallery__section-block { flex: 0 0 auto; width: 270px; margin-right: 20px; float: none !important; } .global__section .gallery__section-container.mobile__swipe .gallery__section-block.last-block { margin-right: 0; } } .usp__content { text-align: center; padding: 20px 0; position: relative; } .usp__content p { margin-bottom: 0; } .usp__section .usp__content a { text-decoration: underline; } section.product__alt-section { padding-top: 40px; margin-bottom: 40px; } section.product__alt-section.parallax-product-image-with-text-overlay { padding-top: 0; margin-top: 40px; } .image__withText-section { background: var(--section-background); } .image__withText-section .image__withText-wrapper { grid-gap: 0px; align-items: center; justify-content: center; } @media screen and (max-width: 740px) { .image__withText-section .image__withText-wrapper { grid-row-gap: 20px; } } .image__withText-caption { display: flex; flex-direction: column; row-gap: 15px; padding: 30px; align-items: flex-start; } .image__withText-caption.a-left { align-items: left; } .image__withText-caption.a-center { align-items: center; } .image__withText-caption.a-center { align-items: right; } .image__withText-caption h3, .image__withText-caption .rte, .image__withText-caption a.button { margin-bottom: 0; } .image__withText-caption.a-left { align-items: flex-start; } .image__withText-caption.a-center { align-items: center; } .image__withText-caption.a-right { align-items: flex-end; } .image__withText-section h3, .image__withText-section .rte, .image__withText-section .rte p, .image__withText-section a:not(.button) { color: var(--text-color); } .image__withText-image { margin-top: 20px; margin-bottom: 20px; } .image__withText-image.mt0.pt0 { margin-top: 0; margin-bottom: 20px; } .image__withText-image.mb0.pb0 { margin-top: 20px; margin-bottom: 0px; } .image__withText-image.mt0.pt0.mt0.mb0 { margin-top: 0; margin-bottom: 0; } .image__withText-image.layout--overlap { display: grid; grid-template-columns: repeat(12, 1fr); position: relative; } .image__withText-image.layout--overlap .image--0 { grid-column: 1 / span 7; grid-row: 1; padding-top: 10%; } .image__withText-image.layout--overlap .image--1 { grid-column: 6 / -1; grid-row: 1; z-index: 1; } .image__withText-image.layout--overlap .image--1 .box-ratio, .image__withText-image.layout--overlap .image--1 .onboard { border: 1px solid #fff; } .image__withText-image.layout--parallel { display: flex; flex-wrap: nowrap; gap: 20px; } .image__withText-image.layout--parallel .image--0, .image__withText-image.layout--parallel .image--1 { flex: 0 0 calc(50% - 10px) } .image__withText-image.layout--parallel_no_spaces { display: flex; flex-wrap: nowrap; } .image__withText-image.layout--parallel_no_spaces .image--0, .image__withText-image.layout--parallel_no_spaces .image--1 { flex: 0 0 50%; } @media screen and ( max-width: 740px ) { .image__withText-wrapper .image__withText-image { grid-row: 1; margin-top: 0 !important; margin-bottom: 0 !important; } .image__withText-wrapper .image__withText-caption { grid-row: 2; padding: 0; } } .image__withText-image.is-fixed_height .box-ratio img { object-fit: cover; object-position: center center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .image__withText-image.is-fixed_height .box-ratio { padding-bottom: var(--desktop-section-height) !important; position: relative; } .image__withText-image.is-fixed_height, .image__withText-image.is-fixed_height .onboard, .image__withText-image.is-fixed_height .box-ratio img { height: var(--desktop-section-height); } @media screen and (max-width: 740px) { .image__withText-image.is-fixed_height .box-ratio { padding-bottom: var(--mobile-section-height) !important; } .image__withText-image.is-fixed_height, .image__withText-image.is-fixed_height .onboard, .image__withText-image.is-fixed_height .box-ratio img { height: var(--mobile-section-height); } } .theme-features__image-hover-transition--true .image__withText-image.is-fixed_height .box-ratio img { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .theme-features__image-hover-transition--true .image__withText-image.is-fixed_height:hover .box-ratio img { -webkit-transform: scale(1.05) translate(-47.5%, -47.5%); transform: scale(1.05) translate(-47.5%, -47.5%); } .note { padding: 20px; border: 1px solid var(--dotted-color); margin-bottom: 20px; } .note .underline { text-decoration: underline; } .or-divider { position: relative; font-size: var(--font-size); font-weight: bold; text-transform: uppercase; line-height: 1.6; } .or-divider span:before { content: ""; background: var(--dotted-color); height: 1px; width: 40%; position: absolute; left: 0; top: 50%; } .or-divider span:after { content: ""; background: var(--dotted-color); height: 1px; width: 40%; position: absolute; right: 0; top: 50%; } #predictive-search-results::-webkit-scrollbar , .modal__container ::-webkit-scrollbar , .slideout ::-webkit-scrollbar { width: 3px; height: 3px; } #predictive-search-results::-webkit-scrollbar-button, .modal__container ::-webkit-scrollbar-button, .slideout ::-webkit-scrollbar-button { width: 0px; height: 0px; } #predictive-search-results::-webkit-scrollbar-thumb , .modal__container ::-webkit-scrollbar-thumb , .slideout ::-webkit-scrollbar-thumb { background: var(--text-color); border: 0px none #ffffff; border-radius: 50px; } #predictive-search-results::-webkit-scrollbar-thumb:hover, .modal__container ::-webkit-scrollbar-thumb:hover, .slideout ::-webkit-scrollbar-thumb:hover { background: #ffffff; } #predictive-search-results::-webkit-scrollbar-thumb:active, .modal__container ::-webkit-scrollbar-thumb:active, .slideout ::-webkit-scrollbar-thumb:active { background: #000000; } #predictive-search-results::-webkit-scrollbar-track, .modal__container ::-webkit-scrollbar-track, .slideout ::-webkit-scrollbar-track { background: var(--dotted-color); border: 0px none #ffffff; border-radius: 50px; } #predictive-search-results::-webkit-scrollbar-track:hover, .modal__container ::-webkit-scrollbar-track:hover, .slideout ::-webkit-scrollbar-track:hover { background: var(--dotted-color); } #predictive-search-results::-webkit-scrollbar-track:active, .modal__container ::-webkit-scrollbar-track:active, .slideout ::-webkit-scrollbar-track:active { background: #333333; } #predictive-search-results::-webkit-scrollbar-corner, .modal__container ::-webkit-scrollbar-corner, .slideout ::-webkit-scrollbar-corner { background: transparent; } .modal__container { display: none; opacity: 0; position: absolute; z-index: 15; left: 50%; top: 10vh; transform: translateX(-50%); webkit-transition: opacity 1.2s ease-in-out; transition: opacity 1.2s ease-in-out; } .modal__container[data-wau-modal*="product-modal--template"] { position: fixed; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .modal__inner-content-container { max-height: 560px; overflow-y: auto; padding-right: 5px; margin: 10px; } .modal__inner-wrapper { background-color: var(--background); padding: 20px; border: 1px solid #888; max-height: 800px; overflow-y: hidden; position: relative; } @media (max-width: 739px) { .modal__inner-wrapper { max-height: unset; overflow-y: unset; } } .modal__inner-wrapper .loading-wrapper { height: 100%; } @media (min-width: 980px) { .modal__inner-wrapper, .modal__container { width: 880px; } } @media (min-width: 740px) and (max-width: 979px) { .modal__inner-wrapper, .modal__container { width: 90%; } } @media (max-width: 739px) { .modal__inner-wrapper, .modal__container { width: 100%; } .modal__inner-wrapper { max-height: unset; padding: 50px 10px 20px 10px !important; } } .modal__container.modal--active { display: block; opacity: 1; } .modal__container[data-wau-modal-full] { width: 100%; height: 100%; position: fixed; top: 0; left: 0; transform: unset; overflow: hidden; min-height: 100%; } .modal__container[data-wau-modal-full] .modal__inner-wrapper { border: unset; max-height: unset; width: 100%; height: 100%; overflow-y: auto; } .modal__container[data-wau-modal-full] .modal__inner-content-container { max-height: unset; padding: 0; margin: 0; overflow: unset; } .mini-cart__container { position: relative; } .ajax-cart__cart-item { position: relative; border-top: 1px solid var(--dotted-color); list-style: none; } .ajax-cart__cart-item:last-child { border-bottom: 1px solid var(--dotted-color); } .ajax-cart__item-remove { position: absolute; top: 10px; right: 10px; cursor: pointer; } .ajax-cart__item-image img { vertical-align: middle; } .ajax-cart__header__continue-link { font-size: var(--font-size); } .ajax-cart__header__continue-link-text { margin-left: 5px; } .ajax-cart__item-quantity { display: flex; align-items: center; justify-content: start; } @media (max-width: 741px) { .ajax-cart__item-quantity button { padding: 0px 10px; } } .ajax-cart__qty-control--down, .ajax-cart__qty-control--up { border: 1px solid var(--dotted-color); padding: 0; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; text-align: center; font-size: initial; background: var(--background); color: var(--text-color); } .ajax-cart__qty-input { display: inline-block; vertical-align: middle; height: 40px !important; border-right: 0 !important; border-left: 0 !important; border-width: 1px !important; border-color: var(--dotted-color) !important; width: 80px !important; text-indent: 0 !important; margin-bottom: 0 !important; } .ajax-cart__cart-variants { font-size: var(--font-size); margin-bottom: 10px; } input.ajax-cart__qty-input::-webkit-outer-spin-button, input.ajax-cart__qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number].ajax-cart__qty-input { -moz-appearance: textfield; } .ajax-cart__title a { display: block; max-width: 225px; } .ajax-cart__accordion .accordion-content { list-style: none; padding-left: 0; } .ajax-cart__accordion .accordion-content.closed, .ajax-cart__accordion .accordion-content2.closed { display: none; } .ajax-cart__accordion .accordion-content.default, .ajax-cart__accordion .accordion-content, .ajax-cart__accordion .accordion-content2.default, .ajax-cart__accordion .accordion-content2 { display: block; } .ajax-cart__accordion .tlink.has_sub_menu, .ajax-cart__accordion .tlink2.has_sub_menu { cursor: pointer; list-style: none; position: relative; margin-bottom: 10px; } .ajax-cart__accordion .tlink.has_sub_menu a, .ajax-cart__accordion .tlink2.has_sub_menu a { padding: 10px; display: inline-block; width: 100%; font-size: var(--font-size); } .ajax-cart__accordion .tlink.has_sub_menu span.icon, .ajax-cart__accordion .tlink2.has_sub_menu span.icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; } .ajax-cart__accordion .tlink.has_sub_menu span.icon.active-arrow, .ajax-cart__accordion .tlink.has_sub_menu.closed span.icon.inactive-arrow, .ajax-cart__accordion .tlink2.has_sub_menu span.icon.active-arrow, .ajax-cart__accordion .tlink2.has_sub_menu.closed span.icon.inactive-arrow { display: block; } .ajax-cart__accordion .tlink.has_sub_menu.closed span.icon.active-arrow, .ajax-cart__accordion .tlink.has_sub_menu span.icon.inactive-arrow, .ajax-cart__accordion .tlink2.has_sub_menu.closed span.icon.active-arrow, .ajax-cart__accordion .tlink2.has_sub_menu span.icon.inactive-arrow { display: none; } .ajax-cart__accordion .tlink.has_sub_menu:after, .ajax-cart__accordion .accordion-toggle2:after { padding-right: 0; } .ajax-cart__free-shipping { padding: 20px; margin-bottom: 15px; background-color: var(--free-shipping-bg); color: var(--free-shipping-text); } .ajax-cart__final-details div { margin-bottom: 5px; } .ajax-cart__final-details .discounts { display: flex; } .ajax-cart__final-details .discounts > * { width: 100%; } .ajax-cart__final-details .discounts .a-right { font-size: var(--font-size); list-style: none; } .ajax-cart__final-details div > p { display: inline-block; font-size: var(--font-size); width: 49%; vertical-align: middle; } .ajax-cart__item-price dl, .ajax-cart__item-line-price dl { margin-bottom: 0; } .ajax-cart__item-price dd, .ajax-cart__item-line-price span { font-size: var(--font-size); } .ajax-cart__order-discount { list-style: none; } .ajax-cart__order-discount .order-discount__item .onsale { font-size: 11px; } .ajax-cart__button-view_cart { text-align: center; } .ajax-cart__cart-form { grid-column-gap: 10px; } .ajax-cart__empty-cart { font-size: var(--font-size); } .mini-cart__cart-note { grid-column: auto / span 12; width: 95%; text-align: left; display: block; border: 1px solid var(--error-color); padding: 5px; color: var(--error-color); background-color: var(--error-color-light); margin-top: 10px; } .mini-cart__cart-note p { margin-bottom: 0; } .ajax-cart__page-wrapper .ajax-cart__cart-item { padding: 10px !important; } .ajax-cart__page-wrapper .ajax-cart__header-wrapper { padding: 20px 0; } .ajax-cart__page-wrapper .ajax-cart__button-view_cart { display: none; } .ajax-cart__buttons { text-align: right; } @media (min-width: 740px ) { .ajax-cart__page-wrapper .ajax-cart__item-image, .ajax-cart__page-wrapper .ajax-cart__item-price, .ajax-cart__page-wrapper .ajax-cart__item-qty, .ajax-cart__page-wrapper .ajax-cart__item-line-price { grid-column: auto / span 2; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__item-details { grid-column: auto / span 4; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__info-wrapper { grid-column: auto / span 6; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__summary-wrapper { grid-column: auto / span 6; width: 100%; } } @media (min-width: 1250px) { .ajax-cart__page-wrapper .ajax-cart__item-image .box-ratio, .ajax-cart__page-wrapper .ajax-cart__item-image img { max-width: 160px; } } @media (min-width: 980px) and (max-width: 1249px) { .ajax-cart__page-wrapper .ajax-cart__item-image .box-ratio, .ajax-cart__page-wrapper .ajax-cart__item-image img { max-width: 120px; } .ajax-cart__page-wrapper .ajax-cart__qty-input { width: 40px !important; } } @media (min-width: 740px) and (max-width: 979px) { .ajax-cart__page-wrapper .ajax-cart__item-image .box-ratio, .ajax-cart__page-wrapper .ajax-cart__item-image img { max-width: 100px; } .ajax-cart__page-wrapper .ajax-cart__qty-input { width: 40px !important; } } @media (max-width: 739px) { .ajax-cart__page-wrapper .ajax-cart__item-image .box-ratio, .ajax-cart__page-wrapper .ajax-cart__item-image img { max-width: 70px; } .ajax-cart__page-wrapper .ajax-cart__item-image { grid-column: auto / span 4; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__item-price, .ajax-cart__page-wrapper .ajax-cart__item-line-price { grid-column: auto / span 3; width: 100%; text-align: center; } .ajax-cart__page-wrapper .ajax-cart__item-qty { grid-column: auto / span 6; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__item-details { grid-column: auto / span 8; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__info-wrapper { grid-column: auto / span 12; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__summary-wrapper { grid-column: auto / span 12; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__item-quantity { text-align: center; } .ajax-cart__title a { max-width: 190px; } } .ajax-cart__page-wrapper .ajax-cart__empty-cart { margin-top: 100px; padding-bottom: 100px; } .ajax-cart__drawer-wrapper .ajax-cart__header-wrapper { padding: 10px 15px; } .ajax-cart__drawer-wrapper .ajax-cart__info-wrapper, .ajax-cart__drawer-wrapper .ajax-cart__summary-wrapper { padding: 0 15px; } .ajax-cart__drawer-wrapper .ajax-cart__cart-item { padding: 15px !important; grid-row-gap: 0; } .ajax-cart__drawer-wrapper .ajax-cart__item-image img { max-width: 70px; } .ajax-cart__drawer-wrapper .ajax-cart__item-image { grid-column: auto / span 3; width: 100%; } .ajax-cart__drawer-wrapper .ajax-cart__item-price, .ajax-cart__drawer-wrapper .ajax-cart__item-line-price { grid-column: auto / span 3; width: 100%; text-align: center; } .ajax-cart__drawer-wrapper .ajax-cart__item-qty { grid-column: auto / span 6; width: 100%; } .ajax-cart__drawer-wrapper .ajax-cart__item-details { grid-column: auto / span 9; width: 100%; } .ajax-cart__drawer-wrapper .ajax-cart__info-wrapper { grid-column: auto / span 12; width: 100%; } .ajax-cart__drawer-wrapper .ajax-cart__summary-wrapper { grid-column: auto / span 12; width: 100%; } .ajax-cart__drawer-wrapper .ajax-cart__item-quantity { text-align: center; } .ajax-cart__drawer-wrapper .ajax-cart__empty-cart { margin-top: 100px; padding-bottom: 100px; } .ajax-cart__modal-wrapper .ajax-cart__header-wrapper { padding-bottom: 5px; } .ajax-cart__modal-wrapper .ajax-cart__cart-items { max-height: 320px; overflow-x: hidden; overflow-y: scroll; } .ajax-cart__modal-wrapper .ajax-cart__cart-item { padding: 10px 0 !important; } .ajax-cart__modal-wrapper .ajax-cart__item-image__wrapper { margin: 0 auto; text-align: center; } .ajax-cart__page-wrapper .ajax-cart__item-image .box-ratio { width: 100% !important; height: auto !important; padding-bottom: 0 !important; } .ajax-cart__modal-wrapper .ajax-cart__qty-input { width: 40px !important; height: 40px !important; line-height: 40px !important; } .ajax-cart__modal-wrapper .ajax-cart__empty-cart { margin-top: 100px; padding-bottom: 100px; } .ajax-cart__modal-wrapper .slideout__trigger-ajax-cart { padding: 0; height: 30px; line-height: 30px; } .ajax-cart__modal-wrapper .ajax-cart__final-details { margin-top: 10px; } .ajax-cart__modal-wrapper .ajax-cart__button-submit { margin-bottom: 0; } .ajax-cart__modal-wrapper .ajax-cart__button-view_cart { margin-bottom: 5px; } @media (min-width: 740px ) { .ajax-cart__modal-wrapper .ajax-cart__item-image, .ajax-cart__modal-wrapper .ajax-cart__item-price, .ajax-cart__modal-wrapper .ajax-cart__item-qty, .ajax-cart__modal-wrapper .ajax-cart__item-line-price { grid-column: auto / span 2; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__item-details { grid-column: auto / span 4; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__info-wrapper { grid-column: auto / span 6; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__summary-wrapper { grid-column: auto / span 6; width: 100%; } } @media (max-width: 739px) { .ajax-cart__modal-wrapper .ajax-cart__item-image { grid-column: auto / span 4; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__item-price, .ajax-cart__modal-wrapper .ajax-cart__item-line-price { grid-column: auto / span 3; width: 100%; text-align: center; } .ajax-cart__modal-wrapper .ajax-cart__item-qty { grid-column: auto / span 6; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__item-details { grid-column: auto / span 8; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__info-wrapper { grid-column: auto / span 12; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__summary-wrapper { grid-column: auto / span 12; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__item-quantity { text-align: center; } #modal-ajax-cart .modal__inner-wrapper { padding: 20px 10px 20px 10px !important; } } .ajax-cart__modal-wrapper .ajax-cart__accordion--shipping-calc, .ajax-cart__drawer-wrapper .ajax-cart__accordion--shipping-calc { display: none; } .shipping-calc__response--wrapper { border: 1px solid var(--dotted-color); margin-top: 15px; padding: 20px; font-size: var(--font-size); } .shipping-calc__rate { font-size: var(--font-size); } div#shipping-calculator select { width: 100%; clear: both; margin: 5px 0 10px; } input#address_zip { margin-top: 5px; } div#shipping-calculator .action_bottom { margin-bottom: 20px; } span.gift--wrap { padding: 10px; display: flex; width: 100%; margin-bottom: 10px; } span.gift--wrap label { font-size: var(--font-size); font-weight: var(--main-weight); display: flex; align-items: center; margin-bottom: 0; } span.gift--wrap input#gift_wrap { margin-right: 5px; } section.cart-page { margin-bottom: 50px; } section.cart-page h1 { border-bottom: 0 !important; } .product-listing__quickview-trigger { display:none; background: var(--button-color); color: var(--button-text); transition: all .25s ease-in-out; position: absolute; width: auto; top: 50%; left: 50%; z-index: 5; transform: translateX(-50%); text-align: center; letter-spacing: 1px; font-size: 11px; line-height: initial; border-radius: var(--button-border-radius); white-space: nowrap; } .product-listing__quickview-trigger:hover { color: var(--button-text-hover); background: var(--button-hover); text-decoration: none; cursor: pointer; } .product-listing__quickview-trigger:visited { background: var(--button-color); color: var(--button-text); } .product-index:hover .product-listing__quickview-trigger { display: block; } @media screen and (max-width: 740px) { .product-listing__quickview-trigger { display: none !important; } } .slideout__trigger-quickview__wrapper { position: absolute; top: 0; right: 0; z-index: 1; } .product-quickview__form-wrapper .flickity-button { z-index: 100; } .product__quickview-wrapper #thumbnails { display: none; } #modal-quickview-cart .product__section-content { padding: 0; } #modal-quickview-cart .product__section-details form { border-bottom: none; } @media (min-width: 740px ) { .slideout__trigger-quickview__wrapper { top: 1px; } #modal-quickview-cart .product-quickview__container { overflow-y: auto; max-height: 800px; margin: 10px; } .product-quickview__container .product__section-container { display: flex; flex-direction: row; align-items: center; gap: 30px; justify-content: space-between; background: var(--background); margin-bottom: 0; } #modal-quickview-cart .modal__inner-wrapper { padding: 10px !important; } } #modal-quickview-cart .product__section-images, #modal-quickview-cart .product__section-content { flex: 0 0 calc(50% - 15px); animation: fadeIn; animation-duration: 3s; } @media (max-width: 739px ) { .slideout__trigger-quickview__wrapper { top: 20px; } #modal-quickview-cart .product-quickview__container { overflow-y: auto; max-height: 560px; margin: 10px; padding-right: 10px; } } .product-quickview__container #slider.thumbs_bottom .flickity-prev-next-button.previous { left: 10px; } .product-quickview__container #slider.thumbs_bottom .flickity-prev-next-button.next { right: 10px; } aside#slideout-quickview-cart.slideout__drawer-right .product__section-container .product__section-images { flex: 0 0 100%; } aside#slideout-quickview-cart.slideout__drawer-right .product__section-container .product__section-content { flex: 0 0 100%; } aside#slideout-quickview-cart.slideout__drawer-right .product-quickview__container .product__section-container { flex-wrap: wrap; padding: 20px; align-items: flex-start; gap: 20px; } #modal-quickview-cart button.js-modal-close, #slideout-quickview-cart button.js-slideout-close { background: var(--background); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; padding: 0; justify-content: center; } .loading-wrapper { width: 100%; height: 100%; position: fixed; background: var(--background); z-index: 200; margin: 0 auto; text-align: center; opacity: 0.9; left: 0; top: 0; } .loading-ripple { display: inline-block; width: 80px; height: 80px; top: 50%; position: absolute; transform: translate(-50%, -50%); left: 50%; } .loading-ripple div { position: absolute; border: 4px solid var(--dotted-color); opacity: 1; border-radius: 50%; animation: loadingRipple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .loading-ripple div:nth-child(2) { animation-delay: -0.5s; } @keyframes loadingRipple { 0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0; } } .animate-hide { -webkit-animation-duration:0.75s; animation-duration:0.75s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .animate-show { -webkit-animation-duration:0.75s; animation-duration:0.75s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .animated.infinite { -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite } .animated.hinge { -webkit-animation-duration:2s; animation-duration:2s } @-webkit-keyframes bounce { 0%,20%,53%,80%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 40%,43% { -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06); transition-timing-function:cubic-bezier(.755,.05,.855,.06); -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0) } 70% { -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06); transition-timing-function:cubic-bezier(.755,.05,.855,.06); -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0) } 90% { -webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0) } } @keyframes bounce { 0%,20%,53%,80%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 40%,43% { -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06); transition-timing-function:cubic-bezier(.755,.05,.855,.06); -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0) } 70% { -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06); transition-timing-function:cubic-bezier(.755,.05,.855,.06); -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0) } 90% { -webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0) } } .bounce { -webkit-animation-name:bounce; animation-name:bounce; -webkit-transform-origin:center bottom; -ms-transform-origin:center bottom; transform-origin:center bottom } @-webkit-keyframes flash { 0%,50%,100% { opacity:1 } 25%,75% { opacity:0 } } @keyframes flash { 0%,50%,100% { opacity:1 } 25%,75% { opacity:0 } } .flash { -webkit-animation-name:flash; animation-name:flash } @-webkit-keyframes pulse { 0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } 50% { -webkit-transform:scale3d(1.05,1.05,1.05); transform:scale3d(1.05,1.05,1.05) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes pulse { 0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } 50% { -webkit-transform:scale3d(1.05,1.05,1.05); transform:scale3d(1.05,1.05,1.05) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } .pulse { -webkit-animation-name:pulse; animation-name:pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } 30% { -webkit-transform:scale3d(1.25,.75,1); transform:scale3d(1.25,.75,1) } 40% { -webkit-transform:scale3d(.75,1.25,1); transform:scale3d(.75,1.25,1) } 50% { -webkit-transform:scale3d(1.15,.85,1); transform:scale3d(1.15,.85,1) } 65% { -webkit-transform:scale3d(.95,1.05,1); transform:scale3d(.95,1.05,1) } 75% { -webkit-transform:scale3d(1.05,.95,1); transform:scale3d(1.05,.95,1) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes rubberBand { 0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } 30% { -webkit-transform:scale3d(1.25,.75,1); transform:scale3d(1.25,.75,1) } 40% { -webkit-transform:scale3d(.75,1.25,1); transform:scale3d(.75,1.25,1) } 50% { -webkit-transform:scale3d(1.15,.85,1); transform:scale3d(1.15,.85,1) } 65% { -webkit-transform:scale3d(.95,1.05,1); transform:scale3d(.95,1.05,1) } 75% { -webkit-transform:scale3d(1.05,.95,1); transform:scale3d(1.05,.95,1) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } .rubberBand { -webkit-animation-name:rubberBand; animation-name:rubberBand } @-webkit-keyframes shake { 0%,100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 10%,30%,50%,70%,90% { -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0) } } @keyframes shake { 0%,100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 10%,30%,50%,70%,90% { -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0) } } .shake { -webkit-animation-name:shake; animation-name:shake } @-webkit-keyframes swing { 20% { -webkit-transform:rotate3d(0,0,1,15deg); transform:rotate3d(0,0,1,15deg) } 40% { -webkit-transform:rotate3d(0,0,1,-10deg); transform:rotate3d(0,0,1,-10deg) } 60% { -webkit-transform:rotate3d(0,0,1,5deg); transform:rotate3d(0,0,1,5deg) } 80% { -webkit-transform:rotate3d(0,0,1,-5deg); transform:rotate3d(0,0,1,-5deg) } 100% { -webkit-transform:rotate3d(0,0,1,0deg); transform:rotate3d(0,0,1,0deg) } } @keyframes swing { 20% { -webkit-transform:rotate3d(0,0,1,15deg); transform:rotate3d(0,0,1,15deg) } 40% { -webkit-transform:rotate3d(0,0,1,-10deg); transform:rotate3d(0,0,1,-10deg) } 60% { -webkit-transform:rotate3d(0,0,1,5deg); transform:rotate3d(0,0,1,5deg) } 80% { -webkit-transform:rotate3d(0,0,1,-5deg); transform:rotate3d(0,0,1,-5deg) } 100% { -webkit-transform:rotate3d(0,0,1,0deg); transform:rotate3d(0,0,1,0deg) } } .swing { -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; animation-name:swing } @-webkit-keyframes tada { 0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } 10%,20% { -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) } 30%,50%,70%,90% { -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) } 40%,60%,80% { -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes tada { 0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } 10%,20% { -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) } 30%,50%,70%,90% { -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) } 40%,60%,80% { -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } .tada { -webkit-animation-name:tada; animation-name:tada } @-webkit-keyframes wobble { 0% { -webkit-transform:none; transform:none } 15% { -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 30% { -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 45% { -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 60% { -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 75% { -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform:none; transform:none } } @keyframes wobble { 0% { -webkit-transform:none; transform:none } 15% { -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 30% { -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 45% { -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 60% { -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 75% { -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform:none; transform:none } } .wobble { -webkit-animation-name:wobble; animation-name:wobble } @-webkit-keyframes bounceIn { 0%,20%,40%,60%,80%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 20% { -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 40% { -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 60% { opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03) } 80% { -webkit-transform:scale3d(.97,.97,.97); transform:scale3d(.97,.97,.97) } 100% { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes bounceIn { 0%,20%,40%,60%,80%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 20% { -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 40% { -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 60% { opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03) } 80% { -webkit-transform:scale3d(.97,.97,.97); transform:scale3d(.97,.97,.97) } 100% { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } .bounceIn { -webkit-animation-name:bounceIn; animation-name:bounceIn; -webkit-animation-duration:.75s; animation-duration:.75s } @-webkit-keyframes bounceInDown { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0) } 60% { opacity:1; -webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0) } 75% { -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0) } 90% { -webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInDown { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0) } 60% { opacity:1; -webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0) } 75% { -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0) } 90% { -webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0) } 100% { -webkit-transform:none; transform:none } } .bounceInDown { -webkit-animation-name:bounceInDown; animation-name:bounceInDown } @-webkit-keyframes bounceInLeft { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px,0,0); transform:translate3d(-3000px,0,0) } 60% { opacity:1; -webkit-transform:translate3d(25px,0,0); transform:translate3d(25px,0,0) } 75% { -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0) } 90% { -webkit-transform:translate3d(5px,0,0); transform:translate3d(5px,0,0) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInLeft { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px,0,0); transform:translate3d(-3000px,0,0) } 60% { opacity:1; -webkit-transform:translate3d(25px,0,0); transform:translate3d(25px,0,0) } 75% { -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0) } 90% { -webkit-transform:translate3d(5px,0,0); transform:translate3d(5px,0,0) } 100% { -webkit-transform:none; transform:none } } .bounceInLeft { -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft } @-webkit-keyframes bounceInRight { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(3000px,0,0); transform:translate3d(3000px,0,0) } 60% { opacity:1; -webkit-transform:translate3d(-25px,0,0); transform:translate3d(-25px,0,0) } 75% { -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0) } 90% { -webkit-transform:translate3d(-5px,0,0); transform:translate3d(-5px,0,0) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInRight { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(3000px,0,0); transform:translate3d(3000px,0,0) } 60% { opacity:1; -webkit-transform:translate3d(-25px,0,0); transform:translate3d(-25px,0,0) } 75% { -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0) } 90% { -webkit-transform:translate3d(-5px,0,0); transform:translate3d(-5px,0,0) } 100% { -webkit-transform:none; transform:none } } .bounceInRight { -webkit-animation-name:bounceInRight; animation-name:bounceInRight } @-webkit-keyframes bounceInUp { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(0,3000px,0); transform:translate3d(0,3000px,0) } 60% { opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0) } 75% { -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0) } 90% { -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0) } 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } @keyframes bounceInUp { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(0,3000px,0); transform:translate3d(0,3000px,0) } 60% { opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0) } 75% { -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0) } 90% { -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0) } 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } .bounceInUp { -webkit-animation-name:bounceInUp; animation-name:bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 50%,55% { opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 100% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } } @keyframes bounceOut { 20% { -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 50%,55% { opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 100% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } } .bounceOut { -webkit-animation-name:bounceOut; animation-name:bounceOut; -webkit-animation-duration:.75s; animation-duration:.75s } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0) } 40%,45% { opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0) } 100% { opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } } @keyframes bounceOutDown { 20% { -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0) } 40%,45% { opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0) } 100% { opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } } .bounceOutDown { -webkit-animation-name:bounceOutDown; animation-name:bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity:1; -webkit-transform:translate3d(20px,0,0); transform:translate3d(20px,0,0) } 100% { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } } @keyframes bounceOutLeft { 20% { opacity:1; -webkit-transform:translate3d(20px,0,0); transform:translate3d(20px,0,0) } 100% { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } } .bounceOutLeft { -webkit-animation-name:bounceOutLeft; animation-name:bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity:1; -webkit-transform:translate3d(-20px,0,0); transform:translate3d(-20px,0,0) } 100% { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } } @keyframes bounceOutRight { 20% { opacity:1; -webkit-transform:translate3d(-20px,0,0); transform:translate3d(-20px,0,0) } 100% { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } } .bounceOutRight { -webkit-animation-name:bounceOutRight; animation-name:bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0) } 40%,45% { opacity:1; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0) } 100% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } } @keyframes bounceOutUp { 20% { -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0) } 40%,45% { opacity:1; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0) } 100% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } } .bounceOutUp { -webkit-animation-name:bounceOutUp; animation-name:bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } @keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } .fadeIn { -webkit-animation-name:fadeIn; animation-name:fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInDown { -webkit-animation-name:fadeInDown; animation-name:fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInDownBig { -webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInLeft { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInLeftBig { -webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInRight { -webkit-animation-name:fadeInRight; animation-name:fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInRightBig { -webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInUp { -webkit-animation-name:fadeInUp; animation-name:fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInUpBig { -webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .fadeOut { -webkit-animation-name:fadeOut; animation-name:fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } } @keyframes fadeOutDown { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } } .fadeOutDown { -webkit-animation-name:fadeOutDown; animation-name:fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } } @keyframes fadeOutDownBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } } .fadeOutDownBig { -webkit-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } } @keyframes fadeOutLeft { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } } .fadeOutLeft { -webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } } @keyframes fadeOutLeftBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } } .fadeOutLeftBig { -webkit-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } } @keyframes fadeOutRight { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } } .fadeOutRight { -webkit-animation-name:fadeOutRight; animation-name:fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } } @keyframes fadeOutRightBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } } .fadeOutRightBig { -webkit-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } } @keyframes fadeOutUp { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } } .fadeOutUp { -webkit-animation-name:fadeOutUp; animation-name:fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } } @keyframes fadeOutUpBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } } .fadeOutUpBig { -webkit-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg); transform:perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 50% { -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 80% { -webkit-transform:perspective(400px) scale3d(.95,.95,.95); transform:perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 100% { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } } @keyframes flip { 0% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg); transform:perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 50% { -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 80% { -webkit-transform:perspective(400px) scale3d(.95,.95,.95); transform:perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 100% { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } } .animated.flip { -webkit-backface-visibility:visible; backface-visibility:visible; -webkit-animation-name:flip; animation-name:flip } @-webkit-keyframes flipInX { 0% { -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg); transform:perspective(400px) rotate3d(1,0,0,10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg); transform:perspective(400px) rotate3d(1,0,0,-5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg); transform:perspective(400px) rotate3d(1,0,0,10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg); transform:perspective(400px) rotate3d(1,0,0,-5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } .flipInX { -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipInX; animation-name:flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg); transform:perspective(400px) rotate3d(0,1,0,-20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg); transform:perspective(400px) rotate3d(0,1,0,10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg); transform:perspective(400px) rotate3d(0,1,0,-5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg); transform:perspective(400px) rotate3d(0,1,0,-20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg); transform:perspective(400px) rotate3d(0,1,0,10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg); transform:perspective(400px) rotate3d(0,1,0,-5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } .flipInY { -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipInY; animation-name:flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); opacity:0 } } @keyframes flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); opacity:0 } } .flipOutX { -webkit-animation-name:flipOutX; animation-name:flipOutX; -webkit-animation-duration:.75s; animation-duration:.75s; -webkit-backface-visibility:visible!important; backface-visibility:visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg); transform:perspective(400px) rotate3d(0,1,0,-15deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); opacity:0 } } @keyframes flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg); transform:perspective(400px) rotate3d(0,1,0,-15deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); opacity:0 } } .flipOutY { -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipOutY; animation-name:flipOutY; -webkit-animation-duration:.75s; animation-duration:.75s } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform:translate3d(100%,0,0) skewX(-30deg); transform:translate3d(100%,0,0) skewX(-30deg); opacity:0 } 60% { -webkit-transform:skewX(20deg); transform:skewX(20deg); opacity:1 } 80% { -webkit-transform:skewX(-5deg); transform:skewX(-5deg); opacity:1 } 100% { -webkit-transform:none; transform:none; opacity:1 } } @keyframes lightSpeedIn { 0% { -webkit-transform:translate3d(100%,0,0) skewX(-30deg); transform:translate3d(100%,0,0) skewX(-30deg); opacity:0 } 60% { -webkit-transform:skewX(20deg); transform:skewX(20deg); opacity:1 } 80% { -webkit-transform:skewX(-5deg); transform:skewX(-5deg); opacity:1 } 100% { -webkit-transform:none; transform:none; opacity:1 } } .lightSpeedIn { -webkit-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity:1 } 100% { -webkit-transform:translate3d(100%,0,0) skewX(30deg); transform:translate3d(100%,0,0) skewX(30deg); opacity:0 } } @keyframes lightSpeedOut { 0% { opacity:1 } 100% { -webkit-transform:translate3d(100%,0,0) skewX(30deg); transform:translate3d(100%,0,0) skewX(30deg); opacity:0 } } .lightSpeedOut { -webkit-animation-name:lightSpeedOut; animation-name:lightSpeedOut; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateIn { 0% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } .rotateIn { -webkit-animation-name:rotateIn; animation-name:rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInDownLeft { -webkit-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInDownRight { -webkit-animation-name:rotateInDownRight; animation-name:rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInUpLeft { -webkit-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-90deg); transform:rotate3d(0,0,1,-90deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-90deg); transform:rotate3d(0,0,1,-90deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInUpRight { -webkit-animation-name:rotateInUpRight; animation-name:rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin:center; transform-origin:center; opacity:1 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0 } } @keyframes rotateOut { 0% { -webkit-transform-origin:center; transform-origin:center; opacity:1 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0 } } .rotateOut { -webkit-animation-name:rotateOut; animation-name:rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } } .rotateOutDownLeft { -webkit-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0 } } .rotateOutDownRight { -webkit-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0 } } .rotateOutUpLeft { -webkit-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,90deg); transform:rotate3d(0,0,1,90deg); opacity:0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,90deg); transform:rotate3d(0,0,1,90deg); opacity:0 } } .rotateOutUpRight { -webkit-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 20%,60% { -webkit-transform:rotate3d(0,0,1,80deg); transform:rotate3d(0,0,1,80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 40%,80% { -webkit-transform:rotate3d(0,0,1,60deg); transform:rotate3d(0,0,1,60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1 } 100% { -webkit-transform:translate3d(0,700px,0); transform:translate3d(0,700px,0); opacity:0 } } @keyframes hinge { 0% { -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 20%,60% { -webkit-transform:rotate3d(0,0,1,80deg); transform:rotate3d(0,0,1,80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 40%,80% { -webkit-transform:rotate3d(0,0,1,60deg); transform:rotate3d(0,0,1,60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1 } 100% { -webkit-transform:translate3d(0,700px,0); transform:translate3d(0,700px,0); opacity:0 } } .hinge { -webkit-animation-name:hinge; animation-name:hinge } @-webkit-keyframes rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) } 100% { opacity:1; -webkit-transform:none; transform:none } } .rollIn { -webkit-animation-name:rollIn; animation-name:rollIn } @-webkit-keyframes rollOut { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg) } } @keyframes rollOut { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg) } } .rollOut { -webkit-animation-name:rollOut; animation-name:rollOut } @-webkit-keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 50% { opacity:1 } } @keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 50% { opacity:1 } } .zoomIn { -webkit-animation-name:zoomIn; animation-name:zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInDown { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomInDown { -webkit-animation-name:zoomInDown; animation-name:zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0); transform:scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInLeft { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0); transform:scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomInLeft { -webkit-animation-name:zoomInLeft; animation-name:zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInRight { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomInRight { -webkit-animation-name:zoomInRight; animation-name:zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInUp { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomInUp { -webkit-animation-name:zoomInUp; animation-name:zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity:1 } 50% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 100% { opacity:0 } } @keyframes zoomOut { 0% { opacity:1 } 50% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 100% { opacity:0 } } .zoomOut { -webkit-animation-name:zoomOut; animation-name:zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 100% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutDown { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 100% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomOutDown { -webkit-animation-name:zoomOutDown; animation-name:zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0); transform:scale3d(.475,.475,.475) translate3d(42px,0,0) } 100% { opacity:0; -webkit-transform:scale(.1) translate3d(-2000px,0,0); transform:scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin:left center; transform-origin:left center } } @keyframes zoomOutLeft { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0); transform:scale3d(.475,.475,.475) translate3d(42px,0,0) } 100% { opacity:0; -webkit-transform:scale(.1) translate3d(-2000px,0,0); transform:scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin:left center; transform-origin:left center } } .zoomOutLeft { -webkit-animation-name:zoomOutLeft; animation-name:zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0); transform:scale3d(.475,.475,.475) translate3d(-42px,0,0) } 100% { opacity:0; -webkit-transform:scale(.1) translate3d(2000px,0,0); transform:scale(.1) translate3d(2000px,0,0); -webkit-transform-origin:right center; transform-origin:right center } } @keyframes zoomOutRight { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0); transform:scale3d(.475,.475,.475) translate3d(-42px,0,0) } 100% { opacity:0; -webkit-transform:scale(.1) translate3d(2000px,0,0); transform:scale(.1) translate3d(2000px,0,0); -webkit-transform-origin:right center; transform-origin:right center } } .zoomOutRight { -webkit-animation-name:zoomOutRight; animation-name:zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 100% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutUp { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 100% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomOutUp { -webkit-animation-name:zoomOutUp; animation-name:zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform:translateY(-100%); transform:translateY(-100%); visibility:visible } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes slideInDown { 0% { -webkit-transform:translateY(-100%); transform:translateY(-100%); visibility:visible } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } .slideInDown { -webkit-animation-name:slideInDown; animation-name:slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform:translateX(-100%); transform:translateX(-100%); visibility:visible } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes slideInLeft { 0% { -webkit-transform:translateX(-100%); transform:translateX(-100%); visibility:visible } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } .slideInLeft { -webkit-animation-name:slideInLeft; animation-name:slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform:translateX(100%); transform:translateX(100%); visibility:visible } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes slideInRight { 0% { -webkit-transform:translateX(100%); transform:translateX(100%); visibility:visible } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } .slideInRight { -webkit-animation-name:slideInRight; animation-name:slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform:translateY(100%); transform:translateY(100%); visibility:visible } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes slideInUp { 0% { -webkit-transform:translateY(100%); transform:translateY(100%); visibility:visible } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } .slideInUp { -webkit-animation-name:slideInUp; animation-name:slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 100% { visibility:hidden; -webkit-transform:translateY(100%); transform:translateY(100%) } } @keyframes slideOutDown { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 100% { visibility:hidden; -webkit-transform:translateY(100%); transform:translateY(100%) } } .slideOutDown { -webkit-animation-name:slideOutDown; animation-name:slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 100% { visibility:hidden; -webkit-transform:translateX(-100%); transform:translateX(-100%) } } @keyframes slideOutLeft { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 100% { visibility:hidden; -webkit-transform:translateX(-100%); transform:translateX(-100%) } } .slideOutLeft { -webkit-animation-name:slideOutLeft; animation-name:slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 100% { visibility:hidden; -webkit-transform:translateX(100%); transform:translateX(100%) } } @keyframes slideOutRight { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 100% { visibility:hidden; -webkit-transform:translateX(100%); transform:translateX(100%) } } .slideOutRight { -webkit-animation-name:slideOutRight; animation-name:slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 100% { visibility:hidden; -webkit-transform:translateY(-100%); transform:translateY(-100%) } } @keyframes slideOutUp { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 100% { visibility:hidden; -webkit-transform:translateY(-100%); transform:translateY(-100%) } } .slideOutUp { -webkit-animation-name:slideOutUp; animation-name:slideOutUp } .ci.onboard .placeholder-svg, .onboard svg, .placeholder-svg, .onboard-slide svg { background: #585858; fill: #777777; width: 100%; height: 100%; max-width: 100%; max-height: 100%; display: block; } .c-accordion .dropdown-arrow { cursor: pointer; } .c-accordion__panel { display: block; max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.35s cubic-bezier(0, 1, 0, 1); -o-transition: max-height 0.35s cubic-bezier(0, 1, 0, 1); transition: max-height 0.35s cubic-bezier(0, 1, 0, 1); } .c-accordion__panel.is-active { max-height: unset; -webkit-transition: max-height 0.35s ease-in-out; -o-transition: max-height 0.35s ease-in-out; transition: max-height 0.35s ease-in-out; } .c-accordion.c-accordion--mobile-nav { list-style: none; margin: 0; } .c-accordion.c-accordion--mobile-nav li:not(.c-accordion__panel) { padding: 0; } .c-accordion.c-accordion--mobile-nav li:not(.c-accordion__panel) > a { padding: 15px 0 15px 10px; display: block; } #shopify-section-mobile-navigation button.dropdown-arrow { padding: 15px 15px 15px; } .c-accordion.c-accordion--mobile-nav .c-accordion__header { display: flex; align-items: center; justify-content: flex-start; column-gap: 10px; } .c-accordion.c-accordion--mobile-nav a.c-accordion__link { flex: 0 0 auto; } .c-accordion.c-accordion--mobile-nav button.dropdown-arrow { text-align: right; } #shopify-section-mobile-navigation button.dropdown-arrow { width: 100% !important; text-align: right; border-left: none; } .c-accordion.c-accordion--mobile-nav:not(.c-accordion--mobile-nav__inner) { padding: 10px; } .c-accordion.c-accordion--mobile-nav li:not(.c-accordion__panel) { border-bottom: 1px solid; } .c-accordion.c-accordion--collection-sidebar .c-accordion__panel, .c-accordion.c-accordion--mobile-nav .c-accordion__panel { padding: 0 0 0 10px; } .c-accordion.c-accordion--mobile-nav .c-accordion__panel.is-active { padding: 10px 0 10px 10px; } .c-accordion.c-accordion--collection-sidebar .c-accordion__header, .c-accordion.c-accordion--mobile-nav .c-accordion__header { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-accordion.c-accordion--collection-sidebar .dropdown-arrow, .c-accordion.c-accordion--mobile-nav .dropdown-arrow { border: none; background: transparent; display: unset !important; margin-bottom: unset; line-height: unset; height: unset; width: unset; max-width: unset; -webkit-transition: unset; -o-transition: unset; transition: unset; padding-left: 10px; padding-right: 10px; border-left: 1px solid; } .c-accordion.c-accordion--collection-sidebar .dropdown-arrow > svg, .c-accordion.c-accordion--mobile-nav .dropdown-arrow > svg { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform 0.35s ease; transition: -webkit-transform 0.35s ease; -o-transition: transform 0.35s ease; transition: transform 0.35s ease; transition: transform 0.35s ease, -webkit-transform 0.35s ease; } .c-accordion.c-accordion--collection-sidebar .dropdown-arrow[aria-expanded="true"] > svg, .c-accordion.c-accordion--mobile-nav .dropdown-arrow[aria-expanded="true"] > svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 0.35s ease; transition: -webkit-transform 0.35s ease; -o-transition: transform 0.35s ease; transition: transform 0.35s ease; transition: transform 0.35s ease, -webkit-transform 0.35s ease; } .c-accordion.c-accordion--collection-sidebar .c-accordion__header .dropdown-arrow, .c-accordion.c-accordion--mobile-nav .c-accordion__header .dropdown-arrow { margin-left: auto; } .c-accordion.c-accordion--mobile-nav ul { margin: 0; list-style: none; } .c-accordion--mobile-nav { line-height: normal !important; } .c-accordion.c-accordion--mobile-nav { line-height: initial; } .c-accordion.c-accordion--collection-sidebar .dropdown-arrow, .c-accordion.c-accordion--mobile-nav .dropdown-arrow { border-left: 1px solid; border-radius: 0 !important; } .c-accordion--collection-sidebar { float: none !important; margin-left: unset !important; margin-right: unset !important; padding: 0 !important; } .c-accordion.c-accordion--collection-sidebar .dropdown-arrow { border-left: none; color: inherit; } .c-accordion.c-accordion--collection-sidebar ul ul { margin-bottom: 10px; } .c-accordion.c-accordion--collection-sidebar li a { line-height: 28px; min-height: 28px; } .spi-banner { margin-top: 8px; margin-bottom: 12px; } .alt__collection-list .section-heading { text-align: center; margin-bottom: 30px; } .alt__collection-list { margin-bottom: 40px; margin-top: 20px; } .collection__promotion-section { margin-bottom: 25px; } .collection__promotion-container { height: 200px; min-height: 200px; position: relative; } .collection__promotion-image img { width: 100%; object-fit: cover; height: 200px; } .collection__promotion-image .box-ratio { padding-bottom: 200px !important; } .collection__promotion-caption { position: absolute; top: 50%; width: max-content; max-width: 100%; padding: 10px; } .collection__promotion-caption-text p { margin-bottom: 0; } .collection__promotion-caption-text a.button, .collection__promotion-caption-text a.button:visited { margin-top: 10px; margin-bottom: 0; width: unset; } .logo__list-section .logo__list-wrapper { align-items: center; justify-content: center; } @media screen and (max-width: 740px) { .logo__list-wrapper { grid-gap: 10px; } } .logo__list-image .box-ratio { background-color: transparent; } .story__section-wrapper { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 30px; align-items: center; justify-content: center; padding-left: 1.04166667%; padding-right: 1.04166667%; } .story__section-pageContent, .story__section-text { display: grid; justify-content: center; align-items: center; padding: 30px; } .story__section-image .onboard { height: 100%; } .template-cart .ajax-cart__drawer-wrapper .or-divider, .template-cart .ajax-cart__drawer-wrapper .ajax-cart__buttons-additional, .template-cart .ajax-cart__modal-wrapper .or-divider, .template-cart .ajax-cart__modal-wrapper .ajax-cart__buttons-additional { display: none !important; } #dynamic-checkout-cart .shopify-cleanslate ul { justify-content: flex-end !important; } .ajax-cart__drawer-wrapper #dynamic-checkout-cart .shopify-cleanslate { padding: 0 15px; } #modal-ajax-cart .ajax-cart__footer-wrapper.grid__wrapper.edge { margin-top: 5px; } #MainContent h1 { text-align: center; margin-bottom: 30px; } h1.collection__page-title, h1.section__page-title { padding-top: 20px; } .section-main-404 h1, .section-main-404 p, .section-main-search h1 { text-align: center; padding-bottom: 30px; border: none !important; } .section-main-404 #search-bar { text-align: center; padding-bottom: 200px; padding-top: 50px; border: none; } .section-main-search #search-bar { text-align: center; padding-bottom: 30px; border: none; } .section-main-search { padding-bottom: 200px; } .search__page_results--img { margin-bottom: 10px; } .search__page_results--link .search__page_results--text { border: 1px solid var(--dotted-color); padding: 20px; display: block; text-align: center; } .search__page_results--link:hover .search__page_results--text { border-color: var(--link-color); } .btn-outlined { background: 0 0; border: 3px solid var(--button-color); color: var(--button-color); font-weight: 700; text-transform: uppercase; font-size: 14px; padding: 0 25px; border-radius: 30px !important; height: 55px; line-height: 49px !important; } a.button.btn-outlined:hover { box-shadow: inset 0 0 0 2em var(--button-hover); } .coupon__code-hr-labeled > h2 { font-size: var(--h2-size); line-height: auto; padding: 0 20px; width: auto; display: inline-block; z-index: 1; position: relative; margin: 0; } .coupon__code-hr-labeled { position: relative; text-align: center; } .coupon__code-hr-labeled .coupon__code-title-border:after { content: ""; left: 0; position: absolute; width: 100%; } .coupon__code-text-container::-webkit-scrollbar { width: 4px; height: 4px; border: 1px solid var(--text-color); } .coupon__code-text-container::-webkit-scrollbar-thumb { background: var(--text-color-reset); border-radius: 0; } .coupon__code-text-container::-webkit-scrollbar-track { background-color: var(--text-color); } .coupon__code-text-wrapper { width: 1200px; display: grid; grid-column-gap: 20px; grid-row-gap: 1rem; grid-template-columns: repeat(12,1fr); grid-template-rows: auto; padding: 30px 0; margin-left: auto; margin-right: auto; } .coupon__code-text-wrapper > div { align-self: center; width: 100%; word-break: break-word; } .coupon__code-text-wrapper a:hover { text-decoration: underline; } .coupon__code-section .full-width--false .coupon__code-text-wrapper { padding-left: 15px; padding-right: 15px; } @media (max-width: 1199px) { .coupon__code-text-container { overflow-x: auto; margin-bottom: 10px; } } .coupon__code-outer-wrapper { background-color: var(--section-background); } .coupon__code-hr-labeled > h2 { background-color: var(--section-background); color: var(--text-color); } .coupon__code-text-wrapper > div { color: var(--text-color); } .coupon__code-text-wrapper a { color: var(--text-color); } section.accordion__section { margin-top: 50px; } .accordion__section-content .c-accordion__header { display: flex; width: 100%; height: unset!important; overflow: hidden; position: relative; margin: 0; padding: 15px; cursor: pointer; font-weight: 600; font-size: var(--h4-size); line-height: 1; background: var(--background); color: var(--text-color); border-bottom: 3px solid var(--dotted-color); border-radius: 0 !important; } .accordion__section-content .c-accordion__header:after { font-size: var(--h4-size); position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .accordion__section-content .c-accordion__header[aria-expanded=false]:after { content: '+'; } .accordion__section-content .c-accordion__header[aria-expanded=true]:after { content: '—'; } .accordion__section-content .c-accordion__header:first-child { border-top: 3px solid var(--dotted-color); } .accordion__section-content .c-accordion__inner { padding: 0 15px; } .accordion__section-content .c-accordion__header[aria-expanded=true] { border-bottom: 3px solid transparent; } .accordion__section-content .c-accordion__panel.is-active { border-bottom: 3px solid var(--dotted-color); } section.accordion__section .c-accordion__inner { line-height: 1.6; padding: 5px 15px 15px; } @media only screen and (min-width: 741px) { .accordion__section-title h2 { text-align: left; border-top: 5px solid var(--dotted-color); padding-top: 10px; margin-right: 0; } } @media only screen and (max-width: 740px) { .accordion__section-title h2 { text-align: center; margin-bottom: 20px; } } form.header-search-form { max-width: 1200px; margin: 0 auto; } input[type="search"]#Search::-webkit-search-decoration, input[type="search"]#Search::-webkit-search-cancel-button, input[type="search"]#Search::-webkit-search-results-button, input[type="search"]#Search::-webkit-search-results-decoration { -webkit-appearance:none; } #predictive-search { line-height: initial; --ps-background-color: var(--background); --ps-border-color: var(--dotted-color); --ps-color: var(--text-color); --ps-transition: background-color 100ms ease-in-out; } #predictive-search ul { margin-bottom: 0; } #predictive-search-results { width: 100%; background: var(--ps-background-color); border: 0; color: var(--ps-color); } #predictive-search-results ul.search__product-loop { padding: 1rem; list-style: none; } .predictive-search__heading { margin-left: 1rem; margin-right: 1rem; margin-bottom: 0; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--ps-border-color); color: var(--ps-color); } .predictive-search__list-item, .predictive-search__results-list > li { display: block !important; list-style-type: none; line-height: 1.6em; } .predictive-search__item mark { background-color: transparent; font-weight: bold; } .predictive-search__item.button-as-link { color: var(--ps-color); } .predictive-search__item.button-as-link:hover { text-decoration: underline; } .predictive-search__image { margin-right: 1rem; } .predictive-search__item-content { display: flex; flex-direction: column; justify-content: center; } #predictive-search-results-list .predictive-search__item { display: flex; width: 100%; padding: 1rem; text-align: left; background-color: transparent; transition: var(--ps-transition); font-weight: initial; text-transform: initial; height: initial; line-height: initial; color: var(--ps-color); } .predictive-search__list-item--search .predictive-search__item { width: 100%; margin: 0; padding: 1rem; text-decoration: none; } .predictive-search-form { position: relative; } a.predictive-search__item:hover { text-decoration: underline; } .predictive-search__list-item--search .predictive-search__item:hover, .predictive-search__list-item--search .predictive-search__item:focus, #predictive-search .predictive-search__item:hover, #predictive-search .predictive-search__item:focus { background-color: var(--ps-background-color); } .predictive-search__item:hover .predictive-search__item-heading { text-decoration: underline; } .predictive-search__item-heading { font-weight: 700; } .predictive-search__list-item--search { border-top: 1px solid var(--ps-border-color); } .template-404 #search-bar #q, .template-search #search-bar #q { margin-bottom: 0; width: calc(100% - 48px); border: 0; } .template-404 .page-wrap, .template-search .page-wrap { overflow: initial; } .template-404 #search-bar form, .template-search #search-bar form { max-width: 300px; margin-left: auto; margin-right: auto; border: 1px solid var(--dotted-color); } ul.linklist__section-links { list-style: none; padding: 10px 0; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 20px; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } ul.linklist__section-links li { flex: 0 0 auto; } ul.linklist__section-links li:after { content: ''; display: block; width: 0; height: 2px; transition: width .2s; } ul.linklist__section-links li:hover::after { width: 100%; } ul.linklist__section-links li.bold__type-true a { font-weight: bold; } .linklist__section .linklist__section-container { background: var(--section-background); } .linklist__section .linklist__section-container ul.linklist__section-links li a { color: var(--text-color); } .linklist__section .linklist__section-container ul.linklist__section-links li:after { background: var(--section-background); } ul.linklist__section-links::-webkit-scrollbar { display: none; -ms-overflow-style: none; } .theme-features__image-hover-transition--true .gallery__section-image img, .theme-features__image-hover-transition--true .image__withText-image img, .theme-features__image-hover-transition--true .editorial__content-item img, .theme-features__image-hover-transition--true .story__section-image img, .theme-features__image-hover-transition--true .article-image img, .theme-features__image-hover-transition--true .collection--carousel_image img { transform: scale(1); -webkit-transform: 3s cubic-bezier(0.41, 0.85, 0.6, 0.97); -webkit-transition: -webkit-transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97); transition: -webkit-transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97); transition: transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97); transition: transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97); -webkit-transform: 3s cubic-bezier(0.41, 0.85, 0.6, 0.97); } .theme-features__image-hover-transition--true .gallery__section-content:hover .gallery__section-image img, .theme-features__image-hover-transition--true .image__withText-image .image--0:hover img, .theme-features__image-hover-transition--true .image__withText-image .image--1:hover img, .theme-features__image-hover-transition--true .editorial__content-item:hover img, .theme-features__image-hover-transition--true .story__section-image:hover img, .theme-features__image-hover-transition--true .article-image:hover img, .theme-features__image-hover-transition--true .collection--carousel_image:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .image__caption.top_left { align-self: start; justify-self: start; text-align: left; justify-content: start; } .image__caption.top_center { align-self: start; justify-self: center; text-align: center; justify-content: center; } .image__caption.top_right { align-self: start; justify-self: flex-end; text-align:right; justify-content: end; } .image__caption.middle_left { align-self: center; justify-self: start; text-align: left; justify-content: start; } .image__caption.middle_center { align-self: center; justify-self: center; text-align: center; justify-content: center; } .image__caption.middle_right { align-self: center; justify-self: flex-end; text-align:right; justify-content: end; } .image__caption.bottom_left { align-self: end; justify-self: start; text-align: left; justify-content: start; } .image__caption.bottom_center { align-self: end; justify-self: center; text-align: center; justify-content: center; } .image__caption.bottom_right { align-self: end; justify-self: flex-end; text-align:right; justify-content: end; } .contact__form--input { position: relative; margin-bottom: 10px; } .contact__form--input label { position: absolute; top: calc(50px / 2 - 0.7em); margin: 0; padding: 0 5px; font-weight: var(--main-weight); transition: transform .2s ease-in-out; transform: translateX(10px); transform-origin: top left; background: var(--background); } .contact__form--input input:focus + label, .contact__form--input textarea:focus + label, .contact__form--input select:focus + label, .contact__form--input .is__filled + label { transform: scale(0.8) translateY(calc(-25px - 0.25em)) translateX(10px); } .rich__text-section { background: var(--section-background); color: var(--text-color); } .rich__text-section h2.section-heading, .rich__text-section p, .rich__text-section .rte a { color: var(--text-color); } .theme-features__section-title-border--bottom_only_short .rich__text-section h2.section-heading:after { border-color: var(--text-color); } .rich__text-section .rich__text--content a:hover .rich__text-section .rich__text--link a:hover { text-decoration: underline; } .ajax-cart__drawer-wrapper .ajax-cart__item-line-price { display: none; } .ajax-cart__drawer-wrapper .ajax-cart__item-price { order: 4; text-align: right; grid-column: auto / span 4; } .ajax-cart__drawer-wrapper .ajax-cart__item-qty { grid-column: auto / span 5; } .ajax-cart__drawer-wrapper .ajax-cart__item-image { grid-row-end: 3; grid-row-start: 1; } .ajax-cart__drawer-wrapper .ajax-cart__qty-control--down, .ajax-cart__drawer-wrapper .ajax-cart__qty-control--up { width: 30px; height: 30px; line-height: 30px; background: unset; color: var(--text-color); padding: unset; font-weight: 400; } .ajax-cart__drawer-wrapper input[type=number].ajax-cart__qty-input { width: 40px !important; height: 30px !important; line-height: 30px; min-width: 40px; } .ajax-cart__drawer-wrapper .ajax-cart__item-quantity { text-align: left; } .shopify-challenge__container { margin-top: 81px !important; margin-bottom: 81px !important; } .shopify-challenge__container .g-recaptcha { margin-bottom: 20px !important; } .promotion__bar-section { background: var(--section-background); } .promotion__bar--content .rte p { margin-bottom: 0; } .promotion__bar--content { padding: 15px 0; } .promotion__bar--content p, .promotion__bar--content h1, .promotion__bar--content h2, .promotion__bar--content h3, .promotion__bar--content h4, .promotion__bar--content h5, .promotion__bar--content h6 { color: var(--text-color); } .textwith__icon-section { background: var(--section-background); color: var(--text-color); } .theme-features__section-title-border--bottom_only_short .global__section.textwith__icon-section h2.section-heading:after { border-color: var(--text-color); } .textwith__icon--content { display: grid; grid-auto-flow: column; grid-template-columns: none; justify-content: space-between; grid-column: auto / span 12; grid-gap: 40px; } .textwith__icon--content-block { max-width: 300px; padding: 15px 0; } @media screen and (max-width: 740px) { .textwith__icon--content { justify-content: space-between; grid-auto-flow: dense; } .textwith__icon--content-block { padding: 10px 0; } .textwith__icon--content-block:first-child { margin-top: 10px; } .textwith__icon--content.appearance--inline { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; width: 100%; } .textwith__icon--content.appearance--inline::-webkit-scrollbar { display: none; } .textwith__icon--content.appearance--inline .textwith__icon--content-block { flex: 1 0 auto; padding: 15px 0; margin-top: 0; } } .textwith__icon--content-block .icon__image-wrapper { max-width: 100px; margin: 0 auto; } .textwith__icon--content-block img { margin: 0 auto; } .textwith__icon--content .rte { margin: 15px auto 0; } .textwith__icon-section h2, .textwith__icon-section .rte p { color: var(--text-color); margin-bottom: 0; } .appearance--inline .textwith__icon--content-block { display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding: 15px 0; } .appearance--inline .textwith__icon--content-block .rte, .appearance--inline .textwith__icon--content-block .rte p { margin-top: 0; margin-bottom: 0; margin-left: 0; } .appearance--inline .textwith__icon--content-block .icon__wrapper { line-height: 1; } .appearance--inline .textwith__icon--content-block .icon__image-wrapper { width: 50px; max-width: 50px; } .product__content-section { background: var(--section-background); padding: 40px 0 10px; } .product__content-section, .product__content-section p, .product__content-section h3 { color: var(--text-color); } .product__content-section .product__section--desc { border: 0; padding: 0; } .fash--apollo-search { pointer-events: none; } .before--after { width: 100%; position: relative; overflow: hidden; z-index: 1; } .after-image { display: block; } .before-image { position: absolute; height: 100%; width: 50%; top: 0; left: 0; overflow: hidden; z-index: 2; } .before--after_slider { position: absolute; display: flex; align-items: center; z-index: 5; top: 0; left: 50%; height: 100%; width: 2px; background: var(--background); -ms-touch-action: pan-y; touch-action: pan-y; } button.before--after_button { transform: translateX(-50%); background: var(--background); border-radius: 50%; height: 50px; width: 50px; display: flex; align-items: center; padding: 0 15px; } button.before--after_button svg.before--after_button-icon { transform: rotate(90deg); } .before--after img { width: 100%; max-width: unset; display: block; object-fit: cover; object-position: center; } .before-image .box-ratio { overflow: visible; } .before--after.fixed-height .box-ratio { padding-bottom: 0 !important; } .before--after.fixed-height img, .before--after.fixed-height .after-image, .before--after.fixed-height .onboard { height: 100%; } @media screen and (min-width: 801px) { .before--after.fixed-height, .before--after.fixed-height .box-ratio { height: var(--desktop-section-height); } } @media screen and (max-width: 800px) { .before--after.fixed-height, .before--after.fixed-height .box-ratio { height: var(--mobile-section-height); } } .before--after_caption { display: flex; flex-direction: column; row-gap: 5px; position: absolute; white-space: nowrap; padding: 10px; } .before--after_caption.caption-top { top: 10px; } .before--after_caption.caption-middle { bottom: 50%; transform: translateY(50%) } .before--after_caption.caption-bottom { bottom: 10px; } .before-image .before--after_caption { left: 10px; text-align: left; } .after-image .before--after_caption { right: 10px; text-align: right; } .before--after_caption h3, .before--after_caption p { margin-bottom: 0; color: var(--text-color); } .before-after__btn-wrapper { display: inline-block; margin-top: 5px; } .before-after__btn-wrapper a { color: var(--button-text); background: var(--button-color); padding: 15px 20px; letter-spacing: var(--button-spacing); border-radius: 3px; display: inline-block; -webkit-transition: background .3s ease,color .3s ease; -moz-transition: background .3s ease,color .3s ease; -o-transition: background .3s ease,color .3s ease; transition: background .3s ease,color .3s ease; } .global-age-verification .site-logo a { font-family: var(--heading-family); } .global-age-verification .site-logo img { margin-left: auto; margin-right: auto; } .global-age-verification .modal-prompt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; width: 80%; } .global-age-verification .modal-prompt a, .global-age-verification .modal-prompt h1, .global-age-verification .modal-prompt p { color: var(--age-text-color); } .global-age-verification .modal-prompt a { font-size: var(--font-size); font-stretch: normal; font-style: normal; line-height: 1; word-break: break-all; } .global-age-verification .form { display: flex; flex-direction: row; justify-content: center; margin: 20px 0 10px; gap: 10px; } .global-age-verification .form select { flex: 0 0 150px; } @media screen and (max-width: 740px) { .global-age-verification .form { flex-direction: column; } .global-age-verification .form select { flex: 1 1 40px; } } .global-age-verification button#submit_birthdate { color: var(--button-text); background: var(--button-color); margin-top: 10px; } .global-age-verification button#submit_birthdate:hover { background-color: var(--button-hover); } .countdown__time { font-size: var(--countdown-size); } .countdown__label, .countdown__how, .countdown__time-label { font-size: var(--font-size); } .countdown__time--wrapper { opacity: 0; transition: opacity 0.5s ease-in; position: relative; } .countdown__grid { display: flex; align-items: center; justify-content: center; column-gap: 50px; padding: 20px 0; background: var(--background); color: var(--text-color); } .countdown__grid h2, .countdown__grid h3 { font-size: var(--h2-size); color: var(--text-color); } .countdown__time-container { display: flex; flex-direction: row; gap: 15px; align-items: center; justify-content: center; padding: 0 5px; } .countdown__time-container p { margin-bottom: 5px; font-size: var(--font-size); } .countdown__time-container p.countdown__time { line-height: 0.8em; font-size: var(--countdown-size ); } .countdown__colon-divider { position: absolute; top: 20%; transform: translateY(-50%); font-size: 24px; right: -10px; } .countdown__heading { display: flex; flex-direction: column; row-gap: 5px; } .countdown__heading p { color: var(--text-color); margin-bottom: 0; } .countdown__button-wrapper a.button, .countdown__button-wrapper a.button:hover, .countdown__button-wrapper a.button:visited { background: var(--button-color); color: var(--button-text); } @media screen and (max-width: 980px) { .countdown__grid { flex-wrap: wrap; row-gap: 20px; } } @media screen and (max-width: 800px) { .countdown__grid { text-align: center; flex-direction: column; } } .recipient-form { display: block; position: relative; margin-bottom: 20px; } .recipient-form-field-label { margin: 0.6rem 0; } .recipient-form-field-label--space-between { display: flex; justify-content: space-between; } .recipient-checkbox { flex-grow: 1; display: flex; word-break: break-word; align-items: center; max-width: inherit; position: relative; cursor: pointer; } .no-js .recipient-checkbox { display: none; } .recipient-form > input[type='checkbox'] { position: absolute; width: 1.6rem; height: 1.6rem; top: 0; left: 0; z-index: -1; appearance: none; -webkit-appearance: none; } .recipient-fields__field { margin: 0; } .recipient-fields hr { margin: 20px 0; } .recipient-fields .field__label { white-space: nowrap; text-overflow: ellipsis; max-width: calc(100% - 3.5rem); overflow: hidden; } .recipient-checkbox > svg { margin-right: 1.2rem; flex-shrink: 0; } .recipient-form .icon-checkmark { visibility: hidden; position: absolute; left: 0.28rem; z-index: 5; top: 0.4rem; } .recipient-form > input[type='checkbox']:checked + label .icon-checkmark { visibility: visible; } .js .recipient-fields { display: none; } .recipient-form > input[type='checkbox']:checked ~ .recipient-fields { display: block; } .recipient-form > input[type='checkbox']:not(:checked, :disabled) ~ .recipient-fields, .recipient-email-label { display: none; } .js .recipient-email-label.required, .no-js .recipient-email-label.optional { display: inline; } .recipient-form ul { padding-left: 4.4rem; text-align: left; } .recipient-form ul a { display: inline; } .recipient-form .error-message { margin-bottom: 10px; display: block; color: var(--error-color, red); } .recipient-form .error-message::first-letter { text-transform: capitalize; } @media screen and (forced-colors: active) { .recipient-checkbox > svg { background-color: inherit; } .recipient-form > input[type='checkbox']:checked + label .icon-checkmark { border: none; } } .send_on--date-picker { padding: 15px; border: 1px solid var(--dotted-color); font-family: var(--main-family); font-size: var(--font-size); } .footer__follow-on-shop { margin-bottom: 1rem; } .product--grid_add { display: none; } @media screen and (min-width: 741px) { .product--grid_add { position: absolute; bottom: 0; left: 50%; z-index: 5; transform: translate(-50%,105px); transition: all .3s ease; } .product--grid_add { background: var(--background); width: 100%; padding: 10px 0; display: flex; flex-direction: column; } } .product--grid_add form { display: flex; flex-wrap: wrap; } .product--grid_add .note { margin-top: 10px; flex: 0 0 100%; margin-bottom: 0; } .prod-container.prod-container__active > .product--grid_add, .prod-container:hover > .product--grid_add { transform: translate(-50%); } .product--grid_add .AddtoCart { font-size: 13px; margin: 0 auto; padding: 0; display: flex; align-items: center; flex: 1 0 calc(100% - 60px); justify-content: center; height: 40px; line-height: 40px; } .product--grid_add .product__section--qty { flex: 0 0 60px; display: flex; margin: 0; height: 40px; line-height: 40px; } .product--grid_add .product__quantity--wrapper { margin: 0; } .product--grid_add .product-variants { display: flex; align-items: center; justify-content: flex-start; gap: 5px; flex: 0 0 100%; margin-bottom: 10px; flex-wrap:nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .product--grid_add .product-variants::-webkit-scrollbar { display: none; } .product--grid_add .product-variants input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; } .product--grid_add .product-variants label { padding: 5px 8px; margin-bottom: 0; border: 1px solid var(--dotted-color); cursor: pointer; font-weight: 400; font-size: 13px; flex: 0 0 30px; white-space: nowrap; display: flex; text-align: center; justify-content: center; text-transform: inherit; } .product--grid_add .product-variants p.option--title { margin-bottom: 0; margin-right: 6px; font-size: 13px; white-space: nowrap; text-transform: capitalize; } .product--grid_add .product-variants span.more--available { display: none; } .product--grid_add .product-variants label.hidden { display: none; } .product--grid_add .product-variants input[type="radio"]:checked + label { border-color: var(--text-color); background-color: var(--text-color); color: var(--background); } .product--grid_add .product-variants.color--options { margin-top: 7px; margin-bottom: 15px; } .product--grid_add .product-variants label.color--option_swatch { width: 20px; height: 20px; border-radius: 20px; flex: 0 0 20px; background-position: center; background-size: 50px; } .product--grid_add .prod-colors, .product--grid_add .prod-sizes { align-self: flex-start; width: 100%; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .product--grid_add .prod-colors::-webkit-scrollbar, .product--grid_add .prod-sizes::-webkit-scrollbar { display: none; } .product--grid_add .color-swatch ul, .product--grid_add .size-swatch ul { margin: 0; display: flex; align-items: center; gap: 5px; list-style: none; } .product--grid_add .color-swatch ul li { flex: 0 0 20px; } .product--grid_add .size-swatch ul li { display: unset; vertical-align: unset; margin: 0; flex: 0 0 30px; border: 1px solid var(--dotted-color); white-space: nowrap; } .product--grid_add .size-swatch ul li a { display: block; padding: 5px 8px; } .product--grid_add .prod-colors { order: 0; margin-top: 7px; margin-bottom: 15px; } .product--grid_add .prod-sizes { order: 1; padding-bottom: 5px; } .product--grid_add .prod-colors p.option--title, .product--grid_add .prod-sizes p.option--title { display: flex; margin-bottom: 0; margin-right: 5px; font-size: 13px; text-transform: capitalize; white-space: nowrap; } .product--grid_add button.select--options, .product--grid_add .button.select--options { display: flex; position: unset; flex: 0 0 auto; transform: translate(0); margin-bottom: 0; margin-left: auto; margin-right: auto; align-items: center; justify-content: center; width: unset; height: 40px; line-height: 40px; font-size: 13px; } .collection--carousel_container { display: flex; align-items: center; gap: 20px; } .collection--carousel_wrapper { display: flex; flex-direction: column; flex-wrap: wrap; padding: 0; } .collection--carousel_wrapper .product-loop { display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; padding: 0 0 20px 0; flex: 0 0 65%; } .collection--carousel_wrapper.product-loop.four-up .product-index { width: calc((100% / 4) - 15px); } .collection--carousel_wrapper.product-loop.three-up .product-index { width: calc((100% / 3) - 15px); } .collection--carousel_wrapper.product-loop.two-up .product-index { width: calc((100% / 2) - 10px); } .collection--carousel_wrapper .product-index { margin-bottom: 20px; padding: 0 0px 0 0; margin-right: 20px !important; } @media screen and (min-width: 741px) and (max-width: 980px) { .collection--carousel_wrapper .product-index { padding: 0; width: calc((100% / 2) - 10px) !important; } } @media screen and (max-width: 740px) { .collection--carousel_wrapper .product-index { padding: 0; width: 100% !important; } } .collection--carousel_image { display: grid; height: 100%; flex: 0 0 35%; } @media screen and (max-width: 740px) { .collection--carousel_image { height: 500px; } } .collection--carousel_image .box-ratio { position: relative; padding-bottom: 0 !important; width: 100%; height: 100%; display: grid; grid-area: 1/1; } .collection--carousel_image .box-ratio img { height: 100%; object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .theme-features__image-hover-transition--true .collection--carousel_image .box-ratio img { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .theme-features__image-hover-transition--true .collection--carousel_image:hover img { -webkit-transform: scale(1.05) translate(-47.5%, -47.5%); transform: scale(1.05) translate(-47.5%, -47.5%); } .collection--carousel_image .box-ratio:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content:""; background: var(--section-overlay-color); pointer-events: none; z-index: 1; } .collection--carousel_image .onboard { display: grid; grid-area: 1/1; width: 100%; } .collection--carousel_caption { display: grid; grid-area: 1/1; z-index: 1; } .collection--carousel_caption h2 { font-size: var(--h2-size); } .collection--carousel_caption p, .collection--carousel_caption a:not(.button) { font-size: var(--font-size); color: var(--text-color); } .collection--carousel_caption a.button { font-size: var(--section-button-size); margin-bottom: 0; } .collection--carousel_caption h2, .collection--carousel_caption p, .collection--carousel_caption a:not(.button) { margin-bottom: 0; color: var(--text-color); } .collection--carousel_caption .caption--flex_container { display: flex; flex-direction: column; gap: 10px; padding: 20px; } @media screen and (max-width: 740px) { .collection--carousel_wrapper, .collection--carousel_image { flex: 1 0 100%; } .collection--carousel_container { flex-wrap: wrap; } } @media screen and (min-width: 801px) { aside#slideout-ajax-cart.has--featured_collection { display: flex; width: 500px; } } .cart--featured_collection { flex: 0 0 150px; padding: 0 0 10px; height: 100%; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth; border-right: 1px solid var(--dotted-color); } .cart--featured_collection::-webkit-scrollbar { display: none; } @media screen and (max-width: 740px) { .cart--featured_collection { display: none; } } .cart--featured_collection h4 { text-align: center; margin: 0 auto 10px; padding: 10px 10px 0; font-size: var(--h5-size); height: 71px; border-bottom: 1px solid var(--dotted-color); position: sticky; top: 0; z-index: 2; background: var(--background); align-items: center; display: flex; justify-content: center; } aside#slideout-ajax-cart section#mini-cart { width: 100%; } .cart--featured_collection .product-index.product-listing-simple { padding: 10px 15px 0; margin-bottom: 15px; } .cart--featured_collection .product-index.product-listing-simple .price--on-sale .price__sale { justify-content: center; } .cart--featured_collection .price, .cart--featured_collection .product-info h3 { font-size: calc(var(--font-size) - 2px); font-weight: var(--main-weight); } .background-video { position: relative; overflow: hidden; } .background-video__caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max-content; text-align: center; padding: 1rem; max-width: 90%; z-index: 4; display: flex; flex-direction: column; gap: 15px; } .background-video__overlay::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.2); z-index: 3; } .background-video__caption-title { font-size: var(--heading-font-size); color: var(--caption-color); } .background-video__caption-subheading, .background-video__caption-subheading p { font-size: var(--subheading-font-size); color: var(--caption-color); } .background-video__caption-button { line-height: 50px; width: auto; padding-left: 1rem; padding-right: 1rem; margin: 0 auto; color: var(--button-text-color) !important; } @media screen and (min-width: 981px) { .shop--the_look--products { position: relative; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth; } .shop--the_look--products::-webkit-scrollbar { display: none; } .shop--the_look-scroll { position: absolute; top: 0; width: 100%; } } @media (max-width: 740px) { .shop--the_look-scroll { flex-direction: column !important; } .shop--the_look--products .product-index { flex: 0 0 0px !important; border-right: unset !important; } } .shop--the_look--products .product-index { display: flex; gap: 20px; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--dotted-color); } .shop--the_look--products .product-index.last { padding-bottom: 0; border-bottom: 0; } .shop--the_look--products .product-index .prod-container, .shop--the_look--products .product-index .onboard { flex: 0 0 35%; max-width: 147px; } .shop--the_look--products .product-index .product-info { flex: 0 0 calc(65% - 20px); text-align: left; margin: 0; overflow-x: auto; } .product-index.shop--thelook_product .product-info h3 { letter-spacing: initial; font-size: var(--font-size); } .shop--the_look--products .product-index .product-info .price { text-align: left !important; align-items: flex-start; } .product-index.shop--thelook_product .product-info .product--grid_add { position: initial; transform: translate(0,0); padding-bottom: 0; } .product-index.shop--thelook_product .product-info .product--grid_add button.product-listing__quickview-trigger { margin: 0; } .product-index.shop--thelook_product .product-info .product--grid_add button.select--options, .product-index.shop--thelook_product .product-info .product--grid_add .button.select--options { margin: 0; } .product-index.shop--thelook_product .product-info .button.link--to_product { font-size: 13px; margin: 10px 0 auto; padding: 0; display: flex; align-items: center; justify-content: center; height: 40px; line-height: 38px; background: var(--background); color: var(--text-color); border: 1px solid var(--dotted-color); } span.button.link--to_product { margin-top: 10px !important; } .shop--the_look--image_placeholder, .shop--the_look--image_placeholder svg { height: 450px; } @media screen and (max-width: 980px) { .shop--the_look--products { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; margin-top: 20px; } .shop--the_look--products::-webkit-scrollbar { display: none; } .shop--the_look-scroll { display: flex; flex-wrap: nowrap; } .shop--the_look--products .product-index { flex: 0 0 400px; align-items: flex-end; padding-bottom: 0; border-bottom: 0; margin-right: 20px; padding-right: 20px; border-right: 1px solid var(--dotted-color); } .shop--the_look--products .product-index.last { margin-right: 0; border-right: 0; } .shop--the_look--products .product-index .product--grid_add { display: flex; } } @media screen and (max-width: 800px) { .shop--the_look--products .product-index .product--grid_add input[type="button"], .shop--the_look--products .product-index .product-info .link--to_product { font-size: var(--font-size) !important; } .shop--the_look--products .product-index .product--grid_add .product__section--qty, .shop--the_look--products .product-index .product--grid_add .product-variants p.option--title, .shop--the_look--products .product-index .product--grid_add .product-variants label, .shop--the_look--products .product-index .product--grid_add input[type="button"].multiple--variants_available { display: none; } .shop--the_look--products .product-index .product--grid_add .product-variants span.more--available { display: flex; } } .scrolling__text-section { background: var(--background); } span.scrolling__text--item { display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; } .scrolling__text--wrapper { position: relative; overflow: hidden; } .scrolling__text--content { width: fit-content; display: flex; column-gap: 30px; white-space: nowrap; position: relative; } @keyframes text { 0% { left: 0; } 100% { left: -100%; } } span.scrolling--image { width: 60px; line-height: 1; } span.scrolling--image.no--image { width: initial; } .scrolling__text-section .scrolling--text p { margin-bottom: 0; line-height: initial; } .scrolling__text-section p, .scrolling__text-section a { color: var(--text-color); } .scrolling__text-section a { text-decoration: underline; } .skip-link { display: inline-block; width: max-content; line-height: 50px; padding: 0 20px; background-color: var(--button-color); color: var(--button-text); } .skip-link:focus { z-index: 9999; position: inherit; overflow: auto; width: auto; height: auto; clip: auto; background-color: var(--button-color); color: var(--button-text); } .shop-policies ul { list-style: none; } .shop-policies ul li { display: inline-block; margin-right: 0.75rem; } .mobile-menu .disclosures { display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: column; } @media (max-width: 740px) { .mobile-menu .disclosures { justify-content: flex-start; } } .mobile-menu .selectors-form { justify-content: flex-start; } .mobile-menu .disclosure { position: relative; width: 100%; } .mobile-menu .disclosure__toggle { white-space: nowrap; color: var(--link-color); border: 1px solid var(--border-color); background-color: var(--background-color); margin: 0; margin-bottom: 10px; text-transform: capitalize; display: flex; align-items: center; } .mobile-menu .disclosure-list { background-color: var(--background-color); border: 1px solid var(--border-color); bottom: 115%; padding: 11px 0px; position: absolute; display: none; min-height: 92px; max-height: 300px; overflow-y: auto; border-radius: 2px; width: 100%; } #MobileNavigationLanguageFormNoScript .disclosure__toggle, #MobileNavigationCountryFormNoScript .disclosure__toggle { border-radius: 0px !important; } #MobileNavigationLanguageFormNoScript .disclosure__toggle:last-child, #MobileNavigationCountryFormNoScript .disclosure__toggle:last-child { border-left: 0; } .mobile-menu .disclosure-list--visible { display: block; } .mobile-menu .disclosure-list__item { border-bottom: 1px solid transparent; white-space: nowrap; padding: 5px 15px 4px 15px; text-align: left; line-height: 1.6; } .mobile-menu .disclosure-list__item:active { background-color: rgba(128, 128, 128, 0.2); } .mobile-menu .disclosure-list__option { color: var(--text-color) !important; text-transform: capitalize; display: flex; align-items: center; font-size: 13px; } .mobile-menu .disclosure-list__option span.localization-form__currency { margin-left: 5px; } .mobile-menu .disclosure-list__option:focus, .disclosure-list__option:hover { color: var(--link-color); } .mobile-menu .disclosure-list__item--current .disclosure-list__option { color: var(--background-color); font-weight: 900; } .mobile-menu:has(.mobile-menu__disclosures) { display: flex; flex-direction: column; justify-content: flex-start; } .mobile-menu:has(.mobile-menu__disclosures) .mobile-menu__disclosures { margin-top: auto; } .mobile-menu:has(.mobile-menu__disclosures) .selectors-form__item { margin: 0; } .mobile-menu:has(.mobile-menu__disclosures) .disclosures { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; } .mobile-menu:has(.mobile-menu__disclosures) .selectors-form__item:not(:first-of-type) { margin-left: 1rem; } .mobile-menu:has(.mobile-menu__disclosures) .disclosure-list { width: unset; } .shopify-payment-button { display: none !important; } .template-collection-fashion-partner .site-logo img { max-width: 200px; height: auto; } .template-collection-fashion-partner .collection-template { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .prod-image img, .prod-image picture, .prod-image .reveal { aspect-ratio: auto !important; height: auto !important; width: 100% !important; object-fit: contain !important; display: block; } .template-collection-fashion-partner .prod-image, .template-collection-fashion-partner .prod-image .reveal, .template-collection-fashion-partner .prod-image img, .template-collection-fashion-partner .prod-image picture, .template-collection-fashion-partner .prod-image .box-ratio { all: unset !important; width: 100% !important; height: auto !important; object-fit: contain !important; display: block !important; aspect-ratio: auto !important; padding: 0 !important; margin: 0 auto !important; } .template-collection-fashion-partner .box-ratio { aspect-ratio: 4 / 5 !important; height: auto !important; padding-bottom: 0 !important; max-height: none !important; } .template-collection-fashion-partner .collection__page-image img { max-width: 350px !important; height: auto !important; display: block !important; margin: 0 auto !important; } .template-collection-fashion-partner .box-ratio { padding-bottom: 0 !important; height: auto !important; aspect-ratio: auto !important; } .navigation__menuitem--dropdown { position: relative; } .megamenu { top: 100%; margin-top: 0; } .megamenu__container { padding-top: 12px; } .megamenu__container { max-height: 80vh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--nav-color) transparent; } .megamenu__container { max-height: 80vh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--nav-color) transparent; } .megamenu__container::-webkit-scrollbar { width: 6px; } .megamenu__container::-webkit-scrollbar-thumb { background-color: var(--nav-color); border-radius: 3px; } ul.megamenu { max-height: 75vh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; } ul.megamenu::-webkit-scrollbar { width: 6px; } ul.megamenu::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; } ul.megamenu { max-width: 320px; min-width: 260px; } .js-slideout-toggle-wrapper .js-slideout__content { max-height: 100vh; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .drawer-menu__item { padding-left: 1.25rem; padding-right: 1.25rem; } .drawer-menu__link { padding-left: 1.25rem; padding-right: 1rem; } .drawer-menu__item { padding-left: 1.2rem; padding-right: 1.2rem; } .drawer-menu .site-nav__item--account { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e5e5e5; } .drawer-menu__item { padding-top: 0.75rem; padding-bottom: 0.75rem; } .drawer-menu__item .icon-chevron-down { padding: 0.5rem; } .inline-header { position: relative; flex-wrap: wrap; overflow: visible; z-index: 1; } .site-nav--has-dropdown > .site-nav__dropdown { position: absolute; top: 100%; left: 0; z-index: 9999; background-color: white; display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); gap: 20px; padding: 20px; .site-nav__dropdown li { break-inside: avoid; } .site-nav__dropdown ul { margin: 0; padding: 0; list-style: none; display: contents; } .site-nav__dropdown li:first-child { margin-top: 20px; } .site-nav__dropdown li strong { display: block; margin-top: 20px; font-weight: bold; } .megamenu { width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px 30px; box-sizing: border-box; } .megamenu__header { display: block; font-weight: bold; font-size: 16px; width: 100%; margin-bottom: 12px; text-align: left; } .megamenu__container { overflow-x: hidden; } .megamenu__list { display: flex; flex-direction: column; gap: 6px; padding: 0; list-style: none; } .grid__wrapper--nest { flex: 1 1 200px; min-width: 180px; max-width: 220px; } .megamenu { max-width: 1000px; min-width: 700px; } .megamenu__header { display: block; font-weight: bold; width: 100%; margin-bottom: 12px; text-align: left; } .megamenu__header { font-weight: bold; margin-bottom: 8px; } .megamenu__listitem { display: block; padding: 6px 12px; line-height: 1.6; } .megamenu__headerlink { display: block; margin-top: 20px; font-weight: bold; } .megamenu__headerlink { display: block; margin-top: 20px; font-weight: bold; width: 100%; } .megamenu__listcontainer > h4 { width: 100%; display: block; margin-bottom: 8px; } .navigation.inline-header .megamenu__headerlink { display: block !important; margin-top: 20px !important; font-weight: bold !important; width: 100% !important; } .megamenu__listcontainer > h4, .megamenu__listcontainer > .megamenu__headerlink { font-weight: bold; display: block; } .site-nav__item { position: relative; } .navigation__menuitem--dropdown { position: relative; } .navigation__menuitem--dropdown > .navigation__menuLink { padding-bottom: 20px; } .navigation__menuitem--dropdown .megamenu { margin-top: -20px; z-index: 9999; } .megamenu li { line-height: 1.6; padding: 6px 12px; display: block; } .megamenu li + li { margin-top: 2px; } .navigation__menuitem--dropdown { position: relative; } .navigation__menuitem--dropdown .megamenu { position: absolute; top: 100%; left: 0; z-index: 9999; background-color: white; min-width: 200px; max-width: 240px; width: max-content; padding: 10px 0; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08); white-space: nowrap; } nav.navigation.inline-header { white-space: normal; overflow-x: visible; flex-wrap: wrap; display: flex; align-items: center; justify-content: center; row-gap: 12px; ustify-content: center; padding-bottom: 65px; position: relative; z-index: 2; } } .inline-header { position: relative; z-index: 1; flex-wrap: wrap; overflow: visible; padding-bottom: 50px; } a.navigation__menuLink { padding-left: 10px; padding-right: 10px; font-size: 15px; } #logo img { max-width: 120px; height: auto; } #logo { margin-left: 0; padding-left: 10px; } #logo.theme__logo { margin-right: 5px; } @media screen and (min-width: 1280px) { #logo.theme__logo { margin-right: 2px; } .inline-header .navigation__menuitem { padding-left: 2px; padding-right: 2px; font-size: 13px; } } .header__inline-menu-wrapper::-webkit-scrollbar { display: none; } .header__inline-menu-wrapper { -ms-overflow-style: none; scrollbar-width: none; } .site-nav__item.meganav-parent { position: relative; } .site-nav__item.meganav-parent .megamenu { left: 0; right: auto; .site-nav__item.meganav-parent:nth-child(2) .megamenu { left: -10px; } .site-nav__item.meganav-parent:nth-child(3) .megamenu { left: -55px; } .site-nav__item.meganav-parent:nth-child(9) .megamenu { right: 0; left: auto; } .navigation__menuitem--dropdown { position: relative; } .megamenu, .dropdown.js-dropdown { left: 50% !important; transform: translateX(-50%) !important; right: auto !important; text-align: left; } .megamenu__container, .dropdown__menuitem { display: flex; flex-wrap: wrap; justify-content: flex-start; } .megamenu { max-width: 1200px; } .navigation__menuitem--dropdown { position: relative; } .navigation__menuitem--dropdown > .megamenu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); right: auto; z-index: 1000; background: #fff; padding-top: 10px; min-width: 200px; text-align: left; } .merchant-widget-container { bottom: 80px !important; right: 20px !important; } .megamenu__listcontainer { min-width: 200px; } .megamenu__container { display: flex; flex-wrap: wrap; } .megamenu__splitcontainer { flex: 1; min-width: 200px; padding: 0 10px; list-style: none; } .megamenu__listcontainer { list-style: none; padding: 0; margin: 0; } .megamenu__listitem { margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .megamenu__listlink { text-decoration: none; font-size: 14px; display: block; color: #222; } .megamenu__header { display: none; } .megamenu__listcontainer { margin-left: 10px; padding-top: 0; top: initial; display: block; list-style: none; transform: translateY(20px); transition-duration: 0.25s; } .megamenu__list { display: block; line-height: 30px !important; margin-bottom: 20px; list-style: none; } .megamenu__listitem { background: var(--nav-hover-color); } .megamenu__listlink { color: var(--nav-hover-link-color) !important; } .megamenu { display: flex; flex-wrap: wrap; justify-content: center; background: white; padding: 30px 0; z-index: 1000; } .megamenu__container { display: flex; flex-wrap: wrap; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 20px; } .megamenu__listcontainer { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; padding: 0 15px; box-sizing: border-box; } .megamenu__header { font-weight: bold; margin-bottom: 0.5rem; } .megamenu__list { list-style: none; margin: 0; padding: 0; } .megamenu__listitem { margin: 0; padding: 5px 0; } .megamenu__listlink { color: #000; text-decoration: none; font-size: 0.9rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .megamenu__listlink:hover { color: #da0f47; text-decoration: underline; } .megamenu__listlink:hover { color: #da0f47 !important; text-decoration: underline !important; } .megamenu__listlink:hover { color: #da0f47; text-decoration: underline; } *, :after, :before { box-sizing: border-box } .gridlock .row { width: 92%; margin-left: auto; margin-right: auto } .gridlock .row:after { height: 0; clear: both; content: "."; display: block; line-height: 0; visibility: hidden } .gridlock .row .row { width: 102.08333333%; margin-left: -1.04166667%; margin-right: -1.04166667% } .gridlock .row .contained .row { width: 100%; margin-left: 0; margin-right: 0 } .gridlock .row [class*=all-], .gridlock .row [class*=desktop-], .gridlock .row [class*=max-], .gridlock .row [class*=min-], .gridlock .row [class*=mobile-], .gridlock .row [class*=tablet-] { float: left; margin-left: 1.04166667%; margin-right: 1.04166667% } .gridlock .row [class*=all-].padded, .gridlock .row [class*=desktop-].padded, .gridlock .row [class*=max-].padded, .gridlock .row [class*=min-].padded, .gridlock .row [class*=mobile-].padded, .gridlock .row [class*=tablet-].padded { box-sizing: content-box; margin-left: 0; margin-right: 0; padding-left: 1.04166667%; padding-right: 1.04166667% } .gridlock .row [class*=all-].contained, .gridlock .row [class*=desktop-].contained, .gridlock .row [class*=max-].contained, .gridlock .row [class*=min-].contained, .gridlock .row [class*=mobile-].contained, .gridlock .row [class*=tablet-].contained { margin-left: 0; margin-right: 0 } .gridlock .row [class*=all-].right, .gridlock .row [class*=desktop-].right, .gridlock .row [class*=max-].right, .gridlock .row [class*=min-].right, .gridlock .row [class*=mobile-].right, .gridlock .row [class*=tablet-].right { float: right } @media screen and (min-width:500px) { .gridlock .row { width: 480px } } @media screen and (min-width:740px) { .gridlock .row { width: 720px } } @media screen and (min-width:980px) { .gridlock .row { width: 960px } } @media screen and (min-width:1220px) { .gridlock .row { width: 1600px } } @media screen and (max-width:1679px) { .gridlock .row { width: 94%; } } @media screen and (min-width:1680px) { .gridlock .row { width: 1600px } } @media screen and (max-width:739px) { .gridlock-mobile-fluid .row { width: 98% } } .gridlock .row .all-fifth { width: 17.91666667% } .gridlock .row .all-fourth { width: 22.91666667% } .gridlock .row .all-third { width: 31.25% } .gridlock .row .all-half { width: 47.91666667% } .gridlock .row .all-full { width: 97.91666667% } .gridlock .row .all-push-fifth { margin-left: 21.04166667% } .gridlock .row .all-push-fourth { margin-left: 26.04166667% } .gridlock .row .all-push-third { margin-left: 34.375% } .gridlock .row .all-push-half { margin-left: 51.04166667% } .gridlock .row .contained.all-fifth { width: 20% } .gridlock .row .contained.all-fourth { width: 25% } .gridlock .row .contained.all-third { width: 33.33333333% } .gridlock .row .contained.all-half { width: 50% } .gridlock .row .contained.all-full { width: 100% } .gridlock .row .contained.all-push-fifth { margin-left: 20% } .gridlock .row .contained.all-push-fourth { margin-left: 25% } .gridlock .row .contained.all-push-third { margin-left: 33.33333333% } .gridlock .row .contained.all-push-half { margin-left: 50% } .gridlock .row [class*=all-].centered { float: none; margin-left: auto; margin-right: auto } .gridlock .row .all-hide { display: none } .visually-hidden { display: none; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; } @media screen and (max-width:739px) { .gridlock .row .mobile-1 { width: 31.25% } .gridlock .row .mobile-2 { width: 64.58333333% } .gridlock .row .mobile-3 { width: 97.91666667% } .gridlock .row .mobile-push-1 { margin-left: 34.375% } .gridlock .row .mobile-push-2 { margin-left: 67.70833333% } .gridlock .row .contained.mobile-1 { width: 33.33333333% } .gridlock .row .contained.mobile-2 { width: 66.66666667% } .gridlock .row .contained.mobile-3 { width: 100% } .gridlock .row .contained.mobile-push-1 { margin-left: 33.33333333% } .gridlock .row .contained.mobile-push-2 { margin-left: 66.66666667% } .gridlock .row .mobile-fifth { width: 17.91666667% } .gridlock .row .mobile-fourth { width: 22.91666667% } .gridlock .row .mobile-third { width: 31.25% } .gridlock .row .mobile-half { width: 47.91666667% } .gridlock .row .mobile-full { width: 97.91666667% } .gridlock .row .mobile-push-fifth { margin-left: 21.04166667% } .gridlock .row .mobile-push-fourth { margin-left: 26.04166667% } .gridlock .row .mobile-push-third { margin-left: 34.375% } .gridlock .row .mobile-push-half { margin-left: 51.04166667% } .gridlock .row .contained.mobile-fifth { width: 20% } .gridlock .row .contained.mobile-fourth { width: 25% } .gridlock .row .contained.mobile-third { width: 33.33333333% } .gridlock .row .contained.mobile-half { width: 50% } .gridlock .row .contained.mobile-full { width: 100% } .gridlock .row .contained.mobile-push-fifth { margin-left: 20% } .gridlock .row .contained.mobile-push-fourth { margin-left: 25% } .gridlock .row .contained.mobile-push-third { margin-left: 33.33333333% } .gridlock .row .contained.mobile-push-half { margin-left: 50% } .gridlock .row [class*=mobile-].centered { float: none; margin-left: auto; margin-right: auto } .gridlock .row .mobile-hide { display: none } } @media screen and (max-width:499px) { .gridlock .row .min-1 { width: 31.25% } .gridlock .row .min-2 { width: 64.58333333% } .gridlock .row .min-3 { width: 97.91666667% } .gridlock .row .min-push-1 { margin-left: 34.375% } .gridlock .row .min-push-2 { margin-left: 67.70833333% } .gridlock .row .contained.min-1 { width: 33.33333333% } .gridlock .row .contained.min-2 { width: 66.66666667% } .gridlock .row .contained.min-3 { width: 100% } .gridlock .row .contained.min-push-1 { margin-left: 33.33333333% } .gridlock .row .contained.min-push-2 { margin-left: 66.66666667% } .gridlock .row .min-fifth { width: 17.91666667% } .gridlock .row .min-fourth { width: 22.91666667% } .gridlock .row .min-third { width: 31.25% } .gridlock .row .min-half { width: 47.91666667% } .gridlock .row .min-full { width: 97.91666667% } .gridlock .row .min-push-fifth { margin-left: 21.04166667% } .gridlock .row .min-push-fourth { margin-left: 26.04166667% } .gridlock .row .min-push-third { margin-left: 34.375% } .gridlock .row .min-push-half { margin-left: 51.04166667% } .gridlock .row .contained.min-fifth { width: 20% } .gridlock .row .contained.min-fourth { width: 25% } .gridlock .row .contained.min-third { width: 33.33333333% } .gridlock .row .contained.min-half { width: 50% } .gridlock .row .contained.min-full { width: 100% } .gridlock .row .contained.min-push-fifth { margin-left: 20% } .gridlock .row .contained.min-push-fourth { margin-left: 25% } .gridlock .row .contained.min-push-third { margin-left: 33.33333333% } .gridlock .row .contained.min-push-half { margin-left: 50% } .gridlock .row [class*=min-].centered { float: none; margin-left: auto; margin-right: auto } .gridlock .row .min-hide { display: none } } @media screen and (min-width:740px) and (max-width:979px) { .gridlock .row .tablet-1 { width: 14.58333333% } .gridlock .row .tablet-2 { width: 31.25% } .gridlock .row .tablet-3 { width: 47.91666667% } .gridlock .row .tablet-4 { width: 64.58333333% } .gridlock .row .tablet-5 { width: 81.25% } .gridlock .row .tablet-6 { width: 97.91666667% } .gridlock .row .tablet-push-1 { margin-left: 17.70833333% } .gridlock .row .tablet-push-2 { margin-left: 34.375% } .gridlock .row .tablet-push-3 { margin-left: 51.04166667% } .gridlock .row .tablet-push-4 { margin-left: 67.70833333% } .gridlock .row .tablet-push-5 { margin-left: 84.375% } .gridlock .row .contained.tablet-1 { width: 16.66666667% } .gridlock .row .contained.tablet-2 { width: 33.33333333% } .gridlock .row .contained.tablet-3 { width: 50% } .gridlock .row .contained.tablet-4 { width: 66.66666667% } .gridlock .row .contained.tablet-5 { width: 83.33333333% } .gridlock .row .contained.tablet-6 { width: 100% } .gridlock .row .contained.tablet-push-1 { margin-left: 16.66666667% } .gridlock .row .contained.tablet-push-2 { margin-left: 33.33333333% } .gridlock .row .contained.tablet-push-3 { margin-left: 50% } .gridlock .row .contained.tablet-push-4 { margin-left: 66.66666667% } .gridlock .row .contained.tablet-push-5 { margin-left: 83.33333333% } .gridlock .row .tablet-fifth { width: 17.91666667% } .gridlock .row .tablet-fourth { width: 22.91666667% } .gridlock .row .tablet-third { width: 31.25% } .gridlock .row .tablet-three-quarter { width: 72.9% } .gridlock .row .tablet-two-thirds { width: 64.5% } .gridlock .row .tablet-half { width: 47.91666667% } .gridlock .row .tablet-full { width: 97.91666667% } .gridlock .row .tablet-push-fifth { margin-left: 21.04166667% } .gridlock .row .tablet-push-fourth { margin-left: 26.04166667% } .gridlock .row .tablet-push-third { margin-left: 34.375% } .gridlock .row .tablet-push-half { margin-left: 51.04166667% } .gridlock .row .contained.tablet-fifth { width: 20% } .gridlock .row .contained.tablet-fourth { width: 25% } .gridlock .row .contained.tablet-third { width: 33.33333333% } .gridlock .row .contained.tablet-half { width: 50% } .gridlock .row .contained.tablet-full { width: 100% } .gridlock .row .contained.tablet-push-fifth { margin-left: 20% } .gridlock .row .contained.tablet-push-fourth { margin-left: 25% } .gridlock .row .contained.tablet-push-third { margin-left: 33.33333333% } .gridlock .row .contained.tablet-push-half { margin-left: 50% } .gridlock .row [class*=tablet-].centered { float: none; margin-left: auto; margin-right: auto } .gridlock .row .tablet-hide { display: none !important } } @media screen and (min-width:980px) { .gridlock .row .desktop-1 { width: 6.25% } .gridlock .row .desktop-2 { width: 14.58333333% } .gridlock .row .desktop-3 { width: 22.91666667% } .gridlock .row .desktop-4 { width: 31.25% } .gridlock .row .desktop-5 { width: 39.58333333% } .gridlock .row .desktop-6 { width: 47.91666667% } .gridlock .row .desktop-7 { width: 56.25% } .gridlock .row .desktop-8 { width: 64.58333333% } .gridlock .row .desktop-9 { width: 72.91666667% } .gridlock .row .desktop-10 { width: 81.25% } .gridlock .row .desktop-11 { width: 89.58333333% } .gridlock .row .desktop-12 { width: 97.91666667% } .gridlock .row .desktop-push-1 { margin-left: 9.375% } .gridlock .row .desktop-push-2 { margin-left: 17.70833333% } .gridlock .row .desktop-push-3 { margin-left: 26.04166667% } .gridlock .row .desktop-push-4 { margin-left: 34.375% } .gridlock .row .desktop-push-5 { margin-left: 42.70833333% } .gridlock .row .desktop-push-6 { margin-left: 51.04166667% } .gridlock .row .desktop-push-7 { margin-left: 59.375% } .gridlock .row .desktop-push-8 { margin-left: 67.70833333% } .gridlock .row .desktop-push-9 { margin-left: 76.04166667% } .gridlock .row .desktop-push-10 { margin-left: 84.375% } .gridlock .row .desktop-push-11 { margin-left: 92.70833333% } .gridlock .row .contained.desktop-1 { width: 8.33333333% } .gridlock .row .contained.desktop-2 { width: 16.66666667% } .gridlock .row .contained.desktop-3 { width: 25% } .gridlock .row .contained.desktop-4 { width: 33.33333333% } .gridlock .row .contained.desktop-5 { width: 41.66666667% } .gridlock .row .contained.desktop-6 { width: 50% } .gridlock .row .contained.desktop-7 { width: 58.33333333% } .gridlock .row .contained.desktop-8 { width: 66.66666667% } .gridlock .row .contained.desktop-9 { width: 75% } .gridlock .row .contained.desktop-10 { width: 83.33333333% } .gridlock .row .contained.desktop-11 { width: 91.66666667% } .gridlock .row .contained.desktop-12 { width: 100% } .gridlock .row .contained.desktop-push-1 { margin-left: 8.33333333% } .gridlock .row .contained.desktop-push-2 { margin-left: 16.66666667% } .gridlock .row .contained.desktop-push-3 { margin-left: 25% } .gridlock .row .contained.desktop-push-4 { margin-left: 33.33333333% } .gridlock .row .contained.desktop-push-5 { margin-left: 41.66666667% } .gridlock .row .contained.desktop-push-6 { margin-left: 50% } .gridlock .row .contained.desktop-push-7 { margin-left: 58.33333333% } .gridlock .row .contained.desktop-push-8 { margin-left: 66.66666667% } .gridlock .row .contained.desktop-push-9 { margin-left: 75% } .gridlock .row .contained.desktop-push-10 { margin-left: 83.33333333% } .gridlock .row .contained.desktop-push-11 { margin-left: 91.66666667% } .gridlock .row .desktop-fifth { width: 17.91666667% } .gridlock .row .desktop-fourth { width: 22.91666667% } .gridlock .row .desktop-third { width: 31.25% } .gridlock .row .desktop-half { width: 47.91666667% } .gridlock .row .desktop-full { width: 97.91666667% } .gridlock .row .desktop-push-fifth { margin-left: 21.04166667% } .gridlock .row .desktop-push-fourth { margin-left: 26.04166667% } .gridlock .row .desktop-push-third { margin-left: 34.375% } .gridlock .row .desktop-push-half { margin-left: 51.04166667% } .gridlock .row .contained.desktop-fifth { width: 20% } .gridlock .row .contained.desktop-fourth { width: 25% } .gridlock .row .contained.desktop-third { width: 33.33333333% } .gridlock .row .contained.desktop-half { width: 50% } .gridlock .row .contained.desktop-full { width: 100% } .gridlock .row .contained.desktop-push-fifth { margin-left: 20% } .gridlock .row .contained.desktop-push-fourth { margin-left: 25% } .gridlock .row .contained.desktop-push-third { margin-left: 33.33333333% } .gridlock .row .contained.desktop-push-half { margin-left: 50% } .gridlock .row [class*=desktop-].centered { float: none; margin-left: auto; margin-right: auto } .gridlock .row .desktop-hide { display: none !important } } @media screen and (min-width:1220px) { .gridlock .row .max-1 { width: 6.25% } .gridlock .row .max-2 { width: 14.58333333% } .gridlock .row .max-3 { width: 22.91666667% } .gridlock .row .max-4 { width: 31.25% } .gridlock .row .max-5 { width: 39.58333333% } .gridlock .row .max-6 { width: 47.91666667% } .gridlock .row .max-7 { width: 56.25% } .gridlock .row .max-8 { width: 64.58333333% } .gridlock .row .max-9 { width: 72.91666667% } .gridlock .row .max-10 { width: 81.25% } .gridlock .row .max-11 { width: 89.58333333% } .gridlock .row .max-12 { width: 97.91666667% } .gridlock .row .max-push-1 { margin-left: 9.375% } .gridlock .row .max-push-2 { margin-left: 17.70833333% } .gridlock .row .max-push-3 { margin-left: 26.04166667% } .gridlock .row .max-push-4 { margin-left: 34.375% } .gridlock .row .max-push-5 { margin-left: 42.70833333% } .gridlock .row .max-push-6 { margin-left: 51.04166667% } .gridlock .row .max-push-7 { margin-left: 59.375% } .gridlock .row .max-push-8 { margin-left: 67.70833333% } .gridlock .row .max-push-9 { margin-left: 76.04166667% } .gridlock .row .max-push-10 { margin-left: 84.375% } .gridlock .row .max-push-11 { margin-left: 92.70833333% } .gridlock .row .contained.max-1 { width: 8.33333333% } .gridlock .row .contained.max-2 { width: 16.66666667% } .gridlock .row .contained.max-3 { width: 25% } .gridlock .row .contained.max-4 { width: 33.33333333% } .gridlock .row .contained.max-5 { width: 41.66666667% } .gridlock .row .contained.max-6 { width: 50% } .gridlock .row .contained.max-7 { width: 58.33333333% } .gridlock .row .contained.max-8 { width: 66.66666667% } .gridlock .row .contained.max-9 { width: 75% } .gridlock .row .contained.max-10 { width: 83.33333333% } .gridlock .row .contained.max-11 { width: 91.66666667% } .gridlock .row .contained.max-12 { width: 100% } .gridlock .row .contained.max-push-1 { margin-left: 8.33333333% } .gridlock .row .contained.max-push-2 { margin-left: 16.66666667% } .gridlock .row .contained.max-push-3 { margin-left: 25% } .gridlock .row .contained.max-push-4 { margin-left: 33.33333333% } .gridlock .row .contained.max-push-5 { margin-left: 41.66666667% } .gridlock .row .contained.max-push-6 { margin-left: 50% } .gridlock .row .contained.max-push-7 { margin-left: 58.33333333% } .gridlock .row .contained.max-push-8 { margin-left: 66.66666667% } .gridlock .row .contained.max-push-9 { margin-left: 75% } .gridlock .row .contained.max-push-10 { margin-left: 83.33333333% } .gridlock .row .contained.max-push-11 { margin-left: 91.66666667% } .gridlock .row .max-fifth { width: 17.91666667% } .gridlock .row .max-fourth { width: 22.91666667% } .gridlock .row .max-third { width: 31.25% } .gridlock .row .max-half { width: 47.91666667% } .gridlock .row .max-full { width: 97.91666667% } .gridlock .row .max-push-fifth { margin-left: 21.04166667% } .gridlock .row .max-push-fourth { margin-left: 26.04166667% } .gridlock .row .max-push-third { margin-left: 34.375% } .gridlock .row .max-push-half { margin-left: 51.04166667% } .gridlock .row .contained.max-fifth { width: 20% } .gridlock .row .contained.max-fourth { width: 25% } .gridlock .row .contained.max-third { width: 33.33333333% } .gridlock .row .contained.max-half { width: 50% } .gridlock .row .contained.max-full { width: 100% } .gridlock .row .contained.max-push-fifth { margin-left: 20% } .gridlock .row .contained.max-push-fourth { margin-left: 25% } .gridlock .row .contained.max-push-third { margin-left: 33.33333333% } .gridlock .row .contained.max-push-half { margin-left: 50% } .gridlock .row [class*=max-].centered { float: none; margin-left: auto; margin-right: auto } .gridlock .row .max-hide { display: none } } .gridlock-fluid .row { width: 98% } @media screen and (max-width:740px) { .gridlock-fluid .mobile-3.centered { float: left !important; margin-left: 1.04166667% !important; margin-right: 1.04166667% !important } } .gridlock-fluid .centered { display: inline-block } .grid__wrapper { margin: 0 auto; padding-left: 3%; padding-right: 3%; max-width: 1600px; display: grid; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: repeat(12, 1fr); grid-template-rows: auto; font-size: var(--font-size); } .grid__wrapper-nest { display: grid !important; } .grid__wrapper.aflow { grid-auto-flow: dense; } .grid__wrapper.narrow { padding-left: 7%; padding-right: 7%; } .grid__wrapper.full { padding-left: 1.25%; padding-right: 1.25%; max-width: unset; width: 100%; } .grid__wrapper.edge { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; width: 100%; max-width: unset; } .row .grid__wrapper.row, .row.grid__wrapper.edge { padding: 0; max-width: unset; } .grid__wrapper.row { padding: 0 1.04166667%; grid-gap: 30px; } .grid__wrapper > .first { order: 1; } .grid__wrapper > .last { order: 2; } @media(min-width: 768px) { .wrapper-fifths { grid-template-columns:repeat(15,1fr); } .wrapper-fifths .span-11.push-2 { grid-column: 3/14; width: 100%; } } .grid__wrapper > * { padding: 0; font-size: var(--font-size); vertical-align: top; } .grid__wrapper.gr0 { grid-row-gap: 0; } .a-left { text-align: left; } .a-right { text-align: right; } .a-center { text-align: center; } .v-start { align-self: start; vertical-align: top; } .v-center { align-self: center; vertical-align: middle; } .v-end { align-self: end; vertical-align: bottom; } .v-stretch { align-self: stretch; } .vi-center { display: inline; vertical-align: middle; } .vib-center { display: inline-block; vertical-align: middle; } .h-start { justify-self: start; } .h-center { justify-self: center; } .h-end { justify-self: end; } .h-stretch { justify-self: stretch; } .vh-start { place-self: start; } .vv-center { place-self: center; } .vh-end { place-self: end; } .vh-stretch { place-self: stretch; } .absolute-center { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } @supports (display: grid) { .span-1 { grid-column: 1; width: 100%; } .span-2 { grid-column: 1 / 3; width: 100%; } .span-3 { grid-column: 1 / 4; width: 100%; } .span-4, .span-third { grid-column: 1 / 5; width: 100%; } .span-5 { grid-column: 1 / 6; width: 100%; } .span-6 { grid-column: 1 / 7; width: 100%; } .span-7 { grid-column: 1 / 8; width: 100%; } .span-8 { grid-column: 1 / 9; width: 100%; } .span-9 { grid-column: 1 / 10; width: 100%; } .span-10 { grid-column: 1 / 11; width: 100%; } .span-11 { grid-column: 1 / 12; width: 100%; } .span-12 { grid-column: 1 / 13; width: 100%; } .span-6.first { grid-column: 1 / 7; width: 100%; } .span-6.last { grid-column: 7 / 13; width: 100%; } .span-8.first { grid-column: 1 / 9; width: 100%; } .span-4.last { grid-column: 9 / 13; width: 100%; } .span-4.first { grid-column: 1 / 5; width: 100%; } .span-8.last { grid-column: 5 / 13; width: 100%; } .span-9.first { grid-column: 1 / 10; width: 100%; } .span-3.last { grid-column: 10 / 13; width: 100%; } .span-3.first { grid-column: 1 / 4; width: 100%; } .span-9.last { grid-column: 4 / 13; width: 100%; } .span-1.auto { grid-column: auto / span 1; width: 100%; } .span-2.auto { grid-column: auto / span 2; width: 100%; } .span-3.auto { grid-column: auto / span 3; width: 100%; } .span-4.auto, .span-third.auto { grid-column: auto / span 4; width: 100%; } .span-5.auto { grid-column: auto / span 5; width: 100%; } .span-6.auto { grid-column: auto / span 6; width: 100%; } .span-7.auto { grid-column: auto / span 7; width: 100%; } .span-8.auto { grid-column: auto / span 8; width: 100%; } .span-9.auto { grid-column: auto / span 9; width: 100%; } .span-10.auto { grid-column: auto / span 10; width: 100%; } .span-11.auto { grid-column: auto / span 11; width: 100%; } .span-12.auto { grid-column: auto / span 12; width: 100%; } .span-1.push-1 { grid-column: 2 / 3; width: 100%; } .span-1.push-2 { grid-column: 3 / 4; width: 100%; } .span-1.push-3 { grid-column: 4 / 5; width: 100%; } .span-1.push-4 { grid-column: 5 / 6; width: 100%; } .span-1.push-5 { grid-column: 6 / 7; width: 100%; } .span-1.push-6 { grid-column: 7 / 8; width: 100%; } .span-1.push-7 { grid-column: 8 / 9; width: 100%; } .span-1.push-8 { grid-column: 9 / 10; width: 100%; } .span-1.push-9 { grid-column: 10 / 11; width: 100%; } .span-1.push-10 { grid-column: 11 / 12; width: 100%; } .span-1.push-11 { grid-column: 12 / 13; width: 100%; } .span-2.push-1 { grid-column: 2 / 4; width: 100%; } .span-2.push-2 { grid-column: 3 / 5; width: 100%; } .span-2.push-3 { grid-column: 4 / 6; width: 100%; } .span-2.push-4 { grid-column: 5 / 7; width: 100%; } .span-2.push-5 { grid-column: 6 / 8; width: 100%; } .span-2.push-6 { grid-column: 7 / 9; width: 100%; } .span-2.push-7 { grid-column: 8 / 10; width: 100%; } .span-2.push-8 { grid-column: 9 / 11; width: 100%; } .span-2.push-9 { grid-column: 10 / 12; width: 100%; } .span-2.push-10 { grid-column: 11 / 13; width: 100%; } .span-3.push-1 { grid-column: 2 / 5; width: 100%; } .span-3.push-2 { grid-column: 3 / 6; width: 100%; } .span-3.push-3 { grid-column: 4 / 7; width: 100%; } .span-3.push-4 { grid-column: 5 / 8; width: 100%; } .span-3.push-5 { grid-column: 6 / 9; width: 100%; } .span-3.push-6 { grid-column: 7 / 10; width: 100%; } .span-3.push-7 { grid-column: 8 / 11; width: 100%; } .span-3.push-8 { grid-column: 9 / 12; width: 100%; } .span-3.push-9 { grid-column: 10 / 13; width: 100%; } .span-4.push-1 { grid-column: 2 / 6; width: 100%; } .span-4.push-2 { grid-column: 3 / 7; width: 100%; } .span-4.push-3 { grid-column: 4 / 8; width: 100%; } .span-4.push-4 { grid-column: 5 / 9; width: 100%; } .span-4.push-5 { grid-column: 6 / 10; width: 100%; } .span-4.push-6 { grid-column: 7 / 11; width: 100%; } .span-4.push-7 { grid-column: 8 / 12; width: 100%; } .span-4.push-8 { grid-column: 9 / 13; width: 100%; } .span-5.push-1 { grid-column: 2 / 7; width: 100%; } .span-5.push-2 { grid-column: 3 / 8; width: 100%; } .span-5.push-3 { grid-column: 4 / 9; width: 100%; } .span-5.push-4 { grid-column: 5 / 10; width: 100%; } .span-5.push-5 { grid-column: 6 / 11; width: 100%; } .span-5.push-6 { grid-column: 7 / 12; width: 100%; } .span-5.push-7 { grid-column: 8 / 13; width: 100%; } .span-6.push-1 { grid-column: 2 / 8; width: 100%; } .span-6.push-2 { grid-column: 3 / 9; width: 100%; } .span-6.push-3 { grid-column: 4 / 10; width: 100%; } .span-6.push-4 { grid-column: 5 / 11; width: 100%; } .span-6.push-5 { grid-column: 6 / 12; width: 100%; } .span-6.push-6 { grid-column: 7 / 13; width: 100%; } .span-7.push-1 { grid-column: 2 / 9; width: 100%; } .span-7.push-2 { grid-column: 3 / 10; width: 100%; } .span-7.push-3 { grid-column: 4 / 11; width: 100%; } .span-7.push-4 { grid-column: 5 / 12; width: 100%; } .span-7.push-5 { grid-column: 6 / 13; width: 100%; } .span-8.push-1 { grid-column: 2 / 10; width: 100%; } .span-8.push-2 { grid-column: 3 / 11; width: 100%; } .span-8.push-3 { grid-column: 4 / 12; width: 100%; } .span-8.push-4 { grid-column: 5 / 13; width: 100%; } .span-9.push-1 { grid-column: 2 / 11; width: 100%; } .span-9.push-2 { grid-column: 3 / 12; width: 100%; } .span-9.push-3 { grid-column: 4 / 13; width: 100%; } .span-10.push-1 { grid-column: 2 / 12; width: 100%; } .span-10.push-2 { grid-column: 3 / 13; width: 100%; } .span-11.push-1 { grid-column: 2 / 13; width: 100%; } @media (min-width: 981px) { .desktop-hide { display: none !important; } } @media (max-width: 739px) { .sm-span-1.auto { grid-column: auto / span 1 !important; width: 100%; } .sm-span-2.auto { grid-column: auto / span 2 !important; width: 100%; } .sm-span-3.auto { grid-column: auto / span 3 !important; width: 100%; } .sm-span-4.auto, .sm-span-third.auto { grid-column: auto / span 4 !important; width: 100%; } .sm-span-5.auto { grid-column: auto / span 5 !important; width: 100%; } .sm-span-6.auto { grid-column: auto / span 6 !important; width: 100%; } .sm-span-7.auto { grid-column: auto / span 7 !important; width: 100%; } .sm-span-8.auto { grid-column: auto / span 8 !important; width: 100%; } .sm-span-9.auto { grid-column: auto / span 9 !important; width: 100%; } .sm-span-10.auto { grid-column: auto / span 10 !important; width: 100%; } .sm-span-11.auto { grid-column: auto / span 11 !important; width: 100%; } .sm-span-12.auto { grid-column: auto / span 12 !important; width: 100%; } .sm-cg0 { grid-column-gap: 0; } .sm-cg1 { grid-column-gap: 6px; } .sm-cg2 { grid-column-gap: 9px; } .sm-cg3 { grid-column-gap: 12px; } .sm-cg4 { grid-column-gap: 15px; } .sm-cg5 { grid-column-gap: 18px; } .sm-cg6 { grid-column-gap: 21px; } .sm-cg7 { grid-column-gap: 24px; } .sm-cg8 { grid-column-gap: 27px; } .sm-cg9 { grid-column-gap: 30px; } .sm-rg0 { grid-row-gap: 0; } .sm-rg1 { grid-row-gap: 6px; } .sm-rg2 { grid-row-gap: 9px; } .sm-rg3 { grid-row-gap: 12px; } .sm-rg4 { grid-row-gap: 15px; } .sm-rg5 { grid-row-gap: 18px; } .sm-rg6 { grid-row-gap: 21px; } .sm-rg7 { grid-row-gap: 24px; } .sm-rg8 { grid-row-gap: 27px; } .sm-rg9 { grid-row-gap: 30px; } .mobile-hide, .sm-hide { display: none !important; } .sm-a-left { text-align: left; } .sm-a-right { text-align: right; } .sm-a-center { text-align: center; } .sm-v-start { align-self: start; vertical-align: top; } .sm-v-center { align-self: center; vertical-align: middle; } .sm-v-end { align-self: end; vertical-align: bottom; } .sm-v-stretch { align-self: stretch; } .sm-h-start { justify-self: start; } .sm-h-center { justify-self: center; } .sm-h-end { justify-self: end; } .sm-h-stretch { justify-self: stretch; } .sm-vh-start { place-self: start; } .sm-vv-center { place-self: center; } .sm-vh-end { place-self: end; } .sm-vh-stretch { place-self: stretch; } } @media (min-width: 740px) and (max-width: 980px) { .md-span-12.auto { grid-column: auto / span 12 !important; width: 100%; } .md-span-1.auto { grid-column: auto / span 1 !important; width: 100%; } .md-span-2.auto { grid-column: auto / span 2 !important; width: 100%; } .md-span-3.auto { grid-column: auto / span 3 !important; width: 100%; } .md-span-4.auto, .md-span-third.auto { grid-column: auto / span 4 !important; width: 100%; } .md-span-5.auto { grid-column: auto / span 5 !important; width: 100%; } .md-span-6.auto { grid-column: auto / span 6 !important; width: 100%; } .md-span-7.auto { grid-column: auto / span 7 !important; width: 100%; } .md-span-8.auto { grid-column: auto / span 8 !important; width: 100%; } .md-span-9.auto { grid-column: auto / span 9 !important; width: 100%; } .md-span-10.auto { grid-column: auto / span 10 !important; width: 100%; } .md-span-11.auto { grid-column: auto / span 11 !important; width: 100%; } .md-span-12.auto { grid-column: auto / span 12 !important; width: 100%; } .md-span-12.auto { grid-column: auto / span 12 !important; width: 100%; } .md-cg0 { grid-column-gap: 0; } .md-cg1 { grid-column-gap: 6px; } .md-cg2 { grid-column-gap: 9px; } .md-cg3 { grid-column-gap: 12px; } .md-cg4 { grid-column-gap: 15px; } .md-cg5 { grid-column-gap: 18px; } .md-cg6 { grid-column-gap: 21px; } .md-cg7 { grid-column-gap: 24px; } .md-cg8 { grid-column-gap: 27px; } .md-cg9 { grid-column-gap: 30px; } .md-rg0 { grid-row-gap: 0; } .md-rg1 { grid-row-gap: 6px; } .md-rg2 { grid-row-gap: 9px; } .md-rg3 { grid-row-gap: 12px; } .md-rg4 { grid-row-gap: 15px; } .md-rg5 { grid-row-gap: 18px; } .md-rg6 { grid-row-gap: 21px; } .md-rg7 { grid-row-gap: 24px; } .md-rg8 { grid-row-gap: 27px; } .md-rg9 { grid-row-gap: 30px; } .tablet-hide { display: none !important; } .md-a-left { text-align: left; } .md-a-right { text-align: right; } .md-a-center { text-align: center; } .md-v-start { align-self: start; vertical-align: top; } .md-v-center { align-self: center; vertical-align: middle; } .md-v-end { align-self: end; vertical-align: bottom; } .md-v-stretch { align-self: stretch; } .md-h-start { justify-self: start; } .md-h-center { justify-self: center; } .md-h-end { justify-self: end; } .md-h-stretch { justify-self: stretch; } .md-vh-start { place-self: start; } .md-vv-center { place-self: center; } .md-vh-end { place-self: end; } .md-vh-stretch { place-self: stretch; } } @media (max-width: 980px) { .dv-span-12.auto { grid-column: auto / span 12 !important; width: 100%; } .dv-span-1.auto { grid-column: auto / span 1 !important; width: 100%; } .dv-span-2.auto { grid-column: auto / span 2 !important; width: 100%; } .dv-span-3.auto { grid-column: auto / span 3 !important; width: 100%; } .dv-span-4.auto, .md-span-third.auto { grid-column: auto / span 4 !important; width: 100%; } .dv-span-5.auto { grid-column: auto / span 5 !important; width: 100%; } .dv-span-6.auto { grid-column: auto / span 6 !important; width: 100%; } .dv-span-7.auto { grid-column: auto / span 7 !important; width: 100%; } .dv-span-8.auto { grid-column: auto / span 8 !important; width: 100%; } .dv-span-9.auto { grid-column: auto / span 9 !important; width: 100%; } .dv-span-10.auto { grid-column: auto / span 10 !important; width: 100%; } .dv-span-11.auto { grid-column: auto / span 11 !important; width: 100%; } .dv-span-12.auto { grid-column: auto / span 12 !important; width: 100%; } .dv-cg0 { grid-column-gap: 0; } .dv-cg1 { grid-column-gap: 6px; } .dv-cg2 { grid-column-gap: 9px; } .dv-cg3 { grid-column-gap: 12px; } .dv-cg4 { grid-column-gap: 15px; } .dv-cg5 { grid-column-gap: 18px; } .dv-cg6 { grid-column-gap: 21px; } .dv-cg7 { grid-column-gap: 24px; } .dv-cg8 { grid-column-gap: 27px; } .dv-cg9 { grid-column-gap: 30px; } .dv-rg0 { grid-row-gap: 0; } .dv-rg1 { grid-row-gap: 6px; } .dv-rg2 { grid-row-gap: 9px; } .dv-rg3 { grid-row-gap: 12px; } .dv-rg4 { grid-row-gap: 15px; } .dv-rg5 { grid-row-gap: 18px; } .dv-rg6 { grid-row-gap: 21px; } .dv-rg7 { grid-row-gap: 24px; } .dv-rg8 { grid-row-gap: 27px; } .dv-rg9 { grid-row-gap: 30px; } .device-hide { display: none !important; } .dv-a-left { text-align: left; } .dv-a-right { text-align: right; } .dv-a-center { text-align: center; } .dv-v-start { align-self: start; vertical-align: top; } .dv-v-center { align-self: center; vertical-align: middle; } .dv-v-end { align-self: end; vertical-align: bottom; } .dv-v-stretch { align-self: stretch; } .dv-h-start { justify-self: start; } .dv-h-center { justify-self: center; } .dv-h-end { justify-self: end; } .dv-h-stretch { justify-self: stretch; } .dv-vh-start { place-self: start; } .dv-vv-center { place-self: center; } .dv-vh-end { place-self: end; } .dv-vh-stretch { place-self: stretch; } } } @media (min-width: 981px) { .desktop-hide { display: none !important; } } @media (min-width: 741px) and (max-width: 980px) { .md-hide, .tablet-hide { display: none !important; } } .m0 { margin: 0 !important; } .mb0 { margin-bottom: 0 !important; } * { margin: 0; } :focus { outline: var(--keyboard-focus-color) var(--keyboard-focus-border-style) calc(var(--keyboard-focus-border-weight) * 1px) !important; outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important; } @media (pointer: coarse) { *:focus { outline: none; } } *, *:before, *:after { box-sizing: border-box; } html, body { height: 100%; } .hide { display: none !important; } .right { float: right; } .left { float: left; } .center { text-align: center; } .mb0 { margin-bottom: 0; } .visually-hidden { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .visually-hidden--inline { margin: 0; height: 1em; } .visually-hidden--static { position: static !important; } .hr-or { border: none; border-top: 1px solid var(--dotted-color); width: 14.375rem; margin: 1.5625rem auto; overflow: visible; margin: 16px 0; width: 100%; } .hr-or:after { content: attr(data-content); position: relative; top: -10px; left: 50%; transform: translateX(-50%); width: 2.5rem; font-weight: 500; background-color: var(--background); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; letter-spacing: .2px; text-align: center; display: inline-block; } body { color: var(--text-color); background: var(--background); font-size: var(--font-size); font-family: var(--main-family); font-weight: var(--main-weight); font-style: var(--main-style); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; margin: 0! important; line-height: 1.6em; } img { height: auto; width: 100%; max-width: 100%; border: 0; } img[data-sizes="auto"] { display: block; width: 100%; } .rte img { width: auto; } .box-ratio { display: block; height: 0; width: 100%; overflow: hidden; } h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-family: var(--heading-family); font-weight: var(--heading-weight); font-style: var(--heading-style); margin-top: 0; letter-spacing: 0.05em; line-height: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: var(--heading-color) !important; } h1, .h1 { font-size: var(--h1-size); } h2, .h2 { font-size: var(--h2-size); } h3, .h3 { font-size: var(--h3-size); } h4, .h4 { font-size: calc(var(--font-size) + 2px); } h5, .h5 { font-size: calc(var(--font-size) + 1px); } h1, h2, h3, h4, h5, h6, p, dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom: 5px; } p { font-size: var(--font-size); margin-bottom: 10px; } strong { font-weight: bold; } em { font-style: italic; } pre { font-family: var(--main-family); font-style: var(--main-style); font-size: 13px; font-weight: bold; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .inline-block-auto { display: inline-block; width: auto; } .inline-block-full { display: inline-block; width: 100%; } a { text-decoration: none; color: var(--text-color); outline: 0; transition: all .25s ease-in-out; } a:visited { color:var(--text-color); } a:focus { outline: none; } dt { font-weight: bold; } ol { padding: 0; margin-left: 0; text-indent: 0; list-style-position: inside; } ul { padding: 0; margin: 0; list-style: disc inside; } .rte ul li, .rte ol li { font-size: var(--font-size); } blockquote { font-family: var(--main-family); font-style: var(--main-style); font-weight: var(--main-weight); font-size: 18px; line-height: 24px; font-style: italic; padding-left: 35px; color: #999; margin: .5em 0 .5em 0; } hr { background:var(--dotted-color); border: none; color: var(--dotted-color); display: block; height: 1px; margin-top: 20px; width: 100%; } .clear:not(.color) { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .js-focus-hidden:focus { outline: none; } .no-js .box-ratio { display: none; } .no-js #slider .carousel-cell { opacity: 1 !important; visibility: visible; } .no-js #slider .carousel-cell img { margin-bottom: 20px; } .no-js .zoom_btn, .no-js .swatches__container, .no-js .no-js-hidden { display: none; } .no-js .vantage-accordion .product-accordion-content, .no-js .product__variants-select { display: block !important; } .no-js .collection-carousel { text-align: center; } .no-js #shopify-section-mobile-navigation { display: none; } .no-js .loading-wrapper, .no-js .product-listing__quickview-trigger { display: none !important; } .no-js .tabbed__collection-carousel { margin: 0 auto; text-align: center; } .no-js [data-aos^=fade][data-aos^=fade] { opacity: 1 !important; } .no-js [data-aos^=fade][data-aos^=fade] { transform: unset; } .no-js [data-aos] { pointer-events: unset !important; } .cart-type--no_js_cart .ajax-cart__item-remove--no-js, .no-js .ajax-cart__item-remove--no-js { display: block !important; position: absolute; top: 10px; right: 10px; } .cart-type--no_js_cart .ajax-cart__item-remove--js, .no-js .ajax-cart__item-remove--js { display: none; } .cart-type--no_js_cart .ajax-cart__qty-control--down, .cart-type--no_js_cart .ajax-cart__qty-control--up, .no-js .ajax-cart__qty-control--down, .no-js .ajax-cart__qty-control--up { display: none; } .cart-type--no_js_cart .ajax-cart__item-quantity, .no-js .ajax-cart__item-quantity { text-align: center !important; } .cart-type--no_js_cart .ajax-cart__qty-input--no-js, .no-js .ajax-cart__qty-input--no-js { max-width: 90px; margin: 0; } .cart-type--no_js_cart .ajax-cart__item-update--no-js, .no-js .ajax-cart__item-update--no-js { display: block !important; margin-top: 8px; text-decoration: underline; font-size: 13px; text-align: left; } .no-js .ajax-cart__accordion--shipping-calc { display: none; } .cart-type--no_js_cart .ajax-cart__form-wrapper--nojs, .no-js .ajax-cart__accordion .accordion-content { display: block !important; } .no-js .loading-wrapper, .cart-type--no_js_cart .loading-wrapper { display: none; } .no-js #HeaderCountryForm, .no-js #HeaderLanguageForm, .no-js #FooterCountryForm, .no-js #FooterLanguageForm, .no-js .no-js-hidden { display: none !important; } .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: var(--button-color); color: var(--button-text); font-size: var(--font-size); font-family: var(--main-family); font-style: var(--main-style); font-weight: 500; border: 0; border-radius: var(--button-border-radius); transition: all .25s ease-in-out !important; -webkit-appearance: none; display: inline-block; height: 50px; line-height: 50px; width: auto; margin-bottom: 10px; padding: 0 25px; letter-spacing: 1px; text-decoration: none; cursor: pointer; } input[type=submit] { border: 2px solid var(--button-color); line-height: 46px; } input.required-error, textarea.required-error { border-color: #cc0000 !important; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: var(--button-text-hover); background: var(--button-hover); } button.button-as-link, a.button-as-link, input.button-as-link { border: none; background: none; color: var(--text-color); text-decoration: underline; line-height: var(--font-size); font-size: var(--font-size); font-weight: var(--main-weight); letter-spacing: unset; height: auto; display: inline-block; width: auto !important; padding: 0; } button.button-as-link:hover, a.button-as-link:hover, input.button-as-link:hover { background: none; color: var(--text-color); } .theme-features__ghost-buttons--true .secondary-button { color: var(--text-color)! important; background: var(--background)! important; border: 2px solid var(--text-color) !important; line-height: 46px; } .theme-features__rounded-buttons--true .secondary-button:hover { color: var(--text-color) !important; background: var(--background) !important; } .theme-features__ghost-buttons--false .secondary-button { color: var(--secondary-button-text)! important; background: var(--secondary-button-color)! important; border: 2px solid var(--secondary-button-color) !important; line-height: 46px; } .theme-features__rounded-buttons--false .secondary-button:hover { color: var(--secondary-button-text) !important; background: var(--secondary-button-color) !important; } a.button:visited { background: var(--button-color); color: var(--button-text); } a.button:visited:hover { color: var(--button-text-hover); background: var(--button-hover); } form { margin-bottom: 0; } fieldset { margin-bottom: 20px; } label, legend { display: block; font-weight: bold; margin-bottom: 5px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: var(--text-color); } input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input[type=search], input[type=file], textarea, select { box-sizing: border-box; width: 100%; background: transparent; border: 1px solid var(--dotted-color); border-radius: 0; margin: 0 0 10px 0; max-width: 100%; text-indent: 10px; outline: none; height: 50px; line-height: 50px; font-size: var(--font-size); font-family: var(--main-family); font-style: var(--main-style); font-weight: var(--main-weight); color: var(--text-color); } textarea { min-width: 300px; text-indent: 10px; height: 135px; min-height: 60px; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); min-height: 32px; } select { padding: 0; background: var(--select-arrow-bg) right no-repeat; -webkit-appearance: none; -moz-appearance: none; } .announcement__bar-section { position: relative; border-bottom: 1px solid var(--top-bar-border); } #top-bar, #top-bar p { font-size: var(--announcement-size); } .header-section { background: var(--header-background); position: relative; z-index: 1; transition: all .25s ease-in-out; } header { background: var(--header-background); position: relative; padding-top: 10px; transition: all .25s ease-in-out; } header.theme-header.stickynav { width: 100%; z-index: 11; } header.header--sticky { width: 100%; position: fixed; top: 0px; } #top-bar { text-align: center; line-height: 40px; background: var(--top-bar-background); padding: 5px; color: var(--top-bar-color); } @media (max-width: 980px) { #top-bar:not(:has(.js-announcement-carousel)) { padding: 0; } } #top-bar a:not(.disclosure-list__option) { color: var(--top-bar-color); } #top-bar p { margin-bottom: 0; font-weight: normal; } #top-bar .top-bar-grid { display: grid; grid-template-columns: 1fr 2fr 1fr; } #top-bar .row ul#social-links { grid-column: 1 / span 1; } #top-bar .row .announcement__text { grid-column: 2 / span 1; } #top-bar .row .announcement__text.text-only { grid-column: 1 / span 3; } @media screen and (max-width: 980px) { .announcement__text { grid-column: 1 / span 3 !important; } } #top-bar .row ul.localization__options { grid-column: 3 / span 1; } .no-js #top-bar .row ul.localization__options { display: flex; flex-wrap: nowrap; justify-content: flex-end; } .announcement__text { display: none; animation: fadeIn; animation-duration: 1s; } .announcement__text.flickity-enabled { display: block; } .announcement__carousel-item { width: 100%; } .announcement__text .flickity-button { height: 30px; width: 30px; background: var(--top-bar-background); color: var(--top-bar-color); } .announcement__text .flickity-button:hover { background: var(--top-bar-background); color: var(--top-bar-color); } .announcement__text .flickity-prev-next-button.previous { left: 0; } .announcement__text .flickity-prev-next-button.next { right: 0; } input.header-search { margin-bottom: 0; } button.search-button { line-height: inherit; padding: 0 5px; width: 44px; background: transparent; margin-bottom: 0; } .large-search form.header-search-form { border: 1px solid var(--dotted-color); } .large-search form.header-search-form input.header-search { border: 0; width: calc(100% - 48px); margin: 0; display: inline-block; padding: 0; vertical-align: middle; } .large-search form.header-search-form .header-search-form__inner { display: flex; } .large-search form.header-search-form .header-search-form__inner .search-button { margin-left: auto; } .large-search form.header-search-form button.search-button { display: inline-block; margin: 0; padding: 0; position: unset; vertical-align: middle; } #identity { padding-bottom: 10px; position: relative; } #identity.row:after { display: none; } ul.shopping--cart_links { text-align: right; } ul.shopping--cart_links > li { display: inline-block; vertical-align: middle; min-width: 25px; } ul.shopping--cart_links > li a, ul.shopping--cart_links > li button { display: inline-block; color: var(--cart-links); height: 60px; line-height: 60px; padding: 0 5px; } ul.shopping--cart_links > li a button { padding: 0; } ul.shopping--cart_links > li.my-cart-link-container a { margin-left: 0; } ul.shopping--cart_links > li a:hover, ul.shopping--cart_links > li button:hover { text-decoration: none; color: var(--cart-links); } ul.shopping--cart_links > li a:hover svg .hover-fill, ul.shopping--cart_links > li button:hover svg .hover-fill { fill: var(--cart-links); } ul.shopping--cart_links > li.cart-overview { margin-left: 0; } ul.shopping--cart_links > li.cart-overview a { padding-left: 0; } .cart-links__link-cart .slideout__trigger--open { height: 60px; line-height: 60px; } span.my-cart-text, span.customer-words { margin-right: 5px !important; } @media screen and (max-width: 740px) { span.my-cart-text { display: none; } } .slideout__trigger-mobile-menu { line-height: unset; width: 100%; display: none; } button.slideout__trigger-mobile-menu.js-slideout-open { color: var(--cart-links); border-radius: 0 !important; } ul#social-links { list-style: none; text-align: left; vertical-align: middle; line-height: 40px; } ul#social-links li { display: inline-block; margin-right: 10px; vertical-align: middle; font-size: 15px; } ul#social-links li a { text-align: right; display: block; padding: 0 0 0 5px; color: var(--social-links) !important; text-decoration: none; border-bottom: 0; } ul.shopping--cart_links li button.slideout__trigger-search { margin-bottom: 0; } header .header-search { font-size: var(--nav-size); } ul.shopping--cart_links li a .my-cart-text, ul.shopping--cart_links li a .customer-words, .js-mini-cart-trigger { font-size: var(--nav-size); font-weight: 400; border: 0; text-decoration: none; } #logo { line-height: initial; padding: 0; font-family: var(--heading-family); font-weight: var(--heading-weight); font-style: var(--heading-style); } #logo a { text-decoration: none; color: var(--cart-links); display: inline-block; border-bottom: 0; word-break: break-all; } nav.navigation.inline-header { background: var(--header-background); } nav.navigation.inline-header a.navigation__menulink, nav.navigation.inline-header a.dropdown__menulink { color: var(--cart-links); } nav.navigation.inline-header a.navigation__menulink svg g.hover-fill, nav.navigation.inline-header a.dropdown__menulink svg g.hover-fill { fill: var(--cart-links); } nav.navigation.inline-header ul.dropdown, nav.navigation.inline-header ul.megamenu { background: var(--header-background); } nav.navigation.inline-header ul.megamenu h4.megamenu__header, nav.navigation.inline-header ul.megamenu h4.megamenu__header a.megamenu__headerlink, nav.navigation.inline-header .megamenu__listlink, nav.navigation.inline-header a.megamenu__nestedlistlink { color: var(--cart-links) !important; } .navigation.full-nav { background: var(--navigation); } .navigation.full-nav .navigation__menuitem:hover { color: var(--nav-hover-link-color); background: var(--nav-hover-color); } .navigation.full-nav a.navigation__menulink { color: var(--nav-color); } .navigation.full-nav .navigation__menulink:hover { background: var(--nav-hover-color); color: var(--nav-hover-link-color); } .navigation.full-nav .navigation__menuitem:hover a.navigation__menulink { color: var(--nav-hover-link-color, inherit); background: var(--nav-hover-color, inherit); } .navigation.full-nav .navigation__menuitem:hover a.navigation__menulink .fash--apollo-down-carrot .hover-fill { fill: var(--nav-hover-link-color); } .navigation.full-nav .navigation__menuitem.navigation__menuitem--dropdown > .dropdown { background: var(--nav-hover-color) !important; } .navigation.full-nav .navigation__menuitem.navigation__menuitem--dropdown:hover > .dropdown, .navigation.full-nav .navigation__menuitem.navigation__menuitem--dropdown.navigation__menuitem--active > .dropdown { background: var(--nav-hover-color) !important; } .navigation.full-nav .dropdown__menuitem { background: var(--nav-hover-color); color: var(--nav-hover-link-color); } .navigation.full-nav .dropdown__menuitem:hover { background: var(--nav-hover-color); } .navigation.full-nav .dropdown__menuitem:hover > .dropdown__menulink, .navigation.full-nav .dropdown__menulink:hover, .navigation.full-nav a.dropdown__menulink { color: var(--nav-hover-link-color); } .navigation.full-nav .dropdown__menuitem.dropdown__menuitem--nested:hover > .dropdown.dropdown--nested, .navigation.full-nav .dropdown__menuitem.dropdown__menuitem--nested.dropdown__menuitem--active > .dropdown.dropdown--nested, .navigation.full-nav .megamenu, .navigation.full-nav .megamenu__container a:hover { background: var(--nav-hover-color); } .navigation.full-nav .megamenu__listcontainer:hover, .navigation.full-nav .megamenu__listitem { background: var(--nav-hover-color); } .navigation.full-nav h4.megamenu__header a.megamenu__headerlink, .navigation.full-nav a.megamenu__headerlink:hover, .navigation.full-nav .megamenu__listlink { color: var(--nav-hover-link-color) !important; } .navigation.full-nav .megamenu__container .megamenu__listlink:hover { color: var(--nav-hover-link-color); background: var(--nav-hover-color); } .navigation { font-family: var(--nav-family); font-weight: var(--nav-weight); font-style: var(--nav-style); width: 100%; z-index: 5; top: 0px; } .navigation.navigation--sticky { position: fixed; top: 0px; } .navigation__maincontainer { padding: 0; } #nav { list-style: none; width: 100%; } .navigation__menuitem { display: inline-block; z-index: auto; vertical-align: middle; white-space: nowrap; } .navigation.full-nav .navigation__menuitem { vertical-align: revert; } a.navigation__menulink { font-size: var(--nav-size); font-weight: var(--nav-weight); display: block; padding: 0 10px 0 10px; letter-spacing: 1px; position: relative; } .navigation__menulink:hover { text-decoration: none; } .navigation__menuitem.navigation__menuitem--dropdown > .dropdown { float: left; position: absolute; z-index: 25; margin: 0 0 0 -17px; line-height: 1.8em; padding: 20px 0; visibility: hidden; opacity: 0; display: none; } @media (prefers-reduced-motion: no-preference) { .navigation__menuitem.navigation__menuitem--dropdown > .dropdown { transition: opacity .25s ease-in-out, visibility .25s ease-in-out, display .25s ease-in-out allow-discrete; } } @starting-style { .navigation__menuitem.navigation__menuitem--dropdown > .dropdown { visibility: hidden; opacity: 0; display: none; } } .navigation__menuitem.navigation__menuitem--dropdown > .navigation__menulink::after { content: ""; margin-left: 20px; } .navigation__menuitem.navigation__menuitem--dropdown > .navigation__menulink svg { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .navigation__menuitem.navigation__menuitem--dropdown:hover > .dropdown, .navigation__menuitem.navigation__menuitem--dropdown.navigation__menuitem--active > .dropdown { opacity: 1; visibility: visible; display: block; } .dropdown__menuitem { width: 180px; text-align: left; position: relative; display: block; float: none; } a.dropdown__menulink { text-align: left; font-family: var(--main-family); font-style: var(--main-style); font-weight: var(--main-weight); font-size: var(--font-size); padding: 0 25px; display: block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; } .dropdown__menuitem.dropdown__menuitem--nested:hover > .dropdown.dropdown--nested, .dropdown__menuitem.dropdown__menuitem--nested.dropdown__menuitem--active > .dropdown.dropdown--nested { display: block; position: absolute; left: 100%; } .dropdown.dropdown--nested { display: none; padding: 20px 0; top: -20px; } .dropdown__menuitem.dropdown__menuitem--nested svg { position: absolute; right: 25px; top: 50%; transform: translateY(-50%) scale(0.8); } .dropdown__menuitem.dropdown__menuitem--nested:before { position: absolute; top: 0; right: 10px; content: ""; margin-left: 20px; } ul.mega-stack li.sub_link > ul.nested:before { position: initial; top: initial; content: none; } .rightarrow { position: absolute; right: 10px; top: 10px; font-size: 11px; } @media (prefers-reduced-motion: no-preference) { nav.navigation li ul.dropdown li.dropdown__menuitem, nav.navigation li ul.megamenu li.dropdown__menuitem, nav.navigation li > ul.megamenu span.links__withimages--image { transform: translateY(20px); transition-duration: .25s; } nav.navigation li:hover > ul.dropdown li.dropdown__menuitem, nav.navigation li:hover > ul.megamenu li.dropdown__menuitem, nav.navigation li:hover > ul.megamenu span.links__withimages--image { transform: translateY(0); } } .megamenu { width: 100%; left: 0; position: absolute; z-index: 5; padding: 20px 0; text-align: left; line-height: 1.8em; opacity: 0; visibility: hidden; display: none; } @media (prefers-reduced-motion: no-preference) { .megamenu { transition: opacity .25s ease-in-out, visibility .25s ease-in-out, display .25s ease-in-out allow-discrete; } } @starting-style { .megamenu { opacity: 0; visibility: hidden; display: none; } } .navigation__menuitem.navigation__menuitem--dropdown:hover > .megamenu, .navigation__menuitem.navigation__menuitem--dropdown.navigation__menuitem--active > .megamenu { opacity: 1; visibility: visible; display: block; } .megamenu__list { display: block; line-height: 30px !important; margin-bottom: 20px; list-style: none; } .navigation__menuitem.navigation__menuitem--dropdown:hover > .megamenu .megamenu__listcontainer { transform: translateY(0); } .megamenu__header { font-size: var(--nav-size); font-weight: var(--heading-weight); display: block; letter-spacing: 1px; margin-bottom: 10px; text-align: left; } .megamenu__headerlink { padding-left: 0; text-align: left; } .megamenu__listlink { text-align: left; font-family:var(--main-family); font-weight: normal !important; font-size: var(--font-size) !important; padding-left: 0 !important; display: block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; } .megamenu__splitcontainer, .megamenu__nestedlistitem { list-style: none; } .megamenu__nestedlistitem { padding-left: 20px; } .dropdown__menuitem.dropdown__menuitem--nested:hover > .dropdown.dropdown--nested.dropdown--edge { left: initial; right: 100%; } .dropdown__menuitem.dropdown__menuitem--nested:hover > .dropdown.dropdown--nested.dropdown--edge:before { left: 200%; margin-left: -28px; } #nav > a { display: none; } ul#nav li ul.megamenu div.mega-container li.desktop-3:nth-child(5n) { clear: left; } nav.inline-header ul { text-align: left; list-style: none; } nav.inline-header .megamenu__nestedlistcontainer { text-align: left; } nav.inline-header div#navigation { position: unset; } a.megamenu__nestedlistlink { font-family: var(--main-family); font-weight: normal !important; font-size: var(--font-size) !important; } span.links__withimages--image-container { align-items: center; display: flex; flex-direction: row; justify-content: flex-end; } span.links__withimages--image { max-width: 30%; margin: 0 15px; flex: auto; } span.links__withimages--image .box-ratio { z-index: -1; } #MainContent { position: relative; z-index: 0; } .video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .article-loop, .product-loop { padding-top: 20px; } .gridlock .row .desktop-12.centered { width: 100% !important; } .cta { margin-top: 20px; margin-bottom: 10px; } .cta a { padding: 14px 20px; letter-spacing: 1px; transition: all .25s ease-in-out; border-radius: var(--button-border-radius); } ul.tabbed__collection-tabs { text-align: center; margin: 10px 0 20px; list-style: none; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } ul.tabbed__collection-tabs li { display: inline-block !important; width: initial !important; margin: 0; padding: 0; } ul.tabbed__collection-tabs li a { color: var(--button-text); background: var(--button-color); border: 2px solid var(--button-color); text-align: center; display: inline-block; padding: 2px 8px; transition: all .25s ease-in-out; cursor: pointer; } ul.tabbed__collection-tabs li a:hover { color: var(--button-text-hover); background: var(--button-hover); } ul.tabbed__collection-tabs li a.active { color: var(--button-color); background: var(--button-text); } ul.tabbed__collection-tabs li:first-child a.active { margin-left: 0; } .tabbed__collection-content { display: none; } .tabbed__collection-content.js-tab-coll-active { display: grid; } .tabbed__collection-content .collection__item-image { position: relative; margin-bottom: 20px; } .tabbed__collection-content .tabbed__collection-caption { position: absolute; z-index: 10; bottom: 4%; left: 5%; transform: translate(0%, 0%); background: var(--background); padding: 15px; width: 95%; } @media screen and (min-width: 741px ) { .text-with-image { display: table-cell; margin-top: 10px; margin-bottom: 10px; float: none !important; vertical-align: middle; } } .editorial__content-item.size--fixed .box-ratio img { height: var(--desktop-section-height) !important; object-fit: cover; } .editorial__content-item.size--fixed .box-ratio { padding-bottom: var(--desktop-section-height) !important; } @media screen and (max-width: 740px) { .editorial__content-item.size--fixed .box-ratio img { height: var(--mobile-section-height) !important; object-fit: cover; } .editorial__content-item.size--fixed .box-ratio { padding-bottom: var(--mobile-section-height) !important; } } .editorial__content-item { margin-bottom: 20px; margin-top: 10px; } .editorial__content-item img { margin-bottom: 10px; } @media screen and (min-width: 741px ) { .nbm { margin-bottom: 0 !important; } } .text-centered h3, .text-centered .rte { text-align: center; } .text-with-image.text_section.text-centered { text-align: center; } .homepage-section-rich-text, .homepage-section-video { margin-bottom: 20px; text-align: center; } .rte h1 { border-bottom: 0 !important; text-align: inherit !important; margin-bottom: inherit !important; } #page-sidebar h2 { padding-bottom: 8px; margin-bottom: 20px; border-bottom: 1px solid var(--dotted-color); } #page-sidebar ul { list-style-type: none; } #page-sidebar ul li { display: block; margin-bottom: 10px; padding-bottom: 5px; } .blog-container { display: grid; grid-template-columns: minmax(0, 4fr) 1fr; padding: 0 15px; column-gap: 25px; } ul.taglist { list-style: none; border-bottom: 1px solid var(--dotted-color); margin-top: 10px; margin-bottom: 10px; padding-top: 4px; padding-bottom: 5px; } ul.taglist li { display: inline-block; margin-right: 15px; } .article-image { margin: 10px 0; } ul.article-tags { list-style: none; } ul.article-tags li { display: inline-block; margin-right: 5px; } ul.article-tags li a { font-weight: 600; text-decoration: underline; } .blog-container .article-index .article-info { display: grid; grid-template-columns: 3fr 4fr; column-gap: 20px; align-items: center; } .blog-container .article-index .article-info .article-image { margin-top: 0; } .article-index { margin-bottom: 20px; overflow: hidden; padding-top: 20px; } .article-info h2 { letter-spacing: initial; margin-bottom: 10px; text-align: center; } .article-info p { margin-bottom: 0; } span.post_meta { display: inline-block; margin-right: 5px; } div#article-body { padding-bottom: 30px; } .article-content { margin-top: 15px; margin-bottom: 15px; } .article-index .share-icons { text-align: center !important; } ul.blog-sidebar-menu { list-style: none; } ul.blog-sidebar-menu li { margin-bottom: 5px; } .blog-sidebar-block .prod-image { margin-bottom: 10px; } .blog-sidebar-block .image_container a, .blog-sidebar-block .image_container a:hover, .blog-sidebar-block .prod-image a, .blog-sidebar-block .prod-image a:hover { border-bottom: 0; } .blog-product-info .button { margin-top: 10px; } .blog-sidebar-block a.button, .blog-sidebar-block #blog-email-submit { width: 100%; text-align: center !important; } .blog-sidebar-block .bio_image_container { padding: 10px 0; } @media screen and (min-width: 741px) and (max-width: 980px) { .blog-container div#article-loop { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; } } @media screen and (max-width: 980px) { .blog-container { grid-template-columns: 1fr; } .blog-container .article-index .article-info { grid-template-columns: 1fr; } div#blog-sidebar { display: none; } } .sidebar-article { margin-bottom: 25px; } .sidebar-article .readmore { margin-top: 10px; } #blog-article .share-icons { text-align: left; margin-top: 30px; } ul#blog-articles, #blog-article { list-style-type: none; } .single-article { margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid var(--dotted-color); float: left; width: 100%; } .single-article .posted { text-align: left; } .single-article .post-tags { text-align: left; } #blog-sidebar h2 { margin-bottom: 20px; border-bottom: 1px solid var(--dotted-color); padding-bottom: 10px; } #twitter-card, #facebook-card { width: 100%; float: left; clear: left; display: block; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--dotted-color); } #twitter-card h3, #facebook-card h3 { letter-spacing: initial; } #fb-root { display: none; } .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } #page .share-icons { margin-bottom: 20px; text-align: left; margin-top: 20px; } #page .share-icons a { margin-right: 10px; } #comments h4 { text-align: center; } #comments { float: left; padding-top: 20px; border-top: 1px solid #eee; margin-top: 20px; width: 100%; } ul#commentlist { margin-top: 20px; list-style-type: none; } ul#commentlist li { float: left; display: block; width: 100%; margin: 0 0 20px 0; border-bottom: 1px solid var(--dotted-color); padding-bottom: 20px; } ul.disc { margin-bottom: 0; } .comment-details { margin-bottom: 10px; } .gravatar { float: left; margin-right: 20px; } .comment { float: left; } .comment p { margin-top: 0; } dd { margin-left: 0; } .notice { border: 1px dashed #eee; padding: 15px; background: ghostwhite; margin: 20px 0; } .readmore a { margin-top: 20px; font-weight: bold; } .search-content { text-align: center; padding: 10px; } #search-bar { margin-bottom: 20px; margin-top: 20px; border-bottom: 1px solid var(--dotted-color); } #search-bar .predictive-search-form { width: 300px; margin-left: auto; margin-right: auto; } .padded { margin-bottom: 15px; } #social-links .fa-2x { font-size: 1.125em; } footer { padding-top: 45px; padding-bottom: 0px; background: var(--footer-background); color: var(--footer-color); } footer ul { list-style: none; } footer ul li a, footer a, footer a:visited, footer a:hover { color: var(--footer-color); } footer label { margin-bottom: 0; } footer h4 { color: var(--footer-color); border-bottom: 1px solid var(--footer-border); padding-bottom: 5px; } .sub-footer { border-top: 1px solid var(--footer-border); padding: 15px 0; margin-top: 30px; } .sub-footer .left-side { text-align: left; font-size: 12px; } .sub-footer .right-side { text-align: right; } .template-search .page-wrap { overflow: unset; } @media only screen and (min-width: 1024px) { .page-wrap { min-height: 100%; overflow: hidden; } .page-wrap:after { content: ""; display: block; } } footer img { width: 40px; } #payment { text-align: center; margin-bottom: 0px; } .payment-methods svg { display: inline; width: 40px; height: 25.25px; text-align: center; margin: 3px 1px; } .share-icons { text-align: left; width: 100%; margin-bottom: 20px; border-top: 1px solid var(--dotted-color); padding-top: 20px; } .share-icons a { margin: 0 10px; display: inline-block; } .Flexible-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden; height: 0; max-width: 1111px; margin: 0 auto; } .Flexible-container iframe, .Flexible-container object, .Flexible-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-title { margin-bottom: 20px; } #pagination { text-align: center; margin-top: 30px; margin-bottom: 30px; font-weight: bold; } #pagination span.current { opacity: 0.5; padding: 5px; margin-right: 10px; border-bottom: 1px solid var(--dotted-color); display: inline-block; vertical-align: middle; } #pagination a { padding: 5px 10px; margin-right: 10px; font-weight: bold; transition: all .25s ease-in-out; display: inline-block; vertical-align: middle; border-bottom: 1px solid transparent; } #pagination a:hover { opacity: 0.5; } #pagination span.count { display: block; margin-bottom: 20px; } #pagination span.more { padding: 2px; text-align: center; display: inline-block; vertical-align: middle; margin-right: 10px; font-weight: bold; border-bottom: 1px solid transparent; } #breadcrumb, #breadcrumb a { color: var(--text-color); letter-spacing: 1px; text-align: center; } #basket-right input[type="image"], .additional_checkout_buttons input[type="image"] { width: initial; min-width: inherit; } .additional_checkout_buttons { text-align: center; } .share-icons a { vertical-align: middle; } .share-text { display: inline-block; margin-right: 10px; } .column { width: 200px; float: left; } .row.no-blocks .desktop-12 { font-size: 15px; text-align: center; padding: 20px 0; border: 1px dashed #eee; background: #f7f7f7; margin-top: 20px; margin-bottom: 50px; font-weight: var(--main-weight); } .onboard.parallax__placeholder svg { object-fit: cover; } @media screen and (max-width: 740px) { .onboard.parallax__placeholder { min-height: 230px; } } .videoWrapper { width: 100%; position: relative; padding-bottom: 56.25% !important; height: 0; overflow: hidden; max-width: 100%; } .videoWrapper iframe { position: absolute; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .videoWrapper .section-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; } [data-section-type="background-video-section"] .videoWrapper, [data-section-type="video-section"] .videoWrapper { height: unset; padding-bottom: unset !important; aspect-ratio: 16 / 9; display: flex; align-items: stretch; justify-content: center; } [data-section-type="background-video-section"] .videoWrapper, [data-section-type="video-section"] .videoWrapper { height: var(--section-mobile-height); } .videoWrapper iframe, .videoWrapper video { height: 100%; width: 100%; object-fit: cover; } iframe { width: 100%; } @media screen and (min-width: 740px) { [data-section-type="background-video-section"] .videoWrapper, [data-section-type="video-section"] .videoWrapper { height: var(--section-desktop-height); } } [data-section-type="background-video-section"] .videoWrapper .section-video, [data-section-type="video-section"] .videoWrapper .section-video { position: static; top: unset; right: unset; bottom: unset; left: unset; } .map-section-container, .map-section-image { visibility: visible; position: absolute; top: 0; left: 0 } .map-section--display-map .map-section-container, .map-section--display-bg-image .map-section-image { z-index: 4; position: relative; } .placeholder-background { display: none; } .map-section--onboarding .placeholder-background { display: block; } .map-section-image.show-image { z-index: 5; position: relative; } @media screen and (min-width: 741px) { .map-section-wrapper > .row > .row { display: flex; } .map-section-wrapper > .row > .row.text_right { flex-direction: row-reverse; } } .map-section-wrapper { height: auto; margin-top: 20px; } .map-section-container { height: 100%; width: 100%; } .map-section-content { padding: 30px; } .map-section-content .button { height: auto; width: auto; margin-top: 20px; } .map-section-wrapper .text_right .map-section-content-wrapper { float: right; align-content: center; } .map-section-background-wrapper { position: relative; overflow: hidden; } .map-section--onboarding .map-section-error { display: none; } .map-section-error { font-style: italic; color: #ff6d6d; border: 2px solid #ff6d6d; background-color: rgba(119, 0, 0, 0.65); padding: 30px; margin-top: -250px; width: 50%; margin-left: 25%; z-index: 6; } .map-section-image { height: 400px; } .map-section-image .box-ratio { padding-bottom: 400px !important; } .map-section-image .box-ratio img { height: 400px; object-fit: cover; } .placeholder-background { height: 400px; } .map-section .placeholder-svg { fill: rgba(28,29,29,0.1); height: 400px; } @media screen and (max-width: 740px) { .map-section-background-wrapper { height: 400px; } } body .focus-visible, .product-video .plyr:focus, .plyr__video-wrapper.plyr__tab-focus:focus { outline: var(--keyboard-focus-color) var(--keyboard-focus-border-style) calc(var(--keyboard-focus-border-weight) * 1px) !important; outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important; } .vertical-carousel .thumb-slider-wrapper { overflow: hidden; } #thumb-slider-wrapper .product-single__thumbnails-item { position: relative; display: block; width: 100%; } .thumb-slider-slides { position: relative; top: 0; left: 0; list-style: none; } .thumb-slider-slides li { margin-bottom: 5px; } .thumb-slider.thumbnail-slider.custom.vertical-carousel { margin: 0 auto; text-align: center; } .horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item { max-width: unset; height: unset; margin: 5px; padding: 0; width: 20%; } .horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item.thumb__first { margin-left: 0; } .horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item.thumb__last { margin-right: 0; } .horizontal-carousel.flickity-slider--false #thumb-slider-wrapper .product-single__thumbnails-item { float: left; } .horizontal-carousel.flickity-slider--false #thumb-slider-wrapper .product-single__thumbnails-item { width: 110px; } .product-single__thumbnails-item:focus img { opacity: 1 !important; } .flickity-enabled { position:relative } .flickity-enabled:focus { outline:0 !important; } .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; -moz-user-select:none; -ms-user-select:none; user-select:none } .flickity-enabled.is-draggable .flickity-viewport { cursor:move; cursor:-webkit-grab; cursor:grab } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor:-webkit-grabbing; cursor:grabbing } .flickity-button { position:absolute; background:var(--background); border:none; color:var(--text-color) } .flickity-button:hover { background:var(--background); 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 { height:12px; } .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-slider { -ms-touch-action: pan-y; touch-action: pan-y; } .flickity-prev-next-button { border-radius: 50% !important; padding: 0; } .product-thumbnail { position: relative; z-index: 1; } .thumbnail-icon { position: absolute; top: 2px; right: 2px; z-index: 2; width: 25%; line-height: 0; } .thumbnail-icon svg, .product-main-image svg { height: 100%; width: 100%; background: var(--background) !important; color: var(--text-color) !important; border: 1px solid var(--icon-border-color); } .thumbnail-icon svg { fill-opacity: 0.6; } .thumbnail-icon svg:hover { fill-opacity: 0.85; } .product-main-image svg { fill-opacity: 1; } .product-media-container { position: relative; } .product-video, .product-media-container, .plyr--video { outline: none; } .plyr video, .plyr__video-wrapper, .plyr__poster { background-color: var(--background); } .product-video > video { width: 100%; } .product-model { margin: 0 auto; min-height: 1px; width: 100%; height: 100%; position: relative; } .product-model model-viewer, .product-model .shopify-model-viewer-ui, .product-model .media-item { position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; overflow: hidden; } .product-model model-viewer, .product-model .shopify-model-viewer-ui, .product-model .media-item { height: 100%; } button.media-button.view-in-space { background: transparent; width: initial !important; text-align: center; width: 60px; max-width: 60px; height: 60px; line-height: 60px; padding: 0; margin: 0 auto; display: inherit; z-index: 2; position: relative; } button.media-button.view-in-space[data-shopify-xr-hidden] { visibility: hidden; } .product-video button { width: initial; width: 62px; height: 62px; padding: 0; margin-bottom: 0; } .plyr--video .plyr__control:not(.plyr__control--overlaid).plyr__tab-focus svg, .plyr--video .plyr__control:not(.plyr__control--overlaid):hover svg, .plyr--video .plyr__control:not(.plyr__control--overlaid)[aria-expanded=true] svg, .plyr--audio .plyr__control.plyr__tab-focus svg, .plyr--audio .plyr__control:hover svg, .plyr--audio .plyr__control[aria-expanded=true] svg { stroke: none !important; } .product-video .plyr button svg { border: 0 !important; } button[hidden] { visibility: hidden; } .product-single__view-in-space { background-color: var(--dotted-color); border: none; width: 100%; min-height: unset; display: block; font-size: 14px; color: var(--text-color); z-index: 1; position: relative; height: 54px; line-height: 54px; margin-top: 10px; } .product-single__view-in-space:hover svg .hover-fill { fill: var(--button-text-hover); } .product-video.videoWrapper.product-single__media { display: inline-block; height: 301px; } .product-single__view-in-space[data-shopify-xr-hidden] { visibility: hidden; } .product-single__view-in-space:hover .product-single__view-in-space-text, .product-single__view-in-space:focus .product-single__view-in-space-text { border-bottom-color: var(--button-text); } .product-single__view-in-space svg.icon .icon-3d-badge-full-color-outline { stroke: none; } .product-single__view-in-space svg.icon .icon-3d-badge-full-color-element { fill: var(--text-color); opacity: 1; } .product-single__view-in-space-text { border-bottom: 1px solid transparent; display: inline-block; width: auto; vertical-align: middle; } .product-single__view-in-space svg { margin-right: 2.43px; fill: transparent; display: inline-block; width: 24px !important; height: 24px !important; vertical-align: middle; } .product-single__view-in-space svg rect { fill: transparent !important; } .product-single__view-in-space:hover #three-d-icon path, .product-single__view-in-space:focus #three-d-icon path { fill: var(--button-text); } .product-model model-viewer, .product-model .shopify-model-viewer-ui, .product-model .media-item { position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); max-width: 100%; } .product__section-images .carousel-container { display: flex; } .product__gallery--container { display: flex; width: 100%; } .thumb-slider.vertical-carousel { order: -1; flex: 0 0 100px; position: relative; max-width: 100px; } .thumb-slider.vertical-carousel[data-thumbnail-position="right"] { order: 1; } .thumb-slider.horizontal-carousel { flex: 1 1 auto; position: relative; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; float: none !important; } div#slider { flex: 1 1 auto; position: relative; } .thumb-slider.vertical-carousel .thumb-slider-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth; } div#thumb-slider-wrapper::-webkit-scrollbar { display: none; } .product__section-images .carousel { flex-grow: 1; list-style-type: none; } .product__section-images .carousel-cell { width: 100%; outline: none !important; } .product__section-images .vertical-carousel .carousel-nav { box-sizing: content-box; padding: calc(var(--keyboard-focus-border-weight) * 1px) 5px calc(var(--keyboard-focus-border-weight) * 1px) calc(var(--keyboard-focus-border-weight) * 1px); } div#thumbnails.thumb-slider[data-thumbnail-position="right"] .carousel-nav { padding: calc(var(--keyboard-focus-border-weight) * 1px) calc(var(--keyboard-focus-border-weight) * 1px) calc(var(--keyboard-focus-border-weight) * 1px) 5px; } div#thumb-slider-wrapper.js-thumb-horizontal-wrapper .carousel-nav { margin-top: 5px; } div#thumb-slider-wrapper.js-thumb-horizontal-wrapper .carousel-nav.js-thumb-carousel-nav.no_carousel { display: flex; flex-direction: row; } .product__section-images .carousel-nav .carousel-cell { margin: 0 0 5px 0; cursor: pointer; } .product__section-images .carousel-nav .carousel-cell:before { font-size: 50px; line-height: 80px; } .product__section-images li.carousel-cell.is-selected { z-index: 99; } .product__section-images .flickity-prev-next-button { background-color: var(--background); opacity: 1; } .product__section-images .flickity-prev-next-button:hover { background-color: var(--background); opacity: 1; } .product__section-images .flickity-button:hover .flickity-button-icon { fill: var(--text-color); } .product__section-images .flickity-button:focus { outline: none; } .product__section-images .image-slide.carousel-cell.is-selected { z-index: 1; } .product__section-images .plyr__control--overlaid svg { margin-left: 5px; } .product__section-images .zoom_btn { display: flex; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px; cursor: pointer; background-color: var(--background); opacity: 1; border-radius: 50%; width: 45px; height: 45px; } .product__section-images button.zoom_btn { padding: initial; letter-spacing: initial; margin-bottom: unset; transition: unset; font-weight: unset; line-height: unset; } .product__section-images .zoom_btn:hover { background-color: var(--background); opacity: 1; } .product__section-images .zoom_btn svg { height: 12px; fill: var(--text-color); } #slider.thumbs_bottom .flickity-prev-next-button { top: 50%; } #slider.thumbs_bottom .flickity-prev-next-button.previous { left: -25px; } #slider.thumbs_bottom .flickity-prev-next-button.next { right: -25px; } @media (max-width: 740px) { #slider.thumbs_bottom .flickity-prev-next-button.next { right: 5px !important; } #slider.thumbs_bottom .flickity-prev-next-button.previous { left: 5px !important; } } @keyframes slidefadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes slidefadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } #slider .carousel-cell { opacity: 0 !important; } #slider .carousel-cell:not(.is-selected) { animation: slidefadeOut ease 0.2s; } #slider .carousel-cell.is-selected, #slider.single-media .carousel-cell { z-index: 99; opacity: 1 !important; animation: slidefadeIn ease 0.2s; } #slider .flickity-enabled:focus { outline: 0 !important; } #slider .flickity-slider { top: 0 !important; height: auto !important; } #slider .flickity-viewport { height: 100%; } button.flickity-button:disabled { display: none; } .thumbnail-slider .product-single__thumbnails-item:hover, .product-single__thumbnails-item.active-slide, .product-single__thumbnails-item.is-nav-selected { outline: 1px solid var(--thumbnail-slider-outline-color); outline-offset: -1px; cursor: pointer; } .product-single__thumbnails-item:focus, .product-single__thumbnail--product-template:focus { outline: var(--keyboard-focus-color) var(--keyboard-focus-border-style) calc(var(--keyboard-focus-border-weight) * 1px) !important; outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important; } .product-single__thumbnails-item.active-slide img, .product-single__thumbnails-item.is-nav-selected img, .thumbnail-slider .product-single__thumbnails-item:hover img, .product-single__thumbnail--product-template:focus img { opacity: 1.0 !important; } :focus, .focus-visible { outline: var(--keyboard-focus-color) var(--keyboard-focus-border-style) calc(var(--keyboard-focus-border-weight) * 1px) !important; outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important; } .image-thumbnail.product-single__thumbnails-item.carousel-cell.js-thumb-item.is-nav-selected.active-slide { outline: 1px solid var(--dotted-color) !important; outline-offset: 0px; } .prod-image > a, .product-loop .prod-image > a, .product-loop .prod-image > a, #collection-loop .prod-container > a { width: 100%; outline-offset: unset !important; } .footer-section .disclosures { display: flex; justify-content: flex-end; flex-wrap: wrap; } @media (max-width: 740px) { .footer-section .disclosures { justify-content: space-between; } } .footer-section .disclosure { position: relative; } .footer-section .disclosure__toggle { white-space: nowrap; color: var(--footer-color); border: 1px solid var(--footer-color); background-color: var(--footer-background); margin: 0; margin-bottom: 10px; text-transform: capitalize; display: flex; align-items: center; } .footer-section .disclosure-list { background-color: var(--background); border: 1px solid var(--dotted-color); bottom: 115%; padding: 11px 0px; position: absolute; display: none; min-height: 92px; max-height: 300px; overflow-y: auto; border-radius: 2px; width: 300px; } #FooterLanguageFormNoScript .disclosure__toggle, #FooterCountryFormNoScript .disclosure__toggle { border-radius: 0px !important; } #FooterLanguageFormNoScript .disclosure__toggle:last-child, #FooterCountryFormNoScript .disclosure__toggle:last-child { border-left: 0; } .footer-section .disclosure-list--visible { display: block; } .footer-section .disclosure-list__item { border-bottom: 1px solid transparent; white-space: nowrap; padding: 5px 15px 4px 15px; text-align: left; } .footer-section .disclosure-list__item:active { background-color: rgba(128, 128, 128, 0.2); } .footer-section .disclosure-list__option { color: var(--text-color) !important; text-transform: capitalize; display: flex; align-items: center; font-size: 13px; } .footer-section .disclosure-list__option span.localization-form__currency { margin-left: 5px; } .footer-section .disclosure-list__option:focus, .disclosure-list__option:hover { color: var(--text-color); } .footer-section .disclosure-list__item--current .disclosure-list__option { color: var(--ackground); font-weight: 900; } .announcement__bar-section .disclosure { position: relative; } .announcement__bar-section .disclosure__toggle { color: var(--top-bar-color); background-color: var(--top-bar-background); font-size: var(--announcement-size); white-space: nowrap; margin: 0; padding: 0; border-radius: unset!important; height: unset!important; line-height: unset!important; display: flex; align-items:center; flex-wrap: nowrap; justify-content: space-around; } .announcement__bar-section .disclosure__toggle:hover { color: var(--top-bar-color); } .announcement__bar-section noscript select.styled-select { min-width: unset; max-width: 100px; background: unset; } .announcement__bar-section form#localization_form { margin: 0; } .announcement__bar-section .disclosure-list { background-color: var(--background); border: 1px solid var(--dotted-color); top: 115%; padding: 11px 0px; position: absolute; display: none; min-height: 92px; max-height: 300px; overflow-y: auto; border-radius: 2px; z-index: 15; line-height: 20px; text-align: left; list-style: none; width: 300px; } .announcement__bar-section .localization-form__noscript-btn.disclosure__toggle { background-color: var(--top-bar-background); border: 1px solid var(--top-bar-color); border-left: 0; color: var(--top-bar-color); padding-left: 1rem; padding-right: 1rem; } .announcement__bar-section .localization-form__noscript-btn.disclosure__toggle .fash--apollo-checkmark { fill: var(--top-bar-color); } .announcement__bar-section .disclosure-list--visible { display: block; } .announcement__bar-section .disclosure-list__item { white-space: nowrap; padding: 5px 15px 4px 15px !important; text-align: left; } .announcement__bar-section .disclosure-list__item:active { background-color: rgba(128, 128, 128, 0.2); } .announcement__bar-section .disclosure-list__option { text-transform: capitalize; display: flex; align-items: center; color: var(--text-color); justify-content: space-between; font-size: 13px; } .announcement__bar-section .disclosure-list__option:focus, .disclosure-list__option:hover { color: var(--text-color); } .announcement__bar-section .disclosure-list__item--current .disclosure-list__option { color: var(--text-color); font-weight: bold; } .announcement__bar-section .disclosure-list__option span.localization-form__currency { margin-left: 5px; text-align: right; flex: 0 0 auto; } .selectors-form { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; justify-content: center; flex-wrap: wrap; margin-bottom: 10px; } .announcement__bar-section .selectors-form { margin-bottom: 0; } @media (min-width: 980px) { .selectors-form { flex-wrap: nowrap; } } .selectors-form__item { margin: 0 5px; } @media (min-width: 980px) { .selectors-form__item { padding-bottom: 0; } .selectors-form__item:first-of-type { margin-left: 0; margin-right: 10px; } } ul.localization__options { list-style: none; text-align: right; } ul.localization__options li { display: inline-block; vertical-align: middle; margin: 0; } ul.disclosure-list li { display: block; } span.country--flag { height: 18px; width: 18px; border-radius: 50% !important; overflow: hidden; margin-right: 10px; display: flex; flex: 0 0 18px; } span.country--name { flex: 1 1 auto; align-items: center; white-space: normal; } .disclosure__toggle__flag { width: 100% !important; height: 18px; object-fit: cover; } .disclosure__toggle svg { min-width: 20px; } [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] { transition-duration:50ms } [data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay:50ms } [data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] { transition-duration:.1s } [data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay:.1s } [data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] { transition-duration:.15s } [data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay:.15s } [data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] { transition-duration:.2s } [data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay:.2s } [data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] { transition-duration:.25s } [data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay:.25s } [data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] { transition-duration:.3s } [data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay:.3s } [data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] { transition-duration:.35s } [data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay:.35s } [data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] { transition-duration:.4s } [data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay:.4s } [data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] { transition-duration:.45s } [data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay:.45s } [data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] { transition-duration:.5s } [data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay:.5s } [data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] { transition-duration:.55s } [data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay:.55s } [data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] { transition-duration:.6s } [data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay:.6s } [data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] { transition-duration:.65s } [data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay:.65s } [data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] { transition-duration:.7s } [data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay:.7s } [data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] { transition-duration:.75s } [data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay:.75s } [data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] { transition-duration:.8s } [data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay:.8s } [data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] { transition-duration:.85s } [data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay:.85s } [data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] { transition-duration:.9s } [data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay:.9s } [data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] { transition-duration:.95s } [data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay:.95s } [data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] { transition-duration:1s } [data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay:1s } [data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] { transition-duration:1.05s } [data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay:1.05s } [data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] { transition-duration:1.1s } [data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay:1.1s } [data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] { transition-duration:1.15s } [data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay:1.15s } [data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] { transition-duration:1.2s } [data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay:1.2s } [data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] { transition-duration:1.25s } [data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay:1.25s } [data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] { transition-duration:1.3s } [data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay:1.3s } [data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] { transition-duration:1.35s } [data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay:1.35s } [data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] { transition-duration:1.4s } [data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay:1.4s } [data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] { transition-duration:1.45s } [data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay:1.45s } [data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] { transition-duration:1.5s } [data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay:1.5s } [data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] { transition-duration:1.55s } [data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay:1.55s } [data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] { transition-duration:1.6s } [data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay:1.6s } [data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] { transition-duration:1.65s } [data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay:1.65s } [data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] { transition-duration:1.7s } [data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay:1.7s } [data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] { transition-duration:1.75s } [data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay:1.75s } [data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] { transition-duration:1.8s } [data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay:1.8s } [data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] { transition-duration:1.85s } [data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay:1.85s } [data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] { transition-duration:1.9s } [data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay:1.9s } [data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] { transition-duration:1.95s } [data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay:1.95s } [data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] { transition-duration:2s } [data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay:2s } [data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] { transition-duration:2.05s } [data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay:2.05s } [data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] { transition-duration:2.1s } [data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay:2.1s } [data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] { transition-duration:2.15s } [data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay:2.15s } [data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] { transition-duration:2.2s } [data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay:2.2s } [data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] { transition-duration:2.25s } [data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay:2.25s } [data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] { transition-duration:2.3s } [data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay:2.3s } [data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] { transition-duration:2.35s } [data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay:2.35s } [data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] { transition-duration:2.4s } [data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay:2.4s } [data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] { transition-duration:2.45s } [data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay:2.45s } [data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] { transition-duration:2.5s } [data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay:2.5s } [data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] { transition-duration:2.55s } [data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay:2.55s } [data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] { transition-duration:2.6s } [data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay:2.6s } [data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] { transition-duration:2.65s } [data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay:2.65s } [data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] { transition-duration:2.7s } [data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay:2.7s } [data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] { transition-duration:2.75s } [data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay:2.75s } [data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] { transition-duration:2.8s } [data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay:2.8s } [data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] { transition-duration:2.85s } [data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay:2.85s } [data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] { transition-duration:2.9s } [data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay:2.9s } [data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] { transition-duration:2.95s } [data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay:2.95s } [data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] { transition-duration:3s } [data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] { transition-delay:0 } [data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay:3s } [data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] { transition-timing-function:cubic-bezier(.25,.25,.75,.75) } [data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] { transition-timing-function:ease } [data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] { transition-timing-function:ease-in } [data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] { transition-timing-function:ease-out } [data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function:ease-in-out } [data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function:cubic-bezier(.6,-.28,.735,.045) } [data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function:cubic-bezier(.175,.885,.32,1.275) } [data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function:cubic-bezier(.68,-.55,.265,1.55) } [data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function:cubic-bezier(.47,0,.745,.715) } [data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function:cubic-bezier(.39,.575,.565,1) } [data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function:cubic-bezier(.445,.05,.55,.95) } [data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function:cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function:cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function:cubic-bezier(.455,.03,.515,.955) } [data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function:cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function:cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function:cubic-bezier(.455,.03,.515,.955) } [data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function:cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function:cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function:cubic-bezier(.455,.03,.515,.955) } [data-aos^=fade][data-aos^=fade] { opacity:0; transition-property:opacity,transform } [data-aos^=fade][data-aos^=fade].aos-animate { opacity:1; transform:translateZ(0) } [data-aos=fade-up] { transform:translate3d(0,100px,0) } [data-aos=fade-down] { transform:translate3d(0,-100px,0) } [data-aos=fade-right] { transform:translate3d(-100px,0,0) } [data-aos=fade-left] { transform:translate3d(100px,0,0) } [data-aos=fade-up-right] { transform:translate3d(-100px,100px,0) } [data-aos=fade-up-left] { transform:translate3d(100px,100px,0) } [data-aos=fade-down-right] { transform:translate3d(-100px,-100px,0) } [data-aos=fade-down-left] { transform:translate3d(100px,-100px,0) } [data-aos^=zoom][data-aos^=zoom] { opacity:0; transition-property:opacity,transform } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity:1; transform:translateZ(0) scale(1) } [data-aos=zoom-in] { transform:scale(.6) } [data-aos=zoom-in-up] { transform:translate3d(0,100px,0) scale(.6) } [data-aos=zoom-in-down] { transform:translate3d(0,-100px,0) scale(.6) } [data-aos=zoom-in-right] { transform:translate3d(-100px,0,0) scale(.6) } [data-aos=zoom-in-left] { transform:translate3d(100px,0,0) scale(.6) } [data-aos=zoom-out] { transform:scale(1.2) } [data-aos=zoom-out-up] { transform:translate3d(0,100px,0) scale(1.2) } [data-aos=zoom-out-down] { transform:translate3d(0,-100px,0) scale(1.2) } [data-aos=zoom-out-right] { transform:translate3d(-100px,0,0) scale(1.2) } [data-aos=zoom-out-left] { transform:translate3d(100px,0,0) scale(1.2) } [data-aos^=slide][data-aos^=slide] { transition-property:transform } [data-aos^=slide][data-aos^=slide].aos-animate { transform:translateZ(0) } [data-aos=slide-up] { transform:translate3d(0,100%,0) } [data-aos=slide-down] { transform:translate3d(0,-100%,0) } [data-aos=slide-right] { transform:translate3d(-100%,0,0) } [data-aos=slide-left] { transform:translate3d(100%,0,0) } [data-aos^=flip][data-aos^=flip] { backface-visibility:hidden; transition-property:transform } [data-aos=flip-left] { transform:perspective(2500px) rotateY(-100deg) } [data-aos=flip-left].aos-animate { transform:perspective(2500px) rotateY(0) } [data-aos=flip-right] { transform:perspective(2500px) rotateY(100deg) } [data-aos=flip-right].aos-animate { transform:perspective(2500px) rotateY(0) } [data-aos=flip-up] { transform:perspective(2500px) rotateX(-100deg) } [data-aos=flip-up].aos-animate { transform:perspective(2500px) rotateX(0) } [data-aos=flip-down] { transform:perspective(2500px) rotateX(100deg) } [data-aos=flip-down].aos-animate { transform:perspective(2500px) rotateX(0) } _:-ms-fullscreen, :root [data-aos^=zoom] { opacity:1 !important; } _:-ms-fullscreen, :root [data-aos=zoom-in] { transform: scale(1) !important; } .price { display: flex; flex-direction: column; align-items: center; margin-top: 0; margin-bottom: 0; } .theme-features__details-align--left .product-index .price { align-items: flex-start; } .theme-features__details-align--center .product-index .price { align-items: center; } .theme-features__details-align--right .product-index .price { align-items: flex-end; } .product__price-container { align-items: flex-start; } .price dl { margin-top: 0; margin-bottom: 0; } .price dd { margin: 0; } .price--on-sale .price-item--regular { margin-left: 5px; } .price--unavailable { visibility: hidden; } .price--compare-price-hidden .price__compare { display: none; } .price__pricing-group { display: flex; flex-direction: row; align-items: center; margin-bottom: 5px; } .price__regular { display: block; } .price--on-sale .price__regular, .price--on-sale .price__availability { display: none; } .price__availability { display: none; color: var(--text-color); font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; } .price--sold-out .price__availability { display: block; } .price__sale { display: none; } .price--on-sale .price__sale { display: flex; flex-direction: row; flex-wrap: wrap; } .price__vendor { color: var(--text-color); font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; margin: 5px 0 10px; width: 100%; -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; } .price__vendor--listing { margin: 0 0 4px; } .price__unit { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; display: none; } .price--unit-available .price__unit { display: block; } .price-item { color: var(--text-color); } .price-item--sale, .sale-color { color: var(--sale-color); } .price--on-sale .price-item--regular { text-decoration: line-through; } .price-unit-price { color: var(--price-unit-price-color) !important; font-size: 0.8em; font-style: italic; } .price-item__label { display: inline-block; white-space: nowrap; } .price__badges { display: none; margin-top: 0; } .price__badge { display: none; text-align: center; margin-left: 5px; } .price__badge--sale { color: var(--sale-color); } .price--on-sale .price__badge--sale { display: flex; } .price--sold-out .price__badge--sale { display: none; } .price--on-sale .price__badges, .price--sold-out .price__badges { display: flex; } .price__badge--sold-out { color: var(--text-color); } .price--sold-out .price__badge--sold-out { display: flex; } .price__badges--listing { margin-top: 0.5rem; } .price__badges--listing .price__badge { font-size: 0.6em; padding: 0.25rem 0.55rem; } .grid-align-left .price { align-items: flex-start; } .grid-align-right .price { align-items: flex-end; } .order-discount.order-discount--list { list-style: none; } .customer-account { margin-top: 81px; padding-bottom: 144px; } .customer-account .sidebar { border-right: solid 3px var(--dotted-color); } .customer-account .sidebar ul { list-style: none; } .customer-account .sidebar ul li { padding: 20px 0; } .customer-account .sidebar ul li a { display: inline-block; font-size: var(--h4-size); font-weight: bolder; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; padding-bottom: 4px; border-bottom: 2px solid transparent; } .customer-account .sidebar ul li a.selected, .customer-account .sidebar ul li:hover a { border-bottom: 2px solid var(--text-color); } .customer-account .content { padding-left: 95px; padding-top: 20px; } .customer-account .content p { font-size: 14px; line-height: 1.6; } .customer-account #account-details h5 { font-size: 16px; font-weight: bolder; line-height: 1.2; text-transform: uppercase; } .customer-account #order-history tbody tr { height: 100px; border-top: 1px solid var(--dotted-color); } .customer-account #order-history tbody td { min-width: 140px; } .customer-account #order-history thead tr { text-align: left; padding: 10px 0; height: 38px; } .customer-account #order-history thead tr th { font-size: var(--font-size); text-transform: capitalize; font-weight: 600; } @media (max-width: 1020px) { .customer-account .content { padding-left: 25px; } } @media (max-width:740px) { .customer-account { margin-top: 41px; text-align: center; } .customer-account .sidebar ul li { border-bottom: solid 1px #bababa; } .customer-account .content { margin-top: 80px; padding-left: 0; } .customer-account #order-history table .status { display: none; } .customer-account #order-history thead tr { text-align: center; } .customer-account .sidebar { border-right: none; } .customer-account #order-history tbody td { min-width: 110px; } } section.customer-order { margin-top: 81px; padding-bottom: 144px; } section.customer-order .return-account { font-size: 12px; font-weight: bold; line-height: 2.17; text-transform: uppercase; letter-spacing: 0.75px; margin-bottom: 40px; display: inline-block; } section.customer-order .order-content { padding-right: 118px; } section.customer-order #order_details .labels { text-align: left; border-bottom: solid 1px #d5d5d5; display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; } section.customer-order #order_details .items article { display: grid; align-items: center; grid-template-columns: repeat(6, 1fr); grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; } section.customer-order #order_details .labels p { font-size: var(--font-size); font-weight: 600; line-height: 1.6; letter-spacing: normal; text-transform: capitalize; margin-bottom: 4px; } section.customer-order #order_details .labels .product { grid-column: span 3; } section.customer-order #order_details .items .img { grid-column: span 1; } section.customer-order #order_details .items .info { grid-column: span 2; } section.customer-order #order_details .labels > .money, section.customer-order #order_details .labels > .qty, section.customer-order #order_details .labels > .total, section.customer-order #order_details .items article > .money, section.customer-order #order_details .items article > .qty, section.customer-order #order_details .items article > .total { grid-column: span 1; } section.customer-order #order_details .items article { padding: 24px 0; border-bottom: solid 1px #d5d5d5; } section.customer-order #order_details .items article h4 { font-size: 14px; font-weight: bold; line-height: 1.14; letter-spacing: normal; } section.customer-order #order_summary dl { display: flex; align-items: center; flex-flow: row wrap; border-bottom: solid 1px #d5d5d5; margin-bottom: 0; padding: 17px 0; font-size: 14px; line-height: 1.6; letter-spacing: normal; } section.customer-order #order_summary dt { flex-basis: 60%; padding: 2px 4px; text-align: left; } section.customer-order #order_summary dd { flex-basis: 30%; flex-grow: 1; margin: 0; padding: 2px 4px; text-align: right; } section.customer-order #order_summary .order_total dd, section.customer-order #order_summary .order_total dt { font-weight: bold; text-transform: uppercase; } section.customer-order #order_payment, section.customer-order #order_shipping { margin-bottom: 40px; } section.customer-order h5.order_section_title { font-size: 14px; line-height: 1.6; letter-spacing: normal; text-transform: uppercase; border-bottom: solid 1px #d5d5d5; padding-bottom: 4px; margin-bottom: 12px; } section.customer-order #other_details dl { display: flex; align-items: center; flex-flow: row wrap; margin-bottom: 0; font-size: 14px; line-height: 1.6; letter-spacing: normal; } section.customer-order #other_details dt { flex-basis: 30%; padding: 2px 4px; text-align: left; } section.customer-order #other_details dd { flex-basis: 60%; flex-grow: 1; margin: 0; padding: 2px 4px; text-align: left; } section.customer-order #order_details .shipping-info { margin-top: 16px; } @media (max-width:740px) { section.customer-order { margin-top: 48px; padding-bottom: 80px; } section.customer-order #order_details .labels .money { display: none; } section.customer-order #order_details .labels .product { grid-column: span 4; } section.customer-order #order_details .items .img { grid-column: span 1; } section.customer-order .order-content { padding-right: 0; } section.customer-order .order-sidebar { margin-top: 48px; } section.customer-order #order_details tbody tr td.product > div.img { width: 100%; } section.customer-order #order_details tbody tr td.product > div.info { width: 100%; } } #account-addresses .customer_address { border: solid 1px #e8e8e8; padding: 45px; margin-bottom: 10px; } #account-addresses h4.address_title { font-size: 14px; font-weight: bold; line-height: 1.6; } #account-addresses button.new-address { width: auto; padding: 0 20px; margin-top: 24px; } #account-addresses a { text-decoration: underline; } section.user-login { margin-top: 81px; padding-bottom: 144px; } section.user-login .secondary-button.create-customer { line-height: 50px; text-align: center; margin-top: 15px; } .note-error { border: 1px solid red; padding: 10px; margin-bottom: 15px; color: red; } .shopify-challenge__container { margin-top: 81px !important; } .guest-user-login { padding: 20px; margin-bottom: 40px; text-align: center; border: 1px solid var(--dotted-color); } @media (min-width: 741px) { .login-info.alternate { padding-left: 100px; } } @media (max-width: 740px) { section.user-login { margin-top: 48px; } } .customer-login button, .customer-login .button { width: 100%; } table.customer_address_table td.label { line-height: 40px; display: inline-block; margin-right: 10px; } table.customer_address_table { margin-bottom: 20px; margin-top: 20px; } .flickity-button { display: flex; align-items: center; justify-content: center; color: var(--text-color); background-color: var(--background); width: 45px; height: 45px; margin: 0; } .flickity-button:hover { color: var(--text-color); background-color: var(--background); } .flickity-button .flickity-button-icon { height: 12px; } .flickity__section .flickity-page-dots .dot { border: 1px solid #fff; margin: 0 5px; } .flickity__section.flickity-enabled:focus { outline: 0 !important; } .slideshow { border: 0 !important; width: 100%; } .slideshow__slide, .slideshow__slide-image { width: 100%; background-repeat: no-repeat; opacity: 1; } .slideshow__slide-image:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content:""; background: var(--section-overlay-color); pointer-events: none; z-index: 1; } .slideshow__slide { display: grid; opacity: 0 !important; transition: opacity 1s ease !important; } .slideshow__slide.is-selected { opacity: 1 !important; z-index: 1; } .slideshow.flickity__section .flickity-prev-next-button.previous { left: 10px; } .slideshow.flickity__section .flickity-prev-next-button.next { right: 10px; } @media screen and (min-width: 741px) { .slideshow .flickity-page-dots { bottom: 25px; } } .slideshow .flickity-page-dots { display: flex; flex-direction: row; justify-content: center; } .slideshow .flickity-page-dots .dot { width:25px; height:3px; opacity:0.25; cursor:pointer; background:#ccc; background-position:right bottom; border: 0; border-radius: 0; } .flickity-page-dots .dot.is-selected { opacity: 1; background: linear-gradient(to right, #ccc 50%, #000 50%); background-position: left bottom; background-size: 200% 100%; } .slideshow__slide a.slide__image-link { grid-column: 1 / 2; grid-row: 1/ 2; } .slideshow__slide svg.placeholder-svg { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; } .slideshow__slide svg.placeholder-svg, .slideshow__slide .slideshow__caption, .slideshow__slide .slideshow__slide-image { grid-column: 1 / 2; grid-row: 1 / 2; } .slideshow__slide[aria-hidden="true"] .slideshow__caption { display: none; } .slideshow__caption { display: flex; flex-direction: column; justify-content: flex-end; z-index: 1; max-width: 600px; background: var(--section-background); } .slideshow__caption .slideshow__caption-wrapper { padding: 30px; display: flex; flex-direction: column; justify-content: inherit; row-gap: 15px; } .no-js .slideshow__slide { opacity: 1; } .slideshow__caption h2.slideshow__title, .slideshow__caption p, .slideshow__caption .rte a { color: var(--text-color); margin-top: 0; margin-bottom: 0; } @media screen and (max-width: 740px) { .slideshow__caption.caption--below__image h2.slideshow__title, .slideshow__caption.caption--below__image p, .slideshow__caption.caption--below__image .rte a { color: var(--color-body-text); } .slideshow__caption.caption--below__image { background: var(--background); } } .slideshow__caption .slideshow__btn-wrapper { display: flex; flex-direction: row; justify-content: inherit; column-gap: 10px; row-gap: 10px; flex-wrap: wrap; } .slideshow__caption .slideshow__btn-wrapper a, .slideshow__caption .slideshow__btn-wrapper a:hover { color: var(--button-text); background: var(--button-color); } .slideshow__btn-wrapper a { padding: 0 20px; font-size: var(--section-button-size); letter-spacing: 1px; -webkit-transition: background .5s ease,color .5s ease; -moz-transition: background .5s ease,color .5s ease; -o-transition: background .5s ease,color .5s ease; transition: background .5s ease,color .5s ease; height: 48px; line-height: 48px; margin-bottom: 0; } .theme-features__rounded-buttons--enabled .slideshow__btn-wrapper a { border-radius: 3px; } .theme-features__rounded-buttons--disabled .slideshow__btn-wrapper a { border-radius: 0; } .slideshow__btn-wrapper a:hover { text-decoration: none; } @media screen and (max-width: 740px) { .slideshow__caption .slideshow__caption-wrapper { width: 100%; } .slideshow__slide .slideshow__caption { padding: 0; } .slideshow__slide .slideshow__caption.mobile__caption-below { grid-row: 2 / 2; } } .slideshow-section .slideshow.show--animation_true .slideshow__slide .slideshow__slide-image { transform: scale(1); transition: transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97); } .slideshow-section .slideshow.show--animation_true .slideshow__slide.is-selected .slideshow__slide-image { transform: scale(1.05); } .slideshow-section .slideshow.is-fixed_height .slideshow__slide .box-ratio img, .slideshow-section .slideshow.is-full_height .slideshow__slide .box-ratio img { object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slideshow-section .slideshow.is-full_height .slideshow__slide-image, .slideshow-section .slideshow.is-full_height .slideshow__slide-image .box-ratio img, .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image, .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image .box-ratio img { height: var(--desktop-section-height); } .slideshow-section .slideshow.is-full_height .slideshow__slide-image .box-ratio, .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image .box-ratio, .slideshow-section .slideshow.is-full_height .slideshow__slide.video .plyr__video-wrapper, .slideshow-section .slideshow.is-fixed_height .slideshow__slide.video .plyr__video-wrapper, .slideshow-section .slideshow.is-full_height .slideshow__slide.youtube, .slideshow-section .slideshow.is-fixed_height .slideshow__slide.youtube { padding-bottom:var(--desktop-section-height) !important; position: relative; } @media screen and (max-width: 740px) { .slideshow-section .slideshow.is-full_height .slideshow__slide-image, .slideshow-section .slideshow.is-full_height .slideshow__slide-image .box-ratio img, .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image, .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image .box-ratio img { height: var(--mobile-section-height) !important; } .slideshow-section .slideshow.is-full_height .slideshow__slide-image .box-ratio, .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image .box-ratio { padding-bottom:var(--mobile-section-height) !important; } } @media screen and (prefers-reduced-motion: no-preference) { .slideshow.show--animation_true .slideshow__slide.is-selected .slideshow__caption h2, .slideshow.show--animation_true .slideshow__slide.is-selected .slideshow__caption .rte { animation: fadeInUp 1s ease-in-out 1s forwards; } .slideshow.show--animation_true .slideshow__slide.is-selected .slideshow__caption, .slideshow.show--animation_true .slideshow__slide.is-selected .slideshow__caption .slideshow__btn-wrapper { animation: fadeIn 1.5s ease-in-out 1s forwards; } .slideshow.show--animation_true .slideshow__slide.is-selected .slideshow__caption, .slideshow.show--animation_true .slideshow__slide .slideshow__caption h2, .slideshow.show--animation_true .slideshow__slide .slideshow__caption .rte, .slideshow.show--animation_true .slideshow__slide .slideshow__caption .slideshow__btn-wrapper { opacity: 0; } } .featured__collection-carousel { width: 100%; } .featured__collection-carousel .featured__collection-product { padding: 0 15px 0; } .featured__collection-carousel .flickity-prev-next-button.next { right: -10px; } .featured__collection-carousel .flickity-prev-next-button.previous { left: -10px; } .featured__collection-button-container { text-align: center; margin: 10px auto; } a.button.featured__collection-view-all-button { width: unset; float: none !important; margin: 0 auto !important; } @media screen and (min-width: 741px) and (max-width: 980px ) { .featured__collection-carousel .featured__collection-product { width: 33.333% !important; } .featured__collection { grid-template-columns: 1fr 1fr 1fr !important; grid-column-gap: 20px; } } @media screen and (max-width: 740px) { .featured__collection { grid-template-columns: 1fr 1fr !important; grid-column-gap: 10px; } .featured__collection-carousel .featured__collection-product { width: 50% !important; padding: 0 5px; } .featured__collection-carousel .flickity-prev-next-button.next { right: -5px; } .featured__collection-carousel .flickity-prev-next-button.previous { left: -5px; } } .tabbed__collection-content { width: 100%; } .testimonial__container-carousel .flickity-prev-next-button.next { right: -10px; } .testimonial__container-carousel .flickity-prev-next-button.previous { left: -10px; } .testimonial__content { text-align: center; margin-top: 10px; margin-bottom: 10px; padding: 10px 30px; } .parallax .row { width: 100%; } .no-js .parallax { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .parallax { position: relative; width: 100%; min-height: 100%; overflow: hidden; } .parallax.is_fixed { background-attachment: fixed; background-size: cover; overflow: hidden; background-position: center center !important; } .parallax.is_fixed img { object-fit: cover; object-position: center; } .parallax__container { position: relative; display: grid; } .parralax__image--wrapper, .parallax__caption, .parallax__placeholder { grid-column: 1/2; grid-row: 1/2; } .parallax__caption { display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; z-index: 1; row-gap: 10px; background: var(--caption-background); } .parallax .simpleParallax.simple-parallax-initialized img { object-fit: cover; } @media screen and (max-width: 740px) { .parallax__caption.below-image { grid-row: 2 / 2; } } .parallax__caption h2, .parallax__caption p, .parallax__caption .button { margin-bottom: 0; } .parallax__caption h2, .parallax__caption p { color: var(--text-color); } .parallax__caption .button { width: max-content; background: var(--button-color); color: var(--button-text); font-size: var(--section-button-size); } .parallax__caption-text a:not(.button) { text-decoration: underline; } .parralax__image { position: relative; } .onboard.parallax__placeholder:after, .parralax__image:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content:""; background: var(--section-overlay-color); pointer-events: none; z-index: 1; } @media screen and ( max-width: 740px ) { .image__withText-section .parallax .parallax__container, .image__withText-section .parralax__image--wrapper { height: initial !important; min-height: 230px !important; } } @media screen and ( max-width: 1024px ) { .parallax { background-attachment: scroll !important; background-size: cover !important; } } .icn-close { width: 20px; height: 20px; position: relative; } .icn-close:after { content: ''; height: 20px; border-left: 1px solid #fff; position: absolute; transform: rotate(45deg); left: 8px; } .icn-close:before { content: ''; height: 20px; border-left: 1px solid #fff; position: absolute; transform: rotate(-45deg); left: 8px; } .slideout { list-style: none; background: var(--background); width: 350px; height: auto; position: fixed; top: 0; bottom: 0; left: unset; right: unset; z-index: 13; overflow-y: auto; overflow-x: hidden; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } @media (max-width: 740px) { .slideout.slideout__drawer-left { width: 350px; } } .site-overlay { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; z-index: 12; visibility: hidden; opacity: 0; background: rgb(30, 30, 30); transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } @media screen and (min-width: 801px) { aside#slideout-ajax-cart.has--featured_collection { transform: translateX(500px); } } .slideout-right--open aside#slideout-ajax-cart.has--featured_collection.slideout--active.slideout__drawer-right { transform: translateX(0) } .slideout__drawer-right { transform: translateX(350px); right: 0; } .slideout__drawer-left { transform: translateX(-350px); left: 0; } .slideout-left--open .slideout--active.slideout__drawer-left { transform: translateX(0); } .slideout-right--open .slideout--active.slideout__drawer-right { transform: translateX(0); } .slideout-left--open, .slideout-right--open { overflow: hidden; } .slideout-left--open .js-slideout-overlay, .slideout-right--open .js-slideout-overlay, .modal--open .js-modal-overlay { opacity: 0.8; visibility: visible; } .slideout-left--open [data-aos^=fade][data-aos^=fade], .slideout-right--open [data-aos^=fade][data-aos^=fade] { opacity: 1 !important; } .slideout__trigger--open { z-index: 2; margin-bottom: 0; cursor: pointer; } .slideout__trigger--close .slideout__trigger-mobile-menu, .slideout__trigger--close .slideout__trigger-store-availability, .slideout__trigger--close .slideout__trigger-password, .slideout__trigger--close .slideout__trigger-ajax-cart, .slideout__trigger--close .slideout__trigger-quickview, .slideout__trigger--close .slideout__trigger-general-modal { padding: 15px 10px 15px 10px; margin-bottom: 0; color: black; background: unset; line-height: 50px; height: 50px; } .slideout__trigger--open .slideout__trigger-mobile-menu, .slideout__trigger--open .slideout__trigger-store-availability, .slideout__trigger--open .slideout__trigger-password { background: unset; margin-bottom: 0; } .slideout__trigger-mobile-menu:hover, .slideout__trigger-store-availability:hover, .slideout__trigger-password:hover, .slideout__trigger-ajax-cart:hover, .slideout__trigger-quickview:hover, .slideout__trigger-general-modal:hover { background: unset; } .slideout__trigger--open .slideout__trigger-store-availability, .slideout__trigger--open .slideout__trigger-password { color: var(--text-color); height: auto; text-align: left; text-decoration: underline; letter-spacing: unset; margin: 0; padding: 0; } .slideout__trigger-password, .slideout__trigger-ajax-cart, .slideout__trigger-quickview, .slideout__trigger-general-modal { display: inline-block; width: auto; height: 30px; line-height: 30px; } .slideout__trigger--open .slideout__trigger-store-availability:hover, .slideout__trigger--open .slideout__trigger-password:hover { opacity: 0.8; } .slideout__trigger-store-availability .icn-close:before, .slideout__trigger-store-availability .icn-close:after, .slideout__trigger-password .icn-close:before, .slideout__trigger-password .icn-close:after, .slideout__trigger-ajax-cart .icn-close:before, .slideout__trigger-quickview .icn-close:before, .slideout__trigger-ajax-cart .icn-close:after, .slideout__trigger-quickview .icn-close:after, .slideout__trigger-general-modal .icn-close:before, .slideout__trigger-general-modal .icn-close:after { border-color: var(--text-color); } .modal__general-modal__wrapper { padding: 60px !important; } .modal__general-modal__wrapper .slideout__trigger--close { position: absolute; right: 0; top: 0; } .slideout__trigger-general-modal { height: 40px !important; line-height: 40px !important; padding: 10px 10px !important; } .slideout-left--closed .slideout__drawer-left, .slideout-right--closed .slideout__drawer-right { visibility: hidden; opacity: 0; -webkit-animation:slideoutFadeout 0.4s linear; animation:slideoutFadeout 0.4s linear; } .slideout-left--open .slideout__drawer-left, .slideout-right--open .slideout__drawer-right { visibility: visible; opacity: 1; -webkit-animation:slideoutFadein 0.4s linear; animation:slideoutFadein 0.4s linear; } @keyframes slideoutFadeout { 0% { opacity:1; visibility:visible; } 99% { opacity:0; } 100% { opacity:0; visibility: hidden; } } @keyframes slideoutFadein { 0% { opacity:0; visibility:visible; } 100% { opacity:1; } } .mobile-menu__block { padding: 10px 10px 0 10px; margin-bottom: 10px; display: inline-block; width: 100%; } .mobile-menu__featured-image--full-width { margin: 0 0 0 -12px !important; padding: 0; width: 110%; } .mobile-menu__search form input { border: none; border-bottom: 1px solid; height: 41px; } .mobile-menu__accordion > .mobile-menu__item:first-child { border-top: 1px solid; } .mobile-menu__cart-icon { font-family: var(--main-family); font-style: var(--main-style); font-weight: var(--main-weight); font-size: calc(var(--font-size) * 1px); position: relative; display: block; border: 1px solid; padding: 10px; text-transform: uppercase; font-weight: bold; font-size: 13px; } .mobile-menu__cart-icon svg { position: absolute; right: 10px; top: 50%; transform: translateY(-37%); } .mobile-menu__cart-icon, .mobile-menu__featured-text { line-height: initial; position: relative; } .mobile-menu__social ul { list-style: none; padding-bottom: 0 !important; } .mobile-menu__social li { display: inline-block; margin: 3px 5px; } .mobile-menu__featured-text p, .mobile-menu__search input { margin-bottom: 0; } .password .slideout__trigger-password { opacity: 0.8; text-decoration: none; } .password .slideout__trigger-password:hover { opacity: 1.0; } .password-page__wrapper { min-height: 100vh; padding: 15px; } .password-page__logo { padding-top: 100px; text-align: center; } .password-page__newsletter { width: 100%; margin-top: 100px; } .password-page__newsletter-wrapper { max-width: 500px; margin-left: auto; margin-right: auto; } .password-page__newsletter-details { margin-bottom: 30px; text-align: center; } .password-page__newsletter-signup--email { float: left !important; text-indent: 10px; width: 66% !important; text-transform: uppercase; color: #000; height: 48px !important; } .password-page__newsletter-signup--submit { width: 28% !important; margin-left: 0; margin-top: 0; text-transform: uppercase; height: 48px !important; } .password-page__newsletter-signup--submit:hover { opacity: 0.75; } .password-page__icons { margin-bottom: 20px; } .password-page__icons li { display: inline-block; margin: 0 5px; } .password-page__icons a:hover { opacity: 0.5; } .password-page__footer { width: 100%; display: block; text-align: center; position: relative; margin-top: 220px; } .password-page__footer a { font-family: var(--main-family); font-style: var(--main-style); font-weight: var(--main-weight); font-size: var(--font-size); } .password-page__login { padding: 10px 15px; } .password-page__login label { margin-bottom: 10px; } @media screen and ( max-width: 740px ) { .password-page__newsletter { margin-top: 50px; } } .note-success { border: 1px solid; border-color: var(--success-msg-dark); background-color: var(--success-msg-light); color: var(--success-msg-dark); padding: 10px; margin-bottom: 15px; } .note-error { border: 1px solid; border-color: var(--error-msg-dark); background-color: var(--error-msg-light); color: var(--error-msg-dark); padding: 10px; margin-bottom: 15px; } .note-error ul, .note-success ul { list-style: none; } .store-availability-small-text { font-size: 13px; } .store-availability-information { display: flex; margin-left: 0px; } .store-availability-information-container { margin-left: 0px; text-align: left; } .store-availability-information__title, .store-availability-information__stock { margin-bottom: 0; } .store-availability-information__stores { margin-top: 8px; } .store-availability-information__link { text-decoration: underline; cursor: pointer; } .store-availability-information__link:hover, .store-availability-information__link:focus { opacity: 0.6; } .store-availabilities-modal { left: unset; background-color: var(--background); } @media only screen and (max-width: 740px) { .store-availabilities-modal { width: 100%; z-index: 9999; } } .store-availabilities-modal__header { display: flex; justify-content: space-between; margin: 20px 0 16px 0; padding-left: 20px; padding-right: 20px; } .store-availabilities-modal__product-title { font-size: 17px; text-transform: none; margin-bottom: 0; } .store-availabilities-list { overflow: auto; padding: 0 10px; } .store-availabilities-modal__close { margin-bottom: 13px; cursor: pointer; } .store-availability-list__item { padding: 0 10px 16px 10px; } .store-availability-list__item::before { content: ""; display: block; margin: 0 0 16px 0; border-bottom: 1px solid var(--dotted-color); } .store-availability-list__item > p { font-size: 13px; margin-bottom: 0; } .store-availability-list__location { display: flex; justify-content: space-between; } .store-availability-list__stock { margin-top: 8px; margin-bottom: 16px; } @media (max-width: 740px) { .store-availability-information-container, .slideout__trigger-store-availability { width: 100%; margin-left: 0; } } .complementary__products .js-carousel .product-index { padding: 0 20px 0 0; } .complementary__products .product-add { display: flex; justify-content: center; flex-direction: column; } .complementary__products h4 { margin-bottom: 10px; } .complementary__product--loop.no--carousel { display: flex; align-items: flex-start; gap: 15px; justify-content: flex-start; } .complementary__product--loop.no--carousel .product-index { flex: 0 0 calc(35% - 7.5px) } @media screen and (max-width: 740px) { .complementary__product--loop.no--carousel .product-index { flex: 0 0 calc(50% - 7.5px); } } @media screen and (min-width: 741px) { .complementary__products .js-carousel .product-index { width: calc((100%/2) + 20px); } } @media screen and (max-width: 740px) { .complementary__products .js-carousel .product-index { width: calc((100%/2) + 10px); padding: 0 10px 0 0; } } .complementary__products .product-index .quick-add-to-cart { margin-top: 10px; } .complementary__products .product-add { display: flex; justify-content: center; align-items: center; } .complementary__products.layout--simple .product-index { display: flex; flex-direction: row; align-items: center; border: 1px solid var(--dotted-color); padding: 10px; margin: 0 10px 0 0; flex-wrap: wrap; width: calc(100% - 50px); background: var(--background); } @media screen and (max-width: 740px) { .complementary__products.layout--simple .product-index { width: 100%; } } .complementary__products.layout--simple .product-index .prod-container { flex: 0 0 30%; } .complementary__products.layout--simple .product-index .product-info { flex: 0 0 calc(70% - 20px); display: flex; flex-direction: column; align-items: flex-start; margin-left: 20px; } .complementary__products.layout--simple .product-index .product-info input.product__add-button, .complementary__products.layout--simple .product-index .product-info button.js-quickview-trigger { height: 40px !important; display: flex; align-items: center; margin: 0; line-height: unset; padding: 0 15px; font-size: 13px; } .complementary__products.layout--simple button.flickity-button.flickity-prev-next-button.previous { top: 25px; right: 95px; left: unset; } .complementary__products.layout--simple button.flickity-button.flickity-prev-next-button.next { top: 25px; right: 60px; } .complementary__products.layout--simple button.flickity-button.flickity-prev-next-button { width: 30px; height: 30px; border: 1px solid var(--dotted-color); } @media screen and (max-width: 740px) { .complementary__products.layout--simple button.flickity-button.flickity-prev-next-button { top: 0px !important; } .complementary__products.layout--simple button.flickity-button.flickity-prev-next-button.next { right: 10px; } button.flickity-button.flickity-prev-next-button.previous { right: 45px !important; } } @media screen and (min-width: 741px) { .product .page-wrap { overflow: initial; } } @media screen and (min-width: 981px) { .product__section.product-template .product__section-images { position: sticky; top: calc(var(--header-height) + 20px); align-self: start; } } .product__policies.rte { margin-top: 10px; } .product__decription-container a, .rte a { text-decoration: underline; } .product__nav { float: right; } .product__nav a { color: var(--text-color); text-align: center; display: inline-block; padding: 2px 8px; transition: all .25s ease-in-out; cursor: pointer; } .product__nav a:hover svg .hover-fill { fill: var(--text-color); } .product__section--element { margin-bottom: 20px; display: block; width: 100%; float: left; clear: both; } .product__section--element label { font-family: var(--main-family); font-style: var(--main-style); font-weight: 500; font-size: var(--font-size); margin-bottom: 0; position: relative; } .product__section--header.product__section--element { margin-bottom: 10px; } .product__section-title { margin-bottom: 10px !important; padding-bottom: 0 !important; border-bottom: 0 !important; text-align: left !important; } .product__price-container { font-size: var(--h4-size); } .product__section--element p.line-item-property__field, .product__section--element p.line-item-property__field input, .product__section--element p.line-item-property__field textarea { margin-bottom: 5px; } .product__section--element p.line-item-property__field input[type="file"] + label { transform: scale(0.8) translateY(calc(-25px - 0.25em)) translateX(10px); } small.property--required { position: absolute; right: 5px; top: -12px; padding: 0 5px; background: var(--background); } .product__section--qty { display: flex; flex-direction: row; } .product__section--qty label { line-height: 50px; min-width: 60px; } .product__quantity--wrapper { border: 1px solid var(--dotted-color); display: flex; flex-direction: row; align-items: center; margin-bottom: 5px; margin-left: 10px; } .product__quantity--wrapper input, .product__quantity--wrapper a, .product__quantity--wrapper button { text-align: center; display: inline-block; float: left; width: 50px; height: 48px; line-height: 48px; } .product__quantity--wrapper .up.quantity-control-up, .product__quantity--wrapper .down.quantity-control-down { background: unset; color: var(--text-color); margin-bottom: 0; width: 50px; } .product__quantity--wrapper .up.quantity-control-up:hover, .product__quantity--wrapper .down.quantity-control-down:hover { background: unset; color: var(--text-color); } .product__quantity--wrapper input { margin: 0; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; text-align: center; text-indent: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .product__quantity--wrapper a { cursor: pointer; height: 50px; padding: 0; line-height: 50px; } .product__section--sku label { display: inline-block; float: left; margin-right: 5px; } input#addToCart { width: 100%; display: block; } button.shopify-payment-button__button--hidden { display: none; } button.shopify-payment-button__button.shopify-payment-button__button--unbranded { background: var(--button-color); color: var(--button-text); font-size: var(--font-size); font-family: var(--main-family); font-style: var(--main-style); border-radius: var(--button-border-radius); } button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover { background: var(--button-hover); color: var(--button-text-hover); } .shopify-payment-button__more-options { text-decoration: underline !important; } .product__related-container { padding-top: 20px; margin-top: 20px; margin-bottom: 50px; } .product__related-container h4 { margin-bottom: 20px; } .product__add-msg { clear: left; } .product__add-msg.success { margin: 10px 0; border: 1px solid var(--dotted-color); padding: 20px 10px; } .product__add-msg.success a { font-weight: bold; } .product__add-msg.error { color: red; } .product__section--desc { border-top: 1px solid var(--dotted-color); border-bottom: 1px solid var(--dotted-color); padding-top: 20px; padding-bottom: 20px; } .product__section--desc ul, .product__section--desc ol { list-style-position: outside; margin-left: 20px; margin-bottom: 10px; font-size: var(--font-size); } ul.product__tabs { margin-left: 0; margin-bottom: 0; } .product__section--product_description.rte ul:not(.product__tabs) { margin-bottom: 15px; list-style-position: outside; margin-left: 25px; } .product__section--element.inline { display: flex; flex-direction: column; align-items: start; width: unset; margin-right: 10px; clear: none; } .product__section--popup button.button-as-link { margin-bottom: 0; font-weight: var(--main-font-weight); } .modal__container[data-wau-modal^="popup-content"] { position: fixed; top: 50%; transform: translate(-50%, -50%); } .product__section--text.product__section--element.rte p { margin-bottom: 0; } .product__section--image.product__section--element img { width: unset; } .variant-stock-levels__inner { display: flex; flex-direction: row; align-items: center; } .pulse__icon { border-radius: 50%; margin: 0 12px 0 8px; height: 15px; width: 15px; } .product-main-image { position: absolute; overflow: hidden; width: 100%; top: 0; left: 0; visibility: hidden; } .product-main-image img { margin: 0 auto; cursor: crosshair; } .product-image-container { width: 100%; position: relative; width: 100%; } .product__form-container { clear: both; } .product__variants-swatches, .product__variants-select { display: flex; flex-direction: column; margin-bottom: 10px; } .swatches__form--input { display: none; } .swatches__form--label { display: -moz-inline-stack; display: inline-block; zoom: 1; padding: 0 10px; color: var(--text-color); background-color: var(--background); margin: 0px 5px 5px 0; cursor: pointer; border: 1px solid var(--dotted-color); position: relative; font-weight: 500; min-width: 44px; height: 40px; line-height: 38px !important; white-space: nowrap; text-align: center; float: unset !important; overflow: hidden; } .swatches__form--label.focus-visible { transform: scale(1.08); } .swatches__shape--circle label { min-width: 34px !important; width: 34px !important; height: 34px !important; line-height: 32px !important; border-radius: 50%; outline: 0 !important; padding: 0; } .swatches__shape--square label { min-width: 34px !important; width: 34px !important; height: 34px !important; line-height: 32px !important; outline: 0 !important; padding: 0; } .swatches__shape--rectangle label { min-width: 44px !important; width: 34px !important; height: 34px !important; line-height: 32px !important; outline: 0 !important; padding: 0; } .swatches__form--input:checked + .swatches__form--label { border:1px solid var(--text-color); background-color: var(--text-color); color: var(--background); } .swatches__swatch--color .swatches__form--input:checked + .swatches__form--label { box-shadow: 0px 0px 2px 2px #d6d6d6; } .swatches__form--label:hover { background: var(--text-color); color: var(--background); border-color: var(--text-color); } .swatches__swatch--regular, .swatches__swatch--color { display: inline-block; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-font-smoothing:antialiased; position:relative; } .swatch-element.soldout .swatches__form--label:before { content: ''; height: 2em; width: 1px; position: absolute; left: 50%; top: 50%; margin: -1em 0 0; border-right: 1px solid; transform: rotate(45deg); } .swatch-element.soldout .swatches__form--label:after { content: ''; height: 2em; width: 1px; position: absolute; left: 50%; top: 50%; margin: -1em 0 0; border-right: 1px solid; transform: rotate(135deg); } .swatches__swatch--regular.soldout label, .swatches__swatch--color.soldout label { filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; } .swatches__container.error { background-color: #E8D2D2 !important; color: #333 !important; padding: 1em; border-radius: 5px; } .swatches__container.error p { margin: 0.7em 0; } .swatches__container.error p:first-child { margin-top: 0; } .swatches__container.error p:last-child { margin-bottom: 0; } .swatches__container.error code { font-family: monospace; } .swatches__option-name { text-transform: capitalize; margin-bottom: 10px; display: block; font-family: var(--main-family); font-style: var(--main-style); font-weight: 500; font-size: var(--font-size); } .swatches__option-value { text-transform: capitalize; margin-left: 5px; font-weight: normal; } .swatches__container.product__section--element { position: relative; } .size-chart { position: absolute; right: 0; text-transform: none; } .size-chart button.button-as-link { text-decoration: none; border-bottom: 1px solid; } .product-form__input--dropdown { display: flex; flex-direction: row; align-items: center; } .product__variants-select label { font-family: var(--main-family); font-style: var(--main-style); font-weight: 500; font-size: var(--font-size); min-width: 60px; } .product__variants-select .single-option-selector { width: initial; min-width: 195px; display: inline-block; float: left; background: var(--select-arrow-bg) right no-repeat; -webkit-appearance: none; -moz-appearance: none; margin-bottom: 0; margin-top:0; } .theme-features__product-variants--swatches .single-option-selector { opacity: 0; display: none; } .product__share-icons { border: 0; margin: 0; padding: 0; display: flex; flex-direction: row; align-items: center; } .product__share-icon { margin: 0 10px 0 0; } .tabbed__product-content { padding: 25px 15px 0; } li.product__tab-trigger > a { display: block; padding: 15px; border-bottom: 1px solid var(--dotted-color); font-weight: 600; } ul.product__tabs li:last-child { border-right: 0; } li.product__tab-trigger > a.active { border-bottom: 0; border-top: 1px solid var(--dotted-color); } .product__tab-trigger { display: inline-block; float: left; border-right: 1px solid var(--dotted-color); } .product__section--rating-wrapper { padding: 10px 0; } .product__section-rating { display: inline-block; margin: 0; } .product__section-rating-star { --letter-spacing: 0.2; --font-size: 1; } .product__section-rating-star { --percent: calc( ( var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size))) ) * 100% ); letter-spacing: calc(var(--letter-spacing) * 1rem); font-size: calc(var(--font-size) * 1rem); line-height: 1; display: inline-block; font-family: Times; margin: 0; } .product__section-rating-star::before { content: '★★★★★'; background: linear-gradient( 90deg, var(--star-active) var(--percent), var(--star-inactive) var(--percent) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .product__section-rating-text { display: none; } .product__section-rating-count { display: inline-block; margin: 0; font-size: 11px; vertical-align: middle; } @media (forced-colors: active) { .product__section-rating { display: none; } .product__section-rating-text { display: block; } } .product__section--text-with-icon { display: flex; gap: 10px; margin-bottom: 10px; } .product--text-with-icon__text p { margin-bottom: 0; } .product--text-with-icon__text a { text-decoration: underline; } .product__section--payment-icons.product__section--element { padding: 20px 20px 10px; } .product__section--payment-icons.product__section--element svg { width: unset; height: 30px; } .product__section--payment-icons.product__section--element h5 { font-weight: 400; margin-bottom: 10px; font-size: var(--font-size); } @media screen and (min-width: 981px) { #mobile-only, .mobile-only { display: none; } } @media screen and (max-width: 981px) { #logo, .cart--container { width: 100%; margin-left: 0; } } @media screen and (max-width: 980px) { #nav, ul.shopping--cart_links li.cart-overview span.my-cart-text, ul.shopping--cart_links li.customer-accounts, ul.shopping--cart_links li.search-icon, .large-search { display: none !important; } .gridlock-fluid div#identity { padding-left: 10px !important; padding-right: 10px !important; } #mobile-only { display: none; } .tablet-hide { display: none; } footer ul { margin-bottom: 30px; } input.add.clearfix.AddtoCart { margin-left: 0; margin-top: 0; } } @media screen and (min-width: 741px ) and ( max-width: 980px ) { div#identity { display: grid; grid-template-columns: 1fr 3fr 1fr !important; } #logo { text-align: center !important; justify-self: center !important; } } @media only screen and (max-width: 740px) { .notification { margin-bottom: 5px; margin-top: 5px; } .mobile-hide { display: none; } .mhide { display: none; } input.ajaxcart__qty-num { width: 40px !important; min-width: inherit; } textarea { min-width: 0 !important; } .search { width: 100%; } #q { width: 100%; } input#checkout { width: 100%; } .product__nav { display: none; } input#AddToCart { clear: left; width: 100%; min-width: 100%; margin: 20px auto 10px; } input#quantity { min-width: 60px; text-align: center; } input.add { min-width: 90px; } select.styled-select, .single-option-selector { text-indent: 5px; clear: left; margin-left: 0; width: 100%; } #add { width: 100%; } ul.footer-left { float: left; width: 100%; text-align: center; } ul#footer-right { float: left; width: 100%; text-align: center; } .footer-left li { text-align: center; float: none; } #footer-right li { text-align: center; float: none; } #mce-EMAIL { width: 100%; } footer { text-align: center; } footer ul { margin-bottom: 30px; } .sub-footer .left-side, .sub-footer .right-side { width: 100%; text-align: center; padding: 10px 0; } header.theme-header { width: 100%; z-index: 11; } ul#social-links { display: none; } div.cart--container { text-align: right; } header ul.shopping--cart_links li.lang-selector, header ul.shopping--cart_links li.curr-selector { display: none; } #logo { text-align: center; } } .scrollup { width:45px; height:45px; opacity:0; position:fixed; bottom:20px; right:20px; z-index: 3; transform: translateY(100px); transition: all .5s ease; background: transparent; display: flex; align-items: center; justify-content: center; padding: 0; } .scrollup.showBtn { opacity: 0.4; transform: translateY(0); } .scrollup:hover { background: transparent; opacity: 0.7; -webkit-transition: opacity 1000ms ease-in-out; -moz-transition: opacity 1000ms ease-in-out; -o-transition: opacity 1000ms ease-in-out; -ms-transition: opacity 1000ms ease-in-out; transition: opacity 1000ms ease-in-out; } .newsletter__popup-overlay { display: none; } .newsletter__popup-overlay.is-visible { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; background: rgba(0,0,0,0.25); } .newsletter__popup-container:not(.is--simple) { position: fixed; top: 50%; left: 50%; z-index: 99; background-color: var(--background); box-shadow: 0px 1px 3px rgba(0,0,0,0.2); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .newsletter__popup-container.is--simple { position: fixed; bottom: 20px; left: 20px; z-index: 99; background-color: var(--background); box-shadow: 0px 1px 3px rgba(0,0,0,0.2); width: 400px; padding: 50px 30px 30px; } .newsletter__popup-container-close { position: absolute; right: 5px; top: 5px; width: 35px; text-align: center; height: 35px; line-height: 35px; cursor: pointer; font-size:25px; background: #ffffff; display: flex; align-items: center; justify-content: center; } .newsletter__popup-contentWrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; gap: 20px; } .newsletter__popup-content.style--background, .newsletter__popup-content.style--image_top { width: 600px; text-align: center; overflow: hidden; margin: 0 auto; } .newsletter__popup-content.style--image_top .newsletter__popup-contentWrapper, .newsletter__popup-content.style--background .newsletter__popup-contentWrapper { padding: 30px; } .newsletter__popup-text p { margin-bottom: 0; } .newsletter__popup-content.style--image_top .newsletter__popup-image { height: 300px; overflow: hidden; } .newsletter__popup-content.style--left_image { width: 800px; display: flex; gap: 0; align-items: center; } .newsletter__popup-content.style--left_image .newsletter__popup-image { flex: 0 0 50%; height: 400px; } .newsletter__popup-content.style--left_image .newsletter__popup-contentWrapper { flex: 0 0 50%; padding: 30px; } .newsletter__popup-content.style--left_image .newsletter__popup-image .box-ratio { padding-bottom: 0 !important; height: 100%; } .newsletter__popup-content.style--left_image .newsletter__popup-image .box-ratio img { height: 100%; object-fit: cover; } .newsletter__popup-content.style--image_top .newsletter__popup-image .box-ratio { padding-bottom: 0 !important; height: 300px; } .newsletter__popup-content.style--image_top .newsletter__popup-image .box-ratio img { object-fit: cover; height: 100%; } .newsletter__popup-text h3, .newsletter__popup-text p, p.gdpr-text { color: var(--text-color); } .newsletter__popup-text h3 { font-size: var(--h3-size); } .newsletter__popup-text p { font-size: var(--text-size); } .newsletter__popup-text .gdpr-text { font-size: 14px; } .newsletter__popup-form input[type="email"] { background: var(--background); text-align: center; margin-bottom: 10px; border: 1px solid var(--dotted-color); } .newsletter__popup-form input[type="submit"] { margin-bottom: 0px; width: 100%; } p.gdpr-text { margin-top: 10px; } @media screen and (max-width: 800px) { .newsletter__popup-container { width: 98% !important; left: 50% !important; bottom: 20px !important; top: unset !important; transform: translateX(-50%) !important; } .newsletter__popup-content { width: 100% !important; } .newsletter__popup-content.style--background { height: 500px !important; } .newsletter__popup-content.style--left_image { flex-wrap: wrap; } .newsletter__popup-content.style--left_image .newsletter__popup-image { flex: 1 0 100% !important; height: 300px !important; } .newsletter__popup-content.style--left_image .newsletter__popup-contentWrapper { flex: 1 0 100% !important; } } .animate-hide { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate-show { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .collection__banner-image { height: 400px; position: relative; overflow: hidden; } .collection__banner-image img { width: 100%; object-fit: cover; height: 400px; } @media screen and (max-width: 740px) { .collection__banner-image { height: 200px; } .collection__banner-image img { height: 200px; } } .collection__page-description { float: left; margin-bottom: 30px; } .collection__page-image { padding-bottom: 10px; margin-bottom: 10px; } .collection__page-description h1 { margin-bottom: 5px; } .collection__page-description .rte img { margin-bottom: 10px; } .collection__section--banner { position: relative; } .collection__section--banner .grid__wrapper.hero__title.has_banner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: grid; align-items: center; } .collection__section--banner .grid__wrapper.hero__title.has_banner h1.collection__page-title, .collection__section--banner .grid__wrapper.hero__title.has_banner h1.section__page-title { color: var(--hero-color); } div#main-collection-product-grid { margin-top: 0; padding-top: 0; } @media screen and (min-width: 981px) { .collection__sidebar-mobile-trigger { display: none; } } @media screen and (max-width: 980px) { .collection__sidebar-mobile-trigger { display: block; text-align: center; width: 100%; margin: 0 0 20px !important; border: 1px solid var(--dotted-color); text-transform: uppercase; font-weight: 600; font-size: var(--h3-size); line-height: 44px; } .collection__sidebar-mobile-trigger svg { display: inline-block; vertical-align: middle; } } @media screen and (max-width: 980px) { .collection__page-sidebar { display: none; } .collection__page-sidebar.open { display: block; } .collection__page-sidebar ul li { padding: 5px 0; } } .collection__page-sidebar .collection__filtering { width: 100%; } .collection__sidebar-block { margin-bottom: 30px; } .collection__page-sidebar p.h4 { border-bottom: 1px solid var(--dotted-color); margin-bottom: 10px; padding-bottom: 5px; font-size: var(--font-size); font-weight: bold; } .collection__page-sidebar p.h4 small { font-weight: var(--main-weight); font-size: 12px; margin-left: 5px; } .collection__page-sidebar ul { list-style-type: none; margin-bottom: 20px; } .collection__page-sidebar .accordion-content, .collection__page-sidebar .accordion-content2 { margin-bottom: 20px; padding-left: 5px; } .collection__page-sidebar .accordion-toggle, .collection__page-sidebar .accordion-toggle2 { padding-right: 25px; } .collection__page-sidebar .image_container { margin-bottom: 15px; } .collection__page-sidebar .textnote_container { margin-bottom: 15px; } .collection__page-sidebar .image_container a:hover { border-bottom: 0; } .sidebar-filter.filter--regular ul, .sidebar-filter.filter--color ul { max-height: 350px; overflow: auto; } .sidebar-filter ul li.disabled { opacity: 0.5; cursor: not-allowed; } .sidebar-filter ul li.disabled > a { pointer-events: none; text-decoration: none; } .sidebar-filter.filter--regular ul li, .sidebar-filter.filter--color ul li { display: inline-block; width: 100%; } .sidebar-filter.filter--color ul li { margin-bottom: 5px; } .sidebar-filter.filter--regular ul li a, .sidebar-filter.filter--color ul li a { display: flex; align-items: center; } .sidebar-filter.filter--regular ul li a { position: relative; } .sidebar-filter.filter--regular ul li a:before { content: ""; border: 1px solid #ddd; height: 14px; width: 14px; flex: 0 0 14px; display: inline-block; min-width: 10px; margin-right: 5px; } .sidebar-filter.filter--regular ul li.current a:after { content: ""; display: inline-block; transform: rotate(45deg); height: 10px; width: 6px; border-bottom: 2px solid #999; border-right: 2px solid #999; position: absolute; top: 22%; left: 1.5%; } .sidebar-filter.filter--color ul { display: flex; flex-wrap: wrap; } .sidebar-filter.filter--color .color-filter { min-width: var(--color-filter-size, 34px) !important; width: var(--color-filter-size, 34px) !important; height: var(--color-filter-size, 34px) !important; line-height: calc(var(--color-filter-size, 34px) - 2px) !important; vertical-align: middle; border: 2px solid #fff; box-shadow: 0px 0px 0px 1px var(--dotted-color, #d6d6d6); display: inline-block; margin: 0 10px 0 3px; line-height: initial; vertical-align: middle; background-size: contain; background-position: center; cursor: pointer; } .sidebar-filter.filter--color .color-filter.color-filter--rounded { border-radius: 50%; } .sidebar-filter.filter--color li a:hover .color-filter, .sidebar-filter.filter--color .color-filter.current { box-shadow: 0px 0px 0px 1px var(--text-color, #000000); } .sidebar-filter.filter--color label { cursor: pointer; } span.filter__count { font-size: 80%; } .filter--price-range { margin-bottom: 20px; } .filter--price-range .filter-range__field { display: inline-block; width: auto; margin-bottom: 15px; } .filter-range__slider--input { position: absolute; left: 0; bottom: 0; } .filter-range__slider--wrapper { position: relative; display: inline-block; width: 100%; margin: 10px 0 20px 0; } .filter--price-range .filter-range__field__input { border: 1px solid var(--dotted-color); text-align: left; -moz-appearance: textfield; width: auto !important; min-width: 80px; margin: unset !important; float: unset !important; } .filter-range__field__input::-webkit-outer-spin-button, .filter-range__field__input::-webkit-inner-spin-button { -webkit-appearance: none; } .filter-range__field__input:invalid, .filter-range__field__input:out-of-range { border: 2px solid var(--error-msg-dark); } .filter-range__slider--input { -webkit-appearance: none; width: 100%; } .filter-range__slider--input:focus { outline: none; } .filter-range__slider--input:focus::-webkit-slider-runnable-track { background: var(--text-color); } .filter-range__slider--input:focus::-ms-fill-lower { background: var(--text-color); } .filter-range__slider--input:focus::-ms-fill-upper { background: var(--text-color); } .filter-range__slider--input::-webkit-slider-runnable-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: var(--text-color); border-radius: 1px; box-shadow: none; border: 0; } .filter-range__slider--input::-webkit-slider-thumb { z-index: 1; position: relative; box-shadow: 0px 0px 0px #000; border: 1px solid var(--text-color); height: 18px; width: 18px; border-radius: 25px; background: var(--background); cursor: pointer; -webkit-appearance: none; margin-top: -7px; } .filter-range__slider--input::-moz-range-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: var(--text-color); border-radius: 1px; box-shadow: none; border: 0; } .filter-range__slider--input::-moz-range-thumb { z-index: 2; position: relative; box-shadow: 0px 0px 0px #000; border: 1px solid var(--text-color); height: 18px; width: 18px; border-radius: 25px; background: var(--background); cursor: pointer; } .filter-range__slider--input::-ms-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } .filter-range__slider--input::-ms-fill-lower, .filter-range__slider--input::-ms-fill-upper { border-radius: 1px; box-shadow: none; border: 0; } .filter-range__slider--input::-ms-fill-upper { background: var(--text-color); } .filter-range__slider--input::-ms-fill-lower { background: #eee; } .filter-range__slider--input::-ms-thumb { z-index: 2; position: relative; box-shadow: 0px 0px 0px #000; border: 1px solid var(--text-color); height: 18px; width: 18px; border-radius: 25px; background: var(--background); cursor: pointer; } @-moz-document url-prefix() { .filter-range__slider--input { position: relative; } .filter-range__slider--input, .filter-range__field { display: inline-block; width: 47%; } .collection__page-sidebar .filter-range__field__input,.filter-price__dropdown .filter-range__field__input { width: 80% !important; } .filter--price-range .filter-range__field { width: 47% !important; } .filter-range__field__currency { display: inline-block; width: 10%; } } span.filter_count { font-size: 80%; } ul.current_tags { margin-bottom: 20px; } ul.current_tags li { margin: 0 5px 5px 0; display: inline-block; } ul.current_tags li.current_tag a { background: #f5f5f5; padding: 10px 25px 10px 8px; color: var(--text-color); display: block; position: relative; } ul.current_tags li.current_tag a:after { content: "x"; position: absolute; right: 10px; font-size: 14px; } ul.current_tags li a.clear-tags { text-decoration: underline; } #CollectionFiltersForm, #SearchFiltersForm { display: inline-block; width: 100%; } .collection__filtering, .search__filtering { position: relative; width: 220px; display: inline-block; height: 44px; } @media screen and (max-width: 980px) { .collection__filtering, .search__filtering { width: 100%; display: block; } .search__horizontal-toolbar .filter { width: 100% !important; display: block !important; } .search__filtering { width: 100% !important; } } .collection__filtering svg, .search__filtering svg, .filter--price-range svg { position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); z-index: 1; right: 5px; pointer-events: none; width: 15px; } .collection__filtering svg path, .search__filtering svg path, .filter--price-range svg path { fill: var(--text-color); } .collection__filtering.open svg path, .collection__filtering:hover svg path, .search__filtering.open svg path, .search__filtering:hover svg path, .filter--price-range.active svg path, .filter--price-range:hover svg path { fill: var(--background); } .collection__horizontal-toolbar .chosen-value, .collection__horizontal-toolbar .value-list, .search__horizontal-toolbar .chosen-value, .search__horizontal-toolbar .value-list { position: absolute; top: 0; left: 0; width: 100%; } .collection__horizontal-toolbar .value-list li [type="checkbox"], .collection__sidebar-block.sidebar-filter [type="checkbox"], .search__horizontal-toolbar .value-list li [type="checkbox"] { display: none; } .collection__horizontal-toolbar .chosen-value, .search__horizontal-toolbar .chosen-value { height: 44px; font-size: var(--font-size); background-color: var(--background); border: 1px solid var(--dotted-color); transition: 0.3s ease-in-out; text-align: left; margin-bottom: 0 !important; } .collection__horizontal-toolbar .chosen-value::-webkit-input-placeholder, .search__horizontal-toolbar .chosen-value::-webkit-input-placeholder, .collection__horizontal-toolbar .chosen-value::placeholder, .search__horizontal-toolbar .chosen-value::placeholder { color: var(--text-color); opacity: 1 !important; } .collection__horizontal-toolbar .chosen-value:hover, .search__horizontal-toolbar .chosen-value:hover { background-color: var(--text-color) ; cursor: pointer; color: var(--background) ; } .collection__horizontal-toolbar .chosen-value:hover::-webkit-input-placeholder, .search__horizontal-toolbar .chosen-value:hover::-webkit-input-placeholder, .collection__horizontal-toolbar .chosen-value:hover::placeholder, .search__horizontal-toolbar .chosen-value:hover::placeholder { color: var(--background); } .collection__horizontal-toolbar .chosen-value:focus, .collection__horizontal-toolbar .chosen-value.open, .search__horizontal-toolbar .chosen-value:focus, .search__horizontal-toolbar .chosen-value.open { box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2); outline: 0; background-color: var(--text-color); color: var(--background); } .collection__horizontal-toolbar .chosen-value:focus::-webkit-input-placeholder, .collection__horizontal-toolbar .chosen-value.open::-webkit-input-placeholder, .search__horizontal-toolbar .chosen-value:focus::-webkit-input-placeholder, .search__horizontal-toolbar .chosen-value.open::-webkit-input-placeholder, .collection__horizontal-toolbar .chosen-value:focus::placeholder, .collection__horizontal-toolbar .chosen-value.open::placeholder, .search__horizontal-toolbar .chosen-value:focus::placeholder, .search__horizontal-toolbar .chosen-value.open::placeholder { color: var(--background); } .collection__horizontal-toolbar .value-list, .search__horizontal-toolbar .value-list { list-style: none; margin-top: 44px; box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2); overflow: hidden; max-height: 0; transition: 0.3s ease-in-out; z-index: 4; } .collection__page-sidebar ::-webkit-scrollbar, .collection__horizontal-toolbar ::-webkit-scrollbar, .search__horizontal-toolbar ::-webkit-scrollbar { width: 3px; height: 3px; } .collection__page-sidebar ::-webkit-scrollbar-button, .collection__horizontal-toolbar ::-webkit-scrollbar-button, .search__horizontal-toolbar ::-webkit-scrollbar-button { width: 0px; height: 0px; } .collection__page-sidebar ::-webkit-scrollbar-thumb, .collection__horizontal-toolbar ::-webkit-scrollbar-thumb, .search__horizontal-toolbar ::-webkit-scrollbar-thumb { background: var(--text-color); border: 0px none #ffffff; border-radius: 50px; } .collection__page-sidebar ::-webkit-scrollbar-thumb:hover, .collection__horizontal-toolbar ::-webkit-scrollbar-thumb:hover, .search__horizontal-toolbar ::-webkit-scrollbar-thumb:hover { background: #ffffff; } .collection__page-sidebar ::-webkit-scrollbar-thumb:active, .collection__horizontal-toolbar ::-webkit-scrollbar-thumb:active, .search__horizontal-toolbar ::-webkit-scrollbar-thumb:active { background: #000000; } .collection__page-sidebar ::-webkit-scrollbar-track, .collection__horizontal-toolbar ::-webkit-scrollbar-track, .search__horizontal-toolbar ::-webkit-scrollbar-track { background: var(--dotted-color); border: 0px none #ffffff; border-radius: 50px; } .collection__page-sidebar ::-webkit-scrollbar-track:hover, .collection__horizontal-toolbar ::-webkit-scrollbar-track:hover, .search__horizontal-toolbar ::-webkit-scrollbar-track:hover { background: var(--dotted-color); } .collection__page-sidebar ::-webkit-scrollbar-track:active, .collection__horizontal-toolbar ::-webkit-scrollbar-track:active, .search__horizontal-toolbar ::-webkit-scrollbar-track:active { background: #333333; } .collection__page-sidebar ::-webkit-scrollbar-corner, .collection__horizontal-toolbar ::-webkit-scrollbar-corner, .search__horizontal-toolbar ::-webkit-scrollbar-corner { background: transparent; } .collection__horizontal-toolbar .value-list.open, .search__horizontal-toolbar .value-list.open { max-height: 320px; overflow: auto; } .collection__page-sidebar label, .collection__horizontal-toolbar label, .search__horizontal-toolbar label { display: inline-block; font-weight: normal; margin-bottom: 0; cursor: pointer; } .collection__horizontal-toolbar .value-list li, .search__horizontal-toolbar .value-list li { position: relative; height: 34px; background-color: var(--background); padding: 0 16px; display: flex; align-items: center; cursor: pointer; transition: background-color 0.3s; opacity: 1; line-height: initial; } .collection__horizontal-toolbar .value-list li:hover, .search__horizontal-toolbar .value-list li:hover { background-color: var(--text-color); color: var(--background); } .collection__horizontal-toolbar .value-list li.closed, .search__horizontal-toolbar .value-list li.closed { max-height: 0; overflow: hidden; padding: 0; opacity: 0; } .search__horizontal-toolbar .filter--regular .value-list li.current .js-hz-filter-label, .search__horizontal-toolbar .filter--size .value-list li.current .js-hz-filter-label, .collection__horizontal-toolbar .filter--regular .value-list li.current .js-hz-filter-label, .collection__horizontal-toolbar .filter--size .value-list li.current .js-hz-filter-label { padding-left: 15px; } .collection__horizontal-toolbar .filter--regular .value-list li.current:before, .collection__horizontal-toolbar .filter--size .value-list li.current:before, .search__horizontal-toolbar .filter--regular .value-list li.current:before, .search__horizontal-toolbar .filter--size .value-list li.current:before { content: ""; display: inline-block; transform: rotate(45deg); height: 10px; width: 8px; border-bottom: 2px solid #999; border-right: 2px solid #999; position: absolute; top: 35%; } .collection__horizontal-toolbar .filter--regular .value-list li.current:hover:before, .collection__horizontal-toolbar .filter--size .value-list li.current:hover:before, .search__horizontal-toolbar .filter--regular .value-list li.current:hover:before, .search__horizontal-toolbar .filter--size .value-list li.current:hover:before { content: ''; height: 10px; width: unset; border-left: 2px solid #999; border-right: unset; border-bottom: unset; position: absolute; transform: rotate(-45deg); left: 17px; top: 38%; margin-right: unset; margin-left: unset; } .collection__horizontal-toolbar .filter--regular .value-list li.current:hover:after, .collection__horizontal-toolbar .filter--size .value-list li.current:hover:after, .search__horizontal-toolbar .filter--regular .value-list li.current:hover:after, .search__horizontal-toolbar .filter--size .value-list li.current:hover:after { content: ''; height: 10px; border-left: 2px solid #999; position: absolute; transform: rotate(45deg); left: 17px; top: 38%; } .collection__horizontal-toolbar .color-filter, .search__horizontal-toolbar .color-filter { min-width: var(--color-filter-size, 34px) !important; width: var(--color-filter-size, 34px) !important; height: var(--color-filter-size, 34px) !important; line-height: calc(var(--color-filter-size, 34px) - 2px) !important; vertical-align: middle; border: 2px solid #fff; box-shadow: 0px 0px 0px 1px var(--dotted-color, #d6d6d6); display: inline-block; margin: 0 10px 0 0; line-height: initial; vertical-align: middle; background-size: contain; background-position: center; cursor: pointer; } .collection__horizontal-toolbar .color-filter.color-filter--rounded, .search__horizontal-toolbar .color-filter.color-filter--rounded { border-radius: 50%; } .collection__horizontal-toolbar li a:hover .color-filter, .collection__horizontal-toolbar .color-filter.current, .search__horizontal-toolbar li a:hover .color-filter, .search__horizontal-toolbar .color-filter.current { box-shadow: 0px 0px 0px 1px var(--text-color, #000000); } .collection__horizontal-toolbar .value-list > li.disabled, .search__horizontal-toolbar .value-list > li.disabled { color: var(--disabled-text); cursor: not-allowed; pointer-events: none; text-decoration: none; } .collection__horizontal-toolbar #collection--filters, .search__horizontal-toolbar #collection--filters { line-height: 0; width: 100%; text-align: left; } .collection__horizontal-toolbar .filter, .search__horizontal-toolbar .filter { display: inline-block; margin-right: 10px; border: 0; margin-bottom: 10px; } .collection__page-filter { margin-bottom: 20px; } .filter-price__trigger { height: 44px; font-size: var(--font-size); background-color: var(--background); color: var(--text-color); border: 1px solid var(--dotted-color); transition: .3s ease-in-out; text-align: left; margin-bottom: 0!important; position: relative; width: 220px; display: inline-block; line-height: 44px; padding-left: 10px; border-radius: unset !important; letter-spacing: unset; } @media screen and (max-width: 980px) { .filter-price__trigger { width: 100%; display: block; } } .collection__horizontal-toolbar .filter--price-range, .search__horizontal-toolbar .filter--price-range { position: relative; vertical-align: top; } .collection__horizontal-toolbar .filter-price__trigger:hover, .search__horizontal-toolbar .filter-price__trigger:hover { background-color: var(--text-color); color: var(--background); cursor: pointer; } .collection__horizontal-toolbar .filter-price__dropdown, .search__horizontal-toolbar .filter-price__dropdown { box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%); transition: .3s ease-in-out; z-index: 2; position: absolute; top: 44px; left: 0; background: white; padding: 10px; line-height: initial; } .collection__horizontal-toolbar .filter-price__trigger.active, .search__horizontal-toolbar .filter-price__trigger.active { box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%); outline: 0; background-color: var(--text-color); color: var(--background); } .collection__horizontal-toolbar .filter-range__footer, .search__horizontal-toolbar .filter-range__footer { border-top: 1px solid var(--dotted-color); padding-top: 10px; } .collection__page-filter ul#collection--filters { width: 100%; text-align: left; } .collection__page-filter .filter { display: inline-block; margin-right: 10px; border: 0; } select.styled-select { display: inline-block; width: initial; min-width: 220px; vertical-align: middle; border: 1px solid var(--dotted-color); float: left; margin: 0 0 0 10px; background: var(--select-arrow-bg) right no-repeat; -webkit-appearance: none; -moz-appearance: none; } @media screen and (max-width: 980px) { ul#collection--filters { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-bottom: 10px; } .collection__page-filter { margin-top: 0; } ul#collection--filters li select.styled-select { width: 100%; margin-left: 0; min-width: 100%; } .collection__page-filter .filter { width: 100%; float: left; display: inline-block; margin: 0; } } .collection__page-products.product-loop, .featured__collection.product-loop { margin: 0 auto; width: 100%; display: grid; grid-column-gap: 25px; grid-row-gap: 40px; } @media screen and (max-width: 740px) { .collection__page-products.product-loop { grid-template-columns: repeat(2, 1fr); } .collection__page-products.product-loop, .featured__collection.product-loop { grid-column-gap: 10px; } } .image_natural .box-ratio, .image_square .box-ratio, .image_landscape .box-ratio, .image_portrait .box-ratio { width: 100%; position: relative; margin-left: auto; margin-right: auto; background-color: transparent; } .image_square .box-ratio, .image_square .product-loop__video-inner-wrapper { padding-bottom: 100% !important; } .image_landscape .box-ratio, .image_landscape .product-loop__video-inner-wrapper { padding-bottom: 75% !important; } .image_portrait .box-ratio, .image_portrait .product-loop__video-inner-wrapper { padding-bottom: 150% !important; } .box-ratio .placeholder-svg { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .image_natural .box-ratio img, .image_square .box-ratio img, .image_landscape .box-ratio img, .image_portrait .box-ratio img { object-fit: cover; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-index img { display: block; margin: 0 auto 10px; } .reveal .hidden { display: block !important; visibility: visible !important; overflow: hidden; } @media (hover: hover) { .product-index:hover .reveal img { opacity: 1; } } .reveal { position: relative; } .reveal .hidden { position: absolute; z-index: -1; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } @media (hover: hover) { .reveal:hover .hidden { z-index: 1; opacity: 1; background-color: var(--background); } } @media (min-width: 480px) and (max-width: 979px) { .reveal .caption { font-size: 11px; } } .prod-container { text-align: center; position: relative; overflow: hidden; } .prod-image { display: flex; align-items: flex-start; justify-content: center; } .product-index { position: relative; } .product-info { text-align: var(--product-info-align); margin-top: 10px; } .product-info .product__vendor { margin-bottom: 5px; } .product-info h2, .product-info .product__title { display: block; font-size: var(--font-size); font-family: var(--main-family); font-weight: var(--main-weight); letter-spacing: initial; padding: 0; margin-bottom: 5px; } #product-info p { font-size: var(--font-size); margin-bottom: 0; } #product-info a { text-decoration: none !important; } .price.price--listing { font-size: var(--font-size); } .icn { position: absolute; top: 10px; left: 10px; text-align: center; padding: 3px 8px 2px; text-transform: uppercase; font-size: .7em; letter-spacing: .07em; font-weight: bold; } .icn ~ .icn { margin-top: 30px !important; } .new { z-index: 3; background: var(--new-background); color: var(--new-text); } .sale-item { z-index: 3; background: var(--sale-background); color: var(--sale-text); } .so { z-index: 4; background: var(--soldout-background); color: var(--soldout-text); } .pre-order { z-index: 2; background: var(--soldout-background); color: var(--soldout-text); } .product-index .prod-image a:hover { border-bottom: none; } .product--grid__swatches { display: flex; flex-direction: column; } .product--grid__swatches .prod-colors { order: 0; } .product--grid__swatches .prod-sizes { order: 1; } .color-swatch { margin: 0; } .color-swatch ul { list-style-type: none; margin: 0; padding: 0; margin-top: 10px; } .color-swatch ul { text-align: var(--product-info-align); } .color-swatch li { display:-moz-inline-stack; display:inline-block; zoom:1; padding:0; margin:0px 2px; } .color-swatch li span { display: block; margin: 5px 10px; } .color-swatch li.color { width: 20px; height: 20px; } .color-swatch li.color span { width: 100%; height: 100%; margin: 0; border-radius: 50%; box-shadow: 0px 0px 0px 1px var(--dotted-color); background-position: center; background-size: 50px; } .color-swatch .options li { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-font-smoothing: antialiased; } .color-swatch ul p { display: none; } .size-swatch ul { list-style: none; margin-top: 5px; margin-bottom: 0; text-align: var(--product-info-align); } .size-swatch ul li { display: inline-block; vertical-align: middle; margin: 0 5px 5px 0; background: transparent; } .size-swatch ul li a { font-size: 12px; } .size-swatch ul p { display: none; } ul.meta-content { display: flex; list-style: none; margin: 5px 0; flex-direction: row; flex-wrap: wrap; column-gap: 5px; justify-content: var(--product-info-align); } ul.meta-content strong { flex: 1 0 100%; } .collection__list-collections.collection-loop { margin: 0 auto; width: 100%; display: grid; grid-column-gap: 25px; grid-row-gap: 40px; } @media screen and (max-width: 740px) { .collection__list-collections.collection-loop { grid-template-columns: repeat(2, 1fr); } } .collection__list-collections .flickity-prev-next-button.previous { left: -10px; } .collection__list-collections .flickity-prev-next-button.next { right: -10px; } .collection__item-image a { position: relative; display: inline-block; width: 100%; } .collection__list-item, .collection__item-image { position: relative; } .collection__item-image { line-height: 0; } .collection__item-image .collection__item-details { line-height: initial; } .collection__item-details { position: relative; top: initial; margin-top: 10px; padding: 0; background: transparent; text-align: center; } .collection__list-text-floating--true .collection__list-item .collection__item-details h4 { transition: transform 1.5s; } .collection__list-text-floating--true .collection__list-item:hover .collection__item-details h4 { transform: scale(1.1); } .collection__list-text-floating--false .collection__list-item:hover .collection__item-details h4 { text-decoration: underline; } .collection__list-text-floating--true .collection__item-image .box-ratio:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.15); content: ""; } .collection__list-text-floating--true .collection__item-details { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; margin-top: 0; } .collection__item-details h3 { font-size: var(--font-size); font-weight: var(--main-weight); font-family: var(--main-family); letter-spacing: initial; } .collection__item-details.is_bold h3 { font-weight: 800; } .collection__list-text-floating--true .collection__item-details h3, .collection__list-text-floating--true .collection__item-details p { color: var(--hero-color); } .collection__list-img-shape--true .collection__item-image { overflow: hidden; } .collection__list-img-shape--true .collection__item-image > a { width: 100%; display: inline-block; } .collection__list-img-shape--true .collection__item-image img { object-fit: cover; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; height: 100%; } .collection-image.onboard { position: relative; } .collection-image.no-image--placeholder svg { fill: transparent !important; } .collection__list-img-shape--true .collection__item-image svg { position: absolute; } .collection__list-ratio--rhombus .collection__item-image .box-ratio { -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); } .collection__list-ratio--hexagon .collection__item-image .box-ratio { -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); } .collection__list-ratio--circle .collection__item-image .box-ratio { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); } .collection__list-ratio--hexagon .collection__item-image .box-ratio { padding-bottom: 110% !important; } .collection__list-ratio--square .collection__item-image .box-ratio, .collection__list-ratio--circle .collection__item-image .box-ratio, .collection__list-ratio--rhombus .collection__item-image .box-ratio { padding-bottom: 100% !important; } .collection__list-ratio--vertical .collection__item-image .box-ratio { padding-bottom: 150% !important; } .collection__list-ratio--horizontal .collection__item-image .box-ratio { padding-bottom: 66.666% !important; } .pswp__link { display: block; } .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } .pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } .pswp__img--placeholder { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pswp__img--placeholder--blank { background: #fff; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } .pswp__button { width: 44px; height: 44px; position: relative; display: inline-block; vertical-align: middle; margin: 15px; background-color: var(--background); cursor: pointer; overflow: visible; -webkit-appearance: none; border: 0; padding: 0; opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; border-radius: 50% !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; box-shadow: 0px 0px 1px 1px #ccc; } .pswp__button:focus, .pswp__button:hover { opacity: 1; background-color: var(--background); } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } .pswp__button svg { pointer-events: none; } .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__element--disabled { display: none; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { width: 45px; height: 45px; display: inline-flex; align-items: center; justify-content: center; } .pswp--zoom-allowed .pswp__button--zoom, .pswp__button.pswp__button--zoom { display: none; } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } .pswp__ui { position: absolute; left: 0; right: 0; bottom: 10px; padding: 20px 0; width: 100%; text-align: center; justify-content: center; background: transparent; transform: translateY(0); transition: 0.3s 0.5s; } .pswp__ui.pswp__ui--hidden { transform: translateY(200%); transition: 0s 0s; } .pswp__button--arrow--left:hover svg .hover-fill, .pswp__button--arrow--right:hover svg .hover-fill, .pswp__button--close:hover svg .hover-fill { fill: var(--text-color); } .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { background: url(preloader.gif) 0 0 no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; } @media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; } .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__top-bar, .pswp__caption { background-color: #fff; } .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); } .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; } .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001; } .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } .pswp__button > svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pswp__button { --nudge: 2px; } .pswp__button.pswp__button--arrow--left > svg { left: calc(50% - var(--nudge)); } .pswp__button.pswp__button--arrow--right > svg { left: calc(50% + var(--nudge)); } .newsletter__section { margin: 0; text-align: left; background: var(--section-background); } .newsletter__section .newsletter__section-container { display: grid; grid-template-columns: 2fr 2fr; grid-column-gap: 50px; align-items: center; justify-items: stretch; padding: 50px 20px; } .newsletter__section p { margin-bottom: 0; } .newsletter__section-contentWrapper form { position: relative; } .newsletter__section .newsletter__section-email, .newsletter__section .newsletter__section-submit { display: inline-block !important; height: 48px; line-height: 48px; margin: 0; } .newsletter__section .newsletter__section-submit { width: auto; position: absolute; right: 0; margin-top: -1px; border: 0 !important; } .newsletter__section .newsletter__section-email { width: 100%; text-align: left; border-top: 0; border-right: 0; border-left: 0; border-radius:0; outline: 0; appearance: none; -webkit-appearance: none; background: transparent; } ul.newsletter__social-icons li { display: inline-block; margin: 0 10px 0; } ul.newsletter__social-icons { margin: 20px 0; } ul.newsletter__social-icons li a { font-size: 10px; display: block; } .newsletter__section .newsletter__section-email:focus::-webkit-input-placeholder, .newsletter__section .newsletter__section-email:focus:-moz-placeholder, .newsletter__section .newsletter__section-email:focus::-moz-placeholder, .newsletter__section .newsletter__section-email:focus:-ms-input-placeholder { color: transparent; } @media screen and (max-width: 740px) { .newsletter__section .newsletter__section-container { grid-row-gap: 30px; text-align: center; padding-bottom: 20px; } .newsletter__section-contentWrapper { grid-column: 1 / span 4; } .newsletter__section .newsletter__section-email { margin-bottom: 15px; } } .newsletter__section .errors { margin-top: 10px; } .newsletter__section .errors li { list-style: none; padding: 10px; } .newsletter__section h2, .newsletter__section p, .newsletter__section-subheading a, .newsletter__section p.success, .newsletter__section .errors { color: var(--text-color); } .newsletter__section .newsletter__section-email { border-bottom: 2px solid var(--text-color); color: var(--text-color); } .newsletter__section .newsletter__section-submit { background: transparent; color: var(--button-color); } .newsletter__section .newsletter__section-submit:hover { background: transparent !important; color: var(--button-color); } .newsletter__section .newsletter__section-email::-webkit-input-placeholder { color: var(--text-color); } .newsletter__section .newsletter__section-email:-moz-placeholder { color: var(--text-color); } .newsletter__section .newsletter__section-email::-moz-placeholder { color: var(--text-color); } .newsletter__section .newsletter__section-email:-ms-input-placeholder { color: var(--text-color); } .global__section { margin-top: calc(var(--section-padding) / 2); padding-bottom: calc(var(--section-padding) / 2); position: relative; } .global__section.padded--section { padding-top: calc(var(--section-padding) / 2); margin-top: 0; } .global__section.mt0 { margin-top: 0; } .global__section.mb0 { margin-bottom: 0; } .global__section.pt0 { padding-top: 0; } .global__section.pb0 { padding-bottom: 0; } .global__section h2.section-heading { padding: 10px 0; margin-bottom: 30px; text-align: center; width: 100%; position: relative; } .theme-features__section-title-border--top_and_bottom .global__section h2.section-heading { border-bottom: var(--border-weight) solid var(--dotted-color); border-top: var(--border-weight) solid var(--dotted-color); } .theme-features__section-title-border--bottom_only_full .global__section h2.section-heading { border-bottom: var(--border-weight) solid var(--dotted-color); } .theme-features__section-title-border--bottom_only_short .global__section h2.section-heading:after { content:""; width: 80px; margin-left: -40px; left: 50%; bottom: 0; position: absolute; border-bottom: var(--border-weight) solid var(--dotted-color); } .gallery__section-content { position: relative; display: grid; } .gallery__section-image:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content:""; background: var(--section-overlay-color); pointer-events: none; z-index: 1; } .gallery__section-block .gallery__image-caption, .gallery__section-image { grid-column: 1/2; grid-row: 1/2; } .gallery__section-block .gallery__image-caption { display: flex; flex-direction: column; justify-content: flex-end; row-gap: 10px; padding: 20px; background: var(--caption-background); z-index: 1; } .gallery__image-caption h3, .gallery__image-caption p, .gallery__image-caption a:not(.button) { margin-bottom: 0; color: var(--text-color); } .gallery__section-block > a { display: block; width: 100%; padding: calc(var(--keyboard-focus-border-weight) * 1px); outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important; } .gallery__image-caption h3, .gallery__image-caption p, .gallery__image-caption .button { margin-top: 0; margin-bottom: 0; } .gallery__image-caption a.button { font-size: var(--section-button-size); } .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio img { object-fit: cover; object-position: center center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio { padding-bottom: var(--desktop-section-height) !important; position: relative; } .gallery__section-container.is-fixed_height .gallery__section-image, .gallery__section-container.is-fixed_height .gallery__section-image .onboard, .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio img { height: var(--desktop-section-height); } @media screen and (max-width: 740px) { .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio { padding-bottom: var(--mobile-section-height) !important; } .gallery__section-container.is-fixed_height .gallery__section-image, .gallery__section-container.is-fixed_height .gallery__section-image .onboard, .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio img { height: var(--mobile-section-height); } } .theme-features__image-hover-transition--true .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio img { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .theme-features__image-hover-transition--true .gallery__section-container.is-fixed_height .gallery__section-content:hover .gallery__section-image img { -webkit-transform: scale(1.05) translate(-47.5%, -47.5%); transform: scale(1.05) translate(-47.5%, -47.5%); } @media screen and (min-width: 740px) { .gallery__section-content.hover__caption .gallery__image-caption, .gallery__section-content.hover__caption .gallery__section-image { transition: opacity .5s; } .gallery__section-content.hover__caption .gallery__image-caption { opacity: 0; } .gallery__section-content.hover__caption:hover .gallery__image-caption { opacity: 1; } .gallery__section-content.hover__caption:hover .gallery__section-image { opacity: 0.5; } } @media screen and (max-width: 740px) { .global__section .gallery__section-container.mobile__swipe { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; margin-bottom: 10px; grid-gap: 0; } .global__section .gallery__section-container.mobile__swipe::-webkit-scrollbar { display: none; -ms-overflow-style: none; } .global__section .gallery__section-container.mobile__swipe .gallery__section-block { flex: 0 0 auto; width: 270px; margin-right: 20px; float: none !important; } .global__section .gallery__section-container.mobile__swipe .gallery__section-block.last-block { margin-right: 0; } } .usp__content { text-align: center; padding: 20px 0; position: relative; } .usp__content p { margin-bottom: 0; } .usp__section .usp__content a { text-decoration: underline; } section.product__alt-section { padding-top: 40px; margin-bottom: 40px; } section.product__alt-section.parallax-product-image-with-text-overlay { padding-top: 0; margin-top: 40px; } .image__withText-section { background: var(--section-background); } .image__withText-section .image__withText-wrapper { grid-gap: 0px; align-items: center; justify-content: center; } @media screen and (max-width: 740px) { .image__withText-section .image__withText-wrapper { grid-row-gap: 20px; } } .image__withText-caption { display: flex; flex-direction: column; row-gap: 15px; padding: 30px; align-items: flex-start; } .image__withText-caption.a-left { align-items: left; } .image__withText-caption.a-center { align-items: center; } .image__withText-caption.a-center { align-items: right; } .image__withText-caption h3, .image__withText-caption .rte, .image__withText-caption a.button { margin-bottom: 0; } .image__withText-caption.a-left { align-items: flex-start; } .image__withText-caption.a-center { align-items: center; } .image__withText-caption.a-right { align-items: flex-end; } .image__withText-section h3, .image__withText-section .rte, .image__withText-section .rte p, .image__withText-section a:not(.button) { color: var(--text-color); } .image__withText-image { margin-top: 20px; margin-bottom: 20px; } .image__withText-image.mt0.pt0 { margin-top: 0; margin-bottom: 20px; } .image__withText-image.mb0.pb0 { margin-top: 20px; margin-bottom: 0px; } .image__withText-image.mt0.pt0.mt0.mb0 { margin-top: 0; margin-bottom: 0; } .image__withText-image.layout--overlap { display: grid; grid-template-columns: repeat(12, 1fr); position: relative; } .image__withText-image.layout--overlap .image--0 { grid-column: 1 / span 7; grid-row: 1; padding-top: 10%; } .image__withText-image.layout--overlap .image--1 { grid-column: 6 / -1; grid-row: 1; z-index: 1; } .image__withText-image.layout--overlap .image--1 .box-ratio, .image__withText-image.layout--overlap .image--1 .onboard { border: 1px solid #fff; } .image__withText-image.layout--parallel { display: flex; flex-wrap: nowrap; gap: 20px; } .image__withText-image.layout--parallel .image--0, .image__withText-image.layout--parallel .image--1 { flex: 0 0 calc(50% - 10px) } .image__withText-image.layout--parallel_no_spaces { display: flex; flex-wrap: nowrap; } .image__withText-image.layout--parallel_no_spaces .image--0, .image__withText-image.layout--parallel_no_spaces .image--1 { flex: 0 0 50%; } @media screen and ( max-width: 740px ) { .image__withText-wrapper .image__withText-image { grid-row: 1; margin-top: 0 !important; margin-bottom: 0 !important; } .image__withText-wrapper .image__withText-caption { grid-row: 2; padding: 0; } } .image__withText-image.is-fixed_height .box-ratio img { object-fit: cover; object-position: center center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .image__withText-image.is-fixed_height .box-ratio { padding-bottom: var(--desktop-section-height) !important; position: relative; } .image__withText-image.is-fixed_height, .image__withText-image.is-fixed_height .onboard, .image__withText-image.is-fixed_height .box-ratio img { height: var(--desktop-section-height); } @media screen and (max-width: 740px) { .image__withText-image.is-fixed_height .box-ratio { padding-bottom: var(--mobile-section-height) !important; } .image__withText-image.is-fixed_height, .image__withText-image.is-fixed_height .onboard, .image__withText-image.is-fixed_height .box-ratio img { height: var(--mobile-section-height); } } .theme-features__image-hover-transition--true .image__withText-image.is-fixed_height .box-ratio img { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .theme-features__image-hover-transition--true .image__withText-image.is-fixed_height:hover .box-ratio img { -webkit-transform: scale(1.05) translate(-47.5%, -47.5%); transform: scale(1.05) translate(-47.5%, -47.5%); } .note { padding: 20px; border: 1px solid var(--dotted-color); margin-bottom: 20px; } .note .underline { text-decoration: underline; } .or-divider { position: relative; font-size: var(--font-size); font-weight: bold; text-transform: uppercase; line-height: 1.6; } .or-divider span:before { content: ""; background: var(--dotted-color); height: 1px; width: 40%; position: absolute; left: 0; top: 50%; } .or-divider span:after { content: ""; background: var(--dotted-color); height: 1px; width: 40%; position: absolute; right: 0; top: 50%; } #predictive-search-results::-webkit-scrollbar , .modal__container ::-webkit-scrollbar , .slideout ::-webkit-scrollbar { width: 3px; height: 3px; } #predictive-search-results::-webkit-scrollbar-button, .modal__container ::-webkit-scrollbar-button, .slideout ::-webkit-scrollbar-button { width: 0px; height: 0px; } #predictive-search-results::-webkit-scrollbar-thumb , .modal__container ::-webkit-scrollbar-thumb , .slideout ::-webkit-scrollbar-thumb { background: var(--text-color); border: 0px none #ffffff; border-radius: 50px; } #predictive-search-results::-webkit-scrollbar-thumb:hover, .modal__container ::-webkit-scrollbar-thumb:hover, .slideout ::-webkit-scrollbar-thumb:hover { background: #ffffff; } #predictive-search-results::-webkit-scrollbar-thumb:active, .modal__container ::-webkit-scrollbar-thumb:active, .slideout ::-webkit-scrollbar-thumb:active { background: #000000; } #predictive-search-results::-webkit-scrollbar-track, .modal__container ::-webkit-scrollbar-track, .slideout ::-webkit-scrollbar-track { background: var(--dotted-color); border: 0px none #ffffff; border-radius: 50px; } #predictive-search-results::-webkit-scrollbar-track:hover, .modal__container ::-webkit-scrollbar-track:hover, .slideout ::-webkit-scrollbar-track:hover { background: var(--dotted-color); } #predictive-search-results::-webkit-scrollbar-track:active, .modal__container ::-webkit-scrollbar-track:active, .slideout ::-webkit-scrollbar-track:active { background: #333333; } #predictive-search-results::-webkit-scrollbar-corner, .modal__container ::-webkit-scrollbar-corner, .slideout ::-webkit-scrollbar-corner { background: transparent; } .modal__container { display: none; opacity: 0; position: absolute; z-index: 15; left: 50%; top: 10vh; transform: translateX(-50%); webkit-transition: opacity 1.2s ease-in-out; transition: opacity 1.2s ease-in-out; } .modal__container[data-wau-modal*="product-modal--template"] { position: fixed; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .modal__inner-content-container { max-height: 560px; overflow-y: auto; padding-right: 5px; margin: 10px; } .modal__inner-wrapper { background-color: var(--background); padding: 20px; border: 1px solid #888; max-height: 800px; overflow-y: hidden; position: relative; } @media (max-width: 739px) { .modal__inner-wrapper { max-height: unset; overflow-y: unset; } } .modal__inner-wrapper .loading-wrapper { height: 100%; } @media (min-width: 980px) { .modal__inner-wrapper, .modal__container { width: 880px; } } @media (min-width: 740px) and (max-width: 979px) { .modal__inner-wrapper, .modal__container { width: 90%; } } @media (max-width: 739px) { .modal__inner-wrapper, .modal__container { width: 100%; } .modal__inner-wrapper { max-height: unset; padding: 50px 10px 20px 10px !important; } } .modal__container.modal--active { display: block; opacity: 1; } .modal__container[data-wau-modal-full] { width: 100%; height: 100%; position: fixed; top: 0; left: 0; transform: unset; overflow: hidden; min-height: 100%; } .modal__container[data-wau-modal-full] .modal__inner-wrapper { border: unset; max-height: unset; width: 100%; height: 100%; overflow-y: auto; } .modal__container[data-wau-modal-full] .modal__inner-content-container { max-height: unset; padding: 0; margin: 0; overflow: unset; } .mini-cart__container { position: relative; } .ajax-cart__cart-item { position: relative; border-top: 1px solid var(--dotted-color); list-style: none; } .ajax-cart__cart-item:last-child { border-bottom: 1px solid var(--dotted-color); } .ajax-cart__item-remove { position: absolute; top: 10px; right: 10px; cursor: pointer; } .ajax-cart__item-image img { vertical-align: middle; } .ajax-cart__header__continue-link { font-size: var(--font-size); } .ajax-cart__header__continue-link-text { margin-left: 5px; } .ajax-cart__item-quantity { display: flex; align-items: center; justify-content: start; } @media (max-width: 741px) { .ajax-cart__item-quantity button { padding: 0px 10px; } } .ajax-cart__qty-control--down, .ajax-cart__qty-control--up { border: 1px solid var(--dotted-color); padding: 0; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; text-align: center; font-size: initial; background: var(--background); color: var(--text-color); } .ajax-cart__qty-input { display: inline-block; vertical-align: middle; height: 40px !important; border-right: 0 !important; border-left: 0 !important; border-width: 1px !important; border-color: var(--dotted-color) !important; width: 80px !important; text-indent: 0 !important; margin-bottom: 0 !important; } .ajax-cart__cart-variants { font-size: var(--font-size); margin-bottom: 10px; } input.ajax-cart__qty-input::-webkit-outer-spin-button, input.ajax-cart__qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number].ajax-cart__qty-input { -moz-appearance: textfield; } .ajax-cart__title a { display: block; max-width: 225px; } .ajax-cart__accordion .accordion-content { list-style: none; padding-left: 0; } .ajax-cart__accordion .accordion-content.closed, .ajax-cart__accordion .accordion-content2.closed { display: none; } .ajax-cart__accordion .accordion-content.default, .ajax-cart__accordion .accordion-content, .ajax-cart__accordion .accordion-content2.default, .ajax-cart__accordion .accordion-content2 { display: block; } .ajax-cart__accordion .tlink.has_sub_menu, .ajax-cart__accordion .tlink2.has_sub_menu { cursor: pointer; list-style: none; position: relative; margin-bottom: 10px; } .ajax-cart__accordion .tlink.has_sub_menu a, .ajax-cart__accordion .tlink2.has_sub_menu a { padding: 10px; display: inline-block; width: 100%; font-size: var(--font-size); } .ajax-cart__accordion .tlink.has_sub_menu span.icon, .ajax-cart__accordion .tlink2.has_sub_menu span.icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; } .ajax-cart__accordion .tlink.has_sub_menu span.icon.active-arrow, .ajax-cart__accordion .tlink.has_sub_menu.closed span.icon.inactive-arrow, .ajax-cart__accordion .tlink2.has_sub_menu span.icon.active-arrow, .ajax-cart__accordion .tlink2.has_sub_menu.closed span.icon.inactive-arrow { display: block; } .ajax-cart__accordion .tlink.has_sub_menu.closed span.icon.active-arrow, .ajax-cart__accordion .tlink.has_sub_menu span.icon.inactive-arrow, .ajax-cart__accordion .tlink2.has_sub_menu.closed span.icon.active-arrow, .ajax-cart__accordion .tlink2.has_sub_menu span.icon.inactive-arrow { display: none; } .ajax-cart__accordion .tlink.has_sub_menu:after, .ajax-cart__accordion .accordion-toggle2:after { padding-right: 0; } .ajax-cart__free-shipping { padding: 20px; margin-bottom: 15px; background-color: var(--free-shipping-bg); color: var(--free-shipping-text); } .ajax-cart__final-details div { margin-bottom: 5px; } .ajax-cart__final-details .discounts { display: flex; } .ajax-cart__final-details .discounts > * { width: 100%; } .ajax-cart__final-details .discounts .a-right { font-size: var(--font-size); list-style: none; } .ajax-cart__final-details div > p { display: inline-block; font-size: var(--font-size); width: 49%; vertical-align: middle; } .ajax-cart__item-price dl, .ajax-cart__item-line-price dl { margin-bottom: 0; } .ajax-cart__item-price dd, .ajax-cart__item-line-price span { font-size: var(--font-size); } .ajax-cart__order-discount { list-style: none; } .ajax-cart__order-discount .order-discount__item .onsale { font-size: 11px; } .ajax-cart__button-view_cart { text-align: center; } .ajax-cart__cart-form { grid-column-gap: 10px; } .ajax-cart__empty-cart { font-size: var(--font-size); } .mini-cart__cart-note { grid-column: auto / span 12; width: 95%; text-align: left; display: block; border: 1px solid var(--error-color); padding: 5px; color: var(--error-color); background-color: var(--error-color-light); margin-top: 10px; } .mini-cart__cart-note p { margin-bottom: 0; } .ajax-cart__page-wrapper .ajax-cart__cart-item { padding: 10px !important; } .ajax-cart__page-wrapper .ajax-cart__header-wrapper { padding: 20px 0; } .ajax-cart__page-wrapper .ajax-cart__button-view_cart { display: none; } .ajax-cart__buttons { text-align: right; } @media (min-width: 740px ) { .ajax-cart__page-wrapper .ajax-cart__item-image, .ajax-cart__page-wrapper .ajax-cart__item-price, .ajax-cart__page-wrapper .ajax-cart__item-qty, .ajax-cart__page-wrapper .ajax-cart__item-line-price { grid-column: auto / span 2; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__item-details { grid-column: auto / span 4; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__info-wrapper { grid-column: auto / span 6; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__summary-wrapper { grid-column: auto / span 6; width: 100%; } } @media (min-width: 1250px) { .ajax-cart__page-wrapper .ajax-cart__item-image .box-ratio, .ajax-cart__page-wrapper .ajax-cart__item-image img { max-width: 160px; } } @media (min-width: 980px) and (max-width: 1249px) { .ajax-cart__page-wrapper .ajax-cart__item-image .box-ratio, .ajax-cart__page-wrapper .ajax-cart__item-image img { max-width: 120px; } .ajax-cart__page-wrapper .ajax-cart__qty-input { width: 40px !important; } } @media (min-width: 740px) and (max-width: 979px) { .ajax-cart__page-wrapper .ajax-cart__item-image .box-ratio, .ajax-cart__page-wrapper .ajax-cart__item-image img { max-width: 100px; } .ajax-cart__page-wrapper .ajax-cart__qty-input { width: 40px !important; } } @media (max-width: 739px) { .ajax-cart__page-wrapper .ajax-cart__item-image .box-ratio, .ajax-cart__page-wrapper .ajax-cart__item-image img { max-width: 70px; } .ajax-cart__page-wrapper .ajax-cart__item-image { grid-column: auto / span 4; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__item-price, .ajax-cart__page-wrapper .ajax-cart__item-line-price { grid-column: auto / span 3; width: 100%; text-align: center; } .ajax-cart__page-wrapper .ajax-cart__item-qty { grid-column: auto / span 6; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__item-details { grid-column: auto / span 8; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__info-wrapper { grid-column: auto / span 12; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__summary-wrapper { grid-column: auto / span 12; width: 100%; } .ajax-cart__page-wrapper .ajax-cart__item-quantity { text-align: center; } .ajax-cart__title a { max-width: 190px; } } .ajax-cart__page-wrapper .ajax-cart__empty-cart { margin-top: 100px; padding-bottom: 100px; } .ajax-cart__drawer-wrapper .ajax-cart__header-wrapper { padding: 10px 15px; } .ajax-cart__drawer-wrapper .ajax-cart__info-wrapper, .ajax-cart__drawer-wrapper .ajax-cart__summary-wrapper { padding: 0 15px; } .ajax-cart__drawer-wrapper .ajax-cart__cart-item { padding: 15px !important; grid-row-gap: 0; } .ajax-cart__drawer-wrapper .ajax-cart__item-image img { max-width: 70px; } .ajax-cart__drawer-wrapper .ajax-cart__item-image { grid-column: auto / span 3; width: 100%; } .ajax-cart__drawer-wrapper .ajax-cart__item-price, .ajax-cart__drawer-wrapper .ajax-cart__item-line-price { grid-column: auto / span 3; width: 100%; text-align: center; } .ajax-cart__drawer-wrapper .ajax-cart__item-qty { grid-column: auto / span 6; width: 100%; } .ajax-cart__drawer-wrapper .ajax-cart__item-details { grid-column: auto / span 9; width: 100%; } .ajax-cart__drawer-wrapper .ajax-cart__info-wrapper { grid-column: auto / span 12; width: 100%; } .ajax-cart__drawer-wrapper .ajax-cart__summary-wrapper { grid-column: auto / span 12; width: 100%; } .ajax-cart__drawer-wrapper .ajax-cart__item-quantity { text-align: center; } .ajax-cart__drawer-wrapper .ajax-cart__empty-cart { margin-top: 100px; padding-bottom: 100px; } .ajax-cart__modal-wrapper .ajax-cart__header-wrapper { padding-bottom: 5px; } .ajax-cart__modal-wrapper .ajax-cart__cart-items { max-height: 320px; overflow-x: hidden; overflow-y: scroll; } .ajax-cart__modal-wrapper .ajax-cart__cart-item { padding: 10px 0 !important; } .ajax-cart__modal-wrapper .ajax-cart__item-image__wrapper { margin: 0 auto; text-align: center; } .ajax-cart__page-wrapper .ajax-cart__item-image .box-ratio { width: 100% !important; height: auto !important; padding-bottom: 0 !important; } .ajax-cart__modal-wrapper .ajax-cart__qty-input { width: 40px !important; height: 40px !important; line-height: 40px !important; } .ajax-cart__modal-wrapper .ajax-cart__empty-cart { margin-top: 100px; padding-bottom: 100px; } .ajax-cart__modal-wrapper .slideout__trigger-ajax-cart { padding: 0; height: 30px; line-height: 30px; } .ajax-cart__modal-wrapper .ajax-cart__final-details { margin-top: 10px; } .ajax-cart__modal-wrapper .ajax-cart__button-submit { margin-bottom: 0; } .ajax-cart__modal-wrapper .ajax-cart__button-view_cart { margin-bottom: 5px; } @media (min-width: 740px ) { .ajax-cart__modal-wrapper .ajax-cart__item-image, .ajax-cart__modal-wrapper .ajax-cart__item-price, .ajax-cart__modal-wrapper .ajax-cart__item-qty, .ajax-cart__modal-wrapper .ajax-cart__item-line-price { grid-column: auto / span 2; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__item-details { grid-column: auto / span 4; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__info-wrapper { grid-column: auto / span 6; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__summary-wrapper { grid-column: auto / span 6; width: 100%; } } @media (max-width: 739px) { .ajax-cart__modal-wrapper .ajax-cart__item-image { grid-column: auto / span 4; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__item-price, .ajax-cart__modal-wrapper .ajax-cart__item-line-price { grid-column: auto / span 3; width: 100%; text-align: center; } .ajax-cart__modal-wrapper .ajax-cart__item-qty { grid-column: auto / span 6; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__item-details { grid-column: auto / span 8; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__info-wrapper { grid-column: auto / span 12; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__summary-wrapper { grid-column: auto / span 12; width: 100%; } .ajax-cart__modal-wrapper .ajax-cart__item-quantity { text-align: center; } #modal-ajax-cart .modal__inner-wrapper { padding: 20px 10px 20px 10px !important; } } .ajax-cart__modal-wrapper .ajax-cart__accordion--shipping-calc, .ajax-cart__drawer-wrapper .ajax-cart__accordion--shipping-calc { display: none; } .shipping-calc__response--wrapper { border: 1px solid var(--dotted-color); margin-top: 15px; padding: 20px; font-size: var(--font-size); } .shipping-calc__rate { font-size: var(--font-size); } div#shipping-calculator select { width: 100%; clear: both; margin: 5px 0 10px; } input#address_zip { margin-top: 5px; } div#shipping-calculator .action_bottom { margin-bottom: 20px; } span.gift--wrap { padding: 10px; display: flex; width: 100%; margin-bottom: 10px; } span.gift--wrap label { font-size: var(--font-size); font-weight: var(--main-weight); display: flex; align-items: center; margin-bottom: 0; } span.gift--wrap input#gift_wrap { margin-right: 5px; } section.cart-page { margin-bottom: 50px; } section.cart-page h1 { border-bottom: 0 !important; } .product-listing__quickview-trigger { display:none; background: var(--button-color); color: var(--button-text); transition: all .25s ease-in-out; position: absolute; width: auto; top: 50%; left: 50%; z-index: 5; transform: translateX(-50%); text-align: center; letter-spacing: 1px; font-size: 11px; line-height: initial; border-radius: var(--button-border-radius); white-space: nowrap; } .product-listing__quickview-trigger:hover { color: var(--button-text-hover); background: var(--button-hover); text-decoration: none; cursor: pointer; } .product-listing__quickview-trigger:visited { background: var(--button-color); color: var(--button-text); } .product-index:hover .product-listing__quickview-trigger { display: block; } @media screen and (max-width: 740px) { .product-listing__quickview-trigger { display: none !important; } } .slideout__trigger-quickview__wrapper { position: absolute; top: 0; right: 0; z-index: 1; } .product-quickview__form-wrapper .flickity-button { z-index: 100; } .product__quickview-wrapper #thumbnails { display: none; } #modal-quickview-cart .product__section-content { padding: 0; } #modal-quickview-cart .product__section-details form { border-bottom: none; } @media (min-width: 740px ) { .slideout__trigger-quickview__wrapper { top: 1px; } #modal-quickview-cart .product-quickview__container { overflow-y: auto; max-height: 800px; margin: 10px; } .product-quickview__container .product__section-container { display: flex; flex-direction: row; align-items: center; gap: 30px; justify-content: space-between; background: var(--background); margin-bottom: 0; } #modal-quickview-cart .modal__inner-wrapper { padding: 10px !important; } } #modal-quickview-cart .product__section-images, #modal-quickview-cart .product__section-content { flex: 0 0 calc(50% - 15px); animation: fadeIn; animation-duration: 3s; } @media (max-width: 739px ) { .slideout__trigger-quickview__wrapper { top: 20px; } #modal-quickview-cart .product-quickview__container { overflow-y: auto; max-height: 560px; margin: 10px; padding-right: 10px; } } .product-quickview__container #slider.thumbs_bottom .flickity-prev-next-button.previous { left: 10px; } .product-quickview__container #slider.thumbs_bottom .flickity-prev-next-button.next { right: 10px; } aside#slideout-quickview-cart.slideout__drawer-right .product__section-container .product__section-images { flex: 0 0 100%; } aside#slideout-quickview-cart.slideout__drawer-right .product__section-container .product__section-content { flex: 0 0 100%; } aside#slideout-quickview-cart.slideout__drawer-right .product-quickview__container .product__section-container { flex-wrap: wrap; padding: 20px; align-items: flex-start; gap: 20px; } #modal-quickview-cart button.js-modal-close, #slideout-quickview-cart button.js-slideout-close { background: var(--background); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; padding: 0; justify-content: center; } .loading-wrapper { width: 100%; height: 100%; position: fixed; background: var(--background); z-index: 200; margin: 0 auto; text-align: center; opacity: 0.9; left: 0; top: 0; } .loading-ripple { display: inline-block; width: 80px; height: 80px; top: 50%; position: absolute; transform: translate(-50%, -50%); left: 50%; } .loading-ripple div { position: absolute; border: 4px solid var(--dotted-color); opacity: 1; border-radius: 50%; animation: loadingRipple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .loading-ripple div:nth-child(2) { animation-delay: -0.5s; } @keyframes loadingRipple { 0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0; } } .animate-hide { -webkit-animation-duration:0.75s; animation-duration:0.75s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .animate-show { -webkit-animation-duration:0.75s; animation-duration:0.75s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .animated.infinite { -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite } .animated.hinge { -webkit-animation-duration:2s; animation-duration:2s } @-webkit-keyframes bounce { 0%,20%,53%,80%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 40%,43% { -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06); transition-timing-function:cubic-bezier(.755,.05,.855,.06); -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0) } 70% { -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06); transition-timing-function:cubic-bezier(.755,.05,.855,.06); -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0) } 90% { -webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0) } } @keyframes bounce { 0%,20%,53%,80%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 40%,43% { -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06); transition-timing-function:cubic-bezier(.755,.05,.855,.06); -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0) } 70% { -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06); transition-timing-function:cubic-bezier(.755,.05,.855,.06); -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0) } 90% { -webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0) } } .bounce { -webkit-animation-name:bounce; animation-name:bounce; -webkit-transform-origin:center bottom; -ms-transform-origin:center bottom; transform-origin:center bottom } @-webkit-keyframes flash { 0%,50%,100% { opacity:1 } 25%,75% { opacity:0 } } @keyframes flash { 0%,50%,100% { opacity:1 } 25%,75% { opacity:0 } } .flash { -webkit-animation-name:flash; animation-name:flash } @-webkit-keyframes pulse { 0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } 50% { -webkit-transform:scale3d(1.05,1.05,1.05); transform:scale3d(1.05,1.05,1.05) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes pulse { 0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } 50% { -webkit-transform:scale3d(1.05,1.05,1.05); transform:scale3d(1.05,1.05,1.05) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } .pulse { -webkit-animation-name:pulse; animation-name:pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } 30% { -webkit-transform:scale3d(1.25,.75,1); transform:scale3d(1.25,.75,1) } 40% { -webkit-transform:scale3d(.75,1.25,1); transform:scale3d(.75,1.25,1) } 50% { -webkit-transform:scale3d(1.15,.85,1); transform:scale3d(1.15,.85,1) } 65% { -webkit-transform:scale3d(.95,1.05,1); transform:scale3d(.95,1.05,1) } 75% { -webkit-transform:scale3d(1.05,.95,1); transform:scale3d(1.05,.95,1) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes rubberBand { 0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } 30% { -webkit-transform:scale3d(1.25,.75,1); transform:scale3d(1.25,.75,1) } 40% { -webkit-transform:scale3d(.75,1.25,1); transform:scale3d(.75,1.25,1) } 50% { -webkit-transform:scale3d(1.15,.85,1); transform:scale3d(1.15,.85,1) } 65% { -webkit-transform:scale3d(.95,1.05,1); transform:scale3d(.95,1.05,1) } 75% { -webkit-transform:scale3d(1.05,.95,1); transform:scale3d(1.05,.95,1) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } .rubberBand { -webkit-animation-name:rubberBand; animation-name:rubberBand } @-webkit-keyframes shake { 0%,100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 10%,30%,50%,70%,90% { -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0) } } @keyframes shake { 0%,100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 10%,30%,50%,70%,90% { -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0) } } .shake { -webkit-animation-name:shake; animation-name:shake } @-webkit-keyframes swing { 20% { -webkit-transform:rotate3d(0,0,1,15deg); transform:rotate3d(0,0,1,15deg) } 40% { -webkit-transform:rotate3d(0,0,1,-10deg); transform:rotate3d(0,0,1,-10deg) } 60% { -webkit-transform:rotate3d(0,0,1,5deg); transform:rotate3d(0,0,1,5deg) } 80% { -webkit-transform:rotate3d(0,0,1,-5deg); transform:rotate3d(0,0,1,-5deg) } 100% { -webkit-transform:rotate3d(0,0,1,0deg); transform:rotate3d(0,0,1,0deg) } } @keyframes swing { 20% { -webkit-transform:rotate3d(0,0,1,15deg); transform:rotate3d(0,0,1,15deg) } 40% { -webkit-transform:rotate3d(0,0,1,-10deg); transform:rotate3d(0,0,1,-10deg) } 60% { -webkit-transform:rotate3d(0,0,1,5deg); transform:rotate3d(0,0,1,5deg) } 80% { -webkit-transform:rotate3d(0,0,1,-5deg); transform:rotate3d(0,0,1,-5deg) } 100% { -webkit-transform:rotate3d(0,0,1,0deg); transform:rotate3d(0,0,1,0deg) } } .swing { -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; animation-name:swing } @-webkit-keyframes tada { 0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } 10%,20% { -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) } 30%,50%,70%,90% { -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) } 40%,60%,80% { -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes tada { 0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } 10%,20% { -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) } 30%,50%,70%,90% { -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) } 40%,60%,80% { -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } .tada { -webkit-animation-name:tada; animation-name:tada } @-webkit-keyframes wobble { 0% { -webkit-transform:none; transform:none } 15% { -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 30% { -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 45% { -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 60% { -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 75% { -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform:none; transform:none } } @keyframes wobble { 0% { -webkit-transform:none; transform:none } 15% { -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 30% { -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 45% { -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 60% { -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 75% { -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform:none; transform:none } } .wobble { -webkit-animation-name:wobble; animation-name:wobble } @-webkit-keyframes bounceIn { 0%,20%,40%,60%,80%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 20% { -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 40% { -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 60% { opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03) } 80% { -webkit-transform:scale3d(.97,.97,.97); transform:scale3d(.97,.97,.97) } 100% { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes bounceIn { 0%,20%,40%,60%,80%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 20% { -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 40% { -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 60% { opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03) } 80% { -webkit-transform:scale3d(.97,.97,.97); transform:scale3d(.97,.97,.97) } 100% { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } .bounceIn { -webkit-animation-name:bounceIn; animation-name:bounceIn; -webkit-animation-duration:.75s; animation-duration:.75s } @-webkit-keyframes bounceInDown { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0) } 60% { opacity:1; -webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0) } 75% { -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0) } 90% { -webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInDown { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0) } 60% { opacity:1; -webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0) } 75% { -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0) } 90% { -webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0) } 100% { -webkit-transform:none; transform:none } } .bounceInDown { -webkit-animation-name:bounceInDown; animation-name:bounceInDown } @-webkit-keyframes bounceInLeft { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px,0,0); transform:translate3d(-3000px,0,0) } 60% { opacity:1; -webkit-transform:translate3d(25px,0,0); transform:translate3d(25px,0,0) } 75% { -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0) } 90% { -webkit-transform:translate3d(5px,0,0); transform:translate3d(5px,0,0) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInLeft { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px,0,0); transform:translate3d(-3000px,0,0) } 60% { opacity:1; -webkit-transform:translate3d(25px,0,0); transform:translate3d(25px,0,0) } 75% { -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0) } 90% { -webkit-transform:translate3d(5px,0,0); transform:translate3d(5px,0,0) } 100% { -webkit-transform:none; transform:none } } .bounceInLeft { -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft } @-webkit-keyframes bounceInRight { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(3000px,0,0); transform:translate3d(3000px,0,0) } 60% { opacity:1; -webkit-transform:translate3d(-25px,0,0); transform:translate3d(-25px,0,0) } 75% { -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0) } 90% { -webkit-transform:translate3d(-5px,0,0); transform:translate3d(-5px,0,0) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInRight { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(3000px,0,0); transform:translate3d(3000px,0,0) } 60% { opacity:1; -webkit-transform:translate3d(-25px,0,0); transform:translate3d(-25px,0,0) } 75% { -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0) } 90% { -webkit-transform:translate3d(-5px,0,0); transform:translate3d(-5px,0,0) } 100% { -webkit-transform:none; transform:none } } .bounceInRight { -webkit-animation-name:bounceInRight; animation-name:bounceInRight } @-webkit-keyframes bounceInUp { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(0,3000px,0); transform:translate3d(0,3000px,0) } 60% { opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0) } 75% { -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0) } 90% { -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0) } 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } @keyframes bounceInUp { 0%,60%,75%,90%,100% { -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(0,3000px,0); transform:translate3d(0,3000px,0) } 60% { opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0) } 75% { -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0) } 90% { -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0) } 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } .bounceInUp { -webkit-animation-name:bounceInUp; animation-name:bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 50%,55% { opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 100% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } } @keyframes bounceOut { 20% { -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 50%,55% { opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 100% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } } .bounceOut { -webkit-animation-name:bounceOut; animation-name:bounceOut; -webkit-animation-duration:.75s; animation-duration:.75s } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0) } 40%,45% { opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0) } 100% { opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } } @keyframes bounceOutDown { 20% { -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0) } 40%,45% { opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0) } 100% { opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } } .bounceOutDown { -webkit-animation-name:bounceOutDown; animation-name:bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity:1; -webkit-transform:translate3d(20px,0,0); transform:translate3d(20px,0,0) } 100% { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } } @keyframes bounceOutLeft { 20% { opacity:1; -webkit-transform:translate3d(20px,0,0); transform:translate3d(20px,0,0) } 100% { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } } .bounceOutLeft { -webkit-animation-name:bounceOutLeft; animation-name:bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity:1; -webkit-transform:translate3d(-20px,0,0); transform:translate3d(-20px,0,0) } 100% { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } } @keyframes bounceOutRight { 20% { opacity:1; -webkit-transform:translate3d(-20px,0,0); transform:translate3d(-20px,0,0) } 100% { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } } .bounceOutRight { -webkit-animation-name:bounceOutRight; animation-name:bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0) } 40%,45% { opacity:1; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0) } 100% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } } @keyframes bounceOutUp { 20% { -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0) } 40%,45% { opacity:1; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0) } 100% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } } .bounceOutUp { -webkit-animation-name:bounceOutUp; animation-name:bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } @keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } .fadeIn { -webkit-animation-name:fadeIn; animation-name:fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInDown { -webkit-animation-name:fadeInDown; animation-name:fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInDownBig { -webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInLeft { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInLeftBig { -webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInRight { -webkit-animation-name:fadeInRight; animation-name:fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInRightBig { -webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInUp { -webkit-animation-name:fadeInUp; animation-name:fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInUpBig { -webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .fadeOut { -webkit-animation-name:fadeOut; animation-name:fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } } @keyframes fadeOutDown { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } } .fadeOutDown { -webkit-animation-name:fadeOutDown; animation-name:fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } } @keyframes fadeOutDownBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } } .fadeOutDownBig { -webkit-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } } @keyframes fadeOutLeft { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } } .fadeOutLeft { -webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } } @keyframes fadeOutLeftBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } } .fadeOutLeftBig { -webkit-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } } @keyframes fadeOutRight { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } } .fadeOutRight { -webkit-animation-name:fadeOutRight; animation-name:fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } } @keyframes fadeOutRightBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } } .fadeOutRightBig { -webkit-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } } @keyframes fadeOutUp { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } } .fadeOutUp { -webkit-animation-name:fadeOutUp; animation-name:fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } } @keyframes fadeOutUpBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } } .fadeOutUpBig { -webkit-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg); transform:perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 50% { -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 80% { -webkit-transform:perspective(400px) scale3d(.95,.95,.95); transform:perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 100% { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } } @keyframes flip { 0% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg); transform:perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 50% { -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 80% { -webkit-transform:perspective(400px) scale3d(.95,.95,.95); transform:perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 100% { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } } .animated.flip { -webkit-backface-visibility:visible; backface-visibility:visible; -webkit-animation-name:flip; animation-name:flip } @-webkit-keyframes flipInX { 0% { -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg); transform:perspective(400px) rotate3d(1,0,0,10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg); transform:perspective(400px) rotate3d(1,0,0,-5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg); transform:perspective(400px) rotate3d(1,0,0,10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg); transform:perspective(400px) rotate3d(1,0,0,-5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } .flipInX { -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipInX; animation-name:flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg); transform:perspective(400px) rotate3d(0,1,0,-20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg); transform:perspective(400px) rotate3d(0,1,0,10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg); transform:perspective(400px) rotate3d(0,1,0,-5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg); transform:perspective(400px) rotate3d(0,1,0,-20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg); transform:perspective(400px) rotate3d(0,1,0,10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg); transform:perspective(400px) rotate3d(0,1,0,-5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } .flipInY { -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipInY; animation-name:flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); opacity:0 } } @keyframes flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); opacity:0 } } .flipOutX { -webkit-animation-name:flipOutX; animation-name:flipOutX; -webkit-animation-duration:.75s; animation-duration:.75s; -webkit-backface-visibility:visible!important; backface-visibility:visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg); transform:perspective(400px) rotate3d(0,1,0,-15deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); opacity:0 } } @keyframes flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg); transform:perspective(400px) rotate3d(0,1,0,-15deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); opacity:0 } } .flipOutY { -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipOutY; animation-name:flipOutY; -webkit-animation-duration:.75s; animation-duration:.75s } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform:translate3d(100%,0,0) skewX(-30deg); transform:translate3d(100%,0,0) skewX(-30deg); opacity:0 } 60% { -webkit-transform:skewX(20deg); transform:skewX(20deg); opacity:1 } 80% { -webkit-transform:skewX(-5deg); transform:skewX(-5deg); opacity:1 } 100% { -webkit-transform:none; transform:none; opacity:1 } } @keyframes lightSpeedIn { 0% { -webkit-transform:translate3d(100%,0,0) skewX(-30deg); transform:translate3d(100%,0,0) skewX(-30deg); opacity:0 } 60% { -webkit-transform:skewX(20deg); transform:skewX(20deg); opacity:1 } 80% { -webkit-transform:skewX(-5deg); transform:skewX(-5deg); opacity:1 } 100% { -webkit-transform:none; transform:none; opacity:1 } } .lightSpeedIn { -webkit-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity:1 } 100% { -webkit-transform:translate3d(100%,0,0) skewX(30deg); transform:translate3d(100%,0,0) skewX(30deg); opacity:0 } } @keyframes lightSpeedOut { 0% { opacity:1 } 100% { -webkit-transform:translate3d(100%,0,0) skewX(30deg); transform:translate3d(100%,0,0) skewX(30deg); opacity:0 } } .lightSpeedOut { -webkit-animation-name:lightSpeedOut; animation-name:lightSpeedOut; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateIn { 0% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } .rotateIn { -webkit-animation-name:rotateIn; animation-name:rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInDownLeft { -webkit-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInDownRight { -webkit-animation-name:rotateInDownRight; animation-name:rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInUpLeft { -webkit-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-90deg); transform:rotate3d(0,0,1,-90deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-90deg); transform:rotate3d(0,0,1,-90deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInUpRight { -webkit-animation-name:rotateInUpRight; animation-name:rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin:center; transform-origin:center; opacity:1 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0 } } @keyframes rotateOut { 0% { -webkit-transform-origin:center; transform-origin:center; opacity:1 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0 } } .rotateOut { -webkit-animation-name:rotateOut; animation-name:rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } } .rotateOutDownLeft { -webkit-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0 } } .rotateOutDownRight { -webkit-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0 } } .rotateOutUpLeft { -webkit-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,90deg); transform:rotate3d(0,0,1,90deg); opacity:0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,90deg); transform:rotate3d(0,0,1,90deg); opacity:0 } } .rotateOutUpRight { -webkit-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 20%,60% { -webkit-transform:rotate3d(0,0,1,80deg); transform:rotate3d(0,0,1,80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 40%,80% { -webkit-transform:rotate3d(0,0,1,60deg); transform:rotate3d(0,0,1,60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1 } 100% { -webkit-transform:translate3d(0,700px,0); transform:translate3d(0,700px,0); opacity:0 } } @keyframes hinge { 0% { -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 20%,60% { -webkit-transform:rotate3d(0,0,1,80deg); transform:rotate3d(0,0,1,80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 40%,80% { -webkit-transform:rotate3d(0,0,1,60deg); transform:rotate3d(0,0,1,60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1 } 100% { -webkit-transform:translate3d(0,700px,0); transform:translate3d(0,700px,0); opacity:0 } } .hinge { -webkit-animation-name:hinge; animation-name:hinge } @-webkit-keyframes rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) } 100% { opacity:1; -webkit-transform:none; transform:none } } .rollIn { -webkit-animation-name:rollIn; animation-name:rollIn } @-webkit-keyframes rollOut { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg) } } @keyframes rollOut { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg) } } .rollOut { -webkit-animation-name:rollOut; animation-name:rollOut } @-webkit-keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 50% { opacity:1 } } @keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 50% { opacity:1 } } .zoomIn { -webkit-animation-name:zoomIn; animation-name:zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInDown { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomInDown { -webkit-animation-name:zoomInDown; animation-name:zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0); transform:scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInLeft { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0); transform:scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomInLeft { -webkit-animation-name:zoomInLeft; animation-name:zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInRight { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomInRight { -webkit-animation-name:zoomInRight; animation-name:zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInUp { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomInUp { -webkit-animation-name:zoomInUp; animation-name:zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity:1 } 50% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 100% { opacity:0 } } @keyframes zoomOut { 0% { opacity:1 } 50% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 100% { opacity:0 } } .zoomOut { -webkit-animation-name:zoomOut; animation-name:zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 100% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutDown { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 100% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomOutDown { -webkit-animation-name:zoomOutDown; animation-name:zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0); transform:scale3d(.475,.475,.475) translate3d(42px,0,0) } 100% { opacity:0; -webkit-transform:scale(.1) translate3d(-2000px,0,0); transform:scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin:left center; transform-origin:left center } } @keyframes zoomOutLeft { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0); transform:scale3d(.475,.475,.475) translate3d(42px,0,0) } 100% { opacity:0; -webkit-transform:scale(.1) translate3d(-2000px,0,0); transform:scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin:left center; transform-origin:left center } } .zoomOutLeft { -webkit-animation-name:zoomOutLeft; animation-name:zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0); transform:scale3d(.475,.475,.475) translate3d(-42px,0,0) } 100% { opacity:0; -webkit-transform:scale(.1) translate3d(2000px,0,0); transform:scale(.1) translate3d(2000px,0,0); -webkit-transform-origin:right center; transform-origin:right center } } @keyframes zoomOutRight { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0); transform:scale3d(.475,.475,.475) translate3d(-42px,0,0) } 100% { opacity:0; -webkit-transform:scale(.1) translate3d(2000px,0,0); transform:scale(.1) translate3d(2000px,0,0); -webkit-transform-origin:right center; transform-origin:right center } } .zoomOutRight { -webkit-animation-name:zoomOutRight; animation-name:zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 100% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutUp { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 100% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomOutUp { -webkit-animation-name:zoomOutUp; animation-name:zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform:translateY(-100%); transform:translateY(-100%); visibility:visible } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes slideInDown { 0% { -webkit-transform:translateY(-100%); transform:translateY(-100%); visibility:visible } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } .slideInDown { -webkit-animation-name:slideInDown; animation-name:slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform:translateX(-100%); transform:translateX(-100%); visibility:visible } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes slideInLeft { 0% { -webkit-transform:translateX(-100%); transform:translateX(-100%); visibility:visible } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } .slideInLeft { -webkit-animation-name:slideInLeft; animation-name:slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform:translateX(100%); transform:translateX(100%); visibility:visible } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes slideInRight { 0% { -webkit-transform:translateX(100%); transform:translateX(100%); visibility:visible } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } .slideInRight { -webkit-animation-name:slideInRight; animation-name:slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform:translateY(100%); transform:translateY(100%); visibility:visible } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes slideInUp { 0% { -webkit-transform:translateY(100%); transform:translateY(100%); visibility:visible } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } .slideInUp { -webkit-animation-name:slideInUp; animation-name:slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 100% { visibility:hidden; -webkit-transform:translateY(100%); transform:translateY(100%) } } @keyframes slideOutDown { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 100% { visibility:hidden; -webkit-transform:translateY(100%); transform:translateY(100%) } } .slideOutDown { -webkit-animation-name:slideOutDown; animation-name:slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 100% { visibility:hidden; -webkit-transform:translateX(-100%); transform:translateX(-100%) } } @keyframes slideOutLeft { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 100% { visibility:hidden; -webkit-transform:translateX(-100%); transform:translateX(-100%) } } .slideOutLeft { -webkit-animation-name:slideOutLeft; animation-name:slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 100% { visibility:hidden; -webkit-transform:translateX(100%); transform:translateX(100%) } } @keyframes slideOutRight { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 100% { visibility:hidden; -webkit-transform:translateX(100%); transform:translateX(100%) } } .slideOutRight { -webkit-animation-name:slideOutRight; animation-name:slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 100% { visibility:hidden; -webkit-transform:translateY(-100%); transform:translateY(-100%) } } @keyframes slideOutUp { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 100% { visibility:hidden; -webkit-transform:translateY(-100%); transform:translateY(-100%) } } .slideOutUp { -webkit-animation-name:slideOutUp; animation-name:slideOutUp } .ci.onboard .placeholder-svg, .onboard svg, .placeholder-svg, .onboard-slide svg { background: #585858; fill: #777777; width: 100%; height: 100%; max-width: 100%; max-height: 100%; display: block; } .c-accordion .dropdown-arrow { cursor: pointer; } .c-accordion__panel { display: block; max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.35s cubic-bezier(0, 1, 0, 1); -o-transition: max-height 0.35s cubic-bezier(0, 1, 0, 1); transition: max-height 0.35s cubic-bezier(0, 1, 0, 1); } .c-accordion__panel.is-active { max-height: unset; -webkit-transition: max-height 0.35s ease-in-out; -o-transition: max-height 0.35s ease-in-out; transition: max-height 0.35s ease-in-out; } .c-accordion.c-accordion--mobile-nav { list-style: none; margin: 0; } .c-accordion.c-accordion--mobile-nav li:not(.c-accordion__panel) { padding: 0; } .c-accordion.c-accordion--mobile-nav li:not(.c-accordion__panel) > a { padding: 15px 0 15px 10px; display: block; } #shopify-section-mobile-navigation button.dropdown-arrow { padding: 15px 15px 15px; } .c-accordion.c-accordion--mobile-nav .c-accordion__header { display: flex; align-items: center; justify-content: flex-start; column-gap: 10px; } .c-accordion.c-accordion--mobile-nav a.c-accordion__link { flex: 0 0 auto; } .c-accordion.c-accordion--mobile-nav button.dropdown-arrow { text-align: right; } #shopify-section-mobile-navigation button.dropdown-arrow { width: 100% !important; text-align: right; border-left: none; } .c-accordion.c-accordion--mobile-nav:not(.c-accordion--mobile-nav__inner) { padding: 10px; } .c-accordion.c-accordion--mobile-nav li:not(.c-accordion__panel) { border-bottom: 1px solid; } .c-accordion.c-accordion--collection-sidebar .c-accordion__panel, .c-accordion.c-accordion--mobile-nav .c-accordion__panel { padding: 0 0 0 10px; } .c-accordion.c-accordion--mobile-nav .c-accordion__panel.is-active { padding: 10px 0 10px 10px; } .c-accordion.c-accordion--collection-sidebar .c-accordion__header, .c-accordion.c-accordion--mobile-nav .c-accordion__header { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-accordion.c-accordion--collection-sidebar .dropdown-arrow, .c-accordion.c-accordion--mobile-nav .dropdown-arrow { border: none; background: transparent; display: unset !important; margin-bottom: unset; line-height: unset; height: unset; width: unset; max-width: unset; -webkit-transition: unset; -o-transition: unset; transition: unset; padding-left: 10px; padding-right: 10px; border-left: 1px solid; } .c-accordion.c-accordion--collection-sidebar .dropdown-arrow > svg, .c-accordion.c-accordion--mobile-nav .dropdown-arrow > svg { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform 0.35s ease; transition: -webkit-transform 0.35s ease; -o-transition: transform 0.35s ease; transition: transform 0.35s ease; transition: transform 0.35s ease, -webkit-transform 0.35s ease; } .c-accordion.c-accordion--collection-sidebar .dropdown-arrow[aria-expanded="true"] > svg, .c-accordion.c-accordion--mobile-nav .dropdown-arrow[aria-expanded="true"] > svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 0.35s ease; transition: -webkit-transform 0.35s ease; -o-transition: transform 0.35s ease; transition: transform 0.35s ease; transition: transform 0.35s ease, -webkit-transform 0.35s ease; } .c-accordion.c-accordion--collection-sidebar .c-accordion__header .dropdown-arrow, .c-accordion.c-accordion--mobile-nav .c-accordion__header .dropdown-arrow { margin-left: auto; } .c-accordion.c-accordion--mobile-nav ul { margin: 0; list-style: none; } .c-accordion--mobile-nav { line-height: normal !important; } .c-accordion.c-accordion--mobile-nav { line-height: initial; } .c-accordion.c-accordion--collection-sidebar .dropdown-arrow, .c-accordion.c-accordion--mobile-nav .dropdown-arrow { border-left: 1px solid; border-radius: 0 !important; } .c-accordion--collection-sidebar { float: none !important; margin-left: unset !important; margin-right: unset !important; padding: 0 !important; } .c-accordion.c-accordion--collection-sidebar .dropdown-arrow { border-left: none; color: inherit; } .c-accordion.c-accordion--collection-sidebar ul ul { margin-bottom: 10px; } .c-accordion.c-accordion--collection-sidebar li a { line-height: 28px; min-height: 28px; } .spi-banner { margin-top: 8px; margin-bottom: 12px; } .alt__collection-list .section-heading { text-align: center; margin-bottom: 30px; } .alt__collection-list { margin-bottom: 40px; margin-top: 20px; } .collection__promotion-section { margin-bottom: 25px; } .collection__promotion-container { height: 200px; min-height: 200px; position: relative; } .collection__promotion-image img { width: 100%; object-fit: cover; height: 200px; } .collection__promotion-image .box-ratio { padding-bottom: 200px !important; } .collection__promotion-caption { position: absolute; top: 50%; width: max-content; max-width: 100%; padding: 10px; } .collection__promotion-caption-text p { margin-bottom: 0; } .collection__promotion-caption-text a.button, .collection__promotion-caption-text a.button:visited { margin-top: 10px; margin-bottom: 0; width: unset; } .logo__list-section .logo__list-wrapper { align-items: center; justify-content: center; } @media screen and (max-width: 740px) { .logo__list-wrapper { grid-gap: 10px; } } .logo__list-image .box-ratio { background-color: transparent; } .story__section-wrapper { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 30px; align-items: center; justify-content: center; padding-left: 1.04166667%; padding-right: 1.04166667%; } .story__section-pageContent, .story__section-text { display: grid; justify-content: center; align-items: center; padding: 30px; } .story__section-image .onboard { height: 100%; } .template-cart .ajax-cart__drawer-wrapper .or-divider, .template-cart .ajax-cart__drawer-wrapper .ajax-cart__buttons-additional, .template-cart .ajax-cart__modal-wrapper .or-divider, .template-cart .ajax-cart__modal-wrapper .ajax-cart__buttons-additional { display: none !important; } #dynamic-checkout-cart .shopify-cleanslate ul { justify-content: flex-end !important; } .ajax-cart__drawer-wrapper #dynamic-checkout-cart .shopify-cleanslate { padding: 0 15px; } #modal-ajax-cart .ajax-cart__footer-wrapper.grid__wrapper.edge { margin-top: 5px; } #MainContent h1 { text-align: center; margin-bottom: 30px; } h1.collection__page-title, h1.section__page-title { padding-top: 20px; } .section-main-404 h1, .section-main-404 p, .section-main-search h1 { text-align: center; padding-bottom: 30px; border: none !important; } .section-main-404 #search-bar { text-align: center; padding-bottom: 200px; padding-top: 50px; border: none; } .section-main-search #search-bar { text-align: center; padding-bottom: 30px; border: none; } .section-main-search { padding-bottom: 200px; } .search__page_results--img { margin-bottom: 10px; } .search__page_results--link .search__page_results--text { border: 1px solid var(--dotted-color); padding: 20px; display: block; text-align: center; } .search__page_results--link:hover .search__page_results--text { border-color: var(--link-color); } .btn-outlined { background: 0 0; border: 3px solid var(--button-color); color: var(--button-color); font-weight: 700; text-transform: uppercase; font-size: 14px; padding: 0 25px; border-radius: 30px !important; height: 55px; line-height: 49px !important; } a.button.btn-outlined:hover { box-shadow: inset 0 0 0 2em var(--button-hover); } .coupon__code-hr-labeled > h2 { font-size: var(--h2-size); line-height: auto; padding: 0 20px; width: auto; display: inline-block; z-index: 1; position: relative; margin: 0; } .coupon__code-hr-labeled { position: relative; text-align: center; } .coupon__code-hr-labeled .coupon__code-title-border:after { content: ""; left: 0; position: absolute; width: 100%; } .coupon__code-text-container::-webkit-scrollbar { width: 4px; height: 4px; border: 1px solid var(--text-color); } .coupon__code-text-container::-webkit-scrollbar-thumb { background: var(--text-color-reset); border-radius: 0; } .coupon__code-text-container::-webkit-scrollbar-track { background-color: var(--text-color); } .coupon__code-text-wrapper { width: 1200px; display: grid; grid-column-gap: 20px; grid-row-gap: 1rem; grid-template-columns: repeat(12,1fr); grid-template-rows: auto; padding: 30px 0; margin-left: auto; margin-right: auto; } .coupon__code-text-wrapper > div { align-self: center; width: 100%; word-break: break-word; } .coupon__code-text-wrapper a:hover { text-decoration: underline; } .coupon__code-section .full-width--false .coupon__code-text-wrapper { padding-left: 15px; padding-right: 15px; } @media (max-width: 1199px) { .coupon__code-text-container { overflow-x: auto; margin-bottom: 10px; } } .coupon__code-outer-wrapper { background-color: var(--section-background); } .coupon__code-hr-labeled > h2 { background-color: var(--section-background); color: var(--text-color); } .coupon__code-text-wrapper > div { color: var(--text-color); } .coupon__code-text-wrapper a { color: var(--text-color); } section.accordion__section { margin-top: 50px; } .accordion__section-content .c-accordion__header { display: flex; width: 100%; height: unset!important; overflow: hidden; position: relative; margin: 0; padding: 15px; cursor: pointer; font-weight: 600; font-size: var(--h4-size); line-height: 1; background: var(--background); color: var(--text-color); border-bottom: 3px solid var(--dotted-color); border-radius: 0 !important; } .accordion__section-content .c-accordion__header:after { font-size: var(--h4-size); position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .accordion__section-content .c-accordion__header[aria-expanded=false]:after { content: '+'; } .accordion__section-content .c-accordion__header[aria-expanded=true]:after { content: '—'; } .accordion__section-content .c-accordion__header:first-child { border-top: 3px solid var(--dotted-color); } .accordion__section-content .c-accordion__inner { padding: 0 15px; } .accordion__section-content .c-accordion__header[aria-expanded=true] { border-bottom: 3px solid transparent; } .accordion__section-content .c-accordion__panel.is-active { border-bottom: 3px solid var(--dotted-color); } section.accordion__section .c-accordion__inner { line-height: 1.6; padding: 5px 15px 15px; } @media only screen and (min-width: 741px) { .accordion__section-title h2 { text-align: left; border-top: 5px solid var(--dotted-color); padding-top: 10px; margin-right: 0; } } @media only screen and (max-width: 740px) { .accordion__section-title h2 { text-align: center; margin-bottom: 20px; } } form.header-search-form { max-width: 1200px; margin: 0 auto; } input[type="search"]#Search::-webkit-search-decoration, input[type="search"]#Search::-webkit-search-cancel-button, input[type="search"]#Search::-webkit-search-results-button, input[type="search"]#Search::-webkit-search-results-decoration { -webkit-appearance:none; } #predictive-search { line-height: initial; --ps-background-color: var(--background); --ps-border-color: var(--dotted-color); --ps-color: var(--text-color); --ps-transition: background-color 100ms ease-in-out; } #predictive-search ul { margin-bottom: 0; } #predictive-search-results { width: 100%; background: var(--ps-background-color); border: 0; color: var(--ps-color); } #predictive-search-results ul.search__product-loop { padding: 1rem; list-style: none; } .predictive-search__heading { margin-left: 1rem; margin-right: 1rem; margin-bottom: 0; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--ps-border-color); color: var(--ps-color); } .predictive-search__list-item, .predictive-search__results-list > li { display: block !important; list-style-type: none; line-height: 1.6em; } .predictive-search__item mark { background-color: transparent; font-weight: bold; } .predictive-search__item.button-as-link { color: var(--ps-color); } .predictive-search__item.button-as-link:hover { text-decoration: underline; } .predictive-search__image { margin-right: 1rem; } .predictive-search__item-content { display: flex; flex-direction: column; justify-content: center; } #predictive-search-results-list .predictive-search__item { display: flex; width: 100%; padding: 1rem; text-align: left; background-color: transparent; transition: var(--ps-transition); font-weight: initial; text-transform: initial; height: initial; line-height: initial; color: var(--ps-color); } .predictive-search__list-item--search .predictive-search__item { width: 100%; margin: 0; padding: 1rem; text-decoration: none; } .predictive-search-form { position: relative; } a.predictive-search__item:hover { text-decoration: underline; } .predictive-search__list-item--search .predictive-search__item:hover, .predictive-search__list-item--search .predictive-search__item:focus, #predictive-search .predictive-search__item:hover, #predictive-search .predictive-search__item:focus { background-color: var(--ps-background-color); } .predictive-search__item:hover .predictive-search__item-heading { text-decoration: underline; } .predictive-search__item-heading { font-weight: 700; } .predictive-search__list-item--search { border-top: 1px solid var(--ps-border-color); } .template-404 #search-bar #q, .template-search #search-bar #q { margin-bottom: 0; width: calc(100% - 48px); border: 0; } .template-404 .page-wrap, .template-search .page-wrap { overflow: initial; } .template-404 #search-bar form, .template-search #search-bar form { max-width: 300px; margin-left: auto; margin-right: auto; border: 1px solid var(--dotted-color); } ul.linklist__section-links { list-style: none; padding: 10px 0; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 20px; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } ul.linklist__section-links li { flex: 0 0 auto; } ul.linklist__section-links li:after { content: ''; display: block; width: 0; height: 2px; transition: width .2s; } ul.linklist__section-links li:hover::after { width: 100%; } ul.linklist__section-links li.bold__type-true a { font-weight: bold; } .linklist__section .linklist__section-container { background: var(--section-background); } .linklist__section .linklist__section-container ul.linklist__section-links li a { color: var(--text-color); } .linklist__section .linklist__section-container ul.linklist__section-links li:after { background: var(--section-background); } ul.linklist__section-links::-webkit-scrollbar { display: none; -ms-overflow-style: none; } .theme-features__image-hover-transition--true .gallery__section-image img, .theme-features__image-hover-transition--true .image__withText-image img, .theme-features__image-hover-transition--true .editorial__content-item img, .theme-features__image-hover-transition--true .story__section-image img, .theme-features__image-hover-transition--true .article-image img, .theme-features__image-hover-transition--true .collection--carousel_image img { transform: scale(1); -webkit-transform: 3s cubic-bezier(0.41, 0.85, 0.6, 0.97); -webkit-transition: -webkit-transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97); transition: -webkit-transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97); transition: transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97); transition: transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97); -webkit-transform: 3s cubic-bezier(0.41, 0.85, 0.6, 0.97); } .theme-features__image-hover-transition--true .gallery__section-content:hover .gallery__section-image img, .theme-features__image-hover-transition--true .image__withText-image .image--0:hover img, .theme-features__image-hover-transition--true .image__withText-image .image--1:hover img, .theme-features__image-hover-transition--true .editorial__content-item:hover img, .theme-features__image-hover-transition--true .story__section-image:hover img, .theme-features__image-hover-transition--true .article-image:hover img, .theme-features__image-hover-transition--true .collection--carousel_image:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .image__caption.top_left { align-self: start; justify-self: start; text-align: left; justify-content: start; } .image__caption.top_center { align-self: start; justify-self: center; text-align: center; justify-content: center; } .image__caption.top_right { align-self: start; justify-self: flex-end; text-align:right; justify-content: end; } .image__caption.middle_left { align-self: center; justify-self: start; text-align: left; justify-content: start; } .image__caption.middle_center { align-self: center; justify-self: center; text-align: center; justify-content: center; } .image__caption.middle_right { align-self: center; justify-self: flex-end; text-align:right; justify-content: end; } .image__caption.bottom_left { align-self: end; justify-self: start; text-align: left; justify-content: start; } .image__caption.bottom_center { align-self: end; justify-self: center; text-align: center; justify-content: center; } .image__caption.bottom_right { align-self: end; justify-self: flex-end; text-align:right; justify-content: end; } .contact__form--input { position: relative; margin-bottom: 10px; } .contact__form--input label { position: absolute; top: calc(50px / 2 - 0.7em); margin: 0; padding: 0 5px; font-weight: var(--main-weight); transition: transform .2s ease-in-out; transform: translateX(10px); transform-origin: top left; background: var(--background); } .contact__form--input input:focus + label, .contact__form--input textarea:focus + label, .contact__form--input select:focus + label, .contact__form--input .is__filled + label { transform: scale(0.8) translateY(calc(-25px - 0.25em)) translateX(10px); } .rich__text-section { background: var(--section-background); color: var(--text-color); } .rich__text-section h2.section-heading, .rich__text-section p, .rich__text-section .rte a { color: var(--text-color); } .theme-features__section-title-border--bottom_only_short .rich__text-section h2.section-heading:after { border-color: var(--text-color); } .rich__text-section .rich__text--content a:hover .rich__text-section .rich__text--link a:hover { text-decoration: underline; } .ajax-cart__drawer-wrapper .ajax-cart__item-line-price { display: none; } .ajax-cart__drawer-wrapper .ajax-cart__item-price { order: 4; text-align: right; grid-column: auto / span 4; } .ajax-cart__drawer-wrapper .ajax-cart__item-qty { grid-column: auto / span 5; } .ajax-cart__drawer-wrapper .ajax-cart__item-image { grid-row-end: 3; grid-row-start: 1; } .ajax-cart__drawer-wrapper .ajax-cart__qty-control--down, .ajax-cart__drawer-wrapper .ajax-cart__qty-control--up { width: 30px; height: 30px; line-height: 30px; background: unset; color: var(--text-color); padding: unset; font-weight: 400; } .ajax-cart__drawer-wrapper input[type=number].ajax-cart__qty-input { width: 40px !important; height: 30px !important; line-height: 30px; min-width: 40px; } .ajax-cart__drawer-wrapper .ajax-cart__item-quantity { text-align: left; } .shopify-challenge__container { margin-top: 81px !important; margin-bottom: 81px !important; } .shopify-challenge__container .g-recaptcha { margin-bottom: 20px !important; } .promotion__bar-section { background: var(--section-background); } .promotion__bar--content .rte p { margin-bottom: 0; } .promotion__bar--content { padding: 15px 0; } .promotion__bar--content p, .promotion__bar--content h1, .promotion__bar--content h2, .promotion__bar--content h3, .promotion__bar--content h4, .promotion__bar--content h5, .promotion__bar--content h6 { color: var(--text-color); } .textwith__icon-section { background: var(--section-background); color: var(--text-color); } .theme-features__section-title-border--bottom_only_short .global__section.textwith__icon-section h2.section-heading:after { border-color: var(--text-color); } .textwith__icon--content { display: grid; grid-auto-flow: column; grid-template-columns: none; justify-content: space-between; grid-column: auto / span 12; grid-gap: 40px; } .textwith__icon--content-block { max-width: 300px; padding: 15px 0; } @media screen and (max-width: 740px) { .textwith__icon--content { justify-content: space-between; grid-auto-flow: dense; } .textwith__icon--content-block { padding: 10px 0; } .textwith__icon--content-block:first-child { margin-top: 10px; } .textwith__icon--content.appearance--inline { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; width: 100%; } .textwith__icon--content.appearance--inline::-webkit-scrollbar { display: none; } .textwith__icon--content.appearance--inline .textwith__icon--content-block { flex: 1 0 auto; padding: 15px 0; margin-top: 0; } } .textwith__icon--content-block .icon__image-wrapper { max-width: 100px; margin: 0 auto; } .textwith__icon--content-block img { margin: 0 auto; } .textwith__icon--content .rte { margin: 15px auto 0; } .textwith__icon-section h2, .textwith__icon-section .rte p { color: var(--text-color); margin-bottom: 0; } .appearance--inline .textwith__icon--content-block { display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding: 15px 0; } .appearance--inline .textwith__icon--content-block .rte, .appearance--inline .textwith__icon--content-block .rte p { margin-top: 0; margin-bottom: 0; margin-left: 0; } .appearance--inline .textwith__icon--content-block .icon__wrapper { line-height: 1; } .appearance--inline .textwith__icon--content-block .icon__image-wrapper { width: 50px; max-width: 50px; } .product__content-section { background: var(--section-background); padding: 40px 0 10px; } .product__content-section, .product__content-section p, .product__content-section h3 { color: var(--text-color); } .product__content-section .product__section--desc { border: 0; padding: 0; } .fash--apollo-search { pointer-events: none; } .before--after { width: 100%; position: relative; overflow: hidden; z-index: 1; } .after-image { display: block; } .before-image { position: absolute; height: 100%; width: 50%; top: 0; left: 0; overflow: hidden; z-index: 2; } .before--after_slider { position: absolute; display: flex; align-items: center; z-index: 5; top: 0; left: 50%; height: 100%; width: 2px; background: var(--background); -ms-touch-action: pan-y; touch-action: pan-y; } button.before--after_button { transform: translateX(-50%); background: var(--background); border-radius: 50%; height: 50px; width: 50px; display: flex; align-items: center; padding: 0 15px; } button.before--after_button svg.before--after_button-icon { transform: rotate(90deg); } .before--after img { width: 100%; max-width: unset; display: block; object-fit: cover; object-position: center; } .before-image .box-ratio { overflow: visible; } .before--after.fixed-height .box-ratio { padding-bottom: 0 !important; } .before--after.fixed-height img, .before--after.fixed-height .after-image, .before--after.fixed-height .onboard { height: 100%; } @media screen and (min-width: 801px) { .before--after.fixed-height, .before--after.fixed-height .box-ratio { height: var(--desktop-section-height); } } @media screen and (max-width: 800px) { .before--after.fixed-height, .before--after.fixed-height .box-ratio { height: var(--mobile-section-height); } } .before--after_caption { display: flex; flex-direction: column; row-gap: 5px; position: absolute; white-space: nowrap; padding: 10px; } .before--after_caption.caption-top { top: 10px; } .before--after_caption.caption-middle { bottom: 50%; transform: translateY(50%) } .before--after_caption.caption-bottom { bottom: 10px; } .before-image .before--after_caption { left: 10px; text-align: left; } .after-image .before--after_caption { right: 10px; text-align: right; } .before--after_caption h3, .before--after_caption p { margin-bottom: 0; color: var(--text-color); } .before-after__btn-wrapper { display: inline-block; margin-top: 5px; } .before-after__btn-wrapper a { color: var(--button-text); background: var(--button-color); padding: 15px 20px; letter-spacing: var(--button-spacing); border-radius: 3px; display: inline-block; -webkit-transition: background .3s ease,color .3s ease; -moz-transition: background .3s ease,color .3s ease; -o-transition: background .3s ease,color .3s ease; transition: background .3s ease,color .3s ease; } .global-age-verification .site-logo a { font-family: var(--heading-family); } .global-age-verification .site-logo img { margin-left: auto; margin-right: auto; } .global-age-verification .modal-prompt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; width: 80%; } .global-age-verification .modal-prompt a, .global-age-verification .modal-prompt h1, .global-age-verification .modal-prompt p { color: var(--age-text-color); } .global-age-verification .modal-prompt a { font-size: var(--font-size); font-stretch: normal; font-style: normal; line-height: 1; word-break: break-all; } .global-age-verification .form { display: flex; flex-direction: row; justify-content: center; margin: 20px 0 10px; gap: 10px; } .global-age-verification .form select { flex: 0 0 150px; } @media screen and (max-width: 740px) { .global-age-verification .form { flex-direction: column; } .global-age-verification .form select { flex: 1 1 40px; } } .global-age-verification button#submit_birthdate { color: var(--button-text); background: var(--button-color); margin-top: 10px; } .global-age-verification button#submit_birthdate:hover { background-color: var(--button-hover); } .countdown__time { font-size: var(--countdown-size); } .countdown__label, .countdown__how, .countdown__time-label { font-size: var(--font-size); } .countdown__time--wrapper { opacity: 0; transition: opacity 0.5s ease-in; position: relative; } .countdown__grid { display: flex; align-items: center; justify-content: center; column-gap: 50px; padding: 20px 0; background: var(--background); color: var(--text-color); } .countdown__grid h2, .countdown__grid h3 { font-size: var(--h2-size); color: var(--text-color); } .countdown__time-container { display: flex; flex-direction: row; gap: 15px; align-items: center; justify-content: center; padding: 0 5px; } .countdown__time-container p { margin-bottom: 5px; font-size: var(--font-size); } .countdown__time-container p.countdown__time { line-height: 0.8em; font-size: var(--countdown-size ); } .countdown__colon-divider { position: absolute; top: 20%; transform: translateY(-50%); font-size: 24px; right: -10px; } .countdown__heading { display: flex; flex-direction: column; row-gap: 5px; } .countdown__heading p { color: var(--text-color); margin-bottom: 0; } .countdown__button-wrapper a.button, .countdown__button-wrapper a.button:hover, .countdown__button-wrapper a.button:visited { background: var(--button-color); color: var(--button-text); } @media screen and (max-width: 980px) { .countdown__grid { flex-wrap: wrap; row-gap: 20px; } } @media screen and (max-width: 800px) { .countdown__grid { text-align: center; flex-direction: column; } } .recipient-form { display: block; position: relative; margin-bottom: 20px; } .recipient-form-field-label { margin: 0.6rem 0; } .recipient-form-field-label--space-between { display: flex; justify-content: space-between; } .recipient-checkbox { flex-grow: 1; display: flex; word-break: break-word; align-items: center; max-width: inherit; position: relative; cursor: pointer; } .no-js .recipient-checkbox { display: none; } .recipient-form > input[type='checkbox'] { position: absolute; width: 1.6rem; height: 1.6rem; top: 0; left: 0; z-index: -1; appearance: none; -webkit-appearance: none; } .recipient-fields__field { margin: 0; } .recipient-fields hr { margin: 20px 0; } .recipient-fields .field__label { white-space: nowrap; text-overflow: ellipsis; max-width: calc(100% - 3.5rem); overflow: hidden; } .recipient-checkbox > svg { margin-right: 1.2rem; flex-shrink: 0; } .recipient-form .icon-checkmark { visibility: hidden; position: absolute; left: 0.28rem; z-index: 5; top: 0.4rem; } .recipient-form > input[type='checkbox']:checked + label .icon-checkmark { visibility: visible; } .js .recipient-fields { display: none; } .recipient-form > input[type='checkbox']:checked ~ .recipient-fields { display: block; } .recipient-form > input[type='checkbox']:not(:checked, :disabled) ~ .recipient-fields, .recipient-email-label { display: none; } .js .recipient-email-label.required, .no-js .recipient-email-label.optional { display: inline; } .recipient-form ul { padding-left: 4.4rem; text-align: left; } .recipient-form ul a { display: inline; } .recipient-form .error-message { margin-bottom: 10px; display: block; color: var(--error-color, red); } .recipient-form .error-message::first-letter { text-transform: capitalize; } @media screen and (forced-colors: active) { .recipient-checkbox > svg { background-color: inherit; } .recipient-form > input[type='checkbox']:checked + label .icon-checkmark { border: none; } } .send_on--date-picker { padding: 15px; border: 1px solid var(--dotted-color); font-family: var(--main-family); font-size: var(--font-size); } .footer__follow-on-shop { margin-bottom: 1rem; } .product--grid_add { display: none; } @media screen and (min-width: 741px) { .product--grid_add { position: absolute; bottom: 0; left: 50%; z-index: 5; transform: translate(-50%,105px); transition: all .3s ease; } .product--grid_add { background: var(--background); width: 100%; padding: 10px 0; display: flex; flex-direction: column; } } .product--grid_add form { display: flex; flex-wrap: wrap; } .product--grid_add .note { margin-top: 10px; flex: 0 0 100%; margin-bottom: 0; } .prod-container.prod-container__active > .product--grid_add, .prod-container:hover > .product--grid_add { transform: translate(-50%); } .product--grid_add .AddtoCart { font-size: 13px; margin: 0 auto; padding: 0; display: flex; align-items: center; flex: 1 0 calc(100% - 60px); justify-content: center; height: 40px; line-height: 40px; } .product--grid_add .product__section--qty { flex: 0 0 60px; display: flex; margin: 0; height: 40px; line-height: 40px; } .product--grid_add .product__quantity--wrapper { margin: 0; } .product--grid_add .product-variants { display: flex; align-items: center; justify-content: flex-start; gap: 5px; flex: 0 0 100%; margin-bottom: 10px; flex-wrap:nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .product--grid_add .product-variants::-webkit-scrollbar { display: none; } .product--grid_add .product-variants input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; } .product--grid_add .product-variants label { padding: 5px 8px; margin-bottom: 0; border: 1px solid var(--dotted-color); cursor: pointer; font-weight: 400; font-size: 13px; flex: 0 0 30px; white-space: nowrap; display: flex; text-align: center; justify-content: center; text-transform: inherit; } .product--grid_add .product-variants p.option--title { margin-bottom: 0; margin-right: 6px; font-size: 13px; white-space: nowrap; text-transform: capitalize; } .product--grid_add .product-variants span.more--available { display: none; } .product--grid_add .product-variants label.hidden { display: none; } .product--grid_add .product-variants input[type="radio"]:checked + label { border-color: var(--text-color); background-color: var(--text-color); color: var(--background); } .product--grid_add .product-variants.color--options { margin-top: 7px; margin-bottom: 15px; } .product--grid_add .product-variants label.color--option_swatch { width: 20px; height: 20px; border-radius: 20px; flex: 0 0 20px; background-position: center; background-size: 50px; } .product--grid_add .prod-colors, .product--grid_add .prod-sizes { align-self: flex-start; width: 100%; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .product--grid_add .prod-colors::-webkit-scrollbar, .product--grid_add .prod-sizes::-webkit-scrollbar { display: none; } .product--grid_add .color-swatch ul, .product--grid_add .size-swatch ul { margin: 0; display: flex; align-items: center; gap: 5px; list-style: none; } .product--grid_add .color-swatch ul li { flex: 0 0 20px; } .product--grid_add .size-swatch ul li { display: unset; vertical-align: unset; margin: 0; flex: 0 0 30px; border: 1px solid var(--dotted-color); white-space: nowrap; } .product--grid_add .size-swatch ul li a { display: block; padding: 5px 8px; } .product--grid_add .prod-colors { order: 0; margin-top: 7px; margin-bottom: 15px; } .product--grid_add .prod-sizes { order: 1; padding-bottom: 5px; } .product--grid_add .prod-colors p.option--title, .product--grid_add .prod-sizes p.option--title { display: flex; margin-bottom: 0; margin-right: 5px; font-size: 13px; text-transform: capitalize; white-space: nowrap; } .product--grid_add button.select--options, .product--grid_add .button.select--options { display: flex; position: unset; flex: 0 0 auto; transform: translate(0); margin-bottom: 0; margin-left: auto; margin-right: auto; align-items: center; justify-content: center; width: unset; height: 40px; line-height: 40px; font-size: 13px; } .collection--carousel_container { display: flex; align-items: center; gap: 20px; } .collection--carousel_wrapper { display: flex; flex-direction: column; flex-wrap: wrap; padding: 0; } .collection--carousel_wrapper .product-loop { display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; padding: 0 0 20px 0; flex: 0 0 65%; } .collection--carousel_wrapper.product-loop.four-up .product-index { width: calc((100% / 4) - 15px); } .collection--carousel_wrapper.product-loop.three-up .product-index { width: calc((100% / 3) - 15px); } .collection--carousel_wrapper.product-loop.two-up .product-index { width: calc((100% / 2) - 10px); } .collection--carousel_wrapper .product-index { margin-bottom: 20px; padding: 0 0px 0 0; margin-right: 20px !important; } @media screen and (min-width: 741px) and (max-width: 980px) { .collection--carousel_wrapper .product-index { padding: 0; width: calc((100% / 2) - 10px) !important; } } @media screen and (max-width: 740px) { .collection--carousel_wrapper .product-index { padding: 0; width: 100% !important; } } .collection--carousel_image { display: grid; height: 100%; flex: 0 0 35%; } @media screen and (max-width: 740px) { .collection--carousel_image { height: 500px; } } .collection--carousel_image .box-ratio { position: relative; padding-bottom: 0 !important; width: 100%; height: 100%; display: grid; grid-area: 1/1; } .collection--carousel_image .box-ratio img { height: 100%; object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .theme-features__image-hover-transition--true .collection--carousel_image .box-ratio img { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .theme-features__image-hover-transition--true .collection--carousel_image:hover img { -webkit-transform: scale(1.05) translate(-47.5%, -47.5%); transform: scale(1.05) translate(-47.5%, -47.5%); } .collection--carousel_image .box-ratio:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content:""; background: var(--section-overlay-color); pointer-events: none; z-index: 1; } .collection--carousel_image .onboard { display: grid; grid-area: 1/1; width: 100%; } .collection--carousel_caption { display: grid; grid-area: 1/1; z-index: 1; } .collection--carousel_caption h2 { font-size: var(--h2-size); } .collection--carousel_caption p, .collection--carousel_caption a:not(.button) { font-size: var(--font-size); color: var(--text-color); } .collection--carousel_caption a.button { font-size: var(--section-button-size); margin-bottom: 0; } .collection--carousel_caption h2, .collection--carousel_caption p, .collection--carousel_caption a:not(.button) { margin-bottom: 0; color: var(--text-color); } .collection--carousel_caption .caption--flex_container { display: flex; flex-direction: column; gap: 10px; padding: 20px; } @media screen and (max-width: 740px) { .collection--carousel_wrapper, .collection--carousel_image { flex: 1 0 100%; } .collection--carousel_container { flex-wrap: wrap; } } @media screen and (min-width: 801px) { aside#slideout-ajax-cart.has--featured_collection { display: flex; width: 500px; } } .cart--featured_collection { flex: 0 0 150px; padding: 0 0 10px; height: 100%; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth; border-right: 1px solid var(--dotted-color); } .cart--featured_collection::-webkit-scrollbar { display: none; } @media screen and (max-width: 740px) { .cart--featured_collection { display: none; } } .cart--featured_collection h4 { text-align: center; margin: 0 auto 10px; padding: 10px 10px 0; font-size: var(--h5-size); height: 71px; border-bottom: 1px solid var(--dotted-color); position: sticky; top: 0; z-index: 2; background: var(--background); align-items: center; display: flex; justify-content: center; } aside#slideout-ajax-cart section#mini-cart { width: 100%; } .cart--featured_collection .product-index.product-listing-simple { padding: 10px 15px 0; margin-bottom: 15px; } .cart--featured_collection .product-index.product-listing-simple .price--on-sale .price__sale { justify-content: center; } .cart--featured_collection .price, .cart--featured_collection .product-info h3 { font-size: calc(var(--font-size) - 2px); font-weight: var(--main-weight); } .background-video { position: relative; overflow: hidden; } .background-video__caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max-content; text-align: center; padding: 1rem; max-width: 90%; z-index: 4; display: flex; flex-direction: column; gap: 15px; } .background-video__overlay::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.2); z-index: 3; } .background-video__caption-title { font-size: var(--heading-font-size); color: var(--caption-color); } .background-video__caption-subheading, .background-video__caption-subheading p { font-size: var(--subheading-font-size); color: var(--caption-color); } .background-video__caption-button { line-height: 50px; width: auto; padding-left: 1rem; padding-right: 1rem; margin: 0 auto; color: var(--button-text-color) !important; } @media screen and (min-width: 981px) { .shop--the_look--products { position: relative; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth; } .shop--the_look--products::-webkit-scrollbar { display: none; } .shop--the_look-scroll { position: absolute; top: 0; width: 100%; } } @media (max-width: 740px) { .shop--the_look-scroll { flex-direction: column !important; } .shop--the_look--products .product-index { flex: 0 0 0px !important; border-right: unset !important; } } .shop--the_look--products .product-index { display: flex; gap: 20px; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--dotted-color); } .shop--the_look--products .product-index.last { padding-bottom: 0; border-bottom: 0; } .shop--the_look--products .product-index .prod-container, .shop--the_look--products .product-index .onboard { flex: 0 0 35%; max-width: 147px; } .shop--the_look--products .product-index .product-info { flex: 0 0 calc(65% - 20px); text-align: left; margin: 0; overflow-x: auto; } .product-index.shop--thelook_product .product-info h3 { letter-spacing: initial; font-size: var(--font-size); } .shop--the_look--products .product-index .product-info .price { text-align: left !important; align-items: flex-start; } .product-index.shop--thelook_product .product-info .product--grid_add { position: initial; transform: translate(0,0); padding-bottom: 0; } .product-index.shop--thelook_product .product-info .product--grid_add button.product-listing__quickview-trigger { margin: 0; } .product-index.shop--thelook_product .product-info .product--grid_add button.select--options, .product-index.shop--thelook_product .product-info .product--grid_add .button.select--options { margin: 0; } .product-index.shop--thelook_product .product-info .button.link--to_product { font-size: 13px; margin: 10px 0 auto; padding: 0; display: flex; align-items: center; justify-content: center; height: 40px; line-height: 38px; background: var(--background); color: var(--text-color); border: 1px solid var(--dotted-color); } span.button.link--to_product { margin-top: 10px !important; } .shop--the_look--image_placeholder, .shop--the_look--image_placeholder svg { height: 450px; } @media screen and (max-width: 980px) { .shop--the_look--products { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; margin-top: 20px; } .shop--the_look--products::-webkit-scrollbar { display: none; } .shop--the_look-scroll { display: flex; flex-wrap: nowrap; } .shop--the_look--products .product-index { flex: 0 0 400px; align-items: flex-end; padding-bottom: 0; border-bottom: 0; margin-right: 20px; padding-right: 20px; border-right: 1px solid var(--dotted-color); } .shop--the_look--products .product-index.last { margin-right: 0; border-right: 0; } .shop--the_look--products .product-index .product--grid_add { display: flex; } } @media screen and (max-width: 800px) { .shop--the_look--products .product-index .product--grid_add input[type="button"], .shop--the_look--products .product-index .product-info .link--to_product { font-size: var(--font-size) !important; } .shop--the_look--products .product-index .product--grid_add .product__section--qty, .shop--the_look--products .product-index .product--grid_add .product-variants p.option--title, .shop--the_look--products .product-index .product--grid_add .product-variants label, .shop--the_look--products .product-index .product--grid_add input[type="button"].multiple--variants_available { display: none; } .shop--the_look--products .product-index .product--grid_add .product-variants span.more--available { display: flex; } } .scrolling__text-section { background: var(--background); } span.scrolling__text--item { display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; } .scrolling__text--wrapper { position: relative; overflow: hidden; } .scrolling__text--content { width: fit-content; display: flex; column-gap: 30px; white-space: nowrap; position: relative; } @keyframes text { 0% { left: 0; } 100% { left: -100%; } } span.scrolling--image { width: 60px; line-height: 1; } span.scrolling--image.no--image { width: initial; } .scrolling__text-section .scrolling--text p { margin-bottom: 0; line-height: initial; } .scrolling__text-section p, .scrolling__text-section a { color: var(--text-color); } .scrolling__text-section a { text-decoration: underline; } .skip-link { display: inline-block; width: max-content; line-height: 50px; padding: 0 20px; background-color: var(--button-color); color: var(--button-text); } .skip-link:focus { z-index: 9999; position: inherit; overflow: auto; width: auto; height: auto; clip: auto; background-color: var(--button-color); color: var(--button-text); } .shop-policies ul { list-style: none; } .shop-policies ul li { display: inline-block; margin-right: 0.75rem; } .mobile-menu .disclosures { display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: column; } @media (max-width: 740px) { .mobile-menu .disclosures { justify-content: flex-start; } } .mobile-menu .selectors-form { justify-content: flex-start; } .mobile-menu .disclosure { position: relative; width: 100%; } .mobile-menu .disclosure__toggle { white-space: nowrap; color: var(--link-color); border: 1px solid var(--border-color); background-color: var(--background-color); margin: 0; margin-bottom: 10px; text-transform: capitalize; display: flex; align-items: center; } .mobile-menu .disclosure-list { background-color: var(--background-color); border: 1px solid var(--border-color); bottom: 115%; padding: 11px 0px; position: absolute; display: none; min-height: 92px; max-height: 300px; overflow-y: auto; border-radius: 2px; width: 100%; } #MobileNavigationLanguageFormNoScript .disclosure__toggle, #MobileNavigationCountryFormNoScript .disclosure__toggle { border-radius: 0px !important; } #MobileNavigationLanguageFormNoScript .disclosure__toggle:last-child, #MobileNavigationCountryFormNoScript .disclosure__toggle:last-child { border-left: 0; } .mobile-menu .disclosure-list--visible { display: block; } .mobile-menu .disclosure-list__item { border-bottom: 1px solid transparent; white-space: nowrap; padding: 5px 15px 4px 15px; text-align: left; line-height: 1.6; } .mobile-menu .disclosure-list__item:active { background-color: rgba(128, 128, 128, 0.2); } .mobile-menu .disclosure-list__option { color: var(--text-color) !important; text-transform: capitalize; display: flex; align-items: center; font-size: 13px; } .mobile-menu .disclosure-list__option span.localization-form__currency { margin-left: 5px; } .mobile-menu .disclosure-list__option:focus, .disclosure-list__option:hover { color: var(--link-color); } .mobile-menu .disclosure-list__item--current .disclosure-list__option { color: var(--background-color); font-weight: 900; } .mobile-menu:has(.mobile-menu__disclosures) { display: flex; flex-direction: column; justify-content: flex-start; } .mobile-menu:has(.mobile-menu__disclosures) .mobile-menu__disclosures { margin-top: auto; } .mobile-menu:has(.mobile-menu__disclosures) .selectors-form__item { margin: 0; } .mobile-menu:has(.mobile-menu__disclosures) .disclosures { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; } .mobile-menu:has(.mobile-menu__disclosures) .selectors-form__item:not(:first-of-type) { margin-left: 1rem; } .mobile-menu:has(.mobile-menu__disclosures) .disclosure-list { width: unset; } .shopify-payment-button { display: none !important; } .template-collection-fashion-partner .site-logo img { max-width: 200px; height: auto; } .template-collection-fashion-partner .collection-template { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .prod-image img, .prod-image picture, .prod-image .reveal { aspect-ratio: auto !important; height: auto !important; width: 100% !important; object-fit: contain !important; display: block; } .template-collection-fashion-partner .prod-image, .template-collection-fashion-partner .prod-image .reveal, .template-collection-fashion-partner .prod-image img, .template-collection-fashion-partner .prod-image picture, .template-collection-fashion-partner .prod-image .box-ratio { all: unset !important; width: 100% !important; height: auto !important; object-fit: contain !important; display: block !important; aspect-ratio: auto !important; padding: 0 !important; margin: 0 auto !important; } .template-collection-fashion-partner .box-ratio { aspect-ratio: 4 / 5 !important; height: auto !important; padding-bottom: 0 !important; max-height: none !important; } .template-collection-fashion-partner .collection__page-image img { max-width: 350px !important; height: auto !important; display: block !important; margin: 0 auto !important; } .template-collection-fashion-partner .box-ratio { padding-bottom: 0 !important; height: auto !important; aspect-ratio: auto !important; } .navigation__menuitem--dropdown { position: relative; } .megamenu { top: 100%; margin-top: 0; } .megamenu__container { padding-top: 12px; } .megamenu__container { max-height: 80vh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--nav-color) transparent; } .megamenu__container { max-height: 80vh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--nav-color) transparent; } .megamenu__container::-webkit-scrollbar { width: 6px; } .megamenu__container::-webkit-scrollbar-thumb { background-color: var(--nav-color); border-radius: 3px; } ul.megamenu { max-height: 75vh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; } ul.megamenu::-webkit-scrollbar { width: 6px; } ul.megamenu::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; } ul.megamenu { max-width: 320px; min-width: 260px; } .js-slideout-toggle-wrapper .js-slideout__content { max-height: 100vh; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .drawer-menu__item { padding-left: 1.25rem; padding-right: 1.25rem; } .drawer-menu__link { padding-left: 1.25rem; padding-right: 1rem; } .drawer-menu__item { padding-left: 1.2rem; padding-right: 1.2rem; } .drawer-menu .site-nav__item--account { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e5e5e5; } .drawer-menu__item { padding-top: 0.75rem; padding-bottom: 0.75rem; } .drawer-menu__item .icon-chevron-down { padding: 0.5rem; } .inline-header { position: relative; flex-wrap: wrap; overflow: visible; z-index: 1; } .site-nav--has-dropdown > .site-nav__dropdown { position: absolute; top: 100%; left: 0; z-index: 9999; background-color: white; display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); gap: 20px; padding: 20px; .site-nav__dropdown li { break-inside: avoid; } .site-nav__dropdown ul { margin: 0; padding: 0; list-style: none; display: contents; } .site-nav__dropdown li:first-child { margin-top: 20px; } .site-nav__dropdown li strong { display: block; margin-top: 20px; font-weight: bold; } .megamenu { width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px 30px; box-sizing: border-box; } .megamenu__header { display: block; font-weight: bold; font-size: 16px; width: 100%; margin-bottom: 12px; text-align: left; } .megamenu__container { overflow-x: hidden; } .megamenu__list { display: flex; flex-direction: column; gap: 6px; padding: 0; list-style: none; } .grid__wrapper--nest { flex: 1 1 200px; min-width: 180px; max-width: 220px; } .megamenu { max-width: 1000px; min-width: 700px; } .megamenu__header { display: block; font-weight: bold; width: 100%; margin-bottom: 12px; text-align: left; } .megamenu__header { font-weight: bold; margin-bottom: 8px; } .megamenu__listitem { display: block; padding: 6px 12px; line-height: 1.6; } .megamenu__headerlink { display: block; margin-top: 20px; font-weight: bold; } .megamenu__headerlink { display: block; margin-top: 20px; font-weight: bold; width: 100%; } .megamenu__listcontainer > h4 { width: 100%; display: block; margin-bottom: 8px; } .navigation.inline-header .megamenu__headerlink { display: block !important; margin-top: 20px !important; font-weight: bold !important; width: 100% !important; } .megamenu__listcontainer > h4, .megamenu__listcontainer > .megamenu__headerlink { font-weight: bold; display: block; } .site-nav__item { position: relative; } .navigation__menuitem--dropdown { position: relative; } .navigation__menuitem--dropdown > .navigation__menuLink { padding-bottom: 20px; } .navigation__menuitem--dropdown .megamenu { margin-top: -20px; z-index: 9999; } .megamenu li { line-height: 1.6; padding: 6px 12px; display: block; } .megamenu li + li { margin-top: 2px; } .navigation__menuitem--dropdown { position: relative; } .navigation__menuitem--dropdown .megamenu { position: absolute; top: 100%; left: 0; z-index: 9999; background-color: white; min-width: 200px; max-width: 240px; width: max-content; padding: 10px 0; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08); white-space: nowrap; } nav.navigation.inline-header { white-space: normal; overflow-x: visible; flex-wrap: wrap; display: flex; align-items: center; justify-content: center; row-gap: 12px; ustify-content: center; padding-bottom: 65px; position: relative; z-index: 2; } } .inline-header { position: relative; z-index: 1; flex-wrap: wrap; overflow: visible; padding-bottom: 50px; } a.navigation__menuLink { padding-left: 10px; padding-right: 10px; font-size: 15px; } #logo img { max-width: 120px; height: auto; } #logo { margin-left: 0; padding-left: 10px; } #logo.theme__logo { margin-right: 5px; } @media screen and (min-width: 1280px) { #logo.theme__logo { margin-right: 2px; } .inline-header .navigation__menuitem { padding-left: 2px; padding-right: 2px; font-size: 13px; } } .header__inline-menu-wrapper::-webkit-scrollbar { display: none; } .header__inline-menu-wrapper { -ms-overflow-style: none; scrollbar-width: none; } .megamenu { list-style: none; padding: 0; margin: 0; width: 100%; } .megamenu__container { display: block !important; width: 100% !important; margin: 0 auto; padding: 0 !important; } .megamenu__header { font-weight: 600; font-size: 1.1em; margin-bottom: 0.5em; } .megamenu__headerlink { color: var(--nav-link-color); text-decoration: none; transition: color 0.3s ease; } .megamenu__headerlink:hover { color: var(--nav-hover-link-color); } .megamenu__listcontainer { margin-bottom: 1.5em; padding: 0 1em; width: 100%; display: block; } .megamenu__list { list-style: none; margin: 0; padding: 0; } .megamenu__listitem { margin-bottom: 0.3em; } .megamenu__listlink { text-decoration: none; color: var(--nav-dropdown-color); font-size: 0.95em; transition: color 0.3s ease; display: inline-block !important; padding-left: 2em !important; } .megamenu__listlink:hover { color: var(--nav-hover-link-color); text-decoration: underline; } @media screen and (min-width: 768px) { .megamenu__listcontainer { padding-left: 0; padding-right: 0; } .megamenu__container { padding: 1em 2em; } } .c-accordion__link, aside.collection-filters .c-accordion__link { padding-left: 1.5em !important; } body::before { content: "✅ stylesheet.css is loaded"; display: block; background: #fffae6; color: #333; padding: 0.5em; font-size: 1em; text-align: center; } .gf-option-box li { padding: 0.5em 1em !important; line-height: 1.6; list-style: none; } .gf-option-box li:hover { background-color: #f9f9f9; cursor: pointer; } .gf-scroll.gf-block-scroll { overflow-y: auto !important; scrollbar-width: thin; padding-right: 0.5em; } .gf-block-content { overflow: visible !important; margin-bottom: 1.5em; } .gf-option-block { margin-bottom: 1.5em; } ul.megamenu { overflow-y: auto !important; max-height: 80vh !important; scrollbar-width: thin; padding-right: 0.5em; } li.megamenu__container { overflow: unset !important; max-height: none !important; height: auto !important; display: block !important; } .megamenu__column-override { overflow: unset !important; max-height: none !important; height: auto !important; display: block !important; } .navigation.navigation--sticky { overflow: visible !important; max-height: unset !important; } .navigation__maincontainer { overflow: visible !important; } .navigation__menuitem--dropdown { overflow: visible !important; } .navigation.navigation--sticky { background-color: rgba(255, 0, 0, 0.05); } * { outline: 1px solid rgba(0, 0, 255, 0.2); } .megamenu__container.megamenu__column-override { display: block; width: max-content; margin-left: 2rem; } .megamenu__listcontainer { display: block !important; margin-bottom: 1rem; } .megamenu__list { list-style: none; padding: 0; margin: 0; } .megamenu__listitem { padding: 0.5rem 0; font-size: 1rem; line-height: 1.5; } .megamenu__listlink { color: #333; text-decoration: none; } .megamenu__listlink:hover { text-decoration: underline; } .header__inline-menu { white-space: nowrap; flex-wrap: nowrap !important; } .megamenu__listcontainer { padding-top: 10px !important; padding-bottom: 10px !important; } .megamenu__list { margin-top: 0px !important; margin-bottom: 0px !important; } .megamenu__header { margin-bottom: 8px !important; } nav.navigation.inline-header.js-nav { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; white-space: nowrap; gap: 2rem; padding: 0; } #navigation.navigation__maincontainer { display: flex; justify-content: center; flex-wrap: nowrap; width: 100%; padding: 0; } #nav { display: flex; gap: 2rem; align-items: center; padding: 0; margin: 0; list-style: none; white-space: nowrap; } nav.navigation.inline-header.js-nav, ul.site-nav { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center; white-space: nowrap; overflow: hidden; } ul.site-nav > li { white-space: nowrap; } ul.site-nav > li > a { font-size: 14px; padding: 10px 12px; } header.theme-header #identity nav.inline-header #navigation { display: flex !important; justify-content: center; align-items: center; flex-wrap: nowrap !important; overflow: hidden; white-space: nowrap; } header.theme-header #identity nav.inline-header #nav { display: flex !important; flex-wrap: nowrap !important; justify-content: center; gap: 1.25rem; white-space: nowrap; } header.theme-header #identity nav.inline-header #nav > li { white-space: nowrap; } header.theme-header nav.inline-header { width: 100% !important; } header.theme-header #identity { display: flex !important; justify-content: space-between; align-items: center; flex-wrap: nowrap; } header.theme-header #identity > #logo { flex: 1 1 auto; } header.theme-header #identity nav.inline-header { flex: 5 1 0%; display: flex !important; justify-content: center; align-items: center; } header.theme-header #identity nav.inline-header #navigation { width: 100% !important; display: flex !important; justify-content: center; } header.theme-header #identity nav.inline-header #nav { display: flex !important; flex-wrap: nowrap !important; justify-content: center; white-space: nowrap; gap: 1.25rem; margin: 0; padding: 0; } header.theme-header #identity nav.inline-header #nav > li { white-space: nowrap; } #identity { display: grid !important; grid-template-columns: 1fr 6fr 1fr !important; align-items: center; } nav.navigation.inline-header.js-nav { white-space: nowrap !important; flex-wrap: nowrap !important; justify-content: center !important; } header.theme-header .container { max-width: 100% !important; padding-left: 2rem !important; padding-right: 2rem !important; } #identity { display: grid !important; grid-template-columns: 1fr 6fr 1fr !important; align-items: center !important; gap: 0 !important; } #navigation { width: 100% !important; display: flex !important; justify-content: center !important; } #nav { display: flex !important; flex-wrap: nowrap !important; gap: 2rem !important; white-space: nowrap !important; justify-content: center !important; } header.theme-header #identity { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; flex-wrap: nowrap !important; gap: 1.25rem; } .theme-header .row, .theme-header .gridlock .row, .theme-header .gridlock-fluid .row { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .theme-header.stickynav #identity.header--container.row { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } header.theme-header.stickynav #identity.header--container.row { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; flex-wrap: nowrap !important; } @media screen and (max-width: 767px) { .spf-product-list.grid--view { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 16px; } .spf-product-list.grid--view .spf-product-card { width: 160px !important; margin: 0 !important; } } @media screen and (max-width: 767px) { .spf-product-list { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 2rem !important; padding: 1rem !important; } .spf-item { margin-bottom: 2rem !important; } .spf-item .product-card-title { font-size: 1rem; line-height: 1.3; word-break: break-word; hyphens: auto; } } @media (max-width: 768px) { .spf-has-filter #CollectionProductGrid { display: block !important; } } /* Fade effect during cart updates */ .ajax-cart__form-wrapper.fading { opacity: 0.5; /* Instead of 0.05 */ pointer-events: none; transition: opacity 0.4s ease-in-out; /* Increase duration slightly */ } #cart { transition: opacity 0.4s ease; }