/** Shopify CDN: Minification failed
Line 459:2 Expected identifier but found "*"
Line 2931:36 Unexpected "'.header__logo-text'"
Line 10132:2 "positon" is not a known CSS property
**/
/******************************************************************
Theme Name: Turbo "6.0.3"
Theme URI: https://outofthesandbox.com/collections/turbo-theme
Author: Out of the Sandbox (https://outofthesandbox.com)
Description: Shopify Theme (https://www.shopify.com/&ref=out-of-the-sandbox)
******************************************************************/
/* Table of Contents
==================================================
#Variables
#Mixins
#Functions
#Reset
#Basic Styles
#Typography
#Links
#Lists
#Menu
#Images
#Placeholders
#Videos
#Buttons
#Tabs
#Accordions
#Forms
#Contact Form
#Newsletter
#Tables
#Misc
#Testimonials
#FAQ Template
#Team Template
#Logo-list
#Gallery Section
#Recently Viewed
#Search autocomplete
#Search page
#Search Section
#Site Styles
#Header
#Currency / Language switcher
#Swatch Styles
#Plyr
#Flickity
#Layout
#Password Page
#Account
#Policy pages
#Page Details
#Product Media
#Product Details
#Product Recommendations
#Home page - general
#Home page - slideshow
#Home page - image with text
#Home page - Rich text and image
#Home page - featured promotions
#Home page - featured collection
#Home page - image with text overlay
#Home page - video
#Home page - Text column with images
#Font-Face
#Custom Styles */
/* #Variables
================================================== */
/* #Mixins
================================================== */
/*
This mixin can be used to set the object-fit:
@include object-fit(contain);
or object-fit and object-position:
@include object-fit(cover, top);
*/
/*
Prefix mixin for generating vendor prefixes.
Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss
Usage:
// Input:
.element {
@include prefix(transform, scale(1), ms webkit spec);
}
// Output:
.element {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
*/
/* #Functions
================================================== */
/* #Reset & Basics
================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
display: block; }
audio, canvas, video {
display: inline-block; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden] {
display: none; }
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
a:focus {
outline: thin dotted; }
a:active, a:hover {
outline: 0; }
h1 {
font-size: 2em; }
abbr[title] {
border-bottom: 1px dotted; }
b, strong {
font-weight: 700; }
dfn {
font-style: italic; }
mark {
background: #ff0;
color: #000; }
code, kbd, pre, samp {
font-family: monospace, serif;
font-size: 1em; }
pre {
white-space: pre-wrap;
word-wrap: break-word; }
q {
quotes: \201C \201D \2018 \2019; }
small {
font-size: 80%; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -.5em; }
sub {
bottom: -.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em; }
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0; }
button, input {
line-height: normal; }
button, html input[type=button],
input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled], input[disabled] {
cursor: default; }
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0; }
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none; }
textarea {
overflow: auto;
vertical-align: top; }
table {
border-collapse: collapse;
border-spacing: 0; }
body, figure {
margin: 0; }
legend, button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; }
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
@media only screen and (max-width: 798px) {
.clear {
display: none; } }
/* #Fonts
================================================== */
@font-face {
font-family: "IBM Plex Sans";
font-weight: 400;
font-style: normal;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n4.4633946c9236bd5cc5d0394ad07b807eb7ca1b32.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=af0aa6d00d221468d1c5c69f113ec45c372c0690ac664e389602fc09ae58806f") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n4.6c6923eb6151e62a09e8a1ff83eaa1ce2a563a30.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=4ee6d370e0c3f05d2d74ad7567df7b91c865ae35f78dcc5afcabbfe05b8ff9e3") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 700;
font-style: normal;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n7.a8d2465074d254d8c167d5599b02fc2f97912fc9.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9ea7dca3ab564dc3245722928a2542c10965e2d985f516f658e6306262ff86d0") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n7.75e7a78a86c7afd1eb5becd99b7802136f0ed528.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=8c72db466643b9c4eeba2c3441ce421afb560c27e1e583f4147cf503059398cc") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 400;
font-style: italic;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i4.ef77720fc4c9ae616083d1ac737f976e4c15f75b.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9014f3b6f1deefefcd73e83a18d67ea2b222222ec11be2dbb85ed87596200a42") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i4.76cc8914ac99481bd93e34f8998da7b57a578a71.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=e2d8fc2de6e2da359af4475653eb3647506cc09bd402ad1fe80cd36e34e703b4") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 700;
font-style: italic;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i7.25100a51254494cece6de9741984bfb7fb22bafb.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=aa19266f0ee9bfccc9c7e45c5294dfd4497e55bf53d74a43dc1f3c24475f62c0") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i7.7da61352825d18bb0287d7bc79067d47efc4fdda.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=117f8867d622759e321b2413ddc1c10d28a946130accf78fd1a3f5b9d3bbd87b") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 400;
font-style: normal;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n4.4633946c9236bd5cc5d0394ad07b807eb7ca1b32.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=af0aa6d00d221468d1c5c69f113ec45c372c0690ac664e389602fc09ae58806f") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n4.6c6923eb6151e62a09e8a1ff83eaa1ce2a563a30.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=4ee6d370e0c3f05d2d74ad7567df7b91c865ae35f78dcc5afcabbfe05b8ff9e3") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 700;
font-style: normal;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n7.a8d2465074d254d8c167d5599b02fc2f97912fc9.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9ea7dca3ab564dc3245722928a2542c10965e2d985f516f658e6306262ff86d0") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n7.75e7a78a86c7afd1eb5becd99b7802136f0ed528.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=8c72db466643b9c4eeba2c3441ce421afb560c27e1e583f4147cf503059398cc") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 400;
font-style: italic;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i4.ef77720fc4c9ae616083d1ac737f976e4c15f75b.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9014f3b6f1deefefcd73e83a18d67ea2b222222ec11be2dbb85ed87596200a42") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i4.76cc8914ac99481bd93e34f8998da7b57a578a71.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=e2d8fc2de6e2da359af4475653eb3647506cc09bd402ad1fe80cd36e34e703b4") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 700;
font-style: italic;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i7.25100a51254494cece6de9741984bfb7fb22bafb.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=aa19266f0ee9bfccc9c7e45c5294dfd4497e55bf53d74a43dc1f3c24475f62c0") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i7.7da61352825d18bb0287d7bc79067d47efc4fdda.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=117f8867d622759e321b2413ddc1c10d28a946130accf78fd1a3f5b9d3bbd87b") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 700;
font-style: normal;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n7.a8d2465074d254d8c167d5599b02fc2f97912fc9.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9ea7dca3ab564dc3245722928a2542c10965e2d985f516f658e6306262ff86d0") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n7.75e7a78a86c7afd1eb5becd99b7802136f0ed528.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=8c72db466643b9c4eeba2c3441ce421afb560c27e1e583f4147cf503059398cc") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 700;
font-style: italic;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i7.25100a51254494cece6de9741984bfb7fb22bafb.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=aa19266f0ee9bfccc9c7e45c5294dfd4497e55bf53d74a43dc1f3c24475f62c0") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i7.7da61352825d18bb0287d7bc79067d47efc4fdda.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=117f8867d622759e321b2413ddc1c10d28a946130accf78fd1a3f5b9d3bbd87b") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 700;
font-style: normal;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n7.a8d2465074d254d8c167d5599b02fc2f97912fc9.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9ea7dca3ab564dc3245722928a2542c10965e2d985f516f658e6306262ff86d0") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n7.75e7a78a86c7afd1eb5becd99b7802136f0ed528.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=8c72db466643b9c4eeba2c3441ce421afb560c27e1e583f4147cf503059398cc") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 700;
font-style: italic;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i7.25100a51254494cece6de9741984bfb7fb22bafb.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=aa19266f0ee9bfccc9c7e45c5294dfd4497e55bf53d74a43dc1f3c24475f62c0") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i7.7da61352825d18bb0287d7bc79067d47efc4fdda.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=117f8867d622759e321b2413ddc1c10d28a946130accf78fd1a3f5b9d3bbd87b") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 400;
font-style: normal;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n4.4633946c9236bd5cc5d0394ad07b807eb7ca1b32.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=af0aa6d00d221468d1c5c69f113ec45c372c0690ac664e389602fc09ae58806f") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n4.6c6923eb6151e62a09e8a1ff83eaa1ce2a563a30.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=4ee6d370e0c3f05d2d74ad7567df7b91c865ae35f78dcc5afcabbfe05b8ff9e3") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 400;
font-style: italic;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i4.ef77720fc4c9ae616083d1ac737f976e4c15f75b.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9014f3b6f1deefefcd73e83a18d67ea2b222222ec11be2dbb85ed87596200a42") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i4.76cc8914ac99481bd93e34f8998da7b57a578a71.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=e2d8fc2de6e2da359af4475653eb3647506cc09bd402ad1fe80cd36e34e703b4") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 600;
font-style: normal;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n6.cfb7efcc4708d97b4883d9d89e924e81b54334c1.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=e3bd96162f3d83877589de5437b053d2ca6f50f2a26b2d0560a04e79fe246290") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n6.b56157147f51a11f7ba6c49b63ffcafb1da8eeea.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=21a1057fa32284e149b966bc8aef7d031c43cdfe1b38b7635c2c5c31d0f05a2d") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 700;
font-style: normal;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n7.a8d2465074d254d8c167d5599b02fc2f97912fc9.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9ea7dca3ab564dc3245722928a2542c10965e2d985f516f658e6306262ff86d0") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n7.75e7a78a86c7afd1eb5becd99b7802136f0ed528.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=8c72db466643b9c4eeba2c3441ce421afb560c27e1e583f4147cf503059398cc") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 600;
font-style: italic;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i6.ccfd3aa1db5e6a779ed2e90649ae2c644933fbab.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=5b813097a0387cc8dea1b050a36c7c26cb2cc7fce85a4b9a57a94d1057d04b63") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i6.cb651e2b309534fd5194361eb40586539bf31539.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=95ba8ce123876966ccce52270e6d5e6570f0c6ea6656b83302a332e4f516b21b") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 700;
font-style: italic;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i7.25100a51254494cece6de9741984bfb7fb22bafb.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=aa19266f0ee9bfccc9c7e45c5294dfd4497e55bf53d74a43dc1f3c24475f62c0") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i7.7da61352825d18bb0287d7bc79067d47efc4fdda.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=117f8867d622759e321b2413ddc1c10d28a946130accf78fd1a3f5b9d3bbd87b") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 400;
font-style: normal;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n4.4633946c9236bd5cc5d0394ad07b807eb7ca1b32.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=af0aa6d00d221468d1c5c69f113ec45c372c0690ac664e389602fc09ae58806f") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n4.6c6923eb6151e62a09e8a1ff83eaa1ce2a563a30.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=4ee6d370e0c3f05d2d74ad7567df7b91c865ae35f78dcc5afcabbfe05b8ff9e3") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 700;
font-style: normal;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n7.a8d2465074d254d8c167d5599b02fc2f97912fc9.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9ea7dca3ab564dc3245722928a2542c10965e2d985f516f658e6306262ff86d0") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_n7.75e7a78a86c7afd1eb5becd99b7802136f0ed528.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=8c72db466643b9c4eeba2c3441ce421afb560c27e1e583f4147cf503059398cc") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 400;
font-style: italic;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i4.ef77720fc4c9ae616083d1ac737f976e4c15f75b.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9014f3b6f1deefefcd73e83a18d67ea2b222222ec11be2dbb85ed87596200a42") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i4.76cc8914ac99481bd93e34f8998da7b57a578a71.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=e2d8fc2de6e2da359af4475653eb3647506cc09bd402ad1fe80cd36e34e703b4") format("woff"); }
@font-face {
font-family: "IBM Plex Sans";
font-weight: 700;
font-style: italic;
src: url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i7.25100a51254494cece6de9741984bfb7fb22bafb.woff2?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=aa19266f0ee9bfccc9c7e45c5294dfd4497e55bf53d74a43dc1f3c24475f62c0") format("woff2"), url("//phelans.ie/cdn/fonts/ibm_plex_sans/ibmplexsans_i7.7da61352825d18bb0287d7bc79067d47efc4fdda.woff?h1=cGhlbGFucy5pZQ&h2=cGhlbGFuc21vYmlsaXR5YWlkcy5pZQ&h3=cGhlbGFuc3BoYXJtYWN5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=117f8867d622759e321b2413ddc1c10d28a946130accf78fd1a3f5b9d3bbd87b") format("woff"); }
/* #Basic Styles
================================================== */
body {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
text-transform: none;
color: #152b51;
line-height: 1.6em;
overflow: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
background-color: #ffffff; }
body.blocked-scroll {
position: absolute;
overflow: hidden;
height: 100%;
width: 100%;
top: 0;
left: 0;
pointer-events: none; }
body.blocked-overflow {
overflow: hidden; }
::-moz-selection {
background-color: #000;
color: #fff; }
::selection {
background: #FFF7B6;
color: black; }
abbr {
border-bottom: 1px dotted #f5f5f5; }
/* Theme editor */
.editor-visible--true {
display: block !important; }
/* Lazyloading styles */
.transition--appear {
opacity: 0;
transition: opacity 0s !important; }
.transition--appear.lazyloaded {
opacity: 1; }
img[data-sizes="auto"].lazyloaded {
height: auto; }
img[data-sizes="auto"],
img[data-sizes="100vw"] {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto; }
.image__container {
display: block;
margin-left: auto;
margin-right: auto; }
.image-element__wrap {
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%; }
.image-element__wrap img {
height: auto; }
/*============================================================================
Grid - full width columns, no gutter
- Based on CSS Wizardry grid
==============================================================================*/
.grid {
*zoom: 1;
list-style: none;
margin: 0;
padding: 0; }
.grid::after {
content: '';
display: table;
clear: both; }
.grid__item {
float: left;
width: 100%; }
.grid__item[class*='--push'] {
position: relative; }
/*============================================================================
Reversed grids allow you to structure your source in the opposite
order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
direction: rtl;
text-align: left; }
.grid--rev > .grid__item {
direction: ltr;
text-align: left;
float: right; }
/*================ Build Base Grid Classes ================*/
/* Base Grid */
.one {
width: calc(6.25% - 20px); }
.two {
width: calc(12.5% - 20px); }
.three {
width: calc(18.75% - 20px); }
.four {
width: calc(25% - 20px); }
.five {
width: calc(31.25% - 20px); }
.six {
width: calc(37.5% - 20px); }
.seven {
width: calc(43.75% - 20px); }
.eight {
width: calc(50% - 20px); }
.nine {
width: calc(56.25% - 20px); }
.ten {
width: calc(62.5% - 20px); }
.eleven {
width: calc(68.75% - 20px); }
.twelve {
width: calc(75% - 20px); }
.thirteen {
width: calc(81.25% - 20px); }
.fourteen {
width: calc(87.5% - 20px); }
.fifteen {
width: calc(93.75% - 20px); }
.sixteen {
width: calc(100% - 20px); }
/** Whole */
.one-whole {
width: calc(100% - 20px);
left: auto !important; }
/* Halves */
.one-half {
width: calc(50% - 20px); }
/* Thirds */
.one-third {
width: calc(33.33333% - 20px); }
.two-thirds {
width: calc(66.66667% - 20px); }
/* Fourths */
.one-fourth {
width: calc(25% - 20px); }
.two-fourths {
width: calc(50% - 20px); }
.three-fourths {
width: calc(75% - 20px); }
/* Fifths */
.one-fifth {
width: calc(20% - 20px); }
.two-fifths {
width: calc(40% - 20px); }
.three-fifths {
width: calc(60% - 20px); }
.four-fifths {
width: calc(80% - 20px); }
/* Sixths */
.one-sixth {
width: calc(16.66667% - 20px); }
.two-sixths {
width: calc(33.33333% - 20px); }
.three-sixths {
width: calc(50% - 20px); }
.four-sixths {
width: calc(66.66667% - 20px); }
.five-sixths {
width: calc(83.33333% - 20px); }
/* Sevenths */
.one-seventh {
width: calc(14.28571% - 20px); }
.two-sevenths {
width: calc(28.57143% - 20px); }
.three-sevenths {
width: calc(42.85714% - 20px); }
.four-sevenths {
width: calc(57.14286% - 20px); }
.five-sevenths {
width: calc(71.42857% - 20px); }
/* Eighths */
.one-eighth {
width: calc(12.5% - 20px); }
.two-eighths {
width: calc(25% - 20px); }
.three-eighths {
width: calc(37.5% - 20px); }
.four-eighths {
width: calc(50% - 20px); }
.five-eighths {
width: calc(62.5% - 20px); }
.six-eighths {
width: calc(75% - 20px); }
.seven-eighths {
width: calc(87.5% - 20px); }
/* Tenths */
.one-tenth {
width: calc(10% - 20px); }
.two-tenths {
width: calc(20% - 20px); }
.three-tenths {
width: calc(30% - 20px); }
.four-tenths {
width: calc(40% - 20px); }
.five-tenths {
width: calc(50% - 20px); }
.six-tenths {
width: calc(60% - 20px); }
.seven-tenths {
width: calc(70% - 20px); }
.eight-tenths {
width: calc(80% - 20px); }
.nine-tenths {
width: calc(90% - 20px); }
/* Twelfths */
.one-twelfth {
width: calc(8.33333% - 20px); }
.two-twelfths {
width: calc(16.66667% - 20px); }
.three-twelfths {
width: calc(25% - 20px); }
.four-twelfths {
width: calc(33.33333% - 20px); }
.five-twelfths {
width: calc(41.66667% - 20px); }
.six-twelfths {
width: calc(50% - 20px); }
.seven-twelfths {
width: calc(58.33333% - 20px); }
.eight-twelfths {
width: calc(66.66667% - 20px); }
.nine-twelfths {
width: calc(75% - 20px); }
.ten-twelfths {
width: calc(83.33333% - 20px); }
.eleven-twelfths {
width: calc(91.66667% - 20px); }
.equal-columns--clear .one-half:nth-of-type(2n+1),
.equal-columns--clear .eight:nth-of-type(2n+1),
.equal-columns--clear .one-third:nth-of-type(3n+1),
.equal-columns--clear .one-fourth:nth-of-type(4n+1),
.equal-columns--clear .four:nth-of-type(4n+1),
.equal-columns--clear .one-fifth:nth-of-type(5n+1),
.equal-columns--clear .one-sixth:nth-of-type(6n+1),
.equal-columns--clear .one-seventh:nth-of-type(7n+1) {
clear: both; }
.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.33333% - (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.66667% - (20px - (20px / 6))); }
.equal-columns--outside-trim .one-seventh {
width: calc(14.28571% - (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))); }
.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
==============================================================================*/
@media only screen and (max-width: 1024px) {
/* Base Grid */
.large-down--one {
width: calc(6.25% - 20px); }
.large-down--two {
width: calc(12.5% - 20px); }
.large-down--three {
width: calc(18.75% - 20px); }
.large-down--four {
width: calc(25% - 20px); }
.large-down--five {
width: calc(31.25% - 20px); }
.large-down--six {
width: calc(37.5% - 20px); }
.large-down--seven {
width: calc(43.75% - 20px); }
.large-down--eight {
width: calc(50% - 20px); }
.large-down--nine {
width: calc(56.25% - 20px); }
.large-down--ten {
width: calc(62.5% - 20px); }
.large-down--eleven {
width: calc(68.75% - 20px); }
.large-down--twelve {
width: calc(75% - 20px); }
.large-down--thirteen {
width: calc(81.25% - 20px); }
.large-down--fourteen {
width: calc(87.5% - 20px); }
.large-down--fifteen {
width: calc(93.75% - 20px); }
.large-down--sixteen {
width: calc(100% - 20px); }
/** Whole */
.large-down--one-whole {
width: calc(100% - 20px);
left: auto !important; }
/* Halves */
.large-down--one-half {
width: calc(50% - 20px); }
/* Thirds */
.large-down--one-third {
width: calc(33.33333% - 20px); }
.large-down--two-thirds {
width: calc(66.66667% - 20px); }
/* Fourths */
.large-down--one-fourth {
width: calc(25% - 20px); }
.large-down--two-fourths {
width: calc(50% - 20px); }
.large-down--three-fourths {
width: calc(75% - 20px); }
/* Fifths */
.large-down--one-fifth {
width: calc(20% - 20px); }
.large-down--two-fifths {
width: calc(40% - 20px); }
.large-down--three-fifths {
width: calc(60% - 20px); }
.large-down--four-fifths {
width: calc(80% - 20px); }
/* Sixths */
.large-down--one-sixth {
width: calc(16.66667% - 20px); }
.large-down--two-sixths {
width: calc(33.33333% - 20px); }
.large-down--three-sixths {
width: calc(50% - 20px); }
.large-down--four-sixths {
width: calc(66.66667% - 20px); }
.large-down--five-sixths {
width: calc(83.33333% - 20px); }
/* Sevenths */
.large-down--one-seventh {
width: calc(14.28571% - 20px); }
.large-down--two-sevenths {
width: calc(28.57143% - 20px); }
.large-down--three-sevenths {
width: calc(42.85714% - 20px); }
.large-down--four-sevenths {
width: calc(57.14286% - 20px); }
.large-down--five-sevenths {
width: calc(71.42857% - 20px); }
/* Eighths */
.large-down--one-eighth {
width: calc(12.5% - 20px); }
.large-down--two-eighths {
width: calc(25% - 20px); }
.large-down--three-eighths {
width: calc(37.5% - 20px); }
.large-down--four-eighths {
width: calc(50% - 20px); }
.large-down--five-eighths {
width: calc(62.5% - 20px); }
.large-down--six-eighths {
width: calc(75% - 20px); }
.large-down--seven-eighths {
width: calc(87.5% - 20px); }
/* Tenths */
.large-down--one-tenth {
width: calc(10% - 20px); }
.large-down--two-tenths {
width: calc(20% - 20px); }
.large-down--three-tenths {
width: calc(30% - 20px); }
.large-down--four-tenths {
width: calc(40% - 20px); }
.large-down--five-tenths {
width: calc(50% - 20px); }
.large-down--six-tenths {
width: calc(60% - 20px); }
.large-down--seven-tenths {
width: calc(70% - 20px); }
.large-down--eight-tenths {
width: calc(80% - 20px); }
.large-down--nine-tenths {
width: calc(90% - 20px); }
/* Twelfths */
.large-down--one-twelfth {
width: calc(8.33333% - 20px); }
.large-down--two-twelfths {
width: calc(16.66667% - 20px); }
.large-down--three-twelfths {
width: calc(25% - 20px); }
.large-down--four-twelfths {
width: calc(33.33333% - 20px); }
.large-down--five-twelfths {
width: calc(41.66667% - 20px); }
.large-down--six-twelfths {
width: calc(50% - 20px); }
.large-down--seven-twelfths {
width: calc(58.33333% - 20px); }
.large-down--eight-twelfths {
width: calc(66.66667% - 20px); }
.large-down--nine-twelfths {
width: calc(75% - 20px); }
.large-down--ten-twelfths {
width: calc(83.33333% - 20px); }
.large-down--eleven-twelfths {
width: calc(91.66667% - 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; }
.equal-columns--outside-trim .large-down--one-whole:nth-of-type(1n+1) {
width: 100%;
margin-right: 0;
margin-left: 0; }
.equal-columns--outside-trim .large-down--one-half {
width: calc(50% - (20px - (20px / 2))); }
.equal-columns--outside-trim .large-down--one-third {
width: calc(33.33333% - (20px - (20px / 3))); }
.equal-columns--outside-trim .large-down--one-fifth {
width: calc(20% - (20px - (20px / 5))); }
.equal-columns--outside-trim .large-down--one-fourth {
width: calc(25% - (20px - (20px / 4))); }
.equal-columns--outside-trim .large-down--one-sixth {
width: calc(16.66667% - (20px - (20px / 6))); }
.equal-columns--outside-trim .large-down--one-seventh {
width: calc(14.28571% - (20px - (20px / 7))); }
.equal-columns--outside-trim .large-down--two {
width: calc(12.5% - (20px - (20px / 8))); }
.equal-columns--outside-trim .large-down--four {
width: calc(25% - (20px - (20px / 4))); }
.equal-columns--outside-trim .large-down--seven {
width: calc(43.75% - (20px - (20px / 2))); }
.equal-columns--outside-trim .large-down--eight {
width: calc(50% - (20px / 2)); }
.equal-columns--outside-trim .large-down--nine {
width: calc(56.25% - (20px - (20px / 2))); }
.large-down--show {
display: block !important; }
.large-down--hide {
display: none !important; }
.large-down--text-left {
text-align: left !important; }
.large-down--text-right {
text-align: right !important; }
.large-down--text-center {
text-align: center !important; } }
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
.equal-columns--clear .large-down--one-half.large-down--one-half,
.equal-columns--clear .large-down--eight.large-down--eight,
.equal-columns--clear .large-down--one-third.large-down--one-third,
.equal-columns--clear .large-down--one-fourth.large-down--one-fourth,
.equal-columns--clear .large-down--four.large-down--four,
.equal-columns--clear .large-down--one-fifth.large-down--one-fifth,
.equal-columns--clear .large-down--one-sixth.large-down--one-sixth,
.equal-columns--clear .large-down--one-seventh.large-down--one-seventh {
clear: none; }
.equal-columns--clear .large-down--one-half:nth-of-type(2n+1),
.equal-columns--clear .large-down--eight:nth-of-type(2n+1),
.equal-columns--clear .large-down--one-third:nth-of-type(3n+1),
.equal-columns--clear .large-down--one-fourth:nth-of-type(4n+1),
.equal-columns--clear .large-down--four:nth-of-type(4n+1),
.equal-columns--clear .large-down--one-fifth:nth-of-type(5n+1),
.equal-columns--clear .large-down--one-sixth:nth-of-type(6n+1),
.equal-columns--clear .large-down--one-seventh:nth-of-type(7n+1) {
clear: both; } }
@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: 10px;
margin-left: 10px; }
.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: 798px) {
/* Base Grid */
.medium-down--one {
width: calc(6.25% - 20px); }
.medium-down--two {
width: calc(12.5% - 20px); }
.medium-down--three {
width: calc(18.75% - 20px); }
.medium-down--four {
width: calc(25% - 20px); }
.medium-down--five {
width: calc(31.25% - 20px); }
.medium-down--six {
width: calc(37.5% - 20px); }
.medium-down--seven {
width: calc(43.75% - 20px); }
.medium-down--eight {
width: calc(50% - 20px); }
.medium-down--nine {
width: calc(56.25% - 20px); }
.medium-down--ten {
width: calc(62.5% - 20px); }
.medium-down--eleven {
width: calc(68.75% - 20px); }
.medium-down--twelve {
width: calc(75% - 20px); }
.medium-down--thirteen {
width: calc(81.25% - 20px); }
.medium-down--fourteen {
width: calc(87.5% - 20px); }
.medium-down--fifteen {
width: calc(93.75% - 20px); }
.medium-down--sixteen {
width: calc(100% - 20px); }
/** Whole */
.medium-down--one-whole {
width: calc(100% - 20px);
left: auto !important; }
/* Halves */
.medium-down--one-half {
width: calc(50% - 20px); }
/* Thirds */
.medium-down--one-third {
width: calc(33.33333% - 20px); }
.medium-down--two-thirds {
width: calc(66.66667% - 20px); }
/* Fourths */
.medium-down--one-fourth {
width: calc(25% - 20px); }
.medium-down--two-fourths {
width: calc(50% - 20px); }
.medium-down--three-fourths {
width: calc(75% - 20px); }
/* Fifths */
.medium-down--one-fifth {
width: calc(20% - 20px); }
.medium-down--two-fifths {
width: calc(40% - 20px); }
.medium-down--three-fifths {
width: calc(60% - 20px); }
.medium-down--four-fifths {
width: calc(80% - 20px); }
/* Sixths */
.medium-down--one-sixth {
width: calc(16.66667% - 20px); }
.medium-down--two-sixths {
width: calc(33.33333% - 20px); }
.medium-down--three-sixths {
width: calc(50% - 20px); }
.medium-down--four-sixths {
width: calc(66.66667% - 20px); }
.medium-down--five-sixths {
width: calc(83.33333% - 20px); }
/* Sevenths */
.medium-down--one-seventh {
width: calc(14.28571% - 20px); }
.medium-down--two-sevenths {
width: calc(28.57143% - 20px); }
.medium-down--three-sevenths {
width: calc(42.85714% - 20px); }
.medium-down--four-sevenths {
width: calc(57.14286% - 20px); }
.medium-down--five-sevenths {
width: calc(71.42857% - 20px); }
/* Eighths */
.medium-down--one-eighth {
width: calc(12.5% - 20px); }
.medium-down--two-eighths {
width: calc(25% - 20px); }
.medium-down--three-eighths {
width: calc(37.5% - 20px); }
.medium-down--four-eighths {
width: calc(50% - 20px); }
.medium-down--five-eighths {
width: calc(62.5% - 20px); }
.medium-down--six-eighths {
width: calc(75% - 20px); }
.medium-down--seven-eighths {
width: calc(87.5% - 20px); }
/* Tenths */
.medium-down--one-tenth {
width: calc(10% - 20px); }
.medium-down--two-tenths {
width: calc(20% - 20px); }
.medium-down--three-tenths {
width: calc(30% - 20px); }
.medium-down--four-tenths {
width: calc(40% - 20px); }
.medium-down--five-tenths {
width: calc(50% - 20px); }
.medium-down--six-tenths {
width: calc(60% - 20px); }
.medium-down--seven-tenths {
width: calc(70% - 20px); }
.medium-down--eight-tenths {
width: calc(80% - 20px); }
.medium-down--nine-tenths {
width: calc(90% - 20px); }
/* Twelfths */
.medium-down--one-twelfth {
width: calc(8.33333% - 20px); }
.medium-down--two-twelfths {
width: calc(16.66667% - 20px); }
.medium-down--three-twelfths {
width: calc(25% - 20px); }
.medium-down--four-twelfths {
width: calc(33.33333% - 20px); }
.medium-down--five-twelfths {
width: calc(41.66667% - 20px); }
.medium-down--six-twelfths {
width: calc(50% - 20px); }
.medium-down--seven-twelfths {
width: calc(58.33333% - 20px); }
.medium-down--eight-twelfths {
width: calc(66.66667% - 20px); }
.medium-down--nine-twelfths {
width: calc(75% - 20px); }
.medium-down--ten-twelfths {
width: calc(83.33333% - 20px); }
.medium-down--eleven-twelfths {
width: calc(91.66667% - 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; }
.equal-columns--outside-trim .medium-down--one-whole:nth-of-type(1n+1) {
width: 100%;
margin-right: 0;
margin-left: 0; }
.equal-columns--outside-trim .medium-down--one-half {
width: calc(50% - (20px - (20px / 2))); }
.equal-columns--outside-trim .medium-down--one-third {
width: calc(33.33333% - (20px - (20px / 3))); }
.equal-columns--outside-trim .medium-down--one-fifth {
width: calc(20% - (20px - (20px / 5))); }
.equal-columns--outside-trim .medium-down--one-fourth {
width: calc(25% - (20px - (20px / 4))); }
.equal-columns--outside-trim .medium-down--one-sixth {
width: calc(16.66667% - (20px - (20px / 6))); }
.equal-columns--outside-trim .medium-down--one-seventh {
width: calc(14.28571% - (20px - (20px / 7))); }
.equal-columns--outside-trim .medium-down--two {
width: calc(12.5% - (20px - (20px / 8))); }
.equal-columns--outside-trim .medium-down--four {
width: calc(25% - (20px - (20px / 4))); }
.equal-columns--outside-trim .medium-down--seven {
width: calc(43.75% - (20px - (20px / 2))); }
.equal-columns--outside-trim .medium-down--eight {
width: calc(50% - (20px / 2)); }
.equal-columns--outside-trim .medium-down--nine {
width: calc(56.25% - (20px - (20px / 2))); }
.medium-down--show {
display: block !important; }
.medium-down--hide {
display: none !important; }
.medium-down--text-left {
text-align: left !important; }
.medium-down--text-right {
text-align: right !important; }
.medium-down--text-center {
text-align: center !important; } }
@media only screen and (max-width: 798px) and (max-width: 798px) {
.equal-columns--clear .medium-down--one-half.medium-down--one-half,
.equal-columns--clear .medium-down--eight.medium-down--eight,
.equal-columns--clear .medium-down--one-third.medium-down--one-third,
.equal-columns--clear .medium-down--one-fourth.medium-down--one-fourth,
.equal-columns--clear .medium-down--four.medium-down--four,
.equal-columns--clear .medium-down--one-fifth.medium-down--one-fifth,
.equal-columns--clear .medium-down--one-sixth.medium-down--one-sixth,
.equal-columns--clear .medium-down--one-seventh.medium-down--one-seventh {
clear: none; }
.equal-columns--clear .medium-down--one-half:nth-of-type(2n+1),
.equal-columns--clear .medium-down--eight:nth-of-type(2n+1),
.equal-columns--clear .medium-down--one-third:nth-of-type(3n+1),
.equal-columns--clear .medium-down--one-fourth:nth-of-type(4n+1),
.equal-columns--clear .medium-down--four:nth-of-type(4n+1),
.equal-columns--clear .medium-down--one-fifth:nth-of-type(5n+1),
.equal-columns--clear .medium-down--one-sixth:nth-of-type(6n+1),
.equal-columns--clear .medium-down--one-seventh:nth-of-type(7n+1) {
clear: both; } }
@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: 10px;
margin-left: 10px; }
.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: 480px) {
/* Base Grid */
.small-down--one {
width: calc(6.25% - 20px); }
.small-down--two {
width: calc(12.5% - 20px); }
.small-down--three {
width: calc(18.75% - 20px); }
.small-down--four {
width: calc(25% - 20px); }
.small-down--five {
width: calc(31.25% - 20px); }
.small-down--six {
width: calc(37.5% - 20px); }
.small-down--seven {
width: calc(43.75% - 20px); }
.small-down--eight {
width: calc(50% - 20px); }
.small-down--nine {
width: calc(56.25% - 20px); }
.small-down--ten {
width: calc(62.5% - 20px); }
.small-down--eleven {
width: calc(68.75% - 20px); }
.small-down--twelve {
width: calc(75% - 20px); }
.small-down--thirteen {
width: calc(81.25% - 20px); }
.small-down--fourteen {
width: calc(87.5% - 20px); }
.small-down--fifteen {
width: calc(93.75% - 20px); }
.small-down--sixteen {
width: calc(100% - 20px); }
/** Whole */
.small-down--one-whole {
width: calc(100% - 20px);
left: auto !important; }
/* Halves */
.small-down--one-half {
width: calc(50% - 20px); }
/* Thirds */
.small-down--one-third {
width: calc(33.33333% - 20px); }
.small-down--two-thirds {
width: calc(66.66667% - 20px); }
/* Fourths */
.small-down--one-fourth {
width: calc(25% - 20px); }
.small-down--two-fourths {
width: calc(50% - 20px); }
.small-down--three-fourths {
width: calc(75% - 20px); }
/* Fifths */
.small-down--one-fifth {
width: calc(20% - 20px); }
.small-down--two-fifths {
width: calc(40% - 20px); }
.small-down--three-fifths {
width: calc(60% - 20px); }
.small-down--four-fifths {
width: calc(80% - 20px); }
/* Sixths */
.small-down--one-sixth {
width: calc(16.66667% - 20px); }
.small-down--two-sixths {
width: calc(33.33333% - 20px); }
.small-down--three-sixths {
width: calc(50% - 20px); }
.small-down--four-sixths {
width: calc(66.66667% - 20px); }
.small-down--five-sixths {
width: calc(83.33333% - 20px); }
/* Sevenths */
.small-down--one-seventh {
width: calc(14.28571% - 20px); }
.small-down--two-sevenths {
width: calc(28.57143% - 20px); }
.small-down--three-sevenths {
width: calc(42.85714% - 20px); }
.small-down--four-sevenths {
width: calc(57.14286% - 20px); }
.small-down--five-sevenths {
width: calc(71.42857% - 20px); }
/* Eighths */
.small-down--one-eighth {
width: calc(12.5% - 20px); }
.small-down--two-eighths {
width: calc(25% - 20px); }
.small-down--three-eighths {
width: calc(37.5% - 20px); }
.small-down--four-eighths {
width: calc(50% - 20px); }
.small-down--five-eighths {
width: calc(62.5% - 20px); }
.small-down--six-eighths {
width: calc(75% - 20px); }
.small-down--seven-eighths {
width: calc(87.5% - 20px); }
/* Tenths */
.small-down--one-tenth {
width: calc(10% - 20px); }
.small-down--two-tenths {
width: calc(20% - 20px); }
.small-down--three-tenths {
width: calc(30% - 20px); }
.small-down--four-tenths {
width: calc(40% - 20px); }
.small-down--five-tenths {
width: calc(50% - 20px); }
.small-down--six-tenths {
width: calc(60% - 20px); }
.small-down--seven-tenths {
width: calc(70% - 20px); }
.small-down--eight-tenths {
width: calc(80% - 20px); }
.small-down--nine-tenths {
width: calc(90% - 20px); }
/* Twelfths */
.small-down--one-twelfth {
width: calc(8.33333% - 20px); }
.small-down--two-twelfths {
width: calc(16.66667% - 20px); }
.small-down--three-twelfths {
width: calc(25% - 20px); }
.small-down--four-twelfths {
width: calc(33.33333% - 20px); }
.small-down--five-twelfths {
width: calc(41.66667% - 20px); }
.small-down--six-twelfths {
width: calc(50% - 20px); }
.small-down--seven-twelfths {
width: calc(58.33333% - 20px); }
.small-down--eight-twelfths {
width: calc(66.66667% - 20px); }
.small-down--nine-twelfths {
width: calc(75% - 20px); }
.small-down--ten-twelfths {
width: calc(83.33333% - 20px); }
.small-down--eleven-twelfths {
width: calc(91.66667% - 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; }
.equal-columns--outside-trim .small-down--one-whole:nth-of-type(1n+1) {
width: 100%;
margin-right: 0;
margin-left: 0; }
.equal-columns--outside-trim .small-down--one-half {
width: calc(50% - (20px - (20px / 2))); }
.equal-columns--outside-trim .small-down--one-third {
width: calc(33.33333% - (20px - (20px / 3))); }
.equal-columns--outside-trim .small-down--one-fifth {
width: calc(20% - (20px - (20px / 5))); }
.equal-columns--outside-trim .small-down--one-fourth {
width: calc(25% - (20px - (20px / 4))); }
.equal-columns--outside-trim .small-down--one-sixth {
width: calc(16.66667% - (20px - (20px / 6))); }
.equal-columns--outside-trim .small-down--one-seventh {
width: calc(14.28571% - (20px - (20px / 7))); }
.equal-columns--outside-trim .small-down--two {
width: calc(12.5% - (20px - (20px / 8))); }
.equal-columns--outside-trim .small-down--four {
width: calc(25% - (20px - (20px / 4))); }
.equal-columns--outside-trim .small-down--seven {
width: calc(43.75% - (20px - (20px / 2))); }
.equal-columns--outside-trim .small-down--eight {
width: calc(50% - (20px / 2)); }
.equal-columns--outside-trim .small-down--nine {
width: calc(56.25% - (20px - (20px / 2))); }
.small-down--show {
display: block !important; }
.small-down--hide {
display: none !important; }
.small-down--text-left {
text-align: left !important; }
.small-down--text-right {
text-align: right !important; }
.small-down--text-center {
text-align: center !important; } }
@media only screen and (max-width: 480px) and (max-width: 480px) {
.equal-columns--clear .small-down--one-half.small-down--one-half,
.equal-columns--clear .small-down--eight.small-down--eight,
.equal-columns--clear .small-down--one-third.small-down--one-third,
.equal-columns--clear .small-down--one-fourth.small-down--one-fourth,
.equal-columns--clear .small-down--four.small-down--four,
.equal-columns--clear .small-down--one-fifth.small-down--one-fifth,
.equal-columns--clear .small-down--one-sixth.small-down--one-sixth,
.equal-columns--clear .small-down--one-seventh.small-down--one-seventh {
clear: none; }
.equal-columns--clear .small-down--one-half:nth-of-type(2n+1),
.equal-columns--clear .small-down--eight:nth-of-type(2n+1),
.equal-columns--clear .small-down--one-third:nth-of-type(3n+1),
.equal-columns--clear .small-down--one-fourth:nth-of-type(4n+1),
.equal-columns--clear .small-down--four:nth-of-type(4n+1),
.equal-columns--clear .small-down--one-fifth:nth-of-type(5n+1),
.equal-columns--clear .small-down--one-sixth:nth-of-type(6n+1),
.equal-columns--clear .small-down--one-seventh:nth-of-type(7n+1) {
clear: both; } }
@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: 10px;
margin-left: 10px; }
.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; } }
.container {
position: relative;
max-width: 1200px;
margin: 0 auto; }
@media only screen and (max-width: 1024px) {
.container {
width: calc(90% + 20px); } }
@media only screen and (max-width: 480px) {
.container {
width: calc(100% - 40px); } }
.container .container {
width: 100%; }
[class*="offset-by"] {
position: relative; }
@media only screen and (max-width: 480px) {
[class*="offset-by"] {
position: static; } }
.container:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.column,
.columns {
float: left;
display: inline;
margin-left: calc(20px / 2);
margin-right: calc(20px / 2);
box-sizing: border-box; }
@media only screen and (max-width: 480px) {
.column:not([class*="small-down--one-half"]),
.columns:not([class*="small-down--one-half"]) {
width: 100%;
margin-left: 0;
margin-right: 0; } }
@media only screen and (max-width: 480px) {
.even {
margin-left: 0; } }
@media only screen and (max-width: 480px) {
.odd {
margin-right: 0; } }
.flex-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
.flex-container:after {
visibility: hidden;
display: none;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.row {
margin-bottom: 20px; }
.row:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.container-border--top::before {
display: block;
content: '';
height: 0;
width: calc(100% - 20px);
border-top: thin solid #f5f5f5;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
float: left; }
@media only screen and (max-width: 480px) {
.container-border--top::before {
width: 100%; } }
.container-border--bottom::after {
display: block;
content: '';
height: 0;
width: calc(100% - 20px);
border-top: thin solid #f5f5f5;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
clear: both; }
@media only screen and (max-width: 480px) {
.container-border--bottom::after {
width: 100%; } }
.narrow-width--true.container {
max-width: 1000px;
margin-left: auto;
margin-right: auto; }
.container.full-width--true,
.full-width--true > .container {
width: 100%;
max-width: 100%; }
@media only screen and (max-width: 480px) {
.container.fullWidthMobile--true,
.column.fullWidthMobile--true,
.columns.fullWidthMobile--true {
width: 100% !important;
max-width: 100%; } }
@media only screen and (min-width: 481px) {
/* Nested Column Classes */
.column.alpha, .columns.alpha {
margin-left: 0; }
.column.omega, .columns.omega {
margin-right: 0; }
/* Offsets */
.offset-by-one {
left: calc(6.25%); }
.offset-by-two {
left: calc(12.5%); }
.offset-by-three {
left: calc(18.75%); }
.offset-by-four {
left: calc(25%); }
.offset-by-five {
left: calc(31.25%); }
.offset-by-six {
left: calc(37.5%); }
.offset-by-seven {
left: calc(43.75%); }
.offset-by-eight {
left: calc(50%); }
.offset-by-nine {
left: calc(56.25%); }
.offset-by-ten {
left: calc(62.5%); }
.offset-by-eleven {
left: calc(68.75%); }
.offset-by-twelve {
left: calc(75%); }
.offset-by-thirteen {
left: calc(81.25%); }
.offset-by-fourteen {
left: calc(87.5%); }
.offset-by-fifteen {
left: calc(93.75%); } }
/* #Typography
================================================== */
.logo,
.header__logo {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
text-transform: uppercase;
line-height: 1.2em; }
.logo a span,
.header__logo a span {
color: #ffffff; }
/* Headings */
h1, .h1 {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 29px;
text-transform: none;
line-height: 1.5;
color: #152b51;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 auto 15px;
clear: both;
font-weight: 700;
padding-top: 4px; }
@media only screen and (max-width: 798px) {
h1, .h1 {
font-size: 23px; } }
h1 a:link, h1 a:visited, .h1 a:link, .h1 a:visited {
font-weight: inherit;
color: #152b51; }
h1 a:hover, h1 a:active, .h1 a:hover, .h1 a:active {
color: #5ebebe; }
h1.collection_title_tags, .h1.collection_title_tags {
padding-right: 25px;
border-right: solid 1px #f5f5f5; }
h2, .h2, h2.title {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 26px;
text-transform: none;
line-height: 1.5;
color: #152b51;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-bottom: 0.75em; }
@media only screen and (max-width: 798px) {
h2, .h2, h2.title {
font-size: 20px; } }
h2 a, .h2 a, h2.title a {
font-weight: inherit; }
h2.collection_title, .h2.collection_title, h2.title.collection_title {
margin-bottom: 0;
display: inline; }
h2.product_name a, .h2.product_name a, h2.title.product_name a {
color: #152b51; }
.cart h2 {
margin-top: 0; }
h3, .h3 {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 23px;
text-transform: none;
line-height: 1.5;
color: #152b51;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 auto 15px 0; }
@media only screen and (max-width: 798px) {
h3, .h3 {
font-size: 18px; } }
h3 a, h3 a:visited, .h3 a, .h3 a:visited {
font-weight: inherit;
color: #152b51; }
h3.title, .h3.title {
line-height: 1.25;
margin: 0 auto 15px;
clear: both;
padding-top: 4px; }
h3.title a, h3.title a:visited, .h3.title a, .h3.title a:visited {
color: #152b51; }
h3.sub_title, .h3.sub_title {
padding: 5px 0;
color: #152b51; }
h3.sub_title a, .h3.sub_title a {
color: #152b51; }
h4, .h4 {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
text-transform: none;
line-height: 1.5;
color: #152b51;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 0 0.5em 0;
padding: 7px 0; }
@media only screen and (max-width: 798px) {
h4, .h4 {
font-size: 16px; } }
h4 a, .h4 a {
font-weight: inherit; }
h4.title a, .h4.title a {
border: 0;
padding: 0;
margin: 0; }
h5, .h5 {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
text-transform: none;
line-height: 1.5;
color: #152b51;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 0 0.5em 0;
padding: 7px 0; }
@media only screen and (max-width: 798px) {
h5, .h5 {
font-size: 14px; } }
h5 a, .h5 a {
font-weight: inherit; }
h5.sub_title, .h5.sub_title {
padding: 5px 0;
color: #152b51; }
h5.sub_title a, .h5.sub_title a {
color: #152b51; }
h6, .h6 {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 17px;
text-transform: none;
line-height: 1.5;
color: #152b51;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: 0px;
margin: 0 0 0.5em 0;
padding: 7px 0; }
@media only screen and (max-width: 798px) {
h6, .h6 {
font-size: 13px; } }
h6 a, .h6 a {
font-weight: inherit; }
h6.title, .h6.title {
line-height: 32px;
margin: 0 0 0.5em 0;
color: #152b51; }
.cart h6,
.cart .h6 {
margin-top: 0; }
.collection_title {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 29px;
text-transform: none;
line-height: 1.5;
color: #152b51;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 auto 15px;
clear: both;
padding-top: 4px; }
@media only screen and (max-width: 798px) {
.collection_title {
font-size: 23px; } }
.collection_title a {
font-weight: inherit;
color: #152b51; }
.collection_title a:hover, .collection_title a:active {
color: #5ebebe; }
div.collection_title {
margin-bottom: 0;
line-height: 29px;
display: inline; }
div.collection_title_tags {
padding-right: 25px;
border-right: solid 1px #f5f5f5; }
.headline,
.empty_cart,
.promo-banner,
.title {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 29px;
text-transform: none;
line-height: 1.5;
color: #152b51;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media only screen and (max-width: 798px) {
.headline,
.empty_cart,
.promo-banner,
.title {
font-size: 23px; } }
.title.center.blog a {
color: #152b51; }
/* Content */
p {
margin: 0 0 15px;
font-style: normal;
line-height: 1.6em; }
p img {
margin: 0; }
sub {
font-size: 60%; }
em, i {
font-style: italic; }
strong, b {
font-weight: bold; }
small {
font-size: 90%; }
.feature img {
position: relative;
top: 7px;
margin-right: 5px;
width: 25px;
height: 25px; }
.onboard-text {
margin: 0; }
.page-divider {
opacity: 0;
border-color: #000000;
border-top: 0; }
.active-divider {
opacity: 1; }
.feature p {
font-size: smaller; }
#featured_links {
padding: 20px 0; }
#featured_links h2 {
padding-top: 15px; }
#featured_links .column, #featured_links .columns {
opacity: 1; }
.slider-gallery .shopify-product-reviews-badge {
height: 30px;
display: block; }
.spr-badge + .feature_divider {
margin-top: 15px; }
.spr-badge {
padding: 5px 0; }
.thumbnail .spr-badge-caption {
display: none; }
div#shopry-review-photos a {
display: block !important; }
.feature_divider {
width: 100%;
margin-bottom: 20px;
display: block;
border: 0;
border-color: #000000;
border-bottom-width: 0px;
border-bottom-style: solid; }
.feature_divider.no-margin {
margin-bottom: 0px; }
@media only screen and (max-width: 798px) {
.feature_divider {
margin-bottom: 10px; } }
div.container.bottom-fix {
padding-bottom: 0px; }
.page .feature_divider,
.page h2.title + .feature_divider {
margin-bottom: 15px; }
/* Blockquotes */
blockquote, blockquote p {
font-size: 17px;
line-height: 24px;
font-style: italic; }
blockquote {
margin: 0 0 20px;
padding: 9px 20px 0 19px;
border-left: 1px solid #f5f5f5; }
blockquote cite {
display: block;
font-size: 12px;
color: #555; }
blockquote cite a, blockquote cite a:visited {
color: #555; }
blockquote cite:before {
content: "\2014 \0020"; }
hr {
border-color: #000000;
border-width: 0;
border-style: solid;
clear: both;
margin: 12px 0;
height: 0; }
.cart-container hr {
border-top-width: 0px; }
div.section.collection_description {
margin: 0 0 1.5em 0; }
/* #Links
================================================== */
a,
a:visited,
a span {
color: #5ebebe;
text-decoration: none;
position: relative;
transition: color .1s linear; }
a:hover,
a:focus {
color: #419090; }
a,
button,
input,
select,
textarea,
label,
summary {
touch-action: manipulation; }
/* #Lists
================================================== */
ul, ol {
margin-bottom: 20px; }
ul ul, ul ol, ol ul, ol ol {
margin: 4px 0 5px 30px; }
ul ul li, ul ol li, ol ul li, ol ol li {
margin-bottom: 6px; }
ul li, ol li {
margin-bottom: 12px; }
ul {
list-style: disc outside; }
ul.square {
list-style: square outside; }
ul.circle {
list-style: circle outside; }
ul.disc {
list-style: disc outside; }
ul.large li {
line-height: 21px; }
ul.none {
list-style: none outside;
margin-left: 0; }
ul.border {
list-style: none outside;
line-height: 26px; }
ul.border li {
border-bottom: 1px solid #f5f5f5;
list-style: none outside none;
padding: 12px 0;
margin-bottom: 0; }
ol {
list-style: decimal; }
/* #Menu
================================================== */
.header {
z-index: 1000;
width: 100%;
top: 0; }
.header a,
.header a:visited,
.header a span,
.header select.currencies {
color: #ffffff;
text-shadow: none; }
.header div.container {
padding-bottom: 5px;
padding-top: 5px; }
body.is-active {
overflow-y: hidden; }
body.is-active #header {
bottom: 0;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch; }
#header.mobile_nav-fixed--true,
.mobile_nav-fixed--false.is-active #header {
position: fixed;
z-index: 1001;
width: 100%;
top: 0;
left: 0; }
#header {
display: none;
pointer-events: all; }
#header .top-bar {
text-align: center;
height: 40px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center; }
#header .top-bar .icon-search {
z-index: 3; }
#header .top-bar .icon-search:before {
font-size: 18px; }
#header .top-bar a.right {
left: auto;
right: 15px;
font-size: 20px;
padding-top: 8px;
top: 4px;
z-index: 1; }
#header .top-bar a.mobile_nav {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
z-index: 1; }
#header .top-bar > a, #header .top-bar > a:visited, #header .top-bar > a:active {
display: block;
font-size: 25px;
outline: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
#header .top-bar a span {
color: #ffffff;
display: inline-block;
padding-left: 4px;
position: relative; }
#header .top-bar a.icon-bag:before,
#header .top-bar a.icon-cart:before {
font-size: 18px !important; }
.nav ul.mobile_menu li a {
display: inline-block; }
.menu .vertical-menu li {
position: relative; }
.vertical-menu {
display: inline; }
.main-nav:not([data-show-dropdown-on-click]) .menu .vertical-menu li:hover .vertical-menu_submenu {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease-in;
pointer-events: all;
z-index: 2000; }
.main-nav:not([data-show-dropdown-on-click]) .menu .vertical-menu_submenu li:hover .vertical-menu_sub-submenu {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease-in;
pointer-events: all;
z-index: 2000; }
.menu .vertical-menu_submenu {
position: absolute;
left: 0;
top: 100%;
padding-left: 0;
margin: 0;
visibility: hidden;
opacity: 0;
transition: opacity 0.5s ease-in;
pointer-events: none;
text-align: left;
width: 270px;
background: #152b51;
background: #152b51; }
.menu .vertical-menu_submenu li {
padding: 0 20px;
display: block; }
.menu .vertical-menu_submenu a {
display: block;
font-size: 16px;
letter-spacing: 0px; }
.menu .vertical-menu_submenu a:active {
font-size: 16px;
letter-spacing: 0px; }
.menu .vertical-menu_submenu span.icon-down-arrow {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg); }
.menu .vertical-menu_submenu.is-visible,
.menu .vertical-menu_sub-submenu.is-visible {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease-in;
pointer-events: all;
z-index: 2000; }
.menu .vertical-menu_sub-submenu {
position: absolute;
left: 100%;
top: 0;
padding-left: 0;
margin: 0;
visibility: hidden;
opacity: 0;
transition: opacity 5s ease-in;
pointer-events: none;
width: 270px;
background: #152b51;
background: #152b51; }
.menu .vertical-menu_sub-submenu li {
padding: 0 20px;
display: block; }
.menu .vertical-menu_sub-submenu a {
display: block; }
.vertical-menu_submenu.vertical-menu--align-right {
right: 0;
left: auto; }
.vertical-menu_sub-submenu.vertical-menu--align-right {
right: 100%;
left: auto; }
li > a.url-deadlink {
cursor: default; }
/* Mobile nav */
#header .mobile_nav.dropdown_link {
width: 25%; }
#header .mobile_nav.dropdown_link span.menu_title {
position: absolute;
left: 40px; }
.mobile_nav div {
width: 30px;
height: 40px;
position: relative;
float: left;
margin: 0 8px 0 5px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
transition: .1s ease-in-out;
cursor: pointer; }
.mobile_nav div span {
display: block !important;
position: absolute !important;
height: 1px !important;
width: 100%;
background: #ffffff;
border-radius: 9px;
opacity: 1;
left: 0;
padding: 0 !important;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
transition: .1s ease-in-out; }
.mobile_nav div span:nth-child(1) {
top: 10px; }
.mobile_nav div span:nth-child(2), .mobile_nav div span:nth-child(3) {
top: 20px; }
.mobile_nav div span:nth-child(4) {
top: 30px; }
.mobile_nav div.open span:nth-child(1) {
top: 9px;
width: 0%;
left: 50%; }
.mobile_nav div.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.mobile_nav div.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.mobile_nav div.open span:nth-child(4) {
top: 9px;
width: 0%;
left: 50%; }
#mobile_menu {
margin: 10px 20px; }
#mobile_menu li {
padding-right: 0;
display: block; }
#mobile_menu li a span.icon-down-arrow {
padding: 0 15px !important; }
#mobile_menu .sublink ul {
display: none;
margin-left: 0;
padding-left: 10px; }
/* Currency / language switcher on mobile */
.mobile-menu__disclosure .selectors-form__wrap {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.mobile-menu__disclosure .selectors-form__item {
margin-left: 0; }
.mobile-menu__disclosure .selectors-form__item:first-of-type .disclosure__toggle {
border-top: none; }
.mobile-menu__disclosure .disclosure {
padding-top: 0; }
.mobile-menu__disclosure .disclosure-list__item {
padding: 0; }
.mobile-menu__disclosure button.disclosure__button {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start;
font-size: 16px;
color: #ffffff;
padding-left: 0;
min-height: 0;
height: unset;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
line-height: 1.9em; }
.mobile-menu__disclosure button.disclosure__button:hover, .mobile-menu__disclosure button.disclosure__button:focus {
color: #5ebebe; }
#mobile_menu li.sublink span.currency-code {
display: inline;
padding-left: 0; }
.feature_image.editor-hover--true .main-nav,
.feature_image.editor-hover--true .dropdown {
background: #152b51;
background: #152b51;
clear: both;
transition: all 0.3s linear;
animation: fadeIn 0.3s linear none; }
.cart-container {
float: right; }
.top-bar {
height: 40px;
background-color: #5ebebe;
padding: 0 0 0 10px; }
.top-bar .social_icons {
float: left;
margin: 0;
padding-left: 10px; }
.top-bar .social_icons li {
padding: 5px; }
.top-bar a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center; }
.top-bar ul.social_icons a {
display: inline;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none; }
.top-bar .top-bar--right {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-left: auto;
height: 40px; }
.top-bar .top-bar--right .icon-search {
display: inline-block;
line-height: 0;
padding-right: 6px; }
.top-bar .top-bar--right .cart-container {
display: inline-block; }
.top-bar .mini-cart__item__title a {
display: block; }
.top-bar .mini-cart__item__title span {
color: #152b51; }
.top-bar .mini-cart__item__title .sale {
color: #c7a55d;
margin-right: 3px; }
.top-bar .mini-cart__item__title .was_price {
color: #8c8b8b; }
.main-nav,
.dropdown {
background: #152b51;
background: #152b51;
clear: both;
transition: all 0.3s linear;
animation: fadeIn 0.3s linear none; }
.is-active .sticky_nav {
bottom: 0;
overflow-y: scroll;
overflow-x: hidden; }
.sticky_nav {
position: fixed;
width: 100%;
z-index: 35;
top: 0;
left: 0;
padding: 0;
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transition: all 300ms ease-in-out; }
.sticky_nav .main-nav {
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0 0 0 20px; }
.sticky_nav .nav--left {
padding-left: 20px; }
.sticky_nav .nav--combined ul.menu {
padding: 0 20px; }
.sticky_nav ul.menu {
font-size: 22px;
padding-bottom: 0 !important; }
.sticky_nav .menu-position--block.search-enabled--true .nav.nav--center {
padding-left: 0; }
.sticky_nav .menu-position--block .header__logo {
margin-right: 20px;
padding-left: 0;
padding-right: 0; }
.sticky_nav .menu-position--inline.logo-position--center.search-enabled--false .nav--right {
width: calc(45% - 70px); }
.sticky_nav .menu-position--inline.logo-position--center .nav--right {
width: calc(45% - 130px); }
.sticky_nav .header__logo span {
color: #ffffff; }
.sticky_nav .search-container {
max-width: 60px;
padding: 12px 0; }
.sticky_nav .search-container a {
color: #ffffff;
padding: 0 20px; }
.sticky_nav .mini_cart {
font-size: 18px;
padding: 12px; }
.sticky_nav .mini_cart:before {
padding-top: 3px;
margin: 0; }
.sticky_nav .mini_cart .cart_count {
margin: 0;
padding: 0 0 0 8px; }
.sticky_nav--stick {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
opacity: 1; }
@media only screen and (max-width: 798px) {
.sticky_nav--stick {
display: none; } }
.sticky_nav--unstick {
opacity: 0;
transition: opacity 0s; }
.main-nav {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
padding: 10px 20px;
position: relative; }
.main-nav .nav {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative; }
.main-nav .nav--combined .menu li:last-child,
.main-nav .nav--right .menu li:last-child {
padding-right: 0; }
.menu {
-webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: block;
border: none;
padding: 0;
margin: 0; }
.menu li {
display: inline-block;
margin: 0;
border: 0; }
.menu-position--inline {
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.menu-position--inline .header__logo {
width: 100%; }
.menu-position--block.search-enabled--true .nav.nav--center {
padding-left: 200px; }
.menu-position--block .header__logo {
width: 100%;
max-width: none; }
.header__logo {
padding: 12px 0;
width: auto;
line-height: 1; }
.header__logo a {
display: inline-block; }
.header__logo img,
.header__logo span.header__logo-text {
width: 100%;
display: inline-block;
color: #ffffff; }
.logo-alignment--left.menu-position--block .header__logo {
padding-right: 0;
padding-left: 0; }
.logo-alignment--center .header__logo {
text-align: center; }
.logo-position--left .header__logo {
padding-right: 20px; }
.logo-position--center.menu-position--block .header__logo {
margin: 0; }
.logo-position--center.search-enabled--true .nav--right {
width: calc(45% - 220px); }
.logo-position--center .header__logo {
padding: 12px 0;
margin-left: 20px;
margin-right: 20px; }
.logo-position--center .nav {
width: 45%; }
.cart-container .mini_cart {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
width: 70px;
max-width: 70px; }
.search-container {
width: 100%;
max-width: 200px;
padding-left: 20px; }
.search-container .search-link {
display: none; }
.search-container input {
z-index: 29; }
.nav ul li a.sub-menu {
padding: 10px 4px 10px 4px;
z-index: 1001; }
.nav ul li:hover a.sub-menu {
color: #ffffff; }
.menu a,
.menu a:visited,
.menu a:active,
#header span.menu_title,
.menu a span,
select.currencies,
.mini_cart span {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 22px;
text-transform: none;
color: #ffffff;
padding-top: 12px;
padding-bottom: 12px;
position: relative;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
outline: 0; }
@media only screen and (max-width: 798px) {
.menu a,
.menu a:visited,
.menu a:active,
#header span.menu_title,
.menu a span,
select.currencies,
.mini_cart span {
font-size: 16px; } }
.feature_image .main-nav a,
.feature_image .main-nav a span:not('.header__logo-text') {
color: #5ebebe; }
#header span.menu_title,
.menu a span, select.currencies,
.mini_cart span {
padding-left: 5px;
padding-right: 5px; }
#header span.menu_title {
cursor: pointer;
height: 40px;
line-height: 20px;
margin-top: -2px; }
.menu li {
position: relative;
vertical-align: top;
padding-right: 10px; }
.shopify-currency-form {
margin-bottom: 0; }
select.currencies {
height: 40px;
min-height: 40px;
padding-top: 0;
padding-bottom: 0;
cursor: pointer;
background-image: url(//phelans.ie/cdn/shop/t/21/assets/select.png?v=163443801653745187891646742836); }
@media only screen and (max-width: 798px) {
select.currencies {
font-size: 16px; } }
#mobile_menu select.currencies {
padding-left: 0; }
.feature_image .header .menu a,
.feature_image .header .menu a:visited,
.feature_image .header .menu a span {
color: #5ebebe; }
.feature_image .header .menu a[href]:hover,
.menu a.active,
.menu a.active span,
.feature_image .header .menu a.active,
.header_bar a.active,
.feature_image .header .menu a:focus {
color: #5ebebe; }
.menu li a[href]:hover,
.menu li a:focus,
.menu a[href]:hover span {
color: #5ebebe; }
.menu a.top_link,
.menu a.dropdown_link {
border-bottom: solid 1px transparent; }
.menu a.top_link:hover,
.menu a.dropdown_link:hover,
.menu a.active_link {
border-bottom: solid 1px #5ebebe; }
.feature_image a.top_link:hover {
border-bottom: solid 1px #5ebebe; }
.menu a span {
display: inline;
vertical-align: top; }
.top-bar a,
.top-bar a:visited,
.top-bar a:active,
.top-bar a span,
.top-bar select.currencies,
a.mini_cart,
a.mini_cart span,
.feature_image .header .top-bar .menu a,
.feature_image .header .top-bar .menu a span {
color: #ffffff;
font-size: 16px;
letter-spacing: 0px; }
.top-bar li a:hover,
.top-bar li a[href]:hover,
.top-bar li a[href]:hover span,
.top-bar li a:active,
.top-bar li a:hover span,
.top-bar a:active span,
.top-bar .currencies:hover,
.feature_image .header .top_bar .menu a:hover,
.feature_image .header .top_bar .menu a:hover span {
color: #5ebebe; }
.top-bar li {
padding-left: 10px;
padding-right: 10px; }
.top-bar .menu a, .top-bar .social_icons a {
height: 40px;
line-height: 40px;
padding: 0; }
/* Mini cart */
.mini_cart,
.nav a.mini_cart {
float: right;
text-align: center;
cursor: pointer;
background-color: #152b51;
padding-left: 5px;
padding-right: 5px;
margin-left: 5px;
z-index: 2001; }
@media only screen and (min-width: 799px) {
.mini_cart,
.nav a.mini_cart {
padding-left: 15px;
padding-right: 15px; } }
@media only screen and (max-width: 798px) {
.mini_cart,
.nav a.mini_cart {
right: 0; } }
.cart-container li.mini-cart__item {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between; }
.top-bar a.mini_cart span {
padding-top: 0;
padding-bottom: 0;
line-height: 40px; }
a.tos_icon,
.cart_content a.tos_icon {
font-size: 13px;
color: #5ebebe; }
a.tos_icon:visited,
.cart_content a.tos_icon:visited {
color: #5ebebe; }
a.tos_icon:hover,
.cart_content a.tos_icon:hover {
color: #419090; }
.cart_content__continue-shopping {
display: none; }
.no-touchevents a.cart_content__continue-shopping.secondary_button {
display: none; }
.no-touchevents a.cart_content__continue-shopping.secondary_button,
.touchevents a.cart_content__continue-shopping.secondary_button {
display: none; }
@media only screen and (max-width: 798px) {
.no-touchevents a.cart_content__continue-shopping.secondary_button,
.touchevents a.cart_content__continue-shopping.secondary_button {
display: block;
border-top: 0;
margin: 0 auto;
padding-top: 0;
padding-bottom: 10px;
margin-bottom: 10px;
position: static;
font-size: inherit;
letter-spacing: inherit; } }
.mini_cart span {
display: inline-block; }
.cart-container .cart_content {
display: none; }
.cart-container.active_link .cart_content {
display: block;
overflow-y: auto;
max-height: calc(90vh - 100px); }
.cart-container.active_link .cart_content::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px; }
.cart-container.active_link .cart_content::-webkit-scrollbar-thumb {
border-radius: 0;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
html.touchevents .cart .cart-container {
pointer-events: none; }
#cart_form p.modal_price {
margin-bottom: 0;
padding-bottom: 0; }
#cart_form .product-quantity-box {
margin: 15px 0;
width: 130px; }
.cart_content .product-quantity-box {
margin: 15px 0 0;
width: 130px; }
.cart_content .product-plus.is-disabled,
.cart_content .product-minus.is-disabled,
#cart_form .product-plus.is-disabled,
#cart_form .product-minus.is-disabled {
pointer-events: none; }
.cart_content .product-quantity-box .quantity,
#cart_form .product-quantity-box .quantity {
padding: 0 5px;
width: 30%;
min-height: 30px;
height: 30px; }
.cart_content .product-quantity-box .product-plus,
#cart_form .product-quantity-box .product-plus {
font-size: 15px;
line-height: 30px;
height: 30px;
padding-right: 2px;
width: 25%; }
.cart_content .product-quantity-box .product-minus,
#cart_form .product-quantity-box .product-minus {
font-size: 15px;
line-height: 30px;
height: 30px;
padding-right: 2px;
width: 25%; }
#cart_form .product-quantity-box .product-minus,
#cart_form .product-quantity-box .product-plus,
.nav .product-quantity-box .product-minus,
.nav .product-quantity-box .product-plus {
padding-right: 0; }
#cart_form .icon-minus,
#cart_form .icon-plus {
position: relative;
left: 1px; }
.product-quantity-box .product-plus {
-webkit-border-top-right-radius: 50%;
-webkit-border-bottom-right-radius: 50%;
-moz-border-radius-topright: 50%;
-moz-border-radius-bottomright: 50%;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%; }
.product-quantity-box .product-minus {
-webkit-border-top-left-radius: 50%;
-webkit-border-bottom-left-radius: 50%;
-moz-border-radius-topleft: 50%;
-moz-border-radius-bottomleft: 50%;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%; }
.cart-container.active_link .mini_cart,
.cart-container.active_link .mini_cart span {
background-color: #fffbeb;
color: #152b51 !important; }
.cart_content {
top: 40px;
right: 0;
position: absolute;
z-index: 2000;
background-color: #fffbeb;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 400;
font-style: normal;
text-transform: none;
color: #152b51;
border: 1px solid #f5f5f5;
border-top: 0;
border-right: 0;
width: 100%;
max-width: 320px; }
@media only screen and (min-width: 799px) {
.cart_content {
max-width: 420px; } }
div.cart_content form {
margin: 15px 0 0 0;
padding: 0; }
.mini-cart__item.animated,
.cart__item.animated {
animation-duration: 0.7s; }
.mini-cart__item--image {
width: 40%; }
.cart_content li.mini-cart__item {
position: relative; }
.cart_content li.mini-cart__item a.cart__remove-btn {
position: absolute;
top: 0;
right: 0; }
.cart_content li.mini-cart__item a.cart__remove-btn:active {
position: absolute; }
.cart_content li.mini-cart__item a.cart__remove-btn span {
color: #152b51; }
.cart_content li.mini-cart__item a.cart__remove-btn .remove-icon {
margin-left: 0; }
.cart_content li.mini-cart__item a.cart__remove-btn .remove-icon:before {
font-size: 25px; }
#header .top-bar a span.remove-icon {
color: #152b51; }
#header li.mini-cart__item a.cart__remove-btn {
top: 0; }
.cart_content .mini-cart__item--content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative; }
.cart_content .mini-cart__item--content .mini-cart__item__title {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 20px; }
.cart_content .mini-cart__item--content .price {
padding-top: 10px;
line-height: 1;
text-align: left; }
.cart__item {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 10px 0;
padding: 10px 0;
position: relative;
border-bottom: 1px solid #f5f5f5; }
@media only screen and (max-width: 798px) {
.cart__item .cart__item--image {
max-width: 33.333%; }
.cart__item .cart__item--content {
margin-left: 20px; }
.cart__item .cart__item_--title {
margin-right: 20px; } }
.cart__item .cart__item--title {
margin-right: 15%; }
.cart__item .cart__item--discount,
.cart__item .cart__item--discount .label {
color: #c7a55d;
margin-top: 15px; }
.cart_discounts {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
line-height: 1; }
.cart_discounts .cart_discounts--title {
width: 60%;
margin-right: 20px; }
.cart_discounts .cart_discounts--price {
width: calc(40% - 20px);
text-align: right; }
.cart__remove-btn {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
cursor: pointer;
position: absolute;
right: 0;
top: 10px; }
.cart__remove-btn span.remove-text,
.cart__remove-btn span.remove-icon {
color: #152b51; }
.cart__remove-btn:hover span, .cart__remove-btn:active span {
color: #419090; }
@media only screen and (max-width: 1024px) {
.cart__remove-btn .remove-text {
display: none; } }
.cart__remove-btn .remove-icon {
margin-left: 5px; }
.cart__remove-btn .remove-icon:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 1em;
display: block;
content: "\00d7"; }
.cart .cart_subtotal {
font-weight: bold;
font-size: larger; }
.cart_content .cart_subtotal {
text-align: left;
font-weight: bold; }
.cart_content a, .cart_content a:visited, .cart_content a:hover, .cart_content a .price, .cart_content a .price span {
color: #152b51 !important; }
.cart_content a .price span {
padding-left: 5px; }
.cart_content ul {
list-style: none;
margin: 0;
padding: 15px 20px; }
.cart_content ul li {
padding-left: 0;
padding-right: 0; }
.cart_content ul li:empty {
margin-bottom: 0; }
.cart_content ul li .cart_discounts--title {
text-align: left; }
.cart_content ul li {
list-style: none;
clear: both; }
.cart_content .action_button {
width: 100%; }
.top-bar [class^="icon-"]:before, .top-bar [class*=" icon-"]:before, .mini_cart {
font-size: 19px;
margin-right: 0;
vertical-align: middle; }
#customer_login_guest,
#customer_login {
display: inline; }
@media only screen and (max-width: 480px) {
#customer_login_guest,
#customer_login {
display: block; } }
input[type="submit"].guest_button, input[type="button"].guest_button {
color: #5ebebe;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: transparent;
border: 0;
padding: 0;
text-align: left; }
input[type="submit"].guest_button:hover, input[type="button"].guest_button:hover {
background: transparent;
border: 0;
color: #419090; }
@media only screen and (min-width: 799px) {
input[type="submit"].guest_button, input[type="button"].guest_button {
text-align: center; } }
.menu ul li .mini_cart span {
padding-left: 5px;
top: -1px; }
.dropdown_container {
clear: both;
width: 100%;
display: none;
position: absolute;
bottom: 0;
left: 0; }
@media only screen and (max-width: 798px) {
.dropdown_container {
position: relative;
bottom: initial; } }
.dropdown_container img {
max-width: 100%; }
.dropdown {
position: absolute;
width: 100%;
z-index: 1000; }
.dropdown_content {
display: table;
width: 100%;
margin: 0 auto; }
.dropdown_container.mega-menu .dropdown_content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
margin: 0 auto; }
.mega-menu__richtext,
.mega-menu__image-caption-link {
padding: 0 5px; }
.mega-menu__richtext a,
.mega-menu__richtext a:active,
.mega-menu__richtext a:hover {
display: inline-block;
text-transform: none; }
.mega-menu__image-caption-link {
text-align: center;
margin-bottom: 10px; }
.mega-menu__image-caption-link a, .mega-menu__image-caption-link a:visited, .mega-menu__image-caption-link a:active, .mega-menu__image-caption-link a:hover {
text-transform: none;
display: block; }
.mega-menu__image-caption,
.mobile-mega-menu__image-caption {
margin: 10px 0; }
.dropdown_content a p,
.mobile-mega-menu a p {
padding: 0; }
.dropdown_content p,
.mobile-mega-menu p {
font-family: "IBM Plex Sans", sans-serif;
font-size: 22px;
font-style: normal;
color: #ffffff;
padding-top: 12px;
padding-bottom: 12px;
position: relative;
display: block;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
outline: 0;
margin-bottom: 0; }
.dropdown_content p,
.dropdown_content a,
.dropdown_content a:hover,
.dropdown_content a:active {
font-size: 16px;
letter-spacing: 0px; }
.dropdown_column__menu + .dropdown_column__menu {
margin-top: 10px; }
.dropdown_narrow {
width: 60%; }
.dropdown_column {
display: table-cell;
padding: 15px 20px 30px 20px;
width: 16.666%;
vertical-align: top; }
.dropdown_column img {
max-width: 100%; }
.dropdown_column ul {
margin: 0;
padding: 0; }
.dropdown_column ul.dropdown_title {
border-bottom: solid 1px #ffffff;
padding-bottom: 10px; }
.dropdown_column ul.dropdown_item {
text-align: center; }
.dropdown_container.mega-menu .dropdown_column {
display: inline-block;
padding: 15px 20px 30px 20px;
-webkit-box-flex: 1;
-ms-flex: 1 0 16.666%;
flex: 1 0 16.666%;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
vertical-align: top; }
.dropdown_column li {
display: block; }
.dropdown_column li a, .dropdown_column li a:hover, .dropdown_column li a:active {
padding-bottom: 0;
text-transform: none; }
.dropdown_row {
display: table-row; }
select.currencies {
border: 0 !important;
background-color: transparent;
margin-bottom: 0 !important;
min-width: 65px;
outline: 0;
background-position: 96.5% 55%;
background-size: 18px 12px;
text-shadow: none !important;
box-shadow: none !important;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
appearance: none; }
select.currencies:active {
border: 0;
outline: 0;
text-shadow: 0;
box-shadow: 0; }
select.currencies option {
background: #152b51;
background: #152b51;
color: #ffffff; }
.menu li.currencies {
padding: 0; }
.container div.collection_nav {
margin-bottom: 1.5em; }
.collection_menu, .collection_menu li {
display: inline;
list-style: none;
border: none;
position: relative;
top: -3px;
margin: 0; }
.collection_menu li {
padding-left: 25px; }
.sidebar-wrap {
border-right: 1px solid #f5f5f5;
margin-right: 0px;
padding-right: 20px; }
@media only screen and (max-width: 798px) {
.sidebar-wrap {
border: none;
margin: 0;
padding-right: 0; } }
.sidebar-wrap h4,
.sidebar-wrap h4.toggle {
margin: 0;
padding: 0; }
@media only screen and (max-width: 798px) {
.sidebar-wrap h4.toggle {
margin: 10px 0; } }
.sidebar a, .sidebar a:visited {
color: #363636; }
.sidebar a:hover, .sidebar a:active {
color: #c7a55d; }
.sidebar .meta {
margin-left: 2px; }
.sidebar .spr-badge {
color: #152b51; }
.sidebar .recently-viewed-list .brand {
color: #152b51; }
.toggle-all--true h4.toggle {
cursor: pointer;
pointer-events: all; }
.toggle-all--true .toggle span {
display: block; }
.toggle-all--true .toggle_list {
display: none; }
.content_block.toggle_list a {
display: inline;
position: static;
padding-left: 0;
margin-left: 0;
border-left: none;
color: #5ebebe; }
.content_block.toggle_list a:hover {
border-left: none;
color: #419090; }
.toggle_list {
margin: 0;
padding: 10px 0 15px 0; }
.toggle_list a {
display: inline-block;
position: relative;
margin-left: 0;
max-width: 80%;
border-left: solid 2px transparent;
transition: border 200ms ease-out; }
.toggle_list a.active,
.toggle_list a.active--default {
padding-left: 8px;
border-left: solid 2px #B8C6C6; }
ul.toggle_list li ul {
display: none; }
ul.toggle_list li ul.active {
display: block; }
.sidebar .toggle_list a.active {
border-left: solid 9px #c7a55d; }
.toggle_list li {
list-style: none;
line-height: 1.4em;
padding: 8px 0 8px 0; }
.toggle_list .meta span {
line-height: 2.5; }
.sidebar_text {
margin-bottom: 12px;
padding-top: 10px; }
.sidebar_content {
border-left: solid 1px #f5f5f5;
padding-left: 20px; }
.sidebar_content .toggle_list li {
line-height: 1.2; }
.sidebar .newsletter {
margin-bottom: 20px; }
.sidebar .newsletter form {
width: 100%; }
.sidebar li ul {
margin: 8px 0 0 15px; }
.sidebar .toggle_list li ul {
padding-left: 0; }
.sidebar ul li {
margin-bottom: 0; }
.sidebar input.sign_up[type="submit"],
.sidebar input.contact_email[type="email"] {
width: 100% !important;
margin-left: 0; }
.blog_search {
position: relative; }
.sidebar-block {
margin-bottom: 15px;
border-bottom: 1px solid #f5f5f5; }
.sidebar-block:last-child {
border-bottom: none; }
.sidebar-block:empty {
border-bottom: none; }
.sidebar-block:blank {
border-bottom: none; }
.sidebar-block:first-child h4.toggle {
padding-top: 0; }
.sidebar-block h4.toggle {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin-bottom: 0;
padding: 15px 0;
line-height: 1.5; }
.sidebar .filter-active-tag {
position: relative; }
.color-filter--true label {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center; }
.sidebar__collection-filter a, .sidebar__collection-filter label {
cursor: pointer; }
.sidebar__collection-filter label {
text-transform: none;
font-weight: normal;
font-size: inherit; }
.sidebar__collection-filter label:hover {
color: #419090; }
.sidebar__collection-filter input[type="checkbox"] {
display: none; }
.sidebar__collection-filter input.styled-checkbox[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
box-sizing: border-box;
width: 20px;
height: 20px;
display: inline-block;
cursor: pointer;
position: relative;
vertical-align: top;
background-size: cover;
margin-right: 15px; }
.sidebar__collection-filter button.clear-active-filter, .sidebar__collection-filter button.clear-active-filter:active {
color: #5ebebe;
background-color: transparent;
border: none;
outline: 0;
box-shadow: 0;
font-family: inherit;
letter-spacing: 0;
text-transform: none;
position: absolute;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 0;
right: 0;
left: auto;
padding: 2px 4px;
line-height: 1.2;
display: block;
height: auto;
min-height: auto; }
.sidebar__collection-filter button.clear-active-filter:hover {
color: #419090; }
.sidebar__collection-filter .x-icon {
position: relative;
display: inline-block;
overflow: visible;
width: 15px;
height: 15px;
margin: 0 2px 0 0;
padding: 0;
cursor: pointer;
transition: color 0.2s;
text-decoration: none;
font-style: normal;
color: #95979c;
border: 0;
outline: 0;
background: transparent;
vertical-align: middle;
top: -1px; }
.sidebar__collection-filter .x-icon:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 15px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 15px;
content: "\00d7";
text-align: center; }
::-webkit-input-placeholder {
color: #888; }
:-moz-placeholder {
/* Firefox 18- */
color: #888; }
::-moz-placeholder {
/* Firefox 19+ */
color: #888; }
:-ms-input-placeholder {
color: #888; }
/* Sub Collections */
.featured_collections.sub-collection {
margin-bottom: 10px; }
.featured_collections.sub-collection .thumbnail {
margin-bottom: 10px; }
@media only screen and (max-width: 798px) {
.featured_collections.sub-collection .thumbnail {
width: 100%; } }
.sub-collection--2 .thumbnail {
width: calc(50% - 20px); }
.sub-collection--2 .thumbnail:nth-child(2n+1) {
clear: both; }
.sub-collection--3 .thumbnail {
width: calc(33.33333% - 20px); }
.sub-collection--3 .thumbnail:nth-child(3n+1) {
clear: both; }
.sub-collection--4 .thumbnail {
width: calc(25% - 20px); }
.sub-collection--4 .thumbnail:nth-child(4n+1) {
clear: both; }
.list-collection-wrapper img[src*='/no-image'] {
opacity: 0; }
.list-collection-wrapper img[src*='/no-image'] ~ .thumbnail-overlay {
opacity: 1 !important; }
.list-collection-wrapper img[src*='/no-image'] ~ .thumbnail-overlay .collection-details {
opacity: 1;
transform: none; }
@media only screen and (max-width: 798px) {
.list-collection-wrapper img[src*='/no-image'] ~ .collection-info__caption {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; } }
.list-collection-wrapper .img {
width: 100%; }
.list-collection-wrapper .collection-info__caption {
display: block;
margin-top: 20px; }
@media only screen and (max-width: 798px) {
.list-collection-wrapper .collection-info__caption {
display: block;
position: static; } }
.blog-header {
margin-bottom: 5px; }
.blog-header .blog-title.blog-tags--true {
float: none; }
.blog-header .blog-title {
float: left; }
@media only screen and (max-width: 798px) {
.blog-header .blog-title {
width: 100%;
margin-bottom: 0; } }
.blog-header .subtitle {
clear: both; }
.blog-header .feature_divider {
clear: both;
width: 100%; }
/* Blog Article Styling */
.article .icon-slash {
padding-right: 5px; }
/* Styles for blog, collections */
.section_select {
padding: 0;
text-align: right;
float: right; }
.section_select .blog_filter, .section_select .tag_filter, .section_select .sort_by {
color: #ffffff;
display: inline-block;
border: none;
padding-right: 30px;
background-position: 100% 50%;
background-color: #ffffff;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 22px;
text-transform: none;
width: auto;
margin-bottom: 0;
max-width: 80%; }
@media only screen and (max-width: 798px) {
.section_select .blog_filter, .section_select .tag_filter, .section_select .sort_by {
float: none;
width: 100%;
max-width: 100%;
font-size: 16px;
padding-left: 0; } }
div.breadcrumb-collection {
margin-bottom: 20px; }
div.breadcrumb-collection + div.section {
margin-top: 0; }
@media only screen and (max-width: 798px) {
div.breadcrumb-collection {
margin-top: 15px;
text-align: center; } }
.breadcrumb_text,
.article-pagination {
margin-top: 0px;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 0; }
@media only screen and (max-width: 798px) {
.breadcrumb_text,
.article-pagination {
margin-top: 0; } }
.breadcrumb_text .breadcrumb-divider,
.article-pagination .breadcrumb-divider {
color: #5ebebe;
margin: 0 5px; }
.breadcrumb_link:hover span {
color: #419090; }
.breadcrumb {
font-size: 15px; }
@media only screen and (max-width: 798px) {
.breadcrumb {
margin-bottom: 20px; } }
/* #Images
================================================== */
/*
The purpose of the below declaration is to make sure images don't
exceed the width of columns they are put into when resizing window.
Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
so the best solution is to individually call these properties on images that
are children of the grid that you want to resize with grid.
*/
.product_row img,
.product_image_col img,
.article img,
.section img,
.thumbnail img,
.page img,
.sidebar img,
.logo img,
.cart_image img,
.footer img,
#target img,
.column img,
.columns img {
max-width: 100%;
height: auto; }
.image-crop--left img,
.image-crop--left .image-element__wrap {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: left;
object-position: left;
font-family: "object-fit: cover; object-position: left";
height: 100% !important; }
.image-crop--right img,
.image-crop--right .image-element__wrap {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right;
object-position: right;
font-family: "object-fit: cover; object-position: right";
height: 100% !important; }
.image-crop--center img,
.image-crop--center .image-element__wrap {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover";
height: 100% !important; }
.zoom-container {
display: block; }
/* #Placeholders
================================================== */
.featured-products-section .section {
margin: 30px 0px; }
.placeholder-svg {
fill: rgba(21, 43, 81, 0.9);
background-color: rgba(21, 43, 81, 0.5);
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
display: block; }
.placeholder-svg--banner,
.placeholder-svg--slideshow,
.placeholder-svg--video {
height: 500px; }
@media only screen and (min-width: 799px) and (max-width: 1024px) {
.placeholder-svg--banner,
.placeholder-svg--slideshow,
.placeholder-svg--video {
height: 350px; } }
@media only screen and (min-width: 481px) and (max-width: 798px) {
.placeholder-svg--banner,
.placeholder-svg--slideshow,
.placeholder-svg--video {
height: 250px; } }
.featured-promotions-section .feature-section:nth-child(even) .placeholder-svg--promotions {
background-color: rgba(21, 43, 81, 0.6); }
.image-with-text-section .featured-link--image:nth-child(odd) .placeholder-svg--promotions {
background-color: rgba(21, 43, 81, 0.6);
fill: rgba(21, 43, 81, 0.9); }
.homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n + 1) .placeholder-svg--slideshow {
background-color: rgba(21, 43, 81, 0.6); }
.homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n) .placeholder-svg--slideshow {
background-color: rgba(21, 43, 81, 0.8); }
/* #Videos
================================================== */
.video-wrapper {
position: relative;
background-color: #ffffff; }
.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--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 img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover";
height: 500px; }
@media only screen and (max-width: 798px) {
.video-wrapper .video-wrapper__image img {
height: auto; } }
.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; }
@media only screen and (max-width: 798px) {
.video-wrapper .video__text-container.text-below-image--true {
position: static;
top: auto;
transform: none; } }
.video-wrapper .video__text {
height: 100%;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.video-wrapper .video__text-wrapper {
margin: 0;
padding: 30px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3); }
@media only screen and (min-width: 799px) and (max-width: 1024px) {
.video-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
/* #Buttons
================================================== */
a.button,
.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"],
input.action_button[type="button"],
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
background: #5ebebe;
color: #ffffff;
border: 1px solid #5ebebe;
padding: 0 20px;
text-align: center;
cursor: pointer;
min-height: 44px;
height: 40px;
line-height: 1.2;
vertical-align: top;
font-family: "IBM Plex Sans", sans-serif;
font-weight: normal;
font-style: normal;
font-size: 18px;
text-transform: none;
letter-spacing: 0px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
transition: all 0.2s linear;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
border-radius: 100px; }
.ie a.button,
.ie .button,
.ie button,
.ie input[type="submit"],
.ie input[type="reset"],
.ie input[type="button"],
.ie .action_button,
.ie a.action_button,
.ie input.action_button[type="submit"],
.ie input.action_button[type="button"] {
line-height: 40px; }
a.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,
input.action_button[type="button"]:hover,
button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
background-color: #152b51;
border: 1px solid #152b51; }
a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.action_button:active,
input.action_button[type="submit"]:active,
input.action_button[type="button"]:active,
input.action_button[type="button"]:active,
button.shopify-payment-button__button.shopify-payment-button__button--unbranded:active {
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
outline: 0; }
.add_to_cart,
.product_form input.add_to_cart {
width: 100%;
margin-bottom: 0px; }
input[type="submit"],
input[type="reset"],
input[type="button"],
input.action_button[type="submit"],
input.action_button[type="button"],
button.action_button {
display: inline-block;
border-radius: 100px; }
/* Animation for checkmark on add to cart button */
button.add_to_cart {
position: relative; }
button.add_to_cart .text {
display: block;
width: 100%;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s; }
button.add_to_cart .fadeInDown.text {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s; }
button .checkmark {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto; }
button .checkmark path {
stroke-dasharray: 19.79 19.79;
stroke-dashoffset: 19.79;
stroke: #ffffff;
opacity: 0; }
button .checkmark.checkmark-active path {
-webkit-animation: drawCheckmark 0.5s linear alternate forwards;
animation: drawCheckmark 0.5s linear alternate forwards; }
@keyframes drawCheckmark {
from {
stroke-dashoffset: 19.79;
opacity: 1; }
to {
stroke-dashoffset: 0;
opacity: 1; } }
@-webkit-keyframes drawCheckmark {
from {
stroke-dashoffset: 19.79;
opacity: 1; }
to {
stroke-dashoffset: 0;
opacity: 1; } }
.ie
button
.checkmark path {
stroke-dashoffset: 0;
opacity: 0; }
.ie
button
.checkmark.checkmark-active path {
-webkit-animation: fadeCheckmark 0.5s linear alternate forwards;
animation: fadeCheckmark 0.5s linear alternate forwards; }
@-webkit-keyframes fadeCheckmark {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeCheckmark {
from {
opacity: 0; }
to {
opacity: 1; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
button
.checkmark path {
stroke-dashoffset: 0;
opacity: 0; }
button
.checkmark.checkmark-active path {
animation: fadeCheckmark 0.5s linear alternate forwards; }
@keyframes fadeCheckmark {
from {
opacity: 0; }
to {
opacity: 1; } } }
label.tos_label {
display: inline;
font-weight: normal;
text-transform: none;
cursor: pointer;
padding-left: 5px; }
.tos {
text-align: center;
margin: 15px 20px 15px 0; }
.cart_text {
text-align: center; }
.disabled {
pointer-events: none; }
.add_to_cart span.icon-lock {
margin-right: 10px;
font-size: larger; }
.add_to_cart span.icon-lock:before {
margin: 0; }
.shopify-product-form {
margin-bottom: 0; }
.add_to_cart.action_button {
min-height: 44px;
margin-bottom: 0;
height: 100%; }
.shopify-payment-button {
position: relative;
height: 44px; }
.shopify-payment-button div {
height: 100%; }
.shopify-payment-button button {
line-height: 1.2;
padding-top: 11px;
padding-bottom: 11px;
margin-bottom: 0; }
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
height: 100%; }
div.shopify-payment-button__button {
border-radius: 100px;
max-height: 44px; }
.shopify-payment-button__button--branded,
.shopify-payment-button__button--unbranded {
overflow: hidden;
min-height: 44px; }
button.shopify-payment-button__more-options {
color: #152b51;
box-shadow: none;
text-transform: none;
font-size: 0.8rem;
letter-spacing: 0;
padding: 16px 0 28px;
max-width: 80%;
margin: 0 auto;
position: absolute;
top: 100%;
left: 50%;
font-weight: normal;
font-family: "IBM Plex Sans", sans-serif;
font-style: normal;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
button.shopify-payment-button__more-options:hover {
background-color: transparent;
border: none; }
.purchase-details {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.product_section .smart-payment-button--true.product_form {
max-width: 100%; }
.smart-payment-button--true .purchase-details {
padding-bottom: 50px; }
.smart-payment-button--true .purchase-details .shopify-payment-button__button--branded {
padding-bottom: 30px; }
.smart-payment-button--true .purchase-details .shopify-payment-button__more-options {
top: 70%; }
.smart-payment-button--true button .checkmark path {
stroke: #5ebebe; }
.smart-payment-button--false .purchase-details {
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end; }
.smart-payment-button--false {
margin-bottom: 20px; }
.product-quantity-box.purchase-details__quantity {
margin-right: 5px;
width: calc(50% - 12px); }
@media only screen and (max-width: 480px) {
.product-quantity-box.purchase-details__quantity {
width: 100%; } }
.product-quantity-box.purchase-details__quantity input.quantity {
padding-top: 11px;
padding-bottom: 11px;
line-height: 1.4;
min-height: 44px;
margin-bottom: 0;
width: calc(100% - 88px); }
.smart-payment-button--true .product-quantity-box.purchase-details__quantity {
width: calc(50% - 6px); }
@media only screen and (max-width: 798px) {
.smart-payment-button--true .product-quantity-box.purchase-details__quantity {
width: 100%;
margin-right: 0; }
.smart-payment-button--true .product-quantity-box.purchase-details__quantity .input.quantity {
width: calc(100% - 88px); } }
p.checkout_button {
margin-bottom: 0; }
.purchase-details__buttons {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1 0 calc(50% - 12px);
-moz-box-flex: 1 0 calc(50% - 12px);
-webkit-flex: 1 0 calc(50% - 12px);
-ms-flex: 1 0 calc(50% - 12px);
flex: 1 0 calc(50% - 12px);
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 6px; }
@media only screen and (max-width: 798px) {
.purchase-details__buttons {
margin-top: 20px;
margin-left: 12px;
-webkit-box-flex: 1 0 calc(50% - 12px);
-moz-box-flex: 1 0 calc(50% - 12px);
-webkit-flex: 1 0 calc(50% - 12px);
-ms-flex: 1 0 calc(50% - 12px);
flex: 1 0 calc(50% - 12px); } }
@media only screen and (max-width: 480px) {
.purchase-details__buttons {
margin-top: 12px;
margin-left: 0;
-webkit-box-flex: 1 0 100%;
-moz-box-flex: 1 0 100%;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%; } }
.purchase-details__buttons .shopify-payment-button {
-webkit-box-flex: 1 0 100%;
-moz-box-flex: 1 0 100%;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin-bottom: 0;
max-width: 100%; }
@media only screen and (min-width: 1401px) {
.purchase-details__buttons .shopify-payment-button {
-webkit-box-flex: 1 0 calc(50% - 4px);
-moz-box-flex: 1 0 calc(50% - 4px);
-webkit-flex: 1 0 calc(50% - 4px);
-ms-flex: 1 0 calc(50% - 4px);
flex: 1 0 calc(50% - 4px);
max-width: calc(50% - 4px); } }
.purchase-details__buttons .action_button.action_button--secondary {
background-color: transparent;
border: 1px solid #5ebebe;
color: #5ebebe;
box-shadow: none;
line-height: 1.2;
padding: 10px 0;
min-height: 44px;
height: 100%;
-webkit-box-flex: 1 0 100%;
-moz-box-flex: 1 0 100%;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin: 0;
max-width: 100%; }
@media only screen and (min-width: 1401px) {
.purchase-details__buttons .action_button.action_button--secondary {
-webkit-box-flex: 1 0 calc(50% - 4px);
-moz-box-flex: 1 0 calc(50% - 4px);
-webkit-flex: 1 0 calc(50% - 4px);
-ms-flex: 1 0 calc(50% - 4px);
flex: 1 0 calc(50% - 4px);
max-width: calc(50% - 4px); } }
@media only screen and (max-width: 798px) {
.purchase-details__buttons .action_button.action_button--secondary {
margin-bottom: 10px; } }
@media only screen and (min-width: 799px) {
.purchase-details__buttons .action_button.action_button--secondary:hover {
background-color: #5ebebe;
color: #ffffff; } }
.purchase-details__buttons .action_button.action_button--secondary:focus {
background-color: #5ebebe;
color: #ffffff; }
.purchase-details__buttons.purchase-details__spb--true {
-webkit-box-flex: 1 0 100%;
-moz-box-flex: 1 0 100%;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin-top: 10px;
margin-left: 0; }
@media only screen and (max-width: 798px) {
.purchase-details__buttons.purchase-details__spb--true {
margin-left: 0;
margin-bottom: 0; } }
.purchase-details__buttons.purchase-details__spb--true .action_button.action_button--secondary {
-webkit-box-flex: 1 0 50%;
-moz-box-flex: 1 0 50%;
-webkit-flex: 1 0 50%;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: calc(50% - 6px); }
@media only screen and (max-width: 798px) {
.purchase-details__buttons.purchase-details__spb--true .action_button.action_button--secondary {
-webkit-box-flex: 1 0 100%;
-moz-box-flex: 1 0 100%;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin-right: 0px;
margin-top: 0;
margin-bottom: 10px;
max-width: 100%; } }
.purchase-details__buttons.purchase-details__spb--true .shopify-payment-button {
margin-left: 6px;
max-width: calc(50% - 6px);
height: inherit; }
@media only screen and (max-width: 798px) {
.purchase-details__buttons.purchase-details__spb--true .shopify-payment-button {
margin-left: 0;
margin-top: 0;
margin-bottom: 10px;
max-width: 100%; } }
.purchase-details__buttons.product-is-unavailable .add_to_cart,
.purchase-details__buttons.product-is-unavailable .shopify-payment-button {
opacity: 0.5;
pointer-events: none; }
.purchase-details__buttons.product-is-unavailable .add_to_cart {
padding: 10px 5px; }
@media only screen and (max-width: 1024px) {
.sidebar--true .purchase-details {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start; }
.sidebar--true .purchase-details .purchase-details__quantity,
.sidebar--true .purchase-details .purchase-details__buttons {
margin: 0 0 10px;
width: 100%; }
.sidebar--true .purchase-details .action_button.action_button--secondary,
.sidebar--true .purchase-details .shopify-payment-button {
-webkit-box-flex: 1 0 100%;
-moz-box-flex: 1 0 100%;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin: 0 0 10px;
max-width: 100%; } }
#checkout {
min-height: 54px;
/* Match the height of additional checkout buttons. */ }
.additional-checkout-button + .additional-checkout-button {
margin-left: 0 !important;
max-width: 100% !important; }
.additional-checkout-button,
.additional-checkout-button.additional-checkout-button--paypal,
.additional-checkout-button.additional-checkout-button--google-pay {
min-width: 100% !important;
/* Overwrite inline style */ }
/* #Tabs
================================================== */
ul.tabs {
display: block;
margin: 25px 0;
border-bottom: solid 1px #f5f5f5;
border-top: 0;
list-style: none outside;
margin-left: 0;
text-transform: uppercase;
padding-left: 0; }
ul.tabs li {
display: block;
width: auto;
height: 30px;
padding: 0;
float: left;
margin-bottom: 0;
border: 0;
list-style: none outside;
margin-left: 0;
cursor: pointer; }
ul.tabs li a {
display: block;
text-decoration: none;
width: auto;
height: 29px;
line-height: 30px;
margin-right: 60px;
font-size: 13px;
outline: none; }
@media (max-width: 960px) {
ul.tabs li a {
margin-right: 30px; } }
@media only screen and (max-width: 798px) {
ul.tabs li a {
font-size: 12px; } }
@media only screen and (max-width: 480px) {
ul.tabs li a {
margin-right: 20px; } }
ul.tabs li a.active {
border-bottom: solid 3px #f5f5f5;
background-color: #ffffff;
border-bottom: solid 3px #000000;
height: 31px;
position: relative;
border-right-width: 1px;
color: #152b51; }
ul.tabs li:last-child a {
margin: 0; }
ul.tabs-content {
margin: 0;
display: block;
border: 0;
padding-left: 0; }
ul.tabs-content > li {
display: none;
border: 0; }
ul.tabs-content > li.active {
display: block;
border: 0;
padding-left: 0px; }
ul.tabs-content ul {
padding-left: 0; }
/* #Accordions
================================================== */
button {
border: none;
appearance: none; }
.faqAccordion > dt > a, .faqAccordion > dt > button,
.accordion > dt > a,
.accordion > dt > button {
background: transparent;
position: relative;
padding: 20px 20px 20px 40px;
color: #152b51;
border-bottom: 1px solid #f5f5f5;
text-align: left;
display: block;
cursor: pointer;
width: 100%;
outline: none;
text-transform: initial;
min-height: auto;
height: auto;
line-height: inherit;
font-weight: normal;
font-family: "IBM Plex Sans", sans-serif;
font-style: normal;
box-shadow: none;
border-radius: 0px;
font-size: 18px; }
.faqAccordion > dt > a:hover, .faqAccordion > dt > a:focus, .faqAccordion > dt > button:hover, .faqAccordion > dt > button:focus,
.accordion > dt > a:hover,
.accordion > dt > a:focus,
.accordion > dt > button:hover,
.accordion > dt > button:focus {
background: #f7f7f7;
border: none;
border-bottom: 1px solid #f5f5f5;
color: #419090; }
.faqAccordion > dt > a::after, .faqAccordion > dt > button::after,
.accordion > dt > a::after,
.accordion > dt > button::after {
-ms-transform: translateY(-50.1%);
-webkit-transform: translateY(-50.1%);
transform: translateY(-50.1%);
position: absolute;
top: 50%;
left: 15px;
font-size: 25px;
content: "\002b";
color: inherit; }
.faqAccordion > dt > a[aria-expanded="true"]::after, .faqAccordion > dt > button[aria-expanded="true"]::after,
.accordion > dt > a[aria-expanded="true"]::after,
.accordion > dt > button[aria-expanded="true"]::after {
content: "\002d";
font-size: 30px; }
.faqAccordion > dt:first-child > button,
.accordion > dt:first-child > button {
border-top: none; }
.faqAccordion > dd,
.accordion > dd {
color: #152b51;
padding: 20px 0px 20px 0px;
display: none; }
.faqAccordion > dd[aria-hidden="true"],
.accordion > dd[aria-hidden="true"] {
display: none; }
@media only screen and (max-width: 798px) {
.faqAccordion > dd,
.accordion > dd {
margin-left: 15px; } }
.accordion dt small {
display: none; }
.accordion-tabs > a {
display: block;
background-color: #D1D3D4;
margin: 10px 0;
padding: 10px;
letter-spacing: 1px;
text-transform: uppercase;
color: #000000; }
.accordion-tabs > a :hover {
cursor: pointer; }
.accordion-tabs > li[id*=tab] {
display: none;
list-style: none; }
/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
ul.tabs:after {
clear: both; }
ul.tabs {
zoom: 1; }
/* #Forms
================================================== */
form {
margin-bottom: 20px; }
fieldset {
margin-bottom: 20px; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="range"], input[type="color"], select, textarea {
display: block;
width: 100%;
height: 44px;
min-height: 44px;
padding: 0 10px;
margin: 0;
line-height: 22px;
border: 1px solid #f5f5f5;
outline: none;
background: #fff;
color: #5f6a7d;
font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 15px;
-webkit-appearance: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 3px; }
@media only screen and (max-width: 480px) {
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="range"], input[type="color"], select, textarea {
font-size: 16px; } }
input[type="text"]:active, input[type="text"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="week"]:active, input[type="week"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="range"]:active, input[type="range"]:focus, input[type="color"]:active, input[type="color"]:focus, select:active, select:focus, textarea:active, textarea:focus {
border: 1px solid #aaa;
color: #444; }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
input[type=text]::-ms-clear {
display: none;
width: 0;
height: 0; }
input[type=text]::-ms-reveal {
display: none;
width: 0;
height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none; }
input[type=number] {
-moz-appearance: textfield !important; }
select::-ms-expand {
display: none; }
select {
background: white url(//phelans.ie/cdn/shop/t/21/assets/select.png?v=163443801653745187891646742836) no-repeat 96% 50%;
background-size: 18px 12px;
padding: 8px 14px 8px;
border-radius: 3px;
border: 1px solid #d9dbdc;
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: ''; }
label,
legend,
.option_title {
display: block;
font-weight: bold;
font-size: 13px;
text-align: left;
margin-bottom: 5px;
text-transform: none; }
input[type="checkbox"] {
display: inline; }
label span,
legend span {
font-weight: bold;
font-size: 13px;
color: #444; }
textarea {
min-height: 120px;
padding: 15px 9px; }
.acceptsMarketing {
margin-bottom: 20px; }
.acceptsMarketing label {
display: inline;
margin-left: 5px; }
input.sign_up[type="submit"] {
margin-left: 5px;
display: inline-block; }
input.contact_email[type="email"] {
width: 320px;
display: inline-block;
float: left; }
.btn.action_button, input.btn.action_button[type="submit"], input.btn.action_button[type="button"] {
width: inherit; }
/* #Contact Form
================================================== */
div.container.contact-form-container {
padding-top: 0; }
.contact-form .contact-form__content {
margin-bottom: 20px; }
.contact-form label,
.custom-contact-form label {
margin-bottom: 12px; }
.contact-form ul li label,
.custom-contact-form ul li label {
font-family: "IBM Plex Sans", sans-serif;
text-transform: none;
font-weight: 400; }
.contact-form__position--right,
.custom-contact-form__position--right {
float: right; }
.custom-contact-form .contact-block {
margin-bottom: 20px; }
.custom-contact-form .custom-contact-form__image {
margin-bottom: 20px; }
.custom-contact-form .custom-contact-form__social .social_icons {
padding: 0;
margin-bottom: 40px; }
.custom-contact-form .custom-contact-form__logo {
max-width: 150px;
margin: 0 auto 20px auto; }
.custom-contact-form .contact-block.contact-block--richtext label p {
display: inline; }
.custom-contact-form .contact-block--checkbox ul,
.custom-contact-form .contact-block--radio ul {
padding: 0;
margin: 0; }
.custom-contact-form .contact-block--checkbox ul li,
.custom-contact-form .contact-block--radio ul li {
margin-bottom: 8px;
list-style: none;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline; }
.custom-contact-form .contact-block--checkbox ul li input,
.custom-contact-form .contact-block--radio ul li input {
margin-right: 10px;
position: relative;
top: 2px; }
.custom-contact-form .contact-block--checkbox ul li label,
.custom-contact-form .contact-block--radio ul li label {
margin-bottom: 0; }
.custom-contact-form .contact-block--checkbox ul li:last-child label,
.custom-contact-form .contact-block--radio ul li:last-child label {
margin-bottom: 0; }
.page-contact .footer {
margin-top: 0; }
.page-contact .custom-contact-form {
margin-top: 25px; }
#target {
padding: 20px;
text-align: center; }
.items_left {
color: #8c8b8b; }
.quantity_label {
display: inline;
font-size: smaller; }
.remove_item a {
font-size: smaller;
color: #152b51; }
input.quantity {
width: 48px;
display: inline;
margin-bottom: 0;
padding: 8px 5px; }
ul.cart_items {
padding-top: 0;
padding-bottom: 0; }
.cart_content li.mini-cart__item {
padding: 0 0 15px 0;
margin-bottom: 15px;
border-bottom: 1px solid #f5f5f5; }
.cart_content .notification-discount {
color: #c7a55d;
padding: 15px 0 0;
margin: 0;
line-height: 1; }
li.mini-cart__item a, li.mini-cart__item a:active,
#header li.mini-cart__item a, #header li.mini-cart__item a:active {
position: relative;
font-size: inherit;
text-align: left; }
.cart_image {
float: left;
width: 100%;
max-width: 100px;
min-width: 100px;
text-align: center;
padding-right: 20px; }
.cart_image img {
display: block; }
@media only screen and (max-width: 480px) {
.cart_image {
padding-right: 10px; } }
a.continue {
text-align: right;
font-size: 32px;
margin-right: 15px !important;
padding: 10px 0 5px 0 !important;
opacity: 0.8; }
a.continue:hover {
opacity: 1; }
.empty_cart {
text-align: center;
font-size: 18px;
padding: 40px 0 25px 0;
color: inherit; }
#shipping-calculator.columns {
float: none; }
.cart__blocks {
margin-top: 30px; }
input[type="button"].get-rates.action_button {
margin-top: 0; }
#get-rates-submit {
margin-top: -1px; }
#customer_login {
margin-bottom: 2px; }
.multi_select {
display: none; }
/* Product Page Elements */
.container .align_right--images > div.columns {
float: right; }
.vendor {
margin-bottom: 6px; }
.section.product_section {
margin-top: 0; }
.product_section .description {
margin-bottom: 15px;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-word;
word-break: break-word; }
.modal_price {
padding-bottom: 8px;
display: block; }
.product_section .description.bottom {
margin-top: 15px;
border-bottom: none; }
.sale_banner_product,
.new_banner_product,
.preorder_banner_product {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-size: 22px;
font-style: normal;
text-transform: none;
letter-spacing: 0px;
padding: 8px 20px;
text-align: center;
color: #fff;
margin-bottom: 13px;
display: inline-block;
font-size: 15px;
white-space: nowrap; }
.sale_banner_product {
background: #bc1f3e; }
.new_banner_product,
.preorder_banner_product {
background: #5ebebe; }
.preorder_banner_product,
.product-list .thumbnail .preorder_banner {
font-size: 12px; }
@media only screen and (max-width: 798px) {
.preorder_banner_product,
.product-list .thumbnail .preorder_banner {
font-size: 8px; } }
.product_links {
margin-bottom: 8px;
font-size: 0.9em;
border-top: 1px solid #f5f5f5;
padding: 10px 0 5px 0; }
.product_links p {
margin: 2px 0; }
.social_buttons {
border-top: 1px solid #f5f5f5;
padding-top: 20px;
font-size: 1em;
margin-bottom: 25px; }
@media only screen and (max-width: 798px) {
.social_buttons {
text-align: center; } }
.share_article .social_buttons {
border-top: none;
padding-top: 0; }
@media only screen and (max-width: 798px) {
.share_article .social_buttons {
padding-top: 15px; } }
.share-btn {
display: inline-block;
text-align: center;
font-size: 1.2em;
margin-right: 6px;
margin-bottom: 10px; }
.share-btn a {
color: #fff;
padding: 10px 10px 8px 10px;
border: solid 1px #e2e2e2;
display: inline-block;
transition: all 500ms ease 0s;
border-radius: 100px;
width: 44px;
height: 44px; }
.icon-twitter-share:before {
color: #09AEEC; }
.icon-twitter-share:hover {
background-color: #09AEEC;
border-color: #09AEEC;
color: #fff; }
.icon-twitter-share:hover:before {
color: #fff; }
.icon-facebook-share:before {
color: #49659D; }
.icon-facebook-share:hover {
background-color: #49659D;
border-color: #49659D;
color: #fff; }
.icon-facebook-share:hover:before {
color: #fff; }
.icon-pinterest-share:before {
color: #CB1F2A; }
.icon-pinterest-share:hover {
background-color: #CB1F2A;
border-color: #CB1F2A;
color: #fff; }
.icon-pinterest-share:hover:before {
color: #fff; }
.icon-mail-share:before {
color: #888; }
.icon-mail-share:hover {
background-color: #888;
border-color: #888;
color: #fff; }
.icon-mail-share:hover:before {
color: #fff; }
/* Quantity Box for Product Page */
.product-quantity-box .quantity,
.product-quantity-box .quantity:focus,
.product-quantity-box .product-plus,
.product-quantity-box .product-minus {
border: #e2e2e2 1px solid;
color: #000; }
.product-quantity-box label {
margin-bottom: 0.5em; }
.product-quantity-box {
margin-right: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.product-quantity-box label {
text-align: left; }
.product-quantity-box .quantity {
text-align: center;
padding: 6px 15px;
width: 38%;
height: 44px;
border-radius: 0;
-webkit-appearance: none;
float: left; }
@media only screen and (max-width: 798px) {
.product-quantity-box .quantity {
width: calc(100% - 88px); } }
.product-quantity-box .product-plus,
.product-quantity-box .product-minus {
background: #f2f2f2;
font-weight: 300;
position: relative;
cursor: pointer;
height: 44px;
display: block;
width: 44px;
text-align: center;
float: left; }
.product-quantity-box .product-plus:hover,
.product-quantity-box .product-minus:hover {
background: #d9d9d9; }
@media only screen and (max-width: 798px) {
.product-quantity-box .product-plus,
.product-quantity-box .product-minus {
display: inline;
display: initial;
margin: 0; } }
.product-quantity-box .product-plus {
border-left: 0;
font-size: 16px;
line-height: 44px; }
.product-quantity-box .product-minus {
border-right: 0;
line-height: 44px;
font-size: 18px; }
.product-quantity-box + .inline_purchase {
margin-top: 31.5px;
width: 55%;
float: left; }
.product_section .product_form,
.product_section .contact-form {
max-width: 400px; }
@media only screen and (max-width: 798px) {
.product_section .product_form,
.product_section .contact-form {
max-width: 100%; } }
/* Full width product image template */
.product-full_width_images .product_section .description img {
display: none; }
.full-width-product-images img {
display: block;
width: 100%; }
@media only screen and (max-width: 480px) {
.full-width-product-images .caption.align-center,
.full-width-product-images .caption.align-right,
.full-width-product-images .caption.align-left {
text-align: center; } }
/* #Blog
================================================== */
.sidebar .sidebar_content .input-row {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 0px;
margin-right: 0px; }
.sidebar .sidebar_content .input-row input {
margin: 5px 0; }
/* #Newsletter
================================================== */
.newsletter {
margin: 0px auto;
max-width: 640px; }
.input-row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
width: 100%; }
@media only screen and (max-width: 798px) {
.input-row {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 0px;
margin-right: 0px; } }
.input-row input {
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-basis: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-moz-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
max-height: 40px; }
@media only screen and (max-width: 1024px) {
.input-row input {
margin: 5px 0; } }
.input-row input.sign_up {
display: inline-block;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
max-height: 40px; }
@media only screen and (max-width: 798px) {
.input-row input.sign_up {
width: 100%; } }
.newsletter-both-names--true input.firstName {
margin-right: 5px; }
/*--- Newsletter popup ---*/
.js-newsletter-popup {
display: none; }
.newsletter__lightbox .fancybox-content {
width: 100%;
max-width: 740px;
padding: 0;
border: 5px solid #f5f5f5; }
@media only screen and (max-width: 480px) {
.newsletter__lightbox .fancybox-close-small {
display: block; } }
@media only screen and (max-width: 798px) {
.newsletter__lightbox .fancybox-close-small svg path {
fill: white; } }
.newsletter__lightbox .fancybox-toolbar {
display: none; }
.newsletter-popup {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
background-color: #ffffff;
padding: 0;
width: 100%; }
@media only screen and (max-width: 798px) {
.newsletter-popup {
line-height: 0;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
@media only screen and (min-width: 799px) and (max-width: 1024px) {
.popup-signup-show--true input.sign_up {
margin-left: 0px; } }
.popup-signup-show--false {
display: none; }
.newsletter-both-names--false .newsletter input[type="text"] {
width: 100%; }
.newsletter-img {
width: 40%; }
@media only screen and (max-width: 798px) {
.newsletter-img {
width: 100%; } }
.newsletter-img img {
width: 100%;
display: block; }
.newsletter-info {
text-align: center;
color: #363636;
background-color: #ffffff;
height: auto;
float: left; }
@media only screen and (max-width: 798px) {
.newsletter-info {
padding: 20px;
width: 100% !important;
position: relative; } }
.newsletter-info input.contact_email[type="email"] {
width: 65%;
float: left; }
@media only screen and (max-width: 1024px) {
.newsletter-info input.contact_email[type="email"] {
width: 100%; } }
.newsletter-info #contact_form input.sign_up[type="submit"] {
width: calc(35% - 10px); }
@media only screen and (max-width: 1024px) {
.newsletter-info #contact_form input.sign_up[type="submit"] {
width: 100%; } }
.newsletter-info .input-row {
margin-right: 0;
margin-left: 0; }
.newsletter-info .popup-signup-show--true {
margin-top: 20px; }
.newsletter-image--true .newsletter-popup__content {
width: 60%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
@media only screen and (max-width: 798px) {
.newsletter-image--true .newsletter-popup__content {
width: 100%;
display: block; } }
@media only screen and (min-width: 1025px) {
.newsletter-image--true {
max-height: 875px; } }
@media only screen and (min-width: 1025px) {
.newsletter-image--true.object-fit--none {
height: auto; } }
.newsletter-image--false {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.newsletter-image--false .newsletter-info {
width: 100%;
position: relative;
height: auto;
float: none; }
.align-left .newsletter-info {
right: 0; }
.newsletter-description h2 {
color: #363636;
margin-top: 0; }
.newsletter-description {
padding: 40px;
margin: 0 auto; }
@media only screen and (max-width: 798px) {
.newsletter-description {
font-size: inherit;
width: auto; } }
@media only screen and (max-width: 480px) {
.newsletter-description {
padding: 20px; } }
@media only screen and (min-width: 1025px) {
.newsletter-description {
min-width: 350px; } }
@media only screen and (min-width: 1401px) {
.newsletter-description {
font-size: inherit; } }
.newsletter-buttons .button {
height: auto;
background-color: transparent;
color: #363636;
border: 1px solid #363636;
transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
line-height: 1.5;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
margin-bottom: 0;
margin-left: 8px;
margin-right: 8px; }
.newsletter-buttons .button:hover, .newsletter-buttons .button.highlight-true {
background-color: #363636;
color: #ffffff;
border: 1px solid #363636; }
@media only screen and (max-width: 480px) {
.newsletter-buttons .button {
margin-top: 5px; } }
/*--- Newsletter section above footer ---*/
.newsletter_section {
-webkit-transform: translate3d(0, 0, 0);
background-color: #fffbeb;
color: #152b51; }
.newsletter_section h2 {
color: #152b51;
margin-top: 0; }
.newsletter_section.newsletter-bgr-true {
background-color: #fffbeb;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.newsletter_section.newsletter-bgr-true input.contact_email[type="email"] {
border: 0; }
@media only screen and (max-width: 480px) {
.newsletter_section.newsletter-bgr-true {
text-align: center !important; } }
.section_form {
padding: 10px 20px; }
.section_form input[type="email"], .section_form input[type="text"] {
border: 0; }
@media only screen and (max-width: 480px) {
.section_form {
padding: 0; } }
.section_form .newsletter-text + .newsletter, .section_form h5 + .newsletter {
margin-top: 15px; }
.newsletter_section h5 {
color: #152b51 !important;
padding-top: 0px;
margin: 0; }
.newsletter_section .newsletter-text p {
margin-bottom: 0; }
.newsletter_section .newsletter,
.password-page-row form {
display: inline-block;
padding-top: 0 !important;
width: 450px; }
@media only screen and (min-width: 481px) and (max-width: 798px) {
.newsletter_section .newsletter,
.password-page-row form {
width: 100%;
max-width: 100%; } }
@media only screen and (max-width: 480px) {
.newsletter_section .newsletter,
.password-page-row form {
width: 100%; } }
.shopify-challenge__container {
padding: 150px 0; }
/*--- Newsletter in footer ---*/
.footer-section .newsletter_section {
background-color: transparent;
color: #ffffff; }
.footer-section .newsletter_section h6, .footer-section .newsletter_section .h6 {
color: #ffffff;
font-size: 14px; }
.footer-section .newsletter_section p {
padding: 15px 0; }
.footer-section .newsletter_section .newsletter {
width: 100%; }
.footer-section .newsletter_section .newsletter input {
width: 100%; }
.footer-section .newsletter_section .newsletter .action_button {
margin-left: 0; }
/* #Tables
================================================== */
table tr.order_summary td.label {
text-align: right; }
table {
margin-bottom: 20px; }
table th {
font-weight: 700;
text-align: left; }
#order_details,
#customer_orders table {
width: 100%; }
#order_details th,
#customer_orders table th {
background: #F9F9F9; }
#order_details th,
#order_details td,
#customer_orders table th,
#customer_orders table td {
padding: 4px;
border-right: 1px solid #DCDCDC; }
#order_details th:first-child,
#order_details td:first-child,
#customer_orders table th:first-child,
#customer_orders table td:first-child {
border-left: 1px solid gainsboro; }
#order_details tr,
#customer_orders table tr {
border-bottom: 1px solid #DCDCDC; }
#order_details tr:first-child,
#customer_orders table tr:first-child {
border-top: 1px solid #DCDCDC; }
#order_details .em,
#customer_orders table .em {
font-weight: 700; }
table {
width: 100%; }
table th {
background: #F9F9F9; }
table th,
table td {
padding: 4px;
border-right: 1px solid #DCDCDC; }
table th:first-child,
table td:first-child {
border-left: 1px solid gainsboro; }
table tr {
border-bottom: 1px solid #DCDCDC; }
table tr:first-child {
border-top: 1px solid #DCDCDC; }
table .em {
font-weight: 700; }
/* #Misc
================================================== */
.allow-clickthrough {
pointer-events: none !important; }
.hidden {
display: none; }
@media only screen and (max-width: 480px) {
.hidden--mobile {
display: none !important;
/* Force on mobile devices */ } }
.remove {
color: #152b51; }
.relative {
position: relative; }
.half-bottom {
margin-bottom: 10px !important; }
.add-bottom {
margin-bottom: 20px !important; }
.right {
float: right;
position: relative; }
.left {
float: left; }
.inline {
display: inline; }
.center {
text-align: center; }
.relative {
position: relative; }
.align_right {
text-align: right; }
.align_left {
text-align: left; }
.text-align--center {
text-align: center; }
.text-align--left {
text-align: left; }
.text-align--right {
text-align: right; }
p.warning {
text-align: center;
font-weight: bold; }
.warning--quantity {
clear: both;
display: inline-block;
margin-top: 15px;
width: auto;
text-align: left; }
@media only screen and (min-width: 799px) {
.large--right {
float: right;
position: relative; } }
.visuallyhidden {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0; }
.mini-cart__item p.warning {
margin-top: 5px;
text-align: left; }
.container div.mobile_only, span.mobile_only, .mobile_only {
display: none; }
.no_border {
border: none !important; }
.extra_padding {
padding-top: 4px; }
div.hidden {
display: none; }
div.is-absolute {
position: absolute !important;
top: 0;
margin-top: 0; }
.full-width-image {
width: 100%; }
#instantclick-bar {
background: #5ebebe;
z-index: 100000;
height: 4px; }
#grid .column,
#grid .columns {
background: #ddd;
height: 25px;
line-height: 25px;
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
color: #555;
font-size: 12px;
font-weight: bold;
border-radius: 2px; }
#grid .column:hover,
#grid .columns:hover {
background: #bbb;
color: #333; }
#grid .example-grid {
overflow: hidden; }
.items_left {
margin: 0 0 15px;
line-height: 1.6em;
font-size: normal;
font-style: italic;
color: #8c8b8b; }
.cart .paypal-button + .paypal-button {
display: none; }
.shopify-reviews.reviewsVisibility--false {
display: none; }
/* #Testimonials
================================================== */
.testimonial-section {
position: relative; }
.testimonial-section .set-static {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
.testimonial-section .set-static .caption {
position: static;
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
padding: 40px;
margin: auto; }
.testimonial-section .set-testimonial-height {
height: 95%; }
@media only screen and (min-width: 799px) {
.testimonial-section .darken-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background: rgba(0, 0, 0, 0.6); } }
.testimonial-section .feature_divider {
margin: 25px auto;
width: 10%;
display: inline-block; }
@media only screen and (max-width: 480px) {
.testimonial-section .feature_divider {
margin: 5px auto; } }
.testimonial-section .use-mobile-color .animated {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s; }
.testimonial-block.gallery-cell.use-mobile-color {
background-color: #5c5c5c; }
.testimonial-block.gallery-cell.use-mobile-color .caption .caption-content p {
color: #ffffff; }
@media only screen and (max-width: 480px) {
.testimonial-block.gallery-cell.use-mobile-color .caption .caption-content p {
text-shadow: none; } }
@media only screen and (max-width: 480px) {
.mobile-banner--crop-left {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: left;
object-position: left;
font-family: "object-fit: cover; object-position: left";
min-height: 60vh; } }
@media only screen and (max-width: 480px) {
.mobile-banner--crop-right {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right;
object-position: right;
font-family: "object-fit: cover; object-position: right";
min-height: 60vh; } }
@media only screen and (max-width: 480px) {
.mobile-banner--crop-center {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center";
min-height: 60vh; } }
.caption-content.testimonial-text {
width: 80%; }
.caption-content.testimonial-text .subtitle {
text-transform: none;
color: #ffffff; }
@media only screen and (max-width: 480px) {
.caption-content.testimonial-text .subtitle {
font-weight: normal;
font-size: 14px; } }
.caption-content.testimonial-text h2,
.caption-content.testimonial-text p.headline {
color: #ffffff; }
@media only screen and (max-width: 480px) {
.caption-content.testimonial-text h2,
.caption-content.testimonial-text p.headline {
text-shadow: none; } }
@media only screen and (max-width: 480px) {
.caption-content.testimonial-text-mobile h2,
.caption-content.testimonial-text-mobile .subtitle,
.caption-content.testimonial-text-mobile p.headline {
color: #152b51; } }
@media only screen and (max-width: 480px) {
.testimonial-block .caption {
margin: auto;
padding-top: 5%;
padding-bottom: 5%; } }
.testimonial-slideshow,
.testimonial-block.gallery-cell {
background-color: transparent; }
/* #FAQ Template
================================================== */
.page-faq .faq--heading {
padding-top: 30px; }
/* #Team Template
================================================== */
.team-page__content--left {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
@media only screen and (max-width: 798px) {
.team-page__content--left {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.team-page__content--right {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media only screen and (max-width: 798px) {
.team-page__content--right {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.team-page__text,
.team-page__image,
.team-page__image img {
width: 100%; }
.team-page__content--multiple .team-page__text,
.team-page__content--multiple .team-page__image {
max-width: 50%;
width: 100%; }
@media only screen and (max-width: 798px) {
.team-page__content--multiple .team-page__text,
.team-page__content--multiple .team-page__image {
max-width: 100%; } }
.team-page__content--multiple .team-page__text:first-child,
.team-page__content--multiple .team-page__image:first-child {
margin-right: 20px; }
.team-page__text {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.team-page__container {
max-width: 70%; }
@media only screen and (max-width: 480px) {
.team-page__container {
max-width: 90%; } }
.team-member__profile.columns,
.team-member__profile.column {
margin-bottom: 30px; }
.team-member__name {
padding-top: 10px; }
.team-member__wrap {
position: relative; }
.team-member__wrap:hover .team-member__overlay {
opacity: 1; }
.team-member__overlay {
opacity: 0;
transition: opacity 0.3s linear;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%; }
.team-member__details {
-ms-transform: translateY(-50.1%);
-webkit-transform: translateY(-50.1%);
transform: translateY(-50.1%);
top: 50%;
padding: 10px 0;
position: absolute;
width: 100%;
padding: 20px; }
.team-member__details img {
display: block; }
.team-member__details p {
margin-top: 10px;
line-height: 1.3; }
.team-member__details .icon-twitter {
display: inline-block;
vertical-align: middle; }
.team-member__title {
padding-bottom: 0;
text-align: center;
margin-bottom: 0;
text-transform: uppercase;
line-height: 1; }
.team-member__title:after {
width: 30%;
display: block;
margin: 0 auto;
content: '';
height: 3px;
margin-top: 20px; }
/* #Logo-list
================================================== */
.logo-bar {
text-align: center;
margin-bottom: 20px; }
.logo-bar a {
transition: ease all 0.6s; }
.logo-bar a:hover {
opacity: 0.6; }
.logo-bar__item {
display: inline-block;
vertical-align: middle;
max-width: 160px;
width: 160px;
margin-top: 20px; }
@media only screen and (min-width: 799px) {
.logo-bar__item {
margin-left: 25px;
margin-right: 25px; } }
/* #Gallery Section
================================================== */
div.container.gallery-content {
margin-top: 0;
padding-top: 0; }
.gallery-section {
text-align: center; }
.gallery-section .container {
padding: 0px; }
.gallery-section .gallery-break {
width: 100%;
clear: both; }
.gallery-section .display-table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%; }
.gallery-section .display-table-cell {
display: table-cell;
vertical-align: middle;
float: none; }
.gallery-section .gallery-image-wrapper,
.gallery-section .gallery-empty-wrapper {
margin: 5px;
position: relative; }
.gallery-section .gallery-empty-wrapper {
min-height: 150px; }
.gallery-section .gallery-empty-wrapper:nth-child(even) .placeholder-svg {
background-color: rgba(21, 43, 81, 0.3); }
.gallery-section a {
display: block; }
.gallery-image-wrapper .overlay {
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
transition: opacity 0.3s ease-in; }
.gallery-image-wrapper .overlay .icon-zoom {
color: white;
font-size: 1.5em;
top: 50%; }
.gallery-image-wrapper:hover .overlay {
opacity: 1; }
.page-details-section .container.full-width--true,
.product-details-section .container.full-width--true {
padding: 0; }
.page-details-section .full-width--true .gallery-image-wrapper,
.product-details-section .full-width--true .gallery-image-wrapper {
margin: 0;
width: 33.33333%; }
@media only screen and (max-width: 480px) {
.page-details-section .full-width--true .gallery-image-wrapper,
.product-details-section .full-width--true .gallery-image-wrapper {
width: 100%; } }
.two-per-row .overlay .icon-zoom {
font-size: 2.5em; }
.three-per-row .overlay .icon-zoom {
font-size: 2em; }
.gallery-section.gallery-horizontal {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.gallery-section.gallery-horizontal i {
display: block; }
.gallery-section.gallery-horizontal img {
position: absolute;
top: 0;
width: 100%;
vertical-align: bottom;
width: 100%;
height: auto;
display: block; }
@media only screen and (min-width: 2000px) {
.gallery-section.gallery-horizontal .gallery-image-wrapper:last-child {
width: 15%;
flex-basis: initial !important;
flex-grow: initial !important; } }
.gallery-section.gallery-horizontal .gallery-empty-wrapper {
width: 190px; }
.gallery-full {
display: inline-block;
width: 100%; }
.gallery-full .gallery-image-wrapper, .gallery-full .gallery-empty-wrapper {
margin: 0; }
.gallery-full .gallery-empty-wrapper {
width: 25%; }
.gallery-section.gallery-classic .gallery-image-wrapper,
.gallery-section.gallery-classic .gallery-empty-wrapper {
display: block;
float: left;
margin: 0; }
.gallery-section.gallery-classic .gallery-image-wrapper img, .gallery-section.gallery-classic .gallery-image-wrapper svg,
.gallery-section.gallery-classic .gallery-empty-wrapper img,
.gallery-section.gallery-classic .gallery-empty-wrapper svg {
width: 100%;
display: block; }
.gallery-section.gallery-classic .add-padding {
padding: 5px; }
.gallery-section.gallery-classic .two-per-row {
width: 50%; }
@media only screen and (max-width: 798px) {
.gallery-section.gallery-classic .two-per-row {
width: 100%; } }
.gallery-section.gallery-classic .three-per-row {
width: 33.333%; }
@media only screen and (max-width: 798px) {
.gallery-section.gallery-classic .three-per-row {
width: 100%; } }
.gallery-section.gallery-classic .four-per-row {
width: 25%; }
@media only screen and (max-width: 798px) {
.gallery-section.gallery-classic .four-per-row {
width: 100%; } }
.gallery-section.gallery-classic .five-per-row {
width: 20%; }
@media only screen and (max-width: 798px) {
.gallery-section.gallery-classic .five-per-row {
width: 100%; } }
.gallery-section.gallery-masonry .masonry {
font-size: .85em;
line-height: 0px;
margin: 10px 0;
column-gap: 10px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px; }
.gallery-section.gallery-masonry .gallery-empty-wrapper {
min-height: 100px;
overflow: hidden; }
.gallery-section.gallery-masonry .gallery-empty-wrapper svg {
min-width: 800px; }
.gallery-section.gallery-masonry .gallery-empty-wrapper svg path {
display: none; }
.gallery-section.gallery-masonry .adjust-columns {
column-gap: 0px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
overflow: hidden; }
.gallery-section.gallery-masonry .gallery-image-wrapper,
.gallery-section.gallery-masonry .gallery-empty-wrapper {
display: block;
width: 100%;
margin: 0 0 5px 0;
box-sizing: border-box;
-webkit-column-break-inside: avoid;
-webkit-backface-visibility: hidden; }
.gallery-section.gallery-masonry .gallery-image-wrapper img,
.gallery-section.gallery-masonry .gallery-image-wrapper svg,
.gallery-section.gallery-masonry .gallery-empty-wrapper img,
.gallery-section.gallery-masonry .gallery-empty-wrapper svg {
width: 100%;
display: block; }
.gallery-section.gallery-masonry .two-per-row {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0); }
@media only screen and (max-width: 798px) {
.gallery-section.gallery-masonry .two-per-row {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3; } }
@media only screen and (max-width: 400px) {
.gallery-section.gallery-masonry .two-per-row {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1; } }
.gallery-section.gallery-masonry .three-per-row {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0); }
@media only screen and (max-width: 798px) {
.gallery-section.gallery-masonry .three-per-row {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3; } }
@media only screen and (max-width: 400px) {
.gallery-section.gallery-masonry .three-per-row {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1; } }
.gallery-section.gallery-masonry .four-per-row {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0); }
@media only screen and (max-width: 798px) {
.gallery-section.gallery-masonry .four-per-row {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3; } }
@media only screen and (max-width: 400px) {
.gallery-section.gallery-masonry .four-per-row {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1; } }
.gallery-section.gallery-masonry .five-per-row {
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0); }
@media only screen and (max-width: 798px) {
.gallery-section.gallery-masonry .five-per-row {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3; } }
@media only screen and (max-width: 400px) {
.gallery-section.gallery-masonry .five-per-row {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1; } }
.gallery-section.gallery-masonry.gallery-full .gallery-image-wrapper,
.gallery-section.gallery-masonry.gallery-full .gallery-empty-wrapper {
margin: 0px;
margin-bottom: 0px !important; }
/* #Recently Viewed
================================================== */
.rv-container {
display: block; }
.rv-container .thumbnail:empty {
margin-bottom: 0; }
.rv-main .flickity-page-dots {
bottom: 25px; }
@media only screen and (max-width: 798px) {
.rv-main .flickity-page-dots {
display: none; } }
.sidebar .collection_swatches .swatch {
float: left; }
.sidebar .toggle_list .rv-container a:hover {
border-color: transparent; }
.sidebar .toggle_list .rv-container a.product-info__caption.hidden {
display: none; }
@media only screen and (max-width: 798px) {
.sidebar .toggle_list .rv-container a.product-info__caption.hidden {
display: block; } }
.sidebar .recently-viewed__title {
display: none; }
.sidebar .rv-sidebar-element {
max-width: 75%; }
.sidebar .rv-sidebar-element .product_image a {
display: block;
min-width: 100%; }
.sidebar .rv-sidebar-element .product_image img {
height: auto; }
@media only screen and (max-width: 798px) {
.sidebar .product-list .thumbnail .title,
.sidebar .product-list .thumbnail .price,
.sidebar .product-list .thumbnail .brand {
text-align: left;
display: block; } }
.sidebar .product-list .thumbnail .thumbnail-overlay {
position: relative;
opacity: 1;
background: transparent; }
.sidebar .product-list .thumbnail .thumbnail-overlay .product-details {
position: relative;
transform: none;
transition: none;
opacity: 1;
text-align: left; }
.sidebar .product-list .thumbnail .thumbnail-overlay .product-details .title {
color: #152b51;
padding: 0; }
.sidebar .product-list .thumbnail .thumbnail-overlay .product-details .title,
.sidebar .product-list .thumbnail .thumbnail-overlay .product-details .price {
font-size: 0.9vw; }
.sidebar .product-list .thumbnail .thumbnail-overlay .info {
position: relative;
font-size: 12px;
opacity: 1;
top: 0;
transform: translateY(0);
padding-bottom: 0; }
.sidebar .product-list .thumbnail .thumbnail-overlay .info .quick_shop {
display: none; }
.product-description-bottom .js-recently-viewed.rv-main {
clear: both; }
.rv-box-element .js-recently-viewed-product:nth-child(2),
.rv-sidebar-element .js-recently-viewed-product:nth-child(2) {
display: none; }
/* #Search autocomplete
================================================== */
.dropdown .header_search_form .search__results .item-result,
.main-nav .search__results .item-result {
left: 0;
width: 100%;
background: #152b51;
border-left: 0;
border-right: 0; }
.dropdown .header_search_form .search__results .item-result a .title,
.main-nav .search__results .item-result a .title {
color: #ffffff;
transition: all 0.3s ease-in-out; }
.dropdown .header_search_form .search__results .item-result a:hover,
.main-nav .search__results .item-result a:hover {
background: #152b51; }
.dropdown .header_search_form .search__results .item-result a:hover .title,
.main-nav .search__results .item-result a:hover .title {
color: #5ebebe; }
.dropdown .header_search_form .search__results .item-result a:hover span,
.main-nav .search__results .item-result a:hover span {
color: #ffffff; }
.dropdown .header_search_form li.all-results a:hover,
.main-nav li.all-results a:hover {
color: #ffffff; }
.nav .search__results {
width: 350px;
right: 0;
left: auto; }
.nav .search__results li a:active {
transition: ease-in-out 0s all; }
.search__results {
z-index: 30;
list-style-type: none;
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
position: absolute; }
.search__results li {
display: block;
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid #f5f5f5;
overflow: hidden; }
.search__results li:first-child {
border-top: none; }
.search__results li a,
.search__results li a:active {
width: 100%;
transition: ease-in-out 0.3s all;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 15px 20px; }
.search__results li a:hover {
background-color: rgba(94, 190, 190, 0.1); }
.search__results li a:active {
background-color: rgba(94, 190, 190, 0.3); }
.search__results li img {
display: block; }
.search__results .title {
text-transform: none;
padding-left: 8px;
text-align: left;
font-size: 22px; }
.search__results .thumbnail {
padding: 0;
text-align: center; }
.search__results .thumbnail img {
max-width: 70px;
max-height: 70px; }
.search__results .result--page .title {
padding-left: 0; }
.search__results .result--page span.item-pricing {
text-transform: none;
font-weight: lighter;
font-size: 0.8rem; }
.menu a span.item-pricing,
span.item-pricing {
padding: 0; }
.menu a span.item-pricing span,
span.item-pricing span {
padding: 0; }
.all-results {
width: 100%;
margin: 0; }
.all-results span {
display: block;
width: 100%;
text-align: center; }
.all-results span.item-pricing {
color: #5ebebe; }
.all-results a {
color: #ffffff;
background-color: #5ebebe; }
.all-results a:hover {
background-color: #152b51; }
/* #Search page
================================================== */
.search-template-section form {
position: relative; }
.search-template-section .search_container {
position: relative; }
.search-template-section .search_container .search-submit {
z-index: 900; }
.search-template-section .search_container input {
border-radius: 100px;
padding-left: 15px; }
.search-matrix .product_row {
padding: 20px 0;
border-bottom: 1px solid #f5f5f5; }
.search-matrix .product_row:last-child {
border-bottom: none; }
/* #Search Section
================================================== */
.search-bgr-true {
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.search-section {
background-color: #c7a55d;
width: 100%;
display: inline-block; }
.search-section h2 {
margin-bottom: 0.25em; }
.search-section h2,
.search-section p {
color: #000000; }
.search-section .container {
padding: 40px 0; }
.text-align--center .search__container {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.text-align--left .search__container {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start; }
.text-align--right .search__container {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end; }
.search__container {
position: relative;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
.search__container .search__wrapper {
display: inline-block;
position: relative;
max-width: 650px;
width: 100%; }
.search__container input[type="text"] {
font-size: 16px;
display: inline-block;
border: 1px solid #000;
min-height: 50px;
height: 50px;
margin-bottom: 0; }
.search__container input[type="text"]:active, .search__container input[type="text"]:focus {
border: 1px solid #000; }
.search__form {
width: 100%;
max-width: 650px;
position: relative;
-webkit-box-flex: 0 0 auto;
-moz-box-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.search__results {
top: 100%;
width: 100%; }
.search__results li {
border-left: 1px solid #f5f5f5;
border-right: 1px solid #f5f5f5; }
.search__results .all-results {
border: 0;
background-color: #5ebebe;
width: 100%;
margin: 0; }
.search__results .all-results span {
display: block;
width: 100%;
text-align: center;
padding-left: 0; }
.search__results .all-results span.item-pricing {
color: #5ebebe; }
.search__results .all-results a,
.search__results .all-results a:active {
color: #ffffff;
padding: 20px;
text-align: center;
display: block;
line-height: 1; }
.search__results .all-results:hover {
background-color: #152b51; }
.search__button {
position: absolute;
margin-top: 0;
top: 0;
height: 50px;
width: 50px;
right: 0px;
padding: 0;
background-color: #000;
border-color: transparent;
color: white;
font-size: 24px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
.search__button:hover {
color: white;
background-color: #c2c2c2;
border: 1px solid #000;
border-left: 0px; }
/* #Site Styles
================================================== */
div.container {
margin: 0 auto;
padding: 20px 0; }
.featured_text {
font-size: 18px;
line-height: 36px; }
.large_text {
font-size: 28px;
line-height: 50px; }
div.content {
padding: 30px 0px 15px 0; }
/* #Header
================================================== */
@media only screen and (max-width: 798px) {
.dropdown .header_search_form .search__results {
margin-top: 30px; } }
.dropdown .header_search_form .search-terms {
height: 50px;
min-height: 50px; }
.main-nav div.logo a {
color: #ffffff !important;
outline: 0; }
.menu-position--inline.logo-position--left div.logo {
text-align: left; }
.menu-position--inline.logo-position--center .logo {
text-align: center; }
.menu-position--inline.logo-position--center .logo img {
margin: 0 auto; }
.primary_logo {
display: block; }
.secondary_logo {
display: none; }
header.feature_image.secondary_logo--true img.primary_logo,
header.feature_image.secondary_logo--true img.secondary_logo {
display: none; }
header.secondary_logo--true:not(.feature_image) img.secondary_logo {
display: none !important; }
header.secondary_logo--true:not(.feature_image) img.primary_logo {
display: inline !important; }
.featured_content,
.featured_content h1,
.featured_content h2,
.featured_content h3,
.featured_content h4,
.featured_content h5,
.featured_content h6 {
color: #152b51; }
.featured_content {
background-color: #ffffff; }
.nav_arrows {
float: right; }
.sku {
margin: 0; }
#category {
width: 100%; }
/* Currency / language switcher in header */
#header__selector-form .icon-arrow-down {
font-size: 9px; }
#header__selector-form .disclosure__toggle {
background-color: transparent;
border: none;
position: relative;
padding: 0 0 0 16px;
letter-spacing: 0px; }
#header__selector-form .disclosure__toggle:hover, #header__selector-form .disclosure__toggle:focus {
background-color: transparent; }
#header__selector-form .disclosure__list-wrap {
border: none;
bottom: initial;
position: absolute;
top: 100%; }
#header__selector-form .disclosure__list-wrap .disclosure-list {
list-style: none; }
#header__selector-form .disclosure-list__item {
display: block; }
#header__selector-form button.disclosure__button {
letter-spacing: 0px; }
#header__selector-form .currency-preview {
position: relative; }
#header__selector-form .currency-preview select.currencies {
background-image: none;
z-index: 1000; }
#header__selector-form .currency-preview .icon-down-arrow {
position: absolute;
top: 50%;
right: 10px;
color: #ffffff;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 999; }
#header__selector-form .currency-preview .icon-down-arrow:hover {
color: inherit; }
#header__selector-form .currency-preview:hover .icon-down-arrow,
#header__selector-form .currency-preview:hover select.currencies {
color: #5ebebe; }
/* #Currency / Language switcher
================================================== */
.selectors-form__wrap,
.selectors-form,
.selectors-form__item {
margin: 0; }
.selectors-form__wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end; }
.disclosure {
position: relative; }
.disclosure-text-style-none button.disclosure__toggle,
.disclosure-text-style-none button.disclosure__button {
text-transform: capitalize; }
.disclosure-text-style-uppercase button.disclosure__toggle,
.disclosure-text-style-uppercase button.disclosure__button {
text-transform: uppercase; }
.disclosure-text-style-lowercase button.disclosure__toggle,
.disclosure-text-style-lowercase button.disclosure__button {
text-transform: lowercase; }
.disclosure__toggle {
color: #ffffff;
font-size: 16px;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: none;
border: 1px solid #f5f5f5;
background-color: transparent;
margin-right: 20px;
min-height: 0;
transition: color .1s linear; }
.disclosure__toggle:hover, .disclosure__toggle:focus {
opacity: 1; }
.disclosure__toggle.is-clicked {
color: #5ebebe; }
.disclosure__toggle.is-clicked:focus {
color: #5ebebe; }
.disclosure__toggle.is-clicked + .disclosure__list-wrap {
visibility: visible;
opacity: 1; }
.disclosure__toggle.is-clicked + .disclosure__list-wrap .disclosure-list {
display: block; }
.disclosure__toggle .icon-down-arrow {
margin-left: 8px; }
.disclosure__list-wrap {
background-color: #5ebebe;
border: 1px solid #f5f5f5;
bottom: 100%;
visibility: hidden;
position: absolute;
z-index: 1001;
opacity: 0;
transition: opacity 0.3s ease-in; }
.disclosure__list-wrap.disclosure--left {
left: auto;
right: 0; }
.disclosure__list-wrap .disclosure-list {
list-style: none;
white-space: nowrap;
margin-left: 0;
margin-bottom: 0;
padding: 0;
margin-top: 0;
display: none; }
.disclosure-list__item {
background-color: inherit;
color: inherit;
line-height: 1; }
button.disclosure__button {
background-color: inherit;
color: #ffffff;
font-size: 16px;
letter-spacing: 0px;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
text-transform: none;
letter-spacing: 0px;
text-align: left;
transition: color .1s linear;
opacity: 1; }
button.disclosure__button:hover, button.disclosure__button[aria-current="true"] {
color: #5ebebe; }
button.disclosure__button:focus {
color: #5ebebe; }
/* Pagination & infinite scrolling */
.paginate,
.load-more {
text-align: center; }
.paginate .page a,
.paginate .current,
a.tag {
border: solid 1px #f5f5f5;
margin: 10px 5px;
padding: 0.5rem 1rem;
display: inline-block;
border-radius: 50%; }
.paginate .page a:hover,
.paginate .current:hover,
a.tag:hover {
color: #fff;
background-color: #419090;
border: solid 1px #419090; }
.paginate .current {
font-weight: bold;
color: #fff;
background-color: #419090;
border: solid 1px #419090; }
.paginate .next,
.paginate .prev {
display: inline-block;
margin: 10px 0;
padding: 0.5rem 1rem; }
.load-more {
display: none;
width: 100%; }
.collection-template-section .load-more,
.search-template-section .load-more {
display: block;
clear: both; }
.load-more__icon {
opacity: 0;
height: 0;
width: 0;
transition: all 0.3s linear;
background: url("//phelans.ie/cdn/shop/t/21/assets/loader.gif") center center no-repeat;
background-size: 32px 32px;
margin: 0 auto; }
.collection-matrix.loading-in-progress.filter-loading,
.search-matrix.loading-in-progress.filter-loading {
height: 0; }
.collection-matrix.loading-in-progress + .load-more__icon,
.search-matrix.loading-in-progress + .load-more__icon {
width: 44px;
height: 44px;
opacity: 1; }
a.tag {
font-size: smaller;
padding: 4px 6px;
margin: 5px 2px 5px 0; }
.paginate .deco {
border: none; }
/* Product list - collections */
.product-list .thumbnail,
.slider-gallery .thumbnail,
.list-collections .thumbnail {
position: relative;
text-align: center;
margin-bottom: 25px;
display: block; }
.product-list .thumbnail .thumbnail-overlay,
.slider-gallery .thumbnail .thumbnail-overlay,
.list-collections .thumbnail .thumbnail-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
overflow: hidden;
transition: opacity 0.3s ease-in; }
.product-list .thumbnail .thumbnail-overlay > a,
.slider-gallery .thumbnail .thumbnail-overlay > a,
.list-collections .thumbnail .thumbnail-overlay > a {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
@media only screen and (max-width: 798px) {
.product-list .thumbnail .thumbnail-overlay,
.slider-gallery .thumbnail .thumbnail-overlay,
.list-collections .thumbnail .thumbnail-overlay {
display: none; } }
@media only screen and (min-width: 1401px) {
.product-list .thumbnail .thumbnail-overlay,
.slider-gallery .thumbnail .thumbnail-overlay,
.list-collections .thumbnail .thumbnail-overlay {
line-height: 1.5; } }
.product-list .thumbnail .thumbnail-overlay,
.slider-gallery .thumbnail .thumbnail-overlay,
.list-collections .thumbnail .thumbnail-overlay {
background-color: rgba(255, 255, 255, 0.7); }
.product-list .thumbnail img,
.slider-gallery .thumbnail img,
.list-collections .thumbnail img {
vertical-align: bottom;
transition: opacity .3s ease-in;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: top center;
object-position: top center;
font-family: "object-fit: contain; object-position: top center"; }
.product-list .thumbnail .product-info__caption,
.slider-gallery .thumbnail .product-info__caption,
.list-collections .thumbnail .product-info__caption {
display: block;
margin-top: 20px; }
@media only screen and (max-width: 798px) {
.product-list .thumbnail .product-info__caption,
.slider-gallery .thumbnail .product-info__caption,
.list-collections .thumbnail .product-info__caption {
display: block; } }
@media only screen and (max-width: 1024px) {
.touchevents .product-info__caption {
display: block; }
.touchevents .thumbnail-overlay {
display: none; } }
.hidden-product-link {
line-height: 0;
font-size: 0;
color: transparent;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.featured_collections .thumbnail {
text-align: center; }
/* Thumbnail overlay */
.quick_shop,
.view_all {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-size: 18px;
font-style: normal;
text-transform: none;
letter-spacing: 0px;
cursor: pointer;
position: relative;
display: inline-block;
border: 1px solid #152b51;
padding: 10px 20px;
margin-top: 2rem;
color: #152b51;
opacity: 0;
pointer-events: all;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
transition: opacity 0.3s ease-out, transform 0.3s ease-out,color 0.3s linear, background-color 0.3s linear;
border-radius: 100px; }
.quick_shop:hover,
.view_all:hover {
color: #ffffff;
background-color: #152b51; }
.thumbnail .price span.money {
color: #5ebebe; }
.thumbnail .price span.money:hover {
color: #419090; }
.thumbnail .sale span.money {
color: #c7a55d; }
.thumbnail .was_price span.money {
color: #8c8b8b; }
.product-wrap {
position: relative; }
.product-wrap:hover .quick_shop {
opacity: 1;
transform: none; }
.product-wrap:hover .thumbnail-overlay {
opacity: 1; }
.thumbnail-overlay .info {
position: relative;
top: 50%;
-webkit-transform: translateY(-50.1%);
-ms-transform: translateY(-50.1%);
transform: translateY(-50.1%);
padding: 10px 0;
position: absolute;
text-align: center;
width: 100%;
margin: 0 auto;
pointer-events: none; }
.thumbnail-overlay .quick_shop {
pointer-events: all;
margin-top: 0; }
/* Product banners */
.new {
position: relative;
display: inline;
padding: 5px;
border-radius: 2px;
font-size: 12px; }
.product-list .thumbnail img,
.slider-gallery .thumbnail img {
max-height: 200px;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
font-family: "object-fit: contain"; }
.product-list .thumbnail video,
.product-list .thumbnail .plyr--youtube,
.slider-gallery .thumbnail video,
.slider-gallery .thumbnail .plyr--youtube {
width: 100%;
max-height: 200px; }
.product-list .thumbnail .plyr--youtube,
.slider-gallery .thumbnail .plyr--youtube {
height: 200px; }
.product-list .thumbnail .plyr--youtube .plyr__video-embed,
.slider-gallery .thumbnail .plyr--youtube .plyr__video-embed {
height: 100%; }
/* Sold out and coming soon text */
.thumbnail .sold-out,
.thumbnail .coming-soon {
opacity: 0.5;
color: #152b51; }
.thumbnail-overlay .sold-out,
.thumbnail-overlay .coming-soon {
opacity: 0.5;
color: #152b51; }
/* Sale text */
.thumbnail .sale, .sale {
color: #c7a55d; }
.banner_holder {
position: absolute;
top: 0;
right: 0; }
.sale_banner, .new_banner, .preorder_banner {
background: #bc1f3e;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 15px;
text-transform: none;
letter-spacing: 0px;
padding: 8px 12px;
text-align: center;
color: #fff;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased; }
@media only screen and (max-width: 798px) {
.sale_banner, .new_banner, .preorder_banner {
padding: 4px 10px;
font-size: smaller; } }
.new_banner, .preorder_banner {
background: #5ebebe; }
a.secondary_button, input.secondary_button {
display: block;
padding: 15px 0;
text-align: center;
border-top: solid 1px #f5f5f5;
border-bottom: solid 1px #f5f5f5;
margin: 10px 0;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 22px;
text-transform: none;
letter-spacing: 0px;
color: #5ebebe;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased; }
a.secondary_button:hover, a.secondary_button:active, a.secondary_button:visited, input.secondary_button:hover, input.secondary_button:active, input.secondary_button:visited {
color: #419090; }
.thumbnail .price,
.thumbnail .title {
display: block;
margin-bottom: 5px;
font-size: inherit;
line-height: 1.2; }
.thumbnail .title {
word-break: break-word; }
.cart_price {
float: right;
text-align: right;
padding-left: 20px;
font-weight: bold;
display: none; }
#estimated-shipping, .excluding_tax {
display: block; }
.cart_page_image {
text-align: center;
margin: 10px 0 20px;
display: block; }
.cart_page_image img {
width: 100%;
display: block; }
.cart_content_info {
padding: 0; }
.cart_content_info h5 {
padding: 0;
margin-bottom: 10px;
margin-top: 0; }
.cart_content_info .price_total {
clear: both;
padding: 0;
margin-bottom: 20px;
font-size: 20px; }
.subtotal {
padding-top: 20px;
padding-left: 40px; }
@media only screen and (max-width: 798px) {
.subtotal {
padding-left: 0; } }
.continue-shopping {
display: block;
color: #5ebebe;
text-align: center;
font-family: "IBM Plex Sans", sans-serif;
font-weight: normal;
font-style: normal;
font-size: 18px;
text-transform: none;
letter-spacing: 0px;
margin-top: 20px; }
.subtotal_amount {
font-size: 1.4em;
font-weight: bold; }
button.update {
width: 30%;
float: right; }
.size_chart {
float: right;
padding-top: 5px; }
#size-chart {
display: none; }
#size-chart h5 {
padding: 15px 0 0 0;
text-align: center; }
.js-sizechart-lightbox {
cursor: default !important; }
.price_total_text {
font-weight: normal;
display: none; }
.was_price {
text-decoration: line-through;
color: #8c8b8b;
text-shadow: none;
font-weight: normal; }
.cart_savings {
text-align: left; }
.savings {
font-size: 16px;
display: block; }
.thumbnails a {
display: block;
margin-bottom: 1em; }
.arrow {
position: relative;
top: -1px;
left: 2px;
opacity: 0.6; }
.modal {
margin: 10px 0;
display: none;
background-color: #ffffff; }
.modal_product {
width: auto;
line-height: 0px;
max-width: 940px; }
.modal_product img {
cursor: pointer; }
.modal_image {
text-align: center; }
.modal a {
padding-bottom: 0; }
.modal .modal_price,
.modal_price {
font-size: 20px;
margin-bottom: 10px; }
.product_section .modal_price,
.quick-shop__text-wrap .modal_price {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.product_section .modal_price .price__container,
.product_section .modal_price .sold-out__container,
.quick-shop__text-wrap .modal_price .price__container,
.quick-shop__text-wrap .modal_price .sold-out__container {
display: inline-block; }
.product_section .modal_price .price__container--display-price-true.has-margin-right,
.quick-shop__text-wrap .modal_price .price__container--display-price-true.has-margin-right {
margin-right: 10px; }
.product_section .modal_price .sold_out__container,
.quick-shop__text-wrap .modal_price .sold_out__container {
min-width: 150px; }
.quick-shop__text-wrap .modal_price.variant-unavailable .price__container {
display: none; }
.modal form {
margin-bottom: 10px; }
.notify_form #contact_form .action_button {
width: 100%; }
.product_image_col {
margin-top: 15px;
text-align: center; }
.meta {
font-size: 13px; }
.meta p {
font-size: 13px;
margin-bottom: 0px; }
p.meta {
margin-bottom: 10px; }
.comment-body p.meta {
margin-bottom: 5px; }
.comment-body h6 {
padding: 0; }
.sidebar_title {
padding-bottom: 0px; }
.blog-section h2 {
margin-bottom: 0;
line-height: 1.2; }
.blog-section h2 a {
color: #152b51; }
.blog_meta {
margin-bottom: 0; }
.blog_meta span {
position: relative;
display: inline-block;
margin-right: 15px;
font-size: smaller;
color: #8c8b8b; }
.blog_meta span:after {
content: '';
position: absolute;
right: -16px;
top: 50%;
margin: -1px 5px 0;
width: 4px;
height: 4px;
border-radius: 2px;
background-color: #8c8b8b; }
.blog_meta span:last-child:after {
background-color: transparent; }
.tags span a {
color: #5ebebe; }
.article-wrap {
padding-bottom: 25px; }
@media only screen and (min-width: 799px) {
.article-wrap .article__title {
margin-top: 0; } }
@media only screen and (min-width: 799px) {
.article-wrap .continue-button {
margin-bottom: 0; } }
.read-more-link {
margin-top: 10px;
margin-bottom: 25px;
display: inline-block; }
.article h3.sub_title {
letter-spacing: 0;
margin: 10px auto 0; }
.article_content {
margin-top: 20px; }
.excerpt {
line-height: 1.5;
margin: 1em 0; }
#comment_form .action_button, #contact_form .action_button {
display: block;
padding-left: 40px;
padding-right: 40px; }
@media only screen and (max-width: 798px) {
#comment_form .action_button, #contact_form .action_button {
width: 100%; } }
#contact_form .action_button.sign_up {
display: inline-block;
width: 120px;
padding-left: 0;
padding-right: 0;
float: none; }
body.article {
padding-bottom: 0; }
.toggle span {
color: #8c8b8b;
font-weight: bold;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: smaller;
float: right;
display: none; }
.sidebar .blog_search {
margin-bottom: 15px; }
.sidebar .blog_search input {
width: 100%;
border-radius: 100px;
padding-left: 15px; }
.meta .label, .label {
color: #8c8b8b; }
.blog_meta, .blog_meta a {
color: #8c8b8b; }
.blog_meta a:hover {
color: #419090; }
.count {
font-style: normal;
font-size: 13px; }
.checkout {
display: block;
float: right;
margin-top: 0px; }
.additional-checkout-buttons {
text-align: center;
margin-top: 0; }
.additional-checkout-buttons > *:not(script) {
padding: 10px 0 0 10px;
vertical-align: top;
line-height: 1; }
@media only screen and (max-width: 480px) {
.additional-checkout-buttons > *:not(script) {
padding: 10px 0 0 5px; } }
.additional-checkout-buttons > *:not(script):first-child, .additional-checkout-buttons > *:not(script):empty {
padding-left: 0px; }
.or {
line-height: 40px;
font-style: normal;
font-size: 14px;
padding: 0 10px;
text-align: center; }
@media only screen and (max-width: 480px) {
.or {
line-height: initial;
text-align: left; } }
.comment {
margin-bottom: 20px; }
/*--Author Bio + Social Share Buttons--*/
.author_share_wrap {
width: 100%;
border-top: 1px solid #f5f5f5;
min-height: 40px;
padding: 15px 0;
margin-top: 15px;
overflow: auto; }
.blog_author {
width: 60%;
float: left; }
@media only screen and (max-width: 798px) {
.blog_author {
width: 100%;
border-bottom: 1px solid #f5f5f5;
padding-bottom: 15px; } }
.blog_author img {
width: 80px;
height: 80px;
border: 1px solid #f5f5f5;
float: left;
margin-right: 15px; }
.author_bio {
text-align: left; }
.author_bio h6 {
padding-top: 0; }
.author_bio p {
font-size: 0.9em; }
.blog_share {
width: 38%;
float: right;
text-align: right; }
@media only screen and (max-width: 798px) {
.blog_share {
width: 100%;
float: left; } }
.red {
color: #C33; }
.address p {
margin-bottom: 5px; }
div#disqus_thread ul, div#disqus_thread li {
border: none; }
.search_page {
padding: 100px 0; }
/* #Swatch Styles
================================================== */
/* SASS variables for swatch dimensions */
.swatch-element.swatch--active {
border-color: black;
box-shadow: 0px 0px 0px 2px white; }
.selector-wrapper label {
margin-bottom: 0.5em; }
.fancybox-bg {
opacity: 1;
background-color: rgba(43, 46, 56, 0.9); }
@media only screen and (max-width: 480px) {
.fancybox-bg {
background-color: rgba(255, 255, 255, 0.99); } }
@media only screen and (min-width: 481px) {
.fancybox-toolbar {
display: none; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.fancybox-slide {
padding: 44px 0; } }
/* Add border around images */
@media only screen and (min-width: 481px) {
.fancybox-slide--image {
padding: 44px; } }
.fancybox-slide--image .fancybox-image {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover";
height: 100%; }
.fancybox-slide--image .fancybox-image-wrap {
position: absolute;
width: 100%;
height: 100%; }
.fancybox-slide--image .fancybox-content {
padding: 0;
background-color: white; }
@media only screen and (min-width: 481px) {
.fancybox-slide--image .fancybox-content {
box-shadow: 0px 0px 0px 30px white; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.fancybox-slide--image .fancybox-content {
position: relative !important;
width: 100%;
height: 100%; } }
.fancybox-slide--image .fancybox-close-small {
top: -30px;
right: -30px; }
.fancybox-is-scaling .fancybox-image-wrap,
.fancybox-can-pan .fancybox-image-wrap {
width: 100%;
height: 100%;
margin: 0; }
/* Hide elements while zooming or when zoomed-in */
.fancybox-is-scaling .fancybox-item,
.fancybox-can-pan .fancybox-item {
display: none !important; }
/* Style close button */
.fancybox-close,
.fancybox-close-small {
position: absolute;
top: 0px;
right: 0px;
width: 36px;
height: 36px;
z-index: 2;
color: #95979c;
background-color: transparent; }
.fancybox-close svg,
.fancybox-close-small svg {
display: none; }
.fancybox-close:hover,
.fancybox-close-small:hover {
color: black; }
@media only screen and (max-width: 480px) {
.fancybox-close,
.fancybox-close-small {
display: none; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.fancybox-close,
.fancybox-close-small {
display: block !important; } }
.fancybox-close:before,
.fancybox-close-small:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center; }
.fancybox-button {
min-height: auto; }
@media only screen and (max-width: 480px) {
.fancybox-button {
background-color: white; }
.fancybox-button svg path {
fill: #95979c; } }
/* Style navigation elements */
.fancybox-content:hover .fancybox-nav {
opacity: 1; }
.fancybox-nav {
transition: opacity 0.2s linear;
opacity: 0;
position: absolute;
top: 0;
width: 50px;
height: 100%;
cursor: pointer;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
display: flex;
justify-content: center;
align-items: center; }
.fancybox-nav span {
pointer-events: none; }
.fancybox-nav svg path {
fill: #e1e1e1; }
.fancybox-next {
right: 0; }
.fancybox-prev {
left: 0; }
.fancybox-nav span {
position: absolute;
width: 36px;
height: 36px;
cursor: pointer; }
@media only screen and (max-width: 1024px) {
.touchevents .fancybox-nav {
display: none; } }
.size-chart-wrap img {
height: auto;
max-width: 100%; }
/* #Footer
================================================== */
.footer {
font-size: 14px;
padding: 20px 0;
border-top: solid 1px #343434;
background-color: #152b51;
background-position: center center;
color: #ffffff;
pointer-events: all; }
.footer .input-row {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 0px;
margin-right: 0px; }
.footer .input-row input {
margin: 5px 0; }
.footer-text .toggle_content {
padding-top: 15px; }
.no-footer-title.footer-text .toggle_content {
padding-top: 0; }
@media only screen and (max-width: 798px) {
.no-footer-title.footer-text .toggle_content {
display: block;
padding-top: 20px; } }
/* If no shop logo used, apply text styling as per theme settings */
.footer .logo {
color: #ffffff !important;
font-size: 14px;
margin-top: 0;
margin-bottom: 20px;
line-height: 1;
width: 100%;
word-wrap: break-word;
float: none; }
@media only screen and (max-width: 798px) {
.footer .logo {
text-align: center; } }
img.footer-logo {
width: 75%;
max-width: 250px;
margin-bottom: 10px;
display: inline-block; }
@media only screen and (max-width: 798px) {
img.footer-logo {
max-width: 50% !important;
margin: 0 25% 25px; } }
.footer .empty-column {
width: 100%;
height: 1px; }
.footer .footer-menu-wrap h6,
.footer .footer-menu-wrap .h6 {
margin: 0;
padding: 0 0 5px 0;
color: #ffffff;
font-size: 14px; }
@media only screen and (max-width: 798px) {
.footer .footer-menu-wrap h6,
.footer .footer-menu-wrap .h6 {
border-top: 1px solid #343434;
margin-bottom: 5px;
padding: 10px 0 5px; } }
.footer .footer-menu-wrap h6 > span,
.footer .footer-menu-wrap .h6 > span {
display: none; }
@media only screen and (max-width: 798px) {
.footer .footer-menu-wrap h6 > span,
.footer .footer-menu-wrap .h6 > span {
display: inline-block;
transition: transform 0.3s linear;
perspective: 1000; } }
@media only screen and (min-width: 799px) {
.footer .toggle_content {
display: block !important; } }
.footer a,
.footer a:visited {
color: #ffffff;
font-size: 14px; }
.footer a:hover,
.footer a:active {
color: #5ebebe; }
.footer ul {
list-style: none;
margin: 0;
padding: 15px 0 0 0; }
.footer ul li {
margin-bottom: 1em;
line-height: 1.1; }
.footer form {
margin-bottom: 0; }
.footer-menu-wrap {
text-align: left; }
.page-landing .maps {
position: relative;
bottom: -7px; }
.maps iframe {
pointer-events: none;
display: block; }
.newsletter form {
margin-bottom: 0; }
.footer_credits {
border-top: 1px solid #343434;
margin-top: 10px; }
.payment_methods {
margin: 10px 0 6px 0;
padding-top: 10px; }
@media only screen and (min-width: 799px) {
.payment_methods {
float: right;
text-align: right; } }
.payment_methods svg {
padding-right: 4px;
height: 30px;
width: 48px; }
.payment_methods svg:last-of-type {
padding-right: 0px; }
.credits {
text-align: left;
padding-top: 20px; }
@media only screen and (min-width: 799px) {
.credits {
float: left; } }
/* Currency / language switcher in footer */
@media only screen and (min-width: 799px) and (max-width: 1024px) {
.footer-menu__disclosure {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start; } }
.footer-menu__disclosure .selectors-form__item:last-of-type .disclosure__toggle {
margin-right: 0; }
.footer-menu__disclosure .disclosure {
padding-top: 16px;
margin-top: -8px;
min-height: 44px; }
.footer-menu__disclosure .disclosure__toggle {
background-color: white;
color: #152b51;
font-size: 16px;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
padding: 0 10px; }
.footer-menu__disclosure .disclosure-list {
background-color: white;
padding-top: 0; }
.footer-menu__disclosure .disclosure-list__item {
margin-bottom: 0; }
.footer-menu__disclosure button.disclosure__button {
color: #152b51;
font-size: 16px;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase; }
.footer-menu__disclosure button.disclosure__button:hover, .footer-menu__disclosure button.disclosure__button[aria-current="true"] {
opacity: 0.5; }
h6 span, h4 span, .sublink span {
transition: transform 0.3s linear;
perspective: 1000; }
.footer-menu-wrap,
#mobile_menu,
.sidebar {
-webkit-transform: translate3d(0, 0, 0); }
.footer-menu-wrap .active span:not(.currency-code),
.footer-menu-wrap span.active,
#mobile_menu .active span:not(.currency-code),
#mobile_menu span.active,
.sidebar .active span:not(.currency-code),
.sidebar span.active {
transform: rotateX(180deg); }
.sidebar span.menu-toggle {
float: right;
display: inline-block;
cursor: pointer;
padding: 0 6px 0 6px;
margin-right: 0;
transition: transform 0.3s linear;
perspective: 1000;
transform: none; }
.sidebar span.menu-toggle.active {
transform: rotateX(180deg); }
/* Footer and mobile menu accordion (mobile only) */
@media only screen and (max-width: 798px) {
.footer-menu-wrap h6, .sidebar h6, #mobile_menu h6 {
padding-top: 8px;
cursor: pointer;
border-top: 1px solid #ffffff;
margin-top: 0; }
.footer-menu-wrap h6 span, .footer-menu-wrap h4 span, .footer-menu-wrap .sublink span, .sidebar h6 span, .sidebar h4 span, .sidebar .sublink span, #mobile_menu h6 span, #mobile_menu h4 span, #mobile_menu .sublink span {
display: inline-block;
transition: transform 0.3s linear;
perspective: 1000; }
.footer-menu-wrap .columns > ul, .sidebar .columns > ul, #mobile_menu .columns > ul {
display: none;
padding-left: 20px; }
.footer-menu-wrap .columns > ul li, .sidebar .columns > ul li, #mobile_menu .columns > ul li {
line-height: 1.7; }
.toggle_content {
display: none;
padding: 0 20px; } }
@media only screen and (min-width: 799px) {
h4.toggle {
pointer-events: none; }
.footer-menu-wrap h6, .footer-menu-wrap .h6 {
pointer-events: none; }
.footer-menu-wrap .columns > ul {
display: block !important; } }
/* Promo banner */
.header .promo-banner a,
.header .promo-banner a:visited
a:hover,
#header .promo-banner a,
#header .promo-banner a:visited
a:hover {
color: #ffffff; }
.promo-banner {
background-color: #5ebebe;
text-align: center;
color: #ffffff;
font-size: 12px;
position: relative;
width: 100%;
height: 0;
line-height: 0;
z-index: 5000;
top: 0;
transition: all 0.3s linear;
overflow: hidden; }
.promo-banner .promo-banner__content {
margin: 0px auto;
padding: 0 1.5rem; }
@media only screen and (max-width: 798px) {
.promo-banner .promo-banner__content {
font-size: 10px;
max-height: 50px; } }
.promo-banner p {
margin-bottom: 0;
display: inline;
line-height: 1; }
.promo-banner .promo-banner__close {
position: absolute;
top: 0;
right: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
text-decoration: none;
color: #ffffff;
border: 0;
outline: 0;
background: transparent;
z-index: 1000; }
.promo-banner .promo-banner__close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 20px;
line-height: 30px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center; }
.promo-banner--show .promo-banner {
transition: all 0s linear;
height: auto;
min-height: 30px;
line-height: 1.1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center; }
.top-bar {
padding-top: 0;
position: relative;
transition: padding-top 0.3s linear; }
@media only screen and (max-width: 480px) {
.top-bar {
padding-top: 0; } }
@media only screen and (max-width: 798px) {
.mobile_nav-fixed--true #pagecontent,
.mobile_nav-fixed--false #pagecontent {
display: block;
padding-bottom: 40px; }
.mobile_nav-fixed--true .page-banner,
.mobile_nav-fixed--false .page-banner {
margin-top: 40px; }
.mobile_nav-fixed--true .page-banner + #pagecontent,
.mobile_nav-fixed--false .page-banner + #pagecontent {
padding-bottom: 0; }
.index-sections .under-menu:nth-child(1) {
margin-top: 0; }
.page-details-section .under-menu:nth-child(1) {
margin-top: 0; }
.page-banner .under-menu:nth-child(1) {
margin-top: 0; }
.promo-banner--show.mobile_nav-fixed--true #pagecontent,
.promo-banner--show.mobile_nav-fixed--false #pagecontent {
padding-bottom: calc(40px + 30px); }
.promo-banner--show.mobile_nav-fixed--true .page-banner,
.promo-banner--show.mobile_nav-fixed--false .page-banner {
margin-top: calc(40px + 30px); }
.promo-banner--show.mobile_nav-fixed--true .page-banner + #pagecontent,
.promo-banner--show.mobile_nav-fixed--false .page-banner + #pagecontent {
padding-bottom: 0; } }
/* #Plyr
================================================== */
@keyframes plyr-progress {
to {
background-position: 25px 0; } }
@keyframes plyr-popup {
0% {
opacity: .5;
transform: translateY(10px); }
to {
opacity: 1;
transform: translateY(0); } }
@keyframes plyr-fade-in {
from {
opacity: 0; }
to {
opacity: 1; } }
.plyr {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: subpixel-antialiased;
direction: ltr;
font-family: Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
font-variant-numeric: tabular-nums;
font-weight: 500;
line-height: 1.7;
max-width: 100%;
min-width: 50px;
position: relative;
text-shadow: none;
transition: box-shadow .3s ease; }
.plyr audio, .plyr video {
border-radius: inherit;
height: auto;
vertical-align: middle;
width: 100%; }
.plyr button {
font: inherit;
line-height: inherit;
width: auto; }
.plyr:focus {
outline: 0; }
.plyr--full-ui {
box-sizing: border-box; }
.plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before {
box-sizing: inherit; }
.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
touch-action: manipulation; }
.plyr__badge {
background: #4a5764;
border-radius: 2px;
color: #fff;
font-size: 9px;
line-height: 1;
padding: 3px 4px; }
.plyr--full-ui ::-webkit-media-text-track-container {
display: none; }
.plyr__captions {
animation: plyr-fade-in .3s ease;
bottom: 0;
color: #fff;
display: none;
font-size: 14px;
left: 0;
padding: 10px;
position: absolute;
text-align: center;
transition: transform .4s ease-in-out;
width: 100%; }
.plyr__captions .plyr__caption {
background: rgba(0, 0, 0, 0.8);
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
line-height: 185%;
padding: .2em .5em;
white-space: pre-wrap; }
.plyr__captions .plyr__caption div {
display: inline; }
.plyr__captions span:empty {
display: none; }
@media (min-width: 480px) {
.plyr__captions {
font-size: 16px;
padding: 20px; } }
@media (min-width: 768px) {
.plyr__captions {
font-size: 18px; } }
.plyr--captions-active .plyr__captions {
display: block; }
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
transform: translateY(-40px); }
.plyr__control {
background: 0 0;
border: 0;
border-radius: 3px;
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: 7px;
position: relative;
transition: all .3s ease; }
.plyr__control svg {
display: block;
fill: currentColor;
height: 18px;
pointer-events: none;
width: 18px; }
.plyr__control:focus {
outline: 0; }
.plyr__control.plyr__tab-focus {
box-shadow: 0 0 0 5px 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 .4s ease-in-out,transform .4s ease-in-out;
z-index: 3; }
@media (min-width: 480px) {
.plyr--video .plyr__controls {
padding: 10px; } }
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%); }
.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] {
display: none; }
.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
display: inline-block; }
.plyr__menu {
display: flex;
position: relative; }
.plyr__menu .plyr__control svg {
transition: transform .3s ease; }
.plyr__menu .plyr__control[aria-expanded=true] svg {
transform: rotate(90deg); }
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
display: none; }
.plyr__menu__container {
animation: plyr-popup .2s ease;
background: rgba(255, 255, 255, 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;
-moz-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 .3s ease;
width: 16px; }
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform .3s ease,opacity .3s ease;
width: 6px; }
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
background: #00b3ff; }
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
opacity: 1;
transform: translateY(-50%) scale(1); }
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
background: rgba(0, 0, 0, 0.1); }
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: -5px;
overflow: hidden;
padding-left: 25px;
pointer-events: none; }
.plyr--full-ui input[type=range] {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 26px;
color: #00b3ff;
display: block;
height: 19px;
margin: 0;
padding: 0;
transition: box-shadow .3s ease;
width: 100%; }
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
transition: box-shadow .3s ease;
-webkit-user-select: none;
user-select: none;
background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)); }
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
height: 13px;
position: relative;
transition: all .2s ease;
width: 13px;
-webkit-appearance: none;
margin-top: -4px; }
.plyr--full-ui input[type=range]::-moz-range-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
transition: box-shadow .3s ease;
-moz-user-select: none;
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;
transition: all .2s ease;
width: 13px; }
.plyr--full-ui input[type=range]::-moz-range-progress {
background: currentColor;
border-radius: 2.5px;
height: 5px; }
.plyr--full-ui input[type=range]::-ms-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
transition: box-shadow .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;
transition: box-shadow .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;
transition: box-shadow .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;
transition: all .2s ease;
width: 13px;
margin-top: 0; }
.plyr--full-ui input[type=range]::-ms-tooltip {
display: none; }
.plyr--full-ui input[type=range]:focus {
outline: 0; }
.plyr--full-ui input[type=range]::-moz-focus-outer {
border: 0; }
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 5px 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 .2s ease;
width: 100%;
z-index: 1; }
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1; }
.plyr__time {
font-size: 14px; }
.plyr__time + .plyr__time::before {
content: '\2044';
margin-right: 10px; }
@media (max-width: 767px) {
.plyr__time + .plyr__time {
display: none; } }
.plyr--video .plyr__time {
text-shadow: 0 1px 1px rgba(0, 0, 0, 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 .2s .1s ease,opacity .2s .1s ease;
white-space: nowrap;
z-index: 2; }
.plyr__tooltip::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 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;
-moz-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;
transition: width .2s ease; }
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
transition: width .2s ease; }
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
transition: width .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: .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 .2s .1s ease,opacity .2s .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 .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 .1s linear; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) {
display: none; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
color: #3a3a3a;
border-radius: 0;
border: none;
margin: 0;
cursor: pointer; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible) {
outline: 0; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
padding: 0;
height: 44px;
width: 44px;
background: 0 0;
position: relative; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
color: rgba(0, 0, 0, 0.55); }
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
color: rgba(0, 0, 0, 0.55);
background: rgba(0, 0, 0, 0.05); }
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
position: absolute;
content: "";
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
width: 28px;
bottom: 0;
right: 8px; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon {
width: 44px;
height: 44px;
fill: none; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
background: #fff;
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.05);
top: 50%;
left: 50%;
padding: 0;
transform: translate3d(-50%, -50%, 0);
height: 62px;
width: 62px;
z-index: 1; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover {
color: rgba(0, 0, 0, 0.55); }
.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
width: 60px;
height: 60px;
z-index: 1;
fill: none; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen {
display: none; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen {
display: block; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet {
display: none; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px; }
/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative; }
.flickity-enabled:focus {
outline: 0; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%; }
.flickity-slider {
position: absolute;
width: 100%;
height: 100%; }
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing; }
.flickity-prev-next-button {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: #fff;
background: rgba(255, 255, 255, 0.75);
cursor: pointer;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.flickity-prev-next-button:hover {
background: #fff; }
.flickity-prev-next-button:focus {
outline: 0;
box-shadow: 0 0 0 5px #09f; }
.flickity-prev-next-button:active {
opacity: .6; }
.flickity-prev-next-button.previous {
left: 10px; }
.flickity-prev-next-button.next {
right: 10px; }
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px; }
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px; }
.flickity-prev-next-button:disabled {
opacity: .3;
cursor: auto; }
.flickity-prev-next-button svg {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%; }
.flickity-prev-next-button .arrow {
fill: #333; }
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1; }
.flickity-rtl .flickity-page-dots {
direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: .25;
cursor: pointer; }
.flickity-page-dots .dot.is-selected {
opacity: 1; }
.flickity-enabled {
position: relative;
overflow: hidden; }
.flickity-enabled:focus {
outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%; }
.flickity-slider {
position: absolute;
width: 100%;
height: 100%; }
.flickity-button.flickity-prev-next-button.next:focus,
.flickity-button.flickity-prev-next-button.previous:focus {
opacity: 1; }
/* draggable */
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing; }
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
filter: alpha(opacity=50);
opacity: 0.5;
position: absolute;
top: 0;
bottom: 0;
width: 32px;
border: none;
background: white;
background: rgba(255, 255, 255, 0.75);
cursor: pointer;
border-radius: 0;
height: auto;
max-width: 11%;
transform: none; }
.flickity-prev-next-button:hover {
background: white;
border: none; }
.flickity-prev-next-button:focus {
outline: none; }
.flickity-prev-next-button:hover, .flickity-prev-next-button:active {
filter: alpha(opacity=80);
opacity: 0.8; }
.flickity-prev-next-button.previous {
left: -1px; }
.flickity-prev-next-button.next {
right: -1px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: -1px; }
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: -1px; }
.flickity-prev-next-button:disabled {
filter: alpha(opacity=10);
/* IE8 */
opacity: 0.1;
cursor: auto; }
.flickity-prev-next-button svg {
position: relative;
top: 50%;
-webkit-transform: translateY(-50.1%);
-ms-transform: translateY(-50.1%);
transform: translateY(-50.1%);
padding: 10px 0;
position: absolute;
left: 20%;
width: 60%;
height: 60%; }
.flickity-prev-next-button .arrow {
fill: #e1e1e1; }
/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
color: #e1e1e1;
font-size: 26px; }
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1; }
.flickity-rtl .flickity-page-dots {
direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
filter: alpha(opacity=25);
/* IE8 */
opacity: 0.25;
cursor: pointer; }
.flickity-page-dots .dot.is-selected {
filter: alpha(opacity=100);
/* IE8 */
opacity: 1; }
/* Custom sliders */
.flickity-slider > li {
list-style-type: none;
width: 100%;
text-align: center; }
/* General Flickity styling */
img[data-flickity-lazyload] {
width: auto; }
.slideshow-transition--fade .flickity-slider {
transform: none !important; }
.slideshow-transition--fade .gallery-cell {
left: 0 !important;
opacity: 0;
transition: opacity 0.5s ease-in-out;
z-index: -1; }
.slideshow-transition--fade .gallery-cell.is-selected {
opacity: 1;
z-index: 0; }
/* Gallery page */
.lightbox-gallery .gallery-cell {
width: 100%; }
.lightbox-gallery .gallery-cell img {
width: auto;
max-height: 90vh;
max-width: 100%;
display: inline-block; }
/* Product gallery */
.gallery-arrows--true .product_gallery .flickity-prev-next-button {
display: block; }
.gallery-arrows--true .product_gallery .flickity-prev-next-button:hover {
opacity: 0.5; }
.product_gallery {
margin-bottom: 30px;
position: relative;
opacity: 0;
transition: opacity 0.2s; }
@media only screen and (min-width: 799px) and (max-width: 1024px) {
.product_gallery {
margin-bottom: 30px; } }
@media only screen and (min-width: 481px) and (max-width: 798px) {
.product_gallery {
margin-bottom: 0;
padding-bottom: 50px; }
.product_gallery .flickity-page-dots {
bottom: 15px; } }
.product_gallery .gallery-cell {
width: 100%;
display: block;
margin-right: 10px;
position: relative; }
.product_gallery.flickity-enabled {
opacity: 1; }
.product_gallery img {
background-color: #ffffff; }
.product_gallery.show-gallery-arrows--false .flickity-prev-next-button {
display: none; }
@media only screen and (max-width: 798px) {
.product_gallery.show-gallery-arrows--false .flickity-prev-next-button {
display: block; } }
.product_gallery_nav {
text-align: center;
margin-bottom: 30px; }
.product_gallery_nav.product_gallery_nav--bottom-thumbnails .gallery-cell {
width: auto; }
.product_gallery_nav.product_gallery_nav--bottom-thumbnails img {
height: 80px;
width: auto; }
@media only screen and (min-width: 481px) and (max-width: 798px) {
.product_gallery_nav.product_gallery_nav--bottom-slider {
margin-bottom: 30px; } }
.product_gallery_nav.product_gallery_nav--bottom-slider .flickity-prev-next-button {
opacity: 1;
background: #ffffff; }
.product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: auto;
opacity: 0.5;
margin-bottom: 0; }
.product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell.is-nav-selected {
opacity: 1; }
.product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell img {
width: auto;
height: 80px;
max-width: none;
min-width: 50px; }
.product_gallery_nav .gallery-cell {
width: 20%;
margin: 0 10px 10px 0;
opacity: 0.7;
display: inline-block;
position: relative; }
.product_gallery_nav .gallery-cell.is-nav-selected {
opacity: 1; }
.product_gallery_nav .gallery-cell img {
cursor: pointer; }
.product_gallery .gallery-cell a {
cursor: zoom-in; }
@media only screen and (min-width: 799px) {
.gallery-thumbnails--right .multi-image {
width: 83%;
float: left; }
.gallery-thumbnails--right .product_gallery_nav {
width: 12%;
float: left;
margin-left: 2%; }
.gallery-thumbnails--right .product_gallery_nav .gallery-cell {
width: 100%;
margin: 0 0 10px 0; } }
@media only screen and (min-width: 799px) {
.gallery-thumbnails--left .multi-image {
width: 83%;
float: right; }
.gallery-thumbnails--left .product_gallery_nav {
width: 12%;
float: right;
margin-right: 2%; }
.gallery-thumbnails--left .product_gallery_nav .gallery-cell {
width: 100%;
margin: 0 0 10px 0; } }
.gallery-wrap .flickity-viewport {
margin-top: 0; }
.product-section__lightbox .zoom-wrap {
width: 100%;
height: 100%; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.product-section__lightbox .fancybox-content {
top: 50%;
-ms-transform: translateY(-50%) !important;
/* Overwrite Fancybox transform */ } }
/* Quick Shop */
.js-quick-shop {
display: none; }
.quickshop-forms__container {
display: none; }
.quick-shop__lightbox .fancybox-content {
width: 90%;
max-width: 900px;
border: 5px solid #f5f5f5;
background-color: #ffffff;
cursor: pointer !important; }
.quick-shop__lightbox .fancybox-close-small svg path {
fill: #000000; }
.quick-shop__lightbox .fancybox-close-small svg path:hover {
fill: black; }
.quick-shop .product_gallery img {
background-color: #ffffff; }
.quick-shop .container {
max-width: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
max-width: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0;
color: #000000; }
.quick-shop .container .gallery-wrap.eight.columns {
width: calc(55% - 40px);
margin: 0;
margin-right: 40px;
min-height: 1px;
transition: opacity 1s 0.3s linear; }
.quick-shop .container .gallery-wrap.eight.columns.align-gallery-right {
float: right;
margin-right: 0;
margin-left: 40px; }
.quick-shop .container .text-modal-wrap.six.columns {
width: 45%;
margin: 0;
min-height: 1px;
transition: opacity 0.3s linear; }
.quick-shop .container .new_banner_product:empty,
.quick-shop .container .sale_banner_product:empty,
.quick-shop .container .preorder_banner_product:empty {
display: none; }
.quick-shop img[alt*="[right]"],
.quick-shop img[alt*="[left]"],
.quick-shop img[alt*="[center]"] {
display: none; }
h3.quick-shop__title a {
color: #000000; }
.quick-shop .product_gallery {
opacity: 0;
transition: opacity 0.3s; }
.quick-shop .product_gallery.flickity-enabled {
opacity: 1; }
.quick-shop__gallery.gallery-arrows--false .product_gallery_nav .flickity-prev-next-button {
display: none; }
/* Inline quick shop */
.quick-shop-style--inline .collection_swatches {
display: none; }
.quick-shop-style--inline .inline-quickshop {
margin-top: 10px; }
.quick-shop-style--inline .product-quantity-box,
.quick-shop-style--inline .items_left {
display: none; }
.quick-shop-style--inline .purchase-details__spb--false {
margin-left: 0; }
.quick-shop-style--popup .product-details .title,
.quick-shop-style--popup .product-details .brand,
.quick-shop-style--popup .product-details .shopify-review,
.quick-shop-style--popup .product-details .price,
.quick-shop-style--popup .product-details .sold_out,
.quick-shop-style--inline .product-details .title,
.quick-shop-style--inline .product-details .brand,
.quick-shop-style--inline .product-details .shopify-review,
.quick-shop-style--inline .product-details .price,
.quick-shop-style--inline .product-details .sold_out {
padding: 0;
margin: 5px 0; }
.quick-shop-style--popup .quick_shop {
margin: 5px 0; }
.quick-shop-style--inline.four .action_button--secondary, .quick-shop-style--inline.one-fifth .action_button--secondary {
margin-bottom: 10px; }
.quick-shop-style--inline.four .action_button--secondary,
.quick-shop-style--inline.four .shopify-payment-button, .quick-shop-style--inline.one-fifth .action_button--secondary,
.quick-shop-style--inline.one-fifth .shopify-payment-button {
min-width: 100%;
margin-left: 0;
margin-right: 0; }
/* Related Items Gallery */
.related-products--grid {
font-size: 0;
text-align: center; }
.related-products--grid.container {
padding-top: 0; }
.related-products--grid .product-list .thumbnail.column,
.related-products--grid .product-list .thumbnail.columns {
font-size: initial;
display: inline-block;
float: none;
vertical-align: top; }
.related-products__title {
clear: both; }
.title.slider-gallery {
padding-top: 40px; }
@media only screen and (max-width: 480px) {
.title.slider-gallery {
padding-top: 0;
font-size: 1.5em; } }
.slider-gallery {
margin: 0 auto 40px; }
.slider-gallery .gallery-cell {
display: inline-block;
margin-right: 10px;
text-align: center;
padding: 0;
margin-bottom: 0; }
@media only screen and (max-width: 480px) {
.slider-gallery .gallery-cell {
padding: 0;
margin-right: 5px; } }
.slider-gallery .gallery-cell .product-details {
line-height: 1.2;
letter-spacing: 0; }
@media only screen and (max-width: 798px) {
.slider-gallery .gallery-cell .product-details {
font-size: 3vw; } }
.slider-gallery .gallery-cell img {
display: block;
max-width: 100%; }
.slider-gallery .gallery-cell-heading {
font-size: 0.8rem;
line-height: 1.2;
text-transform: none;
margin-top: 10px; }
.slider-gallery .flickity-prev-next-button {
border-radius: 0;
opacity: 0;
width: 5%; }
.slider-gallery:hover .flickity-prev-next-button {
opacity: 0.5; }
.transparentBackground--false .dot {
background: #e1e1e1; }
.transparentBackground--false .flickity-prev-next-button {
background: transparent; }
.transparentBackground--false .flickity-prev-next-button .arrow {
fill: #e1e1e1;
opacity: 1; }
.homepage-slideshow.transparentBackground--false:hover .flickity-prev-next-button,
.testimonial-slideshow.transparentBackground--false:hover .flickity-prev-next-button,
.product-slider.transparentBackground--false:hover .flickity-prev-next-button,
.slider-gallery.transparentBackground--false:hover .flickity-prev-next-button {
opacity: 1; }
.homepage-slideshow.transparentBackground--false .flickity-page-dots .dot,
.testimonial-slideshow.transparentBackground--false .flickity-page-dots .dot,
.product-slider.transparentBackground--false .flickity-page-dots .dot,
.slider-gallery.transparentBackground--false .flickity-page-dots .dot {
opacity: 0.4; }
.homepage-slideshow.transparentBackground--false .flickity-page-dots .dot.is-selected,
.testimonial-slideshow.transparentBackground--false .flickity-page-dots .dot.is-selected,
.product-slider.transparentBackground--false .flickity-page-dots .dot.is-selected,
.slider-gallery.transparentBackground--false .flickity-page-dots .dot.is-selected {
opacity: 1; }
/* Lazyframe */
.lazyframe {
position: relative;
background-color: #ffffff;
background-repeat: no-repeat;
background-size: cover; }
.lazyframe__title {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 15px 17px;
z-index: 3; }
.lazyframe__title:after {
z-index: -1; }
.lazyframe:hover {
cursor: pointer; }
.lazyframe:before {
display: block;
content: "";
width: 100%;
padding-top: 100%; }
.lazyframe[data-ratio="16:9"]:before {
padding-top: 56.25%; }
.lazyframe[data-ratio="4:3"]:before {
padding-top: 75%; }
.lazyframe[data-ratio="1:1"]:before {
padding-top: 100%; }
.lazyframe iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
width: 100%;
height: 100%; }
.lazyframe[data-vendor="youtube"], .lazyframe[data-vendor="youtube_nocookie"] {
background-color: #e52d27;
font-family: Roboto, Arial, Helvetica, sans-serif; }
.lazyframe[data-vendor="youtube"] .lazyframe__title, .lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title {
color: #eee;
font-family: Roboto, Arial, Helvetica, sans-serif;
font-size: 18px;
text-shadow: rgba(0, 0, 0, 0.49804) 0px 0px 2px;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
transition: color 0.1s cubic-bezier(0.4, 0, 1, 1); }
.lazyframe[data-vendor="youtube"] .lazyframe__title:hover, .lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:hover {
color: #fff; }
.lazyframe[data-vendor="youtube"] .lazyframe__title:before, .lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:before {
content: '';
display: block;
background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);
height: 98px;
width: 100%;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
-webkit-tap-highlight-color: transparent; }
.lazyframe[data-vendor="youtube"]:before, .lazyframe[data-vendor="youtube_nocookie"]:before {
padding-top: 56.25%; }
.lazyframe[data-vendor="youtube"][data-ratio="16:9"]:before, .lazyframe[data-vendor="youtube_nocookie"][data-ratio="16:9"]:before {
padding-top: 56.25%; }
.lazyframe[data-vendor="youtube"][data-ratio="4:3"]:before, .lazyframe[data-vendor="youtube_nocookie"][data-ratio="4:3"]:before {
padding-top: 75%; }
.lazyframe[data-vendor="youtube"][data-ratio="1:1"]:before, .lazyframe[data-vendor="youtube_nocookie"][data-ratio="1:1"]:before {
padding-top: 100%; }
.lazyframe[data-vendor="youtube"]:after, .lazyframe[data-vendor="youtube_nocookie"]:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 68px;
height: 48px;
margin-left: -34px;
margin-top: -24px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4=");
background-position: center center;
background-size: 100%;
background-repeat: no-repeat;
opacity: .81;
border: none;
z-index: 4; }
.lazyframe[data-vendor="youtube"]:hover:after, .lazyframe[data-vendor="youtube_nocookie"]:hover:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg==");
opacity: 1; }
.lazyframe[data-vendor="vimeo"] {
background-color: #00adef; }
.lazyframe[data-vendor="vimeo"] .lazyframe__title {
font-family: "Helvetica Neue", Helvetica, Arial;
color: #00adef;
font-size: 20px;
font-weight: bold;
text-rendering: optimizeLegibility;
user-select: none;
-webkit-font-smoothing: auto;
-webkit-tap-highlight-color: transparent;
background-color: rgba(0, 0, 0, 0.5); }
.lazyframe[data-vendor="vimeo"]:before {
padding-top: 48.25%; }
.lazyframe[data-vendor="vimeo"][data-ratio="16:9"]:before {
padding-top: 56.25%; }
.lazyframe[data-vendor="vimeo"][data-ratio="4:3"]:before {
padding-top: 75%; }
.lazyframe[data-vendor="vimeo"][data-ratio="1:1"]:before {
padding-top: 100%; }
.lazyframe[data-vendor="vimeo"]:after {
content: '';
height: 40px;
width: 65px;
display: block;
position: absolute;
bottom: 10px;
left: 10px;
z-index: 3;
background-color: rgba(0, 0, 0, 0.5);
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYmFzZVByb2ZpbGU9InRpbnkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzY1IDE2Ljg5bDguNDctNC44OS04LjQ3LTQuODkiLz48L3N2Zz4=");
background-position: center center;
background-size: 100% 100%;
background-repeat: no-repeat;
border-radius: 5px;
position: relative; }
.lazyframe[data-vendor="vimeo"]:hover:after {
background-color: #00adef; }
.lazyframe[data-vendor="vine"] {
background-color: #00bf8f; }
.lazyframe[data-vendor="vine"] .lazyframe__title {
color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 16px;
white-space: nowrap;
z-index: 3;
positon: relative; }
.lazyframe[data-vendor="vine"] .lazyframe__title:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
height: 115px;
padding: 24px 70px 24px 24px;
background: linear-gradient(to top, rgba(23, 23, 23, 0) 0, rgba(23, 23, 23, 0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3171717", endColorstr="#00171717", GradientType=0 ); }
.lazyframe[data-vendor="vine"]:before {
padding-top: 100%; }
.lazyframe[data-vendor="vine"][data-ratio="16:9"]:before {
padding-top: 56.25%; }
.lazyframe[data-vendor="vine"][data-ratio="4:3"]:before {
padding-top: 75%; }
.lazyframe[data-vendor="vine"][data-ratio="1:1"]:before {
padding-top: 100%; }
.lazyframe[data-vendor="vine"]:after {
content: '';
width: 60px;
height: 60px;
position: absolute;
left: 50%;
top: 50%;
z-index: 4;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzYiIGhlaWdodD0iMTM2IiB2aWV3Qm94PSIwIDAgMTM2IDEzNiI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU2IDQ0Yy0uNyAwLTEuNC4yLTIgLjUtMS4yLjgtMiAyLTIgMy41djQwYzAgMS40LjggMi44IDIgMy41LjYuMyAxLjMuNSAyIC41czEuNC0uMiAyLS41bDM0LjYtMjBjMS4zLS43IDItMiAyLTMuNSAwLTEuNC0uNy0yLjgtMi0zLjVMNTggNDQuNWMtLjYtLjMtMS4zLS41LTItLjV6Ii8+PC9zdmc+");
background-color: rgba(0, 0, 0, 0.5);
background-size: cover;
background-repeat: no-repeat;
margin-top: -30px;
margin-left: -30px;
border-radius: 50%; }
.lazyframe[data-vendor="vine"]:hover:after {
background-color: rgba(0, 0, 0, 0.75); }
/*
* Remodal - v1.0.6
* Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
* http://vodkabears.github.io/remodal/
*
* Made by Ilya Makarov
* Under MIT License
*/
/* ==========================================================================
Remodal's necessary styles
========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
touch-action: none; }
/* Anti FOUC */
.remodal,
[data-remodal-id] {
display: none; }
/* Necessary styles of the overlay */
.remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none; }
/* Necessary styles of the wrapper */
.remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch; }
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: ""; }
/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
/* Necessary styles of the modal dialog */
.remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%; }
.size-chart-remodal {
max-height: calc(100vh - 20px); }
.size-chart-remodal .size-chart-wrap {
max-height: calc(100vh - 70px);
overflow-y: scroll; }
.remodal img {
max-width: 100%; }
.remodal-is-initialized {
/* Disable Anti-FOUC */
display: inline-block; }
/* ==========================================================================
Remodal's default mobile first theme
========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
filter: blur(3px); }
/* Default theme styles of the overlay */
.remodal-overlay {
background: rgba(43, 46, 56, 0.9); }
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards; }
.remodal-overlay.remodal-is-opening {
animation-name: remodal-overlay-opening-keyframes; }
.remodal-overlay.remodal-is-closing {
animation-name: remodal-overlay-closing-keyframes; }
/* Default theme styles of the wrapper */
.remodal-wrapper {
padding: 10px 10px 0; }
/* Default theme styles of the modal dialog */
.remodal {
width: 100%;
margin-bottom: 10px;
padding: 35px;
-ms-transform: translateY(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #000000;
background: #fff; }
@media only screen and (max-width: 480px) {
.remodal {
overflow-x: scroll; } }
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards; }
.remodal.remodal-is-opening {
animation-name: remodal-opening-keyframes; }
.remodal.remodal-is-closing {
animation-name: remodal-closing-keyframes; }
/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
vertical-align: middle; }
/* Close button */
.remodal-close {
position: absolute;
top: 0;
right: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
transition: color 0.2s;
text-decoration: none;
color: #95979c;
border: 0;
outline: 0;
background: transparent;
z-index: 1000; }
.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38; }
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center; }
/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
font: inherit;
display: inline-block;
overflow: visible;
min-width: 110px;
margin: 0;
padding: 12px 0;
cursor: pointer;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0; }
.remodal-confirm {
color: #fff;
background: #81c784; }
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a; }
.remodal-cancel {
color: #fff;
background: #e57373; }
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350; }
/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0; }
/* Keyframes
========================================================================== */
@keyframes remodal-opening-keyframes {
from {
transform: scale(1.05);
opacity: 0; }
to {
transform: none;
opacity: 1; } }
@keyframes remodal-closing-keyframes {
from {
transform: scale(1);
opacity: 1; }
to {
transform: scale(0.95);
opacity: 0; } }
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1; }
to {
opacity: 0; } }
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
#contact_form input.sign_up[type="submit"] {
margin-left: 0;
margin-bottom: 1.5em;
width: 100%; }
input.contact_email[type="email"] {
width: 100%; }
.collection_menu {
display: none; }
h1.collection_title_tags,
div.collection_title_tags {
border-right: 0;
margin-right: 0;
padding-right: 0; }
.newsletter .input-row input {
margin: 5px 0px; }
input.sign_up {
margin: 0px; }
.newsletter-both-names--true input.firstName {
margin-right: 5px; } }
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 799px) and (max-width: 959px) {
.nav a,
.nav a:visited,
.menu a:hover,
.nav a:active,
.nav a:focus {
font-size: 20px; }
.menu a,
.menu a:visited,
.menu a:hover,
.menu a:active,
.menu a:focus {
font-size: 20px; }
.menu li, #header span.menu_title, .menu a span {
padding-left: 2px;
padding-right: 2px; }
.menu li.search-container {
display: none; } }
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 798px) {
.article_image {
padding-bottom: 0; }
.sidebar_content {
border: 0;
padding: 0; }
.nav_arrows {
float: none;
text-align: center; }
.nav_arrows .prev {
float: left; }
.nav_arrows .next {
float: right; }
#header .top-bar a.mobile_logo {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
font-size: 18px;
line-height: 34px;
z-index: 5;
width: 50%;
height: auto;
color: #ffffff;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
#header a.mobile_logo img {
width: auto;
max-width: 150px;
max-height: 30px; }
.payment_methods {
text-align: center;
float: none;
display: block; }
.credits {
float: none;
display: block;
text-align: center; }
.is-absolute {
top: 0px !important; }
.blog_filter {
margin-top: 1em;
width: 100% !important; }
.section_select {
text-align: center; }
.flex-control-nav {
bottom: 10px; }
.featured_links a span {
font-size: 20px; }
.or {
width: 100%;
display: inline-block;
padding-left: 0;
padding-bottom: 5px; }
.mobile_hidden {
display: none !important; }
table tr.order_summary td.label {
text-align: left; }
.featured_text {
font-size: 16px;
line-height: 1.7em; }
#header {
display: block; }
.header {
display: none; }
h4.toggle {
cursor: pointer; }
.toggle span {
display: block; }
.toggle_list {
display: none; }
select {
width: 100%;
margin-left: 0; }
input[type="submit"],
input[type="reset"],
input[type="button"],
input.action_button[type="submit"],
input.action_button[type="button"],
.sign_up {
margin-left: 0;
width: 100%;
outline: 0; }
.credits_right {
text-align: left; }
td {
padding: 4px !important; }
.title_column {
float: left; }
.container div.mobile_only, .mobile_only {
display: block; }
span.mobile_only {
display: inline; }
.price_total {
text-align: right; }
.price_total_text {
display: block; }
.update_subtotal, .price_total, .remove_column, .checkout_table_header {
display: none; }
.mobile_right {
text-align: right; }
.quick_shop {
display: none !important; }
.cart_price {
display: block;
margin-bottom: 0; }
table tr th, table tr td {
padding: 2px; }
input.action_button {
margin-bottom: 1em !important; }
.multiple_product_images {
display: none; }
.headline {
font-size: 1.3em;
line-height: 1.2;
position: relative; }
p.subtitle {
font-size: 1.1em;
line-height: 1.2;
position: relative; } }
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 798px) {
.mobile_hidden {
display: none !important; } }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
h1, h2, h3, h4, h5, h6, .collection_title, .empty_cart {
font-size: 110%;
line-height: 1.5em; }
h1, h1.home, .title a, h2 {
padding: 0; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
html {
-webkit-text-size-adjust: 100%; } }
@font-face {
font-family: 'turbo';
src: url("//phelans.ie/cdn/shop/t/21/assets/turbo.eot?v=48734892740725754481646742835");
src: url("//phelans.ie/cdn/shop/t/21/assets/turbo.eot?v=48734892740725754481646742835") format("embedded-opentype"), url("//phelans.ie/cdn/shop/t/21/assets/turbo.woff?v=150966577236684244781646742836") format("woff"), url("//phelans.ie/cdn/shop/t/21/assets/turbo.ttf?v=77481909974496710951646742835") format("truetype"), url("//phelans.ie/cdn/shop/t/21/assets/turbo.svg?v=173366358466109711321646742831") format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "turbo";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .15em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-bag:before {
content: "\e901"; }
.icon-cart:before {
content: "\e902"; }
.icon-check:before {
content: "\e903"; }
.icon-cross:before {
content: "\e904"; }
.icon-up-arrow:before {
content: "\e917"; }
.icon-down-arrow:before {
content: "\e905"; }
.icon-left-arrow:before {
content: "\e90b"; }
.icon-right-arrow:before {
content: "\e912";
margin-right: 0; }
.icon-plus:before {
content: "\e911"; }
.icon-minus:before {
content: "\e90e"; }
.icon-menu:before {
content: "\e90d"; }
.icon-email:before {
content: "\e906"; }
.icon-pinterest:before {
content: "\e907"; }
.icon-rss:before {
content: "\e909"; }
.icon-houzz:before {
content: "\e90a"; }
.icon-snapchat:before {
content: "\e90c"; }
.icon-phone:before {
content: "\e90f"; }
.icon-instagram:before {
content: "\e910"; }
.icon-vimeo:before {
content: "\e913"; }
.icon-search:before {
content: "\e914"; }
.icon-zoom:before {
content: "\e900"; }
.icon-youtube:before {
content: "\e915"; }
.icon-lock:before {
content: "\e916";
color: #ffffff; }
.icon-user:before {
content: "\e918"; }
.icon-facebook:before {
content: "\ea90"; }
.icon-twitter:before {
content: "\ea96"; }
.icon-tumblr:before {
content: "\eab9"; }
.icon-linkedin:before {
content: "\eaca"; }
.icon-twitter-share:before {
content: "\ea96"; }
.icon-facebook-share:before {
content: "\ea90"; }
.icon-pinterest-share:before {
content: "\e907"; }
.icon-mail-share:before {
content: "\e906"; }
span.icon-down-arrow {
padding: 0 !important;
font-size: 12px !important; }
form.search_form,
.search_form input {
padding-top: 0;
margin-bottom: 0;
position: relative;
-webkit-appearance: none;
border-radius: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased; }
.search_form input,
.search_form input:active,
.search_form input:focus {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 12px;
letter-spacing: 0px;
color: #ffffff;
background-color: transparent;
padding-right: 35px;
border-color: #ffffff;
border-radius: 100px;
padding-left: 15px; }
.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
color: #5ebebe;
border-color: #5ebebe; }
.feature_image .search_form input::-webkit-input-placeholder,
.feature_image .search_form input:active::-webkit-input-placeholder,
.feature_image .search_form input:focus::-webkit-input-placeholder {
color: #5ebebe; }
.feature_image .search_form input::-moz-placeholder,
.feature_image .search_form input:active::-moz-placeholder,
.feature_image .search_form input:focus::-moz-placeholder {
color: #5ebebe; }
.feature_image .search_form input:-ms-input-placeholder,
.feature_image .search_form input:active:-ms-input-placeholder,
.feature_image .search_form input:focus:-ms-input-placeholder {
color: #5ebebe; }
.feature_image .search-submit {
color: #5ebebe; }
.header_search_form {
width: 60%;
margin: 0 auto 30px auto;
padding: 30px 0 0 0;
position: relative;
border-bottom: solid 1px #ffffff; }
@media only screen and (max-width: 480px) {
.header_search_form {
width: 90%;
margin: 30px auto;
padding: 0; } }
.header_search_form input,
.header_search_form input:focus,
.header_search_form input:active {
background-color: transparent;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
color: #ffffff;
letter-spacing: 0px;
border: none;
font-size: 36px;
line-height: 36px; }
@media only screen and (max-width: 480px) {
.header_search_form input,
.header_search_form input:focus,
.header_search_form input:active {
font-size: 22px;
line-height: 22px;
margin-bottom: 0px; } }
.header_search_form .search-submit {
top: 38px;
font-size: 30px; }
@media only screen and (max-width: 480px) {
.header_search_form .search-submit {
top: 50%;
position: absolute;
transform: translateY(-50%);
font-size: 20px; } }
.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
color: #5ebebe;
border: 1px solid #5ebebe; }
.feature_image .search_form input::-webkit-input-placeholder {
color: #5ebebe; }
.feature_image .search_form input:-moz-placeholder {
/* Firefox 18- */
color: #5ebebe; }
.feature_image .search_form input::-moz-placeholder {
/* Firefox 19+ */
color: #5ebebe; }
.feature_image .search_form input:-ms-input-placeholder {
color: #5ebebe; }
.search_form input::-webkit-input-placeholder {
color: #ffffff; }
.search_form input:-moz-placeholder {
/* Firefox 18- */
color: #ffffff; }
.search_form input::-moz-placeholder {
/* Firefox 19+ */
color: #ffffff; }
.search_form input:-ms-input-placeholder {
color: #ffffff; }
.search_form input:focus::-webkit-input-placeholder {
color: #5ebebe; }
.search_form input:focus:-moz-placeholder {
/* Firefox 18- */
color: #5ebebe; }
.search_form input:focus::-moz-placeholder {
/* Firefox 19+ */
color: #5ebebe; }
.search_form input:focus:-ms-input-placeholder {
color: #5ebebe; }
.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
color: #5ebebe;
border: 1px solid #5ebebe; }
.feature_image .search_form input::-webkit-input-placeholder {
color: #5ebebe; }
.feature_image .search_form input:-moz-placeholder {
/* Firefox 18- */
color: #5ebebe; }
.feature_image .search_form input::-moz-placeholder {
/* Firefox 19+ */
color: #5ebebe; }
.feature_image .search_form input:-ms-input-placeholder {
color: #5ebebe; }
.search-submit {
position: absolute;
z-index: 1000;
color: #ffffff;
font-size: 20px;
top: 9px;
right: 7px;
cursor: pointer; }
.feature_image .search-submit {
color: #5ebebe; }
.blog_search .search-submit {
color: #333333;
top: 10px;
right: 8px;
z-index: 1; }
.social_icons {
margin-left: 0;
margin-top: 0; }
.social_icons li {
display: inline;
padding-right: 2px; }
@media only screen and (max-width: 798px) {
footer .footer-social-icons {
display: none; } }
footer .footer-social-icons--mobile.columns {
display: none;
padding-left: 0; }
@media only screen and (max-width: 798px) {
footer .footer-social-icons--mobile.columns {
display: block; }
footer .footer-social-icons--mobile.columns > ul {
display: block;
padding-left: 0; } }
footer .social_icons {
display: block;
margin-top: 15px; }
@media only screen and (max-width: 798px) {
footer .social_icons {
padding-left: 0;
text-align: center; } }
footer .social_icons a, footer .social_icons a:visited {
color: #ffffff;
font-size: 22px;
display: inline-block;
margin-bottom: 1em; }
@media only screen and (max-width: 480px) {
footer .social_icons a, footer .social_icons a:visited {
margin-bottom: 0; } }
footer .social_icons a:active, footer .social_icons a:hover {
color: #5ebebe;
font-size: 22px; }
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2017 Daniel Eden
*/
.animated {
animation-duration: 1s;
animation-fill-mode: both; }
.animated.infinite {
animation-iteration-count: infinite; }
.animated.hinge {
animation-duration: 2s; }
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
animation-duration: .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; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
.delay-0s {
-moz-animation-delay: 0;
-webkit-animation-delay: 0;
animation-delay: 0; }
.delay-025s {
-moz-animation-delay: .25s;
-webkit-animation-delay: .25s;
animation-delay: .25s;
opacity: 0; }
.delay-05s {
-moz-animation-delay: .5s;
-webkit-animation-delay: .5s;
animation-delay: .5s;
opacity: 0; }
.delay-075s {
-moz-animation-delay: .75s;
-webkit-animation-delay: .75s;
animation-delay: .75s;
opacity: 0; }
.delay-1s {
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
opacity: 0; }
.animate_right, .animate_left, .animate_up, .animate_down {
opacity: 0; }
.ie .animated, .ie .animate_right, .ie .animate_left, .ie .hsContent, .ie #slide-1 .animated {
opacity: 1 !important; }
.ie delay-025s, .ie .delay-0s, .ie .delay-025s, .ie .delay-05s, .ie .delay-075s, .ie .delay-1s {
opacity: 1 !important; }
.ie select {
background-image: none !important; }
@media only screen and (max-width: 798px) {
.delay-0s, .delay-025s, .delay-05s, .delay-075s, .delay-1s,
.animate_right, .animate_left, .animate_up, .animate_down {
opacity: 1; } }
/* #Password Page
================================================== */
#password-container {
margin: 75px auto 0;
max-width: 100%;
display: table;
text-align: center;
display: table; }
@media only screen and (max-width: 798px) {
#password-container {
margin-top: 10px; } }
#password-container #contact_form input.sign_up[type="submit"] {
width: calc(35% - 10px); }
@media only screen and (max-width: 1024px) {
#password-container #contact_form input.sign_up[type="submit"] {
width: 100%; } }
#password-container #contact_form input.contact_email[type="email"] {
max-width: 100%; }
.password-page-message {
font-size: 3em;
line-height: 1.2;
margin: 10px auto;
padding: 12px 0; }
.password-page-follow {
margin: 5px 0; }
.password-social .social_icons a,
.password-social .social_icons a:visited,
.password-social .social_icons a:active {
font-size: 25px; }
.password-page-row {
display: table-row;
width: 100%;
height: 100%;
margin: 0 auto; }
.password-page-col {
display: table-cell;
vertical-align: middle;
padding: 5px 30px;
width: 100%; }
.password-logo {
max-width: 200px;
/* Allows logo to be more prominent*/
margin: 0px auto; }
.password-message {
max-width: 600px;
font-size: 1.2em;
color: #ffffff; }
.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: #419090; }
.password-footer {
margin-top: 15px;
margin-bottom: 40px;
font-size: 13px;
color: #ffffff;
text-align: center; }
.powered {
display: block;
margin-top: 15px; }
.shopify a {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28Oj+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==);
padding-left: 21px;
color: #ffffff;
text-decoration: none; }
.password-footer a {
color: #ffffff;
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: #419090; }
.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;
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%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #000; }
@media only screen and (max-width: 798px) {
#password-page-bg .modalbox .inputbox {
top: 50%; } }
.storefront-password-form label {
font-size: 0.9em;
margin: 0 0 1em 0;
text-align: center; }
.storefront-password-form .actions {
display: inline-block; }
.storefront-password-form #password {
width: 50%;
display: inline-block; }
@media only screen and (max-width: 480px) {
.storefront-password-form #password {
width: 100%; } }
#owner {
font-size: 0.9em;
margin-top: -1em;
opacity: 0.8; }
.pass-close {
color: #000 !important;
padding: 0 !important;
margin: 1em !important;
position: inherit !important; }
@media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px) {
.modalbox {
display: block;
width: 414px !important;
max-width: 100%;
text-align: center; }
.pass-close {
display: block;
margin: 0.65em -0.15em 1em 0 !important; } }
/* #Page Details
================================================== */
.page-details-section .article {
padding-bottom: 0; }
.page-details-section div.container .featured_products {
padding-top: 0; }
@media only screen and (max-width: 480px) {
.page-details-section .caption.position-center,
.page-details-section .caption.position-left,
.page-details-section .caption.position-right {
margin: 5% 0 0 0; } }
/* # Product media
================================================== */
.product-gallery__model model-viewer,
.product-gallery__video iframe {
width: 100%;
min-height: 450px; }
.product-gallery__model {
position: relative; }
.product-gallery__model model-viewer {
width: 100%;
min-height: 500px; }
.view-in-your-space.action_button {
padding: 0;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
min-height: 44px;
background: #e6e6e6;
color: #152b51;
font: inherit;
text-transform: none;
border-radius: 0px;
border: 0; }
.view-in-your-space.action_button svg path:first-child {
stroke: #152b51; }
.view-in-your-space.action_button svg path:last-child {
fill: #152b51; }
.plyr--video .plyr__controls {
background: rgba(255, 255, 255, 0.6);
padding: 10px; }
.plyr--video .plyr__control {
background: transparent;
color: #152b51; }
.plyr--video .plyr__control:hover {
background: white;
color: #152b51; }
.plyr--video .plyr__controls__item.plyr__time,
.plyr--video input[type=range],
.plyr--video .plyr__controls__item {
color: #152b51; }
.plyr--video .plyr__progress input[type=range] + .thumb {
background-color: #152b51;
color: #152b51; }
.plyr--video input[type=range]::-webkit-slider-thumb {
background-color: #152b51; }
.plyr--video input[type=range]::-moz-range-thumb {
background-color: #152b51; }
.plyr--video input[type=range]::-ms-thumb {
background-color: #152b51; }
.plyr--video .plyr__progress__buffer,
.plyr--video .plyr__control[aria-expanded=true] {
background-color: rgba(21, 43, 81, 0.6); }
.plyr--video .plyr__control.plyr__tab-focus {
background-color: #152b51; }
.plyr--video .plyr__control--overlaid {
background: white;
border-radius: 0;
border: 1px solid rgba(0, 0, 0, 0.05);
height: 50px;
width: 50px; }
.plyr--video .plyr__control--overlaid svg {
left: auto; }
.plyr--video .plyr__control--overlaid:hover {
background: white; }
.plyr--video .plyr__control--overlaid:hover .play-icon-button-control rect {
opacity: 0.75; }
.plyr--video .plyr__control .play-icon-button-control {
width: 50px;
height: 50px;
position: absolute;
top: 0;
left: 0; }
.plyr--video .plyr__control .play-icon-button-control rect {
fill: white; }
.plyr--video .plyr__control .play-icon-button-control path {
fill: #152b51; }
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-right: 10px;
padding-left: 10px; }
.plyr--full-ui .plyr__volume {
background-color: rgba(255, 255, 255, 0.25);
border-radius: 5px;
bottom: 105px;
height: 40px;
opacity: 0;
padding: 10px 15px !important;
position: absolute;
transform: rotate(270deg);
transition: visibility 0.4s linear 0.4s, opacity 0.4s linear 0.3s;
width: 140px; }
.plyr--full-ui .plyr__volume:before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.25);
bottom: 18px;
content: "";
left: -6px;
position: absolute;
transform: rotate(90deg);
z-index: 2; }
.plyr--full-ui .plyr__volume:hover {
opacity: 1;
visibility: visible; }
.plyr--full-ui .plyr__volume.plyr__volume--is-visible {
opacity: 1;
transition: visibility 0.4s linear, opacity 0.4s linear; }
.plyr--full-ui .plyr__volume input[type=range] {
color: #152b51;
margin: 0 auto; }
.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track,
.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track,
.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range]::-moz-range-thumb {
box-shadow: none; }
.plyr--full-ui .plyr__volume input[type=range]::-ms-fill-upper,
.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); }
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb {
box-shadow: none; }
.plyr--audio .plyr--full-ui .plyr__volume {
bottom: 125px;
right: -37px; }
.plyr--is-ios .plyr__volume {
display: none !important; }
.plyr__control[data-plyr=mute]:hover + .plyr__volume {
opacity: 1;
transition: visibility 0.4s linear, opacity 0.4s linear; }
@media (min-width: 480px) {
.plyr--full-ui .plyr__volume input[type=range] {
max-width: 90px; } }
@media (min-width: 750px) {
.plyr--full-ui .plyr__volume input[type=range] {
max-width: 110px; } }
@media only screen and (max-width: 989px) {
.plyr--is-touch .plyr__volume {
display: none !important; } }
.show-gallery-arrows--true .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
right: 50px;
bottom: 10px; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
color: #152b51;
background: white; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__button[hidden] {
display: none; }
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
color: rgba(21, 43, 81, 0.55); }
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
background: white;
border: 1px solid rgba(21, 43, 81, 0.05); }
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
border-bottom: 1px solid rgba(21, 43, 81, 0.05); }
.video-on-hover .plyr__controls,
.video-on-hover .plyr__control--overlaid,
.swap-true .plyr--youtube .plyr__controls,
.swap-true .plyr--youtube .plyr__control--overlaid,
.video-controls-enabled--false .plyr__controls,
.video-controls-enabled--false .plyr__control--overlaid {
opacity: 0; }
.video-on-hover .plyr__controls > *,
.video-on-hover .plyr__control--overlaid > *,
.swap-true .plyr--youtube .plyr__controls > *,
.swap-true .plyr--youtube .plyr__control--overlaid > *,
.video-controls-enabled--false .plyr__controls > *,
.video-controls-enabled--false .plyr__control--overlaid > * {
pointer-events: none;
cursor: auto; }
.product_gallery .gallery-cell {
visibility: hidden; }
.product_gallery .gallery-cell.is-selected {
visibility: visible; }
.plyr.plyr--stopped .plyr__controls {
display: none; }
.product_gallery_nav .media-badge {
position: absolute;
top: 0;
right: 0;
max-width: 33%;
max-height: 33%;
min-width: 20px;
width: 25px;
height: 25px; }
.product_gallery_nav .media-badge svg {
width: 100%;
height: 100%; }
.product_gallery_nav .media-badge path:first-child {
fill: white; }
.product_gallery_nav .media-badge path:last-child {
fill: #152b51; }
.product_gallery_nav .media-badge g path:first-child {
stroke: #152b51; }
.product_gallery_nav .media-badge .media-badge__outline {
stroke: rgba(21, 43, 81, 0.05); }
.gallery-wrap.product-height-set model-viewer {
margin: 0 auto; }
.gallery-wrap.product-height-set .product_gallery img,
.gallery-wrap.product-height-set .product_gallery .plyr--html5 video {
width: 100%; }
.gallery-wrap.product-height-set .product_gallery img {
-o-object-fit: contain;
object-fit: contain;
font-family: "object-fit: contain"; }
.gallery-wrap.product-height-set .product_gallery .plyr--youtube .plyr__video-embed {
height: 100%; }
/* #Product Details
================================================== */
.product-details-section .gallery-image-wrapper {
margin-bottom: 20px; }
.quote {
padding: 10px 0px;
text-align: center;
border-top-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-color: #000000; }
.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 */ }
/* Home page - general
================================================== */
/* Full-width product slider */
.homepage-product-slider {
margin: 0 10px; }
.homepage-product-slider object.placeholder-image {
width: 100%;
display: block;
height: auto;
position: relative;
padding-top: 100%; }
.homepage-product-slider .placeholder-svg--product {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.homepage-product-slider.even-num-slides {
padding-left: 10px;
width: calc(100% - 20px); }
@media only screen and (max-width: 798px) {
.homepage-product-slider.even-num-slides {
padding-left: 0;
width: 100%; } }
.products-slider.slider-gallery.products-length-6 .gallery-cell {
width: calc(16.6% - 10px); }
@media only screen and (max-width: 798px) {
.products-slider.slider-gallery.products-length-6 .gallery-cell {
width: calc(40% - 10px); } }
.products-slider.slider-gallery.products-length-5 .gallery-cell {
width: calc(20% - 10px); }
@media only screen and (max-width: 798px) {
.products-slider.slider-gallery.products-length-5 .gallery-cell {
width: calc(40% - 10px); } }
.products-slider.slider-gallery.products-length-4 .gallery-cell {
width: calc(25% - 10px); }
@media only screen and (max-width: 798px) {
.products-slider.slider-gallery.products-length-4 .gallery-cell {
width: calc(40% - 10px); } }
.products-slider.slider-gallery.products-length-3 .gallery-cell, .products-slider.slider-gallery.products-length-2 .gallery-cell, .products-slider.slider-gallery.products-length-1 .gallery-cell {
width: calc(33.33% - 10px); }
.products-slider.slider-gallery .gallery-cell.visible-2 {
width: calc(50% - 10px); }
@media only screen and (max-width: 798px) {
.products-slider.slider-gallery .gallery-cell.visible-2 {
width: calc(50% - 10px); } }
.products-slider.slider-gallery .gallery-cell.visible-3 {
width: calc(33.33% - 10px); }
@media only screen and (max-width: 798px) {
.products-slider.slider-gallery .gallery-cell.visible-3 {
width: calc(40% - 10px); } }
.products-slider.slider-gallery .gallery-cell.visible-4 {
width: calc(25% - 10px); }
@media only screen and (max-width: 798px) {
.products-slider.slider-gallery .gallery-cell.visible-4 {
width: calc(40% - 10px); } }
.products-slider.slider-gallery .gallery-cell.visible-5 {
width: calc(20% - 10px); }
@media only screen and (max-width: 798px) {
.products-slider.slider-gallery .gallery-cell.visible-5 {
width: calc(40% - 10px); } }
.products-slider.slider-gallery .gallery-cell.visible-6 {
width: calc(16.666% - 10px); }
@media only screen and (max-width: 798px) {
.products-slider.slider-gallery .gallery-cell.visible-6 {
width: calc(40% - 10px); } }
.products-slider.slider-gallery .gallery-cell.visible-7 {
width: calc(14.2% - 10px); }
@media only screen and (max-width: 798px) {
.products-slider.slider-gallery .gallery-cell.visible-7 {
width: calc(40% - 10px); } }
.products-slider.slider-gallery .gallery-cell.visible-7 .product-details {
font-size: 0.7rem; }
.featured_products.product-slider {
padding-bottom: 0; }
.featured_products.product-slider .columns {
padding-bottom: 0; }
.banner-full-link {
line-height: 0;
font-size: 0;
color: transparent;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute; }
.banner-full-link + .caption {
pointer-events: none;
cursor: pointer; }
@media only screen and (max-width: 480px) {
.full-width--true .caption {
padding-left: 20px;
padding-right: 20px; } }
@media only screen and (min-width: 1025px) {
.full-width--true .caption {
max-width: 960px;
padding: 0; } }
@media only screen and (min-width: 1401px) {
.full-width--true .caption {
max-width: 1200px;
padding: 0; } }
.caption {
width: 100%;
position: absolute;
top: 50%;
padding: 0 5%;
z-index: 3;
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
@media only screen and (min-width: 799px) {
.caption {
max-width: 960px;
left: 0;
right: 0;
margin: 0 auto; } }
@media only screen and (min-width: 1025px) {
.caption {
padding: 0 30px; } }
@media only screen and (max-width: 798px) {
.caption {
width: 100%; } }
.caption a {
pointer-events: all; }
.caption.position-center {
left: 0;
right: 0;
text-align: center;
margin-left: auto;
margin-right: auto; }
@media only screen and (max-width: 798px) {
.caption.position-center {
width: 85%; } }
@media only screen and (max-width: 480px) {
.caption.position-center {
width: 100%; } }
.caption.position-left {
left: 0;
right: 0;
text-align: left; }
.caption.position-right {
left: 0;
right: 0;
text-align: right; }
.caption .pretext {
color: #152b51;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 400;
text-transform: none;
font-size: 20px;
letter-spacing: 0px;
margin-bottom: 10px; }
@media only screen and (max-width: 480px) {
.caption .pretext {
font-size: 1.4em; } }
@media only screen and (max-width: 798px) {
.caption .pretext {
font-size: 13.333333333333334px; } }
@media only screen and (min-width: 799px) {
.caption .pretext {
font-size: 16.666666666666668px; } }
@media only screen and (min-width: 799px) {
.caption .pretext {
font-size: 20px; } }
.caption .headline {
color: #152b51;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 600;
font-style: normal;
text-transform: none;
font-size: 48px;
letter-spacing: 0px;
line-height: 1.4em;
margin-bottom: 15px; }
@media only screen and (max-width: 480px) {
.caption .headline {
font-size: 2.6em; } }
@media only screen and (max-width: 798px) {
.caption .headline {
font-size: 32.0px; } }
@media only screen and (min-width: 799px) {
.caption .headline {
font-size: 40.0px; } }
@media only screen and (min-width: 1025px) {
.caption .headline {
font-size: 48px; } }
.caption .subtitle {
color: #152b51;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 400;
text-transform: none;
font-style: none;
font-size: 20px;
letter-spacing: 0px;
position: relative; }
@media only screen and (max-width: 480px) {
.caption .subtitle {
font-size: 1.4em; } }
@media only screen and (max-width: 798px) {
.caption .subtitle {
font-size: 13.333333333333334px; } }
@media only screen and (min-width: 799px) {
.caption .subtitle {
font-size: 16.666666666666668px; } }
@media only screen and (min-width: 1025px) {
.caption .subtitle {
font-size: 20px; } }
.caption .pretext:empty,
.caption .headline:empty,
.caption .subtitle:empty {
display: none; }
.caption .pretext:empty:before,
.caption .headline:empty:before,
.caption .subtitle:empty:before {
height: 0; }
@media only screen and (max-width: 480px) {
.caption--below-true {
margin: 20px auto !important;
/* Force caption margin */
font-size: 3vw;
position: static;
transform: none;
width: 100%; } }
@media only screen and (max-width: 480px) {
.caption--below-true .pretext {
color: #152b51;
text-shadow: none; } }
@media only screen and (max-width: 480px) {
.caption--below-true .headline {
color: #152b51;
text-shadow: none; } }
@media only screen and (max-width: 480px) {
.caption--below-true .subtitle {
color: #152b51;
text-shadow: none; } }
.caption--below-true .caption-background-true.caption-transparency-false {
background-color: #ffffff; }
@media only screen and (max-width: 480px) {
.caption--below-true .caption-background-true.caption-transparency-false {
background-color: transparent; } }
@media only screen and (max-width: 480px) {
.caption--below-true .caption-background-true.caption-transparency-true {
background-color: transparent; } }
@media only screen and (max-width: 480px) {
.caption--below-false .caption-content.caption-background-true {
padding: 15px; }
.caption--below-false a.highlight-false, .caption--below-false input[type="button"].highlight-false,
.caption--below-false a.highlight-true, .caption--below-false input[type="button"].highlight-true,
.caption--below-false a.continue-button {
background-color: rgba(255, 255, 255, 0);
color: #bc1f3e;
border: 1px solid #bc1f3e; }
.caption--below-false a.highlight-false:hover, .caption--below-false input[type="button"].highlight-false:hover,
.caption--below-false a.highlight-true:hover, .caption--below-false input[type="button"].highlight-true:hover,
.caption--below-false a.continue-button:hover {
background-color: #bc1f3e;
border-color: #bc1f3e;
color: #fff; }
.caption--below-false a.highlight-true, .caption--below-false input[type="button"].highlight-true {
background-color: #bc1f3e;
border-color: #bc1f3e;
color: #fff; } }
.subtitle p a {
pointer-events: all; }
.caption-content {
display: inline-block;
float: none;
max-width: 60%;
font-size: 0; }
@media only screen and (max-width: 798px) {
.caption-content {
max-width: 80%; } }
@media only screen and (max-width: 480px) {
.caption-content {
width: 100%;
max-width: 100%; } }
.caption-content .action_button {
margin: 10px; }
@media only screen and (max-width: 798px) {
.caption-content .action_button {
margin: 5px; } }
@media only screen and (max-width: 480px) {
.caption-content .action_button {
font-size: 16px; } }
.caption-content.align-center {
text-align: center; }
@media only screen and (max-width: 798px) {
.caption-content.align-center {
max-width: 80%; } }
@media only screen and (max-width: 480px) {
.caption-content.align-center {
width: 100%;
max-width: 100%; } }
.caption-content.align-left {
text-align: left; }
.caption-content.align-left:first-child .action_button {
margin-left: 0; }
.caption-content.align-left .subtitle:before {
margin-left: 0; }
.caption-content.align-right {
text-align: right; }
.caption-content.align-right:last-child .action_button {
margin-right: 0; }
.caption-content.align-right .subtitle:before {
margin-right: 0; }
.caption-content.caption-background-true {
padding: 30px; }
@media only screen and (max-width: 480px) {
.caption-content.caption-background-true {
padding: 0; } }
/* Transparency settings for each type of caption */
.caption-background-true {
background-color: #ffffff; }
.homepage-video .caption-background-true {
background-color: white; }
@media only screen and (max-width: 480px) {
.homepage-video .caption-background-true {
background-color: transparent; } }
.caption-background-true.caption-transparency-true {
background-color: rgba(255, 255, 255, 0.6); }
a.highlight-false, input[type="button"].highlight-false,
a.highlight-true, input[type="button"].highlight-true,
a.continue-button {
background-color: rgba(255, 255, 255, 0);
color: #bc1f3e;
border: 1px solid #bc1f3e;
transition: background-color 0.2s linear, color 0.2s linear;
margin: 25px 0; }
a.highlight-false:hover, input[type="button"].highlight-false:hover,
a.highlight-true:hover, input[type="button"].highlight-true:hover,
a.continue-button:hover {
background-color: #bc1f3e;
border-color: #bc1f3e;
color: #fff; }
@media only screen and (max-width: 480px) {
a.highlight-false, input[type="button"].highlight-false,
a.highlight-true, input[type="button"].highlight-true,
a.continue-button {
color: #152b51;
border-color: #152b51;
background-color: transparent; }
a.highlight-false:hover, input[type="button"].highlight-false:hover,
a.highlight-true:hover, input[type="button"].highlight-true:hover,
a.continue-button:hover {
border-color: #152b51;
background-color: #152b51;
color: #fff; } }
a.highlight-true, input[type="button"].highlight-true {
background-color: #bc1f3e;
border-color: #bc1f3e;
color: #fff; }
@media only screen and (max-width: 480px) {
a.highlight-true, input[type="button"].highlight-true {
border-color: #152b51;
background-color: #152b51;
color: #fff; } }
a.continue-button,
a.highlight-false--dark,
input[type="button"].highlight-false--dark {
color: #152b51;
border-color: #152b51;
background-color: transparent; }
a.continue-button:hover,
a.highlight-false--dark:hover,
input[type="button"].highlight-false--dark:hover {
border-color: #152b51;
background-color: #152b51;
color: #fff; }
/* Slideshow */
.homepage-slideshow .gallery-cell:not(:first-child) {
height: 0; }
.homepage-slideshow.flickity-enabled .gallery-cell:not(:first-child) {
height: auto; }
.homepage-slideshow a.highlight-false:hover, .homepage-slideshow input[type="button"].highlight-false:hover,
.homepage-slideshow a.highlight-true:hover, .homepage-slideshow input[type="button"].highlight-true:hover {
color: #fff; }
@media only screen and (max-width: 480px) {
.homepage-slideshow a.highlight-false, .homepage-slideshow input[type="button"].highlight-false,
.homepage-slideshow a.highlight-true, .homepage-slideshow input[type="button"].highlight-true {
color: #152b51;
border-color: #152b51;
background-color: transparent; }
.homepage-slideshow a.highlight-false:hover, .homepage-slideshow input[type="button"].highlight-false:hover,
.homepage-slideshow a.highlight-true:hover, .homepage-slideshow input[type="button"].highlight-true:hover {
border-color: #152b51;
background-color: #152b51;
color: #fff; } }
.homepage-slideshow a.highlight-true, .homepage-slideshow input[type="button"].highlight-true {
background-color: #152b51;
border-color: #152b51;
color: #fff; }
@media only screen and (max-width: 480px) {
.homepage-slideshow a.highlight-true, .homepage-slideshow input[type="button"].highlight-true {
border-color: #152b51;
background-color: #152b51;
color: #fff; } }
/* #Account
================================================== */
.account-header-logout {
text-align: right;
text-transform: uppercase; }
.account-sidebar {
border-right: 1px solid #000000;
box-sizing: border-box;
padding-right: 10px; }
@media only screen and (max-width: 798px) {
.account-sidebar {
border: 0;
padding-right: 0; } }
.customers-addresses .account-sidebar {
border-right: 0;
padding-right: 0; }
.customers-addresses .account-main {
box-sizing: border-box;
border-left: 1px solid #000000;
padding-left: 20px; }
@media only screen and (max-width: 798px) {
.customers-addresses .account-main {
border: 0;
padding-left: 0; } }
.action_bottom .note {
vertical-align: middle;
line-height: 40px; }
.address_title {
margin-bottom: 0;
padding-bottom: 0; }
.action_edit {
background-color: #5ebebe;
border-color: #5ebebe; }
.action_edit a {
color: #ffffff; }
.action_edit:hover {
background-color: #5ebebe;
border-color: #5ebebe; }
.action_edit:hover a {
color: #ffffff; }
.action_delete {
background-color: #ffffff;
border-color: #5ebebe; }
.action_delete a {
color: #5ebebe; }
.action_delete:hover {
background-color: #5ebebe;
border-color: #5ebebe; }
.action_delete:hover a {
color: #ffffff; }
.order-details__discount {
display: block; }
/* #Policy pages
================================================== */
.container .shopify-policy__container {
margin: 0;
max-width: none;
padding-left: 0;
padding-right: 0; }
.shopify-policy__container .shopify-policy__title {
text-align: left; }
/* #Home page - collection in detail
================================================== */
.collection-in-detail .section {
margin: 0; }
.collection-in-detail .half {
width: 50%;
float: left;
position: relative; }
@media only screen and (max-width: 798px) {
.collection-in-detail .half {
width: 100%; } }
.collection-in-detail .product-details {
padding: 40px 2rem; }
.collection-in-detail .frontpage_product_stagger--true .section:nth-of-type(even) .half {
float: right; }
/* #Home page - text columns with images
================================================== */
.text-columns-with-images-section .border-style--box {
padding: 10%;
border: 1px solid #000000; }
.text-columns-with-images-section .border-style--quote {
padding-left: 20px;
border-left: 1px solid #000000;
margin-bottom: 10%; }
.text-columns-with-images-section .large_text {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 37.7px;
text-transform: none;
line-height: 1.5;
color: #152b51;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media only screen and (max-width: 798px) {
.text-columns-with-images-section .large_text {
font-size: 30px; } }
.text-columns-with-images-section .text-column {
margin-bottom: 25px; }
.text-columns-with-images-section a.continue-button {
margin-top: 10px; }
.text-columns-with-images-section h2.title + .feature_divider {
margin-bottom: 40px; }
.text-columns-with-images-section img {
margin: 0 0 15px; }
/* OOTS Content Creator slideshow */
.flexslider img {
display: block;
margin: 0 auto; }
/* #Home page - slideshow
================================================== */
.homepage-slideshow:hover .flickity-prev-next-button, .testimonial-section:hover .flickity-prev-next-button {
opacity: 0.5; }
.homepage-slideshow.text-animation--false .caption {
opacity: 0;
transition: opacity 0.3s linear; }
.homepage-slideshow.text-animation--false.flickity-enabled .caption {
opacity: 1; }
.text-animation--true .caption-content {
opacity: 0; }
@media only screen and (max-width: 480px) {
.text-animation--true .caption-content {
opacity: 1;
animation-duration: 0s; } }
.homepage-slideshow,
.testimonial-section {
position: relative;
overflow: hidden; }
.homepage-slideshow.single-image .flickity-prev-next-button,
.testimonial-section.single-image .flickity-prev-next-button {
display: none; }
.homepage-slideshow.single-image .flickity-page-dots,
.testimonial-section.single-image .flickity-page-dots {
display: none; }
.homepage-slideshow .gallery-cell,
.testimonial-section .gallery-cell {
width: 100%;
background-color: #000000; }
@media only screen and (max-width: 480px) {
.homepage-slideshow .gallery-cell,
.testimonial-section .gallery-cell {
background-color: transparent; } }
.homepage-slideshow .gallery-cell img,
.testimonial-section .gallery-cell img {
width: 100%;
display: block; }
.homepage-slideshow .flickity-prev-next-button,
.testimonial-section .flickity-prev-next-button {
opacity: 0;
width: 5%;
height: 100%;
border-radius: 0; }
@media only screen and (min-width: 799px) {
.homepage-slideshow .flickity-prev-next-button,
.testimonial-section .flickity-prev-next-button {
opacity: 0; } }
.homepage-slideshow .flickity-page-dots,
.testimonial-section .flickity-page-dots {
bottom: 2em;
display: none; }
@media only screen and (min-width: 799px) {
.homepage-slideshow .flickity-page-dots,
.testimonial-section .flickity-page-dots {
display: block; } }
.homepage-slideshow .flickity-page-dots .dot,
.testimonial-section .flickity-page-dots .dot {
height: 4px;
width: 40px;
margin: 0;
border-radius: 0;
background: #e1e1e1; }
@media only screen and (max-width: 480px) {
.homepage-slideshow .flickity-page-dots,
.testimonial-section .flickity-page-dots {
display: block;
bottom: 5px; } }
/* Home - product slider */
.js-product-slider .product_clear {
display: none; }
.js-product-slider .column.alpha, .js-product-slider .columns.alpha {
margin: 0 10px 0 20px; }
.js-product-slider .flickity-prev-next-button {
border-radius: 0; }
/* #Home page - image with text
================================================== */
.image-with-text .featured-link--half a[href] img {
box-shadow: #000 0em 0em 0em;
transition: opacity 0.2s linear; }
.image-with-text .featured-link--half:hover a[href] img.lazyloaded {
opacity: 0.8; }
.standard--width .image-with-text .featured-link--image,
.full-width--false.image-with-text .featured-link--image {
background-color: transparent; }
.featured-link--section {
width: 100%;
box-sizing: border-box;
float: left;
min-height: 100px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.featured-link--half.featured-link__imageHalf {
background-color: transparent;
text-align: center; }
.featured-link--half.featured-link__imageHalf a {
width: 100%;
display: block; }
.featured-link--half.featured-link__imageHalf a img {
width: 100%; }
.featured-link--half {
box-sizing: border-box;
float: left;
width: 50%;
position: relative;
text-align: center;
display: table;
-webkit-box-flex: 1 0 auto;
-moz-box-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
background-color: #ffffff; }
@media only screen and (max-width: 480px) {
.featured-link--half {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%; } }
.featured-link--half .featured-link--wrap {
width: 100%;
height: 100%;
/* Fix for SVG set at 2 images per row */
-webkit-box-flex: 0 0 auto;
-moz-box-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.featured-link--half img {
display: block;
margin: 0 auto;
width: 100%;
max-width: 100%; }
@media only screen and (max-width: 480px) {
.featured-link--half img {
width: 100%;
max-width: auto; } }
.featured-link--half .info {
display: inline-block;
width: 80%;
margin: 0 auto;
padding: 20px; }
.featured-link--half .info.text-align--right {
text-align: right; }
.featured-link--half .info.text-align--right .description:before {
margin-right: 0; }
.featured-link--half .info.text-align--left {
text-align: left; }
.featured-link--half .info.text-align--left .description:before {
margin-left: 0; }
@media only screen and (max-width: 480px) {
.featured-link--half .info {
position: static;
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
padding: 2em 0; } }
.featured-link--half .collection_title {
margin-bottom: 15px;
display: block;
color: #152b51; }
.featured-link--half .description {
position: relative;
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
color: #152b51; }
@media only screen and (max-width: 798px) {
.featured-link--half .description {
font-size: 2vw; } }
@media only screen and (max-width: 480px) {
.featured-link--half .description {
font-size: inherit; } }
@media only screen and (min-width: 1401px) {
.featured-link--half .description {
font-size: inherit; } }
.featured-link--half .button {
height: auto;
background-color: transparent;
color: #152b51;
border: 1px solid #152b51;
transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
line-height: 1.5;
padding-top: 10px;
padding-bottom: 10px; }
.featured-link--half .button:hover {
background-color: #152b51;
color: #ffffff;
border: 1px solid #152b51; }
.image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) .featured-link--half {
float: right; }
.image-align--left.featured_collections.across-1 .featured-link--section:nth-child(even) {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.image-align--left.featured_collections.across-1 .featured-link--section:nth-child(even) .featured-link--half {
float: right; }
.featured_collections.across-2 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.image-align--left.featured_collections.across-2 .featured-link--section {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
@media only screen and (max-width: 798px) {
.image-align--left.featured_collections.across-2 .featured-link--section:nth-of-type(2n) {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media only screen and (max-width: 798px) {
.image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
.image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.image-align--right.featured_collections.across-2 .featured-link--section {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media only screen and (max-width: 798px) {
.image-align--right.featured_collections.across-2 .featured-link--section:nth-of-type(2n) {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
.image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
@media only screen and (max-width: 798px) {
.image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.featured_collections.across-2 .featured-link--section {
width: 50%; }
@media only screen and (max-width: 798px) {
.featured_collections.across-2 .featured-link--section {
width: 100%; } }
@media only screen and (max-width: 798px) {
.featured_collections.across-2 .featured-link--half {
width: 50%; } }
@media only screen and (max-width: 480px) {
.featured_collections.across-2 .featured-link--half {
width: 100%; } }
.featured_collections.across-2 .description {
font-size: 1.2vw; }
@media only screen and (max-width: 798px) {
.featured_collections.across-2 .description {
font-size: inherit; } }
.featured_collections.across-2 .button {
font-size: 1.2vw; }
@media only screen and (max-width: 480px) {
.featured_collections.across-2 .button {
font-size: 14px; } }
.featured_collections.across-2 .featured-link--image:nth-of-type(2n+1) {
clear: both; }
.featured_collections.across-2 .featured-link--image:nth-of-type(2n+2) .featured-link--half {
float: left; }
@media only screen and (max-width: 798px) {
.featured_collections.across-2 .featured-link--image:nth-of-type(2n+2) .featured-link--half {
float: right; } }
.featured_collections.across-2 .featured-link--image:nth-of-type(3n+3) .featured-link--half {
float: right; }
@media only screen and (max-width: 798px) {
.featured_collections.across-2 .featured-link--image:nth-of-type(3n+3) .featured-link--half {
float: left; } }
.featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) .featured-link--half {
float: right; }
/* #Home page - featured products
================================================== */
/* #Home page - Rich text and image
================================================== */
.rich-text__content .regular_text,
.rich-text__content .featured_text {
margin-top: 15px; }
/* #Home page - featured promotions
================================================== */
.promo-animation--true {
opacity: 0; }
.featured-promotions .feature-section {
text-align: center;
float: left;
margin: 0 10px 20px;
position: relative; }
@media only screen and (max-width: 798px) {
.featured-promotions .feature-section {
opacity: 1; } }
.featured-promotions .feature-section .link-promo {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block; }
.featured-promotions .feature-section .feature-inner {
display: block;
position: relative;
overflow: hidden; }
.featured-promotions .feature-section .feature-style--circle {
border-radius: 50%; }
.featured-promotions .feature-section .feature-style--circle img {
border-radius: 50%; }
.featured-promotions .feature-section .feature-style--rounded {
border-radius: 10px; }
.featured-promotions .feature-section .feature-style--rounded img {
border-radius: 10px; }
.featured-promotions .feature-section .feature-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: background-color 0.25s linear; }
@media only screen and (max-width: 798px) {
.featured-promotions .feature-section .feature-overlay {
background: black;
background: rgba(0, 0, 0, 0.5); } }
.featured-promotions .feature-section .feature-wrap {
position: relative;
top: 50%;
-webkit-transform: translateY(-50.1%);
-ms-transform: translateY(-50.1%);
transform: translateY(-50.1%);
padding: 10px 0;
position: absolute;
width: 80%;
margin: 0 auto;
left: 0;
right: 0;
pointer-events: none; }
.featured-promotions .feature-section .feature-details {
display: none;
opacity: 0;
transition: opacity 0.3s linear; }
@media only screen and (min-width: 768px) and (max-width: 1366px) and (hover: none) {
.featured-promotions .feature-section .feature-details {
opacity: 1;
display: block; } }
@media only screen and (max-width: 798px) {
.featured-promotions .feature-section .feature-details {
opacity: 1;
display: block; } }
.featured-promotions .feature-section .feature-details.reveal-details {
opacity: 1; }
.featured-promotions .feature-section .feature-details .button {
margin-top: 15px; }
.featured-promotions .feature-section .description {
color: #fff;
transition: all 0.3s linear;
margin-bottom: 0; }
.featured-promotions .feature-section .description a {
pointer-events: auto; }
.featured-promotions .feature-section.title-overlay-true .title {
transition: all 0.3s linear;
color: #fff; }
@media only screen and (max-width: 798px) {
.featured-promotions .feature-section.title-overlay-true .title {
margin-bottom: 10px; } }
.featured-promotions .feature-section.title-overlay-true .title:after {
content: '';
display: block;
height: 1px;
width: 0;
background: #fff;
transition: width .5s ease, background-color .5s ease;
margin: 10px auto auto auto; }
@media only screen and (max-width: 798px) {
.featured-promotions .feature-section.title-overlay-true .title:after {
display: none; } }
.featured-promotions .feature-section.title-overlay-false .feature-wrap .title {
display: none; }
.featured-promotions .feature-section:hover .feature-overlay {
background: black;
background: rgba(0, 0, 0, 0.5); }
.featured-promotions .feature-section.title-overlay-true:hover .title:after {
width: 50%;
background: #ffffff; }
.featured-promotions .feature-section.title-overlay-true:hover .title {
color: #ffffff; }
.featured-promotions .feature-section.title-overlay-true:hover .description {
color: #ffffff; }
.featured-promotions .feature-section.title-overlay-false:hover .description {
color: #ffffff; }
.featured-promotions .feature-section img {
width: 100%;
display: block;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.05); }
.promo-1 {
-webkit-animation-delay: 0s;
animation-delay: 0s; }
.promo-2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.promo-3 {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s; }
.promo-4 {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s; }
.promo-5 {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s; }
.promo-6 {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s; }
.promo-7 {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s; }
.promo-8 {
-webkit-animation-delay: 2.1s;
animation-delay: 2.1s; }
.promo-9 {
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s; }
.promo-10 {
-webkit-animation-delay: 2.7s;
animation-delay: 2.7s; }
.promo-11 {
-webkit-animation-delay: 3.0s;
animation-delay: 3.0s; }
.promo-12 {
-webkit-animation-delay: 3.3s;
animation-delay: 3.3s; }
.featured-promotions.full-width--false .promo-per-row-2 .feature-section {
width: calc(50% - 20px); }
@media only screen and (max-width: 798px) {
.featured-promotions.full-width--false .promo-per-row-2 .feature-section {
width: 100%;
margin: 0 0 10px; } }
.featured-promotions.full-width--false .promo-per-row-2 .feature-section:nth-child(2n+1) {
clear: both; }
.featured-promotions.full-width--false .promo-per-row-3 .feature-section {
width: calc(33.3333% - 20px); }
@media only screen and (max-width: 798px) {
.featured-promotions.full-width--false .promo-per-row-3 .feature-section {
width: 100%;
margin: 0 0 10px; } }
.featured-promotions.full-width--false .promo-per-row-3 .feature-section:nth-child(3n+1) {
clear: both; }
.featured-promotions.full-width--false .promo-per-row-4 .feature-section {
width: calc(25% - 20px); }
.featured-promotions.full-width--false .promo-per-row-4 .feature-section:nth-child(4n+1) {
clear: both; }
@media only screen and (max-width: 798px) {
.featured-promotions.full-width--false .promo-per-row-4 .feature-section {
width: calc(50% - 20px); }
.featured-promotions.full-width--false .promo-per-row-4 .feature-section:nth-child(2n+1) {
clear: both; } }
@media only screen and (max-width: 480px) {
.featured-promotions.full-width--false .promo-per-row-4 .feature-section {
width: 100%;
margin: 0 0 10px; } }
.featured-promotions.full-width--true {
padding-top: 0; }
.featured-promotions.full-width--true .js-featured-promotions {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.featured-promotions.full-width--true .promo-per-row-2 .feature-section {
width: 50%;
margin: 0; }
@media only screen and (max-width: 480px) {
.featured-promotions.full-width--true .promo-per-row-2 .feature-section {
width: 100%; } }
.featured-promotions.full-width--true .promo-per-row-3 .feature-section {
width: 33.333333%;
margin: 0; }
@media only screen and (max-width: 798px) {
.featured-promotions.full-width--true .promo-per-row-3 .feature-section {
width: 100%; } }
.featured-promotions.full-width--true .promo-per-row-4 .feature-section {
width: 25%;
margin: 0; }
@media only screen and (max-width: 798px) {
.featured-promotions.full-width--true .promo-per-row-4 .feature-section {
width: 50%; } }
@media only screen and (max-width: 480px) {
.featured-promotions.full-width--true .promo-per-row-4 .feature-section {
width: 100%; } }
/* #Home page - featured collection
================================================== */
.featured-collection__description.section {
padding: 0 20px;
margin: 20px 0; }
.featured-collection__products.container {
padding: 0; }
/* #Home page - image with text overlay
================================================== */
.banner {
width: 100%;
position: relative;
overflow: hidden;
background-color: #000000; }
@media only screen and (max-width: 480px) {
.banner {
max-height: inherit;
background-color: transparent; } }
.banner img {
width: 100%;
display: block; }
/* #Home page - video
================================================== */
.block__featured_video .caption,
.video-section .caption {
z-index: 30;
pointer-events: none; }
@media only screen and (max-width: 480px) {
.block__featured_video .caption,
.video-section .caption {
margin: 0;
height: auto; } }
.block__featured_video .video-text--outside-video,
.video-section .video-text--outside-video {
height: auto; }
.showPosterImage--true[data-ratio="16:9"] {
padding-top: 56.25%; }
.showPosterImage--true[data-ratio="4:3"] {
padding-top: 75%; }
.homepage-video {
position: relative;
overflow: hidden;
transition: height 0.3s ease-in-out;
background-color: #000000; }
@media only screen and (max-width: 480px) {
.homepage-video {
background-color: transparent; } }
.homepage-video img {
width: 100%;
display: block; }
.homepage-video iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%; }
.homepage-video video {
background-color: #ffffff; }
.homepage-video video[poster] {
object-fit: cover; }
.homepage-video video.video-autoplay--true.html-video {
display: none; }
.homepage-video .homepage-video--media {
width: 100%;
height: auto;
padding-top: 0; }
.homepage-video .placeholder-image--true a.video__play-button {
pointer-events: none; }
.homepage-video .caption.text-on-video {
pointer-events: none; }
@media only screen and (max-width: 480px) {
.homepage-video .caption.text-on-video {
position: absolute;
height: auto;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0; }
.homepage-video .caption.text-on-video a.highlight-false {
color: white;
border-color: white; } }
.homepage-video .mobile-video__buttons {
display: block;
text-align: center;
top: 55%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
position: absolute; }
.homepage-video .mobile-video__buttons.text-on-video {
z-index: 20; }
.homepage-video .mobile-video__buttons a.highlight-false {
background-color: rgba(255, 255, 255, 0);
color: #bc1f3e;
border: 1px solid #bc1f3e; }
.homepage-video .mobile-video__buttons a.highlight-true {
background-color: #bc1f3e;
border-color: #bc1f3e;
color: #fff; }
.homepage-video .mobile-video__buttons .action_button {
margin: 5px; }
@media only screen and (min-width: 481px) {
.homepage-video .mobile-video__buttons {
display: none; } }
.darken-video {
display: block;
background: rgba(0, 0, 0, 0.3);
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
pointer-events: none;
z-index: 20; }
/* #Page Banners
================================================== */
.banner.page-banner {
overflow: hidden;
max-height: 100vh; }
.caption.captionOverlay--true {
max-width: 960px;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
top: 50%;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 3; }
.caption.captionOverlay--true .headline, .caption.captionOverlay--true .subtitle {
color: #152b51; }
@media only screen and (max-width: 798px) {
.caption.captionOverlay--true {
top: 50%; } }
.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; }
/* #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
================================================== */
body.index h2.title::before, .page-lp-style h2.title::before,
.page-lp-style .product h2.title::before, body.product h2.title::before {
background-image: url("data:image/svg+xml,%3Csvg width='26px' height='26px' viewBox='0 0 26 26' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E7817EDFC-E036-4534-A523-BC00A3192A45%3C/title%3E%3Cdefs%3E%3Cfilter id='filter-1'%3E%3CfeColorMatrix in='SourceGraphic' type='matrix' values='0 0 0 0 0.165496 0 0 0 0 0.717193 0 0 0 0 0.717193 0 0 0 1.000000 0'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Cg id='Core-Design' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Homepage-Variant-1' transform='translate(-771.000000, -752.000000)'%3E%3Cg id='motif' transform='translate(0.000000, 719.000000)' filter='url(%23filter-1)'%3E%3Cg transform='translate(771.000000, 33.000000)'%3E%3Cpath d='M14.5,0 C15.6045695,0 16.5,0.8954305 16.5,2 L16.5,9.5 L24,9.5 C25.1045695,9.5 26,10.3954305 26,11.5 L26,14.5 C26,15.6045695 25.1045695,16.5 24,16.5 L16.5,16.5 L16.5,24 C16.5,25.1045695 15.6045695,26 14.5,26 L11.5,26 C10.3954305,26 9.5,25.1045695 9.5,24 L9.5,16.5 L2,16.5 C0.8954305,16.5 0,15.6045695 0,14.5 L0,11.5 C0,10.3954305 0.8954305,9.5 2,9.5 L9.5,9.5 L9.5,2 C9.5,0.8954305 10.3954305,0 11.5,0 L14.5,0 Z' id='Path' fill='%23222222'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
color: var(--button-color);
content: '\00a0';
display: inline-block;
height: 26px;
margin-right: .5em;
vertical-align: sub;
width: 26px; }
.page-locations .accordion > dt > a .icon,
.page-lp-style .accordion > dt > a .icon {
font-family: turbo;
/* stylelint-disable-line font-family-no-missing-generic-family-keyword */
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .15em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@keyframes bounce {
0% {
transform: translateY(0); }
50% {
transform: translateY(-2px); }
100% {
transform: translateY(0); } }
/* FADE ANIMATIONS */
.a-fade {
opacity: 0;
animation: fade 0.4s ease-in forwards; }
.a-fade .a-fade {
animation-delay: 0.4s; }
.a-fade:nth-child(1) {
animation-delay: 0.8s; }
.a-fade:nth-child(2) {
animation-delay: 1s; }
.a-fade:nth-child(3) {
animation-delay: 1.2s; }
.a-fade:nth-child(4) {
animation-delay: 1.4s; }
.a-fade:nth-child(5) {
animation-delay: 1.6s; }
.a-fade:nth-child(6) {
animation-delay: 1.8s; }
.a-fade:nth-child(7) {
animation-delay: 2s; }
.a-fade:nth-child(8) {
animation-delay: 2.2s; }
.a-fade:nth-child(9) {
animation-delay: 2.4s; }
@keyframes fade {
to {
opacity: 1; } }
.large-up-only, .large-down-only {
display: none !important;
/* stylelint-disable-line declaration-no-important */ }
@media only screen and (min-width: 1025px) {
.large-up-only {
display: block !important;
/* stylelint-disable-line declaration-no-important */ } }
@media only screen and (max-width: 1024px) {
.large-down-only {
display: block !important;
/* stylelint-disable-line declaration-no-important */ } }
#preview-bar-iframe {
position: static !important;
/* stylelint-disable-line declaration-no-important */ }
.cc-banner {
border-top: 1px solid #fff; }
@media only screen and (max-width: 798px) {
body.is-active {
overflow-y: auto; }
header .block.menu .mobile_nav.dropdown_link {
display: inline-block;
overflow: auto;
padding: 0; }
header .block.menu .mobile_nav.dropdown_link.active_link, header .block.menu .mobile_nav.dropdown_link:hover {
border: none; }
header .nav-menu {
position: absolute;
z-index: 10000;
left: 0;
display: none;
width: 100%;
padding: 1em;
background-color: var(--header-bg-color);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }
header .nav-menu li {
display: block; }
header .nav-menu li .icon-down-arrow {
pointer-events: none; }
header .nav-menu li.sublink ul {
display: none;
padding: 0; }
header .nav-menu li.sublink ul .image-element__wrap {
display: none; } }
@media only screen and (min-width: 799px) {
header .container {
flex-wrap: wrap; }
header .block.menu {
border-top: 1px solid rgba(238, 238, 238, 0.2);
flex-basis: 100%; }
header .block.menu .mobile_nav.dropdown_link {
display: none; }
header .block.menu .nav-menu {
display: flex;
justify-content: space-evenly;
margin: 0;
padding: 0.5em 0 0; }
header .block.menu .nav-menu li {
position: relative; }
header .block.menu .nav-menu li .icon-down-arrow {
display: none; }
header .block.menu .nav-menu li a.active_link {
border-bottom-color: var(--header-bg-color); }
header .block.menu .nav-menu li > ul {
position: absolute;
z-index: 1000;
left: -20px;
display: none;
width: auto;
margin: 0;
padding: 15px 20px 30px;
background-color: var(--header-bg-color);
opacity: 0;
transition: all 0.3s linear;
animation: fadeIn 0.3s linear none;
/* stylelint-disable-line no-unknown-animations */
visibility: hidden; }
header .block.menu .nav-menu li > ul li {
display: block;
width: 100%;
white-space: nowrap; }
header .block.menu .nav-menu li > ul li a {
padding-bottom: 0;
font-size: 1.25rem; }
header .block.menu .nav-menu li:hover > ul {
display: block;
opacity: 1;
visibility: visible; }
header .block.menu .nav-menu li:hover > ul li {
display: inline-block; }
header .block.menu.omega .nav-menu li:last-child > ul {
left: auto;
right: 0; } }
.cart_container {
position: static !important;
/* stylelint-disable-line declaration-no-important */ }
.cart_container .cart_content {
z-index: 10001;
display: none;
max-width: 98vw;
background-color: white;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
opacity: 0;
transition: 0.2s all linear;
visibility: hidden; }
.cart_container .cart_content form {
margin: 0; }
.cart_container .cart_content a.cart_content__continue-shopping.secondary_button {
padding-top: 0.6em;
border-bottom: solid 1px #dddddd;
font-weight: normal; }
.cart_container .cart_content .cart_info_top {
padding: 15px 20px; }
.cart_container .cart_content .cart_items {
overflow: auto;
max-height: 400px; }
.cart_container .cart_content .cart_items li.mini-cart__item {
display: flex;
flex-direction: row;
margin-bottom: 0;
padding-bottom: 0;
border-bottom-color: transparent; }
.cart_container .cart_content .cart_items .mini-cart__item__title {
display: block; }
.cart_container .cart_content .cart_items .mini-cart__item__title > .right.price {
display: inline-block;
vertical-align: top;
float: none;
width: calc(100% - 130px); }
.cart_container .cart_content .cart_items .mini-cart__item__title > .product-quantity-box {
display: inline-block;
float: none;
margin: 0; }
.cart_container .cart_content .cart_items .mini-cart__image-item {
min-width: 80px;
max-width: 80px; }
.cart_container .cart_content .cart_items .item_title a {
font-weight: normal; }
.cart_container .cart_content .cart_items .remove-icon {
display: none; }
.cart_container .cart_content .cart_items .mini-cart__item--details {
display: flex;
justify-content: space-between;
align-items: center; }
.cart_container .cart_content .cart_items .mini-cart__item--details .price {
padding-top: 0; }
.cart_container .cart_content .cart_items .mini-cart__item--details .product-quantity-box {
display: inline-flex;
justify-content: flex-end;
margin-top: 0; }
.cart_container .cart_content .cart_free_shipping {
width: 100%;
margin-bottom: 0.5em;
padding-right: 0; }
.cart_container .cart_content .cart_free_shipping p {
width: 100%;
text-align: center; }
.cart_container .cart_content .cart_info {
padding-top: 0; }
.cart_container .cart_content .cart_info li {
width: 100%; }
@media only screen and (min-width: 799px) {
.cart_container .cart_content {
top: 60px;
right: 3em;
min-width: 420px;
max-width: 420px; } }
@media only screen and (max-width: 798px) {
.mobile_nav-fixed--true #pagecontent,
.mobile_nav-fixed--false #pagecontent {
padding: 0; } }
.product-list {
display: flex;
flex-wrap: wrap; }
.product-list .thumbnail {
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: .75em; }
.product-list .thumbnail .product-wrap {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%; }
.product-list .thumbnail .product_image .image__container {
transition: all 0.25s ease-in-out; }
.product-list .thumbnail .banner_holder {
left: 0;
right: auto; }
.product-list .thumbnail .banner_holder .thumbnail_banner {
align-items: center;
border-radius: 100%;
display: flex;
justify-content: center;
height: 50px;
padding: 0;
width: 50px; }
.product-list .thumbnail .title {
font-weight: normal; }
.product-list .thumbnail .price {
font-weight: bold; }
.product-list .thumbnail .swatch_options,
.product-list .thumbnail .select {
display: none; }
.product-list .thumbnail .add_to_cart {
background-color: transparent;
border-width: 2px;
color: var(--button-color);
font-size: .85em;
font-weight: bold;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
margin: 0 auto; }
.product-list .thumbnail:hover .product_image .image__container {
transform: scale(1.1); }
.product-list .thumbnail:hover .add_to_cart {
background-color: var(--button-color);
border-color: var(--button-color);
color: #fff; }
.product-list .thumbnail .inline-quickshop + .inline-quickshop {
display: none; }
.product-list .inline-quickshop .purchase-details__buttons.product-is-unavailable {
display: none; }
@media only screen and (min-width: 799px) {
.product-list .thumbnail {
border: 1px solid #dddddd; }
.product-list .add_to_cart {
max-width: 70%; } }
button .checkmark path {
stroke: #5ebebe; }
button:hover .checkmark path {
stroke: #fff; }
.pulse {
animation-duration: 1s;
animation-iteration-count: 2;
animation-name: pulse;
animation-timing-function: ease-in-out; }
@keyframes pulse {
0%, 100% {
background-color: #fff; }
50% {
background-color: var(--pulse-animation-color); } }
.product-stickers {
position: absolute;
z-index: 1;
top: -2px;
left: -12px; }
.product-sticker {
color: #fff;
text-align: center;
padding: 4px 10px;
border-radius: 0;
background: #2AB7B7;
font-family: 'IBM Plex Sans', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 11px;
text-transform: capitalize;
line-height: 14px; }
.sticker-shape--circular {
border-radius: 50px; }
.sticker-shape--rectangle {
border-radius: 0; }
.product-tabs__container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between; }
.product-tabs {
display: none;
width: 100%;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 0 1rem 1rem; }
.product-tabs .product-tab a:focus {
outline: none; }
.product-tabs .product-tab h3 {
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 21px;
color: rgba(21, 43, 81, 0.6); }
.product-tabs .product-tab.active h3 {
font-weight: bold;
color: #fff; }
.product-tabs .product-tab__heading {
pointer-events: none; }
.product-tabs a {
display: block;
width: 100%;
font-weight: 700; }
.product-tabs__contents {
width: 100%;
padding: 1rem; }
.product-tabs__contents h1, .product-tabs__contents h2, .product-tabs__contents h3, .product-tabs__contents h4, .product-tabs__contents h5, .product-tabs__contents h6 {
color: var(--button-color); }
.product-tabs__contents .product-tab-content .product-tab__content {
font-size: 0.875rem;
line-height: 1.25rem; }
.product-tabs__contents .product-tab-content .product-tab__content table tr {
display: flex;
flex-direction: column;
border: none; }
.product-tabs__contents .product-tab-content .product-tab__content table tr td {
border: none !important;
width: 100% !important; }
.product-tabs__contents .product-tab-content .product-tab__content table tr h3, .product-tabs__contents .product-tab-content .product-tab__content table tr h4 {
font-size: 17px; }
.product-tabs__contents .product-tab-content .product-tab__content .product-tab__heading {
position: relative;
display: block;
width: 100%;
cursor: pointer;
margin-bottom: 0;
font-weight: 700;
color: var(--c-primary); }
.product-tabs__contents .product-tab-content .product-tab__content .product-tab__heading span {
pointer-events: none; }
.product-tabs__contents .product-tab-content .product-tab__content .product-tab__heading::before {
content: '';
position: absolute;
right: 3px;
top: 12px;
height: 2px;
width: 10px;
border-width: 0;
background-color: #232936; }
.product-tabs__contents .product-tab-content .product-tab__content .product-tab__heading::after {
content: '';
position: absolute;
right: 7px;
top: 8px;
height: 10px;
width: 2px;
border-width: 0;
background-color: #232936; }
.product-tabs__contents .product-tab-content .product-tab__content .product-tab__heading.active {
color: var(--button-color); }
.product-tabs__contents .product-tab-content .product-tab__content .product-tab__heading.active::after {
content: '';
right: 3px;
top: 12px;
height: 2px;
width: 10px; }
.product-tab__content-text {
display: none; }
.product-tab__content-text > *:last-child {
margin-bottom: 0.5rem; }
.product-tab__content-text.active {
display: block; }
.product-tab__content-text a {
text-decoration-line: underline; }
.product-tab__content-text ul li {
list-style-type: disc; }
.product-tab__content-text ol li {
list-style-type: decimal; }
.product-help__wrapper {
width: 100%;
padding: 2rem; }
.product-help__wrapper .product-help {
background-color: #fff;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 3rem; }
.product-help__wrapper .product-help__heading {
margin-bottom: 0.5rem;
font-weight: 700; }
.product-help__wrapper .product-help__text {
margin-bottom: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem; }
.product-help__wrapper .product-help__cta {
margin-bottom: 0.5rem;
display: flex;
cursor: pointer;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-size: 0.875rem;
line-height: 1.25rem; }
.product-help__wrapper .product-help__cta > :not([hidden]) ~ :not([hidden]) {
margin-right: 0;
margin-left: calc(0.25rem); }
.product-help__wrapper .product-help__cta:hover {
text-decoration-line: underline; }
@media (min-width: 1024px) {
.product-tabs__container {
flex-direction: row; }
.product-tabs {
display: flex;
padding: 0;
margin: 0 1rem;
border-bottom: 3px solid var(--button-color);
flex-direction: row;
justify-content: flex-start;
align-items: flex-end; }
.product-tabs .product-tab {
position: relative;
min-width: 122px;
padding: 8px 9px;
border: 1px solid var(--button-color);
border-bottom: none;
text-align: center; }
.product-tabs .product-tab.active {
background: var(--button-color); }
.product-tabs .product-tab.active::before {
content: '';
position: absolute;
top: -3px;
left: -3px;
width: 100%;
height: 100%;
border: 3px solid var(--button-color);
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
.product-tabs__contents {
width: 100%; }
.product-tabs__contents .product-tab-content {
display: none; }
.product-tabs__contents .product-tab-content .product-tab__content {
border-style: none; }
.product-tabs__contents .product-tab-content .product-tab__content .product-tab__heading {
display: none; }
.product-tabs__contents .product-tab-content .product-tab__content table tr {
flex-direction: row; }
.product-tabs__contents .product-tab-content .product-tab__content-text {
display: block; }
.product-tab__content-text.read-more-collapse {
height: 400px; }
.product-help__wrapper {
width: 33.333333%; }
.product-tab-content .read-more-sf9 {
display: none; }
.product-tab-content.active .read-more-sf9 {
display: block; } }
@media only screen and (max-width: 1023px) {
.product-tabs__contents #description .product-tab__content-text h1:first-child, .product-tabs__contents #description .product-tab__content-text h2:first-child, .product-tabs__contents #description .product-tab__content-text h3:first-child {
margin-top: 5px;
color: #152b51;
font-weight: bold;
font-size: 14px; }
.product-tabs__contents .product-tab__content-text p, .product-tabs__contents .product-tab__content-text td, .product-tabs__contents .product-tab__content-text a {
font-size: 12px;
line-height: 18px; }
.product-tabs__contents .product-tab__content-text p {
margin: 0 0 12px; }
.product-tabs__contents .product-tab-content {
border-bottom: 3px solid var(--button-color); }
.product-tabs__contents .product-tab-content:first-child {
border-top: 3px solid var(--button-color); }
.product-tab__content-text + .read-more-sf9 {
display: none; }
.product-tab__content-text.active + .read-more-sf9 {
display: block; } }
.product-tabs__contents .product-tab-content {
padding-top: 7px;
padding-bottom: 7px; }
.product-tabs__contents .product-tab-content:target, .product-tabs__contents .product-tab-content.active {
display: block; }
.read-more-sf9 {
padding: 10px 0;
text-decoration: underline;
font-size: 16px; }
.read-more-collapse {
position: relative;
height: 360px;
overflow: hidden; }
.read-more-collapse::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50px;
background: linear-gradient(to top, white, rgba(255, 255, 255, 0)); }
@media (min-width: 1024px) {
.read-more-sf9 {
display: block; }
.read-more-collapse {
height: 400px; } }
.delivery-countdown-block {
background-color: var(--free-shipping-bg);
padding: 0.5em;
margin: 0;
text-align: center;
color: var(--free-shipping-color); }
.delivery-countdown-block .delivery-countdown-block-icon {
margin-right: 1em; }
.delivery-countdown-block .delivery-countdown-amount {
font-weight: bold; }
.cart_info .delivery-countdown-block {
margin-top: 20px; }
body.product .delivery-countdown-block {
display: flex;
justify-content: center;
align-items: center;
padding-top: 15px;
padding-bottom: 15px; }
.section-announcement-bar .container.desktop {
display: flex;
align-items: center;
justify-content: center;
padding: 0.313em 0;
width: 100%;
max-width: 1360px; }
@media (max-width: 1023px) {
.section-announcement-bar .container.desktop {
display: none; } }
.section-announcement-bar .container.desktop .text_block:focus-visible {
outline: none; }
.section-announcement-bar .container.desktop .text_block:nth-child(2) a {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding: 0 20px; }
.section-announcement-bar .container.desktop .text_block a {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 20px;
white-space: nowrap;
color: #fff;
font-weight: 700; }
.section-announcement-bar .container.desktop .text_block a:focus {
outline: none; }
.section-announcement-bar .container.desktop .text_block a span {
color: #fff;
text-decoration: underline;
margin-left: 6px;
font-weight: 400; }
.section-announcement-bar .container.mobile {
padding: 0.313em 0; }
@media (max-width: 1023px) {
.section-announcement-bar .container.mobile {
display: block; } }
@media (max-width: 600px) {
.section-announcement-bar .container.mobile {
width: 100%; } }
@media (max-width: 600px) {
.section-announcement-bar .container.mobile .text_block {
width: 100%; } }
.section-announcement-bar .container.mobile .text_block a {
font-size: 16px;
line-height: 26px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
color: #fff; }
@media (max-width: 800px) {
.section-announcement-bar .container.mobile .text_block a {
font-size: 14px;
line-height: 18.2px;
white-space: nowrap; } }
@media (max-width: 475px) {
.section-announcement-bar .container.mobile .text_block a {
font-size: 11px; } }
.section-announcement-bar .container.mobile .text_block a span {
color: #fff;
font-size: 16px;
line-height: 26px;
text-decoration: underline;
margin-left: 6px;
font-weight: 400; }
@media (max-width: 800px) {
.section-announcement-bar .container.mobile .text_block a span {
font-size: 14px;
line-height: 18.2px; } }
@media (max-width: 475px) {
.section-announcement-bar .container.mobile .text_block a span {
font-size: 11px; } }
.section-announcement-bar .container.mobile .text_block a svg {
margin-right: 10px; }
@media (max-width: 600px) {
.section-announcement-bar .container.mobile .text_block a svg {
margin-right: 4px; } }
.section-announcement-bar {
overflow: hidden;
text-align: center; }
.section-announcement-bar .container {
padding: .5em 0; }
.section-announcement-bar .block p {
/* stylelint-disable-line scss/at-extend-no-missing-placeholder */
animation: v-slide 1.5s ease-in-out;
margin: 0;
opacity: 1;
transform: translateY(0); }
.section-announcement-bar .block p a,
.section-announcement-bar .block p a:visited {
color: #fff; }
.section-announcement-bar .block.carousel-cell {
width: 100%; }
.section-announcement-bar .icon-link::before, .section-announcement-bar .block p::before {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='35px' height='16px' viewBox='0 0 35 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E4E993462-5D11-46C5-A04D-3053050615E4%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='elements-/-header-final' transform='translate(-768.000000, -185.000000)' fill='%23FFFFFF'%3E%3Cg id='Group-3' transform='translate(0.000000, 172.000000)'%3E%3Cg id='Group-2' transform='translate(768.000000, 9.000000)'%3E%3Cg id='Group-15' transform='translate(0.000000, 4.000000)'%3E%3Cpath d='M15.174891,9.83019208 L10.7880755,9.83019208 C10.0627572,9.83019208 9.47232669,9.25394159 9.47232669,8.54533267 L9.47232669,7.55466733 C9.47232669,6.84605841 10.0627572,6.26980792 10.7880755,6.26980792 L15.174891,6.26980792 L15.174891,2.11814567 C15.174891,1.85227283 15.2580127,1.60518448 15.4,1.4 L6.40273909,1.4 L6.40273909,1.40288992 C2.85631087,1.46646821 0,4.41707879 0,8.05 C0,11.6829212 2.85631087,14.6335318 6.40273909,14.6971101 L6.40273909,14.7 L15.4,14.7 C15.2580127,14.4951045 15.174891,14.2477272 15.174891,13.9818543 L15.174891,9.83019208' id='Fill-19'%3E%3C/path%3E%3Cpath d='M27.6728052,1.40288992 L27.6728052,1.4 L18.2,1.4 C18.3424437,1.60518448 18.4258327,1.85227283 18.4258327,2.11814567 L18.4258327,6.26980792 L22.5507659,6.26980792 C23.2781192,6.26980792 23.8695574,6.84605841 23.8695574,7.55466733 L23.8695574,8.54533267 C23.8695574,9.25394159 23.2781192,9.83019208 22.5507659,9.83019208 L18.4258327,9.83019208 L18.4258327,13.9818543 C18.4258327,14.2477272 18.3424437,14.4951045 18.2,14.7 L27.6728052,14.7 L27.6728052,14.6971101 C31.343699,14.6335318 34.3,11.6829212 34.3,8.05 C34.3,4.41707879 31.343699,1.46646821 27.6728052,1.40288992' id='Fill-20'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
color: #fff;
content: '\00a0';
display: inline-block;
height: 16px;
margin-right: .5em;
padding-bottom: 2px;
vertical-align: middle;
width: 35px; }
@media only screen and (max-width: 480px) {
.section-announcement-bar p {
font-size: 0.85em; } }
@keyframes v-slide {
0%, 25% {
transform: translateY(-100%);
opacity: 0; }
65%, 85% {
transform: translateY(0);
opacity: 1; }
75%, 95% {
transform: translateY(-10%); }
100% {
transform: translateY(0); } }
.collection-list-section .container {
padding-bottom: 0; }
.collection-list-section .container .sixteen.columns {
margin-bottom: 0; }
.collection-list-section .columns {
position: relative;
margin: 0 calc(10px / 2) 10px; }
.collection-list-section .columns.alpha {
margin-left: 0; }
.collection-list-section .columns .equal-columns--outside-trim .four {
width: calc(25% - (10px - (10px / 4))); }
.collection-list-section .product-wrap {
overflow: hidden; }
.collection-list-section .product-wrap .image__container {
transition: all calc(0.5s * 2) ease-in-out; }
.collection-list-section .product-wrap .image__container img {
transition: all 0.5s ease-in-out; }
.collection-list-section .product-wrap .title {
text-decoration: none;
transition: all 0.25s ease-in-out; }
.collection-list-section .product-wrap:hover .image__container {
transform: scale(1.1); }
.collection-list-section .product-wrap:hover .image__container img {
filter: brightness(50%); }
.collection-list-section .product-wrap:hover .title::after {
text-decoration: underline; }
.collection-list-section .collection-info__caption {
position: absolute;
z-index: 1;
top: 0;
left: 5%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 90%;
height: 100%;
margin: 0; }
.collection-list-section .collection-info__caption .title {
color: #fff;
font-size: 1.625em; }
.collection-list-section .collection-info__caption .title::after {
content: 'Shop Now';
display: block;
color: inherit;
font-size: 1rem;
font-weight: normal;
transition: all 0.5s ease-in-out; }
@media only screen and (max-width: 798px) {
.collection-list-section .container {
margin: 0;
padding: 0;
width: 100%; }
.collection-list-section .sixteen {
margin: 0; }
.collection-list-section .columns .equal-columns--outside-trim .four {
margin-left: 0;
margin-right: 0;
width: 100%; } }
.disclaimer-section .container {
max-width: 1440px;
margin: 0 auto;
padding: 30px 98px; }
.disclaimer-section .disclaimer__inner {
display: flex;
padding: 12px 42px;
border-radius: 10px; }
.disclaimer-section .disclaimer__icon img {
width: 30px;
height: auto; }
.disclaimer-section .disclaimer__text {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 21px;
font-size: 18px; }
.disclaimer-section .disclaimer__text p:last-child {
margin-bottom: 0; }
@media only screen and (max-width: 1024px) {
.disclaimer-section .container {
padding: 20px; }
.disclaimer-section .disclaimer__inner {
padding: 12px 17px; } }
.faqs .container.content {
display: flex; }
.faqs .container.content.content--right {
flex-direction: row-reverse; }
.faqs .container.content h3 {
font-size: 29px;
font-weight: 700;
margin-top: 44px; }
.faqs .container.content .faqAccordion {
margin-top: 37px; }
@media screen and (max-width: 768px) {
.faqs .container.content .faqAccordion {
margin-top: 15px; } }
.faqs .container.content .faqAccordion > dt > button {
color: #152B51;
font-size: 16px;
font-weight: 500; }
.faqs .container.content .faqAccordion > dt > button:hover,
.faqs .container.content .faqAccordion > dt > button:focus {
background: #F9F9F9;
color: #2AB7B7; }
@media screen and (max-width: 768px) {
.faqs .container.content .columns.page {
display: none; } }
.feature-images {
overflow: auto; }
.feature-images .one-half {
margin: 0;
width: 50%; }
.feature-images .one-half img {
transition: all 0.5s ease-in-out; }
.feature-images .one-half .caption {
padding: 0 2em; }
.feature-images .one-half .caption .caption-background-true {
transition-duration: 0.25s;
transition-property: all;
transition-timing-function: ease-in-out; }
.feature-images .one-half .caption .headline {
line-height: 1.2;
margin-bottom: .1em;
transition-delay: 0.2s;
transition-duration: 0.25s;
transition-property: all;
transition-timing-function: ease-in-out; }
.feature-images .one-half .caption .subtitle {
color: var(--button-color);
line-height: 1.2;
margin-bottom: .5em;
transition-delay: 0.3s;
transition-duration: 0.25s;
transition-property: all;
transition-timing-function: ease-in-out; }
.feature-images .one-half .caption .subtitle p {
margin: 0; }
.feature-images .one-half .caption .action_button {
transition: opacity 0.25s ease-in-out 0.5s, background-color 0.25s ease-in-out, transform 0.25s ease-in-out; }
.feature-images .one-half .caption .action_button:hover {
background-color: var(--darken-banner-button-color);
transform: scale(1.1); }
.feature-images .one-half:hover img {
transform: scale(1.1); }
.feature-images .one-half.first-load .caption-background-true,
.feature-images .one-half.first-load .headline,
.feature-images .one-half.first-load .subtitle,
.feature-images .one-half.first-load .action_button {
opacity: 0; }
@media only screen and (min-width: 799px) {
.feature-images .one-half .caption-content {
max-width: 45%;
min-width: 300px; } }
@media only screen and (max-width: 798px) {
.feature-images .one-half {
width: 100%; }
.feature-images .one-half .caption--below-true .caption-background-true.caption-transparency-false {
background-color: var(--banner-background-color); }
.feature-images .one-half .caption.caption--below-true {
position: absolute;
top: 0;
left: 0;
max-width: 70%;
height: 80%;
margin: 10% auto;
padding: 0; }
.feature-images .one-half .caption.caption--below-true .caption-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 1rem; }
.feature-images .one-half .caption.caption--below-true a.highlight-true {
border-color: var(--banner-button-color);
background-color: var(--banner-button-color); } }
@media only screen and (max-width: 798px) {
.featured-collection-section .product-grid {
padding: 0; }
.featured-collection-section .product-list .thumbnail:nth-of-type(n+5) {
display: none; } }
@media only screen and (min-width: 1025px) {
.featured-collection-section {
margin-bottom: 1.5em; } }
.built_by_sf9 {
color: rgba(255, 255, 255, 0.4);
display: inline-block;
font-family: Futura, sans-serif;
font-size: 0.8rem;
font-weight: bold;
line-height: 1.4;
text-align: center; }
.built_by_sf9 .icon-sf9 {
color: white;
font-size: 1.2em;
margin: 0;
vertical-align: middle; }
.built_by_sf9 strong {
color: white;
font-size: 1.1em;
font-weight: 700; }
.built_by_sf9.single-line {
vertical-align: middle; }
.built_by_sf9.single-line #sf9-icon {
vertical-align: text-bottom; }
.built_by_sf9.single-line strong {
vertical-align: middle; }
.footer-credits-section {
background-color: var(--sub-footer-background-color); }
.footer-credits-section .footer_credits {
border-top: none;
color: var(--footer-text-color);
margin-top: 0; }
.footer-credits-section .footer_credits_wrap {
border-top: 1px solid var(--footer_border_color); }
.footer-credits-section .footer_credits_wrap .container {
align-items: center;
display: flex;
justify-content: space-between;
padding-top: 1em; }
.footer-credits-section .footer_credits_wrap .container .columns {
flex: 1; }
.footer-credits-section .footer_credits_wrap p.credits {
color: var(--footer-text-color);
font-size: 0.81em; }
.footer-credits-section .footer_credits_wrap p.credits a {
color: var(--footer-text-color); }
.footer-credits-section .footer_credits_wrap .payment_methods {
float: none;
margin: 0;
padding: 0;
text-align: right;
white-space: nowrap; }
@media only screen and (max-width: 798px) {
.footer-credits-section .container {
flex-direction: column;
margin: 0;
padding-bottom: 150px;
width: 100%; }
.footer-credits-section .container .block {
margin-bottom: 0.5em;
text-align: center; }
.footer-credits-section .container .block.copyright {
order: 3; }
.footer-credits-section .container .block.designed_by_sf9 {
order: 5; }
.footer-credits-section .container .block.custom_asset {
order: 1; }
.footer-credits-section .container .block.custom_asset img {
width: auto;
height: auto; }
.footer-credits-section .container .block.payment_methods {
order: 2; }
.footer-credits-section .container .block.payment_methods .payment_methods {
text-align: center; }
.footer-credits-section .footer_credits_wrap {
background-image: url(//phelans.ie/cdn/shop/t/21/assets/motif-teal.svg?v=91702531104251830491646742835);
background-repeat: no-repeat;
background-position: bottom -50px right -50px;
background-size: 55%; } }
.footer-section footer {
border: none;
padding-top: 0; }
.footer-section .footer-menu-wrap {
padding-top: 0; }
.footer-section .footer-menu-wrap h6, .footer-section .footer-menu-wrap .h6 {
color: #ffffff;
padding-bottom: .5em;
text-transform: uppercase; }
.footer-section .footer-menu-wrap ul {
padding-top: 0; }
.footer-section .footer-menu-wrap ul li {
margin-bottom: .5em; }
.footer-section .footer-menu-wrap ul li p {
margin-bottom: 0; }
.footer-section .social_icons {
margin-top: 0; }
.footer-section .social_icons a[class^=icon-] {
align-items: center;
background-color: var(--button-color);
border-radius: 100%;
color: var(--sub-footer-background-color);
display: inline-flex;
justify-content: center;
height: 3rem;
width: 3rem; }
.footer-section .block.omega {
text-align: right; }
@media only screen and (max-width: 798px) {
.footer-section footer {
background-image: none; }
.footer-section .footer-menu-wrap {
width: 100%; }
.footer-section .footer_menu h6, .footer-section .footer_menu .h6 {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
border-top: none;
padding: 1.5em 2em; }
.footer-section .footer_menu h6 .icon-down-arrow, .footer-section .footer_menu .h6 .icon-down-arrow {
display: none; }
.footer-section .footer-image {
position: absolute;
bottom: -530px;
width: 100%;
margin: 0 auto;
text-align: center; }
.footer-section .footer-social-icons--mobile {
padding-top: 1em; } }
@media only screen and (min-width: 799px) {
.footer-section .footer-menu-wrap {
background-image: url(//phelans.ie/cdn/shop/t/21/assets/motif-teal.svg?v=91702531104251830491646742835);
background-position: 74% -80px;
background-repeat: no-repeat;
background-size: 25%;
padding-top: 2em; }
.footer-section .social_icons {
padding: 0 0 0 1em; } }
.section-header {
background-color: var(--header-bg-color);
color: var(--nav-color);
margin-top: 1.25em; }
.section-header .main-nav {
padding: 0; }
.section-header div.container {
position: static;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.75em 0; }
.section-header .block.logo {
position: relative;
float: none;
width: auto; }
.section-header .block.logo.one-whole {
text-align: center; }
.section-header .block.logo a,
.section-header .block.logo img {
width: 100%;
height: auto; }
.section-header .block.logo a {
position: absolute;
top: -65px; }
.section-header .block.search {
flex: 1; }
.section-header .block.search .search-form {
position: relative;
margin: 0 2em; }
.section-header .block.search .search-form .icon {
position: absolute;
top: 25%;
right: 1em;
color: var(--header-bg-color); }
.section-header .block.search .search-form input[type=search] {
box-sizing: border-box;
margin: 0;
padding-right: 4em;
padding-left: 1em;
border-radius: 2em;
font-size: 1rem; }
.section-header .block.search .search-form span.icon-search {
top: 0.5em;
right: 1em; }
.section-header .block.search .search-form span.icon-search::before {
content: ''; }
.section-header .block.search .search-form span.icon-search svg #icon-search {
fill: var(--header-bg-color); }
.section-header .block.menu:not(.omega) {
flex: 1;
margin: 0 4em; }
.section-header .block.menu:not(.omega) ul {
padding: 0; }
.section-header .custom_links {
align-items: flex-end;
display: flex;
justify-content: space-between;
padding: 0; }
.section-header .custom_links .custom-link-item {
flex: 1 1 0; }
.section-header .custom_links .custom-link-item:nth-of-type(4) {
display: none; }
.section-header .custom_links .custom-link-a {
align-items: center;
border-bottom: none;
display: flex;
font-size: .75em;
letter-spacing: 1px;
margin: 0;
text-align: center;
text-transform: uppercase;
transition: all .2s; }
.section-header .custom_links .custom-link-a > img {
display: inline-block;
height: 1.25rem;
margin-right: 0.5em;
vertical-align: middle;
width: auto; }
.section-header .custom_links .custom-link-a > span {
color: var(--nav-color) !important;
/* stylelint-disable-line declaration-no-important */
font-size: 0.75rem; }
.section-header .custom_links .custom-link-a.mini_cart {
float: none;
font-size: 14px;
height: auto;
letter-spacing: 0;
padding-left: 0; }
.section-header .custom_links .custom-link-a:hover {
animation: bounce 0.5s 2;
/* stylelint-disable-line no-unknown-animations */
border-bottom: none;
color: #e8e8e8 !important;
/* stylelint-disable-line declaration-no-important */ }
.section-header .custom_links .active_link .mini_cart {
background-color: transparent; }
.section-header .custom_links .cart_container:hover .cart_content,
.section-header .custom_links .cart_container.active_link .cart_content {
display: block;
opacity: 1;
visibility: visible; }
.feature_image .header .menu a,
.feature_image .header .menu a:visited {
color: var(--nav-color); }
@media only screen and (max-width: 798px) {
.section-header {
margin-top: 1em; }
.section-header.header {
display: block; }
.section-header div.container {
flex-wrap: wrap;
justify-content: flex-start;
padding-top: 0; }
.section-header .block.menu {
flex: 0;
order: 1; }
.section-header .block.logo {
flex: 1;
margin: 0 auto;
order: 2; }
.section-header .block.logo a {
top: -37px; }
.section-header .block.custom_link {
flex: 0;
order: 3; }
.section-header .block.search {
flex-basis: 100%;
order: 4; }
.section-header .block.search .search-form {
margin: 0; }
.section-header .custom_link [class*=custom-link_] {
padding: 0; }
.section-header .custom_link [class*=custom-link_]:nth-of-type(1), .section-header .custom_link [class*=custom-link_]:nth-of-type(2) {
display: none; }
.section-header .custom_link [class*=custom-link_] img {
margin: 0; }
.section-header .custom_link .link-label {
display: none; }
.section-header .custom_link .cart_count {
position: absolute;
display: inline-flex;
justify-content: center;
align-items: center;
width: 1.1rem;
height: 1.1rem;
margin-top: -1em;
margin-left: 1.2em;
padding: 0;
border-radius: 100%;
background-color: var(--button-color);
color: #fff; } }
.multi-button-section--pills.multi-button-section .container {
padding: 20px 0 36px; }
@media screen and (max-width: 768px) {
.multi-button-section--pills.multi-button-section .container {
overflow-x: auto;
margin-bottom: 30px;
padding-left: 0;
padding-right: 0; }
.multi-button-section--pills.multi-button-section .container::-webkit-scrollbar {
-webkit-appearance: none; }
.multi-button-section--pills.multi-button-section .container::-webkit-scrollbar:vertical {
width: 11px; }
.multi-button-section--pills.multi-button-section .container::-webkit-scrollbar:horizontal {
height: 11px; }
.multi-button-section--pills.multi-button-section .container::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid white;
/* should match background, can't be transparent */
background-color: rgba(0, 0, 0, 0.5); } }
.multi-button-section--pills.multi-button-section .multi-button__buttons {
background: transparent;
padding: 0;
justify-content: center;
align-items: center;
column-gap: 13px; }
@media screen and (max-width: 768px) {
.multi-button-section--pills.multi-button-section .multi-button__buttons {
flex-wrap: nowrap;
justify-content: start; } }
.multi-button-section--pills.multi-button-section .multi-button__buttons a {
flex: 0 0 auto;
width: auto;
height: auto;
font-size: 13.751px;
font-weight: 500;
padding: 13px 15px;
border-radius: 22.345px;
background: #2AB7B7;
border-color: #2AB7B7;
color: #ffffff; }
.logo-list-section {
background-color: var(--header-bg-color); }
.logo-list-section h2.title {
color: #fff; }
.logo-list-section .logo-bar {
padding: 20px 0; }
.logo-list-section .logo-bar__item.text_link {
margin: 0 0.5em 1em;
max-width: none;
width: auto; }
.logo-list-section .logo-bar__item.text_link .logo-bar__text-wrap {
background-color: var(--button-color);
border-radius: 2em;
color: #fff;
display: block;
overflow: auto;
padding: 1em 2em;
transition: all 0.25s ease-in-out; }
.logo-list-section .logo-bar__item.text_link .logo-bar__text-wrap .logo-bar__text {
color: #fff;
white-space: nowrap; }
.logo-list-section .logo-bar__item.text_link:hover .logo-bar__text-wrap {
background-color: var(--lighten-secondary-color);
transform: scaleX(1.03); }
.multi-button-section .container {
max-width: 1440px;
padding: 20px 98px 36px; }
.multi-button-section .headline {
padding: 0 0 11px 42px;
margin: 0;
font-size: 22px; }
.multi-button-section .multi-button__buttons {
display: flex;
padding: 32px 42px;
gap: 20px;
flex-wrap: wrap;
background: rgba(42, 183, 183, 0.2); }
.multi-button-section .multi-button__buttons a {
display: flex;
width: calc(25% - (20px * 3 / 4));
height: 79px;
padding: 15px 7px;
flex-direction: column;
justify-content: center;
align-items: center;
background: #FFF;
border: 1px solid #C9C7C7;
box-shadow: 4px 2px 9px 0 rgba(40, 23, 23, 0.06);
color: var(--regular-color);
font-size: 18px;
line-height: 133%;
letter-spacing: 0.3px;
text-align: center;
transition: all 0.2s linear; }
.multi-button-section .multi-button__buttons a:hover {
color: #fff;
background: var(--regular-color);
border-color: var(--regular-color); }
.multi-button-section .multi-button__buttons a span {
color: var(--regular-color);
font-size: 14px;
letter-spacing: 0.3px; }
@media only screen and (max-width: 1024px) {
.multi-button-section .container {
padding: 22px 12px; } }
@media only screen and (max-width: 798px) {
.multi-button-section .headline {
padding: 13px 0;
margin: 0 auto;
font-size: 20.6px;
letter-spacing: 0.256px;
text-align: center; }
.multi-button-section .multi-button__buttons {
padding: 27px 17px;
gap: 16.2px; }
.multi-button-section .multi-button__buttons a {
width: calc(50% - (16.2px / 2));
padding: 7px;
font-size: 15.36px;
letter-spacing: 0.256px; }
.multi-button-section .multi-button__buttons a span {
color: var(--regular-color);
font-size: 10.24px;
letter-spacing: 0.256px; } }
.sf9-newsletter .container {
display: flex;
gap: 40px;
width: 100%;
max-width: 1440px;
padding: 58px 107px 78px; }
.sf9-newsletter .container::after {
display: none; }
.sf9-newsletter h2 {
margin: 5px 0;
font-size: 30px;
white-space: nowrap; }
.sf9-newsletter .sf9-newsletter__headings {
max-width: 513px; }
.sf9-newsletter .sf9-newsletter__headings, .sf9-newsletter .newsletter {
flex: 1; }
.sf9-newsletter .sf9-newsletter__heading-and-icon {
display: flex;
align-items: center;
gap: 10px; }
.sf9-newsletter .newsletter {
display: flex;
max-width: unset;
gap: 55px; }
.sf9-newsletter .newsletter > .klaviyo-form {
display: flex;
width: 100%;
flex-direction: column;
justify-content: flex-end; }
.sf9-newsletter div[class~=klaviyo-form] p, .sf9-newsletter div[class~=klaviyo-form] span {
color: #152b51 !important;
/* stylelint-disable-line declaration-no-important */ }
.sf9-newsletter div[class~=klaviyo-form] input[type="email"] {
/* stylelint-disable-line selector-max-attribute */
height: 55px !important;
/* stylelint-disable-line declaration-no-important */
padding: 0 25px !important;
/* stylelint-disable-line declaration-no-important */
border: none !important;
/* stylelint-disable-line declaration-no-important */
border-radius: 100px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 16px !important;
/* stylelint-disable-line declaration-no-important */
color: #343434 !important;
/* stylelint-disable-line declaration-no-important */ }
.sf9-newsletter div[class~=klaviyo-form] input[type="email"]::placeholder {
/* stylelint-disable-line selector-max-attribute */
opacity: 60% !important;
/* stylelint-disable-line declaration-no-important */ }
.sf9-newsletter div[class~=klaviyo-form] button {
vertical-align: top;
width: 167px !important;
/* stylelint-disable-line declaration-no-important */
height: 55px !important;
/* stylelint-disable-line declaration-no-important */
padding: 0 20px !important;
/* stylelint-disable-line declaration-no-important */
border: none !important;
/* stylelint-disable-line declaration-no-important */
border-radius: 100px !important;
/* stylelint-disable-line declaration-no-important */
background: #5ebebe !important;
/* stylelint-disable-line declaration-no-important */
font-family: "IBM Plex Sans", sans-serif !important;
/* stylelint-disable-line declaration-no-important */
font-size: 16px !important;
/* stylelint-disable-line declaration-no-important */
font-weight: 500 !important;
/* stylelint-disable-line declaration-no-important */
letter-spacing: 0;
line-height: 1.2 !important;
/* stylelint-disable-line declaration-no-important */
transition: all 0.2s linear; }
.sf9-newsletter div[class~=klaviyo-form] button:hover {
background-color: #152b51; }
.sf9-newsletter div[class~=klaviyo-form] div[class~=FormComponent] {
/* stylelint-disable-line selector-max-attribute */
padding: 0; }
.sf9-newsletter form [data-testid="form-row"] {
display: none !important;
/* stylelint-disable-line declaration-no-important */ }
.sf9-newsletter form [data-testid="form-row"]:last-child {
display: flex !important;
/* stylelint-disable-line declaration-no-important */
gap: 9px; }
.sf9-newsletter [data-testid="form-component"] {
padding: 0 !important;
/* stylelint-disable-line declaration-no-important */ }
.sf9-newsletter .sf9-newsletter__unsubscribe {
display: none; }
@media only screen and (max-width: 1024px) {
.sf9-newsletter .container {
width: 100%;
padding: 30px 21px 27px;
gap: 0;
flex-direction: column; }
.sf9-newsletter h2 {
font-size: 25px; }
.sf9-newsletter .sf9-newsletter__headings {
max-width: unset;
padding: 0 24px;
text-align: center; }
.sf9-newsletter .sf9-newsletter__heading-and-icon {
justify-content: center;
padding-bottom: 14px; }
.sf9-newsletter .newsletter {
width: 100%;
max-width: 700px; }
.sf9-newsletter form {
padding: 14px 0 18px !important;
/* stylelint-disable-line declaration-no-important */ }
.sf9-newsletter form [data-testid="form-row"]:last-child {
gap: 0; }
.sf9-newsletter div[class~=klaviyo-form] button {
width: 145px !important;
/* stylelint-disable-line declaration-no-important */
margin-left: -45px; }
.sf9-newsletter div[class~=klaviyo-form] input[type="email"] {
/* stylelint-disable-line selector-max-attribute */
padding-right: 65px !important;
/* stylelint-disable-line declaration-no-important */ }
.sf9-newsletter .sf9-newsletter__unsubscribe {
display: block;
padding: 0 24px;
font-size: 13px;
line-height: 150%;
text-align: center; }
.sf9-newsletter .sf9-newsletter__unsubscribe p {
text-align: center; }
.sf9-newsletter .sf9-newsletter__unsubscribe a {
text-decoration: underline; } }
.richtext-with-button {
max-width: 1440px;
margin: 54px auto 34px;
padding: 0 20px; }
.richtext-with-button .headline, .richtext-with-button .subtitle, .richtext-with-button .richtext, .richtext-with-button .button {
max-width: 750px;
margin: 0 auto;
text-align: center; }
.richtext-with-button .headline {
padding-bottom: 45px;
color: var(--headline-color);
font-size: 40px;
font-weight: 700;
line-height: 110%;
letter-spacing: 0.3px; }
.richtext-with-button .subtitle {
padding-bottom: 24px;
color: var(--button-color);
font-size: 22px;
font-weight: 600;
line-height: 110%;
letter-spacing: 0.3px; }
.richtext-with-button .richtext {
padding-bottom: 30px;
font-feature-settings: 'clig' off, 'liga' off;
font-size: 17px;
font-weight: 400;
line-height: 153%; }
.richtext-with-button .button {
height: 84px;
padding: 0 36px;
margin-bottom: 20px;
display: flex;
width: fit-content;
font-weight: 700;
letter-spacing: 0.5px;
background: #2AB7B7;
font-size: 22px; }
@media only screen and (max-width: 1024px) {
.richtext-with-button {
margin: 62px 0;
padding: 0 16px; }
.richtext-with-button .headline, .richtext-with-button .subtitle, .richtext-with-button .richtext {
letter-spacing: 0.256px; }
.richtext-with-button .headline {
font-size: 27.307px; }
.richtext-with-button .subtitle {
font-size: 18.773px; }
.richtext-with-button .richtext {
font-size: 11.947px; }
.richtext-with-button .button {
max-width: 250px;
font-size: 17.067px;
letter-spacing: 0.427px; } }
.collection-list-section--rounded.collection-list-section .product-wrap {
border-radius: 50%; }
.collection-list-section--rounded.collection-list-section .product-wrap .image__container img {
border-radius: 50%;
filter: brightness(60%); }
.collection-list-section--rounded.collection-list-section .container {
padding-top: 32px;
padding-bottom: 32px; }
.collection-list-section--rounded.collection-list-section .list-collections {
display: flex;
justify-content: center;
column-gap: 40px;
align-items: center;
flex-flow: wrap; }
@media screen and (max-width: 768px) {
.collection-list-section--rounded.collection-list-section .list-collections {
column-gap: 26px;
justify-content: start;
flex-wrap: nowrap; } }
.collection-list-section--rounded.collection-list-section .list-collections .thumbnail {
width: auto;
margin: 0;
flex: 0 0 17%;
float: none; }
@media screen and (max-width: 768px) {
.collection-list-section--rounded.collection-list-section .list-collections .thumbnail {
flex: 0 0 155px; } }
.collection-list-section--rounded.collection-list-section .collection-info__caption .title {
position: relative;
font-size: 22px;
min-height: 60px;
width: 100%; }
.collection-list-section--rounded.collection-list-section .collection-info__caption .title::after {
position: absolute;
left: 0;
right: 0;
bottom: -25px; }
@media screen and (max-width: 768px) {
.collection-list-section--rounded.collection-list-section .list-collection-wrapper {
overflow-x: auto;
padding-bottom: 15px; }
.collection-list-section--rounded.collection-list-section .list-collection-wrapper::-webkit-scrollbar {
height: 3px;
/* Adjust the height of the scrollbar */ }
.collection-list-section--rounded.collection-list-section .list-collection-wrapper::-webkit-scrollbar-thumb {
background-color: #888;
/* Color of the scrollbar thumb */
border-radius: 10px;
/* Rounded corners */ }
.collection-list-section--rounded.collection-list-section .list-collection-wrapper::-webkit-scrollbar-track {
background-color: #fff;
/* Color of the scrollbar track */ } }
.image-with-text-section.image-with-text-section--rounded .featured-link--section.featured-link--image {
border-radius: 20px;
overflow: hidden; }
@media screen and (max-width: 768px) {
.image-with-text-section.image-with-text-section--rounded .image-align--right.featured_collections.across-1 .featured-link--section {
flex-direction: column-reverse;
width: 100%; }
.image-with-text-section.image-with-text-section--rounded .image-align--right.featured_collections.across-1 .featured-link--section .featured-link--half {
width: 100% !important;
/* stylelint-disable-line declaration-no-important */ }
.image-with-text-section.image-with-text-section--rounded .image-align--right.featured_collections.across-1 .featured-link--section .featured-link--half .collection_title {
font-size: 32px; }
.image-with-text-section.image-with-text-section--rounded .image-align--right.featured_collections.across-1 .featured-link--section .featured-link--image {
margin-top: -10px; } }
.step-by-step {
padding: 30px 20px 36px;
text-align: center; }
.step-by-step .container {
width: 100%;
max-width: 1210px;
padding: 0; }
.step-by-step .step-by-step__headings {
max-width: 900px;
margin: 0 auto;
padding-bottom: 20px; }
.step-by-step .step-by-step__headings .headline {
margin: 0;
padding-bottom: 15px;
font-size: 40px; }
.step-by-step .step-by-step__headings .richtext {
font-size: 16px;
line-height: 24px; }
.step-by-step .step-by-step__steps {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start; }
.step-by-step .step-by-step__steps .headline {
margin: 0 0 10px;
font-size: 22px;
text-align: center; }
.step-by-step .step-by-step__steps .richtext {
font-size: 17px;
line-height: 152%; }
.step-by-step .step-by-step__step {
display: flex;
max-width: 263px;
padding: 0 10px;
flex-direction: column;
align-items: center;
flex: 1;
justify-content: center; }
.step-by-step .step-by-step__step .step-by-step__image {
display: flex;
margin-bottom: 17px;
align-items: center;
justify-content: center;
width: 143px;
height: 143px;
border: 3px solid var(--button-color);
background: #fff;
border-radius: 10px; }
@media only screen and (max-width: 1024px) {
.step-by-step {
padding: 30px; }
.step-by-step .step-by-step__headings {
padding-bottom: 40px; }
.step-by-step .step-by-step__headings .headline {
font-size: 32px; }
.step-by-step .step-by-step__headings .richtext {
font-size: 16px; }
.step-by-step .step-by-step__steps {
justify-content: space-around; }
.step-by-step .step-by-step__step {
padding-bottom: 25px;
flex-basis: 100%; }
.step-by-step .step-by-step__step .headline, .step-by-step .step-by-step__step .richtext {
max-width: 263px; } }
@media only screen and (max-width: 480px) {
.step-by-step .step-by-step__step {
width: 100%;
max-width: unset; } }
.page-brands .alphabet {
font-size: 0;
padding: 0; }
.page-brands .alphabet .letter {
display: inline-block;
font-size: 1rem;
margin: 0; }
.page-brands .alphabet .letter a {
background-color: #fffbeb;
border-radius: 6px;
border: none;
color: #152b51;
display: inline-block;
font-weight: bold;
padding: 0.5rem 1rem;
transition: all 0.25s ease-in-out; }
.page-brands .alphabet .letter a:active, .page-brands .alphabet .letter a:hover {
background-color: #152b51;
color: #fff; }
.page-brands .vendor-list {
column-count: 2;
column-gap: 20px; }
@media only screen and (min-width: 1025px) {
.page-brands .vendor-list {
column-count: 3; } }
body.collection .breadcrumb-section,
body[class^=collection] .breadcrumb-section {
border-bottom: 1px solid #dddddd; }
body.collection .breadcrumb-section .breadcrumb-collection,
body[class^=collection] .breadcrumb-section .breadcrumb-collection {
margin-bottom: 0; }
body.collection .section,
body[class^=collection] .section {
align-items: flex-end;
display: flex;
margin-bottom: 20px; }
body.collection .section h1, body.collection .section .h1,
body[class^=collection] .section h1,
body[class^=collection] .section .h1 {
font-size: 2.25rem; }
body.collection .section .collection_description,
body[class^=collection] .section .collection_description {
margin-bottom: 0;
display: block; }
body.collection .section #bc-sf-filter-top-sorting,
body[class^=collection] .section #bc-sf-filter-top-sorting {
border: 1px solid #dddddd;
border-radius: 0;
color: var(--header-bg-color);
font-size: 0.875em; }
body.collection .bc-sf-filter-block-content .noUi-connect,
body[class^=collection] .bc-sf-filter-block-content .noUi-connect {
background-color: var(--banner-button-color); }
body.collection .bc-sf-filter-block-content .noUi-origin .noUi-handle,
body[class^=collection] .bc-sf-filter-block-content .noUi-origin .noUi-handle {
background-color: var(--banner-button-color);
border: none;
border-radius: 100%;
height: 1.125em;
width: 1.125em; }
body.collection .bc-sf-filter-block-content .noUi-origin:last-child,
body[class^=collection] .bc-sf-filter-block-content .noUi-origin:last-child {
left: 96% !important;
/* stylelint-disable-line declaration-no-important */ }
body.collection .paginate,
body[class^=collection] .paginate {
margin: 0 auto; }
body.collection .paginate .prev,
body.collection .paginate .next,
body.collection .paginate .page a,
body[class^=collection] .paginate .prev,
body[class^=collection] .paginate .next,
body[class^=collection] .paginate .page a {
background-color: var(--newsletter-background-color);
border: none;
border-radius: 6px;
color: var(--header-bg-color);
font-weight: bold; }
body.collection .paginate .prev a,
body.collection .paginate .next a,
body[class^=collection] .paginate .prev a,
body[class^=collection] .paginate .next a {
color: transparent;
position: relative; }
body.collection .paginate .prev a::after,
body.collection .paginate .next a::after,
body[class^=collection] .paginate .prev a::after,
body[class^=collection] .paginate .next a::after {
color: var(--header-bg-color);
content: ' <';
left: 0;
position: absolute; }
body.collection .paginate .next a::after,
body[class^=collection] .paginate .next a::after {
content: '> '; }
body.collection .paginate .current,
body[class^=collection] .paginate .current {
background-color: var(--header-bg-color);
border-radius: 6px;
font-weight: bold; }
@media only screen and (max-width: 798px) {
body.collection .breadcrumb-section,
body[class^=collection] .breadcrumb-section {
border: none; }
body.collection .breadcrumb-section .container,
body[class^=collection] .breadcrumb-section .container {
padding: 0; }
body.collection .section,
body[class^=collection] .section {
align-items: center;
flex-direction: column;
text-align: center; }
body.collection .section h1, body.collection .section .h1,
body[class^=collection] .section h1,
body[class^=collection] .section .h1 {
font-size: 1.5rem; }
body.collection .section .section_select,
body[class^=collection] .section .section_select {
display: flex;
justify-content: space-between;
margin-bottom: 20px; }
body.collection .section .section_select #bc-sf-filter-tree-mobile,
body[class^=collection] .section .section_select #bc-sf-filter-tree-mobile {
flex: 1;
margin-right: 5px; }
body.collection .section .section_select #bc-sf-filter-tree-mobile #bc-sf-filter-tree-mobile-button,
body[class^=collection] .section .section_select #bc-sf-filter-tree-mobile #bc-sf-filter-tree-mobile-button {
border-radius: 0;
font-weight: bold;
margin: 0;
text-transform: capitalize; }
body.collection .section .section_select #bc-sf-filter-top-sorting,
body[class^=collection] .section .section_select #bc-sf-filter-top-sorting {
flex: 1;
padding-left: 1em;
width: auto; }
body.collection .section .paginate span:not([class]),
body[class^=collection] .section .paginate span:not([class]) {
display: none; }
body.collection .section .paginate span.page:nth-of-type(n+6),
body[class^=collection] .section .paginate span.page:nth-of-type(n+6) {
display: none; } }
body.collection-offline .inline-quickshop {
display: none;
pointer-events: none; }
body.index .index-sections {
display: flex;
flex-direction: column; }
body.blocked-scroll {
position: static;
overflow: auto;
pointer-events: auto; }
.page-lp-style .main.container {
max-width: none;
padding-top: 0;
padding-bottom: 0; }
.page-lp-style .caption .headline {
font-size: 44px; }
.page-lp-style h2.title::before,
.page-lp-style .product h2.title::before {
margin-right: 20px; }
.page-lp-style .featured-collection-section h2.title {
font-size: 24px;
font-weight: 700;
line-height: normal; }
.page-lp-style .featured-collection-section .container.full-width--true, .page-lp-style .featured-collection-section .full-width--true > .container {
max-width: 1200px; }
.page-lp-style .featured-collection-section .featured_products.product-slider {
padding-top: 0; }
.page-lp-style .featured-collection-section .slider-gallery {
position: static;
margin-bottom: 0; }
.page-lp-style .featured-collection-section .slider-gallery .inline-quickshop {
display: none; }
.page-lp-style .featured-collection-section .slider-gallery .shopify-product-form {
display: none; }
.page-lp-style .featured-collection-section .slider-gallery .product_image {
border: 1px solid #D9D9D9;
height: 240px;
display: flex;
align-items: center;
justify-content: center; }
.page-lp-style .featured-collection-section .slider-gallery .thumbnail .title {
font-size: 16px;
font-weight: 400;
margin-bottom: 1px; }
.page-lp-style .featured-collection-section .slider-gallery .thumbnail .price {
margin: 0; }
.page-lp-style .featured-collection-section .slider-gallery .thumbnail .price span.money {
color: #152B51;
font-weight: 700;
font-size: 17px; }
.page-lp-style .featured-collection-section .slider-gallery .thumbnail .sold-out,
.page-lp-style .featured-collection-section .slider-gallery .thumbnail .coming-soon {
display: none; }
.page-lp-style .featured-collection-section .slider-gallery .thumbnail .product-info__caption {
margin-top: 12px; }
.page-lp-style .featured-collection-section .slider-gallery .flickity-prev-next-button {
opacity: 1;
height: 240px; }
@media screen and (max-width: 768px) {
.page-lp-style .featured-collection-section .slider-gallery .flickity-prev-next-button {
display: none; } }
.page-lp-style .featured-collection-section .slider-gallery .flickity-prev-next-button::after {
content: '';
position: absolute;
background-repeat: no-repeat;
background-position: center;
width: 59px;
height: 59px;
background-size: 59px; }
@media screen and (max-width: 768px) {
.page-lp-style .featured-collection-section .slider-gallery .flickity-prev-next-button::after {
width: 40px;
height: 40px;
background-size: 40px; } }
.page-lp-style .featured-collection-section .slider-gallery .flickity-prev-next-button svg {
display: none; }
.page-lp-style .featured-collection-section .slider-gallery .flickity-prev-next-button.next {
right: -5%; }
.page-lp-style .featured-collection-section .slider-gallery .flickity-prev-next-button.next::after {
background-image: url('data:image/svg+xml,'); }
@media screen and (max-width: 1300px) and (min-width: 769px) {
.page-lp-style .featured-collection-section .slider-gallery .flickity-prev-next-button.next {
right: 0; } }
.page-lp-style .featured-collection-section .slider-gallery .flickity-prev-next-button.previous {
left: -5%; }
.page-lp-style .featured-collection-section .slider-gallery .flickity-prev-next-button.previous::after {
background-image: url('data:image/svg+xml,'); }
@media screen and (max-width: 1300px) and (min-width: 769px) {
.page-lp-style .featured-collection-section .slider-gallery .flickity-prev-next-button.previous {
left: 0; } }
@media screen and (max-width: 768px) {
.page-lp-style .featured-collection-section .slider-gallery .gallery-cell.visible-5 {
width: calc(50% - 10px); } }
.page-lp-style .text-columns-with-images-section img {
margin-bottom: 0; }
.page-lp-style .text-columns-with-images-section h3,
.page-lp-style .text-columns-with-images-section .h3 {
margin-top: 25px;
margin-bottom: 20px;
font-size: 29px; }
@media screen and (min-width: 769px) {
.page-lp-style .text-columns-with-images-section h3,
.page-lp-style .text-columns-with-images-section .h3 {
text-align: center; } }
.page-lp-style .text-columns-with-images-section a.continue-button {
color: #2AB7B7;
font-size: 20px;
font-weight: 600;
border-color: #2AB7B7;
padding: 20px 25px; }
.page-lp-style .text-columns-with-images-section a.continue-button:hover {
background: var(--regular-color);
border-color: var(--regular-color); }
.page-lp-style .text-columns-with-images-section .image-element__wrap {
max-height: 290px;
height: 290px;
overflow: hidden; }
@media screen and (max-width: 768px) {
.page-lp-style .text-columns-with-images-section .image-element__wrap {
max-height: none;
height: auto; } }
.page-lp-style .text-columns-with-images-section .text-column {
margin-bottom: 10px; }
@media screen and (max-width: 768px) {
.page-lp-style .image-with-text-overlay-section.image-with-text-overlay-section-dynamic {
margin-left: -20px;
margin-right: -20px; } }
.page-lp-style .image-with-text-overlay-section.image-with-text-overlay-section-dynamic .caption-content {
max-width: 70%; }
@media screen and (max-width: 768px) {
.page-lp-style .image-with-text-overlay-section.image-with-text-overlay-section-dynamic .caption-content {
max-width: 100%; } }
.page-lp-style .store-locator-section .columns {
width: calc(50% - 30px);
margin-left: calc(60px / 2);
margin-right: calc(60px / 2); }
@media screen and (max-width: 768px) {
.page-lp-style .store-locator-section .columns {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.page-lp-style .store-locator-section .locations-list {
margin-left: 0; }
@media screen and (max-width: 768px) {
.page-lp-style .store-locator-section .locations-list {
margin-top: 18px; } }
.page-lp-style .store-locator-section .locations-list h1, .page-lp-style .store-locator-section .locations-list .h1 {
margin-top: 33px;
margin-bottom: 41px; }
@media screen and (max-width: 768px) {
.page-lp-style .store-locator-section .locations-list h1, .page-lp-style .store-locator-section .locations-list .h1 {
display: none; } }
.page-lp-style .store-locator-section .locations-map {
margin-right: 0;
width: calc(700px - 30px); }
@media screen and (max-width: 768px) {
.page-lp-style .store-locator-section .locations-map {
width: 100%; } }
.page-lp-style .store-locator-section .container.equal-heights {
justify-content: space-between;
max-width: 1440px;
margin: 0 auto;
padding: 30px 98px; }
.page-lp-style .store-locator-section .accordion > dt > a::before {
display: none; }
.page-lp-style .store-locator-section .accordion > dt > a::after {
content: "\002b"; }
.page-lp-style .store-locator-section .accordion > dt > a[aria-expanded="true"]::after {
content: "\002d"; }
.page-lp-style .store-locator-section .accordion > dt > a[aria-expanded="true"] {
background: #F9F9F9;
color: #2AB7B7; }
.page-lp-style .store-locator-section .accordion > dt > a .icon {
display: none; }
.page-lp-style .store-locator-section .accordion > dt > a {
background: #F9F9F9;
font-weight: 500;
font-size: 16px; }
.page-lp-style .store-locator-section .accordion > dt > a:hover, .page-lp-style .store-locator-section .accordion > dt > a:visited, .page-lp-style .store-locator-section .accordion > dt > a:focus, .page-lp-style .store-locator-section .accordion > dt > a:active {
background: #F9F9F9;
color: #2AB7B7; }
.page-lp-style .store-locator-section .title--mobile {
font-size: 29px;
margin-top: 25px;
margin-bottom: 0;
display: none; }
@media screen and (max-width: 768px) {
.page-lp-style .store-locator-section .title--mobile {
display: block; } }
.page-lp-style .headline-section .container--wrapper {
width: 76%; }
@media screen and (max-width: 768px) {
.page-lp-style .headline-section .container--wrapper {
width: 100%; } }
.page-lp-style .headline-section .container--wrapper .title {
margin-bottom: 30px;
font-size: 29px; }
.page-lp-style .headline-section .container--wrapper .title::before {
display: none; }
@media screen and (min-width: 769px) {
.page-lp-style .headline-section .rich-text__heading.title {
text-align: center; } }
.page-lp-style .headline-section .rich-text__text.featured_text p {
font-size: 16px; }
.page-lp-style .headline-section .action_button {
padding: 0;
height: auto;
min-height: auto;
background: transparent;
color: #2AB7B7;
border-left: none;
border-right: none;
font-size: 16px;
font-weight: 400;
border-top: none;
border-radius: 0; }
.page-lp-style .section-announcement-bar:not(#shopify-section-sf9-announcement-bar) {
margin-top: 65px; }
@media screen and (max-width: 768px) {
.page-lp-style .section-announcement-bar:not(#shopify-section-sf9-announcement-bar) {
margin-left: -20px;
margin-right: -20px; } }
.page-lp-style .section-announcement-bar:not(#shopify-section-sf9-announcement-bar) .container.desktop {
padding: 22px 0;
max-width: 70%;
column-gap: 110px; }
.page-lp-style .section-announcement-bar:not(#shopify-section-sf9-announcement-bar) .container.desktop .text_block:nth-child(2) a {
border: none; }
.page-lp-style .section-announcement-bar:not(#shopify-section-sf9-announcement-bar) svg {
margin-right: 15px; }
.page-lp-style .section-announcement-bar:not(#shopify-section-sf9-announcement-bar) path {
fill: #2AB7B7; }
.page-lp-style .section-announcement-bar:not(#shopify-section-sf9-announcement-bar) .container.mobile .text_block a {
color: #141414;
font-size: 16px; }
@media screen and (min-width: 769px) {
.page-lp-style .section-announcement-bar:not(#shopify-section-sf9-announcement-bar) .block.carousel-cell {
width: auto; } }
.page-lp-style .section-announcement-bar:not(#shopify-section-sf9-announcement-bar) .container::after {
display: none; }
.page-lp-style #shopify-section-sf9-announcement-bar .block.carousel-cell {
width: 100%; }
.page-lp-style .shopify-section-group-footer-group.custom-html-section div.container {
padding: 0; }
.page-lp-style #reviewsio-carousel-widget {
display: none; }
.page-lp-style .featured-products-section {
max-width: 1440px;
margin: 0 auto;
padding: 30px 98px 0; }
.page-lp-style .featured-products-section .product_form,
.page-lp-style .featured-products-section .notify_form {
display: none; }
.page-lp-style .featured-products-section .product_section .description.bottom > p,
.page-lp-style .featured-products-section .product_section .description.bottom > h1, .page-lp-style .featured-products-section .product_section .description.bottom .h1 {
display: none; }
.page-lp-style .featured-products-section .product_section .description.bottom h2 {
font-size: 16px;
text-transform: uppercase; }
.page-lp-style .featured-products-section .product_section .description.bottom h2::after {
display: none; }
.page-lp-style .featured-products-section .price__container .money {
color: var(--Brand-Primary, #2ab7b7);
font-size: 29px;
font-weight: 400; }
.page-lp-style .featured-products-section .product_name + .feature_divider {
display: none; }
.page-lp-style .featured-products-section h2.title {
font-size: 24px;
text-transform: capitalize; }
.page-lp-style .featured-products-section h2.title::after {
content: '';
display: block;
background: var(--Brand-Primary, #2ab7b7);
width: 150px;
height: 1px;
margin: 10px auto 0; }
@media screen and (max-width: 768px) {
.page-lp-style .featured-products-section h2.title::after {
width: 100px; } }
.page-lp-style .featured-products-section .view-product-btn {
color: var(--Brand-Primary, #2ab7b7);
font-size: 20px;
font-weight: 600;
line-height: normal;
border-color: var(--Brand-Primary, #2ab7b7);
background: transparent;
text-transform: capitalize;
margin-top: 20px; }
.page-lp-style .featured-products-section .view-product-btn:hover {
background: var(--regular-color);
border-color: var(--regular-color); }
@media screen and (max-width: 768px) {
.page-lp-style .featured-products-section .view-product-btn {
font-size: 16px;
font-weight: 500;
margin-top: 0; } }
.page-lp-style .featured-products-section .product_gallery {
margin-bottom: 0; }
.page-lp-style .featured-products-section .product_gallery_nav {
display: none; }
@media screen and (max-width: 768px) {
.page-lp-style .featured-products-section .collection-in-detail .product-details {
padding-left: 0;
padding-right: 0; } }
@media screen and (max-width: 768px) {
.page-lp-style .richtext-with-button {
padding: 0;
margin-bottom: 0;
margin-top: 50px; } }
@media screen and (max-width: 768px) {
.page-lp-style .richtext-with-button .subtitle {
padding-bottom: 16px; } }
@media screen and (max-width: 768px) {
.page-lp-style .richtext-with-button .headline {
margin-bottom: 0;
padding-bottom: 16px; } }
@media screen and (max-width: 768px) {
.page-lp-style .richtext-with-button .richtext {
padding-bottom: 16px; } }
.page-lp-style .multi-button-section .headline {
text-align: center; }
@media only screen and (max-width: 1024px) {
.page-lp-style .multi-button-section .container {
padding: 22px 0; }
.page-lp-style .disclaimer-section .container,
.page-lp-style .store-locator-section .container.equal-heights,
.page-lp-style .featured-products-section {
padding: 0; }
.page-lp-style .store-locator-section .container.equal-heights {
margin-top: 25px; } }
@media screen and (max-width: 768px) {
.page-lp-style .featured-collection-section h2.title,
.page-lp-style .featured-products-section h2.title {
font-size: 19px;
line-height: normal; }
.page-lp-style .featured-collection-section h2.title::before,
.page-lp-style .featured-products-section h2.title::before {
width: 19px;
height: 18px;
background-image: url('data:image/svg+xml,');
margin-right: 15px;
vertical-align: middle; }
.page-lp-style .featured-collection-section .slider-gallery {
margin-top: 15px;
margin-bottom: 20px; }
.page-lp-style .featured-collection-section .slider-gallery .product_image {
height: 150px; }
.page-lp-style .featured-collection-section .slider-gallery .thumbnail img {
max-height: 125px; }
.page-lp-style .disclaimer-section .disclaimer__text a {
margin-right: 5px; } }
@media only screen and (min-width: 1025px) {
.page-lp-style .caption .headline {
font-size: 50px; } }
body.product .breadcrumb-section {
border-bottom: 1px solid #dddddd; }
body.product .breadcrumb-section .container {
padding: 0.5em 0 0; }
body.product .breadcrumb-section .breadcrumb-collection {
margin-bottom: 0; }
body.product .breadcrumb-section .breadcrumb-collection .breadcrumb_text {
padding: 0 0 0.7em; }
body.product .breadcrumb-section .nav_arrows {
font-size: 0; }
body.product .breadcrumb-section .nav_arrows .breadcrumb_link {
border-left: 1px solid #fff;
color: var(--button-color);
font-size: 0.75rem;
letter-spacing: 1px;
padding: 1em; }
body.product .breadcrumb-section .nav_arrows .breadcrumb_link span[class^=icon-] {
color: var(--button-color); }
body.product .breadcrumb-section .nav_arrows .breadcrumb-divider {
display: none; }
body.product .product_section .product__images {
position: relative; }
body.product .product_section .product__images .product-banners {
position: absolute;
top: 0; }
body.product .product_section .product__images .product-banners div {
align-items: center;
border-radius: 100%;
display: flex;
font-size: 1.25em;
height: 80px;
justify-content: center;
width: 80px; }
body.product .product_section .modal_price .money {
color: var(--header-bg-color);
font-size: 1.875rem; }
body.product .product_section .modal_price .was_price .money {
opacity: 0.6; }
body.product .product_section .modal_price .stock-level {
color: var(--button-color);
font-size: 0.875rem;
margin-left: 1em;
text-transform: uppercase; }
body.product .product_section .product_form {
max-width: none; }
body.product .product_section .shopify-product-form label {
color: rgba(52, 52, 52, 0.6);
font-weight: normal; }
body.product .product_section .shopify-product-form select {
max-width: 60%; }
body.product .product_section .shopify-product-form .purchase-details {
display: flex; }
body.product .product_section .shopify-product-form .product-quantity-box {
max-width: 30%; }
body.product .product_section .shopify-product-form .product-quantity-box .product-minus,
body.product .product_section .shopify-product-form .product-quantity-box .product-plus {
background-color: #fff;
border-radius: 0; }
body.product .product_section .shopify-product-form .product-quantity-box .product-minus .icon-minus::before,
body.product .product_section .shopify-product-form .product-quantity-box .product-plus .icon-minus::before {
color: rgba(52, 52, 52, 0.6);
content: '-';
font-family: var(--regular-font-family);
font-size: 1.5em;
margin: 0; }
body.product .product_section .shopify-product-form .product-quantity-box .product-minus .icon-plus::before,
body.product .product_section .shopify-product-form .product-quantity-box .product-plus .icon-plus::before {
color: rgba(52, 52, 52, 0.6);
content: '+';
font-family: var(--regular-font-family);
font-size: 1.5em;
margin: 0; }
body.product .product_section .shopify-product-form .product-quantity-box input {
font-family: var(--regular-font-family);
font-size: 1rem; }
body.product .product_section .shopify-product-form .add_to_cart {
border-radius: 0;
flex: 1;
font-weight: bold;
text-transform: uppercase; }
body.product .product_section .shopify-product-form .add_to_cart .text::after {
padding-left: 0.3em;
text-transform: uppercase; }
body.product .product_section .message {
align-items: flex-start;
display: flex;
margin-top: 1em; }
body.product .product_section .message svg {
margin-right: 1em;
padding-top: 5px;
vertical-align: middle; }
body.product .product_section .message svg path {
fill: var(--header-bg-color); }
body.product .product_section .message .text {
color: var(--header-bg-color); }
body.product .product_section .message .text p {
font-weight: bold;
margin: 0; }
body.product .product_section .message .text p + p {
margin-top: 0.5em; }
body.product .product_section .question-mark {
position: relative;
display: inline-block;
min-width: 1.5rem;
height: 1.5rem;
border: 2px solid var(--button-color);
border-radius: 100%;
font-size: 1rem; }
body.product .product_section .question-mark::before {
content: '?';
position: absolute;
left: 0.37em;
color: var(--button-color);
font-weight: bold;
line-height: 1.3; }
body.product .product_section .message-need-assistance .message-text,
body.product .product_section .message-how-to-buy .message-text {
align-items: center;
display: flex;
justify-content: flex-start;
margin-bottom: 1em; }
body.product .product_section .message-need-assistance .message-text p,
body.product .product_section .message-how-to-buy .message-text p {
display: inline-block;
font-size: 0.9em;
margin: 0 0 0 1em; }
body.product .product_section .message-need-assistance .button,
body.product .product_section .message-how-to-buy .button {
border-radius: 0;
font-size: 1em;
font-weight: bold;
margin-bottom: 1em; }
body.product .product_section .message-need-assistance .button {
background-color: transparent;
border-color: var(--button-color);
color: var(--button-color); }
body.product .product_section .product-consent {
border: 1px solid var(--header-bg-color);
display: flex;
margin-bottom: 1em;
padding: 1em; }
body.product .product_section .product-consent #product_consent {
min-width: 1.2rem;
min-height: 1.2rem; }
body.product .product_section .product-consent p {
margin-left: 1em;
margin-bottom: 0; }
body.product .product_section .product-consent .viagra_divider {
padding-bottom: 10px; }
body.product .product_section .klaviyo-bis-trigger {
display: block;
height: 44px;
padding: 0 20px;
color: var(--button-color);
border: 2px solid var(--button-color);
line-height: 40px;
text-transform: uppercase;
font-weight: bold; }
body.product .product_section .klaviyo-bis-trigger:hover {
color: #fff;
background: var(--button-color); }
body.product .below_gallery {
border-color: #dddddd;
border-style: solid;
border-width: 1px 0;
padding: 2em 0; }
body.product .below_gallery h3 {
font-size: 0.81rem;
text-transform: uppercase; }
body.product .below_gallery .description p:last-child {
margin-bottom: 0; }
@media only screen and (max-width: 798px) {
body.product .purchase-details__buttons {
margin-left: 0; }
body.product .breadcrumb-section {
border-bottom: 0; }
body.product .breadcrumb-section .container {
margin: 0;
width: 100%; }
body.product .breadcrumb-section .breadcrumb-collection {
display: flex;
flex-direction: column; }
body.product .breadcrumb-section .breadcrumb-collection .breadcrumb_text {
border-bottom: 1px solid #dddddd;
padding: 0 20px 1em; }
body.product .breadcrumb-section .breadcrumb-collection .nav_arrows {
border-bottom: none;
display: flex;
justify-content: space-between;
order: 2;
padding-bottom: 0; }
body.product .breadcrumb-section .breadcrumb-collection .nav_arrows .breadcrumb_link {
background-color: transparent;
color: var(--header-bg-color); }
body.product .breadcrumb-section .breadcrumb-collection .nav_arrows .breadcrumb_link span[class^=icon-] {
color: var(--header-bg-color); }
body.product .breadcrumb-section .breadcrumb-collection .nav_arrows .breadcrumb_link[title=Next] {
margin-left: auto; }
body.product .container.main {
padding-top: 0; }
body.product .product_section .product__images .product-banners div {
height: 60px;
width: 60px; }
body.product .product_section .product_name {
text-align: center; }
body.product .product_section .modal-price {
justify-content: center; }
body.product .product_section .shopify-product-form label {
margin-bottom: 0; }
body.product .product_section .shopify-product-form select {
max-width: none;
width: 100%; }
body.product .product_section .shopify-product-form .product-quantity-box {
max-width: none;
width: 100%; }
body.product .product_section .message {
align-items: center;
display: flex;
justify-content: space-evenly; }
body.product .product_section .message p {
margin: 0; }
body.product .below_gallery {
margin-top: 2em; }
body.product .recommended-products--grid {
padding-bottom: 0; }
body.product .product-list .thumbnail:nth-of-type(n+3) {
margin-bottom: 0; }
body.product .product-list .thumbnail:nth-of-type(n+5) {
display: none; } }
.page-smartsnap div.content {
max-width: unset;
padding: 0;
margin: 0; }
.page-smartsnap .image-with-text-overlay-section .banner {
color: #FFF; }
.page-smartsnap .image-with-text-overlay-section .caption .headline, .page-smartsnap .image-with-text-overlay-section .caption .subtitle {
color: #FFF; }
.page-smartsnap .image-with-text-overlay-section .caption .headline {
margin-bottom: 8px;
font-weight: 700; }
.page-smartsnap .image-with-text-overlay-section .image-element__wrap img {
object-fit: cover; }
@media only screen and (min-width: 1025px) {
.page-smartsnap .image-with-text-overlay-section .caption .headline {
font-size: 50px; }
.page-smartsnap .image-with-text-overlay-section .caption .subtitle {
font-size: 17px; }
.page-smartsnap .image-with-text-overlay-section .image-element__wrap img {
min-height: 384px; } }
@media only screen and (max-width: 1024px) {
.page-smartsnap div.content {
width: 100%; }
.page-smartsnap .image-with-text-overlay-section .image-element__wrap img {
min-height: 289px;
max-height: 500px; } }
.image-with-text-section--locations .page-title {
display: block;
width: 100%;
text-align: center;
font-size: 29px;
margin-bottom: 55px; }
@media screen and (max-width: 768px) {
.image-with-text-section--locations .page-title {
font-size: 32px;
margin-bottom: 15px;
text-align: left; } }
.image-with-text-section--locations .featured_collections.across-2 {
justify-content: center; }
@media screen and (max-width: 768px) {
.image-with-text-section--locations .featured_collections.across-2 {
justify-content: start; } }
.image-with-text-section--locations .featured_collections.across-2 .featured-link--section {
width: 480px;
margin-left: 50px; }
@media screen and (max-width: 768px) {
.image-with-text-section--locations .featured_collections.across-2 .featured-link--section {
margin: 0;
width: 100%; } }
.image-with-text-section--locations .featured_collections.across-2 .featured-link--section:nth-of-type(2n+1) {
margin-right: 50px;
margin-left: 0; }
@media screen and (max-width: 768px) {
.image-with-text-section--locations .featured_collections.across-2 .featured-link--section:nth-of-type(2n+1) {
margin: 0;
border-bottom: 1px solid #152B51;
padding-bottom: 20px; } }
.image-with-text-section--locations .featured_collections.across-2 .description {
font-size: 16px; }
.image-with-text-section--locations .featured_collections.across-2 .description strong {
color: #2AB7B7; }
.image-with-text-section--locations .collection_title {
font-size: 20px; }
.image-with-text-section--locations .view-all-locations {
color: #2AB7B7;
border: 1px solid #2AB7B7;
font-size: 20px;
font-style: normal;
font-weight: 500;
border-radius: 32.5px;
padding: 19px 20px;
margin-top: 60px;
width: 249px;
text-align: center; }
@media screen and (max-width: 768px) {
.image-with-text-section--locations .view-all-locations {
margin-top: 0;
font-size: 16px;
width: 180px; } }
.page-locations .equal-heights,
.page-lp-style .equal-heights {
align-items: stretch;
display: flex; }
.page-locations .accordion,
.page-lp-style .accordion {
background-color: #f7f7f7;
margin-top: 0; }
.page-locations .accordion > dt > a,
.page-lp-style .accordion > dt > a {
border-bottom-color: #dddddd;
padding-left: 50px; }
.page-locations .accordion > dt > a, .page-locations .accordion > dt > a:active, .page-locations .accordion > dt > a:visited,
.page-lp-style .accordion > dt > a,
.page-lp-style .accordion > dt > a:active,
.page-lp-style .accordion > dt > a:visited {
color: var(--regular-color); }
.page-locations .accordion > dt > a:hover,
.page-lp-style .accordion > dt > a:hover {
background-color: #eee;
color: var(--header-bg-color); }
.page-locations .accordion > dt > a .icon,
.page-lp-style .accordion > dt > a .icon {
font-size: 0.8em;
font-weight: bold;
left: 15px;
position: absolute;
top: 52%;
transform: translateY(-50.1%);
transition: all 0.2s ease-in-out; }
.page-locations .accordion > dt > a .icon::after,
.page-lp-style .accordion > dt > a .icon::after {
content: "\e905"; }
.page-locations .accordion > dt > a::after,
.page-lp-style .accordion > dt > a::after {
content: ''; }
.page-locations .accordion > dt > a[aria-expanded="true"]::after,
.page-lp-style .accordion > dt > a[aria-expanded="true"]::after {
content: ''; }
.page-locations .accordion > dt > a[aria-expanded="true"] .icon,
.page-lp-style .accordion > dt > a[aria-expanded="true"] .icon {
top: 42%;
transform: rotate(180deg); }
.page-locations .accordion > dt > a::before,
.page-lp-style .accordion > dt > a::before {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' height='100' width='71.580002' id='svg12' xml:space='preserve' enable-background='new 0 0 71.58 100' viewBox='0 0 71.58 100' y='0px' x='0px' version='1.1'%3E%3Cmetadata id='metadata18'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs16' /%3E%3Cpath fill='none' id='path2' d='M 35.79,100 C 35.79,100 0,59.617 0,35.79 0,14.33 14.343,0 35.79,0 57.237,0 71.58,14.33 71.58,35.79 71.58,59.617 35.79,100 35.79,100 Z' /%3E%3Cpath id='path4' d='M 35.79,0 C 14.343,0 0,14.33 0,35.79 0,59.617 35.79,100 35.79,100 35.79,100 71.58,59.617 71.58,35.79 71.58,14.33 57.237,0 35.79,0 Z M 6.315,36.842 c 0,-18.296 11.18,-30.527 29.474,-30.527 18.292,0 29.474,12.231 29.474,30.527 0,20.316 -29.474,53.686 -29.474,53.686 0,0 -29.474,-33.37 -29.474,-53.686 z' /%3E%3Cpath id='path6' d='m 35.959,26.374 c 5.264,0 9.532,4.268 9.532,9.531 0,5.263 -4.269,9.531 -9.532,9.531 -5.266,0 -9.534,-4.268 -9.534,-9.531 0,-5.263 4.268,-9.531 9.534,-9.531 z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
content: '\00a0';
display: inline-block;
height: 26px;
margin-right: .5em;
vertical-align: sub;
width: 19px;
fill: var(--header-bg-color);
position: absolute;
right: 0; }
.page-locations .map-section,
.page-lp-style .map-section {
height: 100%; }
.page-locations .map-section #map--1.maps,
.page-lp-style .map-section #map--1.maps {
height: 100%; }
.page-locations .map-section #map--1.maps .map,
.page-lp-style .map-section #map--1.maps .map {
height: 100%; }
@media only screen and (max-width: 798px) {
.page-locations .container.equal-heights,
.page-lp-style .container.equal-heights {
flex-direction: column; }
.page-locations .container.equal-heights .locations-list,
.page-lp-style .container.equal-heights .locations-list {
order: 2; }
.page-locations .container.equal-heights .locations-map .maps,
.page-lp-style .container.equal-heights .locations-map .maps {
min-height: 50vh; } }
@media only screen and (max-width: 798px) {
body {
padding-bottom: 150px; } }