style@charset "UTF-8";
.surface-pick-up-embed {
--surface-pick-up-embed-theme-success-color: limegreen;
--surface-pick-up-embed-theme-error-color: #b33a3a;
--surface-pick-up-embed-theme-paragraph-font-size: 16px;
--surface-pick-up-embed-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-embed-theme-paragraph-font-size) - 4px);
--surface-pick-up-embed-theme-body-font-weight-bold: 600;
--surface-pick-up-embed-theme-body-text-color: #808080;
--surface-pick-up-embed-theme-link-text-decoration: underline;
--surface-pick-up-embed-row-gap: 10px;
--surface-pick-up-embed-column-gap: 10px;
display: grid;
grid-template-columns: -webkit-min-content auto;
grid-template-columns: min-content auto;
row-gap: var(--surface-pick-up-embed-row-gap);
column-gap: var(--surface-pick-up-embed-column-gap);
justify-content: flex-start;
text-align: left;
}
.surface-pick-up-embed__in-stock-icon,
.surface-pick-up-embed__out-of-stock-icon {
grid-column-start: 1;
grid-column-end: 2;
margin-top: 3px;
}
.surface-pick-up-embed__in-stock-icon {
fill: var(--surface-pick-up-embed-theme-success-color);
}
.surface-pick-up-embed__out-of-stock-icon {
fill: var(--surface-pick-up-embed-theme-error-color);
}
.surface-pick-up-embed__location-info,
.surface-pick-up-embed__modal-btn {
grid-column-start: 2;
grid-column-end: 3;
}
.surface-pick-up-embed__location-info {
grid-row-start: 1;
grid-row-end: 2;
}
.surface-pick-up-embed__location-availability {
margin-top: 0;
margin-bottom: 0;
font-family: inherit;
font-size: var(--surface-pick-up-embed-theme-paragraph-font-size);
font-weight: inherit;
color: var(--surface-pick-up-embed-theme-body-text-color);
}
.surface-pick-up-embed__location-availability b {
font-weight: var(--surface-pick-up-embed-theme-body-font-weight-bold);
}
.surface-pick-up-embed__location-pick-up-time {
font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
color: var(--surface-pick-up-embed-theme-body-text-color);
}
.surface-pick-up-embed__modal-btn {
grid-row-start: 2;
grid-row-end: 3;
justify-self: start;
padding: 0;
font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
color: var(--surface-pick-up-theme-embed-body-text-color);
text-align: left;
-webkit-text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
cursor: pointer;
background-color: initial;
border: 0;
}
.surface-pick-up-items {
padding: 0;
margin: 0;
}
.surface-pick-up-item {
--surface-pick-up-item-theme-success-color: limegreen;
--surface-pick-up-item-theme-error-color: #b33a3a;
--surface-pick-up-item-theme-paragraph-font-size: 16px;
--surface-pick-up-item-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-item-theme-paragraph-font-size) - 4px);
--surface-pick-up-item-theme-body-font-weight-bold: 600;
--surface-pick-up-item-theme-body-text-color: #808080;
--surface-pick-up-item-theme-border-color: #d9d9d9;
--surface-pick-up-item-theme-link-text-decoration: underline;
--surface-pick-up-item-row-gap: 10px;
--surface-pick-up-item-column-gap: 5px;
--surface-pick-up-item-gap: 28px;
display: grid;
grid-template-columns: repeat(2, auto) 1fr;
row-gap: var(--surface-pick-up-item-row-gap);
column-gap: var(--surface-pick-up-item-column-gap);
justify-content: flex-start;
padding-bottom: var(--surface-pick-up-item-gap);
margin: var(--surface-pick-up-item-gap) 0 0;
text-align: left;
border-bottom: 1px solid var(--surface-pick-up-item-theme-border-color);
}
.surface-pick-up-item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.surface-pick-up-item__header {
display: flex;
grid-column: span 3;
align-items: flex-end;
}
.surface-pick-up-item__pick-up-location {
margin-top: 0;
margin-bottom: 0;
font-family: inherit;
font-size: var(--surface-pick-up-item-theme-paragraph-font-size);
font-weight: var(--surface-pick-up-item-theme-body-font-weight-bold);
color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__pick-up-distance {
padding-left: 2rem;
margin: 0 0 0 auto;
}
.surface-pick-up-item__in-stock-icon,
.surface-pick-up-item__out-of-stock-icon {
grid-row-start: 2;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 2;
margin-top: 1px;
}
.surface-pick-up-item__in-stock-icon {
fill: var(--surface-pick-up-item-theme-success-color);
}
.surface-pick-up-item__out-of-stock-icon {
fill: var(--surface-pick-up-item-theme-error-color);
}
.surface-pick-up-item__availability {
grid-row-start: 2;
grid-row-end: 3;
grid-column-start: 2;
grid-column-end: 3;
font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__address-info {
grid-row-start: 3;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 3;
font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
font-style: normal;
line-height: 1.4;
color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__address-info p {
margin: 0;
}
.surface-pick-up-item__address-info a,
.surface-pick-up-item__address-info a:visited {
color: inherit;
text-decoration: none;
}
.surface-pick-up-item__address-info a:focus,
.surface-pick-up-item__address-info a:active,
.surface-pick-up-item__address-info a:hover {
color: inherit;
}
.surface-pick-up-item__confirm-address {
margin-top: var(--surface-pick-up-item-row-gap);
}
.surface-pick-up-item__confirm-address-icon {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px;
}
a:-webkit-any-link:focus-visible {
outline-offset: 1px;
color:#FFFFFF;
}
:focus-visible {
outline: -webkit-focus-ring-color auto 1px;
}
/******************************************************************
Theme Name: Responsive
Theme URI: https://themes.shopify.com/themes/responsive/styles/new-york?ref=out-of-the-sandbox
Author: Out of the Sandbox (https://outofthesandbox.com)
Description: Shopify Theme (https://www.shopify.com/?ref=out-of-the-sandbox)
******************************************************************/
/* Table of Content
==================================================
#Variables
#Mixins
#Helper Classes
#Grid/layout
#Reset & Basics
#Fonts
#Basic Styles
#Typography
#Links
#Lists
#Menu
#Mega Menu
#Images
#Placeholders
#Videos
#Page Details
#Page FAQ
#Buttons
#Banners
#Tabs
#Forms
#Tables
#Misc
#Cart
#Collections
#Site Styles
#Customers
#Footer
#Blog
#Product Page
#Contact Form
#Rich Text
#Testimonials
#Logo List
#Home page - Image with text overlay
#Home page - Slideshow
#Home page - Gallery
#Home page - Map
#Home page - Newsletter
#Home page - Image with text
#Home page - Divider
#Home page - Quote
#Home page - Contact form
#Swatch Styles
#Sidebar
#Quick Shop
#Flickity
#Product Slider Custom Styles
#Thumbnail Gallery Styles
#Content Creator
#FancyBox
#SimpleBar
#Plyr
#Model Viewer
#Product Media Custom Styles
#Currency/Language switcher
#Password Page
#Product Details
#Lazyloading Styles
#Media Queries
#Unit Pricing
#Font-Face
#Custom Styles */
/* #Variables
================================================== */
/* Responsiveness */
/* The `$breakpoints` list is used to build our media queries.
- You can use these in the media-query mixin.
*/
/* #Mixins
================================================== */
/* Media query mixin */
/* Responsive Show/Hide Helper */
/* Responsive Text Alignment Helper */
/* Headline style */
/* #Helper Classes
================================================== */
/* Flexbox */
.is-flex {
display: flex;
}
.is-inline-flex {
display: inline-flex;
}
.is-align-start,
.is-align-left {
align-items: flex-start;
}
.is-align-end,
.is-align-right {
align-items: flex-end;
}
.is-align-self-end,
.is-align-self-right {
align-self: flex-end;
}
.is-align-baseline {
align-items: baseline;
}
.is-align-center {
align-items: center;
}
.is-align-stretch {
align-items: stretch;
}
.is-justify-start,
.is-justify-left {
justify-content: flex-start;
}
.is-justify-end,
.is-justify-right {
justify-content: flex-end;
}
.is-justify-center {
justify-content: center;
}
.is-justify-space-around {
justify-content: space-around;
}
.is-justify-space-between {
justify-content: space-between;
}
.is-flex-nowrap {
flex-wrap: nowrap;
}
.is-flex-wrap {
flex-wrap: wrap;
}
.is-flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
.is-flex-row {
flex-direction: row;
}
.is-flex-row-reverse {
flex-direction: row-reverse;
}
.is-flex-column {
flex-direction: column;
}
.is-flex-column-reverse {
flex-direction: column-reverse;
}
/* Flex position order */
.is-order-aligned-left {
order: -1;
}
@media only screen and (max-width: 480px) {
.is-order-aligned-left {
order: inherit;
}
}
.is-order-aligned-right {
order: 1;
}
@media only screen and (max-width: 480px) {
.is-order-aligned-right {
order: inherit;
}
}
/* Padding */
.has-padding-top {
padding-top: 20px;
}
.has-padding-bottom {
padding-bottom: 20px;
}
.has-padding-left {
padding-left: 20px;
}
.has-padding-right {
padding-right: 20px;
}
.has-padding {
padding: 20px;
}
/* Text alignment */
.text-align-center {
text-align: center;
}
.text-align-left,
.text-align-start {
text-align: left;
}
.text-align-left h1,
.text-align-left h2,
.text-align-left h3,
.text-align-left h1.title,
.text-align-left h2.title,
.text-align-left h3.title,
.text-align-start h1,
.text-align-start h2,
.text-align-start h3,
.text-align-start h1.title,
.text-align-start h2.title,
.text-align-start h3.title {
text-align: left;
}
.text-align-right,
.text-align-end {
text-align: right;
}
.text-align-right h1,
.text-align-right h2,
.text-align-right h3,
.text-align-right h1.title,
.text-align-right h2.title,
.text-align-right h3.title,
.text-align-end h1,
.text-align-end h2,
.text-align-end h3,
.text-align-end h1.title,
.text-align-end h2.title,
.text-align-end h3.title {
text-align: right;
}
/* Visibility */
.is-hidden {
display: none !important;
}
.is-visible {
display: block !important;
}
.is-sr-only {
border: none !important;
clip: rect(0, 0, 0, 0) !important;
height: 0.01em !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 0.01em !important;
}
.is-invisible {
visibility: hidden !important;
}
.cform {
max-width: 300px;
width: 100%;
margin: 0 auto 50px auto;
}
@media only screen and (min-width: 481px) and (max-width: 798px) {
.is-hidden-small {
display: none !important;
}
}
@media only screen and (min-width: 799px) and (max-width: 1024px) {
.is-hidden-medium {
display: none !important;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.is-hidden-large {
display: none !important;
}
}
@media only screen and (max-width: 798px) {
.is-hidden-mobile-only {
display: none !important;
}
.gallery-section.standard-display .pt-container {
width: inherit !important;
margin: 10px auto;
margin-bottom: 10px !important;
}
.gallery-section .gallery_image {
float: inherit!important;
}
.gallery-section.standard-display .fifth-per-row {
/* padding: inherit; */
padding: 15px 0px!important;
}
#contactFormEmail {
width: 100%!important;
}
body .contact_form .action_button{ width: 100%!important; }
}
@media only screen and (min-width: 799px) {
.is-hidden-desktop-only {
display: none !important;
}
}
@media only screen and (max-width: 798px) {
.is-visible--mobile {
display: block !important;
}
}
@media only screen and (max-width: 798px) {
.is-hidden-offset-mobile-only {
left: 0 !important;
}
}
.is-invisible {
visibility: hidden !important;
}
/* Scroll */
.scroll-locked {
overflow: hidden;
touch-action: manipulation;
}
/* # Grid/layout
================================================== */
.index {
display: flex;
flex-wrap: wrap;
}
/* Home page sections are set to flex so that half sizes may sit side-by-side */
.index-sections,
.page-blocks {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
/* Controls the width and spacing of each section - the class ".shopify-section" is generated by Shopify and applied to each element (along with unique ID) - uses CSS variables which are set in liquid files */
.shopify-section {
width: 100%;
}
@media only screen and (max-width: 480px) {
.shopify-section {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
/* Handles the background color and margins depending on what width has been chosen */
.section {
max-width: 1200px;
width: 95%;
margin-left: auto;
margin-right: auto;
}
.section.is-width-wide {
width: 100%;
max-width: none;
}
.section.section-wrapper .section {
width: 100%;
}
@media only screen and (min-width: 799px) {
.section.section-wrapper .is-width-wide {
left: 50%;
margin-left: calc(-50vw + (var(--scrollbar-width) / 2));
margin-right: calc(-50vw + (var(--scrollbar-width) / 2));
max-width: calc(100vw - var(--scrollbar-width));
position: relative;
right: 50%;
width: calc(100vw - var(--scrollbar-width));
}
}
/* Parent container for column elements - uses flexbox, so this container can be made smaller and the columns will shrink in relation */
.container {
position: relative;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.container .column,
.container .columns {
margin-left: calc(20px / 2);
margin-right: calc(20px / 2);
}
/* Applies flex styling for columns created using Content Creator */
.row {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
@media only screen and (max-width: 798px) {
.row .column,
.row .columns {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
[class*=offset-by] {
position: relative;
}
/*================ Build Base Grid Classes ================*/
.hidden {
display: none !important;
}
.visible {
display: block !important;
}
.one {
width: calc(6.25% - 20px);
}
.two {
width: calc(12.5% - 20px);
}
.three {
width: calc(18.75% - 20px);
}
.four {
width: calc(25% - 20px);
}
.five {
width: calc(31.25% - 20px);
}
.six {
width: calc(37.5% - 20px);
}
.seven {
width: calc(43.75% - 20px);
}
.eight {
width: calc(50% - 20px);
}
.nine {
width: calc(56.25% - 20px);
}
.ten {
width: calc(62.5% - 20px);
}
.eleven {
width: calc(68.75% - 20px);
}
.twelve {
width: calc(75% - 20px);
}
.thirteen {
width: calc(81.25% - 20px);
}
.fourteen {
width: calc(87.5% - 20px);
}
.fifteen {
width: calc(93.75% - 20px);
}
.sixteen {
width: calc(100% - 20px);
}
.one-whole {
width: calc(100% - 20px);
}
.one-half {
width: calc(50% - 20px);
}
.one-third {
width: calc(33.3333333333% - 20px);
}
.two-thirds {
width: calc(66.6666666667% - 20px);
}
.one-fourth {
width: calc(25% - 20px);
}
.two-fourths {
width: calc(50% - 20px);
}
.three-fourths {
width: calc(75% - 20px);
}
.one-fifth {
width: calc(20% - 20px);
}
.two-fifths {
width: calc(40% - 20px);
}
.three-fifths {
width: calc(60% - 20px);
}
.four-fifths {
width: calc(80% - 20px);
}
.one-sixth {
width: calc(16.6666666667% - 20px);
}
.two-sixths {
width: calc(33.3333333333% - 20px);
}
.three-sixths {
width: calc(50% - 20px);
}
.four-sixths {
width: calc(66.6666666667% - 20px);
}
.five-sixths {
width: calc(83.3333333333% - 20px);
}
.one-seventh {
width: calc(14.2857142857% - 20px);
}
.two-sevenths {
width: calc(28.5714285714% - 20px);
}
.three-sevenths {
width: calc(42.8571428571% - 20px);
}
.four-sevenths {
width: calc(57.1428571429% - 20px);
}
.five-sevenths {
width: calc(71.4285714286% - 20px);
}
.one-eighth {
width: calc(12.5% - 20px);
}
.two-eighths {
width: calc(25% - 20px);
}
.three-eighths {
width: calc(37.5% - 20px);
}
.four-eighths {
width: calc(50% - 20px);
}
.five-eighths {
width: calc(62.5% - 20px);
}
.six-eighths {
width: calc(75% - 20px);
}
.seven-eighths {
width: calc(87.5% - 20px);
}
.one-tenth {
width: calc(10% - 20px);
}
.two-tenths {
width: calc(20% - 20px);
}
.three-tenths {
width: calc(30% - 20px);
}
.four-tenths {
width: calc(40% - 20px);
}
.five-tenths {
width: calc(50% - 20px);
}
.six-tenths {
width: calc(60% - 20px);
}
.seven-tenths {
width: calc(70% - 20px);
}
.eight-tenths {
width: calc(80% - 20px);
}
.nine-tenths {
width: calc(90% - 20px);
}
.one-twelfth {
width: calc(8.3333333333% - 20px);
}
.two-twelfths {
width: calc(16.6666666667% - 20px);
}
.three-twelfths {
width: calc(25% - 20px);
}
.four-twelfths {
width: calc(33.3333333333% - 20px);
}
.five-twelfths {
width: calc(41.6666666667% - 20px);
}
.six-twelfths {
width: calc(50% - 20px);
}
.seven-twelfths {
width: calc(58.3333333333% - 20px);
}
.eight-twelfths {
width: calc(66.6666666667% - 20px);
}
.nine-twelfths {
width: calc(75% - 20px);
}
.ten-twelfths {
width: calc(83.3333333333% - 20px);
}
.eleven-twelfths {
width: calc(91.6666666667% - 20px);
}
.offset-by-one {
left: calc(6.25%);
}
.offset-by-two {
left: calc(12.5%);
}
.offset-by-three {
left: calc(18.75%);
}
.offset-by-four {
left: calc(25%);
}
.offset-by-five {
left: calc(31.25%);
}
.offset-by-six {
left: calc(37.5%);
}
.offset-by-seven {
left: calc(43.75%);
}
.offset-by-eight {
left: calc(50%);
}
.offset-by-nine {
left: calc(56.25%);
}
.offset-by-ten {
left: calc(62.5%);
}
.offset-by-eleven {
left: calc(68.75%);
}
.offset-by-twelve {
left: calc(75%);
}
.offset-by-thirteen {
left: calc(81.25%);
}
.offset-by-fourteen {
left: calc(87.5%);
}
.offset-by-fifteen {
left: calc(93.75%);
}
.equal-columns--outside-trim .one-half:nth-of-type(2n),
.equal-columns--outside-trim .eight:nth-of-type(2n),
.equal-columns--outside-trim .one-third:nth-of-type(3n),
.equal-columns--outside-trim .one-fourth:nth-of-type(4n),
.equal-columns--outside-trim .four:nth-of-type(4n),
.equal-columns--outside-trim .one-fifth:nth-of-type(5n),
.equal-columns--outside-trim .one-sixth:nth-of-type(6n),
.equal-columns--outside-trim .one-seventh:nth-of-type(7n),
.equal-columns--outside-trim .two:nth-of-type(8n) {
margin-right: 0;
}
.equal-columns--outside-trim .one-half:nth-of-type(2n+1),
.equal-columns--outside-trim .eight:nth-of-type(2n+1),
.equal-columns--outside-trim .one-third:nth-of-type(3n+1),
.equal-columns--outside-trim .one-fourth:nth-of-type(4n+1),
.equal-columns--outside-trim .four:nth-of-type(4n+1),
.equal-columns--outside-trim .one-fifth:nth-of-type(5n+1),
.equal-columns--outside-trim .one-sixth:nth-of-type(6n+1),
.equal-columns--outside-trim .one-seventh:nth-of-type(7n+1),
.equal-columns--outside-trim .two:nth-of-type(8n+1) {
margin-left: 0;
}
.equal-columns--outside-trim .one-whole:nth-of-type(1n+1) {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.equal-columns--outside-trim .one-half {
width: calc(50% - (20px - (20px / 2)));
}
.equal-columns--outside-trim .one-third {
width: calc(33.3333333333% - (20px - (20px / 3)));
}
.equal-columns--outside-trim .one-fifth {
width: calc(20% - (20px - (20px / 5)));
}
.equal-columns--outside-trim .one-fourth {
width: calc(25% - (20px - (20px / 4)));
}
.equal-columns--outside-trim .one-sixth {
width: calc(16.6666666667% - (20px - (20px / 6)));
}
.equal-columns--outside-trim .one-seventh {
width: calc(14.2857142857% - (20px - (20px / 7)));
}
.equal-columns--outside-trim .two {
width: calc(12.5% - (20px - (20px / 8)));
}
.equal-columns--outside-trim .four {
width: calc(25% - (20px - (20px / 4)));
}
.equal-columns--outside-trim .seven {
width: calc(43.75% - (20px - (20px / 2)));
}
.equal-columns--outside-trim .eight {
width: calc(50% - (20px / 2));
}
.equal-columns--outside-trim .nine {
width: calc(56.25% - (20px - (20px / 2)));
}
.has-no-side-gutter.has-background {
padding-right: 0px;
padding-left: 0px;
}
.has-no-side-gutter .one-whole,
.has-no-side-gutter .one-half,
.has-no-side-gutter .eight,
.has-no-side-gutter .one-third,
.has-no-side-gutter .two-thirds,
.has-no-side-gutter .one-fourth,
.has-no-side-gutter .four,
.has-no-side-gutter .one-fifth,
.has-no-side-gutter .three-fifths,
.has-no-side-gutter .two-fifths,
.has-no-side-gutter .one-sixth,
.has-no-side-gutter .one-seventh,
.has-no-side-gutter .one-eighth,
.has-no-side-gutter .two {
margin-right: 0;
margin-left: 0;
}
.has-no-side-gutter .one-whole {
width: 100%;
}
.has-no-side-gutter .one-half {
width: 50%;
}
.has-no-side-gutter .one-third {
width: 33.3333333333%;
}
.has-no-side-gutter .one-fourth {
width: 25%;
}
.has-no-side-gutter .one-fifth {
width: 20%;
}
.has-no-side-gutter .two-fifths {
width: 40%;
}
.has-no-side-gutter .three-fifths {
width: 60%;
}
.has-no-side-gutter .one-sixth {
width: 16.6666666667%;
}
.has-no-side-gutter .one-seventh {
width: 14.2857142857%;
}
.has-no-side-gutter .one-eighth {
width: 12.5%;
}
.has-no-side-gutter .two-thirds {
width: 66.6666666667%;
}
.has-no-side-gutter .two {
width: 12.5%;
}
.has-no-side-gutter .four {
width: 25%;
}
.has-no-side-gutter .seven {
width: 43.75%;
}
.has-no-side-gutter .eight {
width: 50%;
}
.has-no-side-gutter .nine {
width: 56.25%;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
/*============================================================================
Generate breakpoint-specific column widths and push classes
- Default column widths: $breakpoint-has-widths: ($small, $medium-up);
- Default is no push classes
- Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 1024px) {
.large-down--hidden {
display: none !important;
}
.large-down--visible {
display: block !important;
}
.large-down--one {
width: calc(6.25% - 20px);
}
.large-down--two {
width: calc(12.5% - 20px);
}
.large-down--three {
width: calc(18.75% - 20px);
}
.large-down--four {
width: calc(25% - 20px);
}
.large-down--five {
width: calc(31.25% - 20px);
}
.large-down--six {
width: calc(37.5% - 20px);
}
.large-down--seven {
width: calc(43.75% - 20px);
}
.large-down--eight {
width: calc(50% - 20px);
}
.large-down--nine {
width: calc(56.25% - 20px);
}
.large-down--ten {
width: calc(62.5% - 20px);
}
.large-down--eleven {
width: calc(68.75% - 20px);
}
.large-down--twelve {
width: calc(75% - 20px);
}
.large-down--thirteen {
width: calc(81.25% - 20px);
}
.large-down--fourteen {
width: calc(87.5% - 20px);
}
.large-down--fifteen {
width: calc(93.75% - 20px);
}
.large-down--sixteen {
width: calc(100% - 20px);
}
.large-down--one-whole {
width: calc(100% - 20px);
}
.large-down--one-half {
width: calc(50% - 20px);
}
.large-down--one-third {
width: calc(33.3333333333% - 20px);
}
.large-down--two-thirds {
width: calc(66.6666666667% - 20px);
}
.large-down--one-fourth {
width: calc(25% - 20px);
}
.large-down--two-fourths {
width: calc(50% - 20px);
}
.large-down--three-fourths {
width: calc(75% - 20px);
}
.large-down--one-fifth {
width: calc(20% - 20px);
}
.large-down--two-fifths {
width: calc(40% - 20px);
}
.large-down--three-fifths {
width: calc(60% - 20px);
}
.large-down--four-fifths {
width: calc(80% - 20px);
}
.large-down--one-sixth {
width: calc(16.6666666667% - 20px);
}
.large-down--two-sixths {
width: calc(33.3333333333% - 20px);
}
.large-down--three-sixths {
width: calc(50% - 20px);
}
.large-down--four-sixths {
width: calc(66.6666666667% - 20px);
}
.large-down--five-sixths {
width: calc(83.3333333333% - 20px);
}
.large-down--one-seventh {
width: calc(14.2857142857% - 20px);
}
.large-down--two-sevenths {
width: calc(28.5714285714% - 20px);
}
.large-down--three-sevenths {
width: calc(42.8571428571% - 20px);
}
.large-down--four-sevenths {
width: calc(57.1428571429% - 20px);
}
.large-down--five-sevenths {
width: calc(71.4285714286% - 20px);
}
.large-down--one-eighth {
width: calc(12.5% - 20px);
}
.large-down--two-eighths {
width: calc(25% - 20px);
}
.large-down--three-eighths {
width: calc(37.5% - 20px);
}
.large-down--four-eighths {
width: calc(50% - 20px);
}
.large-down--five-eighths {
width: calc(62.5% - 20px);
}
.large-down--six-eighths {
width: calc(75% - 20px);
}
.large-down--seven-eighths {
width: calc(87.5% - 20px);
}
.large-down--one-tenth {
width: calc(10% - 20px);
}
.large-down--two-tenths {
width: calc(20% - 20px);
}
.large-down--three-tenths {
width: calc(30% - 20px);
}
.large-down--four-tenths {
width: calc(40% - 20px);
}
.large-down--five-tenths {
width: calc(50% - 20px);
}
.large-down--six-tenths {
width: calc(60% - 20px);
}
.large-down--seven-tenths {
width: calc(70% - 20px);
}
.large-down--eight-tenths {
width: calc(80% - 20px);
}
.large-down--nine-tenths {
width: calc(90% - 20px);
}
.large-down--one-twelfth {
width: calc(8.3333333333% - 20px);
}
.large-down--two-twelfths {
width: calc(16.6666666667% - 20px);
}
.large-down--three-twelfths {
width: calc(25% - 20px);
}
.large-down--four-twelfths {
width: calc(33.3333333333% - 20px);
}
.large-down--five-twelfths {
width: calc(41.6666666667% - 20px);
}
.large-down--six-twelfths {
width: calc(50% - 20px);
}
.large-down--seven-twelfths {
width: calc(58.3333333333% - 20px);
}
.large-down--eight-twelfths {
width: calc(66.6666666667% - 20px);
}
.large-down--nine-twelfths {
width: calc(75% - 20px);
}
.large-down--ten-twelfths {
width: calc(83.3333333333% - 20px);
}
.large-down--eleven-twelfths {
width: calc(91.6666666667% - 20px);
}
.large-down--offset-by-one {
left: calc(6.25%);
}
.large-down--offset-by-two {
left: calc(12.5%);
}
.large-down--offset-by-three {
left: calc(18.75%);
}
.large-down--offset-by-four {
left: calc(25%);
}
.large-down--offset-by-five {
left: calc(31.25%);
}
.large-down--offset-by-six {
left: calc(37.5%);
}
.large-down--offset-by-seven {
left: calc(43.75%);
}
.large-down--offset-by-eight {
left: calc(50%);
}
.large-down--offset-by-nine {
left: calc(56.25%);
}
.large-down--offset-by-ten {
left: calc(62.5%);
}
.large-down--offset-by-eleven {
left: calc(68.75%);
}
.large-down--offset-by-twelve {
left: calc(75%);
}
.large-down--offset-by-thirteen {
left: calc(81.25%);
}
.large-down--offset-by-fourteen {
left: calc(87.5%);
}
.large-down--offset-by-fifteen {
left: calc(93.75%);
}
.equal-columns--outside-trim .large-down--one-half:nth-of-type(2n),
.equal-columns--outside-trim .large-down--eight:nth-of-type(2n),
.equal-columns--outside-trim .large-down--one-third:nth-of-type(3n),
.equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n),
.equal-columns--outside-trim .large-down--four:nth-of-type(4n),
.equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n),
.equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n),
.equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n),
.equal-columns--outside-trim .large-down--two:nth-of-type(8n) {
margin-right: 0;
}
.equal-columns--outside-trim .large-down--one-half:nth-of-type(2n+1),
.equal-columns--outside-trim .large-down--eight:nth-of-type(2n+1),
.equal-columns--outside-trim .large-down--one-third:nth-of-type(3n+1),
.equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n+1),
.equal-columns--outside-trim .large-down--four:nth-of-type(4n+1),
.equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n+1),
.equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n+1),
.equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n+1),
.equal-columns--outside-trim .large-down--two:nth-of-type(8n+1) {
margin-left: 0;
}
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--one-half.large-down--one-half,
.equal-columns--outside-trim .large-down--eight.large-down--eight,
.equal-columns--outside-trim .large-down--one-third.large-down--one-third,
.equal-columns--outside-trim .large-down--one-fourth.large-down--one-fourth,
.equal-columns--outside-trim .large-down--four.large-down--four,
.equal-columns--outside-trim .large-down--one-fifth.large-down--one-fifth,
.equal-columns--outside-trim .large-down--one-sixth.large-down--one-sixth,
.equal-columns--outside-trim .large-down--one-seventh.large-down--one-seventh,
.equal-columns--outside-trim .large-down--two.large-down--two {
margin-right: 20px;
margin-left: 20px;
}
.equal-columns--outside-trim .large-down--one-half:nth-of-type(2n),
.equal-columns--outside-trim .large-down--eight:nth-of-type(2n),
.equal-columns--outside-trim .large-down--one-third:nth-of-type(3n),
.equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n),
.equal-columns--outside-trim .large-down--four:nth-of-type(4n),
.equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n),
.equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n),
.equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n),
.equal-columns--outside-trim .large-down--two:nth-of-type(8n) {
margin-right: 0;
}
.equal-columns--outside-trim .large-down--one-half:nth-of-type(2n+1),
.equal-columns--outside-trim .large-down--eight:nth-of-type(2n+1),
.equal-columns--outside-trim .large-down--one-third:nth-of-type(3n+1),
.equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n+1),
.equal-columns--outside-trim .large-down--four:nth-of-type(4n+1),
.equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n+1),
.equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n+1),
.equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n+1),
.equal-columns--outside-trim .large-down--two:nth-of-type(8n+1) {
margin-left: 0;
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--one-whole:nth-of-type(1n+1) {
width: 100%;
margin-right: 0;
margin-left: 0;
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--one-half {
width: calc(50% - (20px - (20px / 2)));
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--one-third {
width: calc(33.3333333333% - (20px - (20px / 3)));
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--one-fifth {
width: calc(20% - (20px - (20px / 5)));
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--one-fourth {
width: calc(25% - (20px - (20px / 4)));
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--one-sixth {
width: calc(16.6666666667% - (20px - (20px / 6)));
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--one-seventh {
width: calc(14.2857142857% - (20px - (20px / 7)));
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--two {
width: calc(12.5% - (20px - (20px / 8)));
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--four {
width: calc(25% - (20px - (20px / 4)));
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--seven {
width: calc(43.75% - (20px - (20px / 2)));
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--eight {
width: calc(50% - (20px / 2));
}
}
@media only screen and (max-width: 1024px) {
.equal-columns--outside-trim .large-down--nine {
width: calc(56.25% - (20px - (20px / 2)));
}
}
@media only screen and (max-width: 1024px) {
.has-no-side-gutter.has-background {
padding-right: 0px;
padding-left: 0px;
}
.has-no-side-gutter .large-down--one-whole,
.has-no-side-gutter .large-down--one-half,
.has-no-side-gutter .large-down--eight,
.has-no-side-gutter .large-down--one-third,
.has-no-side-gutter .large-down--two-thirds,
.has-no-side-gutter .large-down--one-fourth,
.has-no-side-gutter .large-down--four,
.has-no-side-gutter .large-down--one-fifth,
.has-no-side-gutter .large-down--three-fifths,
.has-no-side-gutter .large-down--two-fifths,
.has-no-side-gutter .large-down--one-sixth,
.has-no-side-gutter .large-down--one-seventh,
.has-no-side-gutter .large-down--one-eighth,
.has-no-side-gutter .large-down--two {
margin-right: 0;
margin-left: 0;
}
.has-no-side-gutter .large-down--one-whole {
width: 100%;
}
.has-no-side-gutter .large-down--one-half {
width: 50%;
}
.has-no-side-gutter .large-down--one-third {
width: 33.3333333333%;
}
.has-no-side-gutter .large-down--one-fourth {
width: 25%;
}
.has-no-side-gutter .large-down--one-fifth {
width: 20%;
}
.has-no-side-gutter .large-down--two-fifths {
width: 40%;
}
.has-no-side-gutter .large-down--three-fifths {
width: 60%;
}
.has-no-side-gutter .large-down--one-sixth {
width: 16.6666666667%;
}
.has-no-side-gutter .large-down--one-seventh {
width: 14.2857142857%;
}
.has-no-side-gutter .large-down--one-eighth {
width: 12.5%;
}
.has-no-side-gutter .large-down--two-thirds {
width: 66.6666666667%;
}
.has-no-side-gutter .large-down--two {
width: 12.5%;
}
.has-no-side-gutter .large-down--four {
width: 25%;
}
.has-no-side-gutter .large-down--seven {
width: 43.75%;
}
.has-no-side-gutter .large-down--eight {
width: 50%;
}
.has-no-side-gutter .large-down--nine {
width: 56.25%;
}
}
@media only screen and (max-width: 1024px) {
.large-down--show {
display: block !important;
}
}
@media only screen and (max-width: 1024px) {
.large-down--hide {
display: none !important;
}
}
@media only screen and (max-width: 1024px) {
.large-down--text-left {
text-align: left !important;
}
}
@media only screen and (max-width: 1024px) {
.large-down--text-right {
text-align: right !important;
}
}
@media only screen and (max-width: 1024px) {
.large-down--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 798px) {
.medium-down--hidden {
display: none !important;
}
.medium-down--visible {
display: block !important;
}
.medium-down--one {
width: calc(6.25% - 20px);
}
.medium-down--two {
width: calc(12.5% - 20px);
}
.medium-down--three {
width: calc(18.75% - 20px);
}
.medium-down--four {
width: calc(25% - 20px);
}
.medium-down--five {
width: calc(31.25% - 20px);
}
.medium-down--six {
width: calc(37.5% - 20px);
}
.medium-down--seven {
width: calc(43.75% - 20px);
}
.medium-down--eight {
width: calc(50% - 20px);
}
.medium-down--nine {
width: calc(56.25% - 20px);
}
.medium-down--ten {
width: calc(62.5% - 20px);
}
.medium-down--eleven {
width: calc(68.75% - 20px);
}
.medium-down--twelve {
width: calc(75% - 20px);
}
.medium-down--thirteen {
width: calc(81.25% - 20px);
}
.medium-down--fourteen {
width: calc(87.5% - 20px);
}
.medium-down--fifteen {
width: calc(93.75% - 20px);
}
.medium-down--sixteen {
width: calc(100% - 20px);
}
.medium-down--one-whole {
width: calc(100% - 20px);
}
.medium-down--one-half {
width: calc(50% - 20px);
}
.medium-down--one-third {
width: calc(33.3333333333% - 20px);
}
.medium-down--two-thirds {
width: calc(66.6666666667% - 20px);
}
.medium-down--one-fourth {
width: calc(25% - 20px);
}
.medium-down--two-fourths {
width: calc(50% - 20px);
}
.medium-down--three-fourths {
width: calc(75% - 20px);
}
.medium-down--one-fifth {
width: calc(20% - 20px);
}
.medium-down--two-fifths {
width: calc(40% - 20px);
}
.medium-down--three-fifths {
width: calc(60% - 20px);
}
.medium-down--four-fifths {
width: calc(80% - 20px);
}
.medium-down--one-sixth {
width: calc(16.6666666667% - 20px);
}
.medium-down--two-sixths {
width: calc(33.3333333333% - 20px);
}
.medium-down--three-sixths {
width: calc(50% - 20px);
}
.medium-down--four-sixths {
width: calc(66.6666666667% - 20px);
}
.medium-down--five-sixths {
width: calc(83.3333333333% - 20px);
}
.medium-down--one-seventh {
width: calc(14.2857142857% - 20px);
}
.medium-down--two-sevenths {
width: calc(28.5714285714% - 20px);
}
.medium-down--three-sevenths {
width: calc(42.8571428571% - 20px);
}
.medium-down--four-sevenths {
width: calc(57.1428571429% - 20px);
}
.medium-down--five-sevenths {
width: calc(71.4285714286% - 20px);
}
.medium-down--one-eighth {
width: calc(12.5% - 20px);
}
.medium-down--two-eighths {
width: calc(25% - 20px);
}
.medium-down--three-eighths {
width: calc(37.5% - 20px);
}
.medium-down--four-eighths {
width: calc(50% - 20px);
}
.medium-down--five-eighths {
width: calc(62.5% - 20px);
}
.medium-down--six-eighths {
width: calc(75% - 20px);
}
.medium-down--seven-eighths {
width: calc(87.5% - 20px);
}
.medium-down--one-tenth {
width: calc(10% - 20px);
}
.medium-down--two-tenths {
width: calc(20% - 20px);
}
.medium-down--three-tenths {
width: calc(30% - 20px);
}
.medium-down--four-tenths {
width: calc(40% - 20px);
}
.medium-down--five-tenths {
width: calc(50% - 20px);
}
.medium-down--six-tenths {
width: calc(60% - 20px);
}
.medium-down--seven-tenths {
width: calc(70% - 20px);
}
.medium-down--eight-tenths {
width: calc(80% - 20px);
}
.medium-down--nine-tenths {
width: calc(90% - 20px);
}
.medium-down--one-twelfth {
width: calc(8.3333333333% - 20px);
}
.medium-down--two-twelfths {
width: calc(16.6666666667% - 20px);
}
.medium-down--three-twelfths {
width: calc(25% - 20px);
}
.medium-down--four-twelfths {
width: calc(33.3333333333% - 20px);
}
.medium-down--five-twelfths {
width: calc(41.6666666667% - 20px);
}
.medium-down--six-twelfths {
width: calc(50% - 20px);
}
.medium-down--seven-twelfths {
width: calc(58.3333333333% - 20px);
}
.medium-down--eight-twelfths {
width: calc(66.6666666667% - 20px);
}
.medium-down--nine-twelfths {
width: calc(75% - 20px);
}
.medium-down--ten-twelfths {
width: calc(83.3333333333% - 20px);
}
.medium-down--eleven-twelfths {
width: calc(91.6666666667% - 20px);
}
.medium-down--offset-by-one {
left: calc(6.25%);
}
.medium-down--offset-by-two {
left: calc(12.5%);
}
.medium-down--offset-by-three {
left: calc(18.75%);
}
.medium-down--offset-by-four {
left: calc(25%);
}
.medium-down--offset-by-five {
left: calc(31.25%);
}
.medium-down--offset-by-six {
left: calc(37.5%);
}
.medium-down--offset-by-seven {
left: calc(43.75%);
}
.medium-down--offset-by-eight {
left: calc(50%);
}
.medium-down--offset-by-nine {
left: calc(56.25%);
}
.medium-down--offset-by-ten {
left: calc(62.5%);
}
.medium-down--offset-by-eleven {
left: calc(68.75%);
}
.medium-down--offset-by-twelve {
left: calc(75%);
}
.medium-down--offset-by-thirteen {
left: calc(81.25%);
}
.medium-down--offset-by-fourteen {
left: calc(87.5%);
}
.medium-down--offset-by-fifteen {
left: calc(93.75%);
}
.equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n),
.equal-columns--outside-trim .medium-down--eight:nth-of-type(2n),
.equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n),
.equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n),
.equal-columns--outside-trim .medium-down--four:nth-of-type(4n),
.equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n),
.equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n),
.equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n),
.equal-columns--outside-trim .medium-down--two:nth-of-type(8n) {
margin-right: 0;
}
.equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n+1),
.equal-columns--outside-trim .medium-down--eight:nth-of-type(2n+1),
.equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n+1),
.equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n+1),
.equal-columns--outside-trim .medium-down--four:nth-of-type(4n+1),
.equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n+1),
.equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n+1),
.equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n+1),
.equal-columns--outside-trim .medium-down--two:nth-of-type(8n+1) {
margin-left: 0;
}
}
@media only screen and (max-width: 798px) and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--one-half.medium-down--one-half,
.equal-columns--outside-trim .medium-down--eight.medium-down--eight,
.equal-columns--outside-trim .medium-down--one-third.medium-down--one-third,
.equal-columns--outside-trim .medium-down--one-fourth.medium-down--one-fourth,
.equal-columns--outside-trim .medium-down--four.medium-down--four,
.equal-columns--outside-trim .medium-down--one-fifth.medium-down--one-fifth,
.equal-columns--outside-trim .medium-down--one-sixth.medium-down--one-sixth,
.equal-columns--outside-trim .medium-down--one-seventh.medium-down--one-seventh,
.equal-columns--outside-trim .medium-down--two.medium-down--two {
margin-right: 20px;
margin-left: 20px;
}
.equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n),
.equal-columns--outside-trim .medium-down--eight:nth-of-type(2n),
.equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n),
.equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n),
.equal-columns--outside-trim .medium-down--four:nth-of-type(4n),
.equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n),
.equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n),
.equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n),
.equal-columns--outside-trim .medium-down--two:nth-of-type(8n) {
margin-right: 0;
}
.equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n+1),
.equal-columns--outside-trim .medium-down--eight:nth-of-type(2n+1),
.equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n+1),
.equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n+1),
.equal-columns--outside-trim .medium-down--four:nth-of-type(4n+1),
.equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n+1),
.equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n+1),
.equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n+1),
.equal-columns--outside-trim .medium-down--two:nth-of-type(8n+1) {
margin-left: 0;
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--one-whole:nth-of-type(1n+1) {
width: 100%;
margin-right: 0;
margin-left: 0;
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--one-half {
width: calc(50% - (20px - (20px / 2)));
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--one-third {
width: calc(33.3333333333% - (20px - (20px / 3)));
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--one-fifth {
width: calc(20% - (20px - (20px / 5)));
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--one-fourth {
width: calc(25% - (20px - (20px / 4)));
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--one-sixth {
width: calc(16.6666666667% - (20px - (20px / 6)));
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--one-seventh {
width: calc(14.2857142857% - (20px - (20px / 7)));
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--two {
width: calc(12.5% - (20px - (20px / 8)));
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--four {
width: calc(25% - (20px - (20px / 4)));
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--seven {
width: calc(43.75% - (20px - (20px / 2)));
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--eight {
width: calc(50% - (20px / 2));
}
}
@media only screen and (max-width: 798px) {
.equal-columns--outside-trim .medium-down--nine {
width: calc(56.25% - (20px - (20px / 2)));
}
}
@media only screen and (max-width: 798px) {
.has-no-side-gutter.has-background {
padding-right: 0px;
padding-left: 0px;
}
.has-no-side-gutter .medium-down--one-whole,
.has-no-side-gutter .medium-down--one-half,
.has-no-side-gutter .medium-down--eight,
.has-no-side-gutter .medium-down--one-third,
.has-no-side-gutter .medium-down--two-thirds,
.has-no-side-gutter .medium-down--one-fourth,
.has-no-side-gutter .medium-down--four,
.has-no-side-gutter .medium-down--one-fifth,
.has-no-side-gutter .medium-down--three-fifths,
.has-no-side-gutter .medium-down--two-fifths,
.has-no-side-gutter .medium-down--one-sixth,
.has-no-side-gutter .medium-down--one-seventh,
.has-no-side-gutter .medium-down--one-eighth,
.has-no-side-gutter .medium-down--two {
margin-right: 0;
margin-left: 0;
}
.has-no-side-gutter .medium-down--one-whole {
width: 100%;
}
.has-no-side-gutter .medium-down--one-half {
width: 50%;
}
.has-no-side-gutter .medium-down--one-third {
width: 33.3333333333%;
}
.has-no-side-gutter .medium-down--one-fourth {
width: 25%;
}
.has-no-side-gutter .medium-down--one-fifth {
width: 20%;
}
.has-no-side-gutter .medium-down--two-fifths {
width: 40%;
}
.has-no-side-gutter .medium-down--three-fifths {
width: 60%;
}
.has-no-side-gutter .medium-down--one-sixth {
width: 16.6666666667%;
}
.has-no-side-gutter .medium-down--one-seventh {
width: 14.2857142857%;
}
.has-no-side-gutter .medium-down--one-eighth {
width: 12.5%;
}
.has-no-side-gutter .medium-down--two-thirds {
width: 66.6666666667%;
}
.has-no-side-gutter .medium-down--two {
width: 12.5%;
}
.has-no-side-gutter .medium-down--four {
width: 25%;
}
.has-no-side-gutter .medium-down--seven {
width: 43.75%;
}
.has-no-side-gutter .medium-down--eight {
width: 50%;
}
.has-no-side-gutter .medium-down--nine {
width: 56.25%;
}
}
@media only screen and (max-width: 798px) {
.medium-down--show {
display: block !important;
}
}
@media only screen and (max-width: 798px) {
.medium-down--hide {
display: none !important;
}
}
@media only screen and (max-width: 798px) {
.medium-down--text-left {
text-align: left !important;
}
}
@media only screen and (max-width: 798px) {
.medium-down--text-right {
text-align: right !important;
}
}
@media only screen and (max-width: 798px) {
.medium-down--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 480px) {
.small-down--hidden {
display: none !important;
}
.small-down--visible {
display: block !important;
}
.small-down--one {
width: calc(6.25% - 20px);
}
.small-down--two {
width: calc(12.5% - 20px);
}
.small-down--three {
width: calc(18.75% - 20px);
}
.small-down--four {
width: calc(25% - 20px);
}
.small-down--five {
width: calc(31.25% - 20px);
}
.small-down--six {
width: calc(37.5% - 20px);
}
.small-down--seven {
width: calc(43.75% - 20px);
}
.small-down--eight {
width: calc(50% - 20px);
}
.small-down--nine {
width: calc(56.25% - 20px);
}
.small-down--ten {
width: calc(62.5% - 20px);
}
.small-down--eleven {
width: calc(68.75% - 20px);
}
.small-down--twelve {
width: calc(75% - 20px);
}
.small-down--thirteen {
width: calc(81.25% - 20px);
}
.small-down--fourteen {
width: calc(87.5% - 20px);
}
.small-down--fifteen {
width: calc(93.75% - 20px);
}
.small-down--sixteen {
width: calc(100% - 20px);
}
.small-down--one-whole {
width: calc(100% - 20px);
}
.small-down--one-half {
width: calc(50% - 20px);
}
.small-down--one-third {
width: calc(33.3333333333% - 20px);
}
.small-down--two-thirds {
width: calc(66.6666666667% - 20px);
}
.small-down--one-fourth {
width: calc(25% - 20px);
}
.small-down--two-fourths {
width: calc(50% - 20px);
}
.small-down--three-fourths {
width: calc(75% - 20px);
}
.small-down--one-fifth {
width: calc(20% - 20px);
}
.small-down--two-fifths {
width: calc(40% - 20px);
}
.small-down--three-fifths {
width: calc(60% - 20px);
}
.small-down--four-fifths {
width: calc(80% - 20px);
}
.small-down--one-sixth {
width: calc(16.6666666667% - 20px);
}
.small-down--two-sixths {
width: calc(33.3333333333% - 20px);
}
.small-down--three-sixths {
width: calc(50% - 20px);
}
.small-down--four-sixths {
width: calc(66.6666666667% - 20px);
}
.small-down--five-sixths {
width: calc(83.3333333333% - 20px);
}
.small-down--one-seventh {
width: calc(14.2857142857% - 20px);
}
.small-down--two-sevenths {
width: calc(28.5714285714% - 20px);
}
.small-down--three-sevenths {
width: calc(42.8571428571% - 20px);
}
.small-down--four-sevenths {
width: calc(57.1428571429% - 20px);
}
.small-down--five-sevenths {
width: calc(71.4285714286% - 20px);
}
.small-down--one-eighth {
width: calc(12.5% - 20px);
}
.small-down--two-eighths {
width: calc(25% - 20px);
}
.small-down--three-eighths {
width: calc(37.5% - 20px);
}
.small-down--four-eighths {
width: calc(50% - 20px);
}
.small-down--five-eighths {
width: calc(62.5% - 20px);
}
.small-down--six-eighths {
width: calc(75% - 20px);
}
.small-down--seven-eighths {
width: calc(87.5% - 20px);
}
.small-down--one-tenth {
width: calc(10% - 20px);
}
.small-down--two-tenths {
width: calc(20% - 20px);
}
.small-down--three-tenths {
width: calc(30% - 20px);
}
.small-down--four-tenths {
width: calc(40% - 20px);
}
.small-down--five-tenths {
width: calc(50% - 20px);
}
.small-down--six-tenths {
width: calc(60% - 20px);
}
.small-down--seven-tenths {
width: calc(70% - 20px);
}
.small-down--eight-tenths {
width: calc(80% - 20px);
}
.small-down--nine-tenths {
width: calc(90% - 20px);
}
.small-down--one-twelfth {
width: calc(8.3333333333% - 20px);
}
.small-down--two-twelfths {
width: calc(16.6666666667% - 20px);
}
.small-down--three-twelfths {
width: calc(25% - 20px);
}
.small-down--four-twelfths {
width: calc(33.3333333333% - 20px);
}
.small-down--five-twelfths {
width: calc(41.6666666667% - 20px);
}
.small-down--six-twelfths {
width: calc(50% - 20px);
}
.small-down--seven-twelfths {
width: calc(58.3333333333% - 20px);
}
.small-down--eight-twelfths {
width: calc(66.6666666667% - 20px);
}
.small-down--nine-twelfths {
width: calc(75% - 20px);
}
.small-down--ten-twelfths {
width: calc(83.3333333333% - 20px);
}
.small-down--eleven-twelfths {
width: calc(91.6666666667% - 20px);
}
.small-down--offset-by-one {
left: calc(6.25%);
}
.small-down--offset-by-two {
left: calc(12.5%);
}
.small-down--offset-by-three {
left: calc(18.75%);
}
.small-down--offset-by-four {
left: calc(25%);
}
.small-down--offset-by-five {
left: calc(31.25%);
}
.small-down--offset-by-six {
left: calc(37.5%);
}
.small-down--offset-by-seven {
left: calc(43.75%);
}
.small-down--offset-by-eight {
left: calc(50%);
}
.small-down--offset-by-nine {
left: calc(56.25%);
}
.small-down--offset-by-ten {
left: calc(62.5%);
}
.small-down--offset-by-eleven {
left: calc(68.75%);
}
.small-down--offset-by-twelve {
left: calc(75%);
}
.small-down--offset-by-thirteen {
left: calc(81.25%);
}
.small-down--offset-by-fourteen {
left: calc(87.5%);
}
.small-down--offset-by-fifteen {
left: calc(93.75%);
}
.equal-columns--outside-trim .small-down--one-half:nth-of-type(2n),
.equal-columns--outside-trim .small-down--eight:nth-of-type(2n),
.equal-columns--outside-trim .small-down--one-third:nth-of-type(3n),
.equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n),
.equal-columns--outside-trim .small-down--four:nth-of-type(4n),
.equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n),
.equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n),
.equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n),
.equal-columns--outside-trim .small-down--two:nth-of-type(8n) {
margin-right: 0;
}
.equal-columns--outside-trim .small-down--one-half:nth-of-type(2n+1),
.equal-columns--outside-trim .small-down--eight:nth-of-type(2n+1),
.equal-columns--outside-trim .small-down--one-third:nth-of-type(3n+1),
.equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n+1),
.equal-columns--outside-trim .small-down--four:nth-of-type(4n+1),
.equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n+1),
.equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n+1),
.equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n+1),
.equal-columns--outside-trim .small-down--two:nth-of-type(8n+1) {
margin-left: 0;
}
}
@media only screen and (max-width: 480px) and (max-width: 480px) {
.equal-columns--outside-trim .small-down--one-half.small-down--one-half,
.equal-columns--outside-trim .small-down--eight.small-down--eight,
.equal-columns--outside-trim .small-down--one-third.small-down--one-third,
.equal-columns--outside-trim .small-down--one-fourth.small-down--one-fourth,
.equal-columns--outside-trim .small-down--four.small-down--four,
.equal-columns--outside-trim .small-down--one-fifth.small-down--one-fifth,
.equal-columns--outside-trim .small-down--one-sixth.small-down--one-sixth,
.equal-columns--outside-trim .small-down--one-seventh.small-down--one-seventh,
.equal-columns--outside-trim .small-down--two.small-down--two {
margin-right: 20px;
margin-left: 20px;
}
.equal-columns--outside-trim .small-down--one-half:nth-of-type(2n),
.equal-columns--outside-trim .small-down--eight:nth-of-type(2n),
.equal-columns--outside-trim .small-down--one-third:nth-of-type(3n),
.equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n),
.equal-columns--outside-trim .small-down--four:nth-of-type(4n),
.equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n),
.equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n),
.equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n),
.equal-columns--outside-trim .small-down--two:nth-of-type(8n) {
margin-right: 0;
}
.equal-columns--outside-trim .small-down--one-half:nth-of-type(2n+1),
.equal-columns--outside-trim .small-down--eight:nth-of-type(2n+1),
.equal-columns--outside-trim .small-down--one-third:nth-of-type(3n+1),
.equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n+1),
.equal-columns--outside-trim .small-down--four:nth-of-type(4n+1),
.equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n+1),
.equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n+1),
.equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n+1),
.equal-columns--outside-trim .small-down--two:nth-of-type(8n+1) {
margin-left: 0;
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--one-whole:nth-of-type(1n+1) {
width: 100%;
margin-right: 0;
margin-left: 0;
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--one-half {
width: calc(50% - (20px - (20px / 2)));
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--one-third {
width: calc(33.3333333333% - (20px - (20px / 3)));
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--one-fifth {
width: calc(20% - (20px - (20px / 5)));
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--one-fourth {
width: calc(25% - (20px - (20px / 4)));
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--one-sixth {
width: calc(16.6666666667% - (20px - (20px / 6)));
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--one-seventh {
width: calc(14.2857142857% - (20px - (20px / 7)));
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--two {
width: calc(12.5% - (20px - (20px / 8)));
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--four {
width: calc(25% - (20px - (20px / 4)));
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--seven {
width: calc(43.75% - (20px - (20px / 2)));
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--eight {
width: calc(50% - (20px / 2));
}
}
@media only screen and (max-width: 480px) {
.equal-columns--outside-trim .small-down--nine {
width: calc(56.25% - (20px - (20px / 2)));
}
}
@media only screen and (max-width: 480px) {
.has-no-side-gutter.has-background {
padding-right: 0px;
padding-left: 0px;
}
.has-no-side-gutter .small-down--one-whole,
.has-no-side-gutter .small-down--one-half,
.has-no-side-gutter .small-down--eight,
.has-no-side-gutter .small-down--one-third,
.has-no-side-gutter .small-down--two-thirds,
.has-no-side-gutter .small-down--one-fourth,
.has-no-side-gutter .small-down--four,
.has-no-side-gutter .small-down--one-fifth,
.has-no-side-gutter .small-down--three-fifths,
.has-no-side-gutter .small-down--two-fifths,
.has-no-side-gutter .small-down--one-sixth,
.has-no-side-gutter .small-down--one-seventh,
.has-no-side-gutter .small-down--one-eighth,
.has-no-side-gutter .small-down--two {
margin-right: 0;
margin-left: 0;
}
.has-no-side-gutter .small-down--one-whole {
width: 100%;
}
.has-no-side-gutter .small-down--one-half {
width: 50%;
}
.has-no-side-gutter .small-down--one-third {
width: 33.3333333333%;
}
.has-no-side-gutter .small-down--one-fourth {
width: 25%;
}
.has-no-side-gutter .small-down--one-fifth {
width: 20%;
}
.has-no-side-gutter .small-down--two-fifths {
width: 40%;
}
.has-no-side-gutter .small-down--three-fifths {
width: 60%;
}
.has-no-side-gutter .small-down--one-sixth {
width: 16.6666666667%;
}
.has-no-side-gutter .small-down--one-seventh {
width: 14.2857142857%;
}
.has-no-side-gutter .small-down--one-eighth {
width: 12.5%;
}
.has-no-side-gutter .small-down--two-thirds {
width: 66.6666666667%;
}
.has-no-side-gutter .small-down--two {
width: 12.5%;
}
.has-no-side-gutter .small-down--four {
width: 25%;
}
.has-no-side-gutter .small-down--seven {
width: 43.75%;
}
.has-no-side-gutter .small-down--eight {
width: 50%;
}
.has-no-side-gutter .small-down--nine {
width: 56.25%;
}
}
@media only screen and (max-width: 480px) {
.small-down--show {
display: block !important;
}
}
@media only screen and (max-width: 480px) {
.small-down--hide {
display: none !important;
}
}
@media only screen and (max-width: 480px) {
.small-down--text-left {
text-align: left !important;
}
}
@media only screen and (max-width: 480px) {
.small-down--text-right {
text-align: right !important;
}
}
@media only screen and (max-width: 480px) {
.small-down--text-center {
text-align: center !important;
}
}
/*================ Build Grid Push Classes ================*/
/* #Reset & Basics
================================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* #Fonts
================================================== */
{
%- capture font_settings_list -%
}
{
{
settings.regular__font | font_face: font_display: 'swap'
}
}
~ {
{
settings.regular__font | font_modify: 'weight', 'bolder' | font_face: font_display: 'swap'
}
}
~ {
{
settings.regular__font | font_modify: 'style', 'italic' | font_face: font_display: 'swap'
}
}
~ {
{
settings.regular__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'bolder' | font_face: font_display: 'swap'
}
}
~ {
{
settings.logo__font | font_face: font_display: 'swap'
}
}
~ {
{
settings.logo__font | font_modify: 'weight', 'bolder' | font_face: font_display: 'swap'
}
}
~ {
{
settings.logo__font | font_modify: 'style', 'italic' | font_face: font_display: 'swap'
}
}
~ {
{
settings.logo__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'bolder' | font_face: font_display: 'swap'
}
}
~ {
{
settings.headline__font | font_face: font_display: 'swap'
}
}
~ {
{
settings.headline__font | font_modify: 'weight', 'bolder' | font_face: font_display: 'swap'
}
}
~ {
{
settings.headline__font | font_modify: 'style', 'italic' | font_face: font_display: 'swap'
}
}
~ {
{
settings.headline__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'bolder' | font_face: font_display: 'swap'
}
}
~ {
{
settings.nav__font | font_face: font_display: 'swap'
}
}
~ {
{
settings.nav__font | font_modify: 'weight', 'bolder' | font_face: font_display: 'swap'
}
}
~ {
{
settings.nav__font | font_modify: 'style', 'italic' | font_face: font_display: 'swap'
}
}
~ {
{
settings.nav__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'bolder' | font_face: font_display: 'swap'
}
}
~ {
{
settings.nav__font | font_modify: 'weight', 'lighter' | font_face: font_display: 'swap'
}
}
~ {
{
settings.nav__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'lighter' | font_face: font_display: 'swap'
}
}
~ {
{
settings.top_bar__font | font_face: font_display: 'swap'
}
}
~ {
{
settings.top_bar__font | font_modify: 'weight', 'bolder' | font_face: font_display: 'swap'
}
}
~ {
{
settings.top_bar__font | font_modify: 'style', 'italic' | font_face: font_display: 'swap'
}
}
~ {
{
settings.top_bar__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'bolder' | font_face: font_display: 'swap'
}
}
~ {
{
settings.slideshow_headline__font | font_face: font_display: 'swap'
}
}
~ {
{
settings.slideshow_headline__font | font_modify: 'weight', 'bolder' | font_face: font_display: 'swap'
}
}
~ {
{
settings.slideshow_headline__font | font_modify: 'style', 'italic' | font_face: font_display: 'swap'
}
}
~ {
{
settings.slideshow_headline__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'bolder' | font_face: font_display: 'swap'
}
}
~ {
{
settings.slideshow_subtitle__font | font_face: font_display: 'swap'
}
}
~ {
{
settings.slideshow_subtitle__font | font_modify: 'weight', 'bolder' | font_face: font_display: 'swap'
}
}
~ {
{
settings.slideshow_subtitle__font | font_modify: 'style', 'italic' | font_face: font_display: 'swap'
}
}
~ {
{
settings.slideshow_subtitle__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'bolder' | font_face: font_display: 'swap'
}
}
{
%- endcapture -%
}
{
%- assign font_array=font_settings_list | split: '~' -%
}
{
%- for name in font_array -%
}
{
%- unless name contains 'error' -%
}
{
{
name
}
}
{
%- endunless -%
}
{
%- endfor -%
}
/* #Basic Styles
================================================== */
body {
background-color: {
{
settings.shop_bg_color
}
}
;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
font-family: {
{
settings.regular__font.family
}
}
,
{
{
settings.regular__font.fallback_families
}
}
;
font-weight: {
{
settings.regular__font.weight
}
}
;
font-size: {
{
settings.regular_font_size | append: 'px'
}
}
;
text-transform: {
{
settings.regular_font_style
}
}
;
color: {
{
settings.regular_color
}
}
;
line-height: 1.8em;
overflow-wrap: anywhere;
}
{
%- if settings.custom_bg !=blank -%
}
body {
background-image: url(//cdn.shopify.com/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_2000x.gif);
}
{
%- if settings.bg_stretched !=blank -%
}
body {
background-size: cover;
}
{
%- else -%
}
body {
background-repeat: {
{
settings.repeat_bg
}
}
;
}
{
%- if settings.bg_fixed !=blank -%
}
body {
background-attachment: fixed;
}
{
%- endif -%
}
{
%- endif -%
}
{
%- endif -%
}
body.is-active {
overflow-y: hidden;
}
::selection {
background-color: #000;
color: #fff;
}
abbr {
border-bottom: 1px dotted {
{
settings.border_color
}
}
;
}
/* #Typography
================================================== */
.logo {
position: relative;
font-family: {
{
settings.logo__font.family
}
}
,
{
{
settings.logo__font.fallback_families
}
}
;
font-weight: {
{
settings.logo__font.weight
}
}
;
font-size: {
{
settings.logo_font_size | append: 'px'
}
}
;
text-transform: {
{
settings.logo_font_style
}
}
;
color: {
{
settings.logo_color
}
}
;
padding-top: 15px;
}
.logo a,
.logo a:hover,
.logo a:visited,
.logo a:active {
color: {
{
settings.logo_color
}
}
;
line-height: 45px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.title a,
.title a:visited,
.headline,
.subtitle {
font-family: {
{
settings.headline__font.family
}
}
,
{
{
settings.headline__font.fallback_families
}
}
;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-transform: {
{
settings.headline_font_style
}
}
;
line-height: 1.5;
color: {
{
settings.headline_color
}
}
;
display: block;
letter-spacing: {
{
settings.headline_letter_spacing | append: 'px'
}
}
;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: {
{
settings.headline_font_size | times: 1 | append: 'px'
}
}
;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.title a {
font-weight: inherit;
}
h1 a,
h1 a:visited,
.title a,
.title a:visited {
color: {
{
settings.headline_color
}
}
;
}
h1 a:hover,
h1 a:active,
.title a:hover,
.title a:active {
color: {
{
settings.link_color
}
}
;
}
h1,
.h1,
h2.title,
.title a {
line-height: 50px;
margin: 0 auto 20px;
text-align: center;
border-bottom: 1px solid {
{
settings.border_color
}
}
;
border-top: none;
padding: 0 0 8px 0;
clear: both;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-align: {
{
settings.headline_alignment
}
}
;
}
h2.home {
font-family: {
{
settings.headline__font.family
}
}
,
{
{
settings.headline__font.fallback_families
}
}
;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-transform: {
{
settings.headline_font_style
}
}
;
line-height: 1.5;
color: {
{
settings.headline_color
}
}
;
display: block;
letter-spacing: {
{
settings.headline_letter_spacing | append: 'px'
}
}
;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: {
{
settings.headline_font_size | times: 0.9 | floor | append: 'px'
}
}
;
border-top: 0;
border-bottom: 1px solid {
{
settings.border_color
}
}
;
padding: 0 0 12px 0;
line-height: 50px;
margin: 0 auto 20px;
clear: both;
font-weight: {
{
settings.headline__font.weight
}
}
;
}
h1.article_name {
text-align: left;
clear: none;
}
h2,
.h2 {
font-family: {
{
settings.headline__font.family
}
}
,
{
{
settings.headline__font.fallback_families
}
}
;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-transform: {
{
settings.headline_font_style
}
}
;
line-height: 1.5;
color: {
{
settings.headline_color
}
}
;
display: block;
letter-spacing: {
{
settings.headline_letter_spacing | append: 'px'
}
}
;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: {
{
settings.headline_font_size | times: 0.9 | floor | append: 'px'
}
}
;
line-height: 45px;
margin: 0 auto 20px;
text-align: center;
border-top: 1px solid {
{
settings.border_color
}
}
;
border-bottom: 1px solid {
{
settings.border_color
}
}
;
padding: 12px 0;
}
h2.title a {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
h2.article_title {
border-top: 0;
padding: 0;
text-align: left;
margin-top: 15px;
margin-bottom: 5px;
font-family: {
{
settings.headline__font.family
}
}
,
{
{
settings.headline__font.fallback_families
}
}
;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-transform: {
{
settings.headline_font_style
}
}
;
line-height: 1.5;
color: {
{
settings.headline_color
}
}
;
display: block;
letter-spacing: {
{
settings.headline_letter_spacing | append: 'px'
}
}
;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: {
{
settings.headline_font_size | times: 0.8 | floor | append: 'px'
}
}
;
}
h2.article_title a {
color: {
{
settings.headline_color
}
}
;
}
h3,
.h3 {
font-family: {
{
settings.headline__font.family
}
}
,
{
{
settings.headline__font.fallback_families
}
}
;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-transform: {
{
settings.headline_font_style
}
}
;
line-height: 1.5;
color: {
{
settings.headline_color
}
}
;
display: block;
letter-spacing: {
{
settings.headline_letter_spacing | append: 'px'
}
}
;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: {
{
settings.headline_font_size | times: 0.8 | floor | append: 'px'
}
}
;
line-height: 35px;
margin: 0 auto 15px 0;
text-align: left;
border-bottom: 1px solid {
{
settings.border_color
}
}
;
padding: 0 0 12px 0;
}
h4,
.h4,
h4.title a {
font-family: {
{
settings.headline__font.family
}
}
,
{
{
settings.headline__font.fallback_families
}
}
;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-transform: {
{
settings.headline_font_style
}
}
;
line-height: 1.5;
color: {
{
settings.headline_color
}
}
;
display: block;
letter-spacing: {
{
settings.headline_letter_spacing | append: 'px'
}
}
;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: {
{
settings.headline_font_size | times: 0.7 | floor | append: 'px'
}
}
;
line-height: 35px;
margin: 0 0 20px 0;
text-align: left;
padding: 0;
border-bottom: 1px solid {
{
settings.border_color
}
}
;
padding-bottom: 12px;
}
h4.title a {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
h5,
.h5 {
font-family: {
{
settings.headline__font.family
}
}
,
{
{
settings.headline__font.fallback_families
}
}
;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-transform: {
{
settings.headline_font_style
}
}
;
line-height: 1.5;
color: {
{
settings.headline_color
}
}
;
display: block;
letter-spacing: {
{
settings.headline_letter_spacing | append: 'px'
}
}
;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: {
{
settings.headline_font_size | times: 0.65 | floor | append: 'px'
}
}
;
line-height: 28px;
padding-bottom: 5px;
}
h5.sub_title a {
margin: 15px 0 5px 0;
color: {
{
settings.headline_color
}
}
;
display: block;
}
h6,
.h6 {
font-family: {
{
settings.headline__font.family
}
}
,
{
{
settings.headline__font.fallback_families
}
}
;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-transform: {
{
settings.headline_font_style
}
}
;
line-height: 1.5;
color: {
{
settings.headline_color
}
}
;
display: block;
letter-spacing: {
{
settings.headline_letter_spacing | append: 'px'
}
}
;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: {
{
settings.headline_font_size | times: 0.6 | floor | append: 'px'
}
}
;
padding-bottom: 1em;
}
.footer h6 {
font-family: {
{
settings.headline__font.family
}
}
,
{
{
settings.headline__font.fallback_families
}
}
;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-transform: {
{
settings.headline_font_style
}
}
;
line-height: 1.5;
color: {
{
settings.headline_color
}
}
;
display: block;
letter-spacing: {
{
settings.headline_letter_spacing | append: 'px'
}
}
;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: {
{
settings.headline_font_size | times: 0.6 | floor | append: 'px'
}
}
;
color: {
{
settings.headline_footer_text_color
}
}
;
}
.headline {
font-family: {
{
settings.headline__font.family
}
}
,
{
{
settings.headline__font.fallback_families
}
}
;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-transform: {
{
settings.headline_font_style
}
}
;
line-height: 1.5;
color: {
{
settings.headline_color
}
}
;
display: block;
letter-spacing: {
{
settings.headline_letter_spacing | append: 'px'
}
}
;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: {
{
settings.headline_font_size | floor | append: 'px'
}
}
;
}
.subheader {
color: #777;
}
.modal h3 {
padding: 6px 0 12px 0;
}
h6.social {
padding-bottom: 10px;
}
p {
margin: 0 0 20px;
font-style: normal;
}
p img {
margin: 0;
}
sub {
font-size: 60%;
}
em,
i {
font-style: italic;
}
strong,
b {
font-weight: bold;
}
small {
font-size: 80%;
}
.excerpt {
line-height: 1.8em;
position: relative;
max-height: 9em;
/* exactly five lines */
margin-bottom: 7px;
overflow: hidden;
}
.excerpt-length--lg .truncation-fade {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
margin: 0;
padding: 30px 0;
background-image: linear-gradient(to bottom, {
{
settings.shop_bg_color | color_to_rgb | color_modify: 'alpha', 0
}
}
, {
{
settings.shop_bg_color | color_to_rgb | color_modify: 'alpha', 1
}
}
);
}
.excerpt-length--sm .truncation-fade {
display: none;
}
/* Blockquotes */
blockquote,
blockquote p {
font-size: 17px;
line-height: 24px;
font-style: italic;
}
blockquote {
margin: 0 0 20px;
padding: 9px 20px 0 19px;
border-left: 1px solid {
{
settings.border_color
}
}
;
}
blockquote cite {
display: block;
font-size: 12px;
color: #555;
}
blockquote cite:before {
content: "— ";
}
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
color: #555;
}
hr {
border: solid {
{
settings.border_color
}
}
;
border-width: 1px 0 0;
clear: both;
margin: 10px 0 15px;
height: 0;
}
.quote {
font-size: 18px;
line-height: 32px;
text-align: center;
margin: 0 0 20px 0;
font-style: italic;
}
/* #Links
================================================== */
a,
a:visited {
color: {
{
settings.link_color
}
}
;
text-decoration: none;
outline: 0;
transition: color 0.3s ease-out 0s;
}
a:hover,
a:focus {
color: {
{
settings.link_hover_color
}
}
;
}
a:focus {
outline: Highlight auto 5px;
outline: -webkit-focus-ring-color auto 5px;
}
a,
button,
input,
select,
textarea,
label,
summary {
touch-action: manipulation;
}
.section-header a {
color: {
{
settings.headline_color
}
}
;
}
/* #Lists
================================================== */
ul,
ol {
margin-bottom: 20px;
}
ul {
list-style: none outside;
}
ol {
list-style: decimal;
}
ol,
ul.square,
ul.circle,
ul.disc {
margin-left: 30px;
}
ul.square {
list-style: square outside;
}
ul.circle {
list-style: circle outside;
}
ul.disc {
list-style: disc outside;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin: 4px 0 5px 15px;
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
margin-bottom: 6px;
}
li {
line-height: 1.8em;
margin-bottom: 12px;
}
ul.large li {
line-height: 1.8em;
}
ul.none {
list-style: none outside;
margin-left: 0;
}
ul.none li {
list-style: none;
padding: 0;
}
li p {
line-height: 1.8em;
}
ul {
line-height: 1.5;
}
ul li {
list-style-type: disc;
list-style-position: inside;
padding: 6px 0 6px 0;
margin-left: 0;
margin-bottom: 0;
}
.description ul {
list-style: disc outside;
}
/* #Menu
================================================== */
.top_bar {
background-color: {
{
settings.top_bar_bg_color
}
}
;
text-align: center;
z-index: 8000;
width: 100%;
}
{
%- if settings.display_text_shadow !=blank -%
}
.top_bar {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
{
%- endif -%
}
.top_bar .container {
padding-top: 0;
padding-bottom: 0;
}
.top_bar a {
font-family: {
{
settings.top_bar__font.family
}
}
,
{
{
settings.top_bar__font.fallback_families
}
}
;
font-weight: {
{
settings.top_bar__font.weight
}
}
;
font-size: {
{
settings.top_bar_font_size | append: 'px'
}
}
;
text-transform: {
{
settings.top_bar_font_style
}
}
;
color: {
{
settings.top_bar_color
}
}
;
letter-spacing: {
{
settings.top_bar_letter_spacing | append: 'px'
}
}
;
display: block;
height: 30px;
line-height: 30px;
}
{
%- if settings.display_text_shadow !=blank -%
}
{
%- endif -%
}
.topbar-menu li a {
font-family: Montserrat,sans-serif;
font-weight: 400;
font-size: 13px;
color: #5bc8d9;
text-transform: uppercase;
}
.top_bar a:hover {
color: {
{
settings.top_bar_color_hover
}
}
;
}
body .top_bar a {
letter-spacing: 0px;
}
.top_bar ul {
padding: 0;
margin: 5px 0 0 0;
border: 0;
text-align: right;
}
.top_bar ul li {
border-bottom: 0;
border-top: 0;
padding: 0 10px;
position: relative;
display: inline-block;
}
#nav,
#mobile_nav {
display: block;
margin: 20px auto 0;
min-height: 35px;
padding: 0;
}
#nav.nav-align--left ul,
#mobile_nav.nav-align--left ul {
text-align: left;
}
#nav.nav-align--center ul,
#mobile_nav.nav-align--center ul {
text-align: center;
}
@media only screen and (max-width: 798px) {
#nav.nav-align--center ul,
#mobile_nav.nav-align--center ul {
text-align: left;
}
}
#nav.nav-border--double,
#mobile_nav.nav-border--double {
border-top: double {
{
settings.border_color
}
}
;
border-bottom: double {
{
settings.border_color
}
}
;
}
#nav.nav-border--dashed,
#mobile_nav.nav-border--dashed {
border-top: 1px dashed {
{
settings.border_color
}
}
;
border-bottom: 1px dashed {
{
settings.border_color
}
}
;
}
#nav.nav-border--dotted,
#mobile_nav.nav-border--dotted {
border-top: 1px dotted {
{
settings.border_color
}
}
;
border-bottom: 1px dotted {
{
settings.border_color
}
}
;
}
#nav.nav-border--solid,
#mobile_nav.nav-border--solid {
border-top: 1px solid {
{
settings.border_color
}
}
;
border-bottom: 1px solid {
{
settings.border_color
}
}
;
}
#nav {
position: relative;
}
#nav.nav-border--none ul li:first-child {
padding-left: 0;
}
#mobile_nav {
display: none;
}
#mobile_nav ul,
#mobile_nav ul ul {
margin-left: 0;
}
#mobile_nav ul li,
#mobile_nav ul li a {
margin: 0;
}
#mobile_nav ul li a {
padding: 0 !important;
display: inline !important;
}
@media only screen and (max-width: 798px) {
.slicknav_menu .arrow {
display: none;
padding-left: 15px;
}
}
.slicknav_arrow .icon-right-arrow,
.slicknav_arrow .icon-down-arrow {
padding-left: 15px;
}
.slicknav_menu a.slicknav_btn {
padding-top: 2px !important;
padding-bottom: 0;
}
.slicknav_nav li {
list-style: none;
}
#mobile_nav {
min-height: 30px;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#mobile_nav .icon-menu {
font-size: 14px;
padding: 20px 5px 20px 20px;
}
#mobile_nav ul li {
padding-left: 20px;
}
#nav ul {
display: block;
margin: 0 auto;
border: none;
padding: 0;
margin: 0;
}
#nav .menu-desktop {
display: none;
}
@media only screen and (min-width: 799px) {
#nav .menu-desktop {
display: block;
}
}
#nav .menu-mobile {
display: block;
}
@media only screen and (min-width: 799px) {
#nav .menu-mobile {
display: none;
}
}
#nav ul li {
display: inline-block;
border-color: {
{
settings.border_color
}
}
;
border-top: 0;
border-bottom: 0;
padding: 10px 20px 8px;
position: relative;
margin: 0;
cursor: pointer;
/* Allows mega menu to position itself relative to the parent nav element */
}
#nav ul li.megaMenu-dropdown {
position: static;
}
/* Only target the direct children and don't apply to submenus */
#nav.nav-separator--solid>ul>li {
border-right: 1px solid {
{
settings.border_color
}
}
;
}
#nav.nav-separator--solid ul li:last-child {
border-right: none;
}
#nav ul li:not(.megaMenu-dropdown) a,
#nav ul li:not(.megaMenu-dropdown) a:visited,
#nav ul li:not(.megaMenu-dropdown) a:active,
#nav ul li:not(.megaMenu-dropdown) summary,
#nav ul li:not(.megaMenu-dropdown) summary:visited,
#nav ul li:not(.megaMenu-dropdown) summary:active,
#mobile_nav ul li a,
#mobile_nav ul li a:visited,
#mobile_nav ul li a:active,
a.slicknav_btn,
.mobile_currency select,
#nav ul li.megaMenu-dropdown>details>summary {
font-family: {
{
settings.nav__font.family
}
}
,
{
{
settings.nav__font.fallback_families
}
}
;
font-weight: {
{
settings.nav__font.weight
}
}
;
font-size: {
{
settings.nav_font_size | append: 'px'
}
}
;
text-transform: {
{
settings.nav_font_style
}
}
;
color: {
{
settings.nav_color
}
}
;
position: relative;
display: block;
letter-spacing: {
{
settings.nav_letter_spacing | append: 'px'
}
}
;
}
a.slicknav_btn {
padding: 5px 0;
}
#nav ul li a.active,
#nav ul li a.active:visited,
#nav ul li a.active:active,
#mobile_nav ul li a.active,
#mobile_nav ul li a.active:visited,
#mobile_nav ul li a.active:active,
.slicknav_btn {
color: {
{
settings.nav_color_active
}
}
;
}
#nav ul li:last-of-type {
border-right: none;
}
#nav ul li:focus a,
#nav ul li:focus a.sub-menu--link,
#nav ul li:focus summary.sub-menu--link,
#nav ul li a:hover,
#nav ul li a:visited:hover,
#nav ul li a:focus,
#nav ul li summary:hover,
#nav ul li summary:focus,
#mobile_nav ul li a:hover,
.slicknav_btn {
color: #4b4f54;
}
#nav ul li.current_page_item a,
#mobile_nav ul li.current_page_item a {
color: {
{
settings.nav_color_hover
}
}
;
}
#nav ul li.current_page_ancestor a,
#mobile_nav ul li.current_page_ancestor a {
color: {
{
settings.nav_color_hover
}
}
;
}
/* sub-levels link */
#menu ul a,
#menu li>ul a,
#menu li>ul summary {
padding: 10px 15px;
background: none;
text-align: left;
}
{
% assign dropdown_background_color=settings.dropdown_background_color %
}
/* sub-level ul */
#menu ul {
position: absolute;
left: 15px;
top: 100%;
z-index: 1000;
opacity: 0;
visibility: hidden;
width: 210px;
transition: opacity 0.3s 0.15s ease-in;
pointer-events: none;
}
{
%- if settings.dropdown_transparency !=blank -%
}
#menu ul {
background: {
{
dropdown_background_color | color_modify: 'alpha', 0.8
}
}
;
}
{
%- else -%
}
#menu ul {
background: {
{
dropdown_background_color
}
}
;
}
{
%- endif -%
}
{
%- if settings.dropdown_transparency !=blank -%
}
#menu ul {
border: 0;
}
{
%- else -%
}
#menu ul {
border: solid 1px #dddddd;
}
{
%- endif -%
}
#menu ul li {
padding: 0;
border: none;
display: block;
background: none;
text-align: left;
}
#menu ul li a,
#menu ul li summary {
display: block;
font-weight: {
{
settings.nav_dropdown_weight
}
}
;
font-size: {
{
settings.nav_dropdown_font_size | append: 'px'
}
}
;
text-transform: {
{
settings.nav_dropdown_font_style
}
}
;
}
#menu li:hover .submenu_list,
#menu li:active .submenu_list,
#menu ul li.sub-menu:hover .sub_submenu_list,
#menu ul li.sub-menu:active .sub_submenu_list,
#menu li details[open]+.submenu_list,
#menu li details[open]+.sub_submenu_list {
opacity: 1;
visibility: visible;
pointer-events: all;
}
#menu li.megaMenu-dropdown a.sub-menu--link:focus+.megaMenu,
#menu li.megaMenu-dropdown details[open]+.megaMenu {
opacity: 1;
visibility: visible;
pointer-events: all;
display: block;
}
/* sub-sub-level dropdown */
#menu ul ul {
left: 208px;
top: -1px;
}
#menu ul li .sub_submenu_list {
text-transform: {
{
settings.nav_dropdown_font_style
}
}
;
}
#menu ul.submenu_list.submenu--align-right {
right: 0;
left: auto;
}
#menu ul.sub_submenu_list.submenu--align-right {
right: 100%;
left: auto;
}
/* show dropdown ul on hover */
#menu li:hover>ul {
display: block;
opacity: 1;
visibility: visible;
}
/* Top bar styling */
@media only screen and (max-width: 798px) {
.top_bar .selectors-form {
display: none;
}
}
.header-menu__disclosure .selectors-form__wrap {
justify-content: flex-start;
}
.header-menu__disclosure .disclosure__toggle,
.header-menu__disclosure .disclosure-list__item--label {
font-family: {
{
settings.top_bar__font.family
}
}
,
{
{
settings.top_bar__font.fallback_families
}
}
;
font-size: {
{
settings.top_bar_font_size | append: 'px'
}
}
;
height: 30px;
padding: 0 10px;
margin-bottom: 5px;
}
.header-menu__disclosure .disclosure__list-wrap {
top: 100%;
z-index: 3;
position: absolute;
}
.header-menu__disclosure .disclosure-list {
background-color: #fff;
border: 1px solid #dfdfdf;
border-radius: 3px;
margin-top: 0;
padding: 0 10px;
}
.header-menu__disclosure .disclosure-list li.disclosure-list__item {
display: block;
padding: 0;
}
.header-menu__disclosure .disclosure-list button.disclosure__button {
font-family: {
{
settings.top_bar__font.family
}
}
,
{
{
settings.top_bar__font.fallback_families
}
}
;
font-size: {
{
settings.top_bar_font_size | append: 'px'
}
}
;
}
#menu details>summary::-webkit-details-marker {
display: none;
}
#menu summary {
list-style: none;
cursor: pointer;
}
/* Mobile menu styling */
.header-container {
/* Hide border-right on 2nd last child */
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.header-container .menu-item__disclosure {
display: none;
border-right: 0;
padding: 0 !important;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.header-container .selectors-form {
display: none;
}
}
.header-container .selectors-form__wrap {
justify-content: flex-start;
}
.header-container .disclosure--enabled li:nth-last-child(2) {
border-right: 0 !important;
}
.header-container .disclosure__toggle {
margin-top: 0;
}
.header-container .disclosure__toggle .icon-down-arrow {
display: inline-block;
margin-left: 10px;
padding-left: 0;
}
.header-container .disclosure__toggle,
.header-container .disclosure-list {
font-family: {
{
settings.top_bar__font.family
}
}
,
{
{
settings.top_bar__font.fallback_families
}
}
;
}
.header-container .disclosure-list li.disclosure-list__item {
padding-left: 0 !important;
}
/* #Mega Menu
================================================== */
/* Mega menu arrows */
#menu .menu-icon,
#mobile_nav .mega-mobile-arrow,
#mobile_nav .slicknav_arrow span {
vertical-align: initial;
display: inline;
}
#menu .mega-mobile-arrow,
#menu .mega-sub-arrow {
display: none;
}
#menu .megaMenu-submenu .mega-sub-arrow {
display: inline;
}
@media only screen and (max-width: 798px) {
#mobile_nav .arrow.mega-mobile-arrow,
#mobile_nav .mega-sub-arrow {
cursor: pointer;
display: inline-block;
}
}
#mobile_nav .megaMenu-triangle {
display: none;
}
#mobile_nav li.slicknav_open .slicknav_parent-link .sub-menu--link,
#mobile_nav li.slicknav_open .sub-menu.slicknav_open a.active,
#mobile_nav li.slicknav_open .sub-menu.slicknav_open a.sub-sub-menu--link,
#mobile_nav ul li.megaMenu-open a,
#mobile_nav ul li.megaMenu-open a.active,
#mobile_nav ul li.megaMenu-open .mega-mobile-arrow {
color: {
{
settings.link_color
}
}
;
}
/* Mega menu */
.megaMenu {
box-sizing: border-box;
border-top: 1px solid {
{
settings.border_color
}
}
;
position: absolute;
display: none;
z-index: 11;
font-size: {
{
settings.nav_font_size | append: 'px'
}
}
;
left: 0;
right: 0;
}
{
%- if settings.dropdown_transparency !=blank -%
}
.megaMenu {
background: {
{
dropdown_background_color | color_modify: 'alpha', 0.8
}
}
;
}
{
%- else -%
}
.megaMenu {
background: {
{
dropdown_background_color
}
}
;
}
{
%- endif -%
}
@media only screen and (min-width: 799px) {
.megaMenu {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
}
.megaMenu:hover,
.megaMenu:focus {
display: block;
}
@media only screen and (min-width: 799px) {
.megaMenu:hover,
.megaMenu:focus {
opacity: 1;
visibility: visible;
pointer-events: all;
}
}
.megaMenu.megaMenu-left .megaMenu-grid {
transform: translateX(0%);
}
.megaMenu.megaMenu-right .megaMenu-grid {
transform: translateX(-100%);
}
.megaMenu.animated {
animation-duration: 0.5s;
}
@media only screen and (max-width: 798px) {
.megaMenu {
position: relative;
padding: 0 40px 0 40px;
border-top: 0;
margin-bottom: 20px;
width: 100%;
}
}
.megaMenu .megaMenu-grid-wrap .simplebar-track .simplebar-scrollbar {
display: none !important;
}
@media only screen and (min-width: 799px) {
li.megaMenu-dropdown:hover .megaMenu,
.megaMenu-dropdown[aria-expanded=true] .megaMenu {
opacity: 1;
visibility: visible;
pointer-events: all;
position: absolute;
display: block;
}
li.megaMenu-dropdown:hover .megaMenu .megaMenu-grid-wrap .simplebar-track .simplebar-scrollbar,
.megaMenu-dropdown[aria-expanded=true] .megaMenu .megaMenu-grid-wrap .simplebar-track .simplebar-scrollbar {
display: block !important;
}
}
.megaMenu-grid-wrap {
width: 100%;
overflow-x: auto;
}
#mobile_nav .megaMenu-grid,
#menu .megaMenu-grid {
display: flex;
flex-wrap: nowrap;
transition: ease-in-out 0.3s transform;
}
@media only screen and (max-width: 798px) {
#mobile_nav .megaMenu-grid,
#menu .megaMenu-grid {
flex-wrap: wrap;
}
}
#nav #menu .megaMenu-submenu,
#nav #menu .megaMenu-sub-submenu {
background: transparent;
border: 0;
z-index: 2;
top: 0;
left: 0;
width: auto;
display: block;
list-style: none;
padding-left: 0;
position: relative;
text-align: left;
}
@media only screen and (max-width: 798px) {
#nav #menu .megaMenu-submenu,
#nav #menu .megaMenu-sub-submenu {
margin-top: 20px;
}
}
#nav #menu .megaMenu-submenu li,
#nav #menu .megaMenu-sub-submenu li {
list-style-type: none;
padding: 0 0 10px;
font-size: 1em;
border-right: 0;
font-weight: {
{
settings.nav__font.weight
}
}
;
line-height: 1.8;
}
#nav #menu .megaMenu-submenu li:hover .megaMenu-sublink,
#nav #menu .megaMenu-submenu li:hover span.arrow,
#nav #menu .megaMenu-sub-submenu li:hover .megaMenu-sublink,
#nav #menu .megaMenu-sub-submenu li:hover span.arrow {
color: {
{
settings.link_color
}
}
;
}
@media only screen and (max-width: 798px) {
#nav #menu .megaMenu-submenu li,
#nav #menu .megaMenu-sub-submenu li {
padding: 0 0 16px;
}
}
#nav #menu .megaMenu-submenu li a,
#nav #menu .megaMenu-sub-submenu li a {
color: {
{
settings.nav_color
}
}
;
display: inline-block;
padding: 0;
text-transform: {
{
settings.nav_dropdown_font_style
}
}
;
}
#nav #menu .megaMenu-submenu li a:hover,
#nav #menu .megaMenu-sub-submenu li a:hover {
color: {
{
settings.link_color
}
}
;
}
#nav #menu .megaMenu-submenu details[open]+.megaMenu-sub-submenu {
display: block;
opacity: 1;
visibility: visible;
pointer-events: all;
}
#nav #menu .megaMenu-sub-submenu {
display: none;
}
.megaMenu-subtitle {
border-bottom: 0;
padding: 0;
font-size: {
{
settings.nav_font_size | append: 'px'
}
}
;
margin-bottom: 20px;
line-height: 1.8;
font-family: {
{
settings.nav__font.family
}
}
,
{
{
settings.nav__font.fallback_families
}
}
;
font-weight: {
{
settings.nav__font.weight
}
}
;
text-transform: {
{
settings.nav_font_style
}
}
;
}
.megaMenu-subtitle.megaMenu-sub-open a {
color: {
{
settings.link_color
}
}
;
}
@media only screen and (max-width: 798px) {
.megaMenu-subtitle {
margin-bottom: 0;
font-size: inherit;
margin-bottom: 0;
padding: 8px 0;
line-height: 1.8em;
}
}
.megaMenu-subtitle a {
color: {
{
settings.nav_color
}
}
;
}
.megaMenu-sublink-item {
padding: 8px 0;
}
@media only screen and (max-width: 798px) {
.megaMenu-sublink-item {
padding: 8px 0 8px 20px;
}
}
.megaMenu-sublink-item a,
.megaMenu-sublink-item summary {
text-align: left;
color: {
{
settings.nav_color
}
}
;
transition: color 0.3s ease-out 0s;
font-family: {
{
settings.nav__font.family
}
}
,
{
{
settings.nav__font.fallback_families
}
}
;
font-size: {
{
settings.nav_dropdown_font_size | append: 'px'
}
}
;
font-weight: {
{
settings.nav_dropdown_weight
}
}
;
text-transform: {
{
settings.nav_dropdown_font_style
}
}
;
line-height: 1.8;
color: {
{
settings.nav_color
}
}
;
position: relative;
display: inline;
}
@media only screen and (max-width: 480px) {
.megaMenu-sublink-item a,
.megaMenu-sublink-item summary {
letter-spacing: 0;
}
}
.megaMenu-sublink-item a:hover,
.megaMenu-subtitle a:hover,
.mega-menu-sublink-item summary:hover {
color: {
{
settings.link_color
}
}
;
}
@media only screen and (max-width: 798px) {
.megaMenu-sublink-item a:hover,
.megaMenu-subtitle a:hover,
.mega-menu-sublink-item summary:hover {
color: {
{
settings.nav_color
}
}
;
}
}
.megaMenu-sublink-item:first-child a,
.megaMenu-sublink-item:first-child summary {
padding-top: 0;
}
/* Visibility for 3rd level menus */
#menu .dropdown--active ul,
#menu .dropdown--active li {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.dropdown--active a,
.dropdown--active a:hover,
.dropdown--active span,
#mobile_nav ul li.dropdown--active a,
.dropdown--active summary,
.dropdown--active summary:hover {
color: {
{
settings.link_color
}
}
;
}
.megaMenu-text {
margin-top: 10px;
text-align: left;
color: {
{
settings.nav_color
}
}
;
}
.megaMenu-text p {
margin-bottom: 0;
}
.megaMenu-text a,
.megaMenu-text summary {
color: {
{
settings.nav_color
}
}
;
}
.megaMenu-text a:hover,
.megaMenu-text summary:hover {
color: {
{
settings.link_color
}
}
;
}
.megaMenu-column {
flex: 1 0 auto;
width: 20%;
box-sizing: border-box;
padding: 0 33px;
margin: 33px 0;
z-index: 1;
border-right: 1px solid {
{
settings.border_color
}
}
;
}
@media only screen and (max-width: 798px) {
.megaMenu-column {
margin: 0;
border-right: 0;
width: 100% !important;
padding: 0;
}
}
.megaMenu-column:last-child {
border-right: 0px;
}
@media only screen and (max-width: 798px) {
.megaMenu-column:last-child {
border-bottom: 0;
margin-bottom: 0;
}
}
.megaMenu-column a,
.megaMenu-column summary {
text-transform: {
{
settings.nav_dropdown_font_style
}
}
;
}
.megaMenu-image {
width: 100%;
}
@media only screen and (max-width: 798px) {
.megaMenu-image {
padding-top: 0;
margin-top: 10px;
max-width: 185px;
}
}
#nav #menu .megaMenu-sub-submenu {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
}
#mobile_nav .megaMenu-sub-submenu {
padding-left: 20px;
}
#mobile_nav .megaMenu-sub-submenu li {
padding-left: 40px;
}
@media only screen and (max-width: 798px) {
#mobile_nav .megaMenu-submenu,
#mobile_nav .megaMenu-submenu ul {
display: none;
padding: 0;
}
}
#mobile_nav .megaMenu-submenu details[open]+.megaMenu-sub-submenu {
display: block;
}
.megaMenu-banner {
display: flex;
align-items: center;
justify-content: center;
border-top: 1px solid {
{
settings.border_color
}
}
;
box-sizing: border-box;
width: 100%;
padding: 10px;
margin-top: 10px;
}
@media only screen and (max-width: 798px) {
.megaMenu-banner {
border-bottom: 1px solid {
{
settings.border_color
}
}
;
}
}
.megaMenu-banner p {
margin: 0;
padding: 0;
}
/* #Images
================================================== */
/*
The purpose of the below declaration is to make sure images don't
exceed the width of columns they are put into when resizing window.
Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
so the best solution is to individually call these properties on images that
are children of the grid that you want to resize with grid.
*/
.product_row img,
.product_image_col img,
.article img,
.article_image img,
.section img,
.thumbnail img,
.sidebar img,
#target img {
max-width: 100%;
height: auto;
}
/* Zoom plugin */
.zoomImg {
background-color: {
{
settings.shop_bg_color
}
}
;
}
.zoom-container {
width: 100%;
display: block;
}
.detail-images img {
width: 100%;
}
.full-width-image {
width: 100%;
}
.lazyload--fade-in {
opacity: 0;
transition: opacity 0.2s linear;
}
.lazyload--fade-in.lazyloaded {
opacity: 1;
}
img[data-sizes=auto] {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}
/* Ensures that small images are not stretched larger */
.image__container {
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
}
.image-element__wrap img {
height: auto;
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.loading-wrap {
position: relative;
}
/* #Placeholders
================================================== */
.placeholder-svg {
fill: {
{
settings.headline_color
}
}
;
width: 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.placeholder-svg--banner,
.placeholder-svg--slideshow,
.placeholder-svg--video,
.placeholder-svg--map {
fill: rgba(255, 255, 255, 0.15);
background-color: {
{
settings.headline_color
}
}
;
max-height: 600px;
border-left: 0;
border-right: 0;
}
/* #Videos
================================================== */
/* #Home page - video */
.video-wrapper {
position: relative;
background-color: {
{
settings.shop_bg_color
}
}
;
/* Allows users to click embedded iframe ui when video paused */
}
.video-wrapper .video__overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin-left: auto;
margin-right: auto;
z-index: 1;
pointer-events: none;
}
.video-wrapper.darken-video--true .video__overlay {
background: rgba(0, 0, 0, 0.3);
}
.video-wrapper .plyr--video.plyr--paused .plyr__video-embed iframe {
z-index: 5;
}
.video-wrapper .plyr--full-ui.plyr--video .plyr__control--overlaid {
display: none;
}
.video-wrapper.play-button-icon--visible .plyr--paused .plyr__control--overlaid {
display: block;
opacity: 1;
}
.video-wrapper .video-wrapper__image {
line-height: 0;
}
.video-wrapper .video-wrapper__image img {
object-fit: cover;
}
@media only screen and (max-width: 798px) {
.video-wrapper .video-wrapper__image img,
.video-wrapper .video-wrapper__image .placeholder-svg {
min-height: 400px;
max-height: 600px;
}
}
.video-wrapper .action_button {
width: auto;
padding: 8px 25px;
pointer-events: all;
}
.video-wrapper video {
display: block;
width: 100%;
height: auto;
}
.video-wrapper .video__text-container {
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 100%;
margin: auto;
z-index: 2;
pointer-events: none;
}
.video-wrapper .video__text {
height: 100%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.video-wrapper .video__text-wrapper {
text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3);
}
.video-wrapper .video__text-wrapper .headline {
font-family: {
{
settings.slideshow_headline__font.family
}
}
,
{
{
settings.slideshow_headline__font.fallback_families
}
}
;
font-weight: {
{
settings.slideshow_headline__font.weight
}
}
;
font-style: {
{
settings.slideshow_headline__font.style
}
}
;
color: {
{
settings.banner_color
}
}
;
font-size: {
{
settings.slideshow_headline_size | append: 'px'
}
}
;
margin-bottom: 0.2em;
line-height: {
{
settings.slideshow_headline_size | plus: 5 | append: 'px'
}
}
;
border: 0;
text-align: inherit;
}
.video-wrapper .video__text-wrapper .subtitle {
font-family: {
{
settings.slideshow_subtitle__font.family
}
}
,
{
{
settings.slideshow_subtitle__font.fallback_families
}
}
;
font-weight: {
{
settings.slideshow_subtitle__font.weight
}
}
;
font-style: {
{
settings.slideshow_subtitle__font.style
}
}
;
text-transform: {
{
settings.slideshow_subtitle_font_style
}
}
;
font-size: {
{
settings.slideshow_subtitle_size | append: 'px'
}
}
;
color: {
{
settings.banner_color
}
}
;
line-height: 1.5em;
position: relative;
margin-bottom: 35px;
}
@media only screen and (max-width: 798px) {
.video-wrapper .video__text-wrapper .headline {
font-size: 1.1em;
line-height: 1.1em;
}
.video-wrapper .video__text-wrapper .subtitle {
font-size: 0.8em;
line-height: 1.5em;
}
.video-wrapper .video__text-wrapper .action_button {
font-size: 0.8em;
margin-top: 0;
}
}
@media only screen and (max-width: 798px) {
.video-wrapper {
display: flex;
flex-direction: column;
}
}
/* Only want to target embedded iframes outside of product galleries and video sections */
:not(.plyr__video-wrapper) .plyr__video-embed {
position: relative;
}
/* #Page Details
================================================== */
[class*=page-details] .shopify-section--header {
padding-bottom: 0;
}
[class*=page-details] .thumbnail {
border: none;
}
[class*=page-details] .page-divider {
opacity: 0;
border-color: {
{
settings.border_color
}
}
;
}
[class*=page-details] .active-divider {
opacity: 1;
}
[class*=page-details] .footer {
margin-top: 0;
}
[class*=page-details] .grey-map {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(99%);
/* Chrome 19+ & Safari 6+ */
-webkit-backface-visibility: hidden;
/* Fix for transition flickering */
}
/* Featured Collections */
.featured_collections .thumbnail a[href] img {
margin-bottom: 15px;
transition: opacity 0.2s linear;
}
.featured_collections .thumbnail:hover a[href] img {
opacity: 0.8;
}
.featured_collections .price_align--right .price {
text-align: right;
flex: 1 0 25%;
}
.featured_collections .price_align--right .info__text {
flex: 1 0 75%;
}
.featured_collections .price_align--center .info {
text-align: center;
}
/* Featured Product */
.featured-product-container {
width: 100%;
}
/* Featured Promotions */
.featured-promotions {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.featured-promotions h2.title {
border: 0;
margin: 0;
padding: 20px 0 15px 0;
font-size: 22px;
line-height: 1.2;
}
.featured-promotions.featured-promotions--rounded-true img {
border-radius: 50%;
max-width: 66%;
margin: 0px auto;
}
.featured-promotions.featured-promotions--wide .feature-section {
margin: 0;
}
.feature-details .description {
text-align: {
{
settings.headline_alignment
}
}
;
}
.feature-wrap {
padding: 10px 20px;
}
.feature-section {
text-align: center;
margin: 0 10px 10px;
position: relative;
}
.feature-section .description a {
pointer-events: auto;
}
.feature-section img {
width: 100%;
display: block;
box-shadow: #000 0em 0em 0em;
}
.feature-section:hover a[href] img {
opacity: 0.8;
}
.feature-section:hover a[href] h2.title {
color: {
{
settings.nav_color_hover
}
}
;
}
.promo-1 {
animation-delay: 0s;
}
.promo-2 {
animation-delay: 0.3s;
}
.promo-3 {
animation-delay: 0.6s;
}
.promo-4 {
animation-delay: 0.9s;
}
.promo-5 {
animation-delay: 1.2s;
}
.promo-6 {
animation-delay: 1.5s;
}
.promo-7 {
animation-delay: 1.8s;
}
.featured-promotions.promo-per-row-2 .feature-section {
width: calc(50% - 20px);
}
@media only screen and (max-width: 798px) {
.featured-promotions.promo-per-row-2 .feature-section {
width: 100%;
margin: 0 0 10px;
}
}
.featured-promotions.promo-per-row-2 .feature-section:nth-child(2n+1) {
clear: both;
}
.featured-promotions.promo-per-row-3 .feature-section {
width: calc(33.3333% - 20px);
}
@media only screen and (max-width: 798px) {
.featured-promotions.promo-per-row-3 .feature-section {
width: 100%;
margin: 0 0 10px;
}
}
.featured-promotions.promo-per-row-3 .feature-section:nth-child(3n+1) {
clear: both;
}
.featured-promotions.promo-per-row-4 h2.title {
font-size: 25px;
}
.featured-promotions.promo-per-row-4 .feature-section {
width: calc(25% - 20px);
}
.featured-promotions.promo-per-row-4 .feature-section:nth-child(4n+1) {
clear: both;
}
@media only screen and (max-width: 798px) {
.featured-promotions.promo-per-row-4 .feature-section {
width: calc(50% - 20px);
}
.featured-promotions.promo-per-row-4 .feature-section:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 480px) {
.featured-promotions.promo-per-row-4 .feature-section {
width: 100%;
margin: 0 0 10px;
}
}
.container.promotions-grid-full_width {
width: 100%;
padding-top: 0;
}
.container.promotions-grid-full_width .featured-promotions.promo-per-row-2 .feature-section {
width: 50%;
margin: 0;
}
@media only screen and (max-width: 480px) {
.container.promotions-grid-full_width .featured-promotions.promo-per-row-2 .feature-section {
width: 100%;
}
}
.container.promotions-grid-full_width .featured-promotions.promo-per-row-3 .feature-section {
width: 33.333333%;
margin: 0;
}
@media only screen and (max-width: 798px) {
.container.promotions-grid-full_width .featured-promotions.promo-per-row-3 .feature-section {
width: 100%;
}
}
.container.promotions-grid-full_width .featured-promotions.promo-per-row-4 .feature-section {
width: 25%;
margin: 0;
}
@media only screen and (max-width: 798px) {
.container.promotions-grid-full_width .featured-promotions.promo-per-row-4 .feature-section {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.container.promotions-grid-full_width .featured-promotions.promo-per-row-4 .feature-section {
width: 100%;
}
}
/* Page FAQ
================================================== */
.shopify-section--page-faq-template .header_banner {
margin-bottom: 50px;
}
.faq__page-content {
margin-bottom: 50px;
}
.faq__heading {
border: 0;
padding-top: 0;
margin-bottom: 30px;
text-align: left;
line-height: 1;
}
.faq__heading:not(:first-child) {
padding-top: 50px;
}
@media only screen and (max-width: 798px) {
.faq__heading {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 798px) {
.faq__image {
padding-top: 50px;
}
}
.faq__accordion dd {
padding: 24px 16px;
}
.faq__accordion dd[aria-hidden=true] {
display: none;
}
.faq__accordion button {
font-family: {
{
settings.headline__font.family
}
}
,
{
{
settings.headline__font.fallback_families
}
}
;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-transform: {
{
settings.headline_font_style
}
}
;
line-height: 1.5;
color: {
{
settings.headline_color
}
}
;
display: block;
letter-spacing: {
{
settings.headline_letter_spacing | append: 'px'
}
}
;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: {
{
settings.headline_font_size | times: 0.7 | floor | append: 'px'
}
}
;
display: flex;
align-items: center;
background: none;
border: 0;
border-bottom: 1px solid {
{
settings.border_color
}
}
;
border-radius: 0;
color: {
{
settings.regular_color
}
}
;
line-height: 1.2;
padding: 24px 16px;
text-align: left;
text-shadow: none;
text-transform: none;
}
.faq__accordion button:hover,
.faq__accordion button:focus {
background: {
{
settings.headline_color | color_modify: 'alpha', 0.03
}
}
;
border-color: {
{
settings.border_color
}
}
;
color: {
{
settings.regular_color
}
}
;
}
.faq__accordion button span.icon-plus {
font-size: 14px;
padding-right: 12px;
}
.faq__accordion button[aria-expanded=true] {
background: {
{
settings.headline_color | color_modify: 'alpha', 0.03
}
}
;
}
.faq__accordion button[aria-expanded=true] span.icon-plus:before {
content: "";
}
.faq__content {
padding-bottom: 40px;
}
@media only screen and (max-width: 798px) {
.faq__content {
flex-direction: column;
}
}
.faq__content.faqImage--true .faq__column {
width: calc(50% - 20px);
}
@media only screen and (max-width: 798px) {
.faq__content.faqImage--true .faq__column {
width: 100%;
}
}
.faq__content.faqImage--left {
flex-direction: row-reverse;
}
@media only screen and (max-width: 798px) {
.faq__content.faqImage--left {
flex-direction: column;
}
}
.faq__content .faq__column {
width: 100%;
}
/* #Buttons
================================================== */
a.button,
button,
input[type=submit],
input[type=reset],
input[type=button],
.action_button,
a.action_button,
input.action_button[type=submit],
input.action_button[type=button],
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
background: {
{
settings.btn_color
}
}
;
border: 1px solid {
{
settings.btn_color
}
}
;
padding: 10px 20px;
text-align: center;
font-size: 14px;
cursor: pointer;
display: inline-block;
box-sizing: border-box;
text-transform: {
{
settings.top_bar_font_style
}
}
;
letter-spacing: {
{
settings.top_bar_letter_spacing | append: 'px'
}
}
;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
font-family: {
{
settings.top_bar__font.family
}
}
,
{
{
settings.top_bar__font.fallback_families
}
}
;
font-weight: {
{
settings.top_bar__font.weight
}
}
;
text-shadow: 0 1px rgba(0,
0,
0,
0.1);
width: 100%;
border-radius: 3px;
color: {
{
settings.btn_txt_color
}
}
;
transition: all 0.2s linear;
margin-bottom: 0;
-webkit-appearance: none;
line-height: 1.5;
white-space: inherit;
}
@media only screen and (max-width: 798px) {
a.button,
button,
input[type=submit],
input[type=reset],
input[type=button],
.action_button,
a.action_button,
input.action_button[type=submit],
input.action_button[type=button],
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
font-size: 12px;
}
}
a.button:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
.action_button:hover,
input.action_button[type=submit]:hover,
input.action_button[type=button]:hover,
button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
color: {
{
settings.btn_txt_color
}
}
;
background: {
{
settings.btn_hover_color
}
}
;
border-color: {
{
settings.btn_hover_color
}
}
;
}
a.button,
a.action_button {
cursor: default;
}
a.button[href],
a.action_button[href] {
cursor: pointer;
}
.btn.action_button,
input.btn.action_button[type=submit],
input.btn.action_button[type=button] {
width: inherit;
}
.disabled {
pointer-events: none;
opacity: 0.8;
}
.amazon-payments-pay-button {
display: block !important;
text-align: center;
}
p.add-to-cart-wrap {
margin-bottom: 0;
}
p.add-to-cart-wrap input {
min-height: 55px;
margin-bottom: 0 !important;
/* to over-ride the style on line 6123 */
}
/* Shopify smart payment buttons */
.add_to_cart {
margin: 0;
}
.add_to_cart.action_button {
margin-top: 0;
margin-bottom: 0;
}
.action_button.action_button--secondary,
.cart-button-update.action_button.action_button--secondary {
background-color: transparent;
border: 1px solid {
{
settings.btn_color
}
}
;
color: {
{
settings.btn_color
}
}
;
margin-bottom: 8px;
box-shadow: none;
}
.cart-button-update {
min-height: 55px;
}
/* Removes a space on the cart page when JS is disabled */
.no-js .dynamic-checkout__content {
display: none;
}
.shopify-payment-button {
position: relative;
height: 44px;
}
.shopify-payment-button button {
line-height: 1.2;
padding-top: 11px;
padding-bottom: 11px;
margin-bottom: 0;
}
/* Shopify challenge button */
.shopify-challenge__container .shopify-challenge__button {
max-width: 304px;
/* Match the width of the recaptcha iframe */
}
/* Shopify requires us to add this style for the Dynamic Payment Buttons */
[data-shopify-buttoncontainer] {
justify-content: flex-end;
}
.shopify-payment-button__button--branded,
.shopify-payment-button__button--unbranded {
overflow: hidden;
min-height: 44px;
}
button.shopify-payment-button__more-options {
color: {
{
settings.regular_color
}
}
;
box-shadow: none;
text-transform: none;
font-size: 0.9rem;
letter-spacing: 0;
padding: 16px 0 28px;
max-width: 80%;
margin: 0 auto;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
button.shopify-payment-button__more-options:hover {
background-color: transparent;
}
.purchase-details.smart-payment-button--true {
margin-top: 0;
}
.purchase-details.smart-payment-button--true .purchase-details__buttons {
display: flex;
margin-top: 0;
}
@media only screen and (min-width: 1025px) {
.purchase-details.smart-payment-button--true .purchase-details__buttons {
flex-direction: column;
}
}
.purchase-details.smart-payment-button--true .purchase-details__buttons .action_button--secondary,
.purchase-details.smart-payment-button--true .purchase-details__buttons .shopify-payment-button {
min-height: 43px;
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.purchase-details.smart-payment-button--true .purchase-details__buttons .action_button--secondary,
.purchase-details.smart-payment-button--true .purchase-details__buttons .shopify-payment-button {
margin-top: 0;
}
}
.purchase-details.smart-payment-button--true .shopify-payment-button__button--branded {
padding-bottom: 30px;
}
.purchase-details__quantity {
display: flex;
margin: 12px 0 24px;
width: 100%;
}
.purchase-details__quantity input.quantity {
border-radius: 0;
padding: 10px 15px;
line-height: 1.4;
min-height: 44px;
margin-bottom: 0;
max-width: 100%;
min-width: 50px;
text-align: center;
width: calc(48.5% - 88px);
-webkit-appearance: none;
-moz-appearance: textfield;
}
@media only screen and (max-width: 959px) and (min-width: 799px) {
.purchase-details__quantity input.quantity {
width: calc(100% - 88px);
}
}
@media only screen and (max-width: 798px) {
.purchase-details__quantity input.quantity {
width: calc(100% - 88px);
}
}
.purchase-details__quantity input.quantity::-webkit-inner-spin-button {
-webkit-appearance: none;
display: none;
}
.purchase-details__quantity .product-plus,
.purchase-details__quantity .product-minus {
border: 1px solid {
{
settings.border_color
}
}
;
box-sizing: border-box;
font-size: 10px;
color: {
{
settings.regular_color
}
}
;
cursor: pointer;
width: 44px;
height: 44px;
}
.purchase-details__quantity .product-plus:hover,
.purchase-details__quantity .product-minus:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.purchase-details__quantity .product-plus span,
.purchase-details__quantity .product-minus span {
display: block;
line-height: 42px;
text-align: center;
}
.no-js .purchase-details__quantity .product-plus,
.no-js .purchase-details__quantity .product-minus {
display: none;
}
.purchase-details__quantity .product-minus {
border-right: 0;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.purchase-details__quantity .product-plus {
border-left: 0;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.purchase-details.smart-payment-button--false {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 798px) {
.purchase-details.smart-payment-button--false {
flex-direction: column;
}
}
.purchase-details.smart-payment-button--false .purchase-details__quantity {
width: calc(50% - 6px);
margin-right: 12px;
max-width: 100%;
}
@media only screen and (max-width: 798px) {
.purchase-details.smart-payment-button--false .purchase-details__quantity {
width: 100%;
}
}
.purchase-details.smart-payment-button--false .purchase-details__quantity input.quantity {
width: calc(100% - 88px);
max-width: 100%;
}
.purchase-details.smart-payment-button--false .purchase-details__buttons {
width: calc(50% - 6px);
}
@media only screen and (min-width: 1025px) {
.purchase-details.smart-payment-button--false .purchase-details__buttons {
width: 100%;
}
}
.purchase-details.smart-payment-button--false .purchase-details__buttons.full-width {
margin: 0;
width: 100%;
margin-top: 12px;
}
@media only screen and (min-width: 481px) and (max-width: 798px) {
.purchase-details.smart-payment-button--false .purchase-details__buttons.full-width {
margin-top: 0;
}
}
.purchase-details__buttons {
width: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.purchase-details__buttons {
margin-top: 12px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.purchase-details__buttons .action_button--secondary {
margin-right: 12px;
}
}
.purchase-details__buttons .shopify-payment-button,
.purchase-details__buttons .action_button--secondary {
flex: 1 0 100%;
margin-bottom: 24px;
margin-top: 0;
max-width: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.purchase-details__buttons .shopify-payment-button,
.purchase-details__buttons .action_button--secondary {
flex: 1 0 calc(50% - 6px);
max-width: 100%;
}
}
iframe.gpay-iframe {
display: none;
/* Hide whitespace in footer */
}
.additional-checkout-button.additional-checkout-button--paypal {
min-width: 100% !important;
}
.additional-checkout-button+.additional-checkout-button {
margin-left: 0 !important;
max-width: 100% !important;
}
/* #Tabs
================================================== */
ul.tabs {
display: block;
margin: 20px 0 10px 0;
padding: 0;
border-bottom: solid 1px #ddd;
border-top: 0;
}
ul.tabs li {
display: block;
width: auto;
height: 30px;
padding: 0;
float: left;
margin-bottom: 0;
border: 0;
}
ul.tabs li a {
display: block;
text-decoration: none;
width: auto;
height: 29px;
padding: 0px 15px;
line-height: 30px;
border: solid 1px #ddd;
border-width: 1px 0 0 1px;
margin: 0;
background: #f5f5f5;
font-size: 13px;
}
ul.tabs li a.active {
background-color: {
{
settings.shop_bg_color
}
}
;
height: 30px;
position: relative;
top: -4px;
padding-top: 4px;
border-right-width: 1px;
margin: 0 -1px 0 0;
color: {
{
settings.regular_color
}
}
;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
ul.tabs li:first-child a {
border-top-left-radius: 2px;
}
ul.tabs li:last-child a {
border-width: 1px 1px 0 1px;
border-top-right-radius: 2px;
}
ul.tabs-content {
margin: 0;
display: block;
border: 0;
}
ul.tabs-content>li {
display: none;
border: 0;
}
ul.tabs-content>li.active {
display: block;
border: 0;
}
/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
content: " ";
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
ul.tabs:after {
clear: both;
}
ul.tabs {
zoom: 1;
}
/* #Search
================================================== */
/* Predictive search */
.search-enabled__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background-color: rgba(0, 0, 0, 0.4);
z-index: 100;
}
@media only screen and (min-width: 799px) and (max-width: 1024px) {
.search-enabled__overlay {
display: none !important;
/* Ensure overlay is hidden */
}
}
[data-autocomplete-true],
[data-autocomplete-false],
#autocomplete-search {
position: relative;
}
.search__results-wrapper {
display: none;
position: absolute;
z-index: 101;
top: 100%;
width: 400px;
}
@media only screen and (max-width: 798px) {
.search__results-wrapper {
display: none;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.search__results-wrapper {
max-height: 85vh;
overflow-y: scroll;
}
}
.search__results-wrapper .search__results {
background-color: white;
margin-left: 0;
margin-top: 0;
padding-top: 12px;
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 16px 32px 32px;
}
.search__results-wrapper .search__results li {
list-style-type: none;
padding: 0;
width: 100%;
display: inline-block;
margin-bottom: 0;
text-align: left;
}
.search__results-wrapper .search__results li a {
display: flex;
align-items: center;
margin: 0;
padding: 16px 0 0;
line-height: 1.5;
height: auto;
text-transform: none;
font-size: 15px;
}
.search__results-wrapper .search__results li a .thumbnail {
max-width: 96px;
margin: 0 16px 0 0;
}
.search__results-wrapper .search__results li a .title {
display: flex;
align-items: flex-start;
flex-direction: column;
color: {
{
settings.regular_color
}
}
;
}
.search__results-wrapper .search__results li a .item-pricing {
color: {
{
settings.link_color
}
}
;
}
.search__results-wrapper .search__results .all-results a {
padding: 10px 0;
color: {
{
settings.link_color
}
}
;
}
@media only screen and (max-width: 1024px) {
.search__results-wrapper .search__results .all-results a {
padding: 0;
}
}
.search__results-wrapper .search__results .all-results a .icon-right-arrow {
margin-left: 4px;
font-size: 1em;
}
/* mobile search */
.mobile-search {
display: none;
position: absolute;
top: 0;
left: 0;
height: 100vh;
z-index: 999999;
width: 100%;
background: rgba(0, 0, 0, 0.8);
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.mobile-search {
display: none !important;
/* Ensure it does not display on larger screens */
}
}
.mobile-search .search__results-wrapper {
width: 100%;
}
.mobile-search .search__fields {
position: relative;
}
.mobile-search form {
background-color: white;
margin: 0;
padding: 10px 20px 0;
position: relative;
min-height: 70vh;
width: calc(100% - 40px);
}
.mobile-search input#q {
font-family: {
{
settings.nav__font.family
}
}
,
{
{
settings.nav__font.fallback_families
}
}
;
font-weight: {
{
settings.nav__font.weight
}
}
;
font-style: {
{
settings.nav__font.style
}
}
;
font-size: 16px;
text-transform: {
{
settings.nav_font_style
}
}
;
padding-left: 40px;
padding-right: 20px;
border: 0;
border-bottom: 1px solid {
{
settings.border_color
}
}
;
border-radius: 0;
text-transform: none;
margin-bottom: 10px;
}
.mobile-search input#q:focus,
.mobile-search input#q:active {
border-bottom: 1px solid {
{
settings.border_color
}
}
;
box-shadow: none;
}
.mobile-search .icon-search {
left: 10px;
top: 50%;
transform: translateY(-50%);
position: absolute;
z-index: 1000;
font-size: 20px;
cursor: pointer;
}
.mobile-search .close-search {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
cursor: pointer;
}
.mobile-search .search__results-wrapper {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
position: relative;
}
.mobile-search .search__results {
background-color: white;
margin-top: 0;
padding: 0;
}
.mobile-search .item-result:last-child {
padding-bottom: 10px;
}
/* Blog search */
.blog_search .search__results-wrapper {
width: 100%;
}
.blog_search .search__results-wrapper .search__results {
padding: 10px;
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.blog_search .search__results-wrapper .search__results li {
width: 100%;
}
}
.blog_search .search__results-wrapper .search__results li a {
display: flex;
}
.blog_search .search__results-wrapper .search__results .thumbnail {
max-width: 30%;
}
/* #Forms
================================================== */
form {
margin-bottom: 20px;
}
fieldset {
margin-bottom: 20px;
}
select,
textarea,
input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=url],
input[type=tel],
input[type=number],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=range],
input[type=color] {
display: block;
width: 100%;
height: auto;
padding: 12px 20px;
margin: 0;
line-height: 22px;
border: 1px solid #dfdfdf;
border-radius: 2px;
background: #ffffff;
color: #5f6a7d;
box-sizing: border-box;
font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 15px;
}
select:active,
select:focus,
textarea:active,
textarea:focus,
input[type=text]:active,
input[type=text]:focus,
input[type=password]:active,
input[type=password]:focus,
input[type=email]:active,
input[type=email]:focus,
input[type=search]:active,
input[type=search]:focus,
input[type=url]:active,
input[type=url]:focus,
input[type=tel]:active,
input[type=tel]:focus,
input[type=number]:active,
input[type=number]:focus,
input[type=date]:active,
input[type=date]:focus,
input[type=month]:active,
input[type=month]:focus,
input[type=week]:active,
input[type=week]:focus,
input[type=time]:active,
input[type=time]:focus,
input[type=range]:active,
input[type=range]:focus,
input[type=color]:active,
input[type=color]:focus {
border: 1px solid #aaaaaa;
color: #444444;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
input[type=color], input[type=date], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
display: block;
width: 100%;
height: 40px;
min-height: 40px;
padding: 0 9px;
margin: 0;
line-height: 22px;
border: 1px solid #dfdfdf;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
outline: 0;
background: #fff;
color: #5f6a7d;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font: 13px HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
margin-bottom: 15px;
}
input[type=color], input[type=date], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
border: 1px solid #5bc8d9;
}
select {
background: url(//cdn.shopify.com/s/files/1/0207/9574/t/38/assets/select.png?v=53027262544031811991635780222) no-repeat right,
#fff;
background-position: 95% 50%;
background-size: 10px;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #5bc8d9;
-webkit-appearance: none;
-o-appearance: none;
appearance: none;
padding: 12px 20px;
text-indent: 0.01px;
text-overflow: "";
height: auto;
}
select::-ms-expand {
display: none;
}
.purchase-details .add_to_cart { text-transform: uppercase;}
.purchase-details__buttons .shopify-payment-button { display:none; }
.shopify-installments { display: none!important; }
label,
legend {
display: block;
font-weight: bold;
font-size: 14px;
padding-bottom: 4px;
}
input[type=checkbox] {
display: inline;
}
label span,
legend span {
font-weight: bold;
font-size: 14px;
color: #444444;
}
textarea {
padding: 8px;
min-height: 100px;
}
#customer_decline {
width: auto;
}
.acceptsMarketing {
display: flex;
}
.acceptsMarketing label {
display: inline-block;
margin-left: 5px;
}
.acceptsMarketing input[type=checkbox] {
margin-top: 5px;
}
/* Comment form */
.comment-form {
display: flex;
flex-wrap: wrap;
}
.comment-form__name {
margin-right: 20px;
}
@media only screen and (max-width: 798px) {
.comment-form__name {
margin: 0;
}
}
.comment-form__name,
.comment-form__email {
flex: 1 1 auto;
}
.comment-form__body,
.comment-form__error,
.comment-form__submit,
.comment-form__success {
flex-basis: 100%;
}
.comment-form__error-message,
.comment-form__success-message {
font-size: 18px;
line-height: 32px;
font-style: italic;
}
/* Search form */
.search-form {
margin: 0 auto;
}
@media only screen and (min-width: 799px) {
.search-form {
max-width: 500px;
}
}
.search-form input[type=text] {
margin-bottom: 0;
margin-right: 20px;
flex-grow: 1;
}
@media only screen and (max-width: 798px) {
.search-form input[type=text] {
margin-right: 0;
margin-bottom: 15px;
}
}
.search-form input[type=text],
.search-form input.action_button[type=submit] {
width: auto;
}
@media only screen and (max-width: 798px) {
.search-form input[type=text],
.search-form input.action_button[type=submit] {
width: 100%;
}
}
.search-template-wrapper hr {
margin: 1em auto;
width: calc(100% - 20px);
}
/* #Tables
================================================== */
/* Variables */
/* Collapsible tables */
.collapsible-table {
width: 100%;
margin-bottom: 20px;
border: 1px solid #cccccc;
}
@media only screen and (max-width: 798px) {
.collapsible-table {
border: none;
}
}
.collapsible-table a {
color: {
{
settings.link_color
}
}
;
font-weight: bold;
}
.collapsible-table a:hover,
.collapsible-table a:active {
color: {
{
settings.link_hover_color
}
}
;
text-decoration: underline;
}
@media only screen and (max-width: 798px) {
.collapsible-table thead {
display: none;
}
}
.collapsible-table th {
padding: 12px;
font-weight: bold;
border-bottom: 1px solid #e0e0e0;
background-color: #ededed;
}
.collapsible-table tr {
text-align: center;
}
@media only screen and (max-width: 798px) {
.collapsible-table tr {
display: block;
text-align: left;
margin-bottom: 20px;
border: 1px solid #e0e0e0;
}
}
.collapsible-table tr.even td {
background-color: #f7f7f7;
}
@media only screen and (max-width: 798px) {
.collapsible-table tr.even td {
background-color: #fbfbfb;
}
}
@media only screen and (max-width: 798px) {
.collapsible-table tr:last-child {
margin-bottom: 0;
}
}
.collapsible-table tr td {
padding: 12px;
position: relative;
border-bottom: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
background-color: #fbfbfb;
}
@media only screen and (max-width: 798px) {
.collapsible-table tr td {
display: block;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px 0 0;
border: none;
border-bottom: 1px solid #e0e0e0;
}
}
@media only screen and (max-width: 798px) {
.collapsible-table tr td:before {
content: attr(data-label);
z-index: 1;
width: 45%;
font-weight: bold;
padding: 4px 0px 4px 10px;
word-break: break-word;
}
}
@media only screen and (max-width: 798px) {
.collapsible-table tr td:after {
content: "";
top: 0;
left: 0;
z-index: 0;
min-width: 48%;
min-height: 100%;
position: absolute;
border-right: 1px solid #e0e0e0;
background-color: #ededed;
}
}
@media only screen and (max-width: 798px) {
.collapsible-table tr td:last-child {
border-bottom: none;
}
.collapsible-table tr td:first-child {
text-align: left;
border-left: 0;
}
}
.collapsible-table tr td.value input {
margin-bottom: 0;
}
.collapsible-table tr:hover td {
background-color: #f1f1f1;
}
@media only screen and (max-width: 798px) {
.collapsible-table tr:hover td {
background-color: #fbfbfb;
}
}
@media only screen and (max-width: 798px) {
.collapsible-table tfoot {
display: block;
margin-top: 20px;
}
.collapsible-table tfoot tr {
margin-bottom: 0;
border-bottom: none;
}
.collapsible-table tfoot tr:last-child {
border-bottom: 1px solid #e0e0e0;
}
}
.collapsible-table .order-details__total>span,
.collapsible-table .order-details__discount>span {
display: block;
}
@media only screen and (max-width: 798px) {
.collapsible-table .order-details__total,
.collapsible-table .order-details__discount {
text-align: right;
width: 45%;
}
}
@media only screen and (max-width: 798px) {
.collapsible-table .order-details__total .order-details__discount,
.collapsible-table .order-details__discount .order-details__discount {
width: 100%;
}
}
@media only screen and (max-width: 798px) {
.collapsible-table .order-details__product {
width: 45%;
text-align: right;
}
.collapsible-table .order_summary td {
border-bottom: none;
}
.collapsible-table .order_summary .order_summary__discount {
text-align: right;
}
}
/* Standard tables */
{
%- if settings.table_styles_enabled !=blank -%
}
table:not(.collapsible-table) {
margin-bottom: 20px;
border: 1px solid #cccccc;
}
table:not(.collapsible-table) a {
color: inherit;
font-weight: bold;
}
table:not(.collapsible-table) a:hover,
table:not(.collapsible-table) a:active {
color: {
{
settings.link_color
}
}
;
text-decoration: underline;
}
table:not(.collapsible-table) th {
padding: 12px;
font-weight: bold;
border-bottom: 1px solid #e0e0e0;
background-color: #ededed;
}
table:not(.collapsible-table) th:first-child {
text-align: left;
}
table:not(.collapsible-table) tr.even td {
background-color: #f7f7f7;
}
table:not(.collapsible-table) tr td {
padding: 12px;
border-bottom: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
background-color: #fbfbfb;
}
table:not(.collapsible-table) tr td:first-child {
border-left: 0;
}
table:not(.collapsible-table) tr td.value input {
margin-bottom: 0;
}
table:not(.collapsible-table) tr:hover td {
background-color: #f1f1f1;
}
{
%- endif -%
}
/* #Misc
================================================== */
.remove,
.remove:visited {
color: {
{
settings.regular_color
}
}
;
}
.half-bottom {
margin-bottom: 10px !important;
}
.add-bottom {
margin-bottom: 20px !important;
}
.inline {
display: inline;
}
.right {
float: right;
position: relative;
}
.left {
float: left;
}
.center {
text-align: center;
}
.relative {
position: relative;
}
div.mobile_only {
display: none;
}
.no_border {
border: none !important;
}
.extra_padding {
padding-top: 4px;
}
.hidden {
display: none;
}
.strikethrough {
text-decoration: line-through;
}
div#gift-card-outer-container {
background-color: #eee;
}
#target {
text-align: center;
}
#gift-card-outer-container a.action_button {
width: 90%;
display: block;
margin: 0 auto;
}
.promo_banner-show .announcementBar {
display: block;
}
.announcementBar {
width: 100%;
top: 0;
left: 0;
display: none;
}
.announcementBar div.announcementBar__message {
width: 95%;
margin: 0px auto;
padding: 3px 0;
display: block;
text-align: center;
font-size: 16px;
}
.announcementBar div.announcementBar__message a,
.announcementBar div.announcementBar__message p {
margin: 0;
display: inline-block;
width: 90%;
}
.announcementBar div.announcementBar__message .ss-icon {
float: right;
font-size: 12px;
margin: 7px 0 0;
cursor: pointer;
}
.visuallyhidden {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
a.animate-arrow:hover .icon-right-arrow,
a.animate-arrow:focus .icon-right-arrow {
padding-left: 8px;
}
a.animate-arrow:hover .icon-left-arrow,
a.animate-arrow:focus .icon-left-arrow {
padding-right: 8px;
}
a.animate-arrow .icon-right-arrow,
a.animate-arrow .icon-left-arrow {
padding-left: 5px;
transition: ease-in-out 0.15s all;
}
p.trim-paragraph {
margin-bottom: 0;
}
.trim-last-paragraph p:last-child {
margin-bottom: 0;
}
.text-align--center {
text-align: center;
}
.text-align--left {
text-align: left;
}
.text-align--right {
text-align: right;
}
/* #Cart
================================================== */
.continue-shopping-link {
margin-top: 10px;
display: inline-block;
}
.tos_checkbox {
display: flex;
}
.tos_checkbox label.tos_label {
margin-bottom: 0;
margin-left: 5px;
text-align: left;
line-height: 1.4em;
}
.tos_checkbox label.tos_label p {
margin-bottom: 0;
}
@media only screen and (max-width: 798px) {
.cart__itemQuantity {
text-align: right;
display: flex;
align-items: flex-end;
flex-direction: column;
}
}
.cart__itemQuantity .purchase-details__quantity {
margin: 0;
}
@media only screen and (max-width: 798px) {
.cart__itemQuantity .purchase-details__quantity {
max-width: 150px;
}
}
@media only screen and (max-width: 798px) {
.cart_product_title {
margin-top: 15px;
margin-bottom: 0;
}
}
.cart_image {
display: block;
max-width: 180px;
}
.cart_image .image-element__wrap {
float: left;
margin-right: 20px;
}
@media only screen and (max-width: 798px) {
.cart_image .image-element__wrap {
float: none;
}
}
.cart_image .image-element__wrap img {
max-width: 180px;
min-width: 180px;
}
@media only screen and (max-width: 480px) {
.cart_image .image-element__wrap img {
margin: 0;
max-width: 150px;
min-width: 150px;
}
}
.title_column {
position: relative;
}
.container .cart__itemPrice.two.columns {
min-height: 44px;
}
@media only screen and (max-width: 798px) {
.container .cart__itemPrice.two.columns {
width: 65%;
float: left;
}
}
@media only screen and (max-width: 480px) {
.container .cart__itemPrice.two.columns {
width: 55%;
}
}
@media only screen and (max-width: 798px) {
.container .cart__itemQuantity.two.columns {
width: 35%;
float: left;
}
}
@media only screen and (max-width: 480px) {
.container .cart__itemQuantity.two.columns {
width: 45%;
}
}
.container .cart__itemTotal.four.columns {
min-height: 44px;
display: flex;
align-items: center;
}
.container .cart__itemTotal.four.columns .cart__itemTotalContainer {
width: 100%;
}
.container .cart__itemTotal.four.columns .cart__itemTotalContainer .remove {
position: relative;
top: 3px;
}
#shipping-rates-feedback {
margin-top: 20px;
margin-bottom: 20px;
}
/* Cart notification */
.cart-notification {
max-width: 540px;
padding: 2.5rem;
}
.cart-notification__image {
margin-right: 20px;
flex-basis: 25%;
}
.cart-notification__price,
.cart-notification__item-title {
margin-bottom: 0;
}
.cart-notification__checkout {
margin-top: 1rem;
}
@media only screen and (max-width: 798px) {
.cart-notification__title {
font-size: 125%;
}
}
.cart-notification__image img {
height: auto;
max-width: 100%;
}
.cart-notification__content {
position: relative;
flex-grow: 1;
}
.cart-notification__content .action_button {
display: inline;
}
.cart-notification__view {
position: absolute;
top: 0;
right: 0;
}
@media only screen and (max-width: 798px) {
.cart-notification__view {
position: relative;
}
}
.fancybox-cart-notification .fancybox-close {
top: 5px;
right: 10px;
}
/* #Collections
================================================== */
.collection-image {
left: 50%;
margin: 0 -50vw 2rem -50vw;
max-width: 100vw;
position: relative;
right: 50%;
width: 100vw;
}
@media only screen and (max-width: 798px) {
.collection-image {
margin-bottom: 1rem;
}
}
.collection-description {
margin: 20px 0;
}
/* #Site Styles
================================================== */
.flex-container {
display: flex;
}
.flex-container:after {
visibility: hidden;
display: none;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
div.content {
padding: 15px 0 10px 0;
}
.index .shopify-section:not(.shopify-section--divider),
.page-details-block,
.product-details-block {
margin-bottom: 15px;
}
.content_column {
padding-bottom: 2em;
}
.content_column .action_button {
display: inline;
}
.image_column {
text-align: center;
}
.image_column img,
.image_column svg {
margin-bottom: 15px;
}
.index div.shopify-section.shopify-section--header,
.index div.shopify-section.shopify-section--footer {
margin-bottom: 0;
}
span.icon-cart {
margin-right: 3px;
}
body footer .header_icons {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
margin-top: -50px;
}
@media only screen and (max-width: 1024px) {
.header_icons {
position: static;
}
}
.header_icons a.ss-icon {
color: {
{
settings.header_social_icons_color
}
}
;
transition: ease-in-out 0.3s all;
}
.header_icons a.ss-icon span {
border-color: {
{
settings.header_social_icons_color
}
}
;
}
.header_icons a.ss-icon:hover {
color: {
{
settings.header_social_icons_color_hover
}
}
;
}
.header_icons a.ss-icon:hover span {
border-color: {
{
settings.header_social_icons_color_hover
}
}
;
}
@media only screen and (max-width: 1024px) {
.header-logo--left .header_icons {
justify-content: flex-start;
}
}
.logo img {
max-width: 100%;
height: auto;
}
.logo a {
display: block;
}
.logo a.logo-align--left {
text-align: left;
margin: 0;
}
@media only screen and (max-width: 480px) {
.logo a.logo-align--left {
text-align: center;
margin: 0 auto;
}
}
.logo a.logo-align--center {
text-align: center;
margin: 0 auto;
}
.logo--desktop {
display: inline-block;
}
.index .shopify-section--featured-product .container.product_section {
padding-top: 25px;
}
.index .shopify-section--featured-product .container.product_section .product_info {
margin-bottom: 2em;
}
.frontpage_product_stagger--true .product_section:nth-child(2n)>div {
float: right;
}
.product_row {
text-align: center;
}
@media only screen and (min-width: 768px) {
.product_row {
display: flex;
align-items: center;
}
}
.description--bottom {
margin-bottom: 0;
margin-top: 15px;
}
.purchase {
margin-top: 25px;
}
.inline_purchase {
display: inline-block;
margin-left: 20px;
margin-top: 30px;
}
.items_left p {
margin-bottom: 0px;
color: {
{
settings.sale_price_color
}
}
;
}
.breadcrumb {
font-size: 12px;
font-style: italic;
padding-bottom: 1em;
padding-top: 10px;
}
.breadcrumb span {
margin-right: 3px;
}
.breadcrumb .columns {
display: flex;
align-items: center;
}
.product_breadcrumb {
margin-top: 1em;
margin-bottom: 1em;
}
#feature_image a {
cursor: zoom-in;
}
.feature_text {
margin: 10px 0 0;
clear: both;
}
.paginate {
text-align: center;
}
.paginate span {
padding: 0 10px 3px;
}
.thumbnail {
position: relative;
padding-bottom: 0.5em;
margin-bottom: 1em;
}
{
%- if settings.collection_border !=blank -%
}
.thumbnail {
border-bottom: solid 1px {
{
settings.border_color
}
}
;
}
{
%- endif -%
}
@media only screen and (max-width: 798px) {
.thumbnail {
padding-bottom: 0;
}
}
.thumbnail .spr-badge {
margin-bottom: 0;
}
{
%- if settings.align_height !=blank -%
}
.thumbnail img {
max-height: {
{
settings.collection_height | append: 'px'
}
}
;
width: 100%;
object-fit: contain;
}
.thumbnail video,
.thumbnail .plyr--youtube {
width: 100%;
max-height: {
{
settings.collection_height | append: 'px'
}
}
;
}
.thumbnail .plyr--youtube {
height: {
{
settings.collection_height | append: 'px'
}
}
;
}
.thumbnail .plyr--youtube .plyr__video-embed {
height: 100%;
}
{
%- endif -%
}
.thumbnail.blank {
border: 0;
}
.thumbnail a {
display: block;
padding-bottom: 0.5em;
color: {
{
settings.regular_color
}
}
;
}
.thumbnail a:hover,
.sidebar a:hover {
color: {
{
settings.link_color
}
}
;
}
.thumbnail .image__container {
margin-bottom: 15px;
}
.thumbnail a img,
.thumbnail a svg {
display: block;
margin-left: auto;
margin-right: auto;
}
/* Swap to second image on hover */
{
%- if settings.collection_secondary_image !=blank -%
}
.has-secondary-media-swap img {
visibility: visible;
height: auto;
}
.has-secondary-media-swap .secondary-media-hidden {
opacity: 0;
visibility: hidden;
height: 0 !important;
/* override inline height on image-element snippet */
}
{
%- endif -%
}
.banner_image {
width: 100%;
height: auto;
margin-bottom: 2em;
}
.sale_banner,
.new_banner {
background: {
{
settings.sale_color
}
}
;
font-size: 15px;
font-family: {
{
settings.top_bar__font.family
}
}
,
{
{
settings.top_bar__font.fallback_families
}
}
;
text-transform: {
{
settings.top_bar_font_style
}
}
;
text-shadow: 0px 1px 1px rgba(0,
0,
0,
0.3);
padding: 6px 20px;
text-align: center;
color: #fff;
}
@media only screen and (max-width: 480px) {
.sale_banner,
.new_banner {
font-size: 13px;
padding: 3px 10px;
}
}
.new_banner {
background: {
{
settings.new_banner_color
}
}
;
}
.banner_holder {
position: absolute;
top: 0;
left: 0;
}
.thumbnail .sale,
.sale {
color: {
{
settings.sale_price_color
}
}
;
}
.info {
display: flex;
flex-wrap: wrap;
}
.info__text {
flex: 1 0 100%;
}
.price {
flex: 1 0 100%;
font-weight: bold;
}
.price_align--right .price {
text-align: right;
flex: 1 0 25%;
}
.price_align--right .info__text {
flex: 1 0 75%;
}
.price_align--center .info,
.price_align--center .collection_swatches {
text-align: center;
}
.cart_price {
display: none;
}
.was-price {
text-decoration: line-through;
color: {
{
settings.was_price_color
}
}
;
font-style: italic;
text-shadow: none;
font-weight: normal;
}
.thumbnail .quick_shop {
display: none;
padding: 10px 20px;
background-color: {
{
settings.quick_shop_button_color
}
}
;
border-color: {
{
settings.quick_shop_button_color
}
}
;
position: absolute;
width: auto;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
color: {
{
settings.quick_shop_text_color
}
}
;
}
.thumbnail:hover .quick_shop {
display: block;
}
.thumbnail:hover .quick_shop:hover {
color: {
{
settings.quick_shop_text_color
}
}
;
background-color: {
{
settings.quick_shop_button_hover_color
}
}
;
border-color: {
{
settings.quick_shop_button_hover_color
}
}
;
}
.thumbnails a {
display: block;
margin-bottom: 1em;
}
.arrow {
position: relative;
left: 2px;
}
.modal {
margin: 10px 0;
display: none;
background-color: {
{
settings.modal_background_color
}
}
;
}
.modal_product {
width: auto;
line-height: 0px;
max-width: 940px;
}
.modal_product img {
cursor: pointer;
}
.modal_image {
text-align: center;
}
.modal form {
margin-bottom: 10px;
}
.notify_form .action_button {
width: 100%;
}
.product_image {
text-align: center;
}
.product_image_col {
margin-top: 15px;
text-align: center;
}
.meta {
font-size: 13px;
padding-bottom: 5px;
}
.meta p {
font-size: 13px;
margin-bottom: 0px;
}
p.meta {
margin-bottom: 5px;
}
.meta .label,
.label {
color: #808080;
}
.meta .label {
display: inline-block;
min-width: 25%;
}
.cart .meta .label {
min-width: auto;
}
.count {
font-style: normal;
font-size: 13px;
}
.filter_wrap {
width: auto;
display: inline-block;
}
@media only screen and (max-width: 798px) {
.filter_wrap {
width: 100%;
}
}
.filter_wrap .inline {
margin: 0 10px;
}
@media only screen and (max-width: 798px) {
.filter_wrap .inline {
margin: 0;
display: block;
}
}
#tag_filter,
#sort-by {
width: auto;
padding-right: 30px;
display: inline-block;
background-position: 90% 50%;
}
@media only screen and (max-width: 798px) {
#tag_filter,
#sort-by {
width: 100%;
background-position: 95% 50%;
}
}
.section_select {
text-align: right;
}
@media only screen and (max-width: 798px) {
.section_select {
text-align: left;
}
}
.or {
font-size: smaller;
font-style: italic;
padding: 0 10px;
}
input.quantity {
width: 45px;
display: inline;
padding-left: 6px;
padding-right: 0;
height: 35px;
min-height: 35px;
border-color: {
{
settings.border_color
}
}
;
}
.quantity_left {
float: left;
}
@media only screen and (max-width: 798px) {
.cart__itemPrice .price_total {
display: block;
margin-top: 10px;
margin-bottom: 0;
}
.mobile_right {
clear: both;
}
#cart_form .cart_price {
display: block;
margin: 0;
}
#cart_form .cart_price span.money {
position: absolute;
bottom: -15px;
right: 0;
}
#cart_form .cart_price span.price_total_text {
position: absolute;
top: 0;
right: 0;
}
}
@media only screen and (max-width: 798px) and (max-width: 798px) {
#cart_form .cart_price span.price_total_text {
right: 10px;
}
}
.quantity_label {
display: none;
}
.subtotal,
.discount {
text-align: right;
}
@media only screen and (max-width: 798px) {
.subtotal,
.discount {
text-align: left;
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
}
.notification-discount {
display: block;
}
.discount-price {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.price_total {
margin: 0;
}
.price_total span {
display: block;
}
.mobile_left {
text-align: right;
}
.cart_description {
font-size: 13px;
}
.popup_tos {
margin-bottom: 20px;
}
label.tos_label {
display: inline;
font-weight: normal;
text-transform: none;
}
#estimated-shipping,
.excluding_tax {
display: block;
}
h4.title a.twitter,
h4.title a.subscribe {
display: inline;
font-size: 18px;
}
h4.title a.twitter .text,
h4.title a.subscribe .text {
position: relative;
top: -14px;
font-size: 16px;
}
.article,
.article_image {
padding-bottom: 30px;
}
body.article {
padding-bottom: 0;
}
.gravatar-comment-wrapper {
display: flex;
}
@media only screen and (max-width: 480px) {
.gravatar-comment-wrapper {
flex-direction: column;
}
}
/* Author & Comments */
.blog__comment {
width: 100%;
}
.blog__social-share {
margin-bottom: 20px;
}
.blog__author,
.blog__comment-author {
margin-bottom: 20px;
flex: 1 1 auto;
}
.blog__author-name,
.blog__comment-author-name {
padding: 0;
}
.blog__author-image,
.blog__comment-author-image {
width: 80px;
height: 80px;
}
.blog__author-image img,
.blog__comment-author-image img {
border-radius: 50px;
}
.blog__comment-author-bio {
flex: 1 1 auto;
}
.blog__author-bio,
.blog__comment-author-bio {
margin-left: 20px;
}
@media only screen and (max-width: 798px) {
.blog__author-bio,
.blog__comment-author-bio {
margin-left: 0;
}
}
.blog_meta span {
position: relative;
display: inline-block;
margin-right: 15px;
font-size: smaller;
color: {
{
settings.was_price_color
}
}
;
}
.blog_meta span:after {
content: "";
position: absolute;
right: -16px;
top: 50%;
margin: -1px 5px 0;
width: 4px;
height: 4px;
border-radius: 2px;
background-color: #ced3d3;
box-sizing: border-box;
}
.blog_meta span:last-child:after {
background-color: transparent;
}
.tags span a {
font-weight: bold;
color: {
{
settings.link_color
}
}
;
}
.blog_list li {
list-style: none;
}
.blog_list li li:last-child,
.blog_list li ul,
.blog_list li>ul>li {
margin-bottom: 0;
}
.blog_list .sub-menu:last-child {
padding-bottom: 0;
}
ul.blog_list li ul {
display: none;
}
ul.blog_list li ul.active {
display: block;
}
.collection_menu li span.active,
.sidebar li.active a,
ul.blog_list a.active,
ul.blog_list a.active--default {
color: {
{
settings.nav_color_active
}
}
;
font-weight: bold;
}
.collection_menu li a:hover,
.collection_menu li span.active:hover,
.sidebar a:hover {
color: {
{
settings.nav_color_hover
}
}
;
}
.sidebar a.parent-link--false:hover {
color: {
{
settings.regular_color
}
}
;
cursor: pointer;
}
.toggle span {
width: 50px;
text-align: center;
color: {
{
settings.was_price_color
}
}
;
font-weight: bold;
font-family: "Helvetica Neue",
Helvetica,
Arial,
sans-serif;
font-size: smaller;
float: right;
display: none;
}
@media only screen and (max-width: 798px) {
.toggle span {
display: block;
}
}
.toggle-all--true .toggle span {
cursor: pointer;
display: block;
}
.toggle-all--true .toggle_list,
.toggle-all--true .article_list {
display: none;
}
.menu-toggle {
float: right;
display: inline-block;
cursor: pointer;
padding: 0 6px 0 6px;
margin-right: 0;
font-size: 22px;
transition: transform 0.3s linear;
}
.menu-toggle.active {
transform: rotateX(180deg);
}
.comment {
margin-bottom: 30px;
}
.comment-body p.meta {
margin-bottom: 5px;
font-size: smaller;
}
.comment-body h6 {
padding: 0;
}
.red {
color: #C33;
}
.address p {
margin-bottom: 5px;
}
div#disqus_thread ul,
div#disqus_thread li {
border: none;
}
div.featured_content {
margin-top: 20px;
margin-bottom: 0;
text-align: center;
}
.featured_content p {
margin-bottom: 0;
}
.featured_text {
font-size: 18px;
line-height: 36px;
}
.social_buttons {
text-align: center;
}
.social_buttons a,
.social_buttons a:visited {
display: inline-block;
line-height: 32px;
padding: 0 6px;
margin: 8px 8px 8px 0;
font-size: 12px;
}
.social_buttons a span,
.social_buttons a:visited span {
color: {
{
settings.regular_color
}
}
;
font-family: {
{
settings.regular__font.family
}
}
,
{
{
settings.regular__font.fallback_families
}
}
;
font-weight: {
{
settings.regular__font.weight
}
}
;
}
.social_buttons a:hover,
.social_buttons a:active {
color: {
{
settings.link_color
}
}
;
}
.product-block--size_chart {
text-align: right;
padding-top: 2px;
font-family: {
{
settings.nav__font.family
}
}
,
{
{
settings.nav__font.fallback_families
}
}
;
}
.size_chart_content {
display: none;
padding: 10px 20px;
}
.size-chart--left {
text-align: left;
}
.size-chart--center {
text-align: center;
}
.size-chart--right {
text-align: right;
}
/* #Footer
================================================== */
.footer {
background-color: {
{
settings.footer_color
}
}
;
font-size: {
{
settings.footer_font_size | append: 'px'
}
}
;
line-height: 1.7em;
color: {
{
settings.footer_text_color
}
}
;
padding: 30px 0;
margin-top: 2em;
}
{
%- if settings.footer_border_color !=blank -%
}
.footer {
border-top: solid 1px {
{
settings.footer_border_color
}
}
;
}
{
%- endif -%
}
.footer.text-align--left {
text-align: left;
}
.footer.text-align--center {
text-align: center;
}
.index .footer {
margin-top: 0;
}
.footer hr {
border-color: {
{
settings.footer_text_color
}
}
;
}
.footer a {
color: {
{
settings.footer_link_color
}
}
;
text-shadow: none;
}
.footer a:hover {
text-shadow: none;
color: #5bc8d9;
}
.footer__menu {
margin-bottom: 0;
}
.footer__menu li {
display: inline;
padding: 0 15px 15px 15px;
}
@media only screen and (max-width: 798px) {
.footer__menu li {
display: block;
}
}
.footer__menu.footer__menu--vertical ul {
margin-bottom: 1em;
}
.footer__menu.footer__menu--vertical ul li {
display: block;
padding: 0 0 5px 0;
list-style: none outside;
}
.footer__disclosure--true .footer__menu {
margin-bottom: 10px;
}
.footer .action_button {
background-color: {
{
settings.footer_button
}
}
!important;
border-color: {
{
settings.footer_button
}
}
!important;
}
.footer .action_button:hover {
background-color: {
{
settings.footer_button_hover
}
}
!important;
border-color: {
{
settings.footer_button_hover
}
}
!important;
}
.contact-form {
margin-bottom: 0;
}
#contact_email,
#contact_name {
display: inline-block;
width: 205px;
margin-bottom: 0px;
}
input.search_box {
height: 30px;
min-height: 30px;
padding-left: 28px;
background: #fff url(//cdn.shopify.com/s/files/1/0207/9574/t/38/assets/search.jpg?v=14535434292738173541635780221) no-repeat 6px;
margin-bottom: 0;
}
.search_box:focus {
background-color: #fff;
}
.top_bar_search {
text-align: left;
min-height: 10px;
}
.currencies {
max-width: 40%;
height: 30px;
min-height: 30px;
margin: 5px 0;
padding: 0 6px;
}
form#currency_form {
margin-bottom: 0;
}
.top_bar_search form.search {
margin-bottom: 0;
}
.top_bar_search .search_box {
margin: 5px 0 5px 0;
}
.payment_methods svg {
margin: 4px 0 6px 0;
padding-right: 5px;
height: 30px;
width: 48px;
}
.payment_methods svg:last-child {
padding-right: 0;
}
.footer .credits,
.footer .credits a {
font-size: {
{
settings.footer_font_size | minus: 1 | append: 'px'
}
}
;
color: {
{
settings.footer_text_color
}
}
!important;
padding-top: 1em;
}
table tr.order_summary td.label {
text-align: right;
}
/* #Blog
================================================== */
.read-more {
padding-top: 10px;
}
.article__imageContainer {
overflow: hidden;
}
.article__imageContainer img {
transition: ease-in-out 0.35s all;
}
.article__imageContainer img:hover,
.article__imageContainer img:focus {
transform: scale(1.05);
}
/* #Home page - Gallery
================================================== */
.shopify-section--gallery .gallery__image {
margin-bottom: 20px;
}
.shopify-section--gallery .is-width-wide .gallery__image {
margin-bottom: 0;
}
.shopify-section--gallery .gallery__link {
display: block;
}
/* #Product page
================================================== */
/* Product section */
.product-container,
.product-details-section-wrapper {
width: 100%;
}
.product_section .left a span,
.product_section .right a span {
transition: ease-in-out 0.3s all;
}
.product_section .left a:hover span {
display: inline-block;
transform: translateX(-5px);
}
.product_section .right a:hover span {
display: inline-block;
transform: translateX(5px);
}
/* Product title */
.product__title {
line-height: 1.3;
text-align: left;
}
/* Product price */
.product__price {
margin-bottom: 0;
}
.product__price-container {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.product__price-container.product__price-container--sold-out {
opacity: 0.3;
}
.product__price-container+.product-details__unit-price {
margin-bottom: 15px;
margin-top: -15px;
}
.sold-out-text,
.product__price {
font-size: 22px;
}
.sold-out-text {
margin-left: 5px;
}
/* Add to cart button container */
.atc-btn-container {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.atc-btn-container.disabled {
opacity: 0.3;
}
.no-js .atc-btn-container .add_to_cart.no-js--hidden {
display: none;
}
.no-js .atc-btn-container noscript {
width: 100%;
}
:root {
--color-body-text: {
{
settings.regular_color
}
}
;
--color-body: {
{
settings.shop_bg_color
}
}
;
--color-bg: {
{
settings.shop_bg_color
}
}
;
}
shopify-payment-terms {
display: block;
margin-top: 10px;
}
/* Review stars */
.spr-badge {
margin-bottom: 10px;
}
/* #Contact form
================================================== */
.quote-container {
margin: 2em 0;
}
.quote-container p {
font-style: italic;
font-weight: bold;
}
.contact_form {
clear: both;
padding-top: 0.75em;
display: flex;
align-items: center;
justify-content: space-between;
}
@media only screen and (max-width: 798px) {
.contact_form {
display: block;
}
}
.contact_form h3 {
text-align: inherit;
border: none;
}
@media only screen and (max-width: 798px) {
.contact_image--right {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.contact_image--right {
padding-right: 60px;
}
}
@media only screen and (max-width: 798px) {
.contact_image--left {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.contact_image--left {
padding-left: 60px;
}
}
.contact_text_position--right {
flex-direction: row-reverse;
}
.contact_text_position--center {
flex-direction: column;
align-items: center;
}
.contact_image_position--right {
flex-direction: row-reverse;
}
.contact-template_contact_form {
margin-bottom: 50px;
}
.contact_form.contact_text_position--center .contact_content {
margin-bottom: 25px;
}
.contact_form .contact_image img {
width: 100%;
}
/* #Rich text section
================================================== */
.shopify-section--rich-text .action_button {
width: auto;
display: inline;
}
.shopify-section--rich-text img,
.rich_text_and_image img {
max-width: 200px;
}
/* #Testimonials
================================================== */
.testimonial-block {
text-align: center;
padding: 15px 0;
}
@media only screen and (max-width: 798px) {
.testimonial-block {
padding: 30px 0 0px;
}
.testimonial-block:first-of-type {
padding-top: 15px;
}
}
.testimonial-block p {
padding: 0px 5px;
}
.testimonial-block .testimonial-image {
margin-bottom: 20px;
}
.testimonial-block .testimonial-image.testimonial-image-rounded--true {
border-radius: 50%;
overflow: hidden;
margin: 0 20% 20px 20%;
}
.testimonial-block .testimonial-customer-name {
margin: 0;
}
.testimonial-block .testimonial-divider {
border-top: 1px solid {
{
settings.border_color
}
}
;
width: 30%;
margin: 0px auto;
padding: 7px 0;
}
/* #Logo-list
================================================== */
.logo-bar {
text-align: center;
}
.logo-bar .logo-bar__item {
width: 160px;
display: inline-block;
margin: 0 10px 15px 10px;
vertical-align: middle;
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.logo-bar .logo-bar__item {
margin: 0 25px 15px 25px;
}
}
/* #Home page - Image with text overlay
================================================== */
.banner-section {
line-height: 0;
overflow: hidden;
position: relative;
}
.banner-section .banner-section__image {
margin: 0;
width: 100%;
display: block;
}
.banner-section .banner-section__caption {
top: 32%;
margin: 0;
z-index: 3;
width: 100%;
position: absolute;
color: #ffffff;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
transform: translateY(-50%);
pointer-events: none;
}
div#shopify-section-template--15188047003812__163635393549cc67f7 .banner-section {
margin: 0 !important;
}
.banner-section .banner-section__caption .banner-section__caption-headline {
border: 0;
text-align: inherit;
margin-bottom: 0.2em;
color: {
{
settings.banner_color
}
}
;
font-family: {
{
settings.slideshow_headline__font.family
}
}
,
{
{
settings.slideshow_headline__font.fallback_families
}
}
;
font-weight: {
{
settings.slideshow_headline__font.weight
}
}
;
font-style: {
{
settings.slideshow_headline__font.style
}
}
;
font-size: {
{
settings.slideshow_headline_size | append: 'px'
}
}
;
line-height: {
{
settings.slideshow_headline_size | plus: 5 | append: 'px'
}
}
;
}
@media only screen and (max-width: 798px) {
.banner-section .banner-section__caption .banner-section__caption-headline {
font-size: 1.5em;
line-height: 1em;
}
}
.banner-section .banner-section__caption .banner-section__caption-subtitle {
line-height: 1.5em;
margin-bottom: 35px;
color: {
{
settings.banner_color
}
}
;
font-family: {
{
settings.slideshow_subtitle__font.family
}
}
,
{
{
settings.slideshow_subtitle__font.fallback_families
}
}
;
font-weight: {
{
settings.slideshow_subtitle__font.weight
}
}
;
font-style: {
{
settings.slideshow_subtitle__font.style
}
}
;
text-transform: {
{
settings.slideshow_subtitle_font_style
}
}
;
font-size: {
{
settings.slideshow_subtitle_size | append: 'px'
}
}
;
}
@media only screen and (max-width: 798px) {
.banner-section .banner-section__caption .banner-section__caption-subtitle {
font-size: 1.2em;
line-height: 1em;
margin-bottom: 10px;
}
}
.banner-section .banner-section__caption .banner-section__caption-button {
width: auto;
line-height: 0;
padding: 20px 25px;
pointer-events: all;
}
@media only screen and (max-width: 798px) {
.banner-section .banner-section__caption .banner-section__caption-button {
padding: 15px;
font-size: 12px;
}
}
/* #Home page - Slideshow
================================================== */
.slideshow {
overflow: hidden;
}
.slideshow .slideshow__gallery-cell {
width: 100%;
}
.slideshow .slideshow__gallery-cell .slideshow__gallery-cell-image {
margin: 0;
width: 100%;
display: block;
}
.slideshow .slideshow__caption {
top: 35%;
margin: 0;
z-index: 3;
width: 100%;
position: absolute;
color: #ffffff;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
transform: translateY(-50%);
pointer-events: none;
}
.slideshow .slideshow__caption .slideshow__caption-headline {
border: 0;
text-align: inherit;
margin-bottom: 0.2em;
color: {
{
settings.banner_color
}
}
;
font-family: {
{
settings.slideshow_headline__font.family
}
}
,
{
{
settings.slideshow_headline__font.fallback_families
}
}
;
font-weight: {
{
settings.slideshow_headline__font.weight
}
}
;
font-style: {
{
settings.slideshow_headline__font.style
}
}
;
font-size: {
{
settings.slideshow_headline_size | append: 'px'
}
}
;
line-height: {
{
settings.slideshow_headline_size | plus: 5 | append: 'px'
}
}
;
}
@media only screen and (max-width: 798px) {
.slideshow .slideshow__caption .slideshow__caption-headline {
font-size: 1.5em;
line-height: 1em;
}
}
.slideshow .slideshow__caption .slideshow__caption-subtitle {
line-height: 1.5em;
margin-bottom: 35px;
color: {
{
settings.banner_color
}
}
;
font-family: {
{
settings.slideshow_subtitle__font.family
}
}
,
{
{
settings.slideshow_subtitle__font.fallback_families
}
}
;
font-weight: {
{
settings.slideshow_subtitle__font.weight
}
}
;
font-style: {
{
settings.slideshow_subtitle__font.style
}
}
;
text-transform: {
{
settings.slideshow_subtitle_font_style
}
}
;
font-size: {
{
settings.slideshow_subtitle_size | append: 'px'
}
}
;
}
@media only screen and (max-width: 798px) {
.slideshow .slideshow__caption .slideshow__caption-subtitle {
font-size: 1.2em;
line-height: 1em;
margin-bottom: 10px;
}
}
.slideshow .slideshow__caption .slideshow__caption-button {
width: auto;
line-height: 0;
padding: 20px 25px;
pointer-events: all;
}
@media only screen and (max-width: 798px) {
.slideshow .slideshow__caption .slideshow__caption-button {
padding: 15px;
font-size: 12px;
}
}
@media only screen and (max-width: 798px) {
.slideshow .slideshow__caption .slideshow__caption-content {
padding: 0 30px;
}
}
.slideshow .flickity-page-dots {
bottom: 50px;
}
.slideshow .flickity-page-dots .dot {
opacity: 1;
width: 7px;
height: 7px;
background-color: #ffffff;
border: 1px solid transparent;
transition: all 0.2s ease-in-out;
}
.slideshow .flickity-page-dots .dot.is-selected {
border: 1px solid #ffffff;
background-color: transparent;
transform: scale(1.5);
}
@media only screen and (max-width: 798px) {
.slideshow .flickity-page-dots {
display: none;
}
}
.slideshow .flickity-button {
opacity: 0.8;
color: #ffffff;
background-color: transparent;
border: 1px solid #fff !important;
}
.slideshow .flickity-button:hover {
opacity: 1;
background-color: transparent;
}
.slideshow .flickity-button.previous {
left: -36px;
}
.slideshow .flickity-button.next {
right: -36px;
}
@media only screen and (max-width: 798px) {
.slideshow .flickity-button {
display: none;
}
}
.slideshow:hover .flickity-prev-next-button.previous {
left: 40px;
}
.slideshow:hover .flickity-prev-next-button.next {
right: 40px;
}
.dark-overlay-true:after {
content: "";
position: absolute;
z-index: 2;
background: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
}
/* Adds fade transition for slideshows and product galleries, excludes thumbnail carousels */
.slideshow.slideshow-transition--fade .flickity-slider,
.product-gallery.slideshow-transition--fade .product-gallery__main .flickity-slider {
transform: none !important;
}
.slideshow.slideshow-transition--fade .product-gallery__image,
.slideshow.slideshow-transition--fade .slideshow__gallery-cell,
.product-gallery.slideshow-transition--fade .product-gallery__main .product-gallery__image,
.product-gallery.slideshow-transition--fade .product-gallery__main .slideshow__gallery-cell {
left: 0 !important;
opacity: 0;
transition: opacity 0.3s ease-in-out;
z-index: -1;
}
.slideshow.slideshow-transition--fade .product-gallery__image.is-selected,
.slideshow.slideshow-transition--fade .slideshow__gallery-cell.is-selected,
.product-gallery.slideshow-transition--fade .product-gallery__main .product-gallery__image.is-selected,
.product-gallery.slideshow-transition--fade .product-gallery__main .slideshow__gallery-cell.is-selected {
opacity: 1;
z-index: 0;
}
/* #Home page - Map
================================================== */
.shopify-section--map .map__container svg,
.shopify-section--page-contact-template .map__container svg,
.page-details-block.block_map .map__container svg,
.product-details-block.block_map .map__container svg {
height: 400px;
display: block;
}
@media only screen and (max-width: 480px) {
.shopify-section--map .map__container svg,
.shopify-section--page-contact-template .map__container svg,
.page-details-block.block_map .map__container svg,
.product-details-block.block_map .map__container svg {
height: 250px;
}
}
.shopify-section--map .map__layout,
.shopify-section--page-contact-template .map__layout,
.page-details-block.block_map .map__layout,
.product-details-block.block_map .map__layout {
display: flex;
}
@media only screen and (max-width: 798px) {
.shopify-section--map .map__layout,
.shopify-section--page-contact-template .map__layout,
.page-details-block.block_map .map__layout,
.product-details-block.block_map .map__layout {
flex-wrap: wrap;
}
}
.shopify-section--map .map__layout.map__layout--right,
.shopify-section--page-contact-template .map__layout.map__layout--right,
.page-details-block.block_map .map__layout.map__layout--right,
.product-details-block.block_map .map__layout.map__layout--right {
flex-direction: row-reverse;
}
.shopify-section--map .map__display,
.shopify-section--page-contact-template .map__display,
.page-details-block.block_map .map__display,
.product-details-block.block_map .map__display {
width: 75%;
display: flex;
align-items: center;
flex: 1 0 75%;
}
.shopify-section--map .map__display .maps,
.shopify-section--page-contact-template .map__display .maps,
.page-details-block.block_map .map__display .maps,
.product-details-block.block_map .map__display .maps {
width: 100%;
}
.shopify-section--map .map__display .maps iframe,
.shopify-section--page-contact-template .map__display .maps iframe,
.page-details-block.block_map .map__display .maps iframe,
.product-details-block.block_map .map__display .maps iframe {
display: block;
}
.shopify-section--map .map__display.map__hours--false,
.shopify-section--map .map__display .image-element__wrap,
.shopify-section--page-contact-template .map__display.map__hours--false,
.shopify-section--page-contact-template .map__display .image-element__wrap,
.page-details-block.block_map .map__display.map__hours--false,
.page-details-block.block_map .map__display .image-element__wrap,
.product-details-block.block_map .map__display.map__hours--false,
.product-details-block.block_map .map__display .image-element__wrap {
width: 100%;
}
@media only screen and (max-width: 798px) {
.shopify-section--map .map__display,
.shopify-section--page-contact-template .map__display,
.page-details-block.block_map .map__display,
.product-details-block.block_map .map__display {
width: 100%;
}
}
.shopify-section--map .map__info,
.shopify-section--page-contact-template .map__info,
.page-details-block.block_map .map__info,
.product-details-block.block_map .map__info {
width: 25%;
display: flex;
align-items: center;
}
@media only screen and (max-width: 798px) {
.shopify-section--map .map__info,
.shopify-section--page-contact-template .map__info,
.page-details-block.block_map .map__info,
.product-details-block.block_map .map__info {
width: 100%;
height: auto;
}
}
.shopify-section--map .map__info .title,
.shopify-section--page-contact-template .map__info .title,
.page-details-block.block_map .map__info .title,
.product-details-block.block_map .map__info .title {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.shopify-section--map .map__info .align_center,
.shopify-section--page-contact-template .map__info .align_center,
.page-details-block.block_map .map__info .align_center,
.product-details-block.block_map .map__info .align_center {
justify-content: center;
}
.shopify-section--map .map__info .align_left,
.shopify-section--page-contact-template .map__info .align_left,
.page-details-block.block_map .map__info .align_left,
.product-details-block.block_map .map__info .align_left {
justify-content: flex-start;
}
.shopify-section--map .map__info .align_right,
.shopify-section--page-contact-template .map__info .align_right,
.page-details-block.block_map .map__info .align_right,
.product-details-block.block_map .map__info .align_right {
justify-content: flex-end;
}
.shopify-section--map .map__info .info,
.shopify-section--page-contact-template .map__info .info,
.page-details-block.block_map .map__info .info,
.product-details-block.block_map .map__info .info {
padding: 1.5rem;
width: 100%;
}
@media only screen and (max-width: 798px) {
.shopify-section--map .map__info .info,
.shopify-section--page-contact-template .map__info .info,
.page-details-block.block_map .map__info .info,
.product-details-block.block_map .map__info .info {
justify-content: center;
}
}
.shopify-section--map .map__info .info p,
.shopify-section--page-contact-template .map__info .info p,
.page-details-block.block_map .map__info .info p,
.product-details-block.block_map .map__info .info p {
margin-bottom: 0;
}
.shopify-section--map .map__info .map__address,
.shopify-section--page-contact-template .map__info .map__address,
.page-details-block.block_map .map__info .map__address,
.product-details-block.block_map .map__info .map__address {
width: 100%;
}
@media only screen and (max-width: 798px) {
.shopify-section--map .map__info .map__address,
.shopify-section--page-contact-template .map__info .map__address,
.page-details-block.block_map .map__info .map__address,
.product-details-block.block_map .map__info .map__address {
text-align: center;
}
}
.shopify-section--map .map__directions,
.shopify-section--page-contact-template .map__directions,
.page-details-block.block_map .map__directions,
.product-details-block.block_map .map__directions {
max-width: 90%;
margin: 20px 0;
}
.page-contact .map__container {
padding-top: 40px;
}
/* #Home page - Newsletter
================================================== */
.shopify-section--newsletter {
margin: 30px 0;
}
@media only screen and (max-width: 798px) {
.shopify-section--newsletter {
margin: 0 0 80px;
}
}
.shopify-section--newsletter h2 {
border-top: none;
border-bottom: none;
line-height: 1;
padding-top: 0;
}
.shopify-section--newsletter p {
margin-bottom: 20px;
}
.shopify-section--newsletter input {
margin-bottom: 0;
}
@media only screen and (max-width: 798px) {
.shopify-section--newsletter input {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 798px) {
.shopify-section--newsletter input.action_button.sign_up {
margin-bottom: 0px;
}
}
.shopify-section--newsletter .newsletter {
margin-bottom: 0;
}
.shopify-section--newsletter .homepage-newsletter {
padding: 30px 0;
}
/* Newsletter popup */
.popup-container {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.popup-container.imagePosition--right {
flex-direction: row-reverse;
}
.popup-container .popup-image {
display: flex;
align-items: center;
justify-content: center;
width: 40%;
height: 100%;
}
@media only screen and (max-width: 798px) {
.popup-container .popup-image {
display: none;
}
}
.popup-container .popup-image img {
width: 100%;
}
.popup-container .popup-text {
box-sizing: border-box;
padding: 0 40px;
width: 60%;
max-width: 500px;
margin: 66px 0 54px;
}
@media only screen and (max-width: 798px) {
.popup-container .popup-text {
width: 100%;
}
}
.popup-container .popup-text p.headline {
line-height: 1.2;
}
.popup-container .popup-text p.headline,
.popup-container .popup-text p {
margin-bottom: 24px;
}
.popup-container.no-image .popup-text {
width: 100%;
}
.popup-container .newsletter .contact-form {
width: 100%;
}
.popup-container .newsletter .input-row {
flex-direction: column;
margin-right: auto;
margin-left: auto;
max-width: 400px;
}
.popup-container .newsletter .input-row input {
margin: 0;
}
.popup-container .newsletter .input-row input[type=text],
.popup-container .newsletter .input-row input[type=email] {
margin-bottom: 12px;
}
.popup-container .newsletter .input-row input.action_button {
width: 100%;
}
.popup-container .newsletter .input-row input[type=text],
.popup-container .newsletter .input-row input[type=email],
.popup-container .newsletter .input-row input[type=submit].action_button {
margin-left: auto;
margin-right: auto;
max-width: 400px;
}
@media only screen and (max-width: 798px) {
.popup-container .newsletter .input-row input[type=text],
.popup-container .newsletter .input-row input[type=email],
.popup-container .newsletter .input-row input[type=submit].action_button {
margin-bottom: 12px;
}
}
{
%- if settings.display_first_name !=blank and settings.display_last_name !=blank -%
}
.popup-container .newsletter .input-row input.first-name {
margin-right: 6px;
width: calc(50% - 6px);
}
@media only screen and (max-width: 798px) {
.popup-container .newsletter .input-row input.first-name {
margin-right: 0;
width: 100%;
max-width: 100%;
}
}
.popup-container .newsletter .input-row input.last-name {
margin-left: 6px;
width: calc(50% - 6px);
}
@media only screen and (max-width: 798px) {
.popup-container .newsletter .input-row input.last-name {
margin-left: 0;
width: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 798px) {
.popup-container .newsletter .input-row input.contact_email,
.popup-container .newsletter .input-row input.action_button.sign_up {
max-width: 100%;
}
}
{
%- endif -%
}
.popup-container .input-row.first-last {
flex-direction: row;
}
@media only screen and (max-width: 798px) {
.popup-container .input-row.first-last {
flex-direction: column;
}
}
.popup-container .icon-close {
font-size: 12px;
}
.homepage-newsletter {
padding: 30px 0;
}
@media only screen and (max-width: 798px) {
.homepage-newsletter {
padding: 0;
}
}
/* #Home page - Image with text
================================================== */
.block_image_with_text .image-with-text__image-column,
.shopify-section--image-with-text .image-with-text__image-column {
text-align: center;
}
.block_image_with_text .image-with-text__wrapper,
.shopify-section--image-with-text .image-with-text__wrapper {
padding: 40px;
}
@media only screen and (max-width: 798px) {
.block_image_with_text .image-with-text__wrapper,
.shopify-section--image-with-text .image-with-text__wrapper {
padding: 20px 0;
}
}
.block_image_with_text .image-with-text__text-column .action_button,
.shopify-section--image-with-text .image-with-text__text-column .action_button {
width: auto;
margin-top: 15px;
display: inline-block;
}
.featured-product .flex-container {
display: inline-flex;
}
.flex-container.featured-product-grid--left {
flex-direction: row-reverse;
}
.flex-container.featured-product-grid--left .featured-product-image {
margin-left: 50px;
}
.flex-container.featured-product-grid--right .featured-product-image {
margin-right: 50px;
}
@media only screen and (max-width: 798px) {
.featured-product .flex-container {
flex-direction: column;
}
.featured-product .flex-container .featured-product-image {
margin-left: 0px;
margin-right: 0px;
}
.featured-product .flex-container .content_column {
padding: 20px 0;
}
}
/* #Home page - Divider
================================================== */
.divider {
opacity: 0;
}
.divider.divider--true {
opacity: 1;
}
/* #Home page - Quote
================================================== */
.quote__text {
font-size: 18px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
padding: 15px 0;
border-top: 1px solid {
{
settings.border_color
}
}
;
border-bottom: 1px solid {
{
settings.border_color
}
}
;
}
.quote__text p {
margin: 0;
}
/* #Home page - Contact form
================================================== */
.contact__form-name {
margin-right: 20px;
}
@media only screen and (max-width: 480px) {
.contact__form-name {
margin-right: 0;
}
}
.contact__form-name,
.contact__form-email {
flex: 1 1 auto;
}
@media only screen and (max-width: 480px) {
.contact__form-name,
.contact__form-email {
flex: 1 1 100%;
}
}
.contact__form-message {
flex-basis: 100%;
}
.contact__form-image {
margin-bottom: 20px;
}
/* #Quick Shop
================================================== */
.quick-shop {
display: flex;
justify-content: space-between;
}
.quick-shop .quick-shop__product-gallery,
.quick-shop .quick-shop__product-description {
width: calc(50% - 25px);
}
.quick-shop__lightbox .fancybox-content,
.shopify-section--product-quickshop-template {
width: 90%;
max-width: 840px;
background-color: #ffffff;
cursor: pointer !important;
/* overwrite default fancybox cursor */
}
@media only screen and (min-width: 1401px) {
.quick-shop__lightbox .fancybox-content,
.shopify-section--product-quickshop-template {
max-width: 1080px;
}
}
.product-quickshop {
background: rgba(0, 0, 0, 0.6);
transition: all 0.2s linear;
}
.product-quickshop #shopify-section-header,
.product-quickshop #shopify-section-footer,
.product-quickshop .product-header,
.product-quickshop .shopify-section:not(.shopify-section--quick-shop) {
display: none;
}
.product-quickshop .product-quickshop__container {
padding: 44px;
}
.shopify-section--product-quickshop-template {
margin: 50px auto;
}
/* #Swatch Styles
================================================== */
{
%- if settings.product_form_style=='swatches' -%
}
.product_section .product_form {
opacity: 0;
transition: opacity 0.2s ease;
}
.product_section .product_form.is-visible {
opacity: 1;
}
/* .select,
.selector-wrapper {
display: none;
} */
.product-container .product_section > div:last-child { display:block!important; }
.swatch_options {
margin-bottom: 1em;
}
.swatch .option-title {
width: 100%;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
/* Hide radio buttons */
.swatch input {
/* Allow user to cycle through radio buttons with keyboard */
width: 0;
height: 0;
opacity: 0;
position: absolute;
}
.swatch label {
cursor: pointer;
padding: 0 10px;
font-size: 13px;
white-space: nowrap;
text-transform: uppercase;
height: 40px;
min-width: 40px;
line-height: 40px;
}
.swatch .color label {
background-size: cover;
background-position: center;
height: 30px;
min-width: 30px;
line-height: 30px;
}
.swatch-element {
border: 1px solid #e2e2e2;
min-width: 30px;
min-height: 30px;
}
.swatch-element.color {
padding: 5px;
}
.swatch-element.color,
.swatch-element.color label {
border-radius: 50%;
border: 1px solid #e2e2e2;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.swatch-element.color.swatch-element label {
margin: 0;
padding: 0;
overflow: hidden;
width: 30px;
height: 30px;
}
.swatch_options input:checked+.swatch-element {
border-color: #666666;
}
.swatch_options input:focus+.swatch-element {
outline: -webkit-focus-ring-color auto 5px;
}
.swatch .swatch-element {
position: relative;
margin-right: 10px;
margin-bottom: 5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translateZ(0);
}
.swatch .swatch-element .crossed-out {
display: none;
}
.swatch .swatch-element.soldout .crossed-out {
width: 100%;
height: 100%;
display: block;
}
.swatch .swatch-element.soldout label {
opacity: 0.6;
}
.crossed-out {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
/* Tooltips */
.swatch .tooltip {
text-align: center;
background: #333333;
background: rgba(51, 51, 51, 0.9);
color: #ffffff;
bottom: 100%;
padding: 5px 10px;
display: block;
position: absolute;
width: 120px;
font-size: 13px;
margin-bottom: 15px;
opacity: 0;
visibility: hidden;
z-index: 60;
box-sizing: border-box;
transition: all 0.25s ease-out;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
left: -35px;
transform: translateY(10px);
}
.swatch .tooltip:before {
content: "";
left: 0;
bottom: -20px;
height: 20px;
width: 100%;
display: block;
position: absolute;
}
/* CSS triangle */
.swatch .tooltip:after {
content: "";
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid rgba(51, 51, 51, 0.9) 10px;
bottom: -10px;
height: 0;
width: 0;
left: 50%;
margin-left: -13px;
position: absolute;
}
.swatch .swatch-element:hover .tooltip {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
{
%- endif -%
}
{
%- if settings.collection_swatches !=blank -%
}
.collection_swatches {
clear: both;
}
.collection_swatches .swatch {
margin: 2px;
display: inline-block;
}
.collection_swatches .swatch span {
width: 20px;
min-width: 20px;
height: 20px;
float: none;
display: inline-block;
border-radius: 50%;
border: #e2e2e2 1px solid;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-position: center;
background-size: cover;
}
{
%- endif -%
}
/* #Sidebar
================================================== */
.sidebar a {
color: {
{
settings.regular_color
}
}
;
}
.sidebar ul,
.sidebar li {
list-style: none;
}
.sidebar .ss-icon {
color: {
{
settings.regular_color
}
}
;
}
.sidebar .search {
padding-top: 8px;
}
.sidebar input.search_box {
width: 100%;
height: 40px;
min-height: 40px;
padding: 0 9px 0 28px;
box-sizing: border-box;
}
.sidebar input.sign_up[type=submit],
.sidebar input.contact_email[type=email] {
width: 100%;
}
.sidebar__content {
margin-left: calc(20px / 2);
margin-right: calc(20px / 2);
}
@media only screen and (max-width: 798px) {
.sidebar__content {
padding: 0;
border: none;
}
}
.has-sidebar-option,
.section--has-sidebar-option {
width: 100%;
}
.content-wrapper {
width: 100%;
}
.content-wrapper--blog .sidebar__content,
.content-wrapper--article .sidebar__content {
padding-left: 20px;
border-left: solid 1px {
{
settings.border_color
}
}
;
}
@media only screen and (max-width: 798px) {
.content-wrapper--blog .sidebar__content,
.content-wrapper--article .sidebar__content {
padding: 0;
border: none;
}
}
.sidebar .sidebar__content .input-row {
flex-direction: column;
margin-left: 0px;
margin-right: 0px;
}
.sidebar .sidebar__content .input-row input {
margin: 5px 0;
}
.sidebar .newsletter {
margin-bottom: 20px;
}
.sidebar .newsletter .contact-form {
width: auto;
}
@media only screen and (max-width: 798px) {
.sidebar {
width: 100% !important;
/* to overwrite desktop styles set inside of section */
}
.has-sidebar-option {
width: 100% !important;
/* to overwrite desktop styles set inside of section */
}
}
@media only screen and (max-width: 798px) {
.sidebar--blog {
margin-top: 2rem;
}
}
.product_slider {
margin-bottom: 2em;
}
@media only screen and (max-width: 480px) {
.product-gallery .product-gallery__main .product-gallery__image a,
.product-gallery .product-gallery__main .product-gallery__image .video__container,
.product-gallery .product-gallery__main .product-gallery__image .plyr--youtube {
min-height: 100%;
max-height: 75vh;
/* Prevents main product image from taking up whole viewport */
}
}
@media only screen and (max-width: 480px) {
.product-gallery .product-gallery__main model-viewer {
min-height: 300px;
}
}
/* Product Slider Arrows */
.gallery-arrows__wrapper {
display: flex;
justify-content: center;
padding: 20px 20px 0;
}
.gallery-arrows__wrapper .gallery-left-arrow {
margin-right: 40px;
}
.gallery-arrows__wrapper .gallery-arrow {
opacity: 0.7;
padding: 3px 3px 0;
}
.gallery-arrows__wrapper .gallery-arrow .svg-arrow {
fill: {
{
settings.regular_color
}
}
;
}
.gallery-arrows__wrapper .gallery-arrow:hover .svg-arrow,
.gallery-arrows__wrapper .gallery-arrow:focus .svg-arrow,
.gallery-arrows__wrapper .gallery-arrow:active .svg-arrow {
opacity: 1;
}
/*
Arrows always visible on mobile
Arrows hidden on desktop
*/
@media only screen and (min-width: 768px) {
.has-bottom-thumbnails-on-mobile .gallery-arrows__wrapper {
display: none;
}
}
/* #Flickity
================================================== */
/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: 0;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: grabbing;
}
.flickity-button {
position: absolute;
background: rgba(255, 255, 255, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: #fff;
cursor: pointer;
}
.flickity-button:focus {
outline: 0;
box-shadow: 0 0 0 5px #19f;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
}
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider>* {
pointer-events: none;
z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider>.is-selected {
pointer-events: auto;
z-index: 1;
}
/* #Product Slider Custom Styles
================================================== */
.flickity-viewport {
width: 100%;
}
.product-gallery:hover .flickity-prev-next-button {
opacity: 1;
}
.product-gallery .product-gallery__main .flickity-prev-next-button {
transition: all 0.3s ease-in-out;
}
.product-gallery .product-gallery__main .flickity-prev-next-button:hover {
color: #333333;
}
@media screen and (max-width: 580px) {
.product-gallery .product-gallery__main .flickity-prev-next-button {
opacity: 1;
top: 100%;
padding: 0;
z-index: 30;
transform: none;
opacity: 0.5;
background: none;
}
.product-gallery .product-gallery__main .flickity-prev-next-button:hover {
opacity: 1;
}
.product-gallery .product-gallery__main .flickity-prev-next-button .flickity-button-icon {
height: 30px;
width: 30px;
fill: {
{
settings.regular_color
}
}
;
}
.product-gallery .product-gallery__main .flickity-prev-next-button.next {
right: 30%;
}
.product-gallery .product-gallery__main .flickity-prev-next-button.previous {
left: 30%;
}
}
.product-gallery .flickity-page-dots {
display: none;
}
.product-section__lightbox .fancybox-image {
padding: 0;
}
/* #Thumbnail Gallery Styles
================================================== */
.product-gallery__thumbnails {
/* When thumbnail slider is enabled */
/* When thumbnail slider is disabled (thumbnail grid) */
/* When thumbnails are set to bottom */
/* When thumbnails are set to left/right */
}
.product-gallery__thumbnails .product-gallery__thumbnail {
width: calc(25% - 10px);
margin: 0 5px;
}
.product-gallery__thumbnails .product-gallery__thumbnail img {
max-width: 100%;
height: auto;
}
.product-gallery__thumbnails.is-slide-nav--true {
/* Base styles */
/* When thumbnails are set to 'left/right' */
}
.product-gallery__thumbnails.is-slide-nav--true .product-gallery__thumbnail {
position: relative;
opacity: 0.3;
cursor: grab;
}
.product-gallery__thumbnails.is-slide-nav--true .product-gallery__thumbnail.is-nav-selected {
opacity: 1;
}
@media screen and (min-width: 580px) {
.product-gallery__thumbnails.is-slide-nav--true.product-gallery__thumbnails--right-thumbnails,
.product-gallery__thumbnails.is-slide-nav--true.product-gallery__thumbnails--left-thumbnails {
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE 10+ */
}
.product-gallery__thumbnails.is-slide-nav--true.product-gallery__thumbnails--right-thumbnails::-webkit-scrollbar,
.product-gallery__thumbnails.is-slide-nav--true.product-gallery__thumbnails--left-thumbnails::-webkit-scrollbar {
/* WebKit */
width: 0;
height: 0;
}
}
.product-gallery__thumbnails.is-slide-nav--false {
flex-wrap: wrap;
/* When thumbnails are set to 'bottom' */
}
.product-gallery__thumbnails.is-slide-nav--false.product-gallery__thumbnails--bottom-thumbnails {
display: flex;
justify-content: center;
}
.product-gallery__thumbnails.is-slide-nav--false.product-gallery__thumbnails--bottom-thumbnails .product-gallery__thumbnail {
margin-bottom: 20px;
line-height: 0;
}
@media screen and (min-width: 580px) {
.product-gallery__thumbnails.product-gallery__thumbnails--bottom-thumbnails {
margin-top: 20px;
}
}
.product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails,
.product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails {
padding-top: 20px;
display: flex;
justify-content: center;
}
@media screen and (min-width: 580px) {
.product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails,
.product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails {
justify-content: flex-start;
align-self: flex-start;
display: block;
width: 100%;
padding-top: 0;
}
.product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail,
.product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail {
width: 100%;
margin: 0;
}
.product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail:last-child,
.product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail:last-child {
margin-bottom: 0;
}
.product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail:before,
.product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail:before {
line-height: 0;
color: transparent;
display: block;
text-align: center;
content: counter(carousel-cell);
}
}
@media screen and (max-width: 580px) {
.product-gallery__thumbnails {
padding-top: 0px;
margin-top: 60px;
}
}
.no-js .product-gallery__thumbnails {
display: flex;
}
/* When thumbnails are set to left/right and there is more than one thumbnail, adjust size of main gallery and thumbnail gallery */
@media screen and (min-width: 580px) {
.product-gallery--right-thumbnails:not(.product-gallery--media-amount-1),
.product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) {
display: flex;
}
.product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__main,
.product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__main {
width: 85%;
height: 100%;
}
.product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails,
.product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails {
width: 12%;
}
.product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnail,
.product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnail {
width: 100% !important;
margin-bottom: 10px;
}
.product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnail:last-child,
.product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnail:last-child {
margin-bottom: 0;
}
}
/* When thumbnails are set to left and there is more than one thumbnail, adjust position of main gallery and thumbnail gallery */
@media screen and (min-width: 580px) {
.product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__main {
order: 2;
}
.product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails {
margin-right: 20px;
order: 1;
}
.product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails {
margin-right: 20px;
}
}
/* When thumbnails are set to right and there is more than one thumbnail, adjust position of main gallery and thumbnail gallery */
.product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails {
margin-left: 20px;
}
/* When thumbnails are hidden */
@media screen and (max-width: 580px) {
.product-gallery__thumbnails--false {
margin-bottom: 3em;
}
}
@media screen and (min-width: 580px) {
.product-gallery.display-arrows--false .flickity-viewport:hover .flickity-prev-next-button,
.product-gallery.display-arrows--false .flickity-prev-next-button {
display: none !important;
/* Ensure navigation arrows do not display */
}
}
.product-gallery__main,
.product-gallery__thumbnails.is-slide-nav--true {
opacity: 0;
transition: ease-in-out 0.2s opacity;
}
.product-gallery__main.flickity-enabled,
.product-gallery__main.vertical-slider-enabled,
.no-js .product-gallery__main,
.product-gallery__thumbnails.is-slide-nav--true.flickity-enabled,
.product-gallery__thumbnails.is-slide-nav--true.vertical-slider-enabled,
.no-js .product-gallery__thumbnails.is-slide-nav--true {
opacity: 1;
}
.product-gallery__image {
width: 100%;
height: auto;
}
.product-gallery__image img {
width: 100%;
height: auto;
display: block;
}
.no-js .product-gallery__image img {
display: none;
}
.no-js .product-gallery__image noscript img {
display: block;
}
.product-gallery__thumbnail img {
max-width: 100%;
height: auto;
}
.product-gallery__link {
display: block;
}
.product-gallery__image .product-gallery__link,
.product-gallery__image model-viewer {
width: calc(100% - 10px);
margin: 0 auto;
}
.product-gallery__image .product-gallery__link:focus,
.product-gallery__image model-viewer:focus {
outline: -webkit-focus-ring-color auto 5px;
}
/* Media position for all product templates */
.product_section.media-position--right {
flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
.product_section.media-position--left,
.product_section.media-position--right {
flex-direction: column;
}
}
/* #Content Creator
================================================== */
/* Slideshow */
.flickity-slider>li {
width: 100%;
text-align: center;
list-style-type: none;
}
.flexslider {
overflow: hidden;
position: relative;
}
.flexslider .flickity-prev-next-button {
opacity: 0;
background: transparent;
}
.flexslider:hover .flickity-prev-next-button.previous {
left: 25px;
opacity: 0.6;
}
.flexslider:hover .flickity-prev-next-button.next {
right: 15px;
opacity: 0.6;
}
.flexslider:hover .flickity-prev-next-button:hover {
opacity: 1;
}
.flexslider .flickity-prev-next-button.arrow-is-inverse .flickity-button-icon {
transform: scale(-1, 1);
}
.header_banner {
position: relative;
z-index: 0;
}
@media only screen and (max-width: 798px) {
.header_banner {
margin-top: 0;
}
}
.details-section .slides img.lazyloaded {
width: 100%;
}
.header_banner {
margin-bottom: 25px;
}
.homepage_content .action_button {
width: auto;
display: inline;
}
.padding-toggle {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0 !important;
/* overrides styles applied to index sections */
}
.padding-toggle .enable-padding--true {
padding-top: 0px;
padding-bottom: 40px;
}
.image-with-text-overlay-section .container .eight.columns,
.shopify-section--page-faq-template .container .eight.columns,
.shopify-section--article-template .container .eight.columns {
width: calc(580px - 20px);
}
@media only screen and (max-width: 480px) {
.image-with-text-overlay-section .container .eight.columns,
.shopify-section--page-faq-template .container .eight.columns,
.shopify-section--article-template .container .eight.columns {
width: 300px;
}
}
#grid .column,
#grid .columns {
background: #ddd;
height: 25px;
line-height: 25px;
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
color: #555;
font-size: 12px;
font-weight: bold;
border-radius: 2px;
}
#grid .column:hover,
#grid .columns:hover {
background: #bbb;
color: #333;
}
#grid .example-grid {
overflow: hidden;
}
/* #Fancybox
================================================== */
.fancybox-bg {
background: rgba(0, 0, 0, 0.6);
transition: all 0.2s linear;
}
.fancybox-toolbar {
display: none;
}
.fancybox-content {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
/* Add border around images */
.fancybox-image {
padding: 15px;
background-color: #fff;
}
/* Style close button */
.fancybox-close {
position: absolute;
padding: 15px;
top: 5px;
right: 5px;
cursor: pointer;
z-index: 8040;
line-height: 1;
font-size: 14px !important;
color: {
{
settings.regular_color
}
}
!important;
/* overwrite default Fancybox styles */
font-family: "responsive" !important;
}
/* Style navigation elements */
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
z-index: 8040;
}
.fancybox-nav span {
position: absolute;
top: 50%;
transform: translateY(0);
width: 60px;
height: 60px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
color: #333;
opacity: 0.8;
text-shadow: 0 0 1px #fff;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-prev {
left: 0;
}
.fancybox-prev span:before {
position: absolute;
left: 30px;
}
.fancybox-next {
right: 0;
}
.fancybox-next span {
right: 0;
}
.fancybox-next span:before {
position: absolute;
right: 30px;
}
/* #Simplebar
================================================== */
[data-simplebar] {
position: relative;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.simplebar-wrapper {
overflow: hidden;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit;
}
.simplebar-mask {
direction: inherit;
position: absolute;
overflow: hidden;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
z-index: 0;
}
.simplebar-offset {
direction: inherit !important;
box-sizing: inherit !important;
resize: none !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
direction: inherit;
box-sizing: border-box !important;
position: relative;
display: block;
height: 100%;
width: auto;
max-width: 100%;
max-height: 100%;
scrollbar-width: none;
-ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
width: 0;
height: 0;
}
.simplebar-content:after,
.simplebar-content:before {
content: " ";
display: table;
}
.simplebar-placeholder {
max-height: 100%;
max-width: 100%;
width: 100%;
pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
box-sizing: inherit !important;
height: 100%;
width: 100%;
max-width: 1px;
position: relative;
float: left;
max-height: 1px;
overflow: hidden;
z-index: -1;
padding: 0;
margin: 0;
pointer-events: none;
flex-grow: inherit;
flex-shrink: 0;
flex-basis: 0;
}
.simplebar-height-auto-observer {
box-sizing: inherit;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 1000%;
width: 1000%;
min-height: 1px;
min-width: 1px;
overflow: hidden;
pointer-events: none;
z-index: -1;
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden;
}
[data-simplebar].simplebar-dragging .simplebar-content {
pointer-events: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
pointer-events: all;
}
.simplebar-scrollbar {
position: absolute;
left: 0;
right: 0;
min-height: 10px;
}
.simplebar-scrollbar:before {
position: absolute;
content: "";
background: black;
border-radius: 7px;
left: 2px;
right: 2px;
opacity: 0;
transition: opacity 0.2s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
opacity: 0.5;
transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
top: 0;
width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
top: 2px;
bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
left: 0;
height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
height: 100%;
left: 2px;
right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
right: auto;
left: 0;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto;
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
right: auto;
left: 0;
}
.hs-dummy-scrollbar-size {
direction: rtl;
position: fixed;
opacity: 0;
visibility: hidden;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: scroll;
}
.simplebar-hide-scrollbar {
position: fixed;
left: 0;
visibility: hidden;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
/* #Plyr
================================================== */
@keyframes plyr-progress {
to {
background-position: 25px 0;
}
}
@keyframes plyr-popup {
0% {
opacity: 0.5;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes plyr-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.plyr {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: subpixel-antialiased;
direction: ltr;
font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-variant-numeric: tabular-nums;
font-weight: 500;
line-height: 1.7;
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow 0.3s ease;
}
.plyr audio,
.plyr video {
border-radius: inherit;
height: auto;
vertical-align: middle;
width: 100%;
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto;
}
.plyr:focus {
outline: 0;
}
.plyr--full-ui {
box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
touch-action: manipulation;
}
.plyr__badge {
background: #4a5764;
border-radius: 2px;
color: #fff;
font-size: 9px;
line-height: 1;
padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
animation: plyr-fade-in 0.3s ease;
bottom: 0;
color: #fff;
display: none;
font-size: 14px;
left: 0;
padding: 10px;
position: absolute;
text-align: center;
transition: transform 0.4s ease-in-out;
width: 100%;
}
.plyr__captions .plyr__caption {
background: rgba(0, 0, 0, 0.8);
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
line-height: 185%;
padding: 0.2em 0.5em;
white-space: pre-wrap;
}
.plyr__captions .plyr__caption div {
display: inline;
}
.plyr__captions span:empty {
display: none;
}
@media (min-width: 480px) {
.plyr__captions {
font-size: 16px;
padding: 20px;
}
}
@media (min-width: 768px) {
.plyr__captions {
font-size: 18px;
}
}
.plyr--captions-active .plyr__captions {
display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
transform: translateY(-40px);
}
.plyr__control {
background: 0 0;
border: 0;
border-radius: 3px;
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: 7px;
position: relative;
transition: all 0.3s ease;
}
.plyr__control svg {
display: block;
fill: currentColor;
height: 18px;
pointer-events: none;
width: 18px;
}
.plyr__control:focus {
outline: 0;
}
.plyr__control.plyr__tab-focus {
box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
outline: 0;
}
a.plyr__control {
text-decoration: none;
}
a.plyr__control::after,
a.plyr__control::before {
display: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
display: none;
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
background: #00b3ff;
color: #fff;
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
background: #00b3ff;
color: #fff;
}
.plyr__control--overlaid {
background: rgba(0, 179, 255, 0.8);
border: 0;
border-radius: 100%;
color: #fff;
display: none;
left: 50%;
padding: 15px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.plyr__control--overlaid svg {
left: 2px;
position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
background: #00b3ff;
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}
.plyr--full-ui ::-webkit-media-controls {
display: none;
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center;
}
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0;
}
.plyr__controls .plyr__controls__item {
margin-left: 2.5px;
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: 2.5px;
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 5px;
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0;
}
.plyr__controls .plyr__controls__item.plyr__volume {
padding-right: 5px;
}
.plyr__controls .plyr__controls__item.plyr__volume:first-child {
padding-right: 0;
}
.plyr__controls:empty {
display: none;
}
.plyr--audio .plyr__controls {
background: #fff;
border-radius: inherit;
color: #4a5764;
padding: 10px;
}
.plyr--video .plyr__controls {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
left: 0;
padding: 20px 5px 5px;
position: absolute;
right: 0;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
z-index: 3;
}
@media (min-width: 480px) {
.plyr--video .plyr__controls {
padding: 35px 10px 10px;
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%);
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip] {
display: none;
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
display: inline-block;
}
.plyr__menu {
display: flex;
position: relative;
}
.plyr__menu .plyr__control svg {
transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
display: none;
}
.plyr__menu__container {
animation: plyr-popup 0.2s ease;
background: rgba(255, 255, 255, 0.9);
border-radius: 4px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #4a5764;
font-size: 16px;
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3;
}
.plyr__menu__container>div {
overflow: hidden;
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
border: 4px solid transparent;
border-top-color: rgba(255, 255, 255, 0.9);
content: "";
height: 0;
position: absolute;
right: 15px;
top: 100%;
width: 0;
}
.plyr__menu__container [role=menu] {
padding: 7px;
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
margin-top: 0;
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #4a5764;
display: flex;
font-size: 14px;
padding: 4px 11px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.plyr__menu__container .plyr__control>span {
align-items: inherit;
display: flex;
width: 100%;
}
.plyr__menu__container .plyr__control::after {
border: 4px solid transparent;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px;
}
.plyr__menu__container .plyr__control--forward::after {
border-left-color: rgba(74, 87, 100, 0.8);
right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
font-weight: 500;
margin: 7px;
margin-bottom: 3px;
padding-left: 28px;
position: relative;
width: calc(100% - 14px);
}
.plyr__menu__container .plyr__control--back::after {
border-right-color: rgba(74, 87, 100, 0.8);
left: 7px;
}
.plyr__menu__container .plyr__control--back::before {
background: #c1c9d1;
box-shadow: 0 1px 0 #fff;
content: "";
height: 1px;
left: 0;
margin-top: 4px;
overflow: hidden;
position: absolute;
right: 0;
top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
padding-left: 7px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after,
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
background: rgba(0, 0, 0, 0.1);
content: "";
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
transition: all 0.3s ease;
width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
background: #00b3ff;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
background: rgba(0, 0, 0, 0.1);
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: -5px;
overflow: hidden;
padding-left: 25px;
pointer-events: none;
}
.plyr--full-ui input[type=range] {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 26px;
color: #00b3ff;
display: block;
height: 19px;
margin: 0;
padding: 0;
transition: box-shadow 0.3s ease;
width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-webkit-user-select: none;
user-select: none;
background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
height: 13px;
position: relative;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
-webkit-appearance: none;
margin-top: -4px;
}
.plyr--full-ui input[type=range]::-moz-range-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-moz-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
height: 13px;
position: relative;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
}
.plyr--full-ui input[type=range]::-moz-range-progress {
background: currentColor;
border-radius: 2.5px;
height: 5px;
}
.plyr--full-ui input[type=range]::-ms-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-ms-user-select: none;
user-select: none;
color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-ms-user-select: none;
user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-ms-user-select: none;
user-select: none;
background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
height: 13px;
position: relative;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
display: none;
}
.plyr--full-ui input[type=range]:focus {
outline: 0;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
border: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
outline: 0;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr__poster {
background-color: #000;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.2s ease;
width: 100%;
z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1;
}
.plyr__time {
font-size: 14px;
}
.plyr__time+.plyr__time::before {
content: "⁄";
margin-right: 10px;
}
@media (max-width: 767px) {
.gallery_image.three-per-row{
width:100%;
}
.plyr__time+.plyr__time {
display: none;
}
}
.plyr--video .plyr__time {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.plyr__tooltip {
background: rgba(255, 255, 255, 0.9);
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #4a5764;
font-size: 14px;
font-weight: 500;
left: 50%;
line-height: 1.3;
margin-bottom: 10px;
opacity: 0;
padding: 5px 7.5px;
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
white-space: nowrap;
z-index: 2;
}
.plyr__tooltip::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
bottom: -4px;
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%, 0) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3;
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
left: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 0 100%;
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {
left: 16px;
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 100% 100%;
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
left: auto;
right: 16px;
transform: translateX(50%);
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0, 0) scale(1);
}
.plyr--video {
background: #000;
overflow: hidden;
}
.plyr--video.plyr--menu-open {
overflow: visible;
}
.plyr__video-wrapper {
background: #000;
border-radius: inherit;
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%);
}
.plyr__progress {
left: 6.5px;
margin-right: 13px;
position: relative;
}
.plyr__progress input[type=range],
.plyr__progress__buffer {
margin-left: -6.5px;
margin-right: -6.5px;
width: calc(100% + 13px);
}
.plyr__progress input[type=range] {
position: relative;
z-index: 2;
}
.plyr__progress .plyr__tooltip {
font-size: 14px;
left: 0;
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 100px;
height: 5px;
left: 0;
margin-top: -2.5px;
padding: 0;
position: absolute;
top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
background: 0 0;
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
-moz-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr--video .plyr__progress__buffer {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.25);
}
.plyr--audio .plyr__progress__buffer {
color: rgba(193, 201, 209, 0.66);
}
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(-45deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent);
background-repeat: repeat-x;
background-size: 25px 25px;
color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(193, 201, 209, 0.66);
}
.plyr__volume {
align-items: center;
display: flex;
flex: 1;
position: relative;
}
.plyr__volume input[type=range] {
margin-left: 5px;
position: relative;
z-index: 2;
}
@media (min-width: 480px) {
.plyr__volume {
max-width: 90px;
}
}
@media (min-width: 768px) {
.plyr__volume {
max-width: 110px;
}
}
.plyr--is-ios .plyr__volume {
display: none !important;
}
.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
display: none !important;
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:fullscreen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:fullscreen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
display: none;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
}
.plyr:fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
}
.plyr:-moz-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-moz-full-screen video {
height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
}
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10000000;
}
.plyr--fullscreen-fallback video {
height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
}
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.plyr__ads>div,
.plyr__ads>div iframe {
height: 100%;
position: absolute;
width: 100%;
}
.plyr__ads::after {
background: rgba(35, 41, 47, 0.8);
border-radius: 2px;
bottom: 10px;
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
z-index: 3;
}
.plyr__ads::after:empty {
display: none;
}
.plyr__cues {
background: currentColor;
display: block;
height: 5px;
left: 0;
margin: -2.5px 0 0;
opacity: 0.8;
position: absolute;
top: 50%;
width: 3px;
z-index: 3;
}
.plyr__preview-thumb {
background-color: rgba(255, 255, 255, 0.9);
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
margin-bottom: 10px;
opacity: 0;
padding: 3px;
pointer-events: none;
position: absolute;
transform: translate(0, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
z-index: 2;
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
bottom: -4px;
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr__preview-thumb__image-container {
background: #c1c9d1;
border-radius: 2px;
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__preview-thumb__image-container img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
position: absolute;
top: 0;
width: 100%;
}
.plyr__preview-thumb__time-container {
bottom: 6px;
left: 0;
position: absolute;
right: 0;
white-space: nowrap;
z-index: 3;
}
.plyr__preview-thumb__time-container span {
background-color: rgba(0, 0, 0, 0.55);
border-radius: 2px;
color: #fff;
font-size: 14px;
padding: 3px 6px;
}
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
opacity: 1;
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
object-fit: contain;
position: absolute;
top: 0;
width: 100%;
}
.plyr--no-transition {
transition: none !important;
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
border: 0 !important;
height: 1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.plyr [hidden] {
display: none !important;
}
/* #Model Viewer
================================================== */
.shopify-model-viewer-ui {
position: relative;
display: block;
cursor: pointer;
}
.shopify-model-viewer-ui model-viewer {
transform: translateZ(0);
z-index: 1;
}
.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled {
pointer-events: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer {
position: relative;
width: 100vw;
height: 100vh;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen {
display: block;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen {
display: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area,
.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area {
opacity: 1;
}
.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
display: flex;
flex-direction: column;
background: #fff;
opacity: 0;
border: 1px solid rgba(0, 0, 0, 0.05);
position: absolute;
bottom: 10px;
right: 10px;
z-index: 1;
transition: opacity 0.1s linear;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
color: #3a3a3a;
border-radius: 0;
border: none;
margin: 0;
cursor: pointer;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible) {
outline: 0;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
padding: 0;
height: 44px;
width: 44px;
background: 0 0;
position: relative;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
color: rgba(0, 0, 0, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
color: rgba(0, 0, 0, 0.55);
background: rgba(0, 0, 0, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
position: absolute;
content: "";
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
width: 28px;
bottom: 0;
right: 8px;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon {
width: 44px;
height: 44px;
fill: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
background: #fff;
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.05);
top: 50%;
left: 50%;
padding: 0;
transform: translate3d(-50%, -50%, 0);
height: 62px;
width: 62px;
z-index: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover {
color: rgba(0, 0, 0, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
width: 60px;
height: 60px;
z-index: 1;
fill: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen {
display: block;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
/* #Product Media Custom Styles
================================================== */
{
% assign product_media_bg_color=settings.shop_bg_color %
}
{
% assign product_media_fill_color=settings.regular_color %
}
.model__container {
position: relative;
}
.model__container--single-model {
min-height: 300px;
}
.model__container model-viewer {
min-height: 300px;
}
.view-in-your-space {
padding: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
min-height: 44px;
background: {
{
settings.shop_bg_color | color_darken: 10
}
}
;
color: {
{
product_media_fill_color
}
}
;
font: inherit;
text-transform: none;
border-radius: 0px;
margin-top: 0;
}
.view-in-your-space:active,
.view-in-your-space:focus,
.view-in-your-space:hover {
background: {
{
settings.shop_bg_color | color_darken: 10
}
}
;
color: {
{
product_media_fill_color
}
}
;
}
.view-in-your-space svg {
width: auto;
height: auto;
margin: 0;
}
.view-in-your-space svg path:first-child {
stroke: {
{
product_media_fill_color
}
}
;
}
.view-in-your-space svg path:last-child {
fill: {
{
product_media_fill_color
}
}
;
}
.plyr--video .plyr__controls {
background: {
{
product_media_bg_color | color_modify: 'alpha', 0.6
}
}
;
padding: 10px;
}
.plyr--video .plyr__control {
background: transparent;
color: {
{
product_media_fill_color
}
}
;
}
.plyr--video .plyr__control:hover {
background: {
{
product_media_bg_color
}
}
;
color: {
{
product_media_fill_color
}
}
;
}
.plyr--video .plyr__controls__item.plyr__time,
.plyr--video input[type=range],
.plyr--video .plyr__controls__item {
color: {
{
product_media_fill_color
}
}
;
}
.plyr--video .plyr__progress input[type=range]+.thumb {
background-color: {
{
product_media_fill_color
}
}
;
color: {
{
product_media_fill_color
}
}
;
}
.plyr--video input[type=range]::-webkit-slider-thumb {
background-color: {
{
product_media_fill_color
}
}
;
}
.plyr--video input[type=range]::-moz-range-thumb {
background-color: {
{
product_media_fill_color
}
}
;
}
.plyr--video input[type=range]::-ms-thumb {
background-color: {
{
product_media_fill_color
}
}
;
}
.plyr--video .plyr__progress__buffer,
.plyr--video .plyr__control[aria-expanded=true] {
background-color: {
{
product_media_fill_color | color_modify: 'alpha', 0.6
}
}
;
}
.plyr--video .plyr__control.plyr__tab-focus {
background-color: {
{
product_media_fill_color
}
}
;
}
.plyr--video .plyr__control--overlaid {
background: {
{
product_media_bg_color
}
}
;
padding: 4px;
border-radius: 0;
border: 1px solid rgba(0,
0,
0,
0.05);
}
.plyr--video .plyr__control--overlaid svg {
left: auto;
}
.plyr--video .plyr__control--overlaid:hover {
background: {
{
product_media_bg_color
}
}
;
}
.plyr--video .plyr__control--overlaid:hover .play-icon-button-control rect {
opacity: 0.75;
}
.plyr--video .plyr__control .play-icon-button-control {
width: 52px;
height: 52px;
}
.plyr--video .plyr__control .play-icon-button-control rect {
fill: {
{
product_media_bg_color
}
}
;
}
.plyr--video .plyr__control .play-icon-button-control path {
fill: {
{
product_media_fill_color
}
}
;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-right: 10px;
padding-left: 10px;
}
/* Styles for a vertical volume scrollbar */
.plyr--full-ui .plyr__volume {
background-color: {
{
product_media_bg_color | color_modify: 'alpha', 0.25
}
}
;
border-radius: 5px;
bottom: 105px;
height: 40px;
opacity: 0;
padding: 10px 15px !important;
position: absolute;
transform: rotate(270deg);
transition: visibility 0.4s linear 0.4s,
opacity 0.4s linear 0.3s;
width: 140px;
}
.plyr--full-ui .plyr__volume:before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid {
{
product_media_bg_color | color_modify: 'alpha', 0.25
}
}
;
bottom: 18px;
content: "";
left: -6px;
position: absolute;
transform: rotate(90deg);
z-index: 2;
}
.plyr--full-ui .plyr__volume:hover {
opacity: 1;
visibility: visible;
}
.plyr--full-ui .plyr__volume.plyr__volume--is-visible {
opacity: 1;
transition: visibility 0.4s linear, opacity 0.4s linear;
}
.plyr--full-ui .plyr__volume input[type=range] {
color: {
{
product_media_fill_color
}
}
;
margin: 0 auto;
}
.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track,
.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track,
.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range]::-moz-range-thumb {
box-shadow: none;
}
.plyr--full-ui .plyr__volume input[type=range]::-ms-fill-upper,
.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb {
box-shadow: none;
}
.plyr--audio .plyr--full-ui .plyr__volume {
bottom: 125px;
right: -37px;
}
.plyr--is-ios .plyr__volume {
display: none !important;
}
.plyr__control[data-plyr=mute]:hover+.plyr__volume {
opacity: 1;
transition: visibility 0.4s linear, opacity 0.4s linear;
}
@media (min-width: 480px) {
.plyr--full-ui .plyr__volume input[type=range] {
max-width: 90px;
}
}
@media (min-width: 750px) {
.plyr--full-ui .plyr__volume input[type=range] {
max-width: 110px;
}
}
@media only screen and (max-width: 989px) {
.plyr--is-touch .plyr__volume {
display: none !important;
}
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
color: {
{
product_media_fill_color
}
}
;
background: {
{
product_media_bg_color
}
}
;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button[hidden] {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
color: {
{
product_media_fill_color | color_modify: 'alpha', 0.55
}
}
;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
background: {
{
product_media_bg_color
}
}
;
border: 1px solid {
{
product_media_fill_color | color_modify: 'alpha', 0.05
}
}
;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
border-bottom: 1px solid {
{
product_media_fill_color | color_modify: 'alpha', 0.05
}
}
;
}
@media only screen and (min-width: 799px) {
.video-on-hover .plyr__controls,
.video-on-hover .plyr__control--overlaid,
.video-controls-enabled--false .plyr__controls,
.video-controls-enabled--false .plyr__control--overlaid {
opacity: 0;
}
.video-on-hover .plyr__controls>*,
.video-on-hover .plyr__control--overlaid>*,
.video-controls-enabled--false .plyr__controls>*,
.video-controls-enabled--false .plyr__control--overlaid>* {
pointer-events: none;
cursor: auto;
}
}
/* Hide controls when video is stopped */
.plyr.plyr--stopped .plyr__controls {
display: none;
}
/* Set product media height */
.product_slider.product-height-set model-viewer {
margin: 0 auto;
}
.product_slider.product-height-set .product-gallery__main img,
.product_slider.product-height-set .product-gallery__main .plyr--html5 video {
width: 100%;
}
.product_slider.product-height-set .product-gallery__main img {
object-fit: contain;
}
.product_slider.product-height-set .product-gallery__main .plyr--youtube .plyr__video-embed {
height: 100%;
}
@media only screen and (max-width: 480px) {
.product-gallery .product-gallery__main .product-gallery__image a,
.product-gallery .product-gallery__main .product-gallery__image .video__container,
.product-gallery .product-gallery__main .product-gallery__image .plyr--youtube {
min-height: 100%;
max-height: 75vh;
/* Prevents main product image from taking up whole viewport */
}
}
@media only screen and (max-width: 480px) {
.product-gallery .product-gallery__main model-viewer {
min-height: 300px;
}
}
.product-gallery__thumbnails .product-gallery__thumbnail {
position: relative;
}
.product-gallery__thumbnails .media-badge {
position: absolute;
top: 0;
right: 0;
max-width: 33%;
max-height: 33%;
min-width: 20px;
width: 25px;
height: 25px;
}
.product-gallery__thumbnails .media-badge svg {
width: 100%;
height: 100%;
}
.product-gallery__thumbnails .media-badge path:first-child {
fill: {
{
product_media_bg_color
}
}
;
}
.product-gallery__thumbnails .media-badge path:last-child {
fill: {
{
product_media_fill_color
}
}
;
}
.product-gallery__thumbnails .media-badge g path:first-child {
stroke: {
{
product_media_fill_color
}
}
;
}
.product-gallery__thumbnails .media-badge .media-badge__outline {
stroke: {
{
product_media_fill_color | color_modify: 'alpha', 0.05
}
}
;
}
/* Newsletter */
.js-newsletter-popup {
padding: 0;
display: none;
}
.newsletter {
margin-bottom: 1.5em;
}
.newsletter .contact-form {
width: 460px;
margin: 0 auto;
}
@media only screen and (max-width: 798px) {
.newsletter .contact-form {
width: 100%;
}
}
.newsletter .input-row {
display: flex;
margin-left: -5px;
margin-right: -5px;
}
@media only screen and (max-width: 798px) {
.newsletter .input-row {
flex-direction: column;
margin-left: 0px;
margin-right: 0px;
}
}
.newsletter .input-row input {
margin: 5px;
}
@media only screen and (max-width: 798px) {
.newsletter .input-row input {
margin: 5px 0;
}
}
.newsletter input.sign_up {
display: inline-block;
width: 30%;
flex: none;
}
@media only screen and (max-width: 798px) {
.newsletter input.sign_up {
width: 100%;
}
}
.newsletter_popup,
.newsletter_popup p.headline,
.newsletter_popup a,
.newsletter_popup a:visited {
color: {
{
settings.newsletter_popup_color
}
}
;
}
.newsletter_popup .newsletter {
margin-bottom: 0;
}
.newsletter_popup .js-newsletter-popup {
background-color: {
{
settings.newsletter_popup_background_color
}
}
;
max-width: {
{
settings.newsletter_popup_max_width | append: 'px'
}
}
;
}
.newsletter_popup .fancybox-close {
color: {
{
settings.newsletter_popup_color
}
}
!important;
/* overwrite default Fancybox styles */
}
/* Zoom on image */
[data-slideshow-animation=zoom] img {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
cursor: zoom-in;
}
/* #Currency / Language switcher
================================================== */
.selectors-form {
margin-bottom: 0;
}
.selectors-form summary {
list-style: none;
}
.selectors-form summary::-webkit-details-marker {
display: none;
}
.no-js .selectors-form--no-js-hidden {
display: none;
}
.selectors-form__wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
}
@media only screen and (max-width: 798px) {
.selectors-form__wrap {
margin-bottom: 10px;
width: 100%;
}
}
.selectors-form__item {
margin-right: 20px;
}
.selectors-form__item:last-child {
margin-right: 0;
}
.disclosure {
position: relative;
}
.no-js .disclosure {
position: initial;
}
.disclosure__toggle {
background-color: {
{
settings.shop_bg_color
}
}
;
border: 1px solid #dfdfdf;
border-radius: 2px;
color: {
{
settings.nav_color
}
}
;
font-family: {
{
settings.nav__font.family
}
}
,
{
{
settings.nav__font.fallback_families
}
}
;
font-size: {
{
settings.nav_font_size | append: 'px'
}
}
;
font-weight: {
{
settings.nav__font.weight
}
}
;
font-style: {
{
settings.nav__font.style
}
}
;
margin-top: 5px;
padding: 10px;
position: relative;
text-transform: {
{
settings.nav_font_style
}
}
;
white-space: nowrap;
z-index: 2;
}
.no-js .disclosure__toggle {
pointer-events: none;
}
.disclosure__toggle:active {
border-color: #dfdfdf;
box-shadow: none;
}
.disclosure__toggle.is-clicked,
.disclosure__toggle:focus,
.disclosure__toggle:hover {
background-color: {
{
settings.shop_bg_color
}
}
;
border-color: #dfdfdf;
color: {
{
settings.nav_color_hover
}
}
;
}
.disclosure__toggle.is-clicked+.disclosure__list-wrap {
display: block;
}
.disclosure__toggle .icon-down-arrow {
margin-left: 10px;
pointer-events: none;
}
.disclosure__details {
position: relative;
}
.disclosure-list__item--radio {
margin: 0;
}
.disclosure-list__item--radio+.disclosure-list__item--label {
height: 100%;
color: {
{
settings.regular_color
}
}
;
word-break: keep-all;
margin-left: 5px;
margin-bottom: 0;
padding: 0;
}
.disclosure__submit {
margin: 1rem 0;
}
.disclosure-list__item-wrapper {
display: flex;
align-items: center;
margin-top: 1rem;
}
.disclosure-list__item-wrapper:first-child {
margin-top: 0;
}
.disclosure__list-wrap {
bottom: 100%;
display: none;
position: absolute;
}
.disclosure__list-wrap.animated {
animation-duration: 0.5s;
}
[open] .disclosure__list-wrap {
display: block;
width: -webkit-max-content;
width: max-content;
}
.disclosure-list {
background-color: {
{
settings.shop_bg_color
}
}
;
border: 1px solid #dfdfdf;
border-radius: 2px;
list-style: none;
margin-bottom: 0;
margin-left: 0;
padding: 0 10px;
white-space: nowrap;
}
.no-js .disclosure-list {
padding: 0.75rem;
}
li.disclosure-list__item {
line-height: 1;
list-style: none;
padding: 0;
text-transform: uppercase;
}
button.disclosure__button {
background-color: transparent;
border: 0;
color: {
{
settings.nav_color
}
}
;
font-family: {
{
settings.nav__font.family
}
}
,
{
{
settings.nav__font.fallback_families
}
}
;
font-size: {
{
settings.nav_font_size | append: 'px'
}
}
;
font-style: {
{
settings.nav__font.style
}
}
;
font-weight: {
{
settings.nav__font.weight
}
}
;
padding: 10px 0;
text-align: left;
text-transform: {
{
settings.nav_font_style
}
}
;
}
button.disclosure__button:hover,
button.disclosure__button:focus,
button.disclosure__button[aria-current=true] {
color: {
{
settings.nav_color_hover
}
}
;
}
/* #Password Page
================================================== */
#password-container {
margin: 75px auto 0;
max-width: 100%;
display: table;
text-align: center;
display: table;
text-align: center;
}
@media only screen and (max-width: 798px) {
#password-container {
margin-top: 10px;
}
}
.password-page-message {
font-size: 3em;
line-height: 1.2;
margin: 10px auto;
padding: 12px 0;
text-align: center;
}
.password-message {
max-width: 600px;
font-size: 1.2em;
}
.password-social .social_icons a,
.password-social .social_icons a:visited,
.password-social .social_icons a:active {
font-size: 44px;
}
.password-footer {
margin-top: 15px;
margin-bottom: 40px;
font-size: 13px;
text-align: center;
}
.password-footer a {
text-decoration: none;
}
.password-page-row {
display: table-row;
width: 100%;
height: 100%;
margin: 0 auto;
}
.password-page-col {
display: table-cell;
vertical-align: middle;
padding: 5px 30px;
width: 100%;
}
.password-page-col h1 {
border: 0;
}
.password-logo {
max-width: 200px;
/* Allows logo to be more prominent */
margin: 0px auto;
}
.hr-small {
margin: 20px auto;
width: 50px;
}
.password-social {
margin-top: 10px;
padding-top: 20px;
}
.password-social ul {
margin-left: 0;
padding-left: 0;
margin-bottom: 10px;
}
.password-social .social_icons li {
display: inline;
margin-left: 0;
}
.password-social .social_icons a:hover {
color: {
{
settings.link_hover_color
}
}
;
}
.powered {
display: block;
margin-top: 15px;
}
.shopify a {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28Oj+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==);
padding-left: 21px;
color: {
{
settings.footer_link_color
}
}
;
text-decoration: none;
}
/* Password Page Modal CSS */
.controls {
display: block;
margin: 1em;
text-align: right;
text-transform: uppercase;
position: relative;
}
#open-me {
text-align: center;
margin-bottom: 35px;
}
#open-me a:hover {
color: {
{
settings.link_hover_color
}
}
;
}
.close-me {
z-index: 8000;
}
.modalbox {
position: absolute;
height: 100%;
top: -1em;
bottom: 0;
left: 0;
right: 0;
padding: 0;
z-index: 5000;
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
max-height: 100%;
top: 0;
left: 0;
background: #fff;
background: rgba(255, 255, 255, 0.95);
}
.overlay-close {
width: 150px;
height: 50px;
position: absolute;
right: 10px;
top: 10px;
border: 1px solid #000;
font-size: 14px;
}
.overlay-data {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-open {
opacity: 1;
visibility: visible;
transition: opacity 0.5s;
}
.inputbox {
margin: 0px auto;
max-width: 80%;
display: table;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
color: #000;
}
@media only screen and (max-width: 798px) {
#password-page-bg .modalbox .inputbox {
top: 50%;
}
}
.storefront-password-form label {
font-size: 0.9em;
margin: 0 0 1em 0;
text-align: center;
}
.storefront-password-form .actions {
display: inline-block;
}
.storefront-password-form #password {
width: 100%;
}
#owner {
font-size: 0.9em;
margin-top: -1em;
opacity: 0.8;
}
.pass-close a {
color: #000 !important;
padding: 0 !important;
margin: 1em !important;
position: inherit !important;
}
@media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px) {
.modalbox {
display: block;
width: 414px !important;
max-width: 100%;
text-align: center;
}
.pass-close {
display: block;
margin: 0.65em -0.15em 1em 0 !important;
}
}
/* #Product Details
================================================== */
div.product-details {
clear: both;
}
div.product-details .thumbnail {
border-bottom: 0px;
}
div.product-details img {
width: 100%;
}
div.product-details img.rich-image {
max-width: auto;
margin-bottom: 20px;
}
div.product-details .detail_title {
line-height: initial;
font-size: {
{
settings.slideshow_headline_size | append: 'px'
}
}
;
margin-bottom: 0.3em;
font-family: {
{
settings.headline__font.family
}
}
,
{
{
settings.headline__font.fallback_families
}
}
;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-transform: {
{
settings.headline_font_style
}
}
;
color: {
{
settings.headline_color
}
}
;
display: block;
letter-spacing: {
{
settings.headline_letter_spacing | append: 'px'
}
}
;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 798px) {
div.product-details .detail_title {
font-size: {
{
settings.slideshow_headline_size | divided_by: 2 | append: 'px'
}
}
;
}
}
div.product-details .featured_collections .featured-link--half a[href] img {
box-shadow: #000 0em 0em 0em;
transition: opacity 0.2s linear;
}
div.product-details .featured_collections .featured-link--half:hover a[href] img {
opacity: 0.8;
}
div.product-details .featured-link--section {
box-sizing: border-box;
float: left;
width: 100%;
min-height: 100px;
display: flex;
flex-wrap: wrap;
}
div.product-details .featured-link--section:nth-child(odd) {
flex-direction: row-reverse;
}
div.product-details .featured-link--section:nth-child(odd) .featured-link--half {
float: right;
}
div.product-details .featured-link--half.featured-link--image {
background-color: transparent;
text-align: center;
}
div.product-details .featured-link--half {
box-sizing: border-box;
float: left;
width: 50%;
position: relative;
text-align: center;
display: table;
flex: 1 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 480px) {
div.product-details .featured-link--half {
width: 100%;
flex: 1 0 100%;
}
}
div.product-details .featured-link--half .featured-link--wrap {
width: 100%;
flex: 0 0 auto;
}
div.product-details .featured-link--half img,
div.product-details .featured-link--half svg {
display: block;
margin: 0 auto;
width: 100%;
max-width: 100%;
}
@media only screen and (max-width: 480px) {
div.product-details .featured-link--half img,
div.product-details .featured-link--half svg {
width: 100%;
max-width: auto;
}
}
div.product-details .featured-link--half .info {
display: inline-block;
width: 80%;
margin: 0 auto;
padding: 20px;
}
div.product-details .featured-link--half .info.text-align--right {
text-align: right;
}
div.product-details .featured-link--half .info.text-align--right .description:before {
margin-right: 0;
}
div.product-details .featured-link--half .info.text-align--left {
text-align: left;
}
div.product-details .featured-link--half .info.text-align--left .description:before {
margin-left: 0;
}
@media only screen and (max-width: 480px) {
div.product-details .featured-link--half .info {
position: static;
transform: translateY(0);
padding: 2em 0;
}
}
div.product-details .featured-link--half .collection_title {
font-size: 2vw;
line-height: initial;
font-family: {
{
settings.headline__font.family
}
}
,
{
{
settings.headline__font.fallback_families
}
}
;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-transform: {
{
settings.headline_font_style
}
}
;
color: {
{
settings.headline_color
}
}
;
display: block;
margin-bottom: 0.3em;
letter-spacing: {
{
settings.headline_letter_spacing | append: 'px'
}
}
;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 798px) {
div.product-details .featured-link--half .collection_title {
font-size: inherit;
}
}
div.product-details .featured-link--half .collection_title.text-align--right {
text-align: right;
}
div.product-details .featured-link--half .collection_title.text-align--right .description:before {
margin-right: 0;
}
div.product-details .featured-link--half .collection_title.text-align--left {
text-align: left;
}
div.product-details .featured-link--half .collection_title.text-align--left .description:before {
margin-left: 0;
}
div.product-details .featured-link--half .description {
position: relative;
font-size: 1.6vw;
line-height: 1.5;
margin-bottom: 20px;
}
@media only screen and (max-width: 798px) {
div.product-details .featured-link--half .description {
font-size: 2vw;
}
}
@media only screen and (max-width: 480px) {
div.product-details .featured-link--half .description {
font-size: inherit;
}
}
@media only screen and (min-width: 1025px) {
div.product-details .featured-link--half .description {
font-size: inherit;
}
}
div.product-details .featured-link--half .action_button {
width: auto;
}
@media only screen and (max-width: 798px) {
div.product-details .featured-link--half .action_button {
padding: 7px 15px;
}
}
div.product-details .featured_collections.across-2 .featured-link--section.featured-link--no-image {
width: 100%;
}
div.product-details .featured_collections.across-2 .featured-link--section:nth-child(odd) .featured-link--half {
float: left;
}
div.product-details .featured-link--section.featured-link--no-image>img {
display: none;
}
div.product-details .featured-link--section.featured-link--no-image .featured-link--half {
width: 100%;
}
div.product-details .featured-link--section.featured-link--no-image .info {
position: static;
transform: translateY(0);
text-align: center;
padding: 2em;
}
div.product-details .featured-link--section.featured-link--no-image .info.text-align--left {
text-align: center;
}
div.product-details .featured-link--section.featured-link--no-image .info.text-align--right {
text-align: center;
}
div.product-details .featured-link--section.featured-link--no-image .description,
div.product-details .featured-link--section.featured-link--no-image .collection_title {
display: none;
}
div.product-details .featured_collections.across-2 {
display: flex;
flex-wrap: wrap;
}
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) {
flex-direction: row-reverse;
}
@media only screen and (max-width: 798px) {
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) {
flex-direction: row;
}
}
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) {
flex-direction: row-reverse;
}
div.product-details .featured_collections.across-2 .featured-link--section.featured-link--no-image .featured-link--half {
width: 100%;
}
div.product-details .featured_collections.across-2 .featured-link--section {
width: 50%;
flex-direction: row;
}
@media only screen and (max-width: 798px) {
div.product-details .featured_collections.across-2 .featured-link--section {
width: 100%;
}
div.product-details .featured_collections.across-2 .featured-link--section:nth-of-type(2n) {
flex-direction: row-reverse;
}
}
@media only screen and (max-width: 798px) {
div.product-details .featured_collections.across-2 .featured-link--section .featured-link--half {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
div.product-details .featured_collections.across-2 .featured-link--section .featured-link--half {
width: 100%;
}
}
div.product-details .featured_collections.across-2 .featured-link--section .description {
font-size: 1.2vw;
}
@media only screen and (max-width: 798px) {
div.product-details .featured_collections.across-2 .featured-link--section .description {
font-size: inherit;
}
}
div.product-details .featured_collections.across-2 .featured-link--section .button {
font-size: 1.2vw;
}
@media only screen and (max-width: 798px) {
div.product-details .featured_collections.across-2 .featured-link--section .button {
font-size: inherit;
}
}
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(2n+1) {
clear: both;
}
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(2n+2) .featured-link--half {
float: left;
}
@media only screen and (max-width: 798px) {
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(2n+2) .featured-link--half {
float: right;
}
}
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(3n+3) .featured-link--half {
float: right;
}
@media only screen and (max-width: 798px) {
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(3n+3) .featured-link--half {
float: left;
}
}
div.product-details .featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) .featured-link--half {
float: right;
}
/* #Lazyloading Styles
================================================== */
img[data-sizes=auto].lazyloaded {
height: auto;
}
img[data-sizes=auto],
img[data-sizes="100vw"] {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}
/* Ensures that small images are not stretched larger */
.image__container {
display: block;
margin-left: auto;
margin-right: auto;
}
.collection-template-section mage-element__wrap {
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.image-element__wrap img {
height: auto;
}
/* #Media Queries
================================================== */
/* Smaller than standard 1200 (devices and browsers) */
@media only screen and (max-width: 1199px) {
.social_buttons a {
padding: 0 2px;
}
.twitter {
display: block;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 799px) and (max-width: 959px) {
.continue_shopping {
display: block;
margin-top: 15px;
}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 798px) {
.currencies {
padding-top: 4px;
}
.continue_shopping {
display: block;
padding: 15px 0;
}
.article_image {
padding-bottom: 0;
}
#nav,
#nav ul {
text-align: center;
}
#mobile_nav {
text-align: left;
}
.flex-control-paging {
display: none;
}
.top_bar ul {
text-align: center;
margin: 0;
}
.social_buttons a {
padding: 0;
}
.quantity_label {
display: inline;
}
.currencies {
margin-left: auto;
margin-right: auto;
}
.logo a {
text-align: center;
margin: 0 auto;
}
#mobile_nav {
display: block !important;
margin-top: 15px;
}
#nav {
display: none;
}
{
%- if settings.mobile_products_per_row=='2' and settings.collection_price_position=='right' -%
}
.thumbnail .price {
float: none;
text-align: center;
display: block;
}
{
%- endif -%
}
h4.toggle span {
cursor: pointer;
touch-action: manipulation;
}
.toggle_list {
display: none;
}
.thumbnail {
margin-top: 1em;
}
.thumbnail a:hover img {
opacity: 1;
}
.top_bar_search {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 798px) and (max-width: 480px) {
.cart_price {
margin-bottom: 0;
}
}
@media only screen and (max-width: 798px) {
.mobile_left {
text-align: left;
}
}
@media only screen and (max-width: 798px) {
div.mobile_only {
display: block;
}
}
@media only screen and (max-width: 798px) {
.price_total,
.remove_column,
.cart__headings {
display: none;
}
}
@media only screen and (max-width: 798px) {
.action_button {
width: 100%;
}
}
@media only screen and (max-width: 798px) {
.mobile_right {
text-align: right;
}
}
@media only screen and (max-width: 798px) {
.quick_shop {
display: none !important;
}
}
@media only screen and (max-width: 798px) {
.cart_price {
display: block;
}
}
@media only screen and (max-width: 798px) {
.cart_description {
display: none;
}
}
@media only screen and (max-width: 798px) {
table tr th,
table tr td {
padding: 2px;
}
}
@media only screen and (max-width: 798px) {
input.action_button {
margin-bottom: 1em;
}
}
@media only screen and (max-width: 798px) {
.multiple_product_images {
display: none;
}
}
@media only screen and (max-width: 798px) {
.footer input[type=text] {
width: 100%;
}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
h1,
h2,
h3,
h4,
h5,
h6,
h2.home,
h1.blog_title,
.title a {
font-size: 150%;
}
h1,
h2,
h2.home,
h1.blog_title,
.title a {
padding: 0;
}
.inline_purchase {
margin-left: 0;
}
.top_bar ul li {
padding: 0 5px;
}
.breadcrumb {
text-align: center;
}
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
.social_link img {
width: 30px;
height: 30px;
}
input.search_box {
background: #fff url(//cdn.shopify.com/s/files/1/0207/9574/t/38/assets/search2x.jpg?v=83174658983691375601635780221) no-repeat 6px;
background-size: 14px 14px;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
}
@media screen and (min-device-pixel-ratio: 0) and (max-width: 767px) {
select,
textarea,
input {
font-size: 16px;
}
}
@font-face {
font-family: "responsive";
src: url("responsive.eot?qskw3e");
src: url("responsive.eot?qskw3e#iefix") format("embedded-opentype"), url("responsive.ttf?qskw3e") format("truetype"), url("responsive.woff?qskw3e") format("woff"), url("responsive.svg?qskw3e#icomoon") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^=icon-],
[class*=" icon-"],
.ss-icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "responsive" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1em;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-bitcoin:before {
content: "";
}
.icon-cart:before {
content: "";
}
.icon-bag:before {
content: "";
}
.icon-check:before {
content: "";
}
.icon-down-arrow:before {
content: "";
}
.icon-mail:before {
content: "";
}
.icon-facebook:before {
content: "";
}
.icon-flickr:before {
content: "";
}
.icon-instagram:before {
content: "";
}
.flex-nav-prev.ss-icon a:before,
.fancybox-prev span:before,
.icon-left-arrow:before {
content: "";
}
.icon-linkedin:before {
content: "";
}
.icon-menu:before {
content: "";
}
.icon-minus:before {
content: "";
}
.icon-pinterest:before {
content: "";
}
.icon-plus:before {
content: "";
}
.flex-nav-next.ss-icon a:before,
.fancybox-next span:before,
.icon-right-arrow:before {
content: "";
}
.icon-search:before {
content: "";
}
.icon-snapchat:before {
content: "";
}
.icon-tumblr:before {
content: "";
}
.icon-twitter:before {
content: "";
}
.icon-up-arrow:before {
content: "";
}
.icon-vimeo:before {
content: "";
}
.fancybox-close:before,
.icon-close:before {
content: "";
}
.icon-youtube:before {
content: "";
}
.icon-twitter.share,
.icon-facebook.share,
.icon-pinterest.share,
.icon-mail.share {
border: 0px;
}
.icon-twitter.share:before {
vertical-align: middle;
font-size: 20px;
margin-right: 0.4em;
color: #09AEEC;
}
.icon-facebook.share:before,
.icon-mail.share:before {
vertical-align: middle;
font-size: 20px;
margin-right: 0.4em;
color: #49659D;
}
.icon-pinterest.share:before {
vertical-align: middle;
font-size: 20px;
margin-right: 0.4em;
color: #CB1F2A;
}
.icon-down-arrow,
.icon-right-arrow,
.icon-left-arrow {
font-size: 0.6em;
vertical-align: middle;
display: inline-block;
}
.icon-cart {
font-size: 13px;
}
#menu .icon-down-arrow {
padding-left: 8px;
}
#menu .icon-right-arrow {
padding-left: 8px;
}
.social_icons a {
margin: 0 5px;
font-size: 24px;
color: {
{
settings.social_icons_color
}
}
;
transition: ease-in-out 0.3s all;
}
.social_icons a span {
transition: ease-in-out 0.3s border-color;
}
{
%- if settings.rounded_social_icons !=blank -%
}
.social_icons a span {
border: 1px solid {
{
settings.social_icons_color
}
}
;
border-radius: 50%;
}
{
%- else -%
}
.social_icons a span {
padding: 1px;
}
{
%- endif -%
}
.social_icons a:hover {
color: {
{
settings.social_icons_color_hover
}
}
;
}
{
%- if settings.rounded_social_icons !=blank -%
}
.social_icons a:hover span {
border-color: {
{
settings.social_icons_color_hover
}
}
;
}
{
%- endif -%
}
/* #Unit Pricing
================================================== */
.product-details__unit-price {
margin-bottom: 0;
flex: 1 0 100%;
}
.product-details__unit-price,
.cart__item-unit-price,
.order-details__unit-price {
font-size: smaller;
}
.product-details__unit-price--hidden,
.cart__item-unit-price--hidden,
.order-details__unit-price--hidden {
display: none;
}
/* #Surface Pick-up
================================================== */
.surface-pick-up {
opacity: 1;
transition: opacity 0.3s ease-in;
}
.surface-pick-up.surface-pick-up--loading {
visibility: hidden;
opacity: 0;
}
.surface-pick-up-embed {
--surface-pick-up-embed-theme-success-color: #099E4D;
--surface-pick-up-embed-theme-error-color: #DE3618;
--surface-pick-up-embed-theme-paragraph-font-size: {
{
settings.regular_font_size | append: 'px'
}
}
;
--surface-pick-up-embed-theme-paragraph-smaller-font-size: {
{
settings.regular_font_size | times: 0.875 | append: 'px'
}
}
;
--surface-pick-up-embed-theme-body-font-weight-bold: 600;
--surface-pick-up-embed-theme-body-text-color: {
{
settings.regular_color
}
}
;
--surface-pick-up-embed-theme-link-text-decoration: underline;
--surface-pick-up-embed-row-gap: 10px;
--surface-pick-up-embed-column-gap: 10px;
margin-bottom: 50px;
}
.surface-pick-up-item {
--surface-pick-up-item-theme-success-color: #099E4D;
--surface-pick-up-item-theme-error-color: #DE3618;
--surface-pick-up-item-theme-paragraph-font-size: {
{
settings.regular_font_size | append: 'px'
}
}
;
--surface-pick-up-item-theme-paragraph-smaller-font-size: {
{
settings.regular_font_size | times: 0.875 | append: 'px'
}
}
;
--surface-pick-up-item-theme-body-font-weight-bold: 600;
--surface-pick-up-item-theme-body-text-color: {
{
settings.regular_color
}
}
;
--surface-pick-up-item-theme-border-color: {
{
settings.border_color | color_modify: 'alpha', 0.5
}
}
;
--surface-pick-up-item-theme-link-text-decoration: underline;
--surface-pick-up-item-row-gap: 0.8rem;
--surface-pick-up-item-column-gap: 5px;
--surface-pick-up-item-gap: 22px;
}
.surface-pick-up__modal-header {
padding-bottom: 28px;
border-bottom: 1px solid {
{
settings.border_color | color_modify: 'alpha', 0.5
}
}
;
}
.surface-pick-up__modal-title {
font-family: {
{
settings.headline__font.family
}
}
,
{
{
settings.headline__font.fallback_families
}
}
;
font-weight: {
{
settings.headline__font.weight
}
}
;
text-transform: {
{
settings.headline_font_style
}
}
;
line-height: 1.5;
color: {
{
settings.headline_color
}
}
;
display: block;
letter-spacing: {
{
settings.headline_letter_spacing | append: 'px'
}
}
;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-bottom: 5px;
padding: 0;
text-align: left;
border-top: none;
border-bottom: none;
}
.surface-pick-up__modal-subtitle {
font-size: {
{
settings.regular_font_size | append: 'px'
}
}
;
}
button.surface-pick-up-embed__modal-btn {
font-family: {
{
settings.regular__font.family
}
}
,
{
{
settings.regular__font.fallback_families
}
}
;
font-size: {
{
settings.regular_font_size | append: 'px'
}
}
;
font-weight: inherit;
color: {
{
settings.regular_color
}
}
;
text-transform: {
{
settings.regular_font_style
}
}
;
letter-spacing: 0;
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
button.surface-pick-up-embed__modal-btn:hover {
background: none;
color: {
{
settings.regular_color
}
}
;
}
button.surface-pick-up-embed__modal-btn.surface-pick-up--loading {
visibility: hidden;
opacity: 0;
}
.surface-pick-up-embed__in-stock-icon,
.surface-pick-up-embed__out-of-stock-icon {
width: 0.85em;
height: 0.85em;
margin-top: 0.4em;
}
.surface-pick-up-item__pick-up-location {
font-size: {
{
settings.regular_font_size | append: 'px'
}
}
;
font-weight: bold;
letter-spacing: initial;
}
.surface-pick-up-item__address-info {
font-size: 0.85em;
line-height: 1.5;
}
.surface-pick-up-item__in-stock-icon,
.surface-pick-up-item__out-of-stock-icon {
width: 0.85em;
height: 0.85em;
margin-top: 0.4em;
}
.surface-pick-up-item__pick-up-distance {
padding-left: 5rem;
}
.surface-pick-up-item:last-child {
padding-bottom: calc(var(--surface-pick-up-item-gap) / 2);
}
h3.surface-pick-up-embed__location-availability,
h3.surface-pick-up-item__pick-up-location {
font-family: {
{
settings.regular__font.family
}
}
,
{
{
settings.regular__font.fallback_families
}
}
;
font-size: {
{
settings.regular_font_size | append: 'px'
}
}
;
letter-spacing: 0;
border-bottom: none;
padding-bottom: 0;
text-transform: {
{
settings.regular_font_style
}
}
;
line-height: 1.8;
}
.surface-pick-up-item__header {
align-items: center;
}
.fancybox-content .surface-pick-up-embed {
margin-bottom: 0;
}
.fancybox-content .surface-pick-up-embed__in-stock-icon {
margin-top: 0.7em;
}
/* Faceted Filtering - Collection Template */
@media only screen and (min-width: 768px) {
.sort_by {
margin-bottom: 0;
}
}
.collection-filters__container {
display: none;
}
@media only screen and (min-width: 768px) {
.collection-filters__container {
display: block;
}
}
.collection-filters-modal__wrapper {
display: block;
}
@media only screen and (min-width: 768px) {
.collection-filters-modal__wrapper {
display: none;
}
}
.collection-filters__container.fancybox-content {
width: 100%;
}
.collection-filters__container.fancybox-content li {
list-style: none;
}
.collection-filters__heading {
margin-top: 0;
margin-bottom: 8px;
}
.collection-filters__filter-range {
display: flex;
flex-wrap: wrap;
column-gap: 8px;
}
.collection-filters__filter-range--from,
.collection-filters__filter-range--to {
flex: 1 0 7rem;
}
.collection-filters__filter-range-label {
font-weight: 400;
}
.collection-filters__filter-range-wrapper {
position: relative;
}
.collection-filters__filter-range-currency {
position: absolute;
top: 50%;
left: 8px;
transform: translateY(-50%);
}
.collection-filters__filter-range-input[type=number] {
padding-left: 1.25rem;
}
.collection-filters__filter-range-input:-ms-input-placeholder {
color: currentColor;
opacity: 0.6;
}
.collection-filters__filter-range-input::placeholder {
color: currentColor;
opacity: 0.6;
}
.collection-filters__filter-link {
display: flex;
align-items: center;
}
.collection-filters__filter-link[data-disabled] {
cursor: default;
opacity: 50%;
}
.collection-filters__filter-link[data-disabled]:hover {
color: currentColor;
}
.collection-filters__filter-list-item-text {
cursor: pointer;
font-weight: 400;
padding-bottom: 0;
margin-left: 4px;
}
[data-disabled] .collection-filters__filter-list-item-text {
cursor: default;
}
input[type=checkbox].collection-filters__filter-checkbox {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
outline: 2px solid currentColor;
outline-offset: -1px;
-webkit-appearance: none;
appearance: none;
min-width: 13px;
width: 13px;
height: 13px;
}
[data-disabled] input[type=checkbox].collection-filters__filter-checkbox {
cursor: default;
}
.collection-filters__filter-checkbox:checked:after {
content: "✔";
color: currentColor;
background: {
{
settings.shop_bg_color
}
}
;
}
/* Active Filter Tags */
.collection-page__filters--active {
display: block;
padding-bottom: 18px;
}
.collection-page__empty .collection-page__filters--active {
margin-bottom: 12px;
}
.search-page__filters--active {
padding-bottom: 18px;
}
.active-filter-group {
display: flex;
flex-wrap: wrap;
justify-content: left;
gap: 8px;
align-items: center;
height: 100%;
padding: 0;
margin: 0;
list-style: none;
}
a.active-filter-group__item {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: nowrap;
color: {
{
settings.regular_color
}
}
;
cursor: pointer;
background-color: transparent;
}
a.active-filter-group__item::after {
width: 11px;
height: 11px;
padding-bottom: 3px;
line-height: 1;
content: url('data:image/svg+xml,');
}
.active-filter-group__item-wrapper {
display: inline-block;
margin: 0;
padding: 0 8px;
vertical-align: text-bottom;
}
.active-filter-text {
display: inline-block;
vertical-align: middle;
font-size: {
{
settings.regular_font_size | append: 'px'
}
}
;
}
.active-filter-group__clear-all {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.active-filter-group__item-wrapper-clear-all:after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: {
{
settings.link_color
}
}
;
}
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2017 Daniel Eden
*/
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
animation-duration: 0.75s;
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scaleX(1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
/* #Font-Face
================================================== */
/* This is the proper syntax for an @font-face file.
Upload your font files to Assets and then
copy your FontName into code below and remove
comment brackets */
/* @font-face {
font-family: 'FontName';
src: url('FontName.eot');
src: url('FontName.eot?iefix') format('eot'),
url('FontName.woff') format('woff'),
url('FontName.ttf') format('truetype'),
url('FontName.svg#webfontZam02nTh') format('svg');
font-weight: normal;
font-style: normal; }
*/
/* #Custom Styles
================================================== */
.shopify-section--product-template:not(.shopify-section) {
display: flex;
flex-wrap: wrap;
}
.shopify-section {
width: 100%;
}
.rating {
display: flex;
align-items: center;
}
.rating__star-wrapper {
display: flex;
margin-bottom: 3px;
}
.icon-star-background {
transform: scaleX(var(--rating-scale, 0));
}
.icon-star-reference {
position: absolute;
left: -9999;
width: 0;
height: 0;
}
.rating__star {
width: 20px;
height: auto;
}
.rating__star-1 {
--rating-scale: calc(var(--rating-value));
}
.rating__star-2 {
--rating-scale: calc(var(--rating-value) - 1);
}
.rating__star-3 {
--rating-scale: calc(var(--rating-value) - 2);
}
.rating__star-4 {
--rating-scale: calc(var(--rating-value) - 3);
}
.rating__star-5 {
--rating-scale: calc(var(--rating-value) - 4);
}
.rating__text {
display: none;
}
.rating__count {
margin: 0 0 0 5px;
}
@media (forced-colors: active) {
.rating__star-wrapper {
display: none;
}
.rating__text {
display: block;
}
}
.product-block {
margin: 0.5rem 0;
}
.product-block.product-block--first {
margin-top: 0;
/* Always remove the top margin from the first product block */
}
.hide-border {
border-bottom: none;
}
div#shopify-section-template--15188047003812__1636350882b147af4f {
background-image: url(https://cdn.shopify.com/s/files/1/0207/9574/files/lower2.fw_4744fff1-0a1e-475c-8b26-14712d9b8d66.png?v=1636352294);
padding: 70px 0 50px 0;
background-position: top;
background-size: cover;
margin:0;
}
.padding-toggle .enable-padding--true {
padding-top: 0px;
padding-bottom: 0px;
}
div#shopify-section-template--15188047003812__16363544238088dc84 {
background-image: url(https://cdn.shopify.com/s/files/1/0207/9574/files/IWC_DesignYourOwn_Banner_8fb30e48-322c-496c-ba5b-83a7d4d10703.png?v=1636360647);
background-size: cover;
padding: 50px 0px;
}
h3.btn-1 {
border: 4px solid #26c0d5;
color: #26c0d5;
background: #fff!important;
padding: 20px 100px;
font-weight: 700;
font-size: 22px;
width: 42%;
margin: -63px auto;
text-align: center;
}
h3.btn-1 a {
color: #26c0d5;
}
/*
h2.section-header.home.text-align--center::before {
background-color: #000;
content: "";
display: inline-block;
height: 5px;
position: relative;
vertical-align: middle;
width: 35%;
} */
/* h2.section-header.home.text-align--center::after {
background-color: #000;
content: "";
display: inline-block;
height: 5px;
position: relative;
vertical-align: middle;
width: 35%;
} */
h2.home {
border-bottom: transparent;
}
h1.banner-section__caption-headline {
color: black !important;
}
.banner-section__caption-subtitle {
color: #4b4f54 !important;
font-size: 26px !important;
font-family: 'Conv_Aeron-Book' !important;
text-shadow: none;
}
div#shopify-section-template--15188047003812__163635393549cc67f7 a.banner-section__caption-button.action_button {
background-color: #fcba14!important;
border: #fcba14!important;
width: 170px!important;
font-size: 19px;
font-weight: 400;
padding: 22px 20px !important;
}
div#shopify-section-template--15188047003812__16363539456b736e8d a.banner-section__caption-button.action_button {
background: white;
border: white;
color: #26c0d5;
font-size: 19px;
text-transform:uppercase;
font-weight: 400;
margin-right:70px;
}
div#popup1 {
display: none;
}
div#shopify-section-template--15188047003812__1636463192018493ba a.action_button {
background-color: #fcba14!important;
border: #fcba14!important;
width: 183px!important;
font-size: 19px;
font-weight: 400;
}
div#qab_bar {
display: none;
}
summary.sub-menu--link {
font-size: 17px !important;
}
h2.section-header.home.text-align--center {
font-family: 'Conv_Quiska Personal Use Only', sans-serif !important;
font-size: 40px;
}
div#shopify-section-template--15188047003812__1636350882b147af4f .gallery-bar {
display: flex;
justify-content: space-between;
width: 100%;
/* margin-left: 32px; */
}
.gallery_image.four-per-row {
margin-right: 64px;
}
div#shopify-section-template--15188047003812__1636350882b147af4f p {
text-align: center;
font-size: 20px;
color: white;
/* margin-top: -229px;
*/
font-size: 15px;
position: absolute;
top: 88px;
padding-left: 61px;
padding-right: 190px;
color: white;
}
div#shopify-section-template--15188047003812__16363544238088dc84 .gallery_image.three-per-row {
width: 43%;
text-align: center;
}
div#shopify-section-template--15188047003812__16363544238088dc84 p {
font-family: Conv_Aeron-Book!important;
color: #fff;
font-size: 24px;
text-align: center;
}
div#shopify-section-template--15188047003812__16363544238088dc84 .gallery-bar {
display: flex;
width: 100%;
}
.gallery_image.six-per-row {
width: 33%;
float: left;
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
.gallery_image.six-per-row img {
border: 3px solid #5bc8d9;
}
.gallery-bar.personalize-gal span {
font-size: 20px;
display: block;
padding-top: 20px;
color: black;
font-weight: 600;
}
.gallery-bar.personalize-gal p {
color: #4b4f54;
font-weight: 600;
}
.gallery-bar.personalize-gal {
display: flex;
}
.popup-container.imagePosition--left {
background: #b4e6ef!important;
}
.popup-container {
display: block;
align-items: center;
justify-content: center;
height: 100%;
}
.popup-container .popup-image {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.newsletter_popup .js-newsletter-popup {
background-color: #b4e6ef;
padding: 30px;
}
.popup-container .popup-text {
box-sizing: border-box;
width: 100%;
max-width: 100%;
}
input.action_button.sign_up {
background: #fcba14!important;
border: #fcba14!important;
}
ul.footer_menu li {
display: inline;
padding: 0 15px 15px 15px !important;
text-transform: uppercase;
}
.contact-info .ftr-left {
float: left;
width: 60%;
text-align: left;
}
.contact-info .ftr-left ul li {
display: inline-block;
padding: 0 20px;
font-size: 15px;
border-left: 1px solid #4b4f54;
color: #4b4f54;
font-weight: 700;
}
.contact-info .ftr-left ul li:first-child {
border-left: inherit;
}
.contact-info {
padding-top: 20px;
}
.contact-info strong,
.contact_text strong,
b {
display: grid;
}
b,
strong {
font-weight: 700;
}
.contact-info .ftr-right {
float: right;
width: 40%;
text-align: right;
}
.container .sixteen.columns {
width: 1180px;
}
.column,
.columns {
float: left;
display: inline;
margin-left: 10px;
margin-right: 10px;
}
.footer .credits,
.footer .credits a {
font-size: 13px;
color: #4b4f54!important;
padding-top: 1em;
font-weight: 600;
}
.footer .ss-icon,
.ss-icon,
.ss-icon.ss-sandbox,
.ss-icon:visited,
[class*=" ss-"].right:after,
[class*=" ss-"].ss-sandbox.right:after,
[class*=" ss-"].ss-sandbox:before,
[class*=" ss-"]:before,
[class^=ss-].right:after,
[class^=ss-].ss-sandbox.right:after,
[class^=ss-].ss-sandbox:before,
[class^=ss-]:before {
font-family: SSSandbox;
font-style: normal;
font-weight: 400;
text-decoration: none;
text-rendering: optimizeLegibility;
white-space: nowrap;
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 40px;
margin: 15px 8px 15px 0;
display: inline-block;
color: #472a49;
}
.iframe-container {
text-align: center;
margin: auto;
display: flex;
}
div#shopify-section-template--15188047003812__16364419168af646b2 {
margin-bottom: 60px;
}
span.logo--desktop .image-element__wrap img {
height: 110px;
}
/*.fancybox-container {
display: none;
}
.fancybox-slide.fancybox-slide--image.fancybox-slide--current.fancybox-slide--complete {
display: none;
}*/
@font-face {
font-family: "Quiska_Personal_Use_Only";
src: url("Quiska_Personal_Use_Only.woff2") format("woff2"), url("Quiska_Personal_Use_Only.woff") format("woff");
}
h1,
h2 {
font-family: "Quiska_Personal_Use_Only"!important;
}
h2.home {
text-transform: inherit;
font-weight: 400;
font-size: 60px;
}
div#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home {
font-size: 45px;
color: white;
}
div#shopify-section-template--15188047003812__16364417687b0fa162 {
padding-top: 110px;
}
h1.banner-section__caption-headline {
text-transform: capitalize;
}
/* h2:before {
right: 0.5em;
margin-left: -50%;
}
h2:after, h2:before {
background-color: #000;
content: "";
display: inline-block;
height: 5px;
position: relative;
vertical-align: middle;
width: 30%;
}
h2:after {
left: 0.5em;
margin-right: -50%;
} */
.compensate-for-scrollbar {
margin-right: 0px !important;
}
.header_icons {
float: right;
margin-right: 15px;
}
.phone-section a {
font-family: Montserrat,sans-serif;
color: #5bc8d9;
font-size: 30px;
padding-top: 10px;
}
.top_bar_search .search_box {
margin: 5px 0 5px 0;
border: 1px solid #5bc8d9;
}
.h-social-icons a {
color: #5bc8d9!important;
}
.header_icons a.ss-icon {
font-size: 32px;
display: inline-block;
margin: 10px 5px 10px 5px;
line-height: 1em;
}
.header_icons {
display: contents;
flex-wrap: wrap;
justify-content: center;
position: absolute;
right: 0px;
}
.header_icons a.ss-icon {
font-size: 32px;
display: inline-block;
margin: 10px 5px 10px 5px;
line-height: 1em;
border: 1px solid #5bc8d9;
border-radius: 50%;
height: 32px;
width: 32px;
text-align: center;
}
a.ss-icon.i-snapchat {
border: none;
}
.header-social-icon {
float: left;
margin-right: -95px;
}
.sixteen.columns.logo.header-logo img {
height: 110px;
}
div#shopify-section-header .container .sixteen.columns {
width: 100%;
}
div#shopify-section-footer .container .sixteen.columns {
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.gallery_image.four-per-row img {
transition: .6s ease;
}
.gallery_image.four-per-row img:hover {
transform: scale(1.05);
overflow: hidden;
}
.gallery_image.four-per-row {
overflow: hidden;
}
.header_icons.h-social-icons.footer-s a.ss-icon {
border: none;
color: #472a49 !important;
border: 1px solid #472a49;
height: 42px;
width: 40px;
line-height: 40px;
}
a.ss-icon.mbtsnapchat.btnsnapc {
border: none !important;
}
.announcementBar {
width: 100%;
top: 0;
left: 0;
display: block;
background: #5bc8d9;
border-bottom: 5px solid #fcba15;
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected .slideshow__caption .container {
background: #ffffffbf;
width: fit-content;
padding: 40px 50px;
}
p.slideshow__caption-headline {
color: black !important;
font-size: 60px !important;
line-height: 77px !important;
font-weight: 600 !important;
}
a.slideshow__caption-button.action_button {
background: #fcba14!important;
border: #fcba14!important;
}
.slideshow__caption-subtitle {
color: black !important;
font-size: 37px !important;
}
/* #Font-Face
================================================== */
/* This is the proper syntax for an @font-face file.
Upload your font files to Assets and then
copy your FontName into code below and remove
comment brackets */
/* @font-face {
font-family: 'FontName';
src: url('FontName.eot');
src: url('FontName.eot?iefix') format('eot'),
url('FontName.woff') format('woff'),
url('FontName.ttf') format('truetype'),
url('FontName.svg#webfontZam02nTh') format('svg');
font-weight: normal;
font-style: normal; }
*/
/* Extra Theme CSS */
@font-face {
font-family: 'Conv_Quiska Personal Use Only';
src: url('Quiska_Personal_Use_Only.eot');
src: local('☺'), url('Quiska_Personal_Use_Only.woff') format('woff'), url('Quiska_Personal_Use_Only.ttf') format('truetype'), url('Quiska_Personal_Use_Only.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Aeron-Book';
src: url('Aeron-Book.eot');
src: local('☺'), url('Aeron-Book.woff') format('woff'), url('Aeron-Book.ttf') format('truetype'), url('Aeron-Book.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Gotham-Bold';
src: url('Gotham-Bold.eot');
src: local('☺'), url('Gotham-Bold.woff') format('woff'), url('Gotham-Bold.ttf') format('truetype'), url('Gotham-Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham-Medium';
src: url('Gotham-Medium.svg#Gotham-Medium') format('svg'), url('Gotham-Medium.ttf') format('truetype'), url('Gotham-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GothamMedium';
src: url('GothamMedium.eot');
src: url('GothamMedium.eot?#iefix') format('embedded-opentype'), url('GothamMedium.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
ul#menu li a {
font-family: Conv_Aeron-Book !important;
}
div#shopify-section-footer .container {
width: 1200px;
}
div#shopify-section-footer .ftr-left ul {
display: flex;
}
div.announcementBar__message a,
div.announcementBar__message p {
color: #fff!important;
font-family: Conv_Aeron-Book;
}
#mobile_nav ul li a,
#mobile_nav ul li a:active,
#mobile_nav ul li a:visited,
#nav ul li a,
#nav ul li a:active,
#nav ul li a:visited,
.mobile_currency select,
a.slicknav_btn {
font-size: 15px ;
letter-spacing: 0px !important;
}
.top_bar .container {
width: 1200px;
}
div#shopify-section-template--15188047003812__1636350882b147af4f p {
font-size: 20px;
font-family: Conv_Aeron-Book!important;
padding-left: 0px;
padding-right: 0px;
top: 28px;
width: 100%;
}
.action_button {
font-family: Conv_Aeron-Book!important;
font-size: 20px!important;
letter-spacing: 0px;
}
.gallery_image.four-per-row {
overflow: hidden;
position: relative;
}
h3.btn-1 a {
font-family: Conv_Aeron-Book!important;
letter-spacing: 0px;
font-size: 20px;
}
.one-half.column.offset-by-seven.text-align--right .banner-section__caption-subtitle {
max-width: 350px;
text-align: right;
margin: 0 0 0 auto
}
.banner-section__caption .offset-by-three {
left: 0px;
}
.banner-section__caption .five-eighths {
width: 100%;
}
.footer a {
font-family: Conv_Aeron-Book!important;
text-transform: uppercase;
font-size: 15px;
}
.contact-info .ftr-left ul li {
font-family: 'Conv_Gotham-Bold';
}
div#shopify-section-template--15188047003812__16363539456b736e8d .image-element__wrap {
height: 390px;
}
p.credits a {
font-family: 'Conv_Gotham-Bold' !important;
}
div#shopify-section-template--15188047003812__1636350882b147af4f h2.section-header.home {
padding-bottom: 30px;
}
#shopify-section-template--15188047003812__1636350882b147af4f h2.section-header.home:after {
position: absolute;
content: '';
width: 31%;
left: 9%;
background: #000;
height: 4px;
top: 9%;
}
#shopify-section-template--15188047003812__1636350882b147af4f h2.section-header.home:before {
position: absolute;
content: '';
width: 31%;
right: 9%;
background: #000;
height: 4px;
top: 9%;
}
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home:after {
position: absolute;
content: '';
width: 26%;
left: 7%;
background: #fff;
height: 4px;
top: 10%;
}
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home:before {
position: absolute;
content: '';
width: 26%;
right: 7%;
background: #fff;
height: 4px;
top: 10%;
}
.gallery-section {
position: relative;
}
#shopify-section-template--15188047003812__16364417687b0fa162 h2.section-header.home:after {
position: absolute;
content: '';
width: 26%;
right: -5%;
background: #000;
height: 4px;
top: 23%;
}
#shopify-section-template--15188047003812__16364417687b0fa162 h2.section-header.home:before {
position: absolute;
content: '';
width: 26%;
left: -5%;
background: #000;
height: 4px;
top: 23%;
}
ul#menu li li a {
font-size: 12px!important;
}
.sub_submenu_list {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
#menu ul .sub_submenu_list {
width: 450px;
}
.collection-template-section mage__container {
position: relative;
overflow: hidden;
width: 330px!important;
height: 320px;
margin: 30px;
}
.collection-template-section img.lazyload--fade-in.lazyautosizes.lazyloaded {
width: 330px;
height: 330px;
object-fit: cover;
}
.collection-template-section .image-element__wrap {
position: absolute;
top: 0;
left: 0;
}
.collection-template-section .image-element__wrap img {
-webkit-transition: .6s ease;
transition: .6s ease;
}
.collection-template-section .image-element__wrap img:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.main_img {
width: 100vw;
position: relative;
background: url(https://cdn.shopify.com/s/files/1/0207/9574/t/38/assets/title-bg.jpg?v=1637769141) center no-repeat;
background-size: cover;
padding: 20px 0;
margin-bottom: 20px;
}
.main_img h1 {
border: none;
font-size: 70px;
font-family: 'Conv_Quiska Personal Use Only', Sans-Serif !important;
color: #fff;
padding: 70px 0px;
line-height: 1.5em;
letter-spacing: 3px;
text-transform: capitalize;
}
body .slideshow .slideshow__caption .slideshow__caption-headline {
color: #000;
font-size: 82px !important;
line-height: 100px !important;
font-weight: 500 !important;
font-family: Conv_Aeron-Book;
}
.slideshow__caption-content {
max-width: 450px;
text-align: center;
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected .slideshow__caption .container {
width: 850px;
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected .slideshow__caption .container .five-eighths.columns.offset-by-three.is-hidden-offset-mobile-only.medium-down--one-whole.text-align--center {
width: 100%;
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected .slideshow__caption .container .slideshow__caption-headline {
font-size: 50px !important;
font-weight: 700 !important;
line-height: 65px!important;
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected .slideshow__caption .container .slideshow__caption-content {
max-width: 100%;
text-align: center;
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected .slideshow__caption .container .offset-by-three {
left: auto;
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected .slideshow__caption .container .slideshow__caption-subtitle {
font-family: Conv_Aeron-Book;
position: absolute;
top: 0;
left: 50%;
width: 100%;
transform: translateX(-50%);
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected .slideshow__caption .container .slideshow__caption-headline {
margin-top: 70px;
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected {
/* max-height: 934px; */
overflow: hidden;
}
button#myBtn {
position: fixed;
z-index: 9999;
bottom: 115px;
right: 0;
text-align: right;
border: none;
width: 100px;
background: transparent;
}
#myBtn img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
width: 70px;
}
html {
scroll-behavior: smooth;
}
.collection-description p {
font-family: 'Conv_Aeron-Book' !important;
}
.shopify-section--collection-template .info {
font-family: Conv_Gotham-Bold;
max-width: 300px;
margin: 0 auto;
}
.shopify-section--collection-template span.money {
font-size: 23px;
}
.shopify-section--collection-template a:hover {
color: #61245f;
}
.full-width-div.c-banner {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
margin-bottom: 50px;
text-align: center;
}
.banner_header a {
font-size: 70px;
font-family: 'Conv_Quiska Personal Use Only', Sans-Serif;
color: #fff;
margin: 0;
padding: 70px 0;
line-height: 1.5em;
letter-spacing: 3px;
text-transform: capitalize;
}
h1.banner_header {
border-bottom: 0px;
padding: 70px 0;
}
h1.banner_header a {
border-bottom: 0px;
color: #fff !important;
}
.collection-description h5 {
font-family: Quicksand, sans-serif;
font-size: 18px;
text-transform: capitalize;
letter-spacing: 0;
}
.collection-description a {
color: #61245f;
}
.gallery_image.three-per-row {
width: 32%;
display: inline-block;
vertical-align: top;
}
.gallery-bar.personalize-gal {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.personalize_image {
border: 3px solid #5bc8d9;
}
.gallery_image.three-per-row {
width: 33%;
display: inline-block;
vertical-align: top;
padding: 0 20px 25px;
}
.gallery_image.three-per-row .gallery-bar.personalize-gal p {
font-family: 'Conv_Gotham-Bold';
text-align: center;
}
.collection-description {
font-family: Conv_Aeron-Book;
}
.product_image img {
width: 300px;
object-fit: cover;
}
.shopify-section--search-template img {
width: 300px;
object-fit: cover;
height: 300px !important;
}
.shopify-section--search-template .image-element__wrap {
position: absolute;
top: 0;
left: 0;
}
.shopify-section--search-template .image__container {
position: relative;
overflow: hidden;
width: 330px!important;
height: 320px;
margin: 30px;
}
p.credits {
font-family: 'Conv_Gotham-Bold';
}
.one-whole.column h1 {
text-transform: capitalize;
}
.main_cls {
background-image: url(https://cdn.shopify.com/s/files/1/0207/9574/t/38/assets/title-bg.jpg?v=1637769141);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 70px 0px;
margin-bottom: 50px;
}
.main_cls h1 {
border-bottom: navajowhite;
color: #fff;
text-transform: capitalize;
font-size: 60px;
line-height: 100px;
padding: 15px 0;
}
h4 {
text-transform: capitalize;
letter-spacing: 0;
font-size: 19px;
}
.sixteen.columns .one-whole.column p,.one-whole.column {
font-family: 'GothamMedium';
}
.one-whole.column a {
color: #fff;
}
body .faqs-content h3 {
font-family: Conv_Aeron-Book;
font-size: 20px;
padding: 0;
text-transform: capitalize;
border-bottom: inherit;
margin: 0;
letter-spacing: 0;
}
/* -- 26-11-2021 -- */
@media only screen and (max-width: 768px) {
.container {
width: 500px !important;
}
.one-half-column-left,
.one-half-column-right,
.one-third-column,
.one-third-column-last {
float: none !important;
width: 100% !important;
margin-right: 0;
}
.header_icons {
float: none;
margin-right: 0;
text-align: center;
}
.phone-section {
text-align: right;
}
.clearfix:after,
.clearfix:before,
.row:after,
.row:before {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
section#slideshow-template--15188047003812__slideshow>.container {
width: 100% !important;
}
.flickity-enabled.is-draggable .flickity-viewport {
height: 480px !important;
}
img.lazyload--fade-in.lazyautosizes.lazyloaded {
max-width: 100%;
height: 480px!important;
margin: 0 auto;
object-fit: cover;
}
body .slideshow .slideshow__caption .slideshow__caption-headline {
font-size: 23px !important;
line-height: 20px !important;
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected .slideshow__caption .container .slideshow__caption-headline {
font-size: 30px !important;
line-height: 40px !important;
}
.slideshow__caption-subtitle {
font-size: 25px !important;
line-height: 55px !important;
}
a.slideshow__caption-button.action_button {
color: #fff;
}
.slideshow .slideshow__caption .slideshow__caption-content {
padding: 0;
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected .slideshow__caption .container .slideshow__caption-headline {
margin-top: 110px;
}
.slideshow__caption .container {
padding: 10px !important;
}
#shopify-section-template--15188047003812__1636350882b147af4f h2.section-header.home:before,
#shopify-section-template--15188047003812__1636350882b147af4f h2.section-header.home:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.gallery-section.container.standard-display>.section.clearfix {
width: 100%;
}
div#shopify-section-template--15188047003812__1636350882b147af4f h2.section-header.home {
font-size: 50px;
padding-top: 70px;
}
div#shopify-section-template--15188047003812__1636350882b147af4f .gallery-bar {
margin: 0;
flex-direction: column;
}
#shopify-section-template--15188047003812__1636350882b147af4f .gallery_image.four-per-row {
overflow: hidden;
height: 250px;
width: 250px;
margin: 20px auto;
}
div#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home {
font-size: 20px;
color: #fff;
letter-spacing: unset;
}
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home:before,
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
div#shopify-section-template--15188047003812__16363544238088dc84 .gallery-bar {
flex-direction: column;
align-items: center;
}
div#shopify-section-template--15188047003812__16363544238088dc84 .section {
width: 100% !important;
}
div#shopify-section-template--15188047003812__16363544238088dc84 .gallery_image.three-per-row {
width: 100%;
}
div#shopify-section-template--15188047003812__16363544238088dc84 p {
font-size: 18px;
}
div#shopify-section-template--15188047003812__1636359981ff18132a h3.btn-1 {
padding: 10px;
width: 100%;
}
div#shopify-section-template--15188047003812__1636359981ff18132a h3.btn-1 a {
color: #26c0d5;
}
div#shopify-section-template--15188047003812__16364417687b0fa162 .section-header.home {
font-size: 30px;
letter-spacing: 0;
}
#shopify-section-template--15188047003812__16364417687b0fa162 h2.section-header.home:before,
#shopify-section-template--15188047003812__16364417687b0fa162 h2.section-header.home:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
div#shopify-section-template--15188047003812__16364417687b0fa162 {
padding-top: 20px;
}
div#shopify-section-template--15188047003812__16364419168af646b2 .one-whole.column {
overflow: hidden;
}
div#shopify-section-template--15188047003812__1636463192018493ba a.action_button {
color: #fff;
letter-spacing: 0;
padding: 14px 40px;
border-radius: 0;
}
div#shopify-section-template--15188047003812__16363539456b736e8d .sixteen.columns {
width: 100%;
float: unset;
}
div#shopify-section-template--15188047003812__16363539456b736e8d .sixteen.columns .one-half {
width: 88%;
left: unset;
background: #fff;
opacity: .8;
text-align: center;
margin: 0 20px;
padding: 10px;
}
div#shopify-section-template--15188047003812__16363539456b736e8d .one-half.column.offset-by-seven.text-align--right .banner-section__caption-subtitle {
max-width: 100% !important;
width: 100%;
text-align: center;
margin: auto;
}
div#shopify-section-template--15188047003812__16363539456b736e8d h1.banner-section__caption-headline {
text-align: center;
font-size: 35px !important;
padding-top: 50px;
letter-spacing: 0;
margin:auto;
}
div#shopify-section-template--15188047003812__16363539456b736e8d .banner-section__caption-subtitle {
font-size: 24px;
padding: 15px 0;
font-weight: 400;
line-height: 30px;
}
div#shopify-section-template--15188047003812__16363539456b736e8d .container {
width: 100% !important;
}
div#shopify-section-template--15188047003812__16363539456b736e8d a.banner-section__caption-button.action_button {
margin-bottom: 20px;
margin-right:auto;
}
div#shopify-section-template--15188047003812__163635393549cc67f7 img.lazyload--fade-in.banner-section__image.lazyautosizes.lazyloaded {
display: none;
}
div#shopify-section-template--15188047003812__163635393549cc67f7 .banner-section__caption {
position: relative;
top: unset;
left: unset;
transform: unset;
}
div#shopify-section-template--15188047003812__163635393549cc67f7 h1.banner-section__caption-headline {
font-size: 45px;
letter-spacing: 0;
padding: 10px 0;
}
div#shopify-section-template--15188047003812__163635393549cc67f7 .banner-section__caption-subtitle {
font-size: 15px !important;
line-height: 26px;
text-align: center;
font-weight: 400;
}
div#shopify-section-template--15188047003812__163635393549cc67f7 .sixteen.columns {
width: 100%;
float: unset;
}
div#shopify-section-template--15188047003812__163635393549cc67f7 .section {
max-width: 100%;
width: 100%;
}
div#shopify-section-template--15188047003812__163635393549cc67f7 .five-eighths.columns.offset-by-three.text-align--center {
float: unset;
text-align: center;
}
div#shopify-section-template--15188047003812__163635393549cc67f7 a.banner-section__caption-button.action_button {
color: #fff;
padding: 24px 40px !important;
width: 100% !important;
}
div#shopify-section-footer ul.footer_menu li {
text-align: center;
display: block;
padding: 0 15px 15px 15px;
}
div#shopify-section-footer .ftr-left {
width: 100%;
float: unset;
text-align: center;
}
div#shopify-section-footer .ftr-right {
width: 100%;
float: unset;
text-align: center;
}
div#shopify-section-footer .contact-info .ftr-left ul li {
border: unset !important;
}
div#shopify-section-footer .ftr-left ul {
flex-direction: column;
}
div#shopify-section-footer .header_icons.h-social-icons.footer-s {
left: 0;
}
div#shopify-section-footer .container .sixteen.columns {
padding: 0;
}
}
.full-width-div {
background-image: url(https://cdn.shopify.com/s/files/1/0207/9574/t/38/assets/title-bg.jpg?v=1637769141);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 75px 0;
margin-bottom: 50px;
width: 100vw;
}
.full-width-div h1 {
font-size: 70px;
font-family: 'Conv_Quiska Personal Use Only', Sans-Serif;
color: #fff;
margin: 0;
line-height: 1.5em;
letter-spacing: 3px;
text-transform: capitalize;
border-bottom: 0px;
}
.collection-template-section img {
width: 330px;
height: 330px;
object-fit: cover;
}
.colletionimg {
position: absolute;
top: 0;
left: 0;
}
.container-colimg {
position: relative;
overflow: hidden;
width: 330px!important;
height: 320px;
margin: 30px;
}
.caption-title {
font-family: Conv_Aeron-Book!important;
text-transform: uppercase;
text-align: center;
display: block;
margin: 0 auto;
font-size: 17px;
color: #fff;
font-weight: 700;
}
.container-colimg:hover .colletionimg img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.lazyload--fade-in.lazyloaded {
opacity: 1;
}
.colletionimg img {
-webkit-transition: .6s ease;
transition: .6s ease;
}
div#shopify-section-template--15188047167652__main h3 span {
font-size: 20px;
font-family: Quicksand, sans-serif !important;
letter-spacing: 0;
}
div#shopify-section-template--15188047167652__main h3 {
border-bottom: 1px solid #5bc8d9;
}
h1.product__title {
color: #5bc8d9;
font-family: Conv_Aeron-Book!important;
font-size: 28px;
letter-spacing: 0;
text-transform: capitalize;
border-bottom: none;
}
span.spr-badge-caption,
.description,
.option-title {
font-family: 'Conv_Gotham-Bold';
}
span.money {
font-family: 'Conv_Gotham-Bold';
}
.swatch_options {
font-family: 'Conv_Gotham-Bold';
}
button.ajax-submit.action_button.add_to_cart.action_button--secondary.no-js--hidden {
background: #5bc8d9!important;
border: 1px solid #5bc8d9!important;
color: #fff;
}
button.ajax-submit.action_button.add_to_cart.action_button--secondary.no-js--hidden:hover {
background: #fcba14!important;
border: 1px solid #fcba14!important;
color: #fff!important;
}
h2.spr-header-title {
font-family: Quicksand, sans-serif !important;
text-transform: capitalize;
letter-spacing: 0;
border: none;
}
h2.recommended-title {
overflow: hidden;
text-align: center;
color: #4b4f54;
font-size: 35px;
border-bottom: inherit;
border-top: inherit;
font-family: 'Conv_Quiska Personal Use Only', Sans-Serif;
text-transform: capitalize;
}
.product-recommendations .info {
font-family: 'Conv_Gotham-Bold';
max-width: 300px;
margin: 0 auto;
font-size: 16px;
}
.product-recommendations span.money {
font-size: 23px !important;
}
h2.recommended-title {
margin: 25px 0 35px;
}
h2.recommended-title:after {
position: absolute;
content: '';
width: 26%;
left: 7%;
background: #000;
height: 4px;
top: 10%;
}
h2.recommended-title:before {
position: absolute;
content: '';
width: 26%;
right: 7%;
background: #000;
height: 4px;
top: 10%;
}
.product-recommendations a:hover {
color: #61245f;
}
.product-gallery__main .image__container {
/* max-width: 600px; */
margin: 0 auto;
}
#shopify-section-featured-text > section > .container h2.section-header.home {
text-transform: capitalize;
}
.gallery-personalize {
background-image: url(https://cdn.shopify.com/s/files/1/0207/9574/t/38/assets/IWC_DesignYourOwn_Banner.png?v=1638180724);
padding: 75px 0 50px;
margin-bottom: 10px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.gallery-personalize p {
font-family: Conv_Aeron-Book!important;
color: #fff;
font-size: 24px;
}
img.for-mobile {
max-width: 100%;
}
.gallery_image.three-per-row {
text-align: center;
}
.gallery-personalize h2 {
text-align: center;
color: #fff;
font-size: 45px;
border-bottom: inherit;
font-family: 'Conv_Quiska Personal Use Only', Sans-Serif;
}
.gallery-personalize h2:after {
position: absolute;
content: '';
width: 26%;
left: 7%;
background: #fff;
height: 4px;
top: 10%;
}
.gallery-personalize h2:before {
position: absolute;
content: '';
width: 26%;
right: 7%;
background: #fff;
height: 4px;
top: 10%;
}
div#shopify-section-personalize h2 {
font-family: Conv_Aeron-Book!important;
padding-bottom: 15px;
padding-top: 15px;
font-size: 25px;
letter-spacing: 0;
text-transform: uppercase;
}
.main_cls .full-width-div h1 {
padding: 0px;
}
.main_cls .full-width-div {
background-image: none;
padding: 0px !important;
}
div#shopify-section-party-plans .container,
#shopify-section-yummy-party-plan .container,
div#shopify-section-premium-party-plan .container,
#shopify-section-party-txt .container {
flex-wrap: unset;
position: unset;
margin: 0;
max-width: 1200px;
width: 95%;
margin: 0 auto;
}
.page-party-planning h3 {
font-family: 'Conv_Quiska Personal Use Only', Sans-Serif;
font-size: 50px;
padding-top: 50px;
border-bottom: inherit;
z-index: 1;
position: relative;
text-transform: capitalize;
letter-spacing: 0px;
}
.page-party-planning p {
font-size: 20px;
color: #1f2022;
padding: 20px 0;
}
.party-plans h2,
.party-times h2 {
text-align: center;
color: #231f20;
font-size: 45px;
border-bottom: inherit;
font-family: 'Conv_Quiska Personal Use Only', Sans-Serif;
border-top: inherit;
letter-spacing: 0px;
position: relative;
}
.party-plans h2:after {
position: absolute;
content: '';
width: 26%;
left: -8%;
background: #000;
height: 4px;
top: 46%;
}
.party-plans h2:before {
position: absolute;
content: '';
width: 26%;
right: -8%;
background: #000;
height: 4px;
top: 46%;
}
.plan_call span {
color: #000!important;
font-size: 36px!important;
font-family: 'Conv_Aeron-Book';
}
.page-party-planning h3 {
text-align: center;
font-family: Conv_Aeron-Book;
font-size: 45px;
margin-bottom: 20px;
}
a.action_button.call_btn {
background: #fcba14!important;
border: 1px solid #fcba14!important;
font-family: Conv_Aeron-Book!important;
font-size: 20px!important;
display: flex;
width: 140px;
margin: 0 auto;
text-align: center;
margin-bottom: 70px;
justify-content: center;
}
.new_party.party-plans h2:before {
position: absolute;
content: '';
width: 47%;
right: -8%;
background: #000;
height: 4px;
top: 46%;
}
.new_party.party-plans h2:after {
position: absolute;
content: '';
width: 47%;
left: -8%;
background: #000;
height: 4px;
top: 46%;
}
.new_party h2 {
margin-bottom: 60px;
}
.party-plans h3,
.premium-party-plan h3,
.yummy-party-plan h3 {
font-family: Conv_Aeron-Book;
color: #5bc8d9;
border-bottom: 1px solid #5bc8d9;
font-size: 43px;
margin-bottom: 20px;
text-align: left;
padding-top: 0;
}
.omega {
font-family: GothamMedium;
}
.page-party-planning p {
margin-bottom: 0px;
}
.sixteen.columns.party-plans h3 {
text-align: center;
border-bottom: 0px;
padding: 40px 0 25px;
}
div#shopify-section-party-plans img,
#shopify-section-yummy-party-plan img,
div#shopify-section-premium-party-plan img,
#shopify-section-party-txt img {
max-width: 350px;
}
body.page-banner h1 {
font-family: 'Conv_Quiska Personal Use Only', Sans-Serif;
font-size: 70px;
padding-bottom: 50px;
text-transform: capitalize;
margin-top: 100px;
border-bottom: 0px;
}
.text_cls {
font-family: GothamMedium;
}
.text_cls h3 {
font-family: 'Conv_Quiska Personal Use Only', Sans-Serif;
font-size: 48px;
border-bottom: 0;
text-align: center;
padding-top: 60px;
text-transform: capitalize;
}
a.action_button.btn-prod {
max-width: 300px;
background: #5bc8d9;
border: 1px solid #5bc8d9;
margin-bottom: 25px;
}
.img_cls h1 {
border-bottom: 0px;
font-size: 70px;
font-family: 'Conv_Quiska Personal Use Only', Sans-Serif;
color: #fff;
margin: 0;
line-height: 1.5em;
letter-spacing: 3px;
}
.img_cls {
background-image: url(https://cdn.shopify.com/s/files/1/0207/9574/t/38/assets/title-bg.jpg?v=1637769141);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 70px 0;
margin-bottom: 50px;
}
/* 30-11-2021 */
div#shopify-section-template--15188047003812__16363539456b736e8d .banner-section .banner-section__caption {
top: 50%;
}
.contact-section h1.banner_title {
font-family: 'Conv_Quiska Personal Use Only',Sans-Serif;
padding: 30px 0;
font-size: 40px;
}
.gallery-section.standard-display .fifth-per-row {
width: calc(20% - 10px);
padding: 5px; }
.personalize-gal a img {
transition: transform .5s ease-in-out; }
.personalize-gal a img:hover {
transform: scale(1.1); }
.gallery-section.standard-display .pt-container {
/*width: calc(21.6% - 10px) !important;*/
padding: 50px 5px;
margin-left:13px !important;
margin-right:13px !important;
color: #fff;
width: 22%;
text-align:center;
}
.gallery-section .btn-booknow {
background: #fff!important;
border: 1px solid #fff!important;
color: #26c0d5!important;
font-family: Conv_Aeron-Book!important;
font-size: 20px!important;
margin: 0 auto;
padding: 10px 30px;
}
.gallery_image.three-per-row a.lightbox {
pointer-events: none;
cursor: default; }
.pt-container:first-child {
background: #80B6D9; }
.pt-container:nth-child(2) {
background: #F2CA51; }
.pt-container:nth-child(3) {
background: #A5DC7E; }
.pt-container:nth-child(4) {
background: #F77C5A; }
.btn-booknow {
background: #FFF !important;
border: 1px solid #FFF !important;
color: #26C0D5 !important;
font-family: 'Conv_Aeron-Book' !important;
font-size: 20px !important;
max-width: 200px;
margin: 0 auto;
padding: 10px 0px; }
.btn-booknow:hover {
background: #26C0D5 !important;
border: 1px solid #26C0D5 !important;
color: #FFF !important; }
.party-times h2,
.party-plans h2 {
/* overflow: hidden; */
text-align: center;
color: #231F20;
font-size: 45px;
border-bottom: inherit;
font-family: 'Conv_Quiska Personal Use Only',Sans-Serif;
border-top: inherit; }
.party-times h2:before,
.party-plans h2:before {
right: 0.5em;
margin-left: -50%; }
.party-times h2:after,
.party-plans h2:after {
left: 0.5em;
margin-right: -50%; }
.party-times h2:before, .party-plans h2:before, .party-times h2:after, .party-plans h2:after {
background-color: #231F20;
content: "";
display: inline-block;
height: 5px;
position: relative;
vertical-align: middle;
width: 50%; }
.page-party-planning h3 {
font-family: 'Conv_Quiska Personal Use Only',Sans-Serif;
font-size: 50px;
padding-top: 50px;
border-bottom: inherit;
z-index: 1;
position: relative;
text-transform: none;
}
.page-party-planning p {
font-size: 20px;
color: #1f2022;
padding: 20px 0px 50px; }
.party-times {
margin-bottom: 3em;
color: #fff;
}
.gallery-section .gallery_image {
display: block;
float: left;
margin: 0;
}
.party-times p {
color: #fff; }
.party-plans h3, .yummy-party-plan h3, .premium-party-plan h3 {
font-family: 'Conv_Aeron-Book';
color: #5BC8D9;
border-bottom: 1px solid #5BC8D9;
font-size: 45px;
margin-bottom: 20px; }
.party-plans p, .yummy-party-plan p, .premium-party-plan p {
padding: 0;
display: inline-grid; }
.page-party-planning .section_newsletter p {
padding: 0; }
.party-planning-line {
border-bottom: 3px solid #5BC8D9;
width: 100%;
max-width: 1200px;
margin: 0 auto; }
.contact_container {
background: url(https://cdn.shopify.com/s/files/1/0207/9574/t/38/assets/IWC_HeaderBanner.png?v=1638274497) top center no-repeat;
background-size: auto;
height: auto;
background-size: cover;
}
body.page-contact h3 {
font-family: 'Conv_Quiska Personal Use Only',Sans-Serif;
font-size: 48px;
border-bottom: 0;
text-align: center;
padding-top: 100px;
}
.contact_form {
clear: both;
padding-top: 0.75em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contact_container .full-width-div{
margin:0;
}
.contact_form textarea#contactFormMessage {
min-height: 200px;
}
.contact_form {
margin: 0 auto 70px;
}
div#shopify-section-page-banner-template .section.clearfix h1 {
margin-top: 130px;
}
div#shopify-section-page-banner-template .section.clearfix p {
color: #4b4f54;
}
.contact-form {
margin-bottom: 0;
width: 100%;
}
.contact_form .container {
position: relative;
width: 1200px;
margin: 0 auto;
padding: 0;
}
.contact_form .column.alpha, .contact_form .columns.alpha {
margin-left: 0;
}
.contact_form .column.omega, .contact_form .columns.omega {
margin-right: 0;
}
#contactFormEmail {
width: 600px;
}
body .contact_form .action_button {
background: #fcba14!important;
border: 1px solid #fcba14!important;
font-family: Conv_Aeron-Book!important;
font-size: 20px!important;
background: #5bbaea;
border: 1px solid #5bbaea;
padding: 10px 20px;
text-align: center;
font-size: 14px;
cursor: pointer;
display: inline-block;
box-sizing: border-box;
text-transform: uppercase;
letter-spacing: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
font-family: Montserrat,sans-serif;
font-weight: 400;
text-shadow: 0 1px rgb(0 0 0 / 10%);
width: 20%;
border-radius: 3px;
color: #fff;
transition: all .2s linear;
margin-bottom: 0;
-webkit-appearance: none;
outline: 0;
}
body .contact_form .action_button:hover {
background-color: transparent !important;
color: #fcba14;
}
.contact_form .cform {
text-align:center !important;
}
.contact_text p {
display: grid;
}
.contact_text a {
display: block;
}
a, a:visited {
color: #61245f;
text-decoration: none;
outline: 0;
transition: color .3s ease-out 0s;
}
hr {
border: inherit;
}
.gallery-section {
justify-content: center;
}
#menu ul {
position: absolute;
left: 15px;
top: 35px;
background: #fff;
background: #fff;
border: solid 1px #ddd;
z-index: 1000;
display: none;
width: 210px;
}
ul#menu li a {
font-family: Conv_Aeron-Book !important;
text-transform: uppercase;
}
#nav ul li a, #nav ul li a:visited {
text-transform: uppercase;
color: #5bc8d9;
}
/*===========================
Responsive
===========================*/
@media only screen and (max-width: 1599px) {
.banner-template-section h1.banner_title {
font-size: 55px;
padding-bottom: 25px;
}
.banner-template-section h3 {
font-size: 40px;
}
body .banner-template-section h3 {
font-size: 40px;
padding-top: 20px;
}
body .banner-template-section a.action_button.btn-prod {
font-size: 16px !important;
padding: 10px 15px !important;
margin-top: 5px !important;
}
#cart_form .money {
font-size: 20px;
}
p.credits {
margin-bottom: 0;
}
h2.home {
font-size: 50px;
}
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home {
font-size: 36px !important;
}
}
@media only screen and (max-width: 1375px) {
#shopify-section-template--15188047003812__16364417687b0fa162 h2.section-header.home:after {
right: 12%;
width: 16%;
}
#shopify-section-template--15188047003812__16364417687b0fa162 h2.section-header.home:before {
left: 12%;
width: 16%;
}
h2.home {
font-size: 40px;
}
#shopify-section-template--15188047003812__1636350882b147af4f h2.section-header.home:after {
left: 22%;
width: 16%
}
#shopify-section-template--15188047003812__1636350882b147af4f h2.section-header.home:before {
right: 22%;
width: 16%
}
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home {
font-size: 30px!important;
}
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home:before {
width: 16%;
right: 17%;
}
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home:after {
width: 16%;
left: 17%;
}
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home {
font-size: 30px!important;
}
div#shopify-section-template--15188047003812__16363544238088dc84 p {
font-size: 22px;
}
h3.btn-1 {
padding: 16px 70px!important;
font-size: 20px!important;
width: 32%;
margin: -56px auto;
}
.section {
width: 100%;
margin-left: auto;
margin-right: auto;
}
div#shopify-section-template--15188047003812__1636350882b147af4f .gallery-bar {
justify-content: center;
margin-left: 0;
}
.gallery_image.four-per-row {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (max-width: 1250px) {
.phone-section a {
font-size: 16px;
}
.header_icons a.ss-icon {
margin: 10px 0px 10px 5px;
}
.header-social-icon {
margin-right: 0;
}
.one-half-column-left {
width: 40%;
}
#cart_form [class^=ss-]:before {
margin: 0 !important;
}
.img_cls {
margin-bottom: 30px;
}
div#shopify-section-footer .container {
width: auto;
}
.top_bar .container {
width: auto;
}
.one-half-column-right {
width: 50% !important;
}
div#shopify-section-footer .container .sixteen.columns {
padding-left: 0;
}
.contact-info .ftr-right {
text-align: left;
}
.img_cls h1 {
font-size: 40px;
}
.img_cls {
padding: 50px 0;
}
#cart_form .money {
font-size: 17px;
}
#cart_form span.ss-icon.icon-close {
margin: 0;
}
}
@media only screen and (max-width: 1199px) {
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home:after {
width: 14%;
}
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home:before {
width: 14%;
}
}
@media only screen and (max-width: 1180px) {
.page-contact .container .sixteen.columns { width:100%; }
}
@media only screen and (max-width: 767px) {
div#shopify-section-template--15188047003812__1636350882b147af4f h2.section-header.home {
font-size: 40px;
padding-top: 0px;
margin-bottom: 10px;
padding-bottom: 0;
}
#shopify-section-template--15188047003812__1636350882b147af4f .gallery_image.four-per-row {
margin: 20px auto 0 !important;
}
div#shopify-section-template--15188047003812__1636350882b147af4f {
padding: 40px 0 20px 0;
}
div#shopify-section-template--15188047003812__16363544238088dc84 {
padding: 30px 0px;
}
.gallery_image.three-per-row {
padding: 0 20px 15px;
}
div#shopify-section-template--15188047003812__16364419168af646b2 {
margin-bottom: 30px;
}
.footer_menu {
margin-bottom: 0;
}
.one-half-column-right {
width: 100% !important;
}
.thumbnail {
margin-top: 0;
}
.footer{
margin-top:10px;
}
.sixteen.columns.logo.header-logo img {
height: 90px;
}
.full-width-div h1 {
font-size: 40px;
}
.full-width-div {
padding: 45px 0;
margin-bottom: 10px;
}
.page-party-planning h3 {
font-size: 30px;
margin-bottom: 0px;
padding-top: 0;
}
.page-party-planning p {
font-size: 16px;
}
.page-party-planning h3 {
font-size: 26px;
}
.plan_call span {
font-size: 26px!important;
}
.party-plans h2, .party-times h2 {
font-size: 35px;
padding-bottom:0;
}
.party-plans h2:after{
display:none;
}
.party-plans h2:before{
display:none;
}
.sixteen.columns.party-plans h3 {
padding: 0;
}
a.action_button.call_btn {
margin-bottom: 30px;
}
.new_party h2 {
margin-bottom: 0;
padding-bottom: 0;
}
.column, .columns{
float:none;
}
.page-party-planning p {
padding-bottom: 0;
}
.sixteen.columns.alpha.omega.center {
display: none !IMPORTANT;
}
a.action_button.call_btn {
margin-bottom: 0;
}
a.action_button.call_btn {
margin-bottom: 0;
}
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-2 p.slideshow__caption-headline {
font-size: 20px;
text-indent: -999em;
overflow: hidden;
background: url(https://cdn.shopify.com/s/files/1/0207/9574/t/38/assets/IWC_WebsiteDesign_HPSlider_TJOL.png?v=1638330907) no-repeat;
width: 420px;
height: 290px;
background-size: 100%!important;
}
div#shopify-section-template--15188047003812__1636359981ff18132a h3.btn-1 a {
color: #26c0d5 !important;
}
div#shopify-section-template--15188047003812__16364419168af646b2 .container {
justify-content: center;
}
#shopify-section-template--15188047003812__16363539456b736e8d h1.banner-section__caption-headline {
font-size: 50px;
padding: 20px 0;
max-width: 305px;
margin: 0 0 20px auto;
text-align: left;
}
div#shopify-section-template--15188047003812__16363539456b736e8d .banner-section__caption-subtitle {
font-size: 24px !important;
color: #4b4f54 !important;
max-width: 305px;
margin: 0 0 0 auto;
text-align: left;
}
div#shopify-section-template--15188047003812__163635393549cc67f7 h1.banner-section__caption-headline {
font-size: 45px;
text-transform: unset;
}
.personalize-gal p {
font-family: 'Conv_Gotham-Bold';
}
a.action_button.call_btn{
color:#fff;
}
a.action_button.btn-prod{
text-transform: uppercase;
color: #fff;
}
.contact_container .contact_text {
font-family: GothamMedium;
}
.popupoverlay h2 {
font-size: 45px;
margin: 0;
}
input.action_button.sign_up{
color: #fff;
text-transform: uppercase;
padding: 5px;
}
div#shopify-section-login-form h1 {
font-size: 45px;
}
#shopify-section-featured-text > section > .container {
position: unset;
display: block;
}
.sixteen.columns.party-plans {
overflow: hidden;
}
.full-width-div{
width: 99vw !important;
}
.top_bar {
box-shadow: none;
}
.h-social-icons a:hover {
color: #4b4f54!important;
border: 1px solid #4b4f54;
}
body.compensate-for-scrollbar {
overflow: visible !important;
overflow-y: scroll!important;
}
/*22-12*/
@font-face {
font-family: Quicksand;
font-weight: 400;
font-style: normal;
src: url("https://fonts.shopifycdn.com/quicksand/quicksand_n4.d095c6a3084955552d078cb5ddbfcacb66ded7c7.woff2?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=2925fdc8eaa99f13c64461a6dddc24fdece145d73cedaa51bfe0b2a205c73f1c") format("woff2"), url("https://fonts.shopifycdn.com/quicksand/quicksand_n4.fdcb207dc7752a043253c4181978b51d0ce29865.woff?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=06164a7292035056c18ff3b84aeb15d79871f4c7b6f20a1acc436186c7ae006b") format("woff"); }
@font-face {
font-family: Quicksand;
font-weight: 700;
font-style: normal;
src: url("https://fonts.shopifycdn.com/quicksand/quicksand_n7.814ad74da12e242768feb9a53e013a1b4a46d7b3.woff2?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=f026f1cf71f439789e8c53c6160809b47ce3defef4878c14eb3d3a3534f59754") format("woff2"), url("https://fonts.shopifycdn.com/quicksand/quicksand_n7.fe8d36c3dbce1c07d8230831c08195630ffab04d.woff?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=e9ab73a7fc2771b5c6ede84744a923fefcf15b033a7a4d7d2d3a6a25282e118a") format("woff"); }
@font-face {
font-family: Quicksand;
font-weight: 400;
font-style: normal;
src: url("https://fonts.shopifycdn.com/quicksand/quicksand_n4.d095c6a3084955552d078cb5ddbfcacb66ded7c7.woff2?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=2925fdc8eaa99f13c64461a6dddc24fdece145d73cedaa51bfe0b2a205c73f1c") format("woff2"), url("https://fonts.shopifycdn.com/quicksand/quicksand_n4.fdcb207dc7752a043253c4181978b51d0ce29865.woff?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=06164a7292035056c18ff3b84aeb15d79871f4c7b6f20a1acc436186c7ae006b") format("woff"); }
@font-face {
font-family: Quicksand;
font-weight: 700;
font-style: normal;
src: url("https://fonts.shopifycdn.com/quicksand/quicksand_n7.814ad74da12e242768feb9a53e013a1b4a46d7b3.woff2?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=f026f1cf71f439789e8c53c6160809b47ce3defef4878c14eb3d3a3534f59754") format("woff2"), url("https://fonts.shopifycdn.com/quicksand/quicksand_n7.fe8d36c3dbce1c07d8230831c08195630ffab04d.woff?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=e9ab73a7fc2771b5c6ede84744a923fefcf15b033a7a4d7d2d3a6a25282e118a") format("woff"); }
@font-face {
font-family: Quicksand;
font-weight: 300;
font-style: normal;
src: url("https://fonts.shopifycdn.com/quicksand/quicksand_n3.aca7966d6f657db1e1860622aba1fbd70add25cf.woff2?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=e0b1d088bb3afc69f07fde6787970e7d23d19ef09a93f44c7e2b8908c3db4333") format("woff2"), url("https://fonts.shopifycdn.com/quicksand/quicksand_n3.e7df9fd7fc3b24dcc474debbac6b1af89b65bf08.woff?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=0c2d96c7434db79613a5c2bc2d221d9810e2fd25edc770aee2cd8767692b677c") format("woff"); }
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: normal;
src: url("https://fonts.shopifycdn.com/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=38110bbc33dc976c195eacc303a5cc7ab90804d4ef3b1ec0fbceee87750ea95c") format("woff2"), url("https://fonts.shopifycdn.com/montserrat/montserrat_n4.cfce41a967758ce5a9b7d48daeb5b028fd977a9b.woff?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=a0a85af502023146d133ab2fb28115bf59fc9deecf007d36cb4431487042039f") format("woff"); }
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: normal;
src: url("https://fonts.shopifycdn.com/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=702242fa53160836dc546d7520029aab4f19cf88d9cf62b8f65231a9ec1ab8b4") format("woff2"), url("https://fonts.shopifycdn.com/montserrat/montserrat_n7.78b0223375c94b39ce1af7e09a0225f2bb3d05f7.woff?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=c52b3e119d6697c1bf3c33f61892ab4ff118543a2b814a08eced9f0a9767adf6") format("woff"); }
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: italic;
src: url("https://fonts.shopifycdn.com/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=e6a17bdcb2c566fb268d1c19d1edc44c133f651de357b3be1f2514141418c723") format("woff2"), url("https://fonts.shopifycdn.com/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=8100cda4aefb70c98a78caa4cf7eddf845cf1aceaae03be2b04e623f2275209a") format("woff"); }
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
src: url("https://fonts.shopifycdn.com/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=eee343c4dfafb0a9066c6f2fbc91290a49b45293f5c35d265639ce528da81ede") format("woff2"), url("https://fonts.shopifycdn.com/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=40eb3a586e367b6875ef8b849d77acef8389e5f630388e50a28b14e0514e5a55") format("woff"); }
@font-face {
font-family: Quicksand;
font-weight: 500;
font-style: normal;
src: url("https://fonts.shopifycdn.com/quicksand/quicksand_n5.abe6ceb49fad3d5860023778027e009981009ec5.woff2?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=a3473150a7c1fb92041bff6b6c850723042082c6913784df3125ac075d88f11a") format("woff2"), url("https://fonts.shopifycdn.com/quicksand/quicksand_n5.4d639807b4c4942f5ab2860d7424ecc88ffa7883.woff?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=3e18e61f2035af349b16d394acab0be636a19fbc7c6cf41135e17715498eacf1") format("woff"); }
@font-face {
font-family: Quicksand;
font-weight: 700;
font-style: normal;
src: url("https://fonts.shopifycdn.com/quicksand/quicksand_n7.814ad74da12e242768feb9a53e013a1b4a46d7b3.woff2?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=f026f1cf71f439789e8c53c6160809b47ce3defef4878c14eb3d3a3534f59754") format("woff2"), url("https://fonts.shopifycdn.com/quicksand/quicksand_n7.fe8d36c3dbce1c07d8230831c08195630ffab04d.woff?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=e9ab73a7fc2771b5c6ede84744a923fefcf15b033a7a4d7d2d3a6a25282e118a") format("woff"); }
@font-face {
font-family: Quicksand;
font-weight: 400;
font-style: normal;
src: url("https://fonts.shopifycdn.com/quicksand/quicksand_n4.d095c6a3084955552d078cb5ddbfcacb66ded7c7.woff2?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=2925fdc8eaa99f13c64461a6dddc24fdece145d73cedaa51bfe0b2a205c73f1c") format("woff2"), url("https://fonts.shopifycdn.com/quicksand/quicksand_n4.fdcb207dc7752a043253c4181978b51d0ce29865.woff?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=06164a7292035056c18ff3b84aeb15d79871f4c7b6f20a1acc436186c7ae006b") format("woff"); }
@font-face {
font-family: Quicksand;
font-weight: 700;
font-style: normal;
src: url("https://fonts.shopifycdn.com/quicksand/quicksand_n7.814ad74da12e242768feb9a53e013a1b4a46d7b3.woff2?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=f026f1cf71f439789e8c53c6160809b47ce3defef4878c14eb3d3a3534f59754") format("woff2"), url("https://fonts.shopifycdn.com/quicksand/quicksand_n7.fe8d36c3dbce1c07d8230831c08195630ffab04d.woff?h1=dmludGFnZWNvbmZlY3Rpb25zLmNvbQ&h2=aXdhbnRjYW5keS51cw&hmac=e9ab73a7fc2771b5c6ede84744a923fefcf15b033a7a4d7d2d3a6a25282e118a") format("woff"); }
body {
background-image: none !important;
color: #4b4f54;
}
.shopify-section--collection-template .image-element__wrap img {
height: 330px;
width: 330px;
object-fit: cover;
margin-left: auto;
margin-right: auto;
}
.one-whole.column a {
color: #61245f;
}
.page-party-planning h3 {
padding-top: 0;
}
.party-plans #shopify-section-party-plans , .yummy-party-plan {
margin-bottom: 40px;
}
.party-plans #shopify-section-party-plans p strong, .yummy-party-plan p strong , .premium-party-plan .shopify-section p strong{
margin-bottom: 15px;
}
#shopify-section-party-txt p strong {
margin-top: 15px;
margin-bottom: 0;
}
.premium-party-plan .shopify-section {
margin-bottom: 50px;
}
.promo_banner-show .full-width-div.c-banner.caramels {
padding: 5px 0;
}
.ss-icon.banner-close:after {
content: ' \2573';
font-size: 7px;
font-weight: 900;
border: 1px solid #472a49;
color: #472a49;
border-radius: 40px;
padding: 2px 4px 5px 4px;
}
/* .phone-section a {
font-family: 'GothamMedium';
font-weight: 400 !important;
font-size: 20px;
} */
.phone-section {
float: left;
}
.header-social-icon {
margin: 0 30px 0 0;
}
h2.home {
text-transform: inherit;
font-weight: 400;
font-size: 45px !important;
}
#shopify-section-template--15188047003812__1636350882b147af4f .gallery-bar br {
display: none;
}
#shopify-section-template--15188047003812__16364417687b0fa162 h2.section-header.home:before {
width: 31%;
left: -5%;
}
#shopify-section-template--15188047003812__16364417687b0fa162 h2.section-header.home:after {
position: absolute;
content: '';
width: 31%;
right: -5%;
}
#shopify-section-template--15188047003812__163635393549cc67f7 .banner-section__caption {
top: 36%;
}
.gallery-personalize h2:after, .gallery-personalize h2:before {
background-color: #fff;
content: "";
display: inline-block;
height: 4px;
}
#shopify-section-personalize .gallery_image.three-per-row{
padding: 0 5px 25px;
}
#shopify-section-featured-text h2.home {
color: #1f2022;
}
#shopify-section-featured-text .featured_text {
font-size: 26px;
font-family: 'Conv_Aeron-Book';
color: #4b4f54;
}
#shopify-section-featured-text {
margin-top: 60px;
position: relative;
z-index: 9;
}
.page-personalize img.for-mobile {
min-height: 535px;
object-fit: cover;
object-position: left;
margin-top: -220px;
position: relative;
z-index: 1;
}
.footer li a {
font-family: Conv_Aeron-Book!important;
text-transform: uppercase;
font-size: 15px;
}
.footer a {
color: #4b4f54;
text-shadow: none;
}
body footer .header_icons{
right: 0;
}
.contact-info .ftr-right .credits {
margin-right: -20px;
}
#shopify-section-page-banner-template h3 {
margin-top: 60px;
font-size: 48px;
}
body #shopify-section-page-banner-template a.action_button.btn-prod {
max-width: 350px;
margin: 25px 0!important;
font-size: 20px !important;
padding: 10px 20px !important;
}
#shopify-section-page-banner-template .banner_title {
font-size: 70px;
}
#shopify-section-store h2 {
color: #1f2022;
}
#shopify-section-contact-template .contact_form h1.banner_title {
color: #1f2022 !important;
}
#shopify-section-contact-template .contact_form div {
font-size: 15px;
color: #4b4f54;
}
#shopify-section-store .party-times p {
font-family: GothamMedium;
}
#shopify-section-template--15188047036580__main .section .container {
margin-top: 70px;
}
#shopify-section-template--15188047036580__main .section .container {
margin-top: 70px;
}
.shopify-section--collection-template .image__container {
overflow: hidden;
position: relative;
}
.shopify-section--collection-template .image__container img {
transition: all 0.3s ease;
}
.shopify-section--collection-template .image__container:hover img {
transform: scale(1.1);
}
.shopify-section--collection-template .info .title {
color: #333;
font-family: Conv_Aeron-Book!important;
text-transform: uppercase;
text-align: center;
display: block;
margin: 0 auto;
font-size: 17px;
font-weight: 600;
}
.shopify-section--collection-template .info .price {
display: none;
}
.shopify-section--collection-template .quick_shop.action_button {
background: #fcba14!important;
border: 1px solid #fcba14!important;
font-family: Conv_Aeron-Book!important;
font-size: 20px!important;
color: #fff;
width: 130px;
}
#shopify-section-template--15188047167652__main .one-whole div {
color: #4b4f54 !important;
font-size: 15px;
font-weight: 400;
font-family: 'Conv_Gotham-Bold';
}
#shopify-section-template--15188047167652__main .one-whole h3 span {
font-family: Quicksand,sans-serif;
font-weight: 400;
font-size: 22px;
}
#shopify-section-template--15188046938276__main .collection-description em {
font-family: Conv_Aeron-Book;
color: #4b4f54;
}
#shopify-section-template--15188046938276__main .full-width-div.c-banner.caramels h1 {text-align: center !important;width: 100%;}
#shopify-installments-content {
font-family: 'Conv_Gotham-Bold' !important;
}
.product_section > div:last-child {
font-family: 'Conv_Gotham-Bold';
display: flex;
flex-wrap: wrap;
}
.purchase-details__buttons button {
width: 100% !important;
display: block;
flex: 0 0 100%;
padding: 7px;
}
.purchase-details__buttons .atc-btn-container {
display: block;
}
#shopify-section-login-form input.btn , #shopify-section-registration-form .btn {
background: #fcba14!important;
border: 1px solid #fcba14!important;
font-family: Conv_Aeron-Book!important;
font-size: 20px!important;
color: #fff;
}
#shopify-section-login-form label , #shopify-section-login-form , #shopify-section-registration-form {
font-family: Conv_Gotham-Bold;
}
#shopify-section-registration-form h1 {
font-size: 45px;
}
.logo.header-logo {
padding-top: 0;
}
a.slideshow__caption-button.action_button {
color: #fff !important;
}
div#shopify-section-template--15188047003812__1636350882b147af4f p {
top: 10px;
}
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home {
font-size: 45px!important;
}
#shopify-section-template--15188047003812__1636350882b147af4f h2.home {
font-size: 60px !important;
}
#shopify-section-template--15188047003812__16364417687b0fa162 h2.home {
font-size: 60px !important;
}
#shopify-section-template--15188047003812__1636463192018493ba a.action_button {
background-color: #fcba14!important;
border: #fcba14!important;
width: 183px!important;
font-size: 19px;
font-weight: 400;
color: #fff;
}
#shopify-section-template--15188047003812__16363539456b736e8d .banner-section__caption .one-half.offset-by-seven {
left: calc(50%);
}
#shopify-section-template--15188047003812__163635393549cc67f7 .image-element__wrap img {
object-fit: cover;
width: 100%;
height: 510px;
object-position: left;
}
#shopify-section-template--15188047003812__163635393549cc67f7 a.banner-section__caption-button.action_button{
color: #fff;
}
.contact-info .ftr-left ul li:first-child{
padding-left: 0px;
/* padding-right: 0;
margin-right: 8px; */
padding-right: 10px;
}
.footer .sixteen.columns {
padding-left: 20px !important;
padding-right: 20px !important;
}
footer ul.footer_menu {
margin-bottom: 0;
}
.footer .credits , .footer .credits a {
text-transform: capitalize !important;
}
.contact-info .ftr-right .header_icons a {
line-height: 1.4 !important;
}
.contact-info .ftr-left ul li:last-child {
padding-right: 0 !important;
}
div#shopify-section-footer .ftr-left ul li {
flex: auto;
flex-basis: max-content;
}
/*
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected {
max-height: 665px;
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected img {
width: 100% !important;
height: 660px;
object-fit: cover;
} */
div#shopify-section-footer .ftr-left ul{
width: 100%;
}
#shopify-section-personalize h2.home {
font-size: 25px !important;
color:#333;
}
#shopify-section-gallery .gallery-personalize h2:after {
left: 0;
width: 30%;
content: '';
}
.gallery-personalize #shopify-section-gallery h2::before {
right: 0;
width: 30%;
}
.gallery-personalize #shopify-section-gallery h2::after {
left: 0;
width: 30%;
}
#shopify-section-template--15188047036580__main .column {
padding-left: 25px;
padding-right: 25px;
}
div#shopify-section-template--15188047003812__1636350882b147af4f h2.section-header.home{
color: #1f2022;
}
.product-gallery .fancybox:hover img , .product-gallery .product-gallery__thumbnails:hover img {
transform: scale(1.2);
}
.product-gallery .fancybox img , .product-gallery .product-gallery__thumbnails img {
transition: all 0.3s ease;
}
.product-gallery .product-gallery__thumbnails .product-gallery__thumbnail {
overflow: hidden;
}
.info span {
color: #4b4f54;
}
.customers-login h4 {
text-transform: uppercase;
font-size: 20px;
font-family: Conv_Aeron-Book;
color: #1f2022;
display: block;
border-bottom: 1px solid #5bc8d9;
padding-bottom: 12px;
}
.customers-login label {
display: block;
font-weight: 700;
font-size: 14px;
padding-bottom: 4px;
text-transform: none;
color: #4b4f54;
font-family: Conv_Gotham-Bold;
}
.customers-login em {
color: #61245f;
text-decoration: none;
outline: 0;
transition: color .3s ease-out 0s;
font-weight: 600;
font-family: Conv_Gotham-Bold;
}
.customers-login input.btn, .customers-login input[type="submit"] {
background: #fcba14!important;
border: 1px solid #fcba14!important;
font-family: Conv_Aeron-Book!important;
font-size: 20px!important;
border-radius: 3px;
color: #fff;
text-transform: uppercase;
transition: all 0.3s ease;
}
.customers-login input.btn:hover, .customers-login input[type="submit"]:hover {
background: #fff !important;
color: #fcba14;
}
span.page a, span.page,span.next a,span.prev a {
font-family: 'Conv_Gotham-Bold' !important;
}
@media (max-width: 1400px){
#shopify-section-template--15188047003812__1636350882b147af4f h2.section-header.home:before {
right: 0;
width: 35%;
}
#shopify-section-template--15188047003812__1636350882b147af4f h2.section-header.home:after {
left: 0;
width: 35%;
}
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home:before {
width: 30%;
right: 0;
}
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home:after {
width: 30%;
left: 0;
}
}
#shopify-section-partyplanning-text h2.section-header.home {
font-family: GothamMedium !important;
font-size: 23px !important;
line-height: 33px;
margin-top: 25px;
}
div#shopify-section-partyplanning-text p {
color: #5bc8d9;
font-size: 30px;
}
div#shopify-section-partyplanning-text a.action_button {
background: #fcba14!important;
border: 1px solid #fcba14!important;
font-family: Conv_Aeron-Book!important;
font-size: 20px!important;
display: inline;
color: #fff !important;
}
#shopify-section-template--15188047036580__16406641598830e4cb {
background-image: url(https://cdn.shopify.com/s/files/1/0207/9574/files/IWC_DesignYourOwn_Banner_8fb30e48-322c-496c-ba5b-83a7d4d10703.png?v=1636360647);
background-size: cover;
padding: 50px 0px;
}
#shopify-section-template--15188047036580__16406641598830e4cb h2.home {
color: #fff;
}
#shopify-section-template--15188047036580__16406641598830e4cb h2.home:before {
position: absolute;
content: '';
width: 26%;
left: 7%;
background: #fff;
height: 4px;
top: 10%;
}
#shopify-section-template--15188047036580__16406641598830e4cb h2.home:after {
position: absolute;
content: '';
width: 26%;
right: 7%;
background: #fff;
height: 4px;
top: 10%;
}
#shopify-section-template--15188047036580__16406641598830e4cb {
margin-top: 50px;
}
#shopify-section-template--15188047036580__16406641598830e4cb .gallery_image p {
font-family: Conv_Aeron-Book!important;
color: #fff;
font-size: 24px;
text-align: center;
}
#shopify-section-get-started .action_button {
border: 4px solid #26c0d5!important;
color: #26c0d5;
background: #fff!important;
padding: 20px;
font-weight: 700;
font-family: Conv_Aeron-Book!important;
font-size: 20px;
max-width: 415px;
}
#shopify-section-get-started {
margin-top: -60px;
}
.ssw-reviews-caption__element , .ssw-fave-caption {
background: #fbba00 !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
font-family: Conv_Gotham-Bold !important;
}
.ssw-reviews-caption__element i {
background: rgb(1, 58, 82) !important;
}
.ssw-fave-caption {
background: #5ec8d9 !important;
}
.ssw-fave-caption i {
background: #fbba00 !important ;
}
.ssw-fave-caption i:before{
background: url(heart.svg) no-repeat;
background-size: contain;
font-size: 0;
width: 20px;
height: 18px;
}
#ssw-review-widget-content {
background: #fff;
}
.ssw-round-star-row .ssw-review-title {
font-family: Conv_Gotham-Bold;
}
#ssw-review-widget-content .round-star {
background: #013A52;
}
#ssw-review-widget-content a.btn {
background: #013A52;
color: #000;
}
#ssw-review-widget-content .ssw-reviews-wlist-top {}
#ssw-review-widget-content .ssw-reviews-wlist-top .ssw-review-counter i svg , #ssw-review-widget-content .ssw-starsd i svg path {
fill: #fbba10;
}
#ssw-review-widget-content {
font-family: Conv_Gotham-Bold;
}
#ssw-review-widget-content .ssw-item a.ssw-review-title {
color: rgb(1, 58, 82);
}
#ssw-review-widget-content .ssw-text-center a{
background: rgb(1, 58, 82);
color: #000;
}
#ssw-fave-side-bar {
font-family: Conv_Gotham-Bold;
}
#ssw-fave-side-bar #ssw-fave-side-bar-header i {
background: #FBBA18;
}
#ssw-fave-side-bar .ssw-wishlist-link:hover {color: #fbba18 !important;}
#ssw-fave-side-bar #ssw-fave-lists #ssw-fave-create-list {
background: #FBBA18;
color: #000;
}
.ssw-reward-box-quest-wrapper a.ssw-reward-quest-btn {
background: #5ec8d9 !important;
}
.ssw-reward-tab .ssw-reward-tab-opened {
background: #5ec8d9;
}
.ssw-reward-tab .ssw-reward-tab-closed {
background-color: #fbba00;
padding: 7px 7px 6px 35px;
line-height: 15px;
display: flex;
position: relative;
border-radius: 30px;
}
.ssw-reward-tab {
font-family: 'Conv_Gotham-Bold';
}
.ssw-reward-tab .ssw-reward-tab-ico {
background: #5bc8d9;
}
.promo_banner-show .shopify-section.shopify-section--collection-template h1 {display: block;}
.promo_banner-show #shopify-section-template--15188047167652__16381804379351019e {
display: none;
}
footer {
background-color: #fafafa;
border-top: solid 1px #ddd;
}
#shopify-section-template--15188047167652__main .columns , #shopify-section-template--15188047167652__main .column {
float: unset !important;
}
.mc-layout__modalContent {
background: #b4e6ef!important;
}
.modalContent__image {
position: unset;
width: 100%;
}
.modalContent__content {
width: 100%;
float: unset;
min-height: a;
}
.footer {
margin-top: 0;
margin-bottom: 40px;
}
@media (max-width: 991px){
#shopify-section-template--15188047003812__16364419168af646b2 iframe {
width: 100% !important;
}
#mobile_nav {
margin: 0 !important;
width: 100%;
left: 0;
}
}
@media (max-width:768px){
.container {
width: 100% !important;
}
#shopify-section-header .one-half-column-right {
width: 100% !important;
}
#shopify-section-header .one-half-column-left {
text-align: center;
float: unset !important;
width: 100%;
}
.header-social-icon {
float: unset !important;
display: inline-block;
}
.phone-section {
float: unset;
text-align: center;
display: inline-block;
margin: 0 !important;
}
.phone-section a {
padding-top: 0 !important;
height: auto;
display: block;
line-height: 1;
}
#shopify-section-header .container {
align-items: center;
}
#shopify-section-template--15188047003812__1636350882b147af4f h2.home {
font-size: 50px !important;
}
#shopify-section-template--15188047003812__1636350882b147af4f h2.home:before , #shopify-section-template--15188047003812__1636350882b147af4f h2.home:after {
display: none;
}
#shopify-section-template--15188047003812__16363544238088dc84 h2.section-header.home{
font-size: 22px !important;
}
#shopify-section-template--15188047003812__16363544238088dc84 p {
font-size: 18px;
}
#shopify-section-template--15188047003812__1636359981ff18132a {
max-width: 420px;
}
div#shopify-section-template--15188047003812__16363544238088dc84 p {
font-size: 18px !important;
}
div#shopify-section-template--15188047003812__16363544238088dc84 img {
max-width: 150px;
max-height: 125px;
margin: 0 auto;
}
#shopify-section-template--15188047003812__16363544238088dc84 .gallery_image {
padding-bottom: 0 !important;
}
#shopify-section-template--15188047003812__16364417687b0fa162 h2.home {
font-size: 30px !important;
color: #1f2022;
}
div#shopify-section-template--15188047003812__16364417687b0fa162 {
padding-top: 70px;
}
div#shopify-section-template--15188047003812__16364419168af646b2 {
margin-bottom: 0;
}
#shopify-section-template--15188047003812__16363539456b736e8d .one-half.column.offset-by-seven.text-align--right {
width: 50%;
margin-left: 20%;
}
#shopify-section-template--15188047003812__163635393549cc67f7 > section {
width: 420px !important;
}
#shopify-section-template--15188047003812__163635393549cc67f7 {
margin-top: 60px;
}
footer {
background: #FAFAFA;
border-top: 1px solid #ddd;
margin-top: 30px !important;
}
}
@media (max-width: 767px){
.slideshow__gallery-cell.slideshow__gallery-cell-slide-2 p.slideshow__caption-headline {
width: 280px;
margin: 0 auto;
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected .slideshow__caption .container .slideshow__caption-headline {
margin-top: 40px;
}
.slideshow__gallery-cell.slideshow__gallery-cell-slide-4.is-selected .slideshow__caption .container .slideshow__caption-subtitle {
position: unset;
transform: unset;
}
div#shopify-section-template--15188047003812__1636350882b147af4f {
padding-top: 120px;
padding-bottom: 100px;
}
#shopify-section-template--15188047003812__1636350882b147af4f p {
font-size: 13px !important;
}
div#shopify-section-template--15188047003812__1636359981ff18132a .btn-1 {
padding: 16px 10px !important;
}
#shopify-section-template--15188047003812__16364419168af646b2 iframe {
width: 100% !important;
height: auto !important;
}
div#shopify-section-template--15188047003812__16363539456b736e8d .banner-section .banner-section__caption {
background: rgb(255 255 255 / 0.8) !important;
width: 320px;
left: 50%;
transform: translate(-50%, -50%);
}
div#shopify-section-template--15188047003812__16363539456b736e8d a.banner-section__caption-button.action_button {
display: block;
max-width: 280px;
margin: 0 auto 20px;
}
}
#slideshow-template--15188047003812__slideshow .flickity-viewport {
max-height: 934px;
overflow: hidden;
}
@media (max-width: 1366px){
#slideshow-template--15188047003812__slideshow .flickity-viewport {
max-height: 670px;
overflow: hidden;
}
}
footer .ss-icon{
color: transparent !important;
}
.product__price-container form {
display: none;
}
.product_section .description {
height: 64px;
overflow: hidden;
}
.desc-bottom {
text-align: left;
border-top: 5px solid #5bc8d9;
padding-top: 30px;
width: 100%;
margin-top: 30px;
}
.desc-bottom h3 {
border-bottom: inherit;
font-weight: 700;
padding: 0;
margin: 0;
font-size: 22px;
text-transform: none;
line-height: 1.5;
color: #1f2022;
display: block;
letter-spacing: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 35px;
font-family: Quicksand,sans-serif;
}
.collection .container .one-whole h1 { display:none }
.action_button:hover {
color: #fcba14!important;
background: #fff!important;
border: 1px solid #fcba14!important;
}
.thumbnail .quick_shop {
color: #fcba14!important;
background: #fff!important;
border: 1px solid #fcba14!important;
}
.collection .quick_shop.action_button{
color: #FFF!important;
}
.product-gallery__thumbnails .product-gallery__thumbnail {width: calc(15% - 10px)!important;
margin: 0 5px; }
#mobile_nav ul li a, #mobile_nav ul li a:active, #mobile_nav ul li a:visited, #nav ul li a, #nav ul li a:active, #nav ul li a:visited, .mobile_currency select, a.slicknav_btn{
font-family: Conv_Aeron-Book;
text-transform: uppercase;
}
#mobile_nav.nav-align--center ul, #nav.nav-align--center ul {
text-align: center;
}
#mobile_nav ul li a, #mobile_nav ul li a:active, #mobile_nav ul li a:visited, #nav ul li a, #nav ul li a:active, #nav ul li a:visited, .mobile_currency select, a.slicknav_btn {
color: #5bc8d9;
position: relative;
display: block;
padding: 6px 15px;
letter-spacing: 0;
}
#mobile_nav, #nav, #nav ul {
text-align: center;
}
ul.submenu_list li.sub-menu a {
font-size: 12px!important;
}
#mobile_nav ul li ul li {
padding-left: 0;
}
.main_img h1 { margin: 0px;}
/*.fancybox-container.fancybox-is-open {
display: block !important;
}*/
@media screen and (max-width: 798px) and (min-width: 320px) {
.gallery-section.standard-display .three-per-row, .gallery_image.three-per-row {
width: 100%!important;
}
}
@media screen and (max-width: 798px) {
.gallery-personalize h2 {
font-size: 20px!important;
}
.gallery-personalize h2:after, .gallery-personalize h2:before {
width: inherit!important;
}
.main_img h1, .main_img h1 a {
border-bottom: inherit;
font-size: 35px!important;
font-family: 'Conv_Quiska Personal Use Only',Sans-Serif;
color: #fff;
margin: 0;
padding: 0px;
line-height: 1.5em;
letter-spacing: 1px;
display:block!important;
}
.shopify-section--collection-template .image__container .image-element__wrap > img {
height:330px!important;
width:330px!important;
}
.secondary-media-hidden { display:none!important;}
}
@media only screen and (min-width: 480px) and (max-width: 798px) {
.container {
width: 420px!important;
}
}
@media only screen and (min-width: 100px) and (max-width: 479px) {
.container {
width: 100%!important;
}
#contact_form { padding: 0px 25px!important; }
#contactFormName { margin-bottom: -15px; }
.party-times { padding: 0px 15px; }
}