/** Shopify CDN: Minification failed
Line 4817:0 Unexpected "}"
Line 15434:2 "positon" is not a known CSS property
**/
@charset "UTF-8";
#CookiebotWidget-btn-withdraw,
#CybotCookiebotDialogBodyLevelButtonCustomize,
.CybotCookiebotDialogBodyButton,
#CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialogBodyEdgeMoreDetailsLink {
color: #0E103E !important;
border-color: #0E103E !important;
}
#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyLevelButtonAccept,
#CookiebotWidget-btn-change,
button.CybotCookiebotDialogBodyButton {
background-color: white !important;
}
button.CybotCookiebotDialogBodyButton:hover {
color: #ffffff !important;
background-color: #0E103E !important;
border-color: #0E103E !important;
}
#CybotCookiebotDialogPoweredbyCybot, .CookiebotWidget-main-logo {
display: none !important;
}
.CybotCookiebotDialogBodyButton:hover {
color: #00558A !important;
}
.surface-pick-up-embed {
--surface-pick-up-embed-theme-success-color: limegreen;
--surface-pick-up-embed-theme-error-color: #b33a3a;
--surface-pick-up-embed-theme-paragraph-font-size: 16px;
--surface-pick-up-embed-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-embed-theme-paragraph-font-size) - 4px);
--surface-pick-up-embed-theme-body-font-weight-bold: 600;
--surface-pick-up-embed-theme-body-text-color: #808080;
--surface-pick-up-embed-theme-link-text-decoration: underline;
--surface-pick-up-embed-row-gap: 10px;
--surface-pick-up-embed-column-gap: 10px;
display: grid;
grid-template-columns: -webkit-min-content auto;
grid-template-columns: min-content auto;
row-gap: var(--surface-pick-up-embed-row-gap);
column-gap: var(--surface-pick-up-embed-column-gap);
justify-content: flex-start;
text-align: left;
}
.surface-pick-up-embed__in-stock-icon,
.surface-pick-up-embed__out-of-stock-icon {
grid-column-start: 1;
grid-column-end: 2;
margin-top: 3px;
}
.surface-pick-up-embed__in-stock-icon {
fill: var(--surface-pick-up-embed-theme-success-color);
}
.surface-pick-up-embed__out-of-stock-icon {
fill: var(--surface-pick-up-embed-theme-error-color);
}
.surface-pick-up-embed__location-info,
.surface-pick-up-embed__modal-btn {
grid-column-start: 2;
grid-column-end: 3;
}
.surface-pick-up-embed__location-info {
grid-row-start: 1;
grid-row-end: 2;
}
.surface-pick-up-embed__location-availability {
margin-top: 0;
margin-bottom: 0;
font-family: inherit;
font-size: var(--surface-pick-up-embed-theme-paragraph-font-size);
font-weight: inherit;
color: var(--surface-pick-up-embed-theme-body-text-color);
}
.surface-pick-up-embed__location-availability b {
font-weight: var(--surface-pick-up-embed-theme-body-font-weight-bold);
}
.surface-pick-up-embed__location-pick-up-time {
font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
color: var(--surface-pick-up-embed-theme-body-text-color);
}
.surface-pick-up-embed__modal-btn {
grid-row-start: 2;
grid-row-end: 3;
justify-self: start;
padding: 0;
font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
color: var(--surface-pick-up-theme-embed-body-text-color);
text-align: left;
-webkit-text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
cursor: pointer;
background-color: initial;
border: 0;
}
.surface-pick-up-items {
padding: 0;
margin: 0;
}
.surface-pick-up-item {
--surface-pick-up-item-theme-success-color: limegreen;
--surface-pick-up-item-theme-error-color: #b33a3a;
--surface-pick-up-item-theme-paragraph-font-size: 16px;
--surface-pick-up-item-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-item-theme-paragraph-font-size) - 4px);
--surface-pick-up-item-theme-body-font-weight-bold: 600;
--surface-pick-up-item-theme-body-text-color: #808080;
--surface-pick-up-item-theme-border-color: #d9d9d9;
--surface-pick-up-item-theme-link-text-decoration: underline;
--surface-pick-up-item-row-gap: 10px;
--surface-pick-up-item-column-gap: 5px;
--surface-pick-up-item-gap: 28px;
display: grid;
grid-template-columns: repeat(2, auto) 1fr;
row-gap: var(--surface-pick-up-item-row-gap);
column-gap: var(--surface-pick-up-item-column-gap);
justify-content: flex-start;
padding-bottom: var(--surface-pick-up-item-gap);
margin: var(--surface-pick-up-item-gap) 0 0;
text-align: left;
border-bottom: 1px solid var(--surface-pick-up-item-theme-border-color);
}
.surface-pick-up-item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.surface-pick-up-item__header {
display: flex;
grid-column: span 3;
align-items: flex-end;
}
.surface-pick-up-item__pick-up-location {
margin-top: 0;
margin-bottom: 0;
font-family: inherit;
font-size: var(--surface-pick-up-item-theme-paragraph-font-size);
font-weight: var(--surface-pick-up-item-theme-body-font-weight-bold);
color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__pick-up-distance {
padding-left: 2rem;
margin: 0 0 0 auto;
}
.surface-pick-up-item__in-stock-icon,
.surface-pick-up-item__out-of-stock-icon {
grid-row-start: 2;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 2;
margin-top: 1px;
}
.surface-pick-up-item__in-stock-icon {
fill: var(--surface-pick-up-item-theme-success-color);
}
.surface-pick-up-item__out-of-stock-icon {
fill: var(--surface-pick-up-item-theme-error-color);
}
.surface-pick-up-item__availability {
grid-row-start: 2;
grid-row-end: 3;
grid-column-start: 2;
grid-column-end: 3;
font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__address-info {
grid-row-start: 3;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 3;
font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
font-style: normal;
line-height: 1.4;
color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__address-info p {
margin: 0;
}
.surface-pick-up-item__address-info a,
.surface-pick-up-item__address-info a:visited {
color: inherit;
text-decoration: none;
}
.surface-pick-up-item__address-info a:focus,
.surface-pick-up-item__address-info a:active,
.surface-pick-up-item__address-info a:hover {
color: inherit;
}
.surface-pick-up-item__confirm-address {
margin-top: var(--surface-pick-up-item-row-gap);
}
.surface-pick-up-item__confirm-address-icon {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px;
}
/******************************************************************
Theme Name: Turbo
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
#MediaQueries
#Mixins
#Helper Classes
#Functions
#Grid/layout
#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
#Site Styles
#Header
#Currency / Language switcher
#Swatch Styles
#Sidebar
#Plyr
#Flickity
#Password Page
#Account
#Policy pages
#Page Details
#Product page
#Product Media
#Product Details
#Product Recommendations
#Home page - General
#Home page - Slideshow
#Home page - Search
#Home page - Image with text
#Home page - Divider
#Home page - Quote
#Home page - Rich text and image
#Home page - Featured promotions
#Home page - Featured product
#Home page - Featured collection
#Home page - Image with text overlay
#Home page - Video
#Home page - Newsletter
#Home page - Text column with images
#Font-Face
#Custom Styles */
/* #Variables
================================================== */
/* Responsiveness */
/* The `$breakpoints` list is used to build our media queries.
- You can use these in the media-query mixin.
*/
/* #mediaQueries */
/* #Mixins
================================================== */
/* Media query mixin */
/* Responsive Show/Hide Helper */
/* Responsive Text Alignment Helper */
/* #Helper Classes
================================================== */
/* Flexbox */
.is-flex {
display: flex;
}
.is-inline-flex {
display: inline-flex;
}
.is-align-start,
.is-align-left {
align-items: flex-start;
}
.is-align-end,
.is-align-right {
align-items: flex-end;
}
.is-align-self-end,
.is-align-self-right {
align-self: flex-end;
}
.is-align-baseline {
align-items: baseline;
}
.is-align-center {
align-items: center;
}
.is-align-stretch {
align-items: stretch;
}
.is-justify-start,
.is-justify-left {
justify-content: flex-start;
}
.is-justify-end,
.is-justify-right {
justify-content: flex-end;
}
.is-justify-center {
justify-content: center;
}
.is-justify-space-around {
justify-content: space-around;
}
.is-justify-space-between {
justify-content: space-between;
}
.is-flex-nowrap {
flex-wrap: nowrap;
}
.is-flex-wrap {
flex-wrap: wrap;
}
.is-flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
.is-flex-row {
flex-direction: row;
}
.is-flex-row-reverse {
flex-direction: row-reverse;
}
.is-flex-column {
flex-direction: column;
}
.is-flex-column-reverse {
flex-direction: column-reverse;
}
/* Flex position order */
.is-order-aligned-left {
order: -1;
}
@media
only screen and (max-width: 480px)
{
.is-order-aligned-left {
order: inherit;
}
}
.is-order-aligned-right {
order: 1;
}
@media
only screen and (max-width: 480px)
{
.is-order-aligned-right {
order: inherit;
}
}
/* Padding helpers */
.has-padding-top {
padding-top: 20px;
}
.has-padding-bottom {
padding-bottom: 20px;
}
.has-padding-left {
padding-left: 20px;
}
.has-padding-right {
padding-right: 20px;
}
.has-padding {
padding: 20px;
}
/* Margin helpers */
.has-margin-top {
margin-top: 20px;
}
.has-margin-bottom {
margin-bottom: 20px;
}
/* Text alignment */
.text-align-center {
text-align: center;
}
.text-align-left,
.text-align-start {
text-align: left;
}
.text-align-left h1, .text-align-left h2, .text-align-left h3,
.text-align-left h1.title,
.text-align-left h2.title,
.text-align-left h3.title,
.text-align-start h1,
.text-align-start h2,
.text-align-start h3,
.text-align-start h1.title,
.text-align-start h2.title,
.text-align-start h3.title {
text-align: left;
}
.text-align-right,
.text-align-end {
text-align: right;
}
.text-align-right h1, .text-align-right h2, .text-align-right h3,
.text-align-right h1.title,
.text-align-right h2.title,
.text-align-right h3.title,
.text-align-end h1,
.text-align-end h2,
.text-align-end h3,
.text-align-end h1.title,
.text-align-end h2.title,
.text-align-end h3.title {
text-align: right;
}
/* Visibility */
.is-hidden {
display: none !important;
}
.is-visible {
display: block !important;
}
.is-sr-only {
border: none !important;
clip: rect(0, 0, 0, 0) !important;
height: 0.01em !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 0.01em !important;
}
.is-invisible {
visibility: hidden !important;
}
@media only screen and (min-width: 481px) and (max-width: 798px) {
.is-hidden-small {
display: none !important;
}
}
@media only screen and (min-width: 799px) and (max-width: 1024px) {
.is-hidden-medium {
display: none !important;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.is-hidden-large {
display: none !important;
}
}
@media
only screen and (max-width: 798px)
{
.is-hidden-mobile-only {
display: none !important;
}
}
@media only screen and (min-width: 799px) {
.is-hidden-desktop-only {
display: none !important;
}
}
@media
only screen and (max-width: 480px)
{
.is-hidden-mobile-only-video {
display: none !important;
}
}
@media only screen and (min-width: 481px) {
.is-hidden-desktop-only-video {
display: none !important;
}
}
@media only screen and (min-width: 1401px) {
.is-hidden-widescreen {
display: none !important;
}
}
@media
only screen and (max-width: 798px)
{
.is-visible--mobile {
display: block !important;
}
}
@media
only screen and (max-width: 798px)
{
.is-hidden-offset-mobile-only {
left: 0 !important;
}
}
.is-invisible {
visibility: hidden !important;
}
/* #Functions
================================================== */
/* #Grid/Layout
================================================== */
.index {
display: flex;
flex-wrap: wrap;
}
/* Home page sections are set to flex so that half sizes may sit side-by-side */
.index-sections,
.page-blocks {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.index-sections {
padding-bottom:60px;
}
@media
only screen and (max-width: 480px)
{
.index-sections {
padding-bottom:20px;
}
}
/* Controls the width and spacing of each section - the class ".shopify-section" is generated by Shopify and applied to each element (along with unique ID) - uses CSS variables which are set in liquid files */
.shopify-section {
width: 100%;
}
@media
only screen and (max-width: 480px)
{
.shopify-section {
width: 100% !important;
padding-left: 0 !important;
/* Ignores padding set on larger screen sizes */
padding-right: 0 !important;
/* Ignores padding set on larger screen sizes */
}
}
/* Handles the background color and margins depending on what width has been chosen */
.section {
max-width: 1200px;
width:calc(100% - 40px);
margin-left: auto;
margin-right: auto;
}
.section.is-width-wide {
width: 100%;
max-width: none;
}
.shopify-section-wrapper {
display: flex;
flex-wrap: wrap;
padding-top: 40px;
}
.shopify-section-wrapper .is-width-wide {
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: 100vw;
position: relative;
right: 50%;
width: 100vw;
}
.shopify-section-wrapper .shopify-section .section:not(.is-width-wide) {
max-width: 100%;
width: 100%;
margin: 0;
}
.shopify-section-wrapper .shopify-section.shopify-section--search .is-width-wide {
background-color: #b4bac1;
}
/* Parent container for column elements - uses flexbox, so this container can be made smaller and the columns will shrink in relation */
.container {
position: relative;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.container .column:not(.one-whole),
.container .columns {
margin-left: calc(20px / 2);
margin-right: calc(20px / 2);
}
@media
only screen and (min-width: 799px)
{
.blog-article__main .container .column:first-child,
.blog-article__main .container .columns:first-child {
margin-left: 0;
}
.blog-article__main .container .column:last-child,
.blog-article__main .container .columns:last-child {
margin-right: 0;
}
}
.product-container {
width: 100%;
max-width:1200px;
margin:20px auto 0 auto;
}
@media
only screen and (max-width: 1200px)
{
.product-container {
padding:0 20px;
margin:20px auto 0 auto;
}
}
@media
only screen and (max-width: 798px)
{
.product-container {
padding:0;
margin: 0 auto 0 auto;
}
}
/* Applies flex styling for columns created using Content Creator */
.row {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
@media
only screen and (max-width: 798px)
{
.row .column,
.row .columns {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
[class*=offset-by] {
position: relative;
}
/*================ Build Base Grid Classes ================*/
.hidden {
display: none;
}
.visible {
display: block;
}
/* 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);
}
@media
only screen and (max-width: 798px)
{ /***brought from styles.scss for mobile sidebar****/
.container .eleven.column {
width: 100%;
}
}
/* Whole */
.one-whole {
width: calc(100% - 20px);
}
/* Halves */
.one-half {
width: calc(50% - 20px);
}
/* Thirds */
.one-third {
width: calc(33.3333333333% - 20px);
}
.two-thirds {
width: calc(66.6666666667% - 20px);
}
/* Fourths */
.one-fourth {
width: calc(25% - 20px);
}
.two-fourths {
width: calc(50% - 20px);
}
.three-fourths {
width: calc(75% - 20px);
}
/* Fifths */
.one-fifth {
width: calc(20% - 20px);
}
.two-fifths {
width: calc(40% - 20px);
}
.three-fifths {
width: calc(60% - 20px);
}
.four-fifths {
width: calc(80% - 20px);
}
/* Sixths */
.one-sixth {
width: calc(16.6666666667% - 20px);
}
.two-sixths {
width: calc(33.3333333333% - 20px);
}
.three-sixths {
width: calc(50% - 20px);
}
.four-sixths {
width: calc(66.6666666667% - 20px);
}
.five-sixths {
width: calc(83.3333333333% - 20px);
}
/* Sevenths */
.one-seventh {
width: calc(14.2857142857% - 20px);
}
.two-sevenths {
width: calc(28.5714285714% - 20px);
}
.three-sevenths {
width: calc(42.8571428571% - 20px);
}
.four-sevenths {
width: calc(57.1428571429% - 20px);
}
.five-sevenths {
width: calc(71.4285714286% - 20px);
}
/* Eighths */
.one-eighth {
width: calc(12.5% - 20px);
}
.two-eighths {
width: calc(25% - 20px);
}
.three-eighths {
width: calc(37.5% - 20px);
}
.four-eighths {
width: calc(50% - 20px);
}
.five-eighths {
width: calc(62.5% - 20px);
}
.six-eighths {
width: calc(75% - 20px);
}
.seven-eighths {
width: calc(87.5% - 20px);
}
/* Tenths */
.one-tenth {
width: calc(10% - 20px);
}
.two-tenths {
width: calc(20% - 20px);
}
.three-tenths {
width: calc(30% - 20px);
}
.four-tenths {
width: calc(40% - 20px);
}
.five-tenths {
width: calc(50% - 20px);
}
.six-tenths {
width: calc(60% - 20px);
}
.seven-tenths {
width: calc(70% - 20px);
}
.eight-tenths {
width: calc(80% - 20px);
}
.nine-tenths {
width: calc(90% - 20px);
}
/* Twelfths */
.one-twelfth {
width: calc(8.3333333333% - 20px);
}
.two-twelfths {
width: calc(16.6666666667% - 20px);
}
.three-twelfths {
width: calc(25% - 20px);
}
.four-twelfths {
width: calc(33.3333333333% - 20px);
}
.five-twelfths {
width: calc(41.6666666667% - 20px);
}
.six-twelfths {
width: calc(50% - 20px);
}
.seven-twelfths {
width: calc(58.3333333333% - 20px);
}
.eight-twelfths {
width: calc(66.6666666667% - 20px);
}
.nine-twelfths {
width: calc(75% - 20px);
}
.ten-twelfths {
width: calc(83.3333333333% - 20px);
}
.eleven-twelfths {
width: calc(91.6666666667% - 20px);
}
/* Offsets */
@media
only screen and (min-width: 799px)
{
.offset-by-one {
left: calc(6.25%);
}
}
.offset-by-two {
left: calc(12.5%);
}
.offset-by-three {
left: calc(18.75%);
}
.offset-by-four {
left: calc(25%);
}
.offset-by-five {
left: calc(31.25%);
}
.offset-by-six {
left: calc(37.5%);
}
.offset-by-seven {
left: calc(43.75%);
}
.offset-by-eight {
left: calc(50%);
}
.offset-by-nine {
left: calc(56.25%);
}
.offset-by-ten {
left: calc(62.5%);
}
.offset-by-eleven {
left: calc(68.75%);
}
.offset-by-twelve {
left: calc(75%);
}
.offset-by-thirteen {
left: calc(81.25%);
}
.offset-by-fourteen {
left: calc(87.5%);
}
.offset-by-fifteen {
left: calc(93.75%);
}
/* Remove gutter on first and last column (must be consistent size) */
.equal-columns--outside-trim .one-half:nth-of-type(2n),
.equal-columns--outside-trim .eight:nth-of-type(2n),
.equal-columns--outside-trim .one-third:nth-of-type(3n),
.equal-columns--outside-trim .one-fourth:nth-of-type(4n),
.equal-columns--outside-trim .four:nth-of-type(4n),
.equal-columns--outside-trim .one-fifth:nth-of-type(5n),
.equal-columns--outside-trim .one-sixth:nth-of-type(6n),
.equal-columns--outside-trim .one-seventh:nth-of-type(7n),
.equal-columns--outside-trim .two:nth-of-type(8n) {
margin-right: 0;
}
.equal-columns--outside-trim .one-half:nth-of-type(2n+1),
.equal-columns--outside-trim .eight:nth-of-type(2n+1),
.equal-columns--outside-trim .one-third:nth-of-type(3n+1),
.equal-columns--outside-trim .one-fourth:nth-of-type(4n+1),
.equal-columns--outside-trim .four:nth-of-type(4n+1),
.equal-columns--outside-trim .one-fifth:nth-of-type(5n+1),
.equal-columns--outside-trim .one-sixth:nth-of-type(6n+1),
.equal-columns--outside-trim .one-seventh:nth-of-type(7n+1),
.equal-columns--outside-trim .two:nth-of-type(8n+1) {
margin-left: 0;
}
.equal-columns--outside-trim .one-whole:nth-of-type(1n+1) {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.equal-columns--outside-trim .one-half {
width: calc(50% - (20px - (20px / 2)));
}
.equal-columns--outside-trim .one-third {
width: calc(33.3333333333% - (20px - (20px / 3)));
}
.equal-columns--outside-trim .one-fifth {
width: calc(20% - (20px - (20px / 5)));
}
.equal-columns--outside-trim .one-fourth {
width: calc(25% - (20px - (20px / 4)));
}
.equal-columns--outside-trim .one-sixth {
width: calc(16.6666666667% - (20px - (20px / 6)));
}
.equal-columns--outside-trim .one-seventh {
width: calc(14.2857142857% - (20px - (20px / 7)));
}
.equal-columns--outside-trim .two {
width: calc(12.5% - (20px - (20px / 8)));
}
.equal-columns--outside-trim .four {
width: calc(25% - (20px - (20px / 4)));
}
.equal-columns--outside-trim .seven {
width: calc(43.75% - (20px - (20px / 2)));
}
.equal-columns--outside-trim .eight {
width: calc(50% - (20px / 2));
}
.equal-columns--outside-trim .nine {
width: calc(56.25% - (20px - (20px / 2)));
}
/* Remove side gutter on all columns */
.has-no-side-gutter.has-background {
padding-right: 0px;
padding-left: 0px;
}
.has-no-side-gutter .one-whole,
.has-no-side-gutter .one-half,
.has-no-side-gutter .eight,
.has-no-side-gutter .one-third,
.has-no-side-gutter .two-thirds,
.has-no-side-gutter .one-fourth,
.has-no-side-gutter .four,
.has-no-side-gutter .one-fifth,
.has-no-side-gutter .three-fifths,
.has-no-side-gutter .two-fifths,
.has-no-side-gutter .one-sixth,
.has-no-side-gutter .one-seventh,
.has-no-side-gutter .one-eighth,
.has-no-side-gutter .two {
margin-right: 0;
margin-left: 0;
}
.has-no-side-gutter .one-whole {
width: 100%;
}
.has-no-side-gutter .one-half {
width: 50%;
}
.has-no-side-gutter .one-third {
width: 33.3333333333%;
}
.has-no-side-gutter .one-fourth {
width: 25%;
}
.has-no-side-gutter .one-fifth {
width: 20%;
}
.has-no-side-gutter .two-fifths {
width: 40%;
}
.has-no-side-gutter .three-fifths {
width: 60%;
}
.has-no-side-gutter .one-sixth {
width: 16.6666666667%;
}
.has-no-side-gutter .one-seventh {
width: 14.2857142857%;
}
.has-no-side-gutter .one-eighth {
width: 12.5%;
}
.has-no-side-gutter .two-thirds {
width: 66.6666666667%;
}
.has-no-side-gutter .two {
width: 12.5%;
}
.has-no-side-gutter .four {
width: 25%;
}
.has-no-side-gutter .seven {
width: 43.75%;
}
.has-no-side-gutter .eight {
width: 50%;
}
.has-no-side-gutter .nine {
width: 56.25%;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
/*============================================================================
Generate breakpoint-specific column widths and push classes
- Default column widths: $breakpoint-has-widths: ($small, $medium-up);
- Default is no push classes
- Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
/*================ Build Responsive Grid Classes ================*/
@media
only screen and (max-width: 1024px)
{
.large-down--hidden {
display: none;
}
.large-down--visible {
display: block;
}
/* Base Grid */
.large-down--one {
width: calc(6.25% - 20px);
}
.large-down--two {
width: calc(12.5% - 20px);
}
.large-down--three {
width: calc(18.75% - 20px);
}
.large-down--four {
width: calc(25% - 20px);
}
.large-down--five {
width: calc(31.25% - 20px);
}
.large-down--six {
width: calc(37.5% - 20px);
}
.large-down--seven {
width: calc(43.75% - 20px);
}
.large-down--eight {
width: calc(50% - 20px);
}
.large-down--nine {
width: calc(56.25% - 20px);
}
.large-down--ten {
width: calc(62.5% - 20px);
}
.large-down--eleven {
width: calc(68.75% - 20px);
}
.large-down--twelve {
width: calc(75% - 20px);
}
.large-down--thirteen {
width: calc(81.25% - 20px);
}
.large-down--fourteen {
width: calc(87.5% - 20px);
}
.large-down--fifteen {
width: calc(93.75% - 20px);
}
.large-down--sixteen {
width: calc(100% - 20px);
}
/* Whole */
.large-down--one-whole {
width: calc(100% - 20px);
}
/* Halves */
.large-down--one-half {
width: calc(50% - 20px);
}
/* Thirds */
.large-down--one-third {
width: calc(33.3333333333% - 20px);
}
.large-down--two-thirds {
width: calc(66.6666666667% - 20px);
}
/* Fourths */
.large-down--one-fourth {
width: calc(25% - 20px);
}
.large-down--two-fourths {
width: calc(50% - 20px);
}
.large-down--three-fourths {
width: calc(75% - 20px);
}
/* Fifths */
.large-down--one-fifth {
width: calc(20% - 20px);
}
.large-down--two-fifths {
width: calc(40% - 20px);
}
.large-down--three-fifths {
width: calc(60% - 20px);
}
.large-down--four-fifths {
width: calc(80% - 20px);
}
/* Sixths */
.large-down--one-sixth {
width: calc(16.6666666667% - 20px);
}
.large-down--two-sixths {
width: calc(33.3333333333% - 20px);
}
.large-down--three-sixths {
width: calc(50% - 20px);
}
.large-down--four-sixths {
width: calc(66.6666666667% - 20px);
}
.large-down--five-sixths {
width: calc(83.3333333333% - 20px);
}
/* Sevenths */
.large-down--one-seventh {
width: calc(14.2857142857% - 20px);
}
.large-down--two-sevenths {
width: calc(28.5714285714% - 20px);
}
.large-down--three-sevenths {
width: calc(42.8571428571% - 20px);
}
.large-down--four-sevenths {
width: calc(57.1428571429% - 20px);
}
.large-down--five-sevenths {
width: calc(71.4285714286% - 20px);
}
/* Eighths */
.large-down--one-eighth {
width: calc(12.5% - 20px);
}
.large-down--two-eighths {
width: calc(25% - 20px);
}
.large-down--three-eighths {
width: calc(37.5% - 20px);
}
.large-down--four-eighths {
width: calc(50% - 20px);
}
.large-down--five-eighths {
width: calc(62.5% - 20px);
}
.large-down--six-eighths {
width: calc(75% - 20px);
}
.large-down--seven-eighths {
width: calc(87.5% - 20px);
}
/* Tenths */
.large-down--one-tenth {
width: calc(10% - 20px);
}
.large-down--two-tenths {
width: calc(20% - 20px);
}
.large-down--three-tenths {
width: calc(30% - 20px);
}
.large-down--four-tenths {
width: calc(40% - 20px);
}
.large-down--five-tenths {
width: calc(50% - 20px);
}
.large-down--six-tenths {
width: calc(60% - 20px);
}
.large-down--seven-tenths {
width: calc(70% - 20px);
}
.large-down--eight-tenths {
width: calc(80% - 20px);
}
.large-down--nine-tenths {
width: calc(90% - 20px);
}
/* Twelfths */
.large-down--one-twelfth {
width: calc(8.3333333333% - 20px);
}
.large-down--two-twelfths {
width: calc(16.6666666667% - 20px);
}
.large-down--three-twelfths {
width: calc(25% - 20px);
}
.large-down--four-twelfths {
width: calc(33.3333333333% - 20px);
}
.large-down--five-twelfths {
width: calc(41.6666666667% - 20px);
}
.large-down--six-twelfths {
width: calc(50% - 20px);
}
.large-down--seven-twelfths {
width: calc(58.3333333333% - 20px);
}
.large-down--eight-twelfths {
width: calc(66.6666666667% - 20px);
}
.large-down--nine-twelfths {
width: calc(75% - 20px);
}
.large-down--ten-twelfths {
width: calc(83.3333333333% - 20px);
}
.large-down--eleven-twelfths {
width: calc(91.6666666667% - 20px);
}
/* Offsets */
.large-down--offset-by-one {
left: calc(6.25%);
}
.large-down--offset-by-two {
left: calc(12.5%);
}
.large-down--offset-by-three {
left: calc(18.75%);
}
.large-down--offset-by-four {
left: calc(25%);
}
.large-down--offset-by-five {
left: calc(31.25%);
}
.large-down--offset-by-six {
left: calc(37.5%);
}
.large-down--offset-by-seven {
left: calc(43.75%);
}
.large-down--offset-by-eight {
left: calc(50%);
}
.large-down--offset-by-nine {
left: calc(56.25%);
}
.large-down--offset-by-ten {
left: calc(62.5%);
}
.large-down--offset-by-eleven {
left: calc(68.75%);
}
.large-down--offset-by-twelve {
left: calc(75%);
}
.large-down--offset-by-thirteen {
left: calc(81.25%);
}
.large-down--offset-by-fourteen {
left: calc(87.5%);
}
.large-down--offset-by-fifteen {
left: calc(93.75%);
}
/* Remove gutter on first and last column (must be consistent size) */
.equal-columns--outside-trim .large-down--one-half:nth-of-type(2n),
.equal-columns--outside-trim .large-down--eight:nth-of-type(2n),
.equal-columns--outside-trim .large-down--one-third:nth-of-type(3n),
.equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n),
.equal-columns--outside-trim .large-down--four:nth-of-type(4n),
.equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n),
.equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n),
.equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n),
.equal-columns--outside-trim .large-down--two:nth-of-type(8n) {
margin-right: 0;
}
.equal-columns--outside-trim .large-down--one-half:nth-of-type(2n+1),
.equal-columns--outside-trim .large-down--eight:nth-of-type(2n+1),
.equal-columns--outside-trim .large-down--one-third:nth-of-type(3n+1),
.equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n+1),
.equal-columns--outside-trim .large-down--four:nth-of-type(4n+1),
.equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n+1),
.equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n+1),
.equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n+1),
.equal-columns--outside-trim .large-down--two:nth-of-type(8n+1) {
margin-left: 0;
}
/* Remove side gutter on all columns */
}
@media
only screen and (max-width: 1024px)
and (max-width: 1024px) {
.equal-columns--outside-trim {
/* Reset previous margins */
/* Set new margins on right */
/* Set new margins on left */
}
.equal-columns--outside-trim .large-down--one-half.large-down--one-half,
.equal-columns--outside-trim .large-down--eight.large-down--eight,
.equal-columns--outside-trim .large-down--one-third.large-down--one-third,
.equal-columns--outside-trim .large-down--one-fourth.large-down--one-fourth,
.equal-columns--outside-trim .large-down--four.large-down--four,
.equal-columns--outside-trim .large-down--one-fifth.large-down--one-fifth,
.equal-columns--outside-trim .large-down--one-sixth.large-down--one-sixth,
.equal-columns--outside-trim .large-down--one-seventh.large-down--one-seventh,
.equal-columns--outside-trim .large-down--two.large-down--two {
margin-left: calc(20px / 2);
margin-right: calc(20px / 2);
}
.equal-columns--outside-trim .large-down--one-half:nth-of-type(2n),
.equal-columns--outside-trim .large-down--eight:nth-of-type(2n),
.equal-columns--outside-trim .large-down--one-third:nth-of-type(3n),
.equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n),
.equal-columns--outside-trim .large-down--four:nth-of-type(4n),
.equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n),
.equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n),
.equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n),
.equal-columns--outside-trim .large-down--two:nth-of-type(8n) {
margin-right: 0;
}
.equal-columns--outside-trim .large-down--one-half:nth-of-type(2n+1),
.equal-columns--outside-trim .large-down--eight:nth-of-type(2n+1),
.equal-columns--outside-trim .large-down--one-third:nth-of-type(3n+1),
.equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n+1),
.equal-columns--outside-trim .large-down--four:nth-of-type(4n+1),
.equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n+1),
.equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n+1),
.equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n+1),
.equal-columns--outside-trim .large-down--two:nth-of-type(8n+1) {
margin-left: 0;
}
}
@media
only screen and (max-width: 1024px)
{
.equal-columns--outside-trim .large-down--one-whole:nth-of-type(1n+1) {
width: 100%;
margin-right: 0;
margin-left: 0;
}
}
@media
only screen and (max-width: 1024px)
{
.equal-columns--outside-trim .large-down--one-half {
width: calc(50% - (20px - (20px / 2)));
}
}
@media
only screen and (max-width: 1024px)
{
.equal-columns--outside-trim .large-down--one-third {
width: calc(33.3333333333% - (20px - (20px / 3)));
}
}
@media
only screen and (max-width: 1024px)
{
.equal-columns--outside-trim .large-down--one-fifth {
width: calc(20% - (20px - (20px / 5)));
}
}
@media
only screen and (max-width: 1024px)
{
.equal-columns--outside-trim .large-down--one-fourth {
width: calc(25% - (20px - (20px / 4)));
}
}
@media
only screen and (max-width: 1024px)
{
.equal-columns--outside-trim .large-down--one-sixth {
width: calc(16.6666666667% - (20px - (20px / 6)));
}
}
@media
only screen and (max-width: 1024px)
{
.equal-columns--outside-trim .large-down--one-seventh {
width: calc(14.2857142857% - (20px - (20px / 7)));
}
}
@media
only screen and (max-width: 1024px)
{
.equal-columns--outside-trim .large-down--two {
width: calc(12.5% - (20px - (20px / 8)));
}
}
@media
only screen and (max-width: 1024px)
{
.equal-columns--outside-trim .large-down--four {
width: calc(25% - (20px - (20px / 4)));
}
}
@media
only screen and (max-width: 1024px)
{
.equal-columns--outside-trim .large-down--seven {
width: calc(43.75% - (20px - (20px / 2)));
}
}
@media
only screen and (max-width: 1024px)
{
.equal-columns--outside-trim .large-down--eight {
width: calc(50% - (20px / 2));
}
}
@media
only screen and (max-width: 1024px)
{
.equal-columns--outside-trim .large-down--nine {
width: calc(56.25% - (20px - (20px / 2)));
}
}
@media
only screen and (max-width: 1024px)
{
.has-no-side-gutter.has-background {
padding-right: 0px;
padding-left: 0px;
}
.has-no-side-gutter .large-down--one-whole,
.has-no-side-gutter .large-down--one-half,
.has-no-side-gutter .large-down--eight,
.has-no-side-gutter .large-down--one-third,
.has-no-side-gutter .large-down--two-thirds,
.has-no-side-gutter .large-down--one-fourth,
.has-no-side-gutter .large-down--four,
.has-no-side-gutter .large-down--one-fifth,
.has-no-side-gutter .large-down--three-fifths,
.has-no-side-gutter .large-down--two-fifths,
.has-no-side-gutter .large-down--one-sixth,
.has-no-side-gutter .large-down--one-seventh,
.has-no-side-gutter .large-down--one-eighth,
.has-no-side-gutter .large-down--two {
margin-right: 0;
margin-left: 0;
}
.has-no-side-gutter .large-down--one-whole {
width: 100%;
}
.has-no-side-gutter .large-down--one-half {
width: 50%;
}
.has-no-side-gutter .large-down--one-third {
width: 33.3333333333%;
}
.has-no-side-gutter .large-down--one-fourth {
width: 25%;
}
.has-no-side-gutter .large-down--one-fifth {
width: 20%;
}
.has-no-side-gutter .large-down--two-fifths {
width: 40%;
}
.has-no-side-gutter .large-down--three-fifths {
width: 60%;
}
.has-no-side-gutter .large-down--one-sixth {
width: 16.6666666667%;
}
.has-no-side-gutter .large-down--one-seventh {
width: 14.2857142857%;
}
.has-no-side-gutter .large-down--one-eighth {
width: 12.5%;
}
.has-no-side-gutter .large-down--two-thirds {
width: 66.6666666667%;
}
.has-no-side-gutter .large-down--two {
width: 12.5%;
}
.has-no-side-gutter .large-down--four {
width: 25%;
}
.has-no-side-gutter .large-down--seven {
width: 43.75%;
}
.has-no-side-gutter .large-down--eight {
width: 50%;
}
.has-no-side-gutter .large-down--nine {
width: 56.25%;
}
}
@media
only screen and (max-width: 1024px)
{
.large-down--show {
display: block !important;
}
}
@media
only screen and (max-width: 1024px)
{
.large-down--hide {
display: none !important;
}
}
@media
only screen and (max-width: 1024px)
{
.large-down--text-left {
text-align: left !important;
}
}
@media
only screen and (max-width: 1024px)
{
.large-down--text-right {
text-align: right !important;
}
}
@media
only screen and (max-width: 1024px)
{
.large-down--text-center {
text-align: center !important;
}
}
@media
only screen and (max-width: 798px)
{
.medium-down--hidden {
display: none;
}
.medium-down--visible {
display: block;
}
/* Base Grid */
.medium-down--one {
width: calc(6.25% - 20px);
}
.medium-down--two {
width: calc(12.5% - 20px);
}
.medium-down--three {
width: calc(18.75% - 20px);
}
.medium-down--four {
width: calc(25% - 20px);
}
.medium-down--five {
width: calc(31.25% - 20px);
}
.medium-down--six {
width: calc(37.5% - 20px);
}
.medium-down--seven {
width: calc(43.75% - 20px);
}
.medium-down--eight {
width: calc(50% - 20px);
}
.medium-down--nine {
width: calc(56.25% - 20px);
}
.medium-down--ten {
width: calc(62.5% - 20px);
}
.medium-down--eleven {
width: calc(68.75% - 20px);
}
.medium-down--twelve {
width: calc(75% - 20px);
}
.medium-down--thirteen {
width: calc(81.25% - 20px);
}
.medium-down--fourteen {
width: calc(87.5% - 20px);
}
.medium-down--fifteen {
width: calc(93.75% - 20px);
}
.medium-down--sixteen {
width: calc(100% - 20px);
}
/* Whole */
.medium-down--one-whole {
width: calc(100% - 20px);
}
/* Halves */
.medium-down--one-half {
width: calc(50% - 20px);
}
/* Thirds */
.medium-down--one-third {
width: calc(33.3333333333% - 20px);
}
.medium-down--two-thirds {
width: calc(66.6666666667% - 20px);
}
/* Fourths */
.medium-down--one-fourth {
width: calc(25% - 20px);
}
.medium-down--two-fourths {
width: calc(50% - 20px);
}
.medium-down--three-fourths {
width: calc(75% - 20px);
}
/* Fifths */
.medium-down--one-fifth {
width: calc(20% - 20px);
}
.medium-down--two-fifths {
width: calc(40% - 20px);
}
.medium-down--three-fifths {
width: calc(60% - 20px);
}
.medium-down--four-fifths {
width: calc(80% - 20px);
}
/* Sixths */
.medium-down--one-sixth {
width: calc(16.6666666667% - 20px);
}
.medium-down--two-sixths {
width: calc(33.3333333333% - 20px);
}
.medium-down--three-sixths {
width: calc(50% - 20px);
}
.medium-down--four-sixths {
width: calc(66.6666666667% - 20px);
}
.medium-down--five-sixths {
width: calc(83.3333333333% - 20px);
}
/* Sevenths */
.medium-down--one-seventh {
width: calc(14.2857142857% - 20px);
}
.medium-down--two-sevenths {
width: calc(28.5714285714% - 20px);
}
.medium-down--three-sevenths {
width: calc(42.8571428571% - 20px);
}
.medium-down--four-sevenths {
width: calc(57.1428571429% - 20px);
}
.medium-down--five-sevenths {
width: calc(71.4285714286% - 20px);
}
/* Eighths */
.medium-down--one-eighth {
width: calc(12.5% - 20px);
}
.medium-down--two-eighths {
width: calc(25% - 20px);
}
.medium-down--three-eighths {
width: calc(37.5% - 20px);
}
.medium-down--four-eighths {
width: calc(50% - 20px);
}
.medium-down--five-eighths {
width: calc(62.5% - 20px);
}
.medium-down--six-eighths {
width: calc(75% - 20px);
}
.medium-down--seven-eighths {
width: calc(87.5% - 20px);
}
/* Tenths */
.medium-down--one-tenth {
width: calc(10% - 20px);
}
.medium-down--two-tenths {
width: calc(20% - 20px);
}
.medium-down--three-tenths {
width: calc(30% - 20px);
}
.medium-down--four-tenths {
width: calc(40% - 20px);
}
.medium-down--five-tenths {
width: calc(50% - 20px);
}
.medium-down--six-tenths {
width: calc(60% - 20px);
}
.medium-down--seven-tenths {
width: calc(70% - 20px);
}
.medium-down--eight-tenths {
width: calc(80% - 20px);
}
.medium-down--nine-tenths {
width: calc(90% - 20px);
}
/* Twelfths */
.medium-down--one-twelfth {
width: calc(8.3333333333% - 20px);
}
.medium-down--two-twelfths {
width: calc(16.6666666667% - 20px);
}
.medium-down--three-twelfths {
width: calc(25% - 20px);
}
.medium-down--four-twelfths {
width: calc(33.3333333333% - 20px);
}
.medium-down--five-twelfths {
width: calc(41.6666666667% - 20px);
}
.medium-down--six-twelfths {
width: calc(50% - 20px);
}
.medium-down--seven-twelfths {
width: calc(58.3333333333% - 20px);
}
.medium-down--eight-twelfths {
width: calc(66.6666666667% - 20px);
}
.medium-down--nine-twelfths {
width: calc(75% - 20px);
}
.medium-down--ten-twelfths {
width: calc(83.3333333333% - 20px);
}
.medium-down--eleven-twelfths {
width: calc(91.6666666667% - 20px);
}
/* Offsets */
.medium-down--offset-by-one {
left: calc(6.25%);
}
.medium-down--offset-by-two {
left: calc(12.5%);
}
.medium-down--offset-by-three {
left: calc(18.75%);
}
.medium-down--offset-by-four {
left: calc(25%);
}
.medium-down--offset-by-five {
left: calc(31.25%);
}
.medium-down--offset-by-six {
left: calc(37.5%);
}
.medium-down--offset-by-seven {
left: calc(43.75%);
}
.medium-down--offset-by-eight {
left: calc(50%);
}
.medium-down--offset-by-nine {
left: calc(56.25%);
}
.medium-down--offset-by-ten {
left: calc(62.5%);
}
.medium-down--offset-by-eleven {
left: calc(68.75%);
}
.medium-down--offset-by-twelve {
left: calc(75%);
}
.medium-down--offset-by-thirteen {
left: calc(81.25%);
}
.medium-down--offset-by-fourteen {
left: calc(87.5%);
}
.medium-down--offset-by-fifteen {
left: calc(93.75%);
}
/* Remove gutter on first and last column (must be consistent size) */
.equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n),
.equal-columns--outside-trim .medium-down--eight:nth-of-type(2n),
.equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n),
.equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n),
.equal-columns--outside-trim .medium-down--four:nth-of-type(4n),
.equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n),
.equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n),
.equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n),
.equal-columns--outside-trim .medium-down--two:nth-of-type(8n) {
margin-right: 0;
}
.equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n+1),
.equal-columns--outside-trim .medium-down--eight:nth-of-type(2n+1),
.equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n+1),
.equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n+1),
.equal-columns--outside-trim .medium-down--four:nth-of-type(4n+1),
.equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n+1),
.equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n+1),
.equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n+1),
.equal-columns--outside-trim .medium-down--two:nth-of-type(8n+1) {
margin-left: 0;
}
/* Remove side gutter on all columns */
}
@media
only screen and (max-width: 798px)
and (max-width: 798px) {
.equal-columns--outside-trim {
/* Reset previous margins */
/* Set new margins on right */
/* Set new margins on left */
}
.equal-columns--outside-trim .medium-down--one-half.medium-down--one-half,
.equal-columns--outside-trim .medium-down--eight.medium-down--eight,
.equal-columns--outside-trim .medium-down--one-third.medium-down--one-third,
.equal-columns--outside-trim .medium-down--one-fourth.medium-down--one-fourth,
.equal-columns--outside-trim .medium-down--four.medium-down--four,
.equal-columns--outside-trim .medium-down--one-fifth.medium-down--one-fifth,
.equal-columns--outside-trim .medium-down--one-sixth.medium-down--one-sixth,
.equal-columns--outside-trim .medium-down--one-seventh.medium-down--one-seventh,
.equal-columns--outside-trim .medium-down--two.medium-down--two {
margin-left: calc(20px / 2);
margin-right: calc(20px / 2);
}
.equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n),
.equal-columns--outside-trim .medium-down--eight:nth-of-type(2n),
.equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n),
.equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n),
.equal-columns--outside-trim .medium-down--four:nth-of-type(4n),
.equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n),
.equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n),
.equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n),
.equal-columns--outside-trim .medium-down--two:nth-of-type(8n) {
margin-right: 0;
}
.equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n+1),
.equal-columns--outside-trim .medium-down--eight:nth-of-type(2n+1),
.equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n+1),
.equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n+1),
.equal-columns--outside-trim .medium-down--four:nth-of-type(4n+1),
.equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n+1),
.equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n+1),
.equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n+1),
.equal-columns--outside-trim .medium-down--two:nth-of-type(8n+1) {
margin-left: 0;
}
}
@media
only screen and (max-width: 798px)
{
.equal-columns--outside-trim .medium-down--one-whole:nth-of-type(1n+1) {
width: 100%;
margin-right: 0;
margin-left: 0;
}
}
@media
only screen and (max-width: 798px)
{
.equal-columns--outside-trim .medium-down--one-half {
width: calc(50% - (20px - (20px / 2)));
}
}
@media
only screen and (max-width: 798px)
{
.equal-columns--outside-trim .medium-down--one-third {
width: calc(33.3333333333% - (20px - (20px / 3)));
}
}
@media
only screen and (max-width: 798px)
{
.equal-columns--outside-trim .medium-down--one-fifth {
width: calc(20% - (20px - (20px / 5)));
}
}
@media
only screen and (max-width: 798px)
{
.equal-columns--outside-trim .medium-down--one-fourth {
width: calc(25% - (20px - (20px / 4)));
}
}
@media
only screen and (max-width: 798px)
{
.equal-columns--outside-trim .medium-down--one-sixth {
width: calc(16.6666666667% - (20px - (20px / 6)));
}
}
@media
only screen and (max-width: 798px)
{
.equal-columns--outside-trim .medium-down--one-seventh {
width: calc(14.2857142857% - (20px - (20px / 7)));
}
}
@media
only screen and (max-width: 798px)
{
.equal-columns--outside-trim .medium-down--two {
width: calc(12.5% - (20px - (20px / 8)));
}
}
@media
only screen and (max-width: 798px)
{
.equal-columns--outside-trim .medium-down--four {
width: calc(25% - (20px - (20px / 4)));
}
}
@media
only screen and (max-width: 798px)
{
.equal-columns--outside-trim .medium-down--seven {
width: calc(43.75% - (20px - (20px / 2)));
}
}
@media
only screen and (max-width: 798px)
{
.equal-columns--outside-trim .medium-down--eight {
width: calc(50% - (20px / 2));
}
}
@media
only screen and (max-width: 798px)
{
.equal-columns--outside-trim .medium-down--nine {
width: calc(56.25% - (20px - (20px / 2)));
}
}
@media
only screen and (max-width: 798px)
{
.has-no-side-gutter.has-background {
padding-right: 0px;
padding-left: 0px;
}
.has-no-side-gutter .medium-down--one-whole,
.has-no-side-gutter .medium-down--one-half,
.has-no-side-gutter .medium-down--eight,
.has-no-side-gutter .medium-down--one-third,
.has-no-side-gutter .medium-down--two-thirds,
.has-no-side-gutter .medium-down--one-fourth,
.has-no-side-gutter .medium-down--four,
.has-no-side-gutter .medium-down--one-fifth,
.has-no-side-gutter .medium-down--three-fifths,
.has-no-side-gutter .medium-down--two-fifths,
.has-no-side-gutter .medium-down--one-sixth,
.has-no-side-gutter .medium-down--one-seventh,
.has-no-side-gutter .medium-down--one-eighth,
.has-no-side-gutter .medium-down--two {
margin-right: 0;
margin-left: 0;
}
.has-no-side-gutter .medium-down--one-whole {
width: 100%;
}
.has-no-side-gutter .medium-down--one-half {
width: 50%;
}
.has-no-side-gutter .medium-down--one-third {
width: 33.3333333333%;
}
.has-no-side-gutter .medium-down--one-fourth {
width: 25%;
}
.has-no-side-gutter .medium-down--one-fifth {
width: 20%;
}
.has-no-side-gutter .medium-down--two-fifths {
width: 40%;
}
.has-no-side-gutter .medium-down--three-fifths {
width: 60%;
}
.has-no-side-gutter .medium-down--one-sixth {
width: 16.6666666667%;
}
.has-no-side-gutter .medium-down--one-seventh {
width: 14.2857142857%;
}
.has-no-side-gutter .medium-down--one-eighth {
width: 12.5%;
}
.has-no-side-gutter .medium-down--two-thirds {
width: 66.6666666667%;
}
.has-no-side-gutter .medium-down--two {
width: 12.5%;
}
.has-no-side-gutter .medium-down--four {
width: 25%;
}
.has-no-side-gutter .medium-down--seven {
width: 43.75%;
}
.has-no-side-gutter .medium-down--eight {
width: 50%;
}
.has-no-side-gutter .medium-down--nine {
width: 56.25%;
}
}
@media
only screen and (max-width: 798px)
{
.medium-down--show {
display: block !important;
}
}
@media
only screen and (max-width: 798px)
{
.medium-down--hide {
display: none !important;
}
}
@media
only screen and (max-width: 798px)
{
.medium-down--text-left {
text-align: left !important;
}
}
@media
only screen and (max-width: 798px)
{
.medium-down--text-right {
text-align: right !important;
}
}
@media
only screen and (max-width: 798px)
{
.medium-down--text-center {
text-align: center !important;
}
}
@media
only screen and (max-width: 480px)
{
.small-down--hidden {
display: none;
}
.small-down--visible {
display: block;
}
/* Base Grid */
.small-down--one {
width: calc(6.25% - 20px);
}
.small-down--two {
width: calc(12.5% - 20px);
}
.small-down--three {
width: calc(18.75% - 20px);
}
.small-down--four {
width: calc(25% - 20px);
}
.small-down--five {
width: calc(31.25% - 20px);
}
.small-down--six {
width: calc(37.5% - 20px);
}
.small-down--seven {
width: calc(43.75% - 20px);
}
.small-down--eight {
width: calc(50% - 20px);
}
.small-down--nine {
width: calc(56.25% - 20px);
}
.small-down--ten {
width: calc(62.5% - 20px);
}
.small-down--eleven {
width: calc(68.75% - 20px);
}
.small-down--twelve {
width: calc(75% - 20px);
}
.small-down--thirteen {
width: calc(81.25% - 20px);
}
.small-down--fourteen {
width: calc(87.5% - 20px);
}
.small-down--fifteen {
width: calc(93.75% - 20px);
}
.small-down--sixteen {
width: calc(100% - 20px);
}
/* Whole */
.small-down--one-whole {
width: calc(100% - 20px);
}
/* Halves */
.small-down--one-half {
width: calc(50% - 20px);
}
/* Thirds */
.small-down--one-third {
width: calc(33.3333333333% - 20px);
}
.small-down--two-thirds {
width: calc(66.6666666667% - 20px);
}
/* Fourths */
.small-down--one-fourth {
width: calc(25% - 20px);
}
.small-down--two-fourths {
width: calc(50% - 20px);
}
.small-down--three-fourths {
width: calc(75% - 20px);
}
/* Fifths */
.small-down--one-fifth {
width: calc(20% - 20px);
}
.small-down--two-fifths {
width: calc(40% - 20px);
}
.small-down--three-fifths {
width: calc(60% - 20px);
}
.small-down--four-fifths {
width: calc(80% - 20px);
}
/* Sixths */
.small-down--one-sixth {
width: calc(16.6666666667% - 20px);
}
.small-down--two-sixths {
width: calc(33.3333333333% - 20px);
}
.small-down--three-sixths {
width: calc(50% - 20px);
}
.small-down--four-sixths {
width: calc(66.6666666667% - 20px);
}
.small-down--five-sixths {
width: calc(83.3333333333% - 20px);
}
/* Sevenths */
.small-down--one-seventh {
width: calc(14.2857142857% - 20px);
}
.small-down--two-sevenths {
width: calc(28.5714285714% - 20px);
}
.small-down--three-sevenths {
width: calc(42.8571428571% - 20px);
}
.small-down--four-sevenths {
width: calc(57.1428571429% - 20px);
}
.small-down--five-sevenths {
width: calc(71.4285714286% - 20px);
}
/* Eighths */
.small-down--one-eighth {
width: calc(12.5% - 20px);
}
.small-down--two-eighths {
width: calc(25% - 20px);
}
.small-down--three-eighths {
width: calc(37.5% - 20px);
}
.small-down--four-eighths {
width: calc(50% - 20px);
}
.small-down--five-eighths {
width: calc(62.5% - 20px);
}
.small-down--six-eighths {
width: calc(75% - 20px);
}
.small-down--seven-eighths {
width: calc(87.5% - 20px);
}
/* Tenths */
.small-down--one-tenth {
width: calc(10% - 20px);
}
.small-down--two-tenths {
width: calc(20% - 20px);
}
.small-down--three-tenths {
width: calc(30% - 20px);
}
.small-down--four-tenths {
width: calc(40% - 20px);
}
.small-down--five-tenths {
width: calc(50% - 20px);
}
.small-down--six-tenths {
width: calc(60% - 20px);
}
.small-down--seven-tenths {
width: calc(70% - 20px);
}
.small-down--eight-tenths {
width: calc(80% - 20px);
}
.small-down--nine-tenths {
width: calc(90% - 20px);
}
/* Twelfths */
.small-down--one-twelfth {
width: calc(8.3333333333% - 20px);
}
.small-down--two-twelfths {
width: calc(16.6666666667% - 20px);
}
.small-down--three-twelfths {
width: calc(25% - 20px);
}
.small-down--four-twelfths {
width: calc(33.3333333333% - 20px);
}
.small-down--five-twelfths {
width: calc(41.6666666667% - 20px);
}
.small-down--six-twelfths {
width: calc(50% - 20px);
}
.small-down--seven-twelfths {
width: calc(58.3333333333% - 20px);
}
.small-down--eight-twelfths {
width: calc(66.6666666667% - 20px);
}
.small-down--nine-twelfths {
width: calc(75% - 20px);
}
.small-down--ten-twelfths {
width: calc(83.3333333333% - 20px);
}
.small-down--eleven-twelfths {
width: calc(91.6666666667% - 20px);
}
/* Offsets */
.small-down--offset-by-one {
left: calc(6.25%);
}
.small-down--offset-by-two {
left: calc(12.5%);
}
.small-down--offset-by-three {
left: calc(18.75%);
}
.small-down--offset-by-four {
left: calc(25%);
}
.small-down--offset-by-five {
left: calc(31.25%);
}
.small-down--offset-by-six {
left: calc(37.5%);
}
.small-down--offset-by-seven {
left: calc(43.75%);
}
.small-down--offset-by-eight {
left: calc(50%);
}
.small-down--offset-by-nine {
left: calc(56.25%);
}
.small-down--offset-by-ten {
left: calc(62.5%);
}
.small-down--offset-by-eleven {
left: calc(68.75%);
}
.small-down--offset-by-twelve {
left: calc(75%);
}
.small-down--offset-by-thirteen {
left: calc(81.25%);
}
.small-down--offset-by-fourteen {
left: calc(87.5%);
}
.small-down--offset-by-fifteen {
left: calc(93.75%);
}
/* Remove gutter on first and last column (must be consistent size) */
.equal-columns--outside-trim .small-down--one-half:nth-of-type(2n),
.equal-columns--outside-trim .small-down--eight:nth-of-type(2n),
.equal-columns--outside-trim .small-down--one-third:nth-of-type(3n),
.equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n),
.equal-columns--outside-trim .small-down--four:nth-of-type(4n),
.equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n),
.equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n),
.equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n),
.equal-columns--outside-trim .small-down--two:nth-of-type(8n) {
margin-right: 0;
}
.equal-columns--outside-trim .small-down--one-half:nth-of-type(2n+1),
.equal-columns--outside-trim .small-down--eight:nth-of-type(2n+1),
.equal-columns--outside-trim .small-down--one-third:nth-of-type(3n+1),
.equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n+1),
.equal-columns--outside-trim .small-down--four:nth-of-type(4n+1),
.equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n+1),
.equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n+1),
.equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n+1),
.equal-columns--outside-trim .small-down--two:nth-of-type(8n+1) {
margin-left: 0;
}
/* Remove side gutter on all columns */
}
@media
only screen and (max-width: 480px)
and (max-width: 480px) {
.equal-columns--outside-trim {
/* Reset previous margins */
/* Set new margins on right */
/* Set new margins on left */
}
.equal-columns--outside-trim .small-down--one-half.small-down--one-half,
.equal-columns--outside-trim .small-down--eight.small-down--eight,
.equal-columns--outside-trim .small-down--one-third.small-down--one-third,
.equal-columns--outside-trim .small-down--one-fourth.small-down--one-fourth,
.equal-columns--outside-trim .small-down--four.small-down--four,
.equal-columns--outside-trim .small-down--one-fifth.small-down--one-fifth,
.equal-columns--outside-trim .small-down--one-sixth.small-down--one-sixth,
.equal-columns--outside-trim .small-down--one-seventh.small-down--one-seventh,
.equal-columns--outside-trim .small-down--two.small-down--two {
margin-left: calc(20px / 2);
margin-right: calc(20px / 2);
}
.equal-columns--outside-trim .small-down--one-half:nth-of-type(2n),
.equal-columns--outside-trim .small-down--eight:nth-of-type(2n),
.equal-columns--outside-trim .small-down--one-third:nth-of-type(3n),
.equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n),
.equal-columns--outside-trim .small-down--four:nth-of-type(4n),
.equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n),
.equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n),
.equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n),
.equal-columns--outside-trim .small-down--two:nth-of-type(8n) {
margin-right: 0;
}
.equal-columns--outside-trim .small-down--one-half:nth-of-type(2n+1),
.equal-columns--outside-trim .small-down--eight:nth-of-type(2n+1),
.equal-columns--outside-trim .small-down--one-third:nth-of-type(3n+1),
.equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n+1),
.equal-columns--outside-trim .small-down--four:nth-of-type(4n+1),
.equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n+1),
.equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n+1),
.equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n+1),
.equal-columns--outside-trim .small-down--two:nth-of-type(8n+1) {
margin-left: 0;
}
}
@media
only screen and (max-width: 480px)
{
.equal-columns--outside-trim .small-down--one-whole:nth-of-type(1n+1) {
width: 100%;
margin-right: 0;
margin-left: 0;
}
}
@media
only screen and (max-width: 480px)
{
.equal-columns--outside-trim .small-down--one-half {
width: calc(50% - (20px - (20px / 2)));
}
}
@media
only screen and (max-width: 480px)
{
.equal-columns--outside-trim .small-down--one-third {
width: calc(33.3333333333% - (20px - (20px / 3)));
}
}
@media
only screen and (max-width: 480px)
{
.equal-columns--outside-trim .small-down--one-fifth {
width: calc(20% - (20px - (20px / 5)));
}
}
@media
only screen and (max-width: 480px)
{
.equal-columns--outside-trim .small-down--one-fourth {
width: calc(25% - (20px - (20px / 4)));
}
}
@media
only screen and (max-width: 480px)
{
.equal-columns--outside-trim .small-down--one-sixth {
width: calc(16.6666666667% - (20px - (20px / 6)));
}
}
@media
only screen and (max-width: 480px)
{
.equal-columns--outside-trim .small-down--one-seventh {
width: calc(14.2857142857% - (20px - (20px / 7)));
}
}
@media
only screen and (max-width: 480px)
{
.equal-columns--outside-trim .small-down--two {
width: calc(12.5% - (20px - (20px / 8)));
}
}
@media
only screen and (max-width: 480px)
{
.equal-columns--outside-trim .small-down--four {
width: calc(25% - (20px - (20px / 4)));
}
}
@media
only screen and (max-width: 480px)
{
.equal-columns--outside-trim .small-down--seven {
width: calc(43.75% - (20px - (20px / 2)));
}
}
@media
only screen and (max-width: 480px)
{
.equal-columns--outside-trim .small-down--eight {
width: calc(50% - (20px / 2));
}
}
@media
only screen and (max-width: 480px)
{
.equal-columns--outside-trim .small-down--nine {
width: calc(56.25% - (20px - (20px / 2)));
}
}
@media
only screen and (max-width: 480px)
{
.has-no-side-gutter.has-background {
padding-right: 0px;
padding-left: 0px;
}
.has-no-side-gutter .small-down--one-whole,
.has-no-side-gutter .small-down--one-half,
.has-no-side-gutter .small-down--eight,
.has-no-side-gutter .small-down--one-third,
.has-no-side-gutter .small-down--two-thirds,
.has-no-side-gutter .small-down--one-fourth,
.has-no-side-gutter .small-down--four,
.has-no-side-gutter .small-down--one-fifth,
.has-no-side-gutter .small-down--three-fifths,
.has-no-side-gutter .small-down--two-fifths,
.has-no-side-gutter .small-down--one-sixth,
.has-no-side-gutter .small-down--one-seventh,
.has-no-side-gutter .small-down--one-eighth,
.has-no-side-gutter .small-down--two {
margin-right: 0;
margin-left: 0;
}
.has-no-side-gutter .small-down--one-whole {
width: 100%;
}
.has-no-side-gutter .small-down--one-half {
width: 50%;
}
.has-no-side-gutter .small-down--one-third {
width: 33.3333333333%;
}
.has-no-side-gutter .small-down--one-fourth {
width: 25%;
}
.has-no-side-gutter .small-down--one-fifth {
width: 20%;
}
.has-no-side-gutter .small-down--two-fifths {
width: 40%;
}
.has-no-side-gutter .small-down--three-fifths {
width: 60%;
}
.has-no-side-gutter .small-down--one-sixth {
width: 16.6666666667%;
}
.has-no-side-gutter .small-down--one-seventh {
width: 14.2857142857%;
}
.has-no-side-gutter .small-down--one-eighth {
width: 12.5%;
}
.has-no-side-gutter .small-down--two-thirds {
width: 66.6666666667%;
}
.has-no-side-gutter .small-down--two {
width: 12.5%;
}
.has-no-side-gutter .small-down--four {
width: 25%;
}
.has-no-side-gutter .small-down--seven {
width: 43.75%;
}
.has-no-side-gutter .small-down--eight {
width: 50%;
}
.has-no-side-gutter .small-down--nine {
width: 56.25%;
}
}
@media
only screen and (max-width: 480px)
{
.small-down--show {
display: block !important;
}
}
@media
only screen and (max-width: 480px)
{
.small-down--hide {
display: none !important;
}
}
@media
only screen and (max-width: 480px)
{
.small-down--text-left {
text-align: left !important;
}
}
@media
only screen and (max-width: 480px)
{
.small-down--text-right {
text-align: right !important;
}
}
@media
only screen and (max-width: 480px)
{
.small-down--text-center {
text-align: center !important;
}
}
/*================ Build Grid Push Classes ================*/
/* Can be used on inner div inside container element to apply borders (that maintain the same width as columns) */
.container-border--top::before {
display: block;
content: "";
height: 0;
width: calc(100% - 20px);
border-top: thin solid #cccccc;
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 #cccccc;
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%;
}
}
/* Applied to container elements that need to be smaller than the $site-width */
.narrow-width--true.container {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
/* Override the max-width on container element and stretch full screen (wide_display) */
.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%;
}
}
/* #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: 2px solid #53565A;
}
a:active, a:hover {
outline: 0;
}
h1 {
font-size: 2em;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: 500;
}
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: “”‘’;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.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;
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;
}
/* #Clearing
================================================== */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: "";
clear: both;
height: 0;
}
* {
box-sizing: border-box;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* You can also use a
to clear columns */
@media
only screen and (max-width: 798px)
{
.clear {
display: none;
}
}
/* #Fonts
================================================== */@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n4.c32e4d4eca5273f6d4ee95ddf54b5bbb75fc9b61.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n4.5f3406f8d94162b37bfa232b486ac93ee892406d.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n7.a9393be1574ea8606c68f4441806b2711d0d13e4.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n7.7b8af34a6ebf52beb1a4c1d8c73ad6910ec2e553.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n4.c32e4d4eca5273f6d4ee95ddf54b5bbb75fc9b61.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n4.5f3406f8d94162b37bfa232b486ac93ee892406d.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n7.a9393be1574ea8606c68f4441806b2711d0d13e4.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n7.7b8af34a6ebf52beb1a4c1d8c73ad6910ec2e553.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n4.c32e4d4eca5273f6d4ee95ddf54b5bbb75fc9b61.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n4.5f3406f8d94162b37bfa232b486ac93ee892406d.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n7.a9393be1574ea8606c68f4441806b2711d0d13e4.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n7.7b8af34a6ebf52beb1a4c1d8c73ad6910ec2e553.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n4.c32e4d4eca5273f6d4ee95ddf54b5bbb75fc9b61.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n4.5f3406f8d94162b37bfa232b486ac93ee892406d.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n7.a9393be1574ea8606c68f4441806b2711d0d13e4.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n7.7b8af34a6ebf52beb1a4c1d8c73ad6910ec2e553.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 300;
font-style: normal;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n3.b10466eda05a6b2d1ef0f6ba490dcecf7588dd78.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n3.056c4b5dddadba7018747bd50fdaa80430e21710.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 300;
font-style: italic;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i3.853ebda1c5f31329bb2a566ea7797548807a48bf.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i3.3359d7c8c5a869c65cb7df3aa76a8d52237b1b65.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n4.c32e4d4eca5273f6d4ee95ddf54b5bbb75fc9b61.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n4.5f3406f8d94162b37bfa232b486ac93ee892406d.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n7.a9393be1574ea8606c68f4441806b2711d0d13e4.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n7.7b8af34a6ebf52beb1a4c1d8c73ad6910ec2e553.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n4.c32e4d4eca5273f6d4ee95ddf54b5bbb75fc9b61.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n4.5f3406f8d94162b37bfa232b486ac93ee892406d.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n7.a9393be1574ea8606c68f4441806b2711d0d13e4.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_n7.7b8af34a6ebf52beb1a4c1d8c73ad6910ec2e553.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"),
url("//td-staging-store.myshopify.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff");
}
/* #Basic Styles
================================================== */
body {
font-family:'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
text-transform: none;
color: #161616;
line-height: 1.4em;
overflow: auto;
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;
}
::selection {
background: #FFF7B6;
}
abbr {
border-bottom: 1px dotted #cccccc;
}
details summary::-webkit-details-marker {
display: none;
}
/* Theme editor */
.editor-visible--true {
display: block !important;
}
/* Lazyloading styles */img[data-sizes=auto].lazyloaded {
height: auto;
}
img[data-sizes=auto],
img[data-sizes="100vw"] {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}
/* Ensures that small images are not stretched larger */
.image__container {
display: block;
margin-left: auto;
margin-right: auto;
}
.image-element__wrap {
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
flex-grow: 1;
}
.image-element__wrap img {
height: auto;
}
/* #Typography
================================================== */
.logo,
.header__logo {
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: normal; /*400*/
font-style: normal;
font-size: 20px ; /*20px*/
text-transform: none ;/*none*/
line-height: 1.2em;
}.logo a span,
.header__logo a span {
color: #000000;
}
/* Headings */
h1 {
font-family:'TeleVoiceSemibold', "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
text-transform: none;
line-height: 1.5;
color: #0e103e;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
font-size: 36px;
margin: 0 auto 15px;
clear: both;
font-weight: 400 /*400*/;
padding-top: 4px;
}
h1 a:link, h1 a:visited {
font-weight: inherit;
color: #0e103e;
}
h1 a:hover, h1 a:active {
color: #005b94;
}
h1.collection_title_tags {
padding-right: 25px;
border-right: solid 1px #cccccc;
}
@media (max-width: 769px) {
h1 {
font-size: 32px !important;
line-height: 42px !important;
}
}
.shogun-heading-component h1 {
font-size: 36px !important;
line-height: 42px !important;
color: #0e103e !important;
}
@media (max-width: 769px) {
.shogun-heading-component h1 {
font-size: 32px !important;
line-height: 42px !important;
}
}
.container .columns.product__images {
margin:0 20px 0 0;
}
@media (max-width: 769px) {
.container .columns.product__images {
margin:0;
width: 100%;
}
}
.product .product_name {
margin-bottom: 40px;
margin-top: -15px;
font-family: 'TeleVoiceSemibold';
font-size: 46px;
}
@media (max-width: 769px) {
.product .product_name {
margin-top: 24px;
}
}
h2,
.h2,
h2.title {
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
text-transform: none;
line-height: 1.5;
color: #0e103e;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
font-size: 28px;
margin-bottom: 0.75em;
}
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: #0e103e;
}
@media (max-width: 798px) {
h2,
.h2,
h2.title {
font-size: 25px !important;
line-height: 32px !important;
}
}
.cart h2 {
margin-top: 0;
}
.shogun-heading-component h2 {
font-size: 28px !important;
line-height: 36px !important;
color: #161616 !important;
font-weight: 500 !important;
}
@media (max-width: 769px) {
.shogun-heading-component h2 {
font-size: 25px !important;
line-height: 32px !important;
}
}
h3,
.h3 {
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 500;
font-style: normal;
text-transform: none;
line-height: 1.5;
color: #0e103e;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
font-size: 22px;
margin: 0 auto 5px 0;
}
h3 a,
h3 a:visited,
.h3 a,
.h3 a:visited {
font-weight: inherit;
color: #0e103e;
}
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: #0e103e;
}
h3.sub_title,
.h3.sub_title {
padding: 5px 0;
color: #0e103e;
}
h3.sub_title a,
.h3.sub_title a {
color: #0e103e;
}
@media (max-width: 769px) {
h3,
.h3 {
font-size: 21px !important;
line-height: 26px !important;
}
}
.shogun-heading-component h3 {
font-family: 'akzidenz-grotesk', sans-serif !important;
font-size: 22px !important;
font-weight: 500 !important;
line-height: 24px !important;
color: #161616 !important;
}
@media (max-width: 769px) {
.shogun-heading-component h3 {
font-size: 21px !important;
line-height: 26px !important;
}
}
h4,
.h4 {
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 500;
font-style: normal;
text-transform: none;
line-height: 1.5;
color: #0e103e;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
font-size: 17px;
margin: 0 0 0.5em 0;
padding: 7px 0;
}
h4 a,
.h4 a {
font-weight: inherit;
}
h4.title a,
.h4.title a {
border: 0;
padding: 0;
margin: 0;
}
@media (max-width: 769px) {
h4,
.h4 {
font-size: 17px !important;
line-height: 22px !important;
}
}
.shogun-heading-component h4 {
font-family: 'akzidenz-grotesk', sans-serif !important;
font-size: 17px !important;
line-height: 22px !important;
color: #161616 !important;
font-weight: 500 !important;
}
@media (max-width: 769px) {
.shogun-heading-component h4 {
font-size: 17px !important;
line-height: 22px !important;
}
}
h5,
.h5 {
font-family: 'akzidenz-grotesk', sans-serif "Open Sans", sans-serif;
font-style: normal;
text-transform: none;
line-height: 1.5;
color: #0e103e;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
font-size: 14px;
margin: 0 0 0.5em 0;
padding: 7px 0;
}
h5 a,
.h5 a {
font-weight: inherit;
}
h5.sub_title,
.h5.sub_title {
padding: 5px 0;
color: #0e103e;
}
h5.sub_title a,
.h5.sub_title a {
color: #0e103e;
}
h6,
.h6 {
font-family: 'akzidenz-grotesk', sans-serif "Open Sans", sans-serif;
font-style: normal;
text-transform: none;
line-height: 1.5;
color: #0e103e;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
font-size: 14px;
letter-spacing: 0px;
margin: 0 0 0.5em 0;
padding: 7px 0;
font-weight: 500;
}
h6 a,
.h6 a {
font-weight: inherit;
}
h6.title,
.h6.title {
line-height: 32px;
margin: 0 0 0.5em 0;
color: #0e103e;
}
.content_large,
.content_large p,
.content_large div {
font-family: 'akzidenz-grotesk', sans-serif;
font-weight: 400;
color: #161616;
}
.content_large {
font-size: 1.25em;
line-height: 1.182em;
}
@media (max-width: 769px) {
.content_large {
font-size: 1.125em !important;
line-height: 1.375em !important;
}
}
.content_large-white,
.content_large-white p,
.content_large-white div {
color: #ffffff;
}
.content_large_blue,
.content_large_blue p,
.content_large_blue div {
font-family: 'akzidenz-grotesk', sans-serif;
font-size: 20px;
line-height: 34px;
font-weight: 400;
color: #0E103E;
}
@media (max-width: 769px) {
.content_large_blue,
.content_large_blue p,
.content_large_blue div {
font-size: 18px !important;
line-height: 22px !important;
}
}
.content_regular,
.content_regular p,
.content_regular div {
font-family: 'akzidenz-grotesk', sans-serif;
font-weight: normal;
font-size: 1em;
line-height: 1.5em;
color: #161616;
}
@media (max-width: 769px) {
.content_regular,
.content_regular p,
.content_regular div {
font-size: 16px !important;
line-height: 18px !important;
}
}
.caption_regular,
.caption_regular p,
.caption_regular div {
font-family: 'akzidenz-grotesk', sans-serif;
font-size: 12px;
line-height: 21px;
font-weight: 400;
color: #53565A;
}
@media (max-width: 769px) {
.caption_regular,
.caption_regular p,
.caption_regular div {
font-size: 16px !important;
line-height: 18px !important;
}
}
.content_small,
.content_small p,
.content_small div {
font-family: 'akzidenz-grotesk', sans-serif;
font-size: 12px;
line-height: 21px;
font-weight: 400;
color: #161616;
}
@media (max-width: 769px) {
.content_small,
.content_small p,
.content_small div {
font-size: 14px !important;
line-height: 16px !important;
}
}
.content_small-ltgray,
.content_small-ltgray p,
.content_small-ltgray div {
color: #53565A;
}
.cart h6 {
margin-top: 0;
}
.collection-template{
padding-bottom: 40px;
}
.collection-template .filter-wrap{
margin: 20px 0 40px 0;
}
.collection-template .sidebar__collection-filter{
margin-right: 20px;
min-width: 25%;
}
@media
only screen and (max-width: 798px)
{
.collection-template .sidebar__collection-filter{
margin-right: 20px;
min-width: 100%;
}
}
.collection-template .sidebar__dropdown-filter{
padding: 8px 35px 8px 10px;
}
.collection-template .sort_by{
max-width: 180px;
margin-left: auto;
}
@media
only screen and (max-width: 798px)
{
.collection-template .sort_by{
max-width: 100%;
margin-left: 0;
}
}
.collection-template .product-wrap {
background: #F2F2F2;
height: 100%;
}
.collection-template .product-wrap img {
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
-ms-transition: all .2s ease-in-out !important;
}
.collection-template .thumbnail .title {
color: #161616 !important;
font-size: 20px !important;
min-height: 50px;
margin-bottom: 5px;
}
.collection-template .product-list .thumbnail .product-info__caption{
margin-top:0;
padding-top:20px;
}
.collection-template .product-list .thumbnail .product-short-intro{
padding:00px 20px 20px 20px;
min-height: 62px;
font-size: 14px;
}
.collection_title {
font-size: 34;
line-height: 34;
color: #0E103E;
display: block;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 auto 15px;
clear: both;
padding-top: 4px;
}
.collection_title a {
font-weight: inherit;
color: #0e103e;
}
.collection_title a:hover,
.collection_title a:active {
color: #005b94;
}
div.collection_title {
margin-bottom: 0;
line-height: 34px;
display: inline;
}
div.collection_title_tags {
padding-right: 25px;
border-right: solid 1px #cccccc;
}
.headline_xl,
.headline_xl h1,
.headline_xl h2,
.headline_xl p {
font-size: 80px;
line-height: 104px;
color: #0E103E;
display: block;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 769px) {
.headline_xl,
.headline_xl h1,
.headline_xl h2,
.headline_xl p {
font-size: 52px !important;
line-height: 68px !important;
}
}
.headline_xl .shogun-heading-component h1,
.headline_xl .shogun-heading-component h2 {
font-size: 80px !important;
line-height: 104px !important;
color: #0e103e !important;
}
@media (max-width: 769px) {
.headline_xl .shogun-heading-component h1,
.headline_xl .shogun-heading-component h2 {
font-size: 52px !important;
line-height: 68px !important;
}
}
.headline_large,
.headline_large h1,
.headline_large h2,
.headline_large h3,
.headline_large h4,
.headline_large p {
font-size: 59px;
line-height: 76px;
color: #0E103E;
display: block;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #0e103e !important;
}
@media (max-width: 769px) {
.headline_large,
.headline_large h1,
.headline_large h2,
.headline_large h3,
.headline_large h4,
.headline_large p {
font-size: 42px !important;
line-height: 52px !important;
}
}
.headline_large.white,
.headline_large.white h1,
.headline_large.white h2,
.headline_large.white h3,
.headline_large.white h4,
.headline_large.white p {
color: #fff !important;
}
.headline_large .shogun-heading-component h1,
.headline_large .shogun-heading-component h2,
.headline_large .shogun-heading-component h3,
.headline_large .shogun-heading-component h4 {
font-size: 59px !important;
line-height: 76px !important;
color: #0e103e !important;
}
@media (max-width: 769px) {
.headline_large .shogun-heading-component h1,
.headline_large .shogun-heading-component h2,
.headline_large .shogun-heading-component h3,
.headline_large .shogun-heading-component h4 {
font-size: 42px !important;
line-height: 52px !important;
}
}
.headline_regular,
.headline_regular h1,
.headline_regular h2,
.headline_regular h3,
.headline_regular h4,
.headline_regular p {
font-size: 46px;
line-height: 60px;
color: #0E103E;
display: block;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 769px) {
.headline_regular,
.headline_regular h1,
.headline_regular h2,
.headline_regular h3,
.headline_regular h4,
.headline_regular p {
font-size: 32px !important;
line-height: 44px !important;
}
}
.headline_regular .shogun-heading-component h1,
.headline_regular .shogun-heading-component h2,
.headline_regular .shogun-heading-component h3,
.headline_regular .shogun-heading-component h4 {
font-size: 46px !important;
line-height: 60px !important;
color: #0e103e !important;
}
@media (max-width: 769px) {
.headline_regular .shogun-heading-component h1,
.headline_regular .shogun-heading-component h2,
.headline_regular .shogun-heading-component h3,
.headline_regular .shogun-heading-component h4 {
font-size: 32px !important;
line-height: 44px !important;
}
}
.headline_small,
.headline_small h1,
.headline_small h2,
.headline_small h3,
.headline_small h4,
.headline_small p {
font-size: 32px;
line-height: 42px;
color: #0E103E;
display: block;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 769px) {
.headline_small,
.headline_small h1,
.headline_small h2,
.headline_small h3,
.headline_small h4,
.headline_small p {
font-size: 28px !important;
line-height: 34px !important;
}
}
.headline_small .shogun-heading-component h1,
.headline_small .shogun-heading-component h2,
.headline_small .shogun-heading-component h3,
.headline_small .shogun-heading-component h4 {
font-size: 28px !important;
line-height: 42px !important;
color: #0e103e !important;
}
@media (max-width: 769px) {
.headline_small .shogun-heading-component h1,
.headline_small .shogun-heading-component h2,
.headline_small .shogun-heading-component h3,
.headline_small .shogun-heading-component h4 {
font-size: 28px !important;
line-height: 34px !important;
}
}
div.force_white ul li::marker {
color: white!important;
}
div.force_white ul li:before {
background-color: white!important;
}
.force_white,
.force_white h1,
.force_white div,
.force_white p,
.force-white h2,
.force_white .shogun-heading-component,
.force_white .shogun-heading-component h1,
.force_white .shogun-heading-component h2,
.force_white .shogun-heading-component h3,
.force_white .shogun-heading-component h4,
.force_white .shogun-heading-component p {
color: #ffffff !important;
}
.force-white,
.force-white h1,
.force-white div,
.force-white p,
.force-white h2,
.force-white .shogun-heading-component,
.force-white .shogun-heading-component h1,
.force-white .shogun-heading-component h2,
.force-white .shogun-heading-component h3,
.force-white .shogun-heading-component h4,
.force-white .shogun-heading-component p {
color: #ffffff !important;
}
.force-gray,
.force-gray h1,
.force-gray div,
.force-gray p,
.force-gray h2,
.force-gray .shogun-heading-component,
.force-gray .shogun-heading-component h1,
.force-gray .shogun-heading-component h2,
.force-gray .shogun-heading-component h3,
.force-gray .shogun-heading-component h4,
.force-gray .shogun-heading-component p {
color: #161616 !important;
}
.force-navy,
.force-navy h1,
.force-navy div,
.force-navy p,
.force-navy h2,
.force-navy .shogun-heading-component,
.force-navy .shogun-heading-component h1,
.force-navy .shogun-heading-component h2,
.force-navy .shogun-heading-component h3,
.force-navy .shogun-heading-component h4,
.force-navy .shogun-heading-component p {
color: #0E103E !important;
}
.force-ltgray,
.force-ltgray h1,
.force-ltgray div,
.force-ltgray p,
.force-ltgray h2,
.force-ltgray .shogun-heading-component,
.force-ltgray .shogun-heading-component h1,
.force-ltgray .shogun-heading-component h2,
.force-ltgray .shogun-heading-component h3,
.force-ltgray .shogun-heading-component h4,
.force-ltgray .shogun-heading-component p {
color: #53565A !important;
}
.force-green,
.force-green h1,
.force-green div,
.force-green p,
.force-ltgray h2,
.force-green .shogun-heading-component,
.force-green .shogun-heading-component h1,
.force-green .shogun-heading-component h2,
.force-green .shogun-heading-component h3,
.force-green .shogun-heading-component h4,
.force-green .shogun-heading-component p {
color: #00A862 !important;
}
@media (max-width: 769px) {
.title.insta,
.title.twitter {
text-align: center;
}
}
.title.insta a,
.title.twitter a {
color: #0e103e;
}
.title.center.blog a {
color: #0e103e;
}
/* Content */
p {
margin: 0 0 15px;
font-style: normal;
line-height: 1.5em;
}
p img {
margin: 0;
}
sub {
font-size: 60%;
}
i,
em {
font-style: italic;
}
small {
font-size: 90%;
}
.feature img {
position: relative;
top: 7px;
margin-right: 5px;
width: 25px;
height: 25px;
}
.onboard-text {
margin: 0;
}
.feature p {
font-size: smaller;
}
#featured_links {
padding: 20px 0;
}
#featured_links h2 {
padding-top: 15px;
}#featured_links .column,
#featured_links .columns {
opacity: 1;
}/* Add default spacing to allow room for stars (from Shopify review app) */
.slider-gallery .shopify-product-reviews-badge {
height: 30px;
display: block;
}
/* Add spacing below review stars (from Shopify review app) */
.spr-badge + .feature_divider {
margin-top: 15px;
}
.spr-badge {
padding: 5px 0;
}
.thumbnail .spr-badge-caption {
display: none;
}
.spr-badge-container {
cursor: pointer;
display: inline-block;
}
div#shopry-review-photos a {
display: block !important;
}
/* Feature divider variables */
.feature_divider {
width: 100%;
margin-bottom: 20px;
display: block;
border: 0;
border-color: #e0e0e0;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.feature_divider.no-margin {
margin-bottom: 0px;
}
@media
only screen and (max-width: 798px)
{
.feature_divider {
margin-bottom: 10px;
}
}
.page {
overflow-wrap: anywhere;
}
.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 #cccccc;
}
blockquote cite {
display: block;
font-size: 12px;
color: #555;
}
blockquote cite a,
blockquote cite a:visited {
color: #555;
}
blockquote cite:before {
content: "— ";
}
hr {
border-color: #e0e0e0;
border-style: solid;
clear: both;
margin: 12px 0;
height: 0;
}hr {
border-width: 1px;
}.cart-container hr {
border-top-width: 0;
}
.collection_description {
margin: 0 0 1.5em 0;
}
/* #Links
================================================== */
a,
a:visited,
a span {
color: #00558A;
text-decoration: none;
position: relative;
transition: color 0.1s linear;
}
main p a{
text-decoration:underline;
}
a:hover,
a:focus {
color: #005b94;
}
a,
button,
input,
select,
textarea,
label,
summary {
touch-action: manipulation;
}
.mega-menu-container+div p a,
.shg-rich-text li a{
text-decoration: underline;
}
.mega-menu-container+div p a:hover,
.shg-rich-text li a:hover{
text-decoration: none;
}
a.action_button,
p strong>a,
p b>a{
text-decoration: none !important;
}
p strong>a:hover,
p b>a:hover{
text-decoration: underline !important;
}
/* #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 #cccccc;
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: #161616;
text-shadow: none;
}
.header div.container {
padding-bottom: 5px;
padding-top: 5px;
}
body.is-active {
overflow-y: hidden;
height: 100vh;
}
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;
}
@media
only screen and (max-width: 798px)
{
#shopify-section-header{
height:60px;
}
}
#header {
display: none;
pointer-events: all;
}
#header .top-bar {
text-align: center;
display: flex;
align-items: center;
}
@media {
#header .top-bar {
height: 60px;
}
}
#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: flex;
align-items: center;
z-index: 1;
margin-left: 5px;
margin-top: 10px;
}
}
#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: #161616;
display: inline-block;
padding-left: 4px;
position: relative;
}
#header .top-bar .cart-container a span {
color: #ffffff;
position: absolute;
}
#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;
}.menu .vertical-menu_submenu {
background: #ffffff;
}.menu .vertical-menu_submenu li {
padding: 0 20px;
display: block;
}
.menu .vertical-menu_submenu li a {
display: block;
font-size: 16px;
letter-spacing: 1px;
}
@media
only screen and (max-width: 798px)
{
.menu .vertical-menu_submenu li a {
font-size: 14px;
}
}
.menu .vertical-menu_submenu span.icon-down-arrow {
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;
}.menu .vertical-menu_sub-submenu {
background: #ffffff;
}.menu .vertical-menu_sub-submenu li {
display: block;
padding: 0 20px;
}
.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;
}
/* Adds default cursor when parent mega menu doesn't have a link to it */
li > a.url-deadlink {
cursor: default;
}
/* Mobile nav */
#header .mobile_nav.dropdown_link {
}
#header .mobile_nav.dropdown_link span.menu_title {
position: absolute;
left: 40px;
}
.mobile_nav div {
width: 40px;
height: 40px;
position: relative;
float: left;
margin: 0 8px 0 5px;
transform: rotate(0deg);
transition: 0.1s ease-in-out;
cursor: pointer;
}
.mobile_nav div span {
display: block !important;
position: absolute !important;
height: 3px !important;
width: 100%;
background: #161616;
border-radius: 9px;
opacity: 1;
left: 0;
padding: 0 !important;
transform: rotate(0deg);
transition: 0.1s ease-in-out;
}
.mobile_nav div span:nth-child(1) {
top: 0px;
}
.mobile_nav div span:nth-child(2),
.mobile_nav div span:nth-child(3) {
top: 14px;
}
.mobile_nav div span:nth-child(4) {
top: 28px;
}
.mobile_nav div.open span:nth-child(1) {
top: 9px;
width: 0%;
left: 50%;
}
.mobile_nav div.open span:nth-child(2) {
transform: rotate(45deg);
}
.mobile_nav div.open span:nth-child(3) {
transform: rotate(-45deg);
}
.mobile_nav div.open span:nth-child(4) {
top: 9px;
width: 0%;
left: 50%;
}
#mobile_menu {
background-color: #fff;
}
#mobile_menu .sublink ul {
display: none;
background: #efeff0;
margin: 0 -20px;
padding: 0;
}
#mobile_menu .sublink ul {
border-top: 1px solid #efeff0;
}
#mobile_menu .sublink ul>div {
padding: 0;
}
#mobile_menu li {
display: block;
padding-right: 0;
}
#mobile_menu li:focus {
outline: 1px solid #53565A;
}
#mobile_menu li a span.icon-down-arrow {
padding: 22px 0px !important;
position: absolute;
left: -27px;
margin: -20px 0px;
width: 60px;
height: 60px;
text-align: center;
z-index: 1;
top: 21px;
}
#mobile_menu li a span.icon-down-arrow:before{
content: url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/Navigation-Arrow.svg?v=83919916085093602711769014685);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#mobile_menu.menu a{
font-family: TeleVoiceSemiBold, TeleVoiceRegular, sans-serif;
font-size: 22px;
padding: 15px 0px 15px 30px;
}
#mobile_menu.menu li {
margin-bottom:1px;
}
#mobile_menu.menu>li {
padding: 0px 20px;
background: #efeff0;
margin-bottom:1px;
}
#mobile_menu.menu li li {
background-color: #fafafa;
padding: 0 20px;
}
#mobile_menu.menu>li>a,
#mobile_menu.menu li li a{
font-family: TeleVoiceRegular, sans-serif;
padding: 20px 0px 20px 30px;
}
#mobile_menu.menu li li li a{
font-size: 16px;
font-family: 'akzidenz-grotesk', sans-serif;
padding: 15px 0px 15px 30px;
}
#mobile_menu .sublink span
/* Currency / language switcher on mobile */
.mobile-menu__disclosure .selectors-form__wrap {
justify-content: center;
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 {
justify-content: flex-start;
font-size: 16px;
color: #161616;
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: #161616;
}
#mobile_menu li.sublink span.currency-code {
display: inline;
padding-left: 0;
}
#mobile_menu.menu li.country{
background:#ffffff;
margin-bottom: 0;
}
#mobile_menu .country a img{
background: #efeff0;
margin-bottom: 1px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
height: 33px;
width: 33px;
display: inline-block;
vertical-align: middle;
}
#mobile_menu .country a span{
display: inline-block;
vertical-align: baseline;
font-size: 20px;
}
.feature_image.editor-hover--true .main-nav,
.feature_image.editor-hover--true .dropdown {
clear: both;
transition: all 0.3s linear;
animation: fadeIn 0.3s linear none;
}.feature_image.editor-hover--true .main-nav,
.feature_image.editor-hover--true .dropdown {
background: #ffffff;
}.cart-container {
float: right;
}
p.cart-message a {
display: inline-block;
}
.top-bar {
display: flex;
justify-content: space-between;
background-color: #ffffff;
max-width:1200px;
margin:0 auto;
}
.top-bar .social_icons {
margin: 0;
padding-left: 10px;
}
.top-bar .social_icons li {
padding: 5px;
}
.top-bar a {
display: flex;
align-items: center;
}
.top-bar ul.social_icons a {
display: inline;
flex: none;
}
.top-bar .top-bar--right {
display: flex;
align-items: center;
margin-left: auto;
height: 40px;
}
.top-bar .top-bar--right .icon-search {
height: 100%;
z-index: 10;
position: relative;
padding-right: 10px;
padding-left: 10px;
}
.top-bar .top-bar--right .icon-search:before {
margin-left: 0;
font-size: 32px;
font-weight: 600;
margin-top: 5px;
}
.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: #161616;
}
.top-bar .mini-cart__item-title .sale {
color: #e73c3e;
margin-right: 3px;
}
.top-bar .mini-cart__item-title .was_price {
color: #8c8b8b;
}
.top-bar--right-menu {
display: flex;
flex-wrap: nowrap;
flex: 0 0 auto;
padding-top: 10px;
margin-right: 20px;
}
.main-nav__wrapper{
box-shadow: 0 4px 5px 0 rgb(0 0 0 / 4%);
border-bottom: 1px solid #efeff0;
}
.main-nav,
.dropdown {
clear: both;
transition: all 0.3s linear;
animation: fadeIn 0.3s linear none;
}.main-nav,
.dropdown {
background: #ffffff;
}.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;
transform: translateY(-100%);
transition: all 300ms ease-in-out;
visibility:hidden;
}
.sticky_nav .main-nav {
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: 16px;
padding-bottom: 0 !important;
/* Override non-sticky menu padding */
}
.sticky_nav .header__logo {
padding: 12px 0;
}
.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: #161616;
}
.sticky_nav .search-container {
max-width: 60px;
padding: 12px 0;
}
.sticky_nav .search-container a {
padding: 0 20px;
color: #161616;
}
.sticky_nav .mini_cart {
font-size: 18px;
padding: 12px;
align-items: center;
}
.sticky_nav .mini_cart:before {
margin: 0;
}
.sticky_nav .mini_cart .cart_count {
margin: 0;
padding: 0 0 0 8px;
}
.sticky_nav--stick {
opacity: 1;
transform: translateY(0%);
visibility: visible;
}
@media
only screen and (max-width: 798px)
{
.sticky_nav--stick {
display: none;
}
}
.sticky_nav--unstick {
opacity: 0;
transition: opacity 0s;
visibility: hidden;
}
.main-nav {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0px 0px;
position: relative;
flex-direction: column;
}
.main-nav .nav {
display: flex;
justify-content: space-between;
flex: 1 1 auto;
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.main-nav .nav--combined .menu li:last-child,
.main-nav .nav--right .menu li:last-child {
padding-right: 0;
}
.menu {
flex: 1 1 auto;
display: block;
border: none;
padding: 0;
margin: 0;
}
.menu li {
margin: 0;
border: 0;
display: inline-block;
}
.menu-position--inline {
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;
/* Undo max-width so menu appears below logo */
max-width: 1200px;
margin: 0 auto;
margin-top: -15px;
}
.header__logo {
width: auto;
line-height: 1;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.header__logo a {
display: inline-block;
}
.header__logo img,
.header__logo span.header__logo-text {
width: 100%;
display: inline-block;
color: #000000;
}
.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;
margin-right: 0;
margin-left: 0;
}
.logo-position--center.menu-position--block .header__logo {
margin: 0;
}
.logo-position--center.search-enabled--true .nav--right {
width: calc(45% - 220px);
/* Includes 20px to account for padding on search container */
}
.logo-position--center .nav {
width: 45%;
}
.cart-container .mini_cart {
display: flex;
justify-content: left;
width: 60px;
max-width: 60px;
white-space: nowrap;
min-height: 40px;
padding-right:2px;
}
@media
only screen and (max-width: 798px)
{
.cart-container .mini_cart {
width: 50px;
max-width: 50px;
margin-left: 0;
margin-right: 5px;
}
}
.search-container {
width: 100%;
max-width: 50px;
padding-right: 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: #161616;
}
.menu a,
.menu a:visited,
.menu a:active,
#header span.menu_title,
.menu a span,
select.currencies,
.mini_cart span {
font-family:'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
text-transform: none;
color: #161616;
padding: 15px 20px;
position: relative;
display: block;
letter-spacing: 0 ;
text-rendering: optimizeLegibility;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media
only screen and (max-width: 480px)
{
.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: #161616;
}
#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;
}
.shopify-currency-form {
margin-bottom: 0;
}
select.currencies {
height: 40px;
min-height: 40px;
padding-top: 0;
padding-bottom: 0;
cursor: pointer;
background-image: url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/select.png?v=51992501115514909491769014685);
}
@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: #161616;
}.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: #161616;
}
.menu li a[href]:hover,
.menu li a:focus,
.menu a[href]:hover span {
color: #161616;
}
.menu a.top_link,
.menu a.dropdown_link {
font-family: TeleVoiceSemiBold, TeleVoiceRegular, sans-serif;
}
.menu .vertical-menu>li>a {
font-family: TeleVoiceSemiBold, TeleVoiceRegular, sans-serif;
}
.menu a.top_link:hover,
.menu a.dropdown_link:hover,
.menu a.active_link {
background: #efeff0;
}
.menu a.active_link {
text-decoration: underline;
}
.menu a.active_link:hover {
text-decoration: none;
}
.feature_image a.top_link:hover {
background: #efeff0;
}
.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: #161616;
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: #161616;
}
.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;
display: inline;
}
/* 404 css */
.error_page {
font-size: 22px;
}
#error_element{
line-height: 28px;
}
/* Mini cart */
.mini_cart,
.nav a.mini_cart {
float: right;
text-align: center;
cursor: pointer;
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: flex;
justify-content: space-between;
}
.mini_cart .cart_count{
padding-top: 0;
color: #fff;
height: 19px;
width: 19px;
background-color: #00558A;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
font-size: 11px;
top: 1px;
right: 0px;
position: absolute;
line-height: 19px;
font-size: 11px;
}
a.tos_icon,
.cart_content a.tos_icon {
font-size: 13px;
color: #005b94;
}
a.tos_icon:visited,
.cart_content a.tos_icon:visited {
color: #005b94;
}
a.tos_icon:hover,
.cart_content a.tos_icon:hover {
color: #005b94;
}
.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;
appearance: none;
width: 7px;
}
.cart-container.active_link .cart_content::-webkit-scrollbar-thumb {
border-radius: 0;
background-color: rgba(0, 0, 0, 0.5);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
/* Prevent mini cart from appearing on cart page for touchscreen devices */
html.touchevents .cart .cart-container {
pointer-events: none;
}
#cart_form {
width: 100%;
}
#cart_form p.modal_price {
margin-bottom: 0;
padding-bottom: 0;
display: block;
}
@media
only screen and (max-width: 480px)
{
#cart_form p.modal_price {
font-size: inherit;
}
}
#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;
}
.cart__continue-shopping {
width: 100%;
margin-top: 25px;
}.product-quantity-box .product-plus {
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
}
.product-quantity-box .product-minus {
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
}.cart-container.active_link .mini_cart,
.cart-container.active_link .mini_cart span {
}
.cart_content {
top: 40px;
right: 0;
position: absolute;
z-index: 2000;
background-color: #ffffff;
font-family:'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
text-transform: none;
color: #161616;
border-top: 0;
border-right: 0;
width: 100%;
max-width: 320px;
-webkit-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.12);
box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.12);
}
@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: #161616;
}
.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: #161616;
}
#header li.mini-cart__item a.cart__remove-btn {
top: 0;
}
/* Mini cart */
.mini-cart__item-content {
display: flex;
flex: 1;
flex-direction: column;
flex-wrap: wrap;
position: relative;
text-align: left;
}
.mini-cart__item-price {
padding-top: 10px;
line-height: 1;
font-weight: bold;
}
.mini-cart__unit-price {
margin: 0;
font-size: 0.925em;
}
.mini-cart__item-title {
display: flex;
flex-direction: column;
padding-right: 20px;
}
div.content.cart-template{
padding-top: 40px;
}
.cart__item {
display: flex;
align-items: center;
margin: 10px 0;
padding: 10px 0;
position: relative;
}
@media
only screen and (max-width: 798px)
{
.cart__item--content {
margin-left: 20px;
}
}
@media
only screen and (max-width: 798px)
{
.cart__item--image {
}
}
.container .column.cart__item--image {
margin-left: 0;
}
.cart__item--title {
margin-right: 15%;
}
@media
only screen and (max-width: 798px)
{
.cart__item--title {
margin-right: 20px;
}
}
.cart__item-unit-price,
.order-details__unit-price,
.product-details__unit-price,
.thumbnail .unit-pricing {
margin: 0;
font-size: 0.925em;
}
.product-details__unit-price {
margin-bottom: 5px;
}
.order-details__unit-price {
display: block;
}
.product-details__unit-price,
.product-details__unit-price span {
color: #161616;
}
.thumbnail-overlay .product-details__unit-price,
.thumbnail-overlay .product-details__unit-price span {
color: #000000;
}
.cart__item--discount,
.meta.cart__item--discount .label {
color: #e73c3e;
margin-top: 15px;
}
.cart_discounts {
display: flex;
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: flex;
cursor: pointer;
position: absolute;
right: 0;
top: 10px;
}
.cart__remove-btn span.remove-text,
.cart__remove-btn span.remove-icon {
color: #161616;
}
.cart__remove-btn:hover span, .cart__remove-btn:active span {
color: #005b94;
}
@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: "×";
}
.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: #161616 !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;
}
.mini_cart,
.top-bar [class^=icon-]:before,
.top-bar [class*=" icon-"]:before {
font-size: 19px;
margin-right: 0;
}
#customer_login,
#customer_login_guest {
display: inline;
}
@media
only screen and (max-width: 480px)
{
#customer_login,
#customer_login_guest {
display: block;
}
}
input[type=submit].guest_button,
input[type=button].guest_button {
color: #005b94;
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: #005b94;
}
@media only screen and (min-width: 799px) {
input[type=submit].guest_button,
input[type=button].guest_button {
text-align: center;
}
}
.mega-menu-container + div .section {}
.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;
/* Reset default bottom positioning */
height:calc(100vh - 60px);
background:#ffffff
}
}
.dropdown_container img {
max-width: 100%;
}
.dropdown {
position: absolute;
width: 100%;
z-index: 1000;
background: #efeff0;
}
.dropdown_content {
display: table;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.dropdown_container.mega-menu .dropdown_content {
display: flex;
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: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-size: 16px;
font-style: normal;
color: #161616;
padding-top: 12px;
padding-bottom: 12px;
position: relative;
display: block;
text-rendering: optimizeLegibility;
-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: 1px ;;
}
.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 {
padding-bottom: 10px;
}
.dropdown_column ul.dropdown_title li a,
.dropdown_column ul.dropdown_title li.active,
.dropdown_column ul.dropdown_title .active a {
text-decoration: underline;
font-family: 'akzidenz-grotesk', sans-serif !important;
font-weight: 500;
font-size: 16px;
}
.dropdown_column li.active .child_menu ul.dropdown_title a {
text-decoration: none;
}
.dropdown_column .child_menu ul.dropdown_title a,
.dropdown_column .child_menu ul.dropdown_title li.active,
.dropdown_column .child_menu ul.dropdown_title .active a {
color: #161616;
font-weight: bold;
font-family: 'akzidenz-grotesk', sans-serif;
}
.dropdown_column ul.dropdown_item {
text-align: center;
}
.dropdown_container.mega-menu .dropdown_column {
display: inline-block;
padding: 20px 5px 20px 20px;
flex: 1 0 16.666%;
flex-wrap: wrap;
vertical-align: top;
max-width:20%;
}
.dropdown_column li {
display: block;
line-height: 24px;
}
.dropdown_column .enable-view-all {
padding-bottom: 50px;
}
.dropdown_column .enable-view-all li:last-child {
position: absolute;
bottom: 15px;
padding: 10px 6em 0px 5px;
cursor: pointer;
}
.dropdown_column .enable-view-all li:last-child {
position: absolute;
bottom: 15px;
padding: 10px 6em 0px 5px;
cursor: pointer;
margin-left: -5px;
}
.dropdown_column:hover .enable-view-all li:last-child {
margin-top: -2px;
border-top: 2px solid #00558A;
}
.dropdown_column li a,
.dropdown_column li a:hover,
.dropdown_column li a:active {
padding-bottom: 0;
text-transform: none;
padding: 0;
font-size: 14px;
}
.dropdown_column li a:hover{
text-decoration:underline
}
.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;
text-indent: 0.01px;
text-overflow: "";
-webkit-appearance: none;
appearance: none;
}
select.currencies:active {
border: 0;
outline: 0;
text-shadow: 0;
box-shadow: 0;
}
select.currencies option {
color: #161616;
}select.currencies option {
background: #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 #cccccc;
margin-right: 10px;
padding-right: 20px;
}
@media
only screen and (max-width: 798px)
{
.sidebar-wrap {
border: none;
padding-right: 0;
}
}
.sidebar a,
.sidebar a:visited {
color: #005b94;
}
.sidebar a:hover,
.sidebar a:active {
color: #005b94;
}
.sidebar .meta {
margin-left: 2px;
}
.sidebar .spr-badge {
color: #161616;
}
.sidebar .recently-viewed-list .brand {
color: #161616;
}
.toggle-all--true h4.toggle {
cursor: pointer;
pointer-events: all;
}
.toggle-all--true .toggle span {
display: block;
}
.content_block.toggle_list a {
display: inline;
position: static;
padding-left: 0;
margin-left: 0;
border-left: none;
color: #005b94;
}
.content_block.toggle_list a:hover {
border-left: none;
color: #005b94;
}
.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 #005b94;
}
.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 #cccccc;
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.newsletter-form__sign-up[type=submit],
.sidebar input.contact_email[type=email] {
width: 100% !important;
margin-left: 0;
}
.blog_search {
position: relative;
}
.sidebar-block {
position: relative;
height: var(--closed-height, auto);
overflow: hidden;
padding-left: var(--sidebar-left-safe-area);
}
.sidebar-block::after {
content: "";
position: absolute;
height: 1px;
right: 0;
bottom: 0;
left: var(--sidebar-left-safe-area);
}
.sidebar-block[open] {
height: var(--open-height, auto);
}
.sidebar-block[data-sidebar-block-state=closed] {
height: var(--closed-height, auto);
}
.sidebar-block[data-sidebar-block-animation="closed=>open"] {
transition: height 250ms ease-in-out;
}
.sidebar-block[data-sidebar-block-animation="open=>closed"] {
transition: height 200ms ease-in-out;
}
.sidebar-block[data-sidebar-block-state=open] {
height: var(--open-height, auto);
}
.sidebar > .sidebar-block:last-child {
border-bottom: none;
}
.sidebar-block:empty {
border-bottom: none;
display: none;
}
.sidebar-block:blank {
border-bottom: none;
}
/* Filter collections */
.sidebar .filter-active-tag {
position: relative;
}
.color-filter--true label {
display: flex;
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: #005b94;
}
.sidebar__collection-filter input[type=checkbox] {
display: none;
}
.sidebar__collection-filter input.styled-checkbox[type=checkbox] {
-webkit-appearance: none;
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 input.styled-checkbox[type=checkbox] {
border-radius: 50%;
}.sidebar__collection-filter button.clear-active-filter,
.sidebar__collection-filter button.clear-active-filter:active {
color: #005b94;
background-color: transparent;
border: none;
outline: 0;
box-shadow: 0;
font-family: inherit;
letter-spacing: 0;
text-transform: none;
position: absolute;
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: #005b94;
}
.sidebar__collection-filter .x-icon,
.faceted-filter-form .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,
.faceted-filter-form .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: "×";
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-collections-wrapper img[src*="/no-image"] ~ .thumbnail-overlay {
opacity: 1 !important;
}
.list-collections-wrapper img[src*="/no-image"] ~ .thumbnail-overlay .collection-details {
opacity: 1;
transform: none;
}
@media
only screen and (max-width: 798px)
{
.list-collections-wrapper img[src*="/no-image"] ~ .collection-info__caption {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
}
.list-collections-wrapper .img {
width: 100%;
}
.list-collections-wrapper .collection-info__caption {
margin-top: 20px;
}.list-collections-wrapper .collection-info__caption {
display: block;
}@media
only screen and (max-width: 798px)
{
.list-collections-wrapper .collection-info__caption {
display: block;
position: static;
}
}.blog-header {
margin-bottom: 5px;
}
@media
only screen and (max-width: 798px)
{
.blog-header .blog-title {
width: 100%;
margin-bottom: 0;
}
}
/* Blog Article Styling */
.article .icon-slash {
padding-right: 5px;
}
/* Styles for blog, collections */
.section_select {
padding: 0;
text-align: left;
padding:20px 0;
}
.section_select .blog_filter,
.section_select .tag_filter,
.section_select .sort_by {
color: #333333;
display: inline-block;
padding-right: 30px;
background-position: 100% 50%;
background-color: #ffffff;
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
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 {
width: 100%;
max-width: 100%;
font-size: 16px;
}
}
div.breadcrumb-collection {
margin: 20px 0;
}
div.breadcrumb-collection.breadcrumb-collection--product {
margin: 0;
}
@media
only screen and (max-width: 798px)
{
div.breadcrumb-collection {
text-align: center;
}
}
.breadcrumb_text,
.article-pagination {
margin-top: 0px;
text-transform: none;
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: #005b94;
margin: 0 5px;
}
.breadcrumb_link:hover span {
color: #005b94;
}
.breadcrumb {
font-size: 15px;
padding: 10px 0;
}
@media
only screen and (max-width: 798px)
{
.breadcrumb {
margin-bottom: 20px;
}
}
.breadcrumb__wrapper {
padding-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 {
object-fit: cover;
object-position: left;
height: 100% !important;
}
.image-crop--right img,
.image-crop--right .image-element__wrap {
object-fit: cover;
object-position: right;
height: 100% !important;
}
.image-crop--center img,
.image-crop--center .image-element__wrap {
object-fit: cover;
height: 100% !important;
}
.zoom-container {
display: block;
}
/* #Placeholders
================================================== */
.placeholder-svg {
fill: rgba(14, 16, 62, 0.9);
background-color: rgba(14, 16, 62, 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 (max-width: 798px)
{
.placeholder-svg--banner,
.placeholder-svg--slideshow,
.placeholder-svg--video {
height: 350px;
}
}
@media
only screen and (max-width: 480px)
{
.placeholder-svg--banner,
.placeholder-svg--slideshow,
.placeholder-svg--video {
height: 250px;
}
}
.shopify-section--featured-promotions .feature-section:nth-child(even) .placeholder-svg--promotions {
background-color: rgba(14, 16, 62, 0.6);
}
.image-with-text-section .featured-link--image:nth-child(odd) .placeholder-svg--promotions {
background-color: rgba(22, 22, 22, 0.6);
fill: rgba(14, 16, 62, 0.9);
}
.homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n+1) .placeholder-svg--slideshow {
background-color: rgba(14, 16, 62, 0.6);
}
.homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n) .placeholder-svg--slideshow {
background-color: rgba(14, 16, 62, 0.8);
}
/* #Videos
================================================== */
.video-wrapper {
position: relative;
background-color: #ffffff;
/* Allows users to click embedded iframe ui when video paused */
}
.video-wrapper .video__overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin-left: auto;
margin-right: auto;
z-index: 1;
pointer-events: none;
}
.video-wrapper.darken-video--true .video__overlay {
background: rgba(0, 0, 0, 0.3);
}
.video-wrapper .plyr--video.plyr--paused .plyr__video-embed iframe {
z-index: 5;
}
.video-wrapper .plyr--full-ui.plyr--video .plyr__control--overlaid {
display: none;
}
.video-wrapper.play-button-icon--visible .plyr--paused .plyr__control--overlaid {
display: block;
opacity: 1;
}
.video-wrapper video {
display: block;
width: 100%;
height: auto;
}
.video-wrapper .video__text-container {
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 100%;
margin: auto;
z-index: 2;
pointer-events: none;
}
.video-wrapper .video__text-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 (max-width: 798px)
{
.video-wrapper {
display: flex;
flex-direction: column;
}
}
/* #Buttons
================================================== */
button.tox-tbtn.tox-tbtn--select.tox-tbtn--bespoke {
color: #000000!important;
}
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,
button.uiButton {
background: #0e103e;
color: #ffffff;
border: 1px solid #0e103e;
padding: 0 20px;
text-align: center;
cursor: pointer;
min-height: 44px;
height: 40px;
line-height: 1.2;
vertical-align: top;
font-family: 'akzidenz-grotesk', sans-serif !important;
font-weight: 500;
font-size: 15px;
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.05s linear;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
text-decoration: none;
border-radius: 100px;
}
a.button,
.button,
input.button[type="submit"],
input.button[type="button"],
input.button[type="button"] {
background-color: #ffffff;
color: #0E103E;
border: 1.25px solid #0E103E;
}
a.button:hover,
.button:hover,
input.button[type="submit"]:hover,
input.button[type="button"]:hover,
input.button[type="button"]:hover {
background-color: #0E103E;
color: #ffffff;
}
a.button:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.action_button:hover,
input.action_button[type="submit"]:hover,
input.action_button[type="button"]:hover,
input.action_button[type="button"]:hover,
button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
background: #00558A;
border: 1px solid #00558A;
color: #ffffff ;
}
a.button:hover,
.button:hover,
.button:hover {
background: #0E103E;
color: #ffffff;
border: 1px solid #0E103E;
}
a.button:active,
.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,
.shg-btn:active {
outline: 2px solid;
background: #0e103e;
color: #ffffff !important;
border: 1px solid #0e103e;
}
a.button:active,
.button:active,
.primary_button:active,
.action_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,
.shg-btn:active,
.global-button:active,
.default_button:active {
transform: scale(0.97);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
a.button:active,
button:active {
outline: 0;
background-color: #ffffff;
color: #0E103E;
border: 1.25px solid #0E103E;
}
a.arrow_button,
.arrow_button a.shg-btn,
.arrow_button .shg-btn {
background: none !important;
border-radius: 0 !important;
color: #00558A !important;
padding-right: 17px !important;
padding-left: 0px !important;
border: 0 !important;
white-space: nowrap;
}
a.arrow_button:after,
.arrow_button a.shg-btn:after,
.arrow_button .shg-btn:after {
font-family: "turbo";
font-style: normal;
font-weight: normal;
display: inline-block;
position: absolute;
top: 0px;
right: 6px;
pointer-events: none;
background: none !important;
content: url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/right_chevron.svg?v=71357082437509290681769014685);
/*content: "\e911"; */
}
a.arrow_button:hover,
.arrow_button a.shg-btn:hover,
.arrow_button .shg-btn:hover {
text-decoration: underline !important;
border-radius: 0 !important;
border: 0 !important;
color: #00558A !important;
background: none !important;
background-color: transparent !important;
}
a.arrow_button:hover:after,
.arrow_button a.shg-btn:hover:after,
.arrow_button .shg-btn:hover:after {
right: 2px;
transition: right 0.05s linear;
}
a.arrow_button:active,
.arrow_button a.shg-btn:active,
.arrow_button .shg-btn:active {
outline: 0;
border: 2px solid #00558A !important;
border-radius: 0 !important;
background-color: transparent !important;
background: none !important;
}
a.arrow_button:focus.arrow_button a.shg-btn:focus,
.arrow_button .shg-btn:focus {
border-radius: 0 !important;
background: none !important;
}
.external_link {
color: #00558A !important;
padding-right: 20px;
}
.external_link:after {
display: inline-block;
content: url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/external_link.svg?v=171708720259570780031769014685);
position: absolute;
right: 0;
pointer-events: none;
}
.external_link:hover {
text-decoration: underline;
}
.external_link:active {
outline: 0;
border: 2px solid #00558A !important;
}
.global-button,
product-cta,
.custom-html-container button,
.shopify-payment-button__button.shopify-payment-button__button--unbranded,
.sidebar .faceted-active-filters__clear,
.sidebar .faceted-active-filters__remove-filter {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid;
padding: 13px 20px;
text-align: center;
line-height: 1.2;
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-transform: none;
letter-spacing: 0px;
word-break: break-word;
cursor: pointer;
transition: all 0.05s linear;
border-color: var(--button-color-border, #0e103e);
background: var(--button-color-background, #0e103e);
color: var(--button-color-text, #ffffff);
}.global-button,
product-cta,
.custom-html-container button,
.shopify-payment-button__button.shopify-payment-button__button--unbranded,
.sidebar .faceted-active-filters__clear,
.sidebar .faceted-active-filters__remove-filter {
border-radius: 100px;
}.global-button:visited,
product-cta:visited,
.custom-html-container button:visited,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:visited,
.sidebar .faceted-active-filters__clear:visited,
.sidebar .faceted-active-filters__remove-filter:visited {
color: var(--button-color-text, #ffffff);
}
.global-button:hover:not([disabled]), .global-button:active,
product-cta:hover:not([disabled]),
product-cta:active,
.custom-html-container button:hover:not([disabled]),
.custom-html-container button:active,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not([disabled]),
.shopify-payment-button__button.shopify-payment-button__button--unbranded:active,
.sidebar .faceted-active-filters__clear:hover:not([disabled]),
.sidebar .faceted-active-filters__clear:active,
.sidebar .faceted-active-filters__remove-filter:hover:not([disabled]),
.sidebar .faceted-active-filters__remove-filter:active {
background: var(--button-color-background-hover, var(--button-color-background, #00558a));
border-color: var(--button-color-border-hover, var(--button-color-border, #00558a));
color: var(--button-color-text-hover, var(--button-color-text, #ffffff));
}
.global-button:active,
product-cta:active,
.custom-html-container button:active,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:active,
.sidebar .faceted-active-filters__clear:active,
.sidebar .faceted-active-filters__remove-filter:active {
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
outline: 0;
}
.global-button[disabled],
product-cta[disabled],
.custom-html-container button[disabled],
.shopify-payment-button__button.shopify-payment-button__button--unbranded[disabled],
.sidebar .faceted-active-filters__clear[disabled],
.sidebar .faceted-active-filters__remove-filter[disabled] {
cursor: not-allowed;
}
.global-button--product-grid-text-hover {
--button-color-border: #000000;
--button-color-background: transparent;
--button-color-text: #000000;
--button-color-border-hover: #000000;
--button-color-background-hover: #000000;
--button-color-text-hover:
#ffffff
;
}
@media only screen and (min-width: 481px) {
.global-button--primary-desktop {
--button-color-border: #0e103e;
--button-color-background: #0e103e;
--button-color-text: #ffffff;
--button-color-border-hover: #00558a;
--button-color-background-hover: #00558a;
--button-color-text-hover: #ffffff;
}
.global-button--secondary-desktop {
--button-color-border: #0e103e;
--button-color-background: transparent;
--button-color-text: #0e103e;
--button-color-border-hover: #00558a;
--button-color-background-hover: #00558a;
--button-color-text-hover: #ffffff;
}
.global-button--text-desktop {
--button-color-border: #161616;
--button-color-background: transparent;
--button-color-text: #161616;
--button-color-border-hover: #161616;
--button-color-background-hover: #161616;
--button-color-text-hover:
#ffffff
;
}
.global-button--text-highlighted-desktop {
--button-color-border: #161616;
--button-color-background: #161616;
--button-color-text:
#ffffff
;
--button-color-border-hover:
#212121
;
--button-color-background-hover:
#212121
;
--button-color-text-hover:
#ffffff
;
}
.global-button--banner-text-desktop {
--button-color-border: #ffffff;
--button-color-background: transparent;
--button-color-text: #ffffff;
--button-color-border-hover: #ffffff;
--button-color-background-hover: #ffffff;
--button-color-text-hover:
#333333
;
}
.global-button--banner-text-highlighted-desktop {
--button-color-border: #ffffff;
--button-color-background: #ffffff;
--button-color-text:
#333333
;
--button-color-border-hover:
#ebebeb
;
--button-color-background-hover:
#ebebeb
;
--button-color-text-hover:
#333333
;
}
.global-button--banner-desktop {
--button-color-border: #00a862;
--button-color-background: transparent;
--button-color-text: #00a862;
--button-color-border-hover: #00a862;
--button-color-background-hover: #00a862;
--button-color-text-hover:
#ffffff
;
}
.global-button--banner-highlighted-desktop {
--button-color-border: #00a862;
--button-color-background: #00a862;
--button-color-text:
#ffffff
;
--button-color-border-hover:
#009255
;
--button-color-background-hover:
#009255
;
--button-color-text-hover:
#ffffff
;
}
}
@media
only screen and (max-width: 480px)
{
.global-button--primary-mobile {
--button-color-border: #0e103e;
--button-color-background: #0e103e;
--button-color-text: #ffffff;
--button-color-border-hover: #00558a;
--button-color-background-hover: #00558a;
--button-color-text-hover: #ffffff;
}
.global-button--secondary-mobile {
--button-color-border: #0e103e;
--button-color-background: transparent;
--button-color-text: #0e103e;
--button-color-border-hover: #00558a;
--button-color-background-hover: #00558a;
--button-color-text-hover: #ffffff;
}
.global-button--text-mobile {
--button-color-border: #161616;
--button-color-background: transparent;
--button-color-text: #161616;
--button-color-border-hover: #161616;
--button-color-background-hover: #161616;
--button-color-text-hover:
#ffffff
;
}
.global-button--text-highlighted-mobile {
--button-color-border: #161616;
--button-color-background: #161616;
--button-color-text:
#ffffff
;
--button-color-border-hover:
#212121
;
--button-color-background-hover:
#212121
;
--button-color-text-hover:
#ffffff
;
}
.global-button--banner-text-mobile {
--button-color-border: #ffffff;
--button-color-background: transparent;
--button-color-text: #ffffff;
--button-color-border-hover: #ffffff;
--button-color-background-hover: #ffffff;
--button-color-text-hover:
#333333
;
}
.global-button--banner-text-highlighted-mobile {
--button-color-border: #ffffff;
--button-color-background: #ffffff;
--button-color-text:
#333333
;
--button-color-border-hover:
#ebebeb
;
--button-color-background-hover:
#ebebeb
;
--button-color-text-hover:
#333333
;
}
.global-button--banner-mobile {
--button-color-border: #00a862;
--button-color-background: transparent;
--button-color-text: #00a862;
--button-color-border-hover: #00a862;
--button-color-background-hover: #00a862;
--button-color-text-hover:
#ffffff
;
}
.global-button--banner-highlighted-mobile {
--button-color-border: #00a862;
--button-color-background: #00a862;
--button-color-text:
#ffffff
;
--button-color-border-hover:
#009255
;
--button-color-background-hover:
#009255
;
--button-color-text-hover:
#ffffff
;
}
}
.global-button--primary {
--button-color-border: #0e103e;
--button-color-background: #0e103e;
--button-color-text: #ffffff;
--button-color-border-hover: #00558a;
--button-color-background-hover: #00558a;
--button-color-text-hover: #ffffff;
}
.global-button--secondary {
--button-color-border: #0e103e;
--button-color-background: transparent;
--button-color-text: #0e103e;
--button-color-border-hover: #00558a;
--button-color-background-hover: #00558a;
--button-color-text-hover: #ffffff;
}
.global-button--text {
--button-color-border: #161616;
--button-color-background: transparent;
--button-color-text: #161616;
--button-color-border-hover: #161616;
--button-color-background-hover: #161616;
--button-color-text-hover:
#ffffff
;
}
.global-button--text-highlighted {
--button-color-border: #161616;
--button-color-background: #161616;
--button-color-text:
#ffffff
;
--button-color-border-hover:
#212121
;
--button-color-background-hover:
#212121
;
--button-color-text-hover:
#ffffff
;
}
.global-button--banner-text {
--button-color-border: #ffffff;
--button-color-background: transparent;
--button-color-text: #ffffff;
--button-color-border-hover: #ffffff;
--button-color-background-hover: #ffffff;
--button-color-text-hover:
#333333
;
}
.global-button--banner-text-highlighted {
--button-color-border: #ffffff;
--button-color-background: #ffffff;
--button-color-text:
#333333
;
--button-color-border-hover:
#ebebeb
;
--button-color-background-hover:
#ebebeb
;
--button-color-text-hover:
#333333
;
}
.global-button--banner {
--button-color-border: #00a862;
--button-color-background: transparent;
--button-color-text: #00a862;
--button-color-border-hover: #00a862;
--button-color-background-hover: #00a862;
--button-color-text-hover:
#ffffff
;
}
.global-button--banner-highlighted {
--button-color-border: #00a862;
--button-color-background: #00a862;
--button-color-text:
#ffffff
;
--button-color-border-hover:
#009255
;
--button-color-background-hover:
#009255
;
--button-color-text-hover:
#ffffff
;
}
product-cta[hidden] {
display: none;
}
.add_to_cart,
.product_form input.add_to_cart {
margin-bottom: 0px;
}
/* Animation for checkmark on add to cart button */
button.add_to_cart {
position: relative;
}
button.add_to_cart .text {
display: block;
width: 100%;
animation-duration: 0.5s;
}
button.add_to_cart .fadeInDown.text {
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 {
animation: drawCheckmark 0.5s linear alternate forwards;
}
@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 {
animation: fadeCheckmark 0.5s linear alternate forwards;
}
@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,
input[type=submit]:disabled ,
input[type=button]:disabled {
pointer-events: none;
opacity: 0.75;
}
.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;
}
/* Shopify smart payment buttons */
.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: #161616;
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:'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-style: normal;
transform: translateX(-50%);
}
button.shopify-payment-button__more-options:hover {
background-color: transparent;
border: none;
}
.purchase-details {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.shopify-payment-button__button--unbranded .purchase-details {
padding: 0 !important;
}
.product_section .smart-payment-button--true.product_form {
max-width: 100%;
}
.smart-payment-button--true .purchase-details {
padding-bottom: 40px;
}
.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: #0e103e;
}
.smart-payment-button--false .purchase-details {
align-items: flex-end;
padding-bottom: 40px;
}
.smart-payment-button--false, .smart-payment-button--true {
margin-bottom: 20px;
}
.product-quantity-box.purchase-details__quantity {
margin-right: 5px;
margin-bottom: 20px;
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: flex;
flex: 1 0 calc(100%);
flex-wrap: wrap;
margin-left: 6px;
}
@media
only screen and (max-width: 798px)
{
.purchase-details__buttons {
margin-top: 20px;
margin-left: 12px;
flex: 1 0 calc(50% - 12px);
}
}
@media
only screen and (max-width: 480px)
{
.purchase-details__buttons {
margin-top: 12px;
margin-left: 0;
flex: 1 0 100%;
}
}
.purchase-details__buttons .shopify-payment-button {
flex: 1 0 100%;
margin-bottom: 0;
max-width: 100%;
}
@media only screen and (min-width: 1401px) {
.purchase-details__buttons .shopify-payment-button {
flex: 1 0 calc(50% - 4px);
max-width: calc(50% - 4px);
}
}
.purchase-details__buttons product-cta {
flex: 1 0 50%;
max-width: calc(50% - 6px);
margin-left: 6px;
}
@media
only screen and (max-width: 798px)
{
.purchase-details__buttons product-cta {
flex: 1 0 100%;
margin-left: 0;
margin-top: 0;
margin-bottom: 10px;
max-width: 100%;
}
}
.purchase-details__buttons.purchase-details__spb--true {
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 .add_to_cart {
flex: 1 0 50%;
max-width: calc(50% - 6px);
}
@media
only screen and (max-width: 798px)
{
.purchase-details__buttons.purchase-details__spb--true .add_to_cart {
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);
}
@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%;
}
}
/* When product is unavailable */
.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 {
flex-direction: column;
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 .add_to_cart,
.sidebar--true .purchase-details .shopify-payment-button {
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 #cccccc;
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 #cccccc;
background-color: #ffffff;
border-bottom: solid 3px #e0e0e0;
height: 31px;
position: relative;
border-right-width: 1px;
color: #161616;
}
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;
-webkit-appearance: none;
appearance: none;
}
.shopify-section--faq .faqAccordion > dt {
margin-right: 36px;
}
.accordion > dt > a, .accordion > dt > button,
.faqAccordion > dt > a,
.faqAccordion > dt > button {
background: transparent;
position: relative;
padding: 24px 20px 24px 40px;
color: #0e103e;
border-bottom: 1px solid #cccccc;
text-align: left;
display: block;
cursor: pointer;
width: 100%;
outline: none;
text-transform: initial;
min-height: auto;
height: auto;
line-height: inherit;
font-weight: bold;
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-style: normal;
box-shadow: none;
border-radius: 0px;
font-size: 18px;
}
.accordion > dt > a:hover, .accordion > dt > a:focus, .accordion > dt > button:hover, .accordion > dt > button:focus,
.faqAccordion > dt > a:hover,
.faqAccordion > dt > a:focus,
.faqAccordion > dt > button:hover,
.faqAccordion > dt > button:focus {
background: #ffffff;
border: none;
border-bottom: 1px solid #cccccc;
}
.accordion > dt > a::after, .accordion > dt > button::after,
.faqAccordion > dt > a::after,
.faqAccordion > dt > button::after {
transform: translateY(-50.1%);
position: absolute;
top: 50%;
left: 15px;
font-size: 25px;
content: "+";
color: #0e103e;
}
.accordion > dt > a[aria-expanded=true]::after, .accordion > dt > button[aria-expanded=true]::after,
.faqAccordion > dt > a[aria-expanded=true]::after,
.faqAccordion > dt > button[aria-expanded=true]::after {
content: "-";
font-size: 30px;
}
.accordion > dt:first-child > button,
.faqAccordion > dt:first-child > button {
border-top: none;
}
.accordion > dd,
.faqAccordion > dd {
color: #161616;
padding: 20px 0px 20px 0px;
display: none;
}
.accordion > dd[aria-hidden=true],
.faqAccordion > dd[aria-hidden=true] {
display: none;
}
@media
only screen and (max-width: 798px)
{
.accordion > dd,
.faqAccordion > dd {
margin-left: 15px;
}
}
.accordion dt small {
display: none;
}
/* Accordion tabs */
.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: " ";
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
ul.tabs:after {
clear: both;
}
ul.tabs {
zoom: 1;
}
/* #Forms
================================================== */
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 #cccccc;
outline: none;
background: #fff;
font-size: 16px;
margin-bottom: 15px;
-webkit-appearance: none;
appearance: none;
text-rendering: optimizeLegibility;
}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 {
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 {
color: #000;
border: 1px solid #005B94;
box-shadow: 0px 0px 5px 1px rgba(0,91,148,0.3);
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,91,148,0.3);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,91,148,0.3);
}
input.touched:invalid {
border: none;
outline: 2px solid #E73C3E;
color:#005B94;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
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;
/* To ensure arrows arent present in firefox */
}
select::-ms-expand {
display: none;
}
select {
background: #fff url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/select.png?v=51992501115514909491769014685) no-repeat right 10px center;
background-size: 18px 12px;
border: 1px solid #BCBEC0;
-webkit-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: "";
}select {
padding: 8px 14px 8px;
border-radius: 3px;
}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.newsletter-form__sign-up[type=submit] {
margin-left: 5px;
display: inline-block;
}
input.contact_email[type=email] {
width: 320px;
display: inline-block;
float: left;
}
/* #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: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
text-transform: none;
font-weight: 400;
}
.contact-form__heading {
margin-left: 10px;
margin-right: 10px;
}
.contact__form-errors,
.contact__form-success {
width: 100%;
}
.contact__form-name {
margin-right: 20px;
}
@media
only screen and (max-width: 798px)
{
.contact__form-name {
margin-right: 0;
}
}
.contact__form-name,
.contact__form-email {
flex: 1 1 auto;
}
.contact__form-message {
flex-basis: 100%;
}
.contact-form__position--right,
.custom-contact-form__position--right {
flex-direction: row-reverse;
}
.contact-form__position--center {
flex-direction: column;
align-items: center;
}
.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--custom ul {
padding: 0;
margin: 0;
}
.custom-contact-form .contact-block--custom ul li {
margin-bottom: 8px;
list-style: none;
display: flex;
align-items: baseline;
}
.custom-contact-form .contact-block--custom ul li input {
margin-right: 10px;
position: relative;
top: 2px;
}
.custom-contact-form .contact-block--custom ul li label {
margin-bottom: 0;
}
.custom-contact-form .contact-block--custom 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: #161616;
}
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 #cccccc;
}
.cart_content .notification-discount {
color: #e73c3e;
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;
}
li.mini-cart__item a {
align-items: flex-start;
}
.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;
}
.cart__blocks {
margin-top: 30px;
}
#get-rates-submit {
margin-top: -1px;
}
#customer_login {
margin-bottom: 2px;
}
.multi_select,
.default_select {
display: none;
}
/* Media position */
.product_section.media-position--right {
flex-direction: row-reverse;
}
@media
only screen and (max-width: 798px)
{
.product_section.media-position--left,
.product_section.media-position--right {
flex-direction: column;
}
}
.vendor {
margin-bottom: 6px;
}
.section.product_section {
margin-top: 0;
}
.product-main {
width: 100%;
}
.product_section .description {
margin-bottom: 15px;
}
.modal_price {
padding-bottom: 8px;
display: block;
}
.product_section .description.bottom {
margin-top: 15px;
border-bottom: none;
}
.product-links {
margin-bottom: 8px;
font-size: 0.9em;
border-top: 1px solid #cccccc;
padding: 10px 0 5px 0;
}
.product-links p {
margin: 2px 0;
}
.product .store-badge {
min-width: 325px;
}
.product .store-badge .shogun-image-container {
display: inline-block;
max-width: 225px;
}
.product .store-badge img {
margin: 0 20px 0 0;
max-height: 50px;
}
.product .store-badge .shogun-image-container:first-child {
margin-bottom: 20px;
}
@media
only screen and (max-width: 480px)
{
.product .store-badge .shg-row>.shg-c-sm-6 {
width: auto !important;
}
.product .store-badge .shg-row {
justify-content: unset;
}
}
.social_buttons {
border-top: 1px solid #cccccc;
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;
}.share-btn a {
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-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;
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%;
}
}
/* #Blog
================================================== */
.article,
.article_image {
margin-bottom: 30px;
}
.sidebar .sidebar__content .input-row {
flex-direction: column;
margin-left: 0px;
margin-right: 0px;
}
.sidebar .sidebar__content .input-row input {
margin: 5px 0;
}
.blog-template-wrapper {
width: 100%;
}
.blog-article__main.sidebar-enabled--false {
width: 75%;
}
@media
only screen and (max-width: 798px)
{
.blog-article__main.sidebar-enabled--false {
width: 100%;
}
}
.comment-form {
display: flex;
flex-wrap: wrap;
}
.comment-form__name {
margin-right: 20px;
}
@media
only screen and (max-width: 798px)
{
.comment-form__name {
margin: 0;
}
}
.comment-form__name,
.comment-form__email {
flex: 1 1 auto;
}
.comment-form__body,
.comment-form__error,
.comment-form__submit,
.comment-form__success {
flex-basis: 100%;
}
.comment-form__error-message,
.comment-form__success-message {
font-size: 18px;
line-height: 32px;
font-style: italic;
}
.comment-form__submit-button {
width: 100%;
}
.blog__read-more-button {
margin: 25px 0;
}
/* Author & Comments */
.blog__author,
.blog__comment-author {
margin-bottom: 20px;
flex: 1 1 auto;
}
.blog__author-name,
.blog__comment-author-name {
padding: 0;
}
.blog__author-image,
.blog__comment-author-image {
min-width: 80px;
height: 80px;
}
.blog__author-image img,
.blog__comment-author-image img {
border-radius: 50px;
}
.blog__comment-author-bio {
flex: 1 1 auto;
}
.blog__author-bio,
.blog__comment-author-bio {
margin-left: 20px;
}
.blog-post-image-wrapper {
display: block;
}
.has-sidebar-option,
.section--has-sidebar-option {
width: 100%;
}
.sidebar__content {
margin-left: 10px;
margin-right: 10px;
}
/* BLOG PARTNER */
#partner-type-wrap {
background-color: #f2f2f2;
}
#partner-type-wrap .columns.partner-teaching-box {
padding: 40px 20px;
box-sizing: border-box; }
.blog-partner-section {
margin-bottom: 40px; }
.blog-partner-section .subtitle {
max-width: 900px;
margin: auto;
text-align: center; }
.blog-partner-section .subtitle h2 {
font-weight: 500;
margin-bottom: 20px;
margin-top: 30px; }
@media (max-width: 769px) {
.blog-partner-section .subtitle h2 {
margin-top: 10px; } }
.blog-partner-section .article {
background: #F2F2F2;
cursor: default;
padding: 10px 0 0 0;
margin-bottom: 20px !important; }
.blog-partner-section .article h3 {
min-height: 50px; }
.blog-partner-section .flex-container {
display: flex;
height: 220px;
flex-direction: row;
padding: 10px 10px;
width: 100%;
}
.blog-partner-section .flex-container > div {
margin: 10px;
text-align: left;
line-height: 75px; }
.blog-partner-section .article .event-type {
margin-top: 0px;
background-color: #0E103E;
color: #ffffff;
font-size: 14px;
padding: 3px 15px 3px 30px;
float: left;
width: 100%; }
@media
only screen and (max-width: 798px)
{
.blog-partner-section .four {
width: 100%;
}
}
/* Sidebar */
@media
only screen and (max-width: 798px)
{
.sidebar {
width: 100% !important;
/* To overwrite desktop styles set inside of section */
}
.has-sidebar-option {
width: 100% !important;
/* To overwrite desktop styles set inside of section */
}
}
/* #Newsletter
================================================== */
.newsletter {
margin: 0px auto;
max-width: 640px;
}
.input-row {
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
width: 100%;
}
@media
only screen and (max-width: 798px)
{
.input-row {
flex-direction: column;
margin-left: 0px;
margin-right: 0px;
}
}
.input-row input {
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
max-height: 40px;
}
@media
only screen and (max-width: 1024px)
{
.input-row input {
margin: 5px 0;
}
}
.input-row input.newsletter-form__sign-up {
display: inline-block;
flex: none;
max-height: 44px;
}
@media
only screen and (max-width: 798px)
{
.input-row input.newsletter-form__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;
}.newsletter__lightbox .fancybox-close-small {
left: 0;
}@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: flex;
background-color: #ffffff;
padding: 0;
width: 100%;
}.newsletter-popup {
flex-direction: row-reverse;
}@media
only screen and (max-width: 798px)
{
.newsletter-popup {
line-height: 0;
flex-direction: column;
}
}
@media only screen and (min-width: 799px) and (max-width: 1024px) {
.popup-signup-show--true input.newsletter-form__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.newsletter-form__sign-up[type=submit] {
width: calc(35% - 10px);
}
@media
only screen and (max-width: 1024px)
{
.newsletter-info #contact_form input.newsletter-form__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: flex;
align-items: center;
justify-content: 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 {
justify-content: 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-popup__button {
margin-top: 10px;
margin-bottom: 0;
}.newsletter-popup__button {
margin-left: 8px;
margin-right: 8px;
}@media
only screen and (max-width: 480px)
{
.newsletter-popup__button {
margin-top: 5px;
}
}
.newsletter-popup__button--text {
--button-color-border: #363636;
--button-color-background: transparent;
--button-color-text: #363636;
--button-color-border-hover: #363636;
--button-color-background-hover: #363636;
--button-color-text-hover: #ffffff;
}
.newsletter-popup__button--highlighted {
--button-color-border: #363636;
--button-color-background: #363636;
--button-color-text: #ffffff;
--button-color-border-hover:
#2f2f2f
;
--button-color-background-hover:
#2f2f2f
;
--button-color-text-hover: #ffffff;
}
/* Newsletter section above footer */
.newsletter_section {
transform: translate3d(0, 0, 0);
background-color: #b4bac1;
color: #000000;
}
.newsletter_section h2 {
margin-top: 0;
color: #000000;
}
.newsletter_section.newsletter-bgr-true {
background-color: #b4bac1;
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;
}
.section_form .newsletter-text + .newsletter, .section_form h5 + .newsletter {
margin-top: 15px;
}
.newsletter_section h5 {
color: #000000 !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 (max-width: 480px)
{
.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;
}
.shopify-challenge__container .shopify-challenge__button {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid;
padding: 13px 20px;
text-align: center;
line-height: 1.2;
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-transform: none;
letter-spacing: 0px;
word-break: break-word;
cursor: pointer;
transition: all 0.2s linear;
border-color: var(--button-color-border, #0e103e);
background: var(--button-color-background, #0e103e);
color: var(--button-color-text, #ffffff);
}.shopify-challenge__container .shopify-challenge__button {
border-radius: 100px;
}.shopify-challenge__container .shopify-challenge__button:visited {
color: var(--button-color-text, #ffffff);
}
.shopify-challenge__container .shopify-challenge__button:hover:not([disabled]), .shopify-challenge__container .shopify-challenge__button:active {
background: var(--button-color-background-hover, var(--button-color-background, #00558a));
border-color: var(--button-color-border-hover, var(--button-color-border, #00558a));
color: var(--button-color-text-hover, var(--button-color-text, #ffffff));
}
.shopify-challenge__container .shopify-challenge__button:active {
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
outline: 0;
}
.shopify-challenge__container .shopify-challenge__button[disabled] {
cursor: not-allowed;
}
/* Newsletter in footer */
.shopify-section--footer .newsletter_section {
padding: 0;
background-color: transparent;
color: #161616;
}
.shopify-section--footer .newsletter_section .newsletter {
width: 100%;
}
.shopify-section--footer .newsletter_section .newsletter input {
width: 100%;
}
.shopify-section--footer .newsletter_section .newsletter .newsletter-form__sign-up {
margin-left: 0;
}
.shopify-section--footer .newsletter_section h6 {
color: #040404;
font-size: 18px;
}
.shopify-section--footer .newsletter_section p {
padding: 15px 0;
}
/* #Tables
================================================== */table:not(#customer-orders):not(#order-details) th {
background-color: #f9f9f9;
}
table:not(#customer-orders):not(#order-details) th,
table:not(#customer-orders):not(#order-details) td {
padding: 10px;
border-right: 1px solid #dcdcdc;
}
table:not(#customer-orders):not(#order-details) th:first-child,
table:not(#customer-orders):not(#order-details) td:first-child {
border-left: 1px solid #dcdcdc;
}
table:not(#customer-orders):not(#order-details) tr {
border-bottom: 1px solid #dcdcdc;
}
table:not(#customer-orders):not(#order-details) tr:first-child {
border-top: 1px solid #dcdcdc;
}/* Responsive order tables */
.collapsible-table {
width: 100%;
margin-bottom: 20px;
}
.collapsible-table th {
font-weight: 700;
text-align: left;
}
.collapsible-table th,
.collapsible-table td {
padding: 10px;
}
@media
only screen and (max-width: 798px)
{
.collapsible-table th,
.collapsible-table td {
border-left: none;
}
}
.collapsible-table tr .order_summary td.label {
text-align: right;
}
.collapsible-table .order-details__discount-block {
display: block;
}
@media
only screen and (max-width: 798px)
{
.collapsible-table thead {
display: none;
}
.collapsible-table tr {
display: block;
margin-bottom: 20px;
}
.collapsible-table tr:last-child {
margin-bottom: 0;
}
.collapsible-table tr td {
position: relative;
}
.collapsible-table td {
display: block;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px 0 0;
}
.collapsible-table td:before {
content: attr(data-label);
z-index: 1;
padding: 6px;
font-weight: bold;
width: calc(50% - 6px);
word-break: break-word;
}
.collapsible-table td:after {
content: "";
z-index: 0;
width: 50%;
min-height: 100%;
position: absolute;
}
.collapsible-table td:last-child {
border-bottom: none;
}
.collapsible-table tfoot {
display: block;
margin-top: 20px;
}
.collapsible-table tfoot tr {
margin-bottom: 0;
border-bottom: none;
}
.collapsible-table tfoot tr:last-child {
border-bottom: 1px solid #dcdcdc;
}
.collapsible-table .order-details__total,
.collapsible-table .order-details__product,
.collapsible-table .order-details__discount {
text-align: right;
padding-left: 10px;
width: calc(50% - 10px);
word-break: break-word;
}
}
#customer-orders th,
#order-details th {
background-color: #f9f9f9;
}
#customer-orders th,
#customer-orders td,
#order-details th,
#order-details td {
border-right: 1px solid #dcdcdc;
}
#customer-orders th:first-child,
#customer-orders td:first-child,
#order-details th:first-child,
#order-details td:first-child {
border-left: 1px solid #dcdcdc;
}
@media
only screen and (max-width: 798px)
{
#customer-orders th:first-child,
#customer-orders td:first-child,
#order-details th:first-child,
#order-details td:first-child {
border-left: none;
}
}
#customer-orders tr,
#order-details tr {
border-bottom: 1px solid #dcdcdc;
}
#customer-orders tr:first-child,
#order-details tr:first-child {
border-top: 1px solid #dcdcdc;
}
@media
only screen and (max-width: 798px)
{
#customer-orders tr,
#order-details tr {
border: 1px solid #dcdcdc;
border-bottom: none;
}
#customer-orders td,
#order-details td {
border-right: none;
border-bottom: 1px solid #dcdcdc;
}
#customer-orders td:after,
#order-details td:after {
border-right: 1px solid #dcdcdc;
background-color: #f9f9f9;
}
#customer-orders tfoot td,
#order-details tfoot td {
border-bottom: none;
}
#customer-orders tfoot:last-child,
#order-details tfoot:last-child {
border-bottom: 1px solid #dcdcdc;
}
}
/* #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: #161616;
}
.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;
}
.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;
}
.mobile_only,
span.mobile_only,
.container div.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: #005b94;
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;
}
/* #Testimonials
================================================== */
.darken-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background: rgba(0, 0, 0, 0.6);
}
@media
only screen and (max-width: 480px)
{
.caption-background-darken_bg.caption--below-true .darken-bg {
display: none;
}
}
.shopify-section--testimonials {
position: relative;
}
.shopify-section--testimonials .set-static {
display: flex;
}
.shopify-section--testimonials .set-static .caption {
position: static;
transform: translateY(0);
padding: 40px;
margin: auto;
}
.shopify-section--testimonials .set-testimonial-height {
height: 95%;
}
.shopify-section--testimonials .feature_divider {
margin: 25px auto;
width: 10%;
display: inline-block;
}
@media
only screen and (max-width: 480px)
{
.shopify-section--testimonials .feature_divider {
margin: 5px auto;
}
}
.shopify-section--testimonials .testimonial-block--no-image .animated {
animation-delay: 0.25s;
}
.testimonial-block.gallery-cell.testimonial-block--no-image {
background-color: #5c5c5c;
}
@media
only screen and (max-width: 480px)
{
.mobile-banner--crop-left {
object-fit: cover;
object-position: left;
min-height: 60vh;
}
}
@media
only screen and (max-width: 480px)
{
.mobile-banner--crop-right {
object-fit: cover;
object-position: right;
min-height: 60vh;
}
}
@media
only screen and (max-width: 480px)
{
.mobile-banner--crop-center {
object-fit: cover;
object-position: center;
min-height: 60vh;
}
}
.caption-content.testimonial-text {
max-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 .headline {
color: #ffffff;
}
@media
only screen and (max-width: 480px)
{
.caption-content.testimonial-text h2,
.caption-content.testimonial-text .headline {
text-shadow: none;
}
}
@media
only screen and (max-width: 480px)
{
.testimonial-block.caption--below-true:not(.testimonial-block--no-image) .pretext,
.testimonial-block.caption--below-true:not(.testimonial-block--no-image) .headline,
.testimonial-block.caption--below-true:not(.testimonial-block--no-image) .subtitle {
color: #161616;
}
.testimonial-block.caption--below-true:not(.testimonial-block--no-image) .feature_divider {
border-color: #161616;
}
}
@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
================================================== */
.page-faq .faq--heading {
padding-top: 30px;
}
.faq-section h2.title {
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 54px;
letter-spacing: 0;
margin-bottom: 0;
}
.faq-section h2.faq--heading {
font-size: 24px;
font-weight: 400;
line-height: 1.125;
letter-spacing: 0;
margin-bottom: 10px;
margin-top: 40px;
}
.faq-section .has-gutter-enabled {
margin-bottom: 20px;
}
@media
only screen and (max-width: 480px)
{
.faq-section .faq--image {
margin-top: 40px;
}
}
/* #Team Template
================================================== */
.team-page__content--left {
display: flex;
}
@media
only screen and (max-width: 798px)
{
.team-page__content--left {
flex-direction: column;
}
}
.team-page__content--right {
display: flex;
flex-direction: row-reverse;
}
@media
only screen and (max-width: 798px)
{
.team-page__content--right {
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: flex;
align-items: center;
justify-content: 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 {
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
================================================== */
.gallery-section {
text-align: center;
}
.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-top: 5px;
margin-bottom: 5px;
position: relative;
}
.gallery-section .gallery-empty-wrapper {
min-height: 150px;
}
.gallery-section .gallery-empty-wrapper:nth-child(even) .placeholder-svg {
background-color: rgba(14, 16, 62, 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;
}
.two-per-row .overlay .icon-zoom {
font-size: 2.5em;
}
.three-per-row .overlay .icon-zoom {
font-size: 2em;
}
/* Horizontal gallery styling */
.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;
}
.gallery-section.gallery-horizontal .gallery-image-wrapper,
.gallery-section.gallery-horizontal .gallery-empty-wrapper {
margin: 10px;
}
.gallery-section.gallery-horizontal.adjust-columns .gallery-image-wrapper,
.gallery-section.gallery-horizontal.adjust-columns .gallery-empty-wrapper {
margin: 0px;
}
@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;
}
/* Classic gallery styling */
.gallery-section.gallery-classic .gallery-image-wrapper,
.gallery-section.gallery-classic .gallery-empty-wrapper {
display: block;
}
.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-top: 5px;
padding-bottom: 5px;
}
.adjust-columns {
column-gap: 0px !important;
/* Always have no column cap when set to wide screen */
-moz-column-gap: 0px !important;
/* Always have no column cap when set to wide screen */
-webkit-column-gap: 0px !important;
/* Always have no column cap when set to wide screen */
overflow: hidden;
}
.adjust-columns .gallery-image-wrapper,
.adjust-columns .gallery-empty-wrapper {
margin: 0;
margin-bottom: 0 !important;
/* Overwrite margin bottom set when not full width */
}
/* Masonry gallery styling */
.gallery-section.gallery-masonry {
display: block;
}
.gallery-section.gallery-masonry .masonry {
font-size: 0.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 .gallery-image-wrapper,
.gallery-section.gallery-masonry .gallery-empty-wrapper {
display: block;
box-sizing: border-box;
margin-bottom: 5px;
-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 {
column-count: 2;
transform: translateX(0);
}
@media
only screen and (max-width: 798px)
{
.gallery-section.gallery-masonry .two-per-row {
column-count: 3;
}
}
@media
only screen and (max-width: 480px)
{
.gallery-section.gallery-masonry .two-per-row {
column-count: 1;
}
}
.gallery-section.gallery-masonry .three-per-row {
column-count: 3;
transform: translateX(0);
}
@media
only screen and (max-width: 798px)
{
.gallery-section.gallery-masonry .three-per-row {
column-count: 3;
}
}
@media
only screen and (max-width: 480px)
{
.gallery-section.gallery-masonry .three-per-row {
column-count: 1;
}
}
.gallery-section.gallery-masonry .four-per-row {
column-count: 4;
transform: translateX(0);
}
@media
only screen and (max-width: 798px)
{
.gallery-section.gallery-masonry .four-per-row {
column-count: 3;
}
}
@media
only screen and (max-width: 480px)
{
.gallery-section.gallery-masonry .four-per-row {
column-count: 1;
}
}
.gallery-section.gallery-masonry .five-per-row {
column-count: 5;
transform: translateX(0);
}
@media
only screen and (max-width: 798px)
{
.gallery-section.gallery-masonry .five-per-row {
column-count: 3;
}
}
@media
only screen and (max-width: 480px)
{
.gallery-section.gallery-masonry .five-per-row {
column-count: 1;
}
}
/* #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 styles */
.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%;
margin-bottom: 10px;
}
.sidebar .rv-sidebar-element .product_image img {
height: auto;
}
.sidebar .rv-sidebar-element .thumbnail-overlay .sold_out {
color: #161616;
}
@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: #161616;
padding: 0;
}
.sidebar .product-list .thumbnail .thumbnail-overlay .product-details .title,
.sidebar .product-list .thumbnail .thumbnail-overlay .product-details .price {
font-size: 16px;
}
.sidebar .product-list .thumbnail .thumbnail-overlay .info {
padding: 0;
position: relative;
font-size: 12px;
opacity: 1;
top: 0;
transform: translateY(0);
}
.sidebar .product-list .thumbnail .thumbnail-overlay .info .quick_shop {
display: none;
}
/* Description bottom styles */
.product-description-bottom .js-recently-viewed.rv-main {
clear: both;
}
/* Hide duplicates */
.rv-box-element .js-recently-viewed-product:nth-child(2),
.rv-sidebar-element .js-recently-viewed-product:nth-child(2) {
display: none;
}
.recently-viewed__section {
width: 100%;
}
/* #Search autocomplete
================================================== */
.search__results-wrapper {
position: relative;
}
.search__results {
width: 100%;
right: 0;
left: auto;
z-index: 30;
list-style-type: none;
margin: 0;
padding: 0 20px;
background: #ffffff;
overflow: hidden;
position: absolute;
}
@media
only screen and (max-width: 798px)
{
.search__results {
position: relative;
padding: 0 10px;
width: 100%;
}
}
@media only screen and (min-width: 799px) {
.search__results {
max-height: 500px;
overflow-y: scroll;
}
}
.search__results li {
display: block;
width: 100%;
margin: 0;
overflow: hidden;
}
.search__results li:nth-child(-n+2) {
border-top: none;
}
.search__results li a,
.search__results li .no-results {
display: flex;
align-items: center;
padding: 10px 0;
color: #161616 !important;
/* Override nav menu coloring */
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
text-transform: none;
}
.search__results li a:hover, .search__results li a:focus,
.search__results li .no-results:hover,
.search__results li .no-results:focus {
color: #161616;
}
.search__results .search-title {
text-transform: none;
text-align: left;
font-size: 16px;
}
.search__results .search-title span {
color: #005b94;
}
.search__results .thumbnail {
padding: 0;
max-width: 62px;
margin-right: 20px;
}
@media
only screen and (max-width: 798px)
{
.search__results .thumbnail {
max-width: 20%;
}
}
.search__results .thumbnail img {
display: block;
}
.header .search__results {
background: #ffffff;
width: 350px;
}
/* 404 search */
.error-404 .search_box {
margin-bottom: 0;
}
/* Blog search */
.blog_search {
margin-bottom: 15px;
}
.blog_search input {
margin-bottom: 0;
}
/* #Mobile search */
.mobile-search {
display: none;
position: absolute;
top: 0;
left: 0;
height: 100vh;
z-index: 999999;
width: 100%;
background: rgba(0, 0, 0, 0.8);
}
@media only screen and (min-width: 799px) {
.mobile-search {
display: none !important;
/* Ensure it does not display on larger screens */
}
}
.mobile-search form {
background-color: white;
margin: 0;
padding: 10px 20px 0;
position: relative;
min-height: 70vh;
width: 100%;
}
.mobile-search input#q {
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
text-transform: none;
padding-left: 40px;
padding-right: 20px;
border: 0;
border-bottom: 1px solid #cccccc;
}
.mobile-search input#q:focus, .mobile-search input#q:active {
border-bottom: 1px solid #cccccc;
}
.mobile-search .icon-search {
left: 20px;
top: 22px;
transform: none;
width: 30px;
position: absolute;
z-index: 1000;
color: #161616;
font-size: 20px;
cursor: pointer;
}
.mobile-search .icon-cross {
position: absolute;
right: 20px;
top: 22px;
cursor: pointer;
}
.mobile-search .search__results-wrapper {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.mobile-search .search__results {
background-color: white;
margin-top: 0;
padding: 0;
}
.mobile-search .item-result:last-child {
padding-bottom: 10px;
}
/* #Search page
================================================== */
.shopify-section--search-template form {
position: relative;
}
.shopify-section--search-template .search_container {
position: relative;
}
.shopify-section--search-template .search_container .search-submit {
z-index: 900;
}.shopify-section--search-template .search_container input {
border-radius: 100px;
padding-left: 15px;
}.search-matrix .product_row {
padding: 20px 0;
border-bottom: 1px solid #cccccc;
}
.search-matrix .product_row:last-child {
border-bottom: none;
}
/* #Site Styles
================================================== */
div.content {
padding: 0px 0px 15px 0;
}
div.content.main {
max-width: 1200px;
margin: 0 auto;
}
.shogun-custom-below{
padding-bottom:30px;
}
.shogun-editor div.content.main {
display:block;
}
.featured_text {
font-size: 18px;
line-height: 36px;
}
.large_text {
font-size: 28px;
line-height: 50px;
}
/* #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;
margin-bottom: 0;
}
.dropdown .search__form {
margin: 20px;
width: auto;
min-height: calc(100vh - 100px);
}
.dropdown_container[data-dropdown="search"] .dropdown{
background:rgb(255 255 255 / 90%);
}
.main-nav div.logo a {
color: #000000 !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: #363636;
}
.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;
height: 40px;
border: none;
position: relative;
padding: 0 0 0 16px;
letter-spacing: 0px;
}
#header__selector-form .disclosure__toggle:hover, #header__selector-form .disclosure__toggle:focus {
color: #161616;
}
#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 .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: #161616;
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: #161616;
}
/* #Currency / Language switcher
================================================== */
.selectors-form__wrap,
.selectors-form,
.selectors-form__item {
margin: 0;
}
.selectors-form__wrap {
display: flex;
justify-content: flex-end;
}
@media
only screen and (max-width: 798px)
{
.selectors-form__wrap {
justify-content: center;
}
}
.disclosure {
position: relative;
}
/* Fix for capitalization issue in cross border */
.disclosure-text-style-none button.disclosure__toggle,
.disclosure-text-style-none button.disclosure__button {
text-transform: capitalize;
}
.disclosure-text-style-uppercase button.disclosure__toggle,
.disclosure-text-style-uppercase button.disclosure__button {
text-transform: uppercase;
}
.disclosure-text-style-lowercase button.disclosure__toggle,
.disclosure-text-style-lowercase button.disclosure__button {
text-transform: lowercase;
}
.disclosure__toggle {
color: #161616;
font-size: 16px;
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
text-transform: none;
border: 1px solid #cccccc;
background-color: transparent;
margin-right: 20px;
min-height: 0;
transition: color 0.1s linear;
}
.disclosure__toggle:hover, .disclosure__toggle:focus {
opacity: 1;
}
.disclosure__toggle.is-clicked {
color: #161616;
}
.disclosure__toggle.is-clicked:focus {
color: #161616;
}
.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: #ffffff;
border: 1px solid #cccccc;
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;
padding: 13px 20px;
color: #161616;
font-size: 16px;
letter-spacing: 0px;
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
text-transform: none;
letter-spacing: 0px;
text-align: left;
transition: color 0.1s linear;
opacity: 1;
}
button.disclosure__button:hover, button.disclosure__button[aria-current=true] {
color: #161616;
}
button.disclosure__button:focus {
color: #161616;
}
/* Pagination & infinite scrolling */
.paginate,
.load-more {
text-align: center;
}
a.tag,
.paginate .page a,
.paginate .current {
border: solid 1px #cccccc;
margin: 10px 5px;
padding: 0.55rem 0;
display: inline-block;
width: 42px;
height: 42px;
}a.tag,
.paginate .page a,
.paginate .current {
border-radius: 50%;
}a.tag:hover,
.paginate .page a:hover,
.paginate .current:hover {
color: #ffffff;
background-color: #005b94;
border: solid 1px #005b94;
}
.paginate .current {
color: #ffffff;
font-weight: bold;
background-color: #005b94;
border: solid 1px #005b94;
}
.paginate .next,
.paginate .prev {
display: inline-block;
margin: 10px 0;
padding: 0.5rem 1rem;
}
.load-more {
display: none;
width: 100%;
}
.shopify-section--collection-template .load-more,
.shopify-section--search-template .load-more {
display: block;
clear: both;
margin: 25px 0;
}
.load-more__icon {
opacity: 0;
height: 0;
width: 0;
transition: all 0.3s linear;
background: url(//td-staging-store.myshopify.com/cdn/shop/t/15/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;
/* Do not display thumbnail hover background if user picks none */
}
.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(241, 241, 241, 0.7);
}.product-list .thumbnail img,
.slider-gallery .thumbnail img,
.list-collections .thumbnail img {
vertical-align: bottom;
transition: opacity 0.3s ease-in;
width: 100%;
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 {
margin-top: 20px;
}.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: 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;
}
/* Swap to second image on hover *//* Thumbnail overlay */
.quick_shop {
opacity: 0;
pointer-events: all;
transform: translate3d(0, 100%, 0);
}a .price-ui span {
color: #161616;
}
.price:not(.price--sale):not(.sale) .from {
color: #161616;
}
.thumbnail-hover-enabled--true .price:not(.price--sale):not(.sale) .from {
color: #000000;
}
.thumbnail .price--sale span.money,
.thumbnail .sale span.money {
color: #e73c3e;
}
.thumbnail .was_price span.money,
.thumbnail .compare-at-price span.money {
color: #8c8b8b;
}
.thumbnail .compare-at-price {
-webkit-text-decoration-color: #8c8b8b;
text-decoration-color: #8c8b8b;
}
.thumbnail .free-price-text .money,
.thumbnail .free-price-text {
color: #e73c3e;
}
.thumbnail .sold-out-price.has-margin-right {
margin-right: 5px;
}
.thumbnail .brand {
display: block;
}.thumbnail.quick-shop-style--popup .current_price span.money {
color: #161616;
}.thumbnail.quick-shop-style--popup .sale .current_price span.money {
color: #e73c3e;
}
.thumbnail.thumbnail-hover-enabled--true .price--sale > span.money {
color: #e73c3e;
}
.thumbnail.thumbnail-hover-enabled--true .compare-at-price span.money {
color: #8c8b8b;
}
.thumbnail.thumbnail-hover-enabled--true .free-price-text {
color: #e73c3e;
}/* 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%;
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 {
color: #161616;
}
.thumbnail-overlay .sold_out,
.thumbnail-overlay .coming-soon {
color: #000000;
}
/* Sale text */
.sale,
.sale span,
.free,
.thumbnail .sale {
color: #e73c3e;
}
a.secondary_button,
input.secondary_button {
display: block;
padding: 15px 0;
text-align: center;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
margin: 10px 0;
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
text-transform: none;
letter-spacing: 0px;
color: #005b94;
-webkit-appearance: none;
appearance: none;
}
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: #005b94;
}
.thumbnail .price,
.thumbnail .title {
margin-bottom: 5px;
font-size: inherit;
line-height: 1.2;
}
.thumbnail .title {
display: block;
}
.thumbnail .price.has-unit-price {
margin-bottom: 0;
}
.cart_price {
float: right;
text-align: right;
padding-left: 20px;
font-weight: bold;
display: none;
}
.excluding_tax,
#estimated-shipping {
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 {
margin-top: 20px;
padding-left: 40px;
border-left: 1px solid #cccccc;
}
@media
only screen and (max-width: 798px)
{
.subtotal {
padding-left: 0;
border-left: none;
border-top: 1px solid #cccccc;
padding-top: 40px;
}
}
.continue-shopping {
display: block;
color: #0e103e;
text-align: center;
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-transform: none;
letter-spacing: 0px;
margin-top: 20px;
}
.continue-shopping:hover, .continue-shopping:active, .continue-shopping:focus {
color: #00558a;
}
.subtotal_amount {
font-size: 1.4em;
font-weight: bold;
}
button.update {
width: 30%;
float: right;
}
#size-chart {
display: none;
}
#size-chart h5 {
padding: 15px 0 0 0;
text-align: center;
}
.js-sizechart-lightbox {
cursor: default !important;
/* Using important to overwrite the fancybox styles */
}
.price_total_text {
font-weight: normal;
display: none;
}
.was_price,
.was_price span {
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: 36px;
margin-bottom: 20px;
}
.was_price .exemptify_clone {
font-size: 12px !important;
font-family: 'akzidenz-grotesk', sans-serif !important;
line-height: 18px;
color: #161616 !important; }
.current_price .exemptify_clone {
font-size: 24px !important;
font-family: 'akzidenz-grotesk', sans-serif !important;
line-height: 36px;
color: #161616 !important; }
.modal_price .exemptify_clone {
font-size: 24px !important;
font-family: 'akzidenz-grotesk', sans-serif !important;
line-height: 28px !important;
color: #161616 !important; }
.exemptify_clone .exemptify_ex_vat {
line-height: 60px;
}
.product .learn-more {
font-weight: 500;
}
.payment-terms-container {
margin: 0;
}
:root {
--color-body-text: #161616;
--color-body: #ffffff;
--color-bg: #ffffff;
}
shopify-payment-terms {
display: block;
margin-top: 8px;
font-size: 16px;
}
.product--description-top shopify-payment-terms {
margin-bottom: 4px;
}
.product_section .modal_price {
display: flex;
flex-wrap: wrap;
}
.product_section .modal_price .price__container,
.product_section .modal_price .sold-out__container {
display: inline-block;
}
.product_section .modal_price .price__container--display-price-true.has-margin-right {
margin-right: 10px;
}
.product_section .modal_price .sold_out__container {
min-width: 150px;
}
.product_section .modal_price .sold-out-price.has-margin-right {
margin-right: 5px;
}
.non-ecom.hide-nonecom {
display: none;
}
.modal form {
margin-bottom: 10px;
}
.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;
}
.shopify-section--blog-template h2 {
margin-bottom: 0;
margin-top: 0;
line-height: 1.2;
}
.shopify-section--blog-template h2 {
font-size: 24px;
}
.shopify-section--blog-template h2 a {
color: #0e103e;
}
.blog_meta {
margin-bottom: 0;
}
.blog_meta span {
position: relative;
display: inline-block;
margin-right: 15px;
font-size: smaller;
}
.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: #005b94;
background-color: white;
}
.article-wrap {
padding-bottom: 25px;
}
@media only screen and (min-width: 799px) {
.article-wrap .article__title {
margin-top: 0;
}
}
.read-more-link {
margin-top: 10px;
margin-bottom: 25px;
display: inline-block;
}
.article h3.sub_title {
letter-spacing: 0;
margin: 10px 0 0px 0;
}
.article_content {
margin-top: 20px;
}
.excerpt {
line-height: 1.5;
margin: 1em 0;
}
#contact_form .newsletter-form__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: 'akzidenz-grotesk', sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: smaller;
float: right;
display: none;
}
.sidebar .blog_search {
margin: 15px 0;
}
.sidebar .blog_search input {
width: 100%;
}.sidebar .blog_search input {
border-radius: 100px;
padding-left: 15px;
}.label,
.meta .label {
}
.blog_meta,
.blog_meta a {
}
.blog_meta a:hover {
color: #005b94;
}
.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 #cccccc;
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 #cccccc;
padding-bottom: 15px;
}
}
.blog_author img {
width: 80px;
height: 80px;
border: 1px solid #cccccc;
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;
}
@media
only screen and (max-width: 798px)
{
.search_page {
padding: 50px 0;
}
}
/* #Swatch Styles
================================================== */
.swatch-element.swatch--active {
border-color: black;
box-shadow: 0px 0px 0px 2px white;
}
.selector-wrapper label {
margin-bottom: 0.5em;
}
.swatch_options {
margin-bottom: 1em;
}
.swatch .option_title {
width: 100%;
margin: 0.5em 0;
}
/* Hide radio buttons */
.swatch input {
display: none;
}
.swatch label {
margin: 0;
cursor: pointer;
padding: 10px;
font-size: 13px;
text-transform: uppercase;
text-align: center;
}
.swatch .color label {
background-size: cover;
background-position: center;
height: 34px;
min-width: 34px;
line-height: 34px;
}.swatch-element {
border-radius: 3px;
}.swatch-element.color.teal-blue-swatch label {
background-color: #0d7e87 !important;
}
.swatch-element.color.raspberry-swatch label {
background-color: #b9638f !important;
}
.swatch-element.color.cool-gray-swatch label {
background-color: #c6c6c6 !important;
}.swatch-element.color, .swatch-element.color label {
border-radius: 50%;
}.swatch-element.color.swatch-element label {
padding: 0;
margin: 0;
width: 34px;
height: 34px;
}
.swatch_options input:checked + .swatch-element {
border-color: black;
box-shadow: 0px 0px 0px 2px white;
}
.swatch .swatch-element {
position: relative;
margin: 0px 8px 8px 0;
transform: translateZ(0);
min-width: 40px;
}
.swatch .swatch-element .crossed-out {
display: none;
}
.swatch .swatch-element.soldout .crossed-out {
display: block;
height: 100%;
width: 100%;
pointer-events: none;
object-fit: fill;
}.swatch .swatch-element.soldout .crossed-out {
border-radius: 50%;
}.swatch .swatch-element.soldout label {
opacity: 0.6;
}
.crossed-out {
background-image: linear-gradient(to bottom left, transparent 50%, #999 50%, #999 calc(50% + 1px), transparent 50%), linear-gradient(to bottom right, transparent 50%, #999 50%, #999 calc(50% + 1px), transparent 50%);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
/* Tooltips */
.swatch .tooltip {
text-align: center;
background: #333;
background: rgba(51, 51, 51, 0.9);
color: #fff;
bottom: 100%;
padding: 5px 10px;
display: block;
position: absolute;
width: 120px;
font-size: 13px;
left: -35px;
margin-bottom: 15px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.25s ease-out;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
z-index: 10000;
}
.swatch .tooltip:before {
content: "";
bottom: -20px;
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}
/* CSS triangle */
.swatch .tooltip:after {
content: "";
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid rgba(51, 51, 51, 0.9) 10px;
bottom: -10px;
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}
.swatch .swatch-element:hover .tooltip {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}/* #Sidebar
================================================== */
.faceted-filter-group-summary__active-count {
margin: 0 auto 0 0.5rem;
}
.faceted-filter-form {
margin: 0;
}
.faceted-filter-group-display {
margin: 0 0 20px;
}
.sidebar-block__heading {
margin: 0;
padding: var(--sidebar-block-padding) 0;
}
.sidebar-block--first .sidebar-block__heading {
padding-top: 0;
}
.faceted-filter-group-display__header,
.sidebar-block__heading {
display: flex;
justify-content: space-between;
}
.faceted-filter-group-display__header {
margin-bottom: 10px;
}
.sidebar-block__heading {
display: flex;
align-items: center;
}
.sidebar-block .sidebar-block-toggle-icon {
margin-left: auto;
transition: transform 200ms linear;
}
@media only screen and (min-width: 799px) {
.toggle-all--false .sidebar-block .sidebar-block-toggle-icon {
display: none;
}
}
.sidebar-block[open] .sidebar-block-toggle-icon {
transform: rotateX(180deg);
}
.toggle-all--false .sidebar-block summary {
pointer-events: none;
}
@media
only screen and (max-width: 798px)
{
.toggle-all--false .sidebar-block summary {
pointer-events: all;
}
}
.sidebar-block summary {
cursor: pointer;
}
.sidebar {
--sidebar-block-padding: 15px;
--sidebar-left-safe-area: 10px;
}
.sidebar .faceted-active-filters__clear,
.sidebar .faceted-active-filters__remove-filter {
padding: 8px 15px;
}
.sidebar .faceted-active-filters__clear .x-icon,
.sidebar .faceted-active-filters__remove-filter .x-icon {
color: inherit;
margin-right: 5px;
top: 0;
}
.sidebar .faceted-filter-group-display__header-clear {
color: #005b94;
}
.sidebar .faceted-filter-group-display__header-clear:visited {
color: #005b94;
}
.sidebar .faceted-filter-group-display__header-clear:hover, .sidebar .faceted-filter-group-display__header-clear:active {
color: #005b94;
}
.faceted-filter-group-display__list {
list-style: none;
padding-left: 0;
margin: 0;
}
.faceted-filter-group-display__list-item {
margin: 0;
}
.faceted-filter-group-display__list-item-input {
position: absolute;
opacity: 0;
}
.faceted-filter-group-display__list-item-label {
margin: 0;
padding: 4px 0;
display: flex;
align-items: center;
width: 100%;
}
.faceted-filter-group-display__list-item-label-text {
padding-left: 12px;
font-weight: initial;
font-size: 15px;
}
.faceted-filter-group-display__list-item-input:checked ~ .faceted-filter-group-display__list-item-label-text {
font-weight: bold;
}
.faceted-filter-group-display__list-item-input:disabled ~ * {
opacity: 0.5;
}
.faceted-filter-group-display__checkmark {
stroke-width: 2;
border: 1px solid #cccccc;
cursor: pointer;
transition: border-color 100ms, background 100ms;
}
.faceted-filter-group-display__list-item-input:focus ~ .faceted-filter-group-display__checkmark {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #005b94;
}
.faceted-filter-group-display__list-item-input:checked ~ .faceted-filter-group-display__checkmark {
stroke: #ffffff;
background: #005b94;
border-color: #005b94;
}
.faceted-filter-group-display__list-item-input:disabled ~ .faceted-filter-group-display__checkmark {
cursor: not-allowed;
}
.faceted-filter-group-display__price-range {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
}
.faceted-filter-group-display__price-range-from,
.faceted-filter-group-display__price-range-to {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
grid-column-gap: 5px;
}
.faceted-filter-group-display__price-range-from .faceted-filter-group-display__price-range-input,
.faceted-filter-group-display__price-range-to .faceted-filter-group-display__price-range-input {
margin: 0;
}
.faceted-filter-group-display__price-range-label {
grid-column: span 2;
margin: 0;
}
.faceted-filter-group-display__submit {
margin-top: 20px;
}
.js .faceted-filter-group-display__list-submit {
display: none;
}
.faceted-active-filters {
display: flex;
flex-wrap: wrap;
gap: 5px;
padding: 15px 0;
border-bottom: 1px solid #cccccc;
}
.sidebar-block--first .faceted-active-filters {
padding-top: 0;
}
.content-wrapper {
width: 100%;
}
@media
only screen and (max-width: 798px)
{
.sidebar {
width: 100% !important;
/* To overwrite desktop styles set inside of section */
margin-bottom: 30px;
}
.has-sidebar-option {
width: 100% !important;
/* To overwrite desktop styles set inside of section */
}
}
/* Fancybox */
.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 {
object-fit: contain;
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: "×";
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 {
background-color: rgba(255, 255, 255, 0.25);
}.fancybox-nav span {
pointer-events: none;
}
.fancybox-nav svg path {
fill: #333333;
}
.fancybox-next {
right: 0;
}
.fancybox-prev {
left: 0;
}.fancybox-nav:hover {
background-color: rgba(255, 255, 255, 0.5);
}.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 {
padding: 20px 0;
pointer-events: all;
font-size: 14px;
border-top: solid 1px #cccccc;
background-color: #efeff0;
background-position: center center;
color: #161616;
}.footer .input-row {
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: #000000 !important;
font-size: 20px;
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 {
margin: 0;
padding: 0 0 5px 0;
color: #0E103E;
font-size: 18px;
font-weight: 500;
}
@media
only screen and (max-width: 798px)
{
.footer .footer-menu-wrap h6 {
border-top: 1px solid #ffffff;
margin-bottom: 5px;
padding: 10px 0 5px;
}
}
.footer .footer-menu-wrap h6 > span {
display: none;
}
@media
only screen and (max-width: 798px)
{
.footer .footer-menu-wrap h6 > span {
display: inline-block;
transition: transform 0.3s linear;
perspective: 1000;
padding: 0px 15px;
}
}
@media only screen and (min-width: 799px) {
.footer .toggle_content {
display: block !important;
/* Override display: none from mobile view */
}
}
@media
only screen and (max-width: 798px)
{
.footer .toggle_content {
padding-left: 50px;
}
.footer .toggle_content ul {
padding: 5px 0 0 0;
}
.footer .footer-menu-wrap .medium-down--one-whole{
margin: 0;
width: 100%;
}
}
.footer a,
.footer a:visited {
color: #161616;
font-size: 14px;
}
.footer a:hover,
.footer a:active {
text-decoration:underline;
color: #161616;
}
.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;
padding-top: 10px;
}
@media
only screen and (max-width: 798px)
{
.footer-menu-wrap {
margin: -21px -20px 0 -20px;
padding: 0 !important;
}
}
.page-landing .maps {
position: relative;
bottom: -7px;
}
.maps iframe {
pointer-events: none;
display: block;
}
.map__placeholder img {
object-fit: cover;
}
.newsletter form {
margin-bottom: 0;
}
.footer_credits {
margin-top: 10px;
padding-left:40px;
padding-right:40px;
}
.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 {
padding-top: 20px;
}
.credits p {display: inline;}
@media only screen and (min-width: 799px) {
.credits {
}
}
/* Currency / language switcher in footer */
@media
only screen and (max-width: 798px)
{
.footer-menu__disclosure {
justify-content: 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 {
color: #333333;
padding: 0 10px;
background-color: white;
color: #161616;
font-size: 16px;
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
padding: 10px;
}
.footer-menu__disclosure .disclosure__toggle.is-clicked {
color: #161616;
}
.footer-menu__disclosure .disclosure__toggle.is-clicked:focus {
color: #161616;
}
.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: #161616;
font-size: 16px;
font-family: 'akzidenz-grotesk', sans-serif, "Open 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 {
transform: translate3d(0, 0, 0);
}
.footer-menu-wrap span.active,
#mobile_menu span.active,
.sidebar span.active {
transform: rotate(90deg);
}
.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 #040404;
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;
padding: 15px;
margin-right: 0;
}
.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 {
pointer-events: none;
}
.footer-menu-wrap .columns > ul {
/* Required to overwrite inline display:none from createAccordion(); */
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: #005b94;
text-align: center;
color: #ffffff;
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: 12px;
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: "×";
text-align: center;
}
.promo-banner--show .promo-banner {
transition: all 0s linear;
height: auto;
min-height: 30px;
line-height: 1.1;
display: flex;
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 {
display: block;
}
.mobile_nav-fixed--true.promo-banner--show #pagecontent {
display: block;
}
.mobile_nav-fixed--true.promo-banner--show:not(.product) #pagecontent {
margin-top: 70px;
}
.mobile_nav-fixed--true.promo-banner--show:not(.product) .shogun-root, .mobile_nav-fixed--true.promo-banner--show:not(.product) .shopify-section--article-template {
margin-top: 35px;
}
.index-sections .under-menu:nth-child(1) {
margin-top: 0;
}
.shopify-section--page-details-template .under-menu:nth-child(1) {
margin-top: 0;
}
.page-banner .under-menu:nth-child(1) {
margin-top: 0;
}
}
/* #Plyr
================================================== */
@keyframes plyr-progress {
to {
background-position: 25px 0;
}
}
@keyframes plyr-popup {
0% {
opacity: 0.5;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes plyr-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.plyr {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: subpixel-antialiased;
direction: ltr;
font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-variant-numeric: tabular-nums;
font-weight: 500;
line-height: 1.7;
max-width: 100%;
min-width: 50px;
position: relative;
text-shadow: none;
transition: box-shadow 0.3s ease;
}
.plyr audio, .plyr video {
border-radius: inherit;
height: auto;
vertical-align: middle;
width: 100%;
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto;
}
.plyr:focus {
outline: 0;
}
.plyr--full-ui {
box-sizing: border-box;
}
.plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before {
box-sizing: inherit;
}
.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
touch-action: manipulation;
}
.plyr__badge {
background: #4a5764;
border-radius: 2px;
color: #fff;
font-size: 9px;
line-height: 1;
padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
animation: plyr-fade-in 0.3s ease;
bottom: 0;
color: #fff;
display: none;
font-size: 14px;
left: 0;
padding: 10px;
position: absolute;
text-align: center;
transition: transform 0.4s ease-in-out;
width: 100%;
}
.plyr__captions .plyr__caption {
background: rgba(0, 0, 0, 0.8);
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
line-height: 185%;
padding: 0.2em 0.5em;
white-space: pre-wrap;
}
.plyr__captions .plyr__caption div {
display: inline;
}
.plyr__captions span:empty {
display: none;
}
@media (min-width: 480px) {
.plyr__captions {
font-size: 16px;
padding: 20px;
}
}
@media (min-width: 768px) {
.plyr__captions {
font-size: 18px;
}
}
.plyr--captions-active .plyr__captions {
display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
transform: translateY(-40px);
}
.plyr__control {
background: 0 0;
border: 0;
border-radius: 3px;
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: 7px;
position: relative;
transition: all 0.3s ease;
}
.plyr__control svg {
display: block;
fill: currentColor;
height: 18px;
pointer-events: none;
width: 18px;
}
.plyr__control:focus {
outline: 0;
}
.plyr__control.plyr__tab-focus {
box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
outline: 0;
}
a.plyr__control {
text-decoration: none;
}
a.plyr__control::after, a.plyr__control::before {
display: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed {
display: none;
}
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
background: #00b3ff;
color: #fff;
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
background: #00b3ff;
color: #fff;
}
.plyr__control--overlaid {
background: rgba(0, 179, 255, 0.8);
border: 0;
border-radius: 100%;
color: #fff;
display: none;
left: 50%;
padding: 15px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.plyr__control--overlaid svg {
left: 2px;
position: relative;
}
.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
background: #00b3ff;
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}
.plyr--full-ui ::-webkit-media-controls {
display: none;
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center;
}
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0;
}
.plyr__controls .plyr__controls__item {
margin-left: 2.5px;
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: 2.5px;
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 5px;
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0;
}
.plyr__controls .plyr__controls__item.plyr__volume {
padding-right: 5px;
}
.plyr__controls .plyr__controls__item.plyr__volume:first-child {
padding-right: 0;
}
.plyr__controls:empty {
display: none;
}
.plyr--audio .plyr__controls {
background: #fff;
border-radius: inherit;
color: #4a5764;
padding: 10px;
}
.plyr--video .plyr__controls {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
left: 0;
padding: 20px 5px 5px;
position: absolute;
right: 0;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
z-index: 3;
}
@media (min-width: 480px) {
.plyr--video .plyr__controls {
padding: 10px;
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%);
}
.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] {
display: none;
}
.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
display: inline-block;
}
.plyr__menu {
display: flex;
position: relative;
}
.plyr__menu .plyr__control svg {
transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
display: none;
}
.plyr__menu__container {
animation: plyr-popup 0.2s ease;
background: rgba(255, 255, 255, 0.9);
border-radius: 4px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #4a5764;
font-size: 16px;
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3;
}
.plyr__menu__container > div {
overflow: hidden;
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
border: 4px solid transparent;
border-top-color: rgba(255, 255, 255, 0.9);
content: "";
height: 0;
position: absolute;
right: 15px;
top: 100%;
width: 0;
}
.plyr__menu__container [role=menu] {
padding: 7px;
}
.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
margin-top: 0;
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #4a5764;
display: flex;
font-size: 14px;
padding: 4px 11px;
-webkit-user-select: none;
user-select: none;
width: 100%;
}
.plyr__menu__container .plyr__control > span {
align-items: inherit;
display: flex;
width: 100%;
}
.plyr__menu__container .plyr__control::after {
border: 4px solid transparent;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px;
}
.plyr__menu__container .plyr__control--forward::after {
border-left-color: rgba(74, 87, 100, 0.8);
right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
font-weight: 500;
margin: 7px;
margin-bottom: 3px;
padding-left: 28px;
position: relative;
width: calc(100% - 14px);
}
.plyr__menu__container .plyr__control--back::after {
border-right-color: rgba(74, 87, 100, 0.8);
left: 7px;
}
.plyr__menu__container .plyr__control--back::before {
background: #c1c9d1;
box-shadow: 0 1px 0 #fff;
content: "";
height: 1px;
left: 0;
margin-top: 4px;
overflow: hidden;
position: absolute;
right: 0;
top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
padding-left: 7px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before {
border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
background: rgba(0, 0, 0, 0.1);
content: "";
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
transition: all 0.3s ease;
width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
background: #00b3ff;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
background: rgba(0, 0, 0, 0.1);
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: -5px;
overflow: hidden;
padding-left: 25px;
pointer-events: none;
}
.plyr--full-ui input[type=range] {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 26px;
color: #00b3ff;
display: block;
height: 19px;
margin: 0;
padding: 0;
transition: box-shadow 0.3s ease;
width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-webkit-user-select: none;
user-select: none;
background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
height: 13px;
position: relative;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
-webkit-appearance: none;
margin-top: -4px;
}
.plyr--full-ui input[type=range]::-moz-range-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-moz-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
height: 13px;
position: relative;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
}
.plyr--full-ui input[type=range]::-moz-range-progress {
background: currentColor;
border-radius: 2.5px;
height: 5px;
}
.plyr--full-ui input[type=range]::-ms-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
height: 13px;
position: relative;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
display: none;
}
.plyr--full-ui input[type=range]:focus {
outline: 0;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
border: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
outline: 0;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr__poster {
background-color: #000;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.2s ease;
width: 100%;
z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1;
}
.plyr__time {
font-size: 14px;
}
.plyr__time + .plyr__time::before {
content: "⁄";
margin-right: 10px;
}
@media (max-width: 767px) {
.plyr__time + .plyr__time {
display: none;
}
}
.plyr--video .plyr__time {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.plyr__tooltip {
background: rgba(255, 255, 255, 0.9);
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #4a5764;
font-size: 14px;
font-weight: 500;
left: 50%;
line-height: 1.3;
margin-bottom: 10px;
opacity: 0;
padding: 5px 7.5px;
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
white-space: nowrap;
z-index: 2;
}
.plyr__tooltip::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
bottom: -4px;
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%, 0) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
left: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
left: 16px;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
left: auto;
right: 16px;
transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0, 0) scale(1);
}
.plyr--video {
background: #000;
overflow: hidden;
}
.plyr--video.plyr--menu-open {
overflow: visible;
}
.plyr__video-wrapper {
background: #000;
border-radius: inherit;
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
}
.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
user-select: none;
width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%);
}
.plyr__progress {
left: 6.5px;
margin-right: 13px;
position: relative;
}
.plyr__progress input[type=range], .plyr__progress__buffer {
margin-left: -6.5px;
margin-right: -6.5px;
width: calc(100% + 13px);
}
.plyr__progress input[type=range] {
position: relative;
z-index: 2;
}
.plyr__progress .plyr__tooltip {
font-size: 14px;
left: 0;
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 100px;
height: 5px;
left: 0;
margin-top: -2.5px;
padding: 0;
position: absolute;
top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
background: 0 0;
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
-moz-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr--video .plyr__progress__buffer {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.25);
}
.plyr--audio .plyr__progress__buffer {
color: rgba(193, 201, 209, 0.66);
}
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(-45deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent);
background-repeat: repeat-x;
background-size: 25px 25px;
color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(193, 201, 209, 0.66);
}
.plyr__volume {
align-items: center;
display: flex;
flex: 1;
position: relative;
}
.plyr__volume input[type=range] {
margin-left: 5px;
position: relative;
z-index: 2;
}
@media (min-width: 480px) {
.plyr__volume {
max-width: 90px;
}
}
@media (min-width: 768px) {
.plyr__volume {
max-width: 110px;
}
}
.plyr--is-ios .plyr__volume {
display: none !important;
}
.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
display: none !important;
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:fullscreen video {
height: 100%;
}
.plyr:-webkit-full-screen .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: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:fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .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:fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
.plyr:fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
}
.plyr:-moz-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-moz-full-screen video {
height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
}
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10000000;
}
.plyr--fullscreen-fallback video {
height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
}
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.plyr__ads > div, .plyr__ads > div iframe {
height: 100%;
position: absolute;
width: 100%;
}
.plyr__ads::after {
background: rgba(35, 41, 47, 0.8);
border-radius: 2px;
bottom: 10px;
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
z-index: 3;
}
.plyr__ads::after:empty {
display: none;
}
.plyr__cues {
background: currentColor;
display: block;
height: 5px;
left: 0;
margin: -2.5px 0 0;
opacity: 0.8;
position: absolute;
top: 50%;
width: 3px;
z-index: 3;
}
.plyr__preview-thumb {
background-color: rgba(255, 255, 255, 0.9);
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
margin-bottom: 10px;
opacity: 0;
padding: 3px;
pointer-events: none;
position: absolute;
transform: translate(0, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
z-index: 2;
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
bottom: -4px;
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr__preview-thumb__image-container {
background: #c1c9d1;
border-radius: 2px;
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__preview-thumb__image-container img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
position: absolute;
top: 0;
width: 100%;
}
.plyr__preview-thumb__time-container {
bottom: 6px;
left: 0;
position: absolute;
right: 0;
white-space: nowrap;
z-index: 3;
}
.plyr__preview-thumb__time-container span {
background-color: rgba(0, 0, 0, 0.55);
border-radius: 2px;
color: #fff;
font-size: 14px;
padding: 3px 6px;
}
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
opacity: 1;
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
object-fit: contain;
position: absolute;
top: 0;
width: 100%;
}
.plyr--no-transition {
transition: none !important;
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
border: 0 !important;
height: 1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.plyr [hidden] {
display: none !important;
}
/* #Model Viewer
================================================== */
.shopify-model-viewer-ui {
position: relative;
display: block;
cursor: pointer;
}
.shopify-model-viewer-ui model-viewer {
transform: translateZ(0);
z-index: 1;
}
.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled {
pointer-events: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer {
position: relative;
width: 100vw;
height: 100vh;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen {
display: block;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen {
display: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area, .shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area {
opacity: 1;
}
.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
display: flex;
flex-direction: column;
background: #fff;
opacity: 0;
border: 1px solid rgba(0, 0, 0, 0.05);
position: absolute;
bottom: 10px;
right: 10px;
z-index: 1;
transition: opacity 0.1s linear;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
color: #3a3a3a;
border-radius: 0;
border: none;
margin: 0;
cursor: pointer;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible) {
outline: 0;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
padding: 0;
height: 44px;
width: 44px;
background: 0 0;
position: relative;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
color: rgba(0, 0, 0, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
color: rgba(0, 0, 0, 0.55);
background: rgba(0, 0, 0, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
position: absolute;
content: "";
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
width: 28px;
bottom: 0;
right: 8px;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon {
width: 44px;
height: 44px;
fill: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
background: #fff;
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.05);
top: 50%;
left: 50%;
padding: 0;
transform: translate3d(-50%, -50%, 0);
height: 62px;
width: 62px;
z-index: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover {
color: rgba(0, 0, 0, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
width: 60px;
height: 60px;
z-index: 1;
fill: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen {
display: block;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
button.flickity-button,
button.flickity-button:hover {
display: none!important;
}
/*! 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;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: grabbing;
}
.flickity-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;
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: 0.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: 0.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: 0.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;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
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);
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 {
top: 50%;
transform: translateY(-50.1%);
padding: 10px 0;
position: absolute;
left: 20%;
width: 60%;
height: 60%;
}
.flickity-prev-next-button .arrow {
fill: #333333;
}
/* Color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
color: #333333;
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: 1;
background:none;
}
@media
only screen and (max-width: 798px)
{
.gallery-arrows--true .product_gallery .flickity-prev-next-button{
opacity: 0;
}
}
/* Hidden for product gallery on collection page when product form style is dropdown */
.image__container .product_gallery .flickity-prev-next-button {
display: none;
}
.product_gallery {
margin-bottom: 30px;
position: relative;
opacity: 0;
transition: opacity 0.2s;
}
@media
only screen and (max-width: 798px)
{
.product_gallery {
margin-bottom: 10px;
}
}
@media
only screen and (max-width: 480px)
{
.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: #F2F2F2 /*#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;
}
}
@media
only screen and (max-width: 798px)
{
.thumbnail .product_gallery {
margin-bottom: 0;
padding-bottom: 0;
}
}
.product_gallery_nav {
text-align: center;
margin-bottom: 30px;
padding: 0 10px;
}
@media
only screen and (max-width: 798px)
{
.product_gallery_nav {
padding: 10px 20px 0px 20px;
margin-bottom: 0px;
}
}
.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 (max-width: 480px)
{
.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: 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;
background-color: #f2f2f2;
}
.product_gallery_nav--slider-enabled .gallery-cell {
opacity: 1;
}
.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{
max-width: 590px;
}
@media
only screen and (max-width: 798px)
{
.gallery-wrap{
max-width: none;
}
}
.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%;
transform: translateY(-50%) !important;
/* Overwrite Fancybox transform */
}
}
/* Quick shop template */
.product-quickshop {
background-color: rgba(43, 46, 56, 0.9);
}
@media
only screen and (max-width: 798px)
{
.product-quickshop {
margin: 2rem;
}
}
.product-quickshop .shopify-section--quick-shop {
margin: 4rem auto;
max-width: 900px;
padding: 44px !important;
/* Overwrite section padding */
background-color: #ffffff;
}.product-quickshop .shopify-section:not(.shopify-section--quick-shop) {
display: none;
}
/* Quick shop */
.js-quick-shop {
display: none;
width: 90%;
max-width: 900px;
cursor: pointer !important;
background-color: #ffffff;
}.js-quick-shop .container,
.js-quick-shop .product_name {
color: #2b2e38;
}
.js-quick-shop .fancybox-close-small svg path {
fill: #2b2e38;
}
.js-quick-shop .fancybox-close-small svg path:hover {
fill: #292c36;
}
/* 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 .quick_shop {
margin: 5px 0;
}
/* Purchase button sizing */
.quick-shop-style--inline.one-fourth .shopify-payment-button, .quick-shop-style--inline.one-fifth .shopify-payment-button, .quick-shop-style--inline.one-sixth .shopify-payment-button, .quick-shop-style--inline.one-seventh .shopify-payment-button, .quick-shop-style--inline.visible-5 .shopify-payment-button, .quick-shop-style--inline.visible-6 .shopify-payment-button, .quick-shop-style--inline.visible-7 .shopify-payment-button {
min-width: 100%;
margin-left: 0;
margin-right: 0;
margin-top: 10px;
}
.quick-shop-style--inline.one-fourth .add_to_cart, .quick-shop-style--inline.one-fifth .add_to_cart, .quick-shop-style--inline.one-sixth .add_to_cart, .quick-shop-style--inline.one-seventh .add_to_cart, .quick-shop-style--inline.visible-5 .add_to_cart, .quick-shop-style--inline.visible-6 .add_to_cart, .quick-shop-style--inline.visible-7 .add_to_cart {
max-width: 100%;
}
/* 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: #333333;
}
.transparentBackground--false .flickity-prev-next-button {
background: transparent;
}
.transparentBackground--false .flickity-prev-next-button .arrow {
opacity: 1;
fill: #333333;
}
.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.498039) 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: 0.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;
-webkit-user-select: none;
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;
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%;
text-size-adjust: 100%;
}
.size-chart-remodal {
max-height: calc(100vh - 20px);
/* Viewport height minus wrapper padding */
}
.size-chart-remodal .size-chart-wrap {
max-height: calc(100vh - 70px);
/* Viewport height minus remodal inner padding */
overflow-y: scroll;
}
.remodal img {
max-width: 100%;
}
.remodal-is-initialized {
display: inline-block;
/* Disable Anti-FOUC */
}
/* ==========================================================================
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%;
max-width: 900px;
margin-bottom: 10px;
padding: 35px;
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
}
@media
only screen and (max-width: 480px)
{
.remodal{
width: 100%;
}
}
@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: 45px;
height: 45px;
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: #efeff0;
background: none;
border: 0;
outline: 0;
}
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 45px;
line-height: 45px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
color: #cccccc;
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.newsletter-form__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.newsletter-form__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 {
}
.menu a,
.menu a:visited,
.menu a:hover,
.menu a:active,
.menu a:focus {
}
.menu li,
#header span.menu_title,
.menu a span {
padding-left: 2px;
padding-right: 2px;
}
.menu li.search-container {
display: none;
}
.top-bar .menu li {
padding-left: 5px;
padding-right: 5px;
}
}
.top-bar--right-menu .menu li img{
vertical-align: middle;
}
.top-bar--right-menu .menu span{
padding: 5px;
}
.top-bar--right-menu .country .current-country {
cursor: pointer;
}
.top-bar--right-menu .country img {
height: 32px;
width: 32px;
max-height: 32px;
max-width: 32px;
border-radius: 100%;
}
.top-bar--right-menu .country .remodal {
display: none;
}
.remodal.country-select-modal li {
display: inline-block;
margin: 5px 5px 10px 0px;
border: 0;
list-style: none;
padding: 7px 25px 7px 25px;
border-radius: 30px;
overflow: hidden;
}
@media (max-width: 769px) {
.remodal.country-select-modal li {
width: 100%;
}
}
.remodal.country-select-modal li a {
line-height: 32px;
vertical-align: middle;
color: #161616 !important;
display: block;
}
.remodal.country-select-modal li a span {
float: right;
color: #161616 !important;
}
.remodal.country-select-modal li a.external-link span {
float: none;
}
@media (max-width: 769px) {
.remodal.country-select-modal li a span {
float: left;
}
}
.remodal.country-select-modal li img {
height: 32px;
width: 32px;
max-height: 32px;
max-width: 32px;
border-radius: 100%;
float: left;
margin-right: 10px;
margin-left: -18px;
}
.remodal.country-select-modal li.current-Country {
background-color: #e2e2e2 !important;
}
.remodal.country-select-modal li:hover {
background-color: #e2e2e2 !important;
}
@media
only screen and (max-width: 1024px)
{
.remodal ul.countries{
padding: 0 35px;
}
}
/* 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: 15px;
bottom: 0;
font-size: 18px;
line-height: 34px;
z-index: 5;
height: auto;
color: #000000;
display: flex;
align-items: center;
justify-content: 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: 14px;
}
.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;
}
select {
width: 100%;
margin-left: 0;
}
.newsletter-form__sign-up,
input[type=submit],
input[type=reset],
input[type=button] {
margin-left: 0;
width: 100%;
outline: 0;
}
.credits_right {
text-align: left;
}
.title_column {
float: left;
}
.mobile_only,
.container div.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 {
}
.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;
}
.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: 480px)
{
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%;
text-size-adjust: 100%;
}
}
@font-face {
font-family: "turbo";
src: url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/turbo.eot?v=48734892740725754481769014685);
src: url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/turbo.eot?v=48734892740725754481769014685) format("embedded-opentype"), url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/turbo.woff?v=150966577236684244781769014685) format("woff"), url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/turbo.ttf?v=77481909974496710951769014685) format("truetype"), url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/turbo.svg?v=173366358466109711321769014685) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^=icon-]:before,
[class*=" icon-"]:before {
font-family: "turbo";
font-style: normal;
font-weight: bold;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.15em;
}
.icon-bag:before {
content: "";
}
.icon-cart:before {
}
.icon-check:before {
content: "";
}
.icon-cross:before {
content: "";
}
.icon-up-arrow:before {
content: "";
}
.icon-down-arrow:before {
content: "";
}
.icon-left-arrow:before {
content: "";
}
.icon-right-arrow:before {
content: "";
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.icon-plus:before {
content: "";
}
.icon-minus:before {
content: "";
}
.icon-menu:before {
content: "";
}
.icon-email:before {
content: "";
}
.icon-pinterest:before {
content: "";
}
.icon-rss:before {
content: "";
}
.icon-houzz:before {
content: "";
}
.icon-snapchat:before {
content: "";
}
.icon-phone:before {
content: "";
}
.icon-instagram:before {
content: "";
}
.icon-vimeo:before {
content: "";
}
.icon-search:before {
content: "";
font-weight: bold;
}
.icon-zoom:before {
content: "";
}
.icon-youtube:before {
content: "";
}
.icon-lock:before {
content: "";
color: #ffffff;
}
.icon-user:before {
}
.icon-facebook:before {
content: "";
}
.icon-twitter:before {
content: "";
}
.icon-tumblr:before {
content: "";
}
.icon-linkedin:before {
content: "";
}
.icon-twitter-share:before {
content: "";
}
.icon-facebook-share:before {
content: "";
}
.icon-pinterest-share:before {
content: "";
}
.icon-mail-share:before {
content: "";
}
span.icon-down-arrow {
padding: 0 !important;
font-size: 12px !important;
}
.sticky_nav .search__form{
margin-top: -4px;
}
.nav form.search__form{
position: absolute;
right: 20px;
margin-left: auto;
width:51px;
transition: all 0.05s ease;
}
@media
only screen and (min-width: 1201px)
{
.nav form.search__form{
right: 0px;
}
}
.nav .search-submit{
color:#161616;
background: #ffffff;
}
.nav .search__form input{
width: 100%;
border-radius: 4px;
border: none;
}
.nav .search-container.active .search__form{
width: 500px;
-webkit-box-shadow: 3px 5px 8px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 3px 5px 8px 0px rgba(0,0,0,0.26);
box-shadow: 3px 5px 8px 0px rgba(0,0,0,0.26);
}
.nav .search-container.active .search__form input{
border: 1px solid #161616;
}
.nav .search-container.active .search-submit {
color:#ffffff ;
background:#161616 ;
}
form.search__form,
.search__form input {
padding-top: 0;
margin-bottom: 0;
position: relative;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
}
.search__form input,
.search__form input:active,
.search__form input:focus {
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
letter-spacing: 0px;
color: #161616;
background-color: #ffffff;
padding-right: 35px;
border-color: #161616;
height: 42px;
min-height: 42px;
}.search__form input,
.search__form input:active,
.search__form input:focus {
border-radius: 4px;
padding-left: 15px;
}#shopify-section-blog-knowledge-template form.gse_search,
#shopify-section-blog-template form.gse_search,
.banner-search-wrap {
max-width: 700px;
margin: auto;
position:relative
}
.feature_image .search__form input,
.feature_image .search__form input:active,
.feature_image .search__form input:focus {
color: #161616;
border-color: #161616;
}
.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: #161616;
}
.feature_image .search__form input::-moz-placeholder,
.feature_image .search__form input:active::-moz-placeholder,
.feature_image .search__form input:focus::-moz-placeholder {
color: #161616;
}
.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: #161616;
}
.feature_image .search-submit {
color: #161616;
}
.header_search_form {
width: 60%;
margin: 0 auto 30px auto;
padding: 30px 0 0 0;
position: relative;
border-bottom: solid 1px #161616;
}
@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: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
color: #161616;
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: #161616;
border: 1px solid #161616;
}
.feature_image .search__form input::-webkit-input-placeholder {
color: #161616;
}
.feature_image .search__form input:-moz-placeholder {
/* Firefox 18- */
color: #161616;
}
.feature_image .search__form input::-moz-placeholder {
/* Firefox 19+ */
color: #161616;
}
.feature_image .search__form input:-ms-input-placeholder {
color: #161616;
}
.search__form input::-webkit-input-placeholder {
color: #161616;
}
.search__form input:-moz-placeholder {
/* Firefox 18- */
color: #161616;
}
.search__form input::-moz-placeholder {
/* Firefox 19+ */
color: #161616;
}
.search__form input:-ms-input-placeholder {
color: #161616;
}
.search__form input:focus::-webkit-input-placeholder {
color: #161616;
}
.search__form input:focus:-moz-placeholder {
/* Firefox 18- */
color: #161616;
}
.search__form input:focus::-moz-placeholder {
/* Firefox 19+ */
color: #161616;
}
.search__form input:focus:-ms-input-placeholder {
color: #161616;
}
.feature_image .search__form input,
.feature_image .search__form input:active,
.feature_image .search__form input:focus {
color: #161616;
border: 1px solid #161616;
}
.feature_image .search__form input::-webkit-input-placeholder {
color: #161616;
}
.feature_image .search__form input:-moz-placeholder {
/* Firefox 18- */
color: #161616;
}
.feature_image .search__form input::-moz-placeholder {
/* Firefox 19+ */
color: #161616;
}
.feature_image .search__form input:-ms-input-placeholder {
color: #161616;
}
.search-submit {
position: absolute;
z-index: 1000;
color: #ffffff;
font-size: 20px;
top: 0px;
right: 0px;
cursor: pointer;
background: #0e103e;
padding: 10px 7px 8px 11px;
border-radius: 3px;
width: 50px;
text-align: center;
}
.search-results li.item-result:hover {
background: rgba(0, 91, 148, 0.5);
}
.feature_image .search-submit {
color: #161616;
}
.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: #161616;
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: #161616;
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: 0.75s;
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scaleX(1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
.delay-0s {
animation-delay: 0;
}
.delay-025s {
animation-delay: 0.25s;
opacity: 0;
}
.delay-05s {
animation-delay: 0.5s;
opacity: 0;
}
.delay-075s {
animation-delay: 0.75s;
opacity: 0;
}
.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.newsletter-form__sign-up[type=submit] {
width: calc(35% - 10px);
}
@media
only screen and (max-width: 1024px)
{
#password-container #contact_form input.newsletter-form__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: #161616;
}
.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: #005b94;
}
.password-footer {
margin-top: 15px;
margin-bottom: 40px;
font-size: 13px;
color: #161616;
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: #161616;
text-decoration: none;
}
.password-footer a {
color: #161616;
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: #005b94;
}
.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%;
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
================================================== */
.shopify-section--page-details-template .article {
padding-bottom: 0;
}
.shopify-section--page-details-template div.container .featured_products {
padding-top: 0;
}
.shopify-section--page-details-template .block__image_with_text_overlay .full-width--false,
.shopify-section--page-details-template .block__image_with_text .is-width-standard {
padding-top: 20px;
}
@media
only screen and (max-width: 480px)
{
.shopify-section--page-details-template .caption.position-center,
.shopify-section--page-details-template .caption.position-left,
.shopify-section--page-details-template .caption.position-right {
margin: 5% 0 0 0;
}
}
/* #Product page
================================================== */
/* Blocks */
.product-block.product-block--first {
margin-top: 0;
/* Always remove the top margin from the first product block */
}
.product-block.product-block--size-chart {
display: flex;
justify-content: flex-end;
}
.size_chart {
display: inline-block;
}
.terms_row {
font-size: 12px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
margin-bottom: 10px;
}
.terms_column {
display: flex;
flex-direction: column;
flex: auto;
}
.terms_input {
width: 10%;
min-width: 30px;
padding-top: 2px;
}
.terms_desc {
width: 90%;
line-height: 1.5;
}
.terms_desc a {
color: #2980b9;
}
.terms_message {
font-size: 16px;
color: red;
margin: 0 5% 15px 5%;
}
.terms_message span.transparent {
opacity: 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 {
padding: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
min-height: 44px;
background: #e6e6e6;
color: #161616;
font: inherit;
text-transform: none;
border-radius: 0px;
border: 0;
}
.view-in-your-space svg path:first-child {
stroke: #161616;
}
.view-in-your-space svg path:last-child {
fill: #161616;
}
.plyr--video .plyr__controls {
background: Liquid error: Alpha must be a float between 0 and 1;
padding: 10px;
}
.plyr--video .plyr__control {
background: transparent;
color: #161616;
}
.plyr--video .plyr__control:hover {
background: #ffffff;
color: #161616;
}
.plyr--video .plyr__controls__item.plyr__time,
.plyr--video input[type=range],
.plyr--video .plyr__controls__item {
color: #161616;
}
.plyr--video .plyr__progress input[type=range] + .thumb {
background-color: #161616;
color: #161616;
}
.plyr--video input[type=range]::-webkit-slider-thumb {
background-color: #161616;
}
.plyr--video input[type=range]::-moz-range-thumb {
background-color: #161616;
}
.plyr--video input[type=range]::-ms-thumb {
background-color: #161616;
}
.plyr--video .plyr__progress__buffer,
.plyr--video .plyr__control[aria-expanded=true] {
background-color: rgba(22, 22, 22, 0.6);
}
.plyr--video .plyr__control.plyr__tab-focus {
background-color: #161616;
}
.plyr--video .plyr__control--overlaid {
background: #ffffff;
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: #ffffff;
}
.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: #ffffff;
}
.plyr--video .plyr__control .play-icon-button-control path {
fill: #161616;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-right: 10px;
padding-left: 10px;
}
/* Styles for a vertical volume scrollbar */
.plyr--full-ui .plyr__volume {
background-color: rgba(255, 255, 255, 0.25);
border-radius: 5px;
bottom: 105px;
height: 40px;
opacity: 0;
padding: 10px 15px !important;
position: absolute;
transform: rotate(270deg);
transition: visibility 0.4s linear 0.4s, opacity 0.4s linear 0.3s;
width: 140px;
}
.plyr--full-ui .plyr__volume:before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.25);
bottom: 18px;
content: "";
left: -6px;
position: absolute;
transform: rotate(90deg);
z-index: 2;
}
.plyr--full-ui .plyr__volume:hover {
opacity: 1;
visibility: visible;
}
.plyr--full-ui .plyr__volume.plyr__volume--is-visible {
opacity: 1;
transition: visibility 0.4s linear, opacity 0.4s linear;
}
.plyr--full-ui .plyr__volume input[type=range] {
color: #161616;
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: #161616;
background: #ffffff;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button[hidden] {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
color: rgba(22, 22, 22, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
background: #ffffff;
border: 1px solid rgba(22, 22, 22, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
border-bottom: 1px solid rgba(22, 22, 22, 0.05);
}
@media only screen and (min-width: 799px) {
.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;
}
}
/* Hide controls on mobile when video is stopped */
.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: #ffffff;
}
.product_gallery_nav .media-badge path:last-child {
fill: #161616;
}
.product_gallery_nav .media-badge g path:first-child {
stroke: #161616;
}
.product_gallery_nav .media-badge .media-badge__outline {
stroke: rgba(22, 22, 22, 0.05);
}
/* Set product media height */
.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 {
object-fit: contain;
}
.gallery-wrap.product-height-set .product_gallery .plyr--youtube .plyr__video-embed {
height: 100%;
}
/* Home page - general
================================================== */
/* Full-width product slider */
.homepage-product-slider {
margin: 0 10px;
}
@media
only screen and (max-width: 798px)
{
.homepage-product-slider {
margin: 0;
}
}
.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;
}
/* Text below overlay on larger screens */
@media
only screen and (max-width: 1024px)
{
.products-length-7 .product-info__caption {
display: block;
}
.products-length-7 .thumbnail-overlay {
display: none;
}
.products-length-8 .product-info__caption {
display: block;
}
.products-length-8 .thumbnail-overlay {
display: none;
}
.products-length-9 .product-info__caption {
display: block;
}
.products-length-9 .thumbnail-overlay {
display: none;
}
.products-length-10 .product-info__caption {
display: block;
}
.products-length-10 .thumbnail-overlay {
display: none;
}
.products-length-11 .product-info__caption {
display: block;
}
.products-length-11 .thumbnail-overlay {
display: none;
}
.products-length-12 .product-info__caption {
display: block;
}
.products-length-12 .thumbnail-overlay {
display: none;
}
.products-length-13 .product-info__caption {
display: block;
}
.products-length-13 .thumbnail-overlay {
display: none;
}
.products-length-14 .product-info__caption {
display: block;
}
.products-length-14 .thumbnail-overlay {
display: none;
}
.products-length-15 .product-info__caption {
display: block;
}
.products-length-15 .thumbnail-overlay {
display: none;
}
.products-length-16 .product-info__caption {
display: block;
}
.products-length-16 .thumbnail-overlay {
display: none;
}
}
.featured_products.product-slider {
padding-bottom: 0;
}
.featured_products.product-slider .columns {
padding-bottom: 0;
}
/* Applied to the slideshow, video and full-width banner images */
.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;
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: #ffffff;
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
text-transform: none;
font-size: 20px;
letter-spacing: 1px;
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 {
font-family: TeleVoiceSemiBold, TeleVoiceRegular, sans-serif;
}@media
only screen and (max-width: 480px)
{
}
@media
only screen and (max-width: 798px)
{
}
@media only screen and (min-width: 799px) {
}
@media only screen and (min-width: 1025px) {
}
.caption .subtitle {
color: #ffffff;
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
text-transform: none;
font-style: none;
font-size: 20px;
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;
}
.caption-background-text_box .caption-content {
background-color: #ffffff;
/* Fallback */
}
@media
only screen and (max-width: 480px)
{
.caption--below-true .caption {
margin: 20px auto !important;
font-size: 3vw;
position: absolute;
transform: none;
width: 100%;
top: 40%
}
}
@media
only screen and (max-width: 480px)
{
.caption--below-true .pretext {
color: #161616;
text-shadow: none;
}
}
@media
only screen and (max-width: 480px)
{
.caption--below-true .headline {
color: #0e103e;
text-shadow: none;
}
}
@media
only screen and (max-width: 480px)
{
.caption--below-true .subtitle {
color: #161616;
text-shadow: none;
}
}
.caption--below-true.caption-background-text_box .caption-content {
background-color: #ffffff;
}
@media
only screen and (max-width: 480px)
{
.caption--below-true.caption-background-text_box .caption-content {
background-color: transparent;
}
}
@media
only screen and (max-width: 480px)
{
.caption--below-true.caption-background-translucent_text_box .caption-content {
background-color: transparent;
}
}
.subtitle p a {
pointer-events: all;
}
.caption-content {
display: inline-block;
float: none;
max-width: 60%;
font-size: 0;
}
.banner .caption-content {
display: block;
max-width: 100%;
}
@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.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 .subtitle:before {
margin-left: 0;
}
.caption-content.align-right {
text-align: right;
}
.caption-content.align-right .subtitle:before {
margin-right: 0;
}
.caption-content {
padding: 30px;
}
.caption-content h1 {
padding-top: 0;
}
.caption-content > *:only-child {
margin-bottom: 0px;
}
@media
only screen and (max-width: 480px)
{
.caption-content {
padding: 15px;
}
}
@media
only screen and (max-width: 480px)
{
.caption--below-true .caption-content {
padding: 0px;
}
}.homepage-video .caption-background-text_box {
background-color: #ffffff;
}@media
only screen and (max-width: 480px)
{
.homepage-video .caption-background-text_box {
background-color: transparent;
}
}
.caption-background-translucent_text_box .caption-content {
background-color: rgba(255, 255, 255, 0.6);
}
/* Slideshow */
.homepage-slideshow .gallery-cell:not(:first-child) {
height: 0;
}
.homepage-slideshow.flickity-enabled .gallery-cell:not(:first-child) {
height: auto;
}
/* #Account
================================================== */
.account-header-logout {
text-align: right;
text-transform: uppercase;
}
.account-sidebar {
border-right: 1px solid #e0e0e0;
box-sizing: border-box;
padding-right: 10px;
overflow-wrap: anywhere;
}
@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 #e0e0e0;
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;
}
.address__action a,
.address__action a:hover,
.address__action a:active,
.address__action a:focus {
color: inherit;
}
/* #Policy pages
================================================== */
@media
only screen and (max-width: 798px)
{
.shopify-policy-template .container {
margin-left: 10px;
margin-right: 10px;
}
}
.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 - Featured product
================================================== */
.shopify-section--featured-product .section.is-width-wide {
margin: 0 auto;
}
.shopify-section--featured-product .product__details {
padding: 40px 2rem;
}
/* #Home page - text columns with images
================================================== */
.shopify-section--text-columns-with-images .border-style--box {
padding: 10%;
border: 1px solid #e0e0e0;
}
.shopify-section--text-columns-with-images .border-style--quote {
padding-left: 20px;
border-left: 1px solid #e0e0e0;
margin-bottom: 10%;
}
.shopify-section--text-columns-with-images .large_text {
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
text-transform: none;
line-height: 1.5;
color: #0e103e;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
font-size: 46.8px;
}
.shopify-section--text-columns-with-images .text-column {
margin-bottom: 25px;
}
.shopify-section--text-columns-with-images .text-columns-with-images__button {
margin: 10px 0 25px;
}
.shopify-section--text-columns-with-images h2.title + .feature_divider {
margin-bottom: 40px;
}
.shopify-section--text-columns-with-images 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,
.shopify-section--testimonials: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;
}
.text-animation--true .caption-content *{
visibility: hidden;
}
.text-animation--true .caption-content.fadeInDown *{
visibility: visible;
}
@media
only screen and (max-width: 480px)
{
.text-animation--true .caption-content {
opacity: 1;
animation-duration: 0s;
}
}
.homepage-slideshow.single-image .flickity-prev-next-button,
.shopify-section--testimonials.single-image .flickity-prev-next-button {
display: none;
}
.homepage-slideshow.single-image .flickity-page-dots,
.shopify-section--testimonials.single-image .flickity-page-dots {
display: none;
}
.homepage-slideshow .gallery-cell,
.shopify-section--testimonials .gallery-cell {
width: 100%;
}.homepage-slideshow .gallery-cell,
.shopify-section--testimonials .gallery-cell {
background-color: #666666;
}@media
only screen and (max-width: 480px)
{
.homepage-slideshow .gallery-cell,
.shopify-section--testimonials .gallery-cell {
background-color: transparent;
}
}
.homepage-slideshow .gallery-cell img,
.shopify-section--testimonials .gallery-cell img {
width: 100%;
display: block;
}
.homepage-slideshow .flickity-prev-next-button,
.shopify-section--testimonials .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,
.shopify-section--testimonials .flickity-prev-next-button {
opacity: 0;
}
}
.homepage-slideshow .flickity-page-dots,
.shopify-section--testimonials .flickity-page-dots {
bottom: 2em;
display: none;
}
@media only screen and (min-width: 799px) {
.homepage-slideshow .flickity-page-dots,
.shopify-section--testimonials .flickity-page-dots {
display: block;
}
}
.homepage-slideshow .flickity-page-dots .dot,
.shopify-section--testimonials .flickity-page-dots .dot {
height: 4px;
width: 40px;
margin: 0;
border-radius: 0;
background: #333333;
}
@media
only screen and (max-width: 480px)
{
.homepage-slideshow .flickity-page-dots,
.shopify-section--testimonials .flickity-page-dots {
display: block;
bottom: 5px;
}
}
/* Home - product slider */
.js-product-slider .product_clear {
display: none;
}
.js-product-slider .flickity-prev-next-button {
border-radius: 0;
}
/* #Home page - Search
================================================== */
.search-bgr-true {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.shopify-section--search {
width: 100%;
display: inline-block;
background-color: #b4bac1;
}
.shopify-section--search h2 {
margin-top: 0;
margin-bottom: 0.25em;
}
.shopify-section--search p,
.shopify-section--search h2 {
color: #000000;
}
.shopify-section--search .section_form {
padding: 60px 20px;
max-width: 1200px;
width: 95%;
margin-left: auto;
margin-right: auto;
}
.text-align--center .search__container {
justify-content: center;
}
.text-align--left .search__container {
justify-content: flex-start;
}
.text-align--right .search__container {
justify-content: flex-end;
}
.search__container {
position: relative;
width: 100%;
display: flex;
}
.search__container .search__wrapper {
display: inline-block;
position: relative;
max-width: 650px;
width: 100%;
}
.search__container input[type=text] {
color: #161616;
font-size: 16px;
display: inline-block;
border: 1px solid #000;
min-height: 50px;
height: 50px;
margin-bottom: 0;
background-color: #ffffff;
}
.search__container input[type=text]::-webkit-input-placeholder {
color: #161616;
}
.search__container input[type=text]:-moz-placeholder {
/* Firefox 18- */
color: #161616;
}
.search__container input[type=text]::-moz-placeholder {
/* Firefox 19+ */
color: #161616;
}
.search__container input[type=text]:-ms-input-placeholder {
color: #161616;
}
.search__container input[type=text]:focus, .search__container input[type=text]:active {
border: 1px solid #000;
}
.search__form {
width: 100%;
max-width: 650px;
position: relative;
flex: 0 0 auto;
}
.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;
}.search__button {
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: #999999;
border: 1px solid #000;
border-left: 0px;
}
/* #Home page - image with text
================================================== */
.button-grid-container {
margin-top: 10px;
display: inline-grid;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
grid-auto-flow: column;
grid-gap: 1rem;
}
@media
only screen and (max-width: 798px)
{
.button-grid-container--column-mobile {
grid-auto-flow: row;
}
}
@media
only screen and (max-width: 1024px)
{
.button-grid-container--column-tablet {
grid-auto-flow: row;
}
}
.button-grid-container--column {
grid-auto-flow: row;
}
.block__image_with_text + div:not(.block__image_with_text) {
padding-top: 20px;
}
.block__image_with_text + section {
padding-top: 20px;
}
.block__image_with_text + .block__image_with_text {
margin-bottom: 20px;
}
.image-with-text-container .featured-link--half a[href] img {
box-shadow: #000 0em 0em 0em;
transition: opacity 0.2s linear;
}
.image-with-text-container .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--half {
box-sizing: border-box;
text-align: center;
background-color: #ffffff;
}
.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);
padding: 2em 0;
}
}
.featured-link--half .collection_title {
margin-bottom: 15px;
display: block;
}.featured-link--half .collection_title {
color: #0e103e;
}.featured-link--half .description {
position: relative;
font-size: 16;
line-height: 1.5;
margin-bottom: 20px;
}@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;
}
}/* #Home page - Divider
================================================== */
.shopify-section--divider .container {
padding: 0;
}
.divider {
opacity: 0;
border-top: 0px;
}
.divider.divider--true {
opacity: 1;
}
/* #Home page - Quote
================================================== */
.quote__text {
font-size: 18px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
padding: 15px 0;
border-top-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #e0e0e0;
}
.quote__text p {
margin: 0;
}
.quote {
padding: 10px 0px;
text-align: center;
border-top-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #e0e0e0;
}
/* #Home page - Rich text and image
================================================== */
.shopify-section--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.full-width--false {
padding: 20px 0;
}
.featured-promotions.full-width--false .feature-section {
margin-bottom: 20px;
}
.featured-promotions .feature-section {
text-align: center;
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: rgba(0, 0, 0, 0.5);
}
}.featured-promotions .feature-section .feature-wrap {
top: 50%;
transform: translateY(-50.1%);
padding: 10px 0;
position: absolute;
width: 80%;
margin: 0 auto;
left: 0;
right: 0;
pointer-events: none;
}
.featured-promotions .feature-section .feature-details {
display: none;
opacity: 0;
transition: opacity 0.3s linear;
}
@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 .feature-details__button {
margin-top: 15px;
}
.featured-promotions .feature-section .description {
color: #ffffff;
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: #ffffff;
}
@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: #ffffff;
transition: width 0.5s ease, background-color 0.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: rgba(0, 0, 0, 0.5);
}@media
only screen and (max-width: 798px)
{
.featured-promotions .feature-section:hover .feature-overlay {
background: transparent;
}
}.featured-promotions .feature-section.title-overlay-true:hover .title:after {
width: 50%;
background: #fff;
}
.featured-promotions .feature-section.title-overlay-true:hover .title {
color: #fff;
}
.featured-promotions .feature-section.title-overlay-true:hover .description {
color: #fff;
}
.featured-promotions .feature-section.title-overlay-false:hover .description {
color: #fff;
}
.featured-promotions .feature-section img {
width: 100%;
display: block;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
}
.promo-1 {
animation-delay: 0s;
}
.promo-2 {
animation-delay: 0.3s;
}
.promo-3 {
animation-delay: 0.6s;
}
.promo-4 {
animation-delay: 0.9s;
}
.promo-5 {
animation-delay: 1.2s;
}
.promo-6 {
animation-delay: 1.5s;
}
.promo-7 {
animation-delay: 1.8s;
}
.promo-8 {
animation-delay: 2.1s;
}
.promo-9 {
animation-delay: 2.4s;
}
.promo-10 {
animation-delay: 2.7s;
}
.promo-11 {
animation-delay: 3s;
}
.promo-12 {
animation-delay: 3.3s;
}
.featured-promotions.full-width--true {
padding-top: 0;
}
/* #Home page - featured collection
================================================== */
.featured-collection__description {
padding: 0 20px;
margin: 20px 0;
}
/* #Home page - image with text overlay
================================================== */
.banner {
position: relative;
overflow: hidden;
}.banner {
background-color: #666666;
}@media
only screen and (max-width: 480px)
{
.banner {
max-height: inherit;
background-color: transparent;
}
}
.banner img {
width: 100%;
display: block;
}
@media
only screen and (max-width: 480px)
{
.banner img {
min-height: 350px;
width: auto;
max-width: initial;
}
.caption .subtitle {
text-shadow: none;
font-size: 20px !important;
line-height: 22px !important;
}
}
/* #Home page - video
================================================== */
.block__featured_video .caption,
.shopify-section--video .caption {
z-index: 30;
pointer-events: none;
}
@media
only screen and (max-width: 480px)
{
.block__featured_video .caption,
.shopify-section--video .caption {
margin: 0;
height: auto;
}
}
.block__featured_video .video-text--outside-video,
.shopify-section--video .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;
}.homepage-video {
background-color: #666666;
}@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;
transform: translateY(-50%);
margin: 0;
}
}
.homepage-video .mobile-video__buttons {
display: block;
text-align: center;
top: 55%;
transform: translateY(-50%);
width: 100%;
position: absolute;
}
.homepage-video .mobile-video__buttons.text-on-video {
z-index: 20;
}
@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;
}
/* #Home page - Newsletter
================================================== */
.newsletter_section {
padding: 20px 0;
}
/* #Page Banners
================================================== */
.banner.page-banner {
width: 100%;
overflow: hidden;
max-height: 100vh;
}
/* #Price UI
================================================== */
.price--sale {
margin-right: 5px;
color: #e73c3e;
}
.compare-at-price {
text-decoration: line-through;
}
.unit-pricing {
display: block;
font-size: 0.75em;
margin-top: 2px;
}
.price-ui {
display: inline-block;
opacity: 1;
transition: opacity 250ms ease-in-out;
}
@media
only screen and (max-width: 798px)
{
.product__details{
padding: 0 10px;
}
}
.product__details--product-page .price-ui {
display: flex;
flex-wrap: wrap;
}
.product__details--product-page .price-ui .savings {
order: 5;
margin-right: 5px;
width: 100%;
}
.product__details--product-page .price-ui .sold_out {
order: 3;
}
.product__details--product-page .price-ui .unit-pricing {
order: 4;
width: 100%;
}
.product__details--product-page .price-ui .compare-at-price {
order: 2;
margin-right: 5px;
}
.price-ui--loading {
opacity: 0;
}
/* #Price UI badge
================================================== */
.price-ui-badges {
display: flex;
margin-bottom: 15px;
}
.thumbnail .price-ui-badges {
position: absolute;
top: 0;
right: 0;
margin-bottom: 0;
flex-direction: column;
}
.price-ui-badge {
margin-right: 5px;
}
.price-ui-badge:last-child {
margin-right: 0;
}
.thumbnail .price-ui-badge {
margin-right: 0;
}
.price-ui-badge__sticker {
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-size: 16px;
font-style: normal;
text-transform: none;
letter-spacing: 0px;
padding: 8px 12px;
text-align: center;
color: #fff;
font-size: 15px;
white-space: nowrap;
}
@media
only screen and (max-width: 480px)
{
.price-ui-badge__sticker {
font-size: smaller;
padding: 4px 10px;
}
}
.price-ui-badge__sticker {
background-color: #e73c3e;
}
.price-ui-badges--round .price-ui-badge__sticker {
border-radius: 50%;
width: 70px;
height: 70px;
line-height: 70px;
padding: 0;
}
@media
only screen and (max-width: 798px)
{
.price-ui-badges--round .price-ui-badge__sticker {
width: 50px;
height: 50px;
line-height: 50px;
}
}
.thumbnail .price-ui-badges--round .price-ui-badge__sticker {
position: relative;
top: 10px;
right: 10px;
}
@media
only screen and (max-width: 798px)
{
.thumbnail .price-ui-badges--round .price-ui-badge__sticker {
top: 5px;
right: 5px;
}
}
.price-ui-badge__sticker--new,
.price-ui-badge__sticker--pre-order {
background-color: #ffc845;
}
/* #Surface Pick-up
================================================== */
.surface-pick-up {
opacity: 1;
transition: opacity 0.3s ease-in;
}
.surface-pick-up.surface-pick-up--loading {
visibility: hidden;
opacity: 0;
}
.surface-pick-up-embed {
--surface-pick-up-embed-theme-success-color: #099E4D;
--surface-pick-up-embed-theme-error-color: #DE3618;
--surface-pick-up-embed-theme-paragraph-font-size: 16px;
--surface-pick-up-embed-theme-paragraph-smaller-font-size: 0.85em;
--surface-pick-up-embed-theme-body-font-weight-bold: 600;
--surface-pick-up-embed-theme-body-text-color: #161616;
--surface-pick-up-embed-theme-link-text-decoration: underline;
--surface-pick-up-embed-row-gap: 10px;
--surface-pick-up-embed-column-gap: 10px;
margin-bottom: 40px;
}
.js-quick-shop .surface-pick-up-embed {
--surface-pick-up-embed-theme-body-text-color: #2b2e38;
}
.surface-pick-up-item {
--surface-pick-up-item-theme-success-color: #099E4D;
--surface-pick-up-item-theme-error-color: #DE3618;
--surface-pick-up-item-theme-paragraph-font-size: 16px;
--surface-pick-up-item-theme-paragraph-smaller-font-size: 0.85em;
--surface-pick-up-item-theme-body-font-weight-bold: 600;
--surface-pick-up-item-theme-body-text-color: #161616;
--surface-pick-up-item-theme-border-color: rgba(204, 204, 204, 0.5);
--surface-pick-up-item-theme-link-text-decoration: underline;
--surface-pick-up-item-row-gap: 0.8em;
--surface-pick-up-item-column-gap: 5px;
--surface-pick-up-item-gap: 22px;
}
.surface-pick-up__modal.fancybox-content .fancybox-close-small svg {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 50%;
}
.surface-pick-up__modal-header {
display: flex;
flex-direction: column;
padding-bottom: 28px;
border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.surface-pick-up__modal-title {
margin: 0;
font-family: 'akzidenz-grotesk', sans-serif, "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
text-transform: none;
line-height: 1.5;
color: #0e103e;
display: block;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
font-size: 28px;
font-weight: 600;
text-transform: none;
letter-spacing: normal;
}
.surface-pick-up__modal-subtitle {
font-size: 16px;
}
.surface-pick-up-embed__in-stock-icon,
.surface-pick-up-embed__out-of-stock-icon {
width: 0.85em;
height: 0.85em;
margin-top: 0.3em;
}
.surface-pick-up-item__pick-up-location {
font-size: 16px;
font-weight: bold;
letter-spacing: normal;
text-transform: none;
}
.surface-pick-up-item__address-info {
font-size: 0.85em;
line-height: 1.5;
}
.surface-pick-up-item__in-stock-icon,
.surface-pick-up-item__out-of-stock-icon {
margin-top: 0.3em;
width: 0.8em;
height: 0.8em;
}
.surface-pick-up-item__pick-up-distance {
padding-left: 5em;
}
.surface-pick-up-item:last-child {
padding-bottom: calc(var(--surface-pick-up-item-gap) / 2);
}
.surface-pick-up-embed__location-availability {
text-transform: none;
letter-spacing: normal;
}
/* #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 ========================================================================= */
/*================================================== */
.blog-events .subtitle {
max-width: 900px;
margin: auto;
text-align: center;
}
.blog-events .subtitle h2 {
font-weight: 500;
margin-bottom: 20px;
margin-top: 30px;
}
.article-public-events .event-register {
margin: 0px 0px 40px 0px;
min-height: 65px;
padding: 10px 0px;
position: relative;
}
@media
only screen and (max-width: 1200px)
{
.article-public-events .event-register {
padding: 10px 20px;
}
}
.article-public-events .event-register .event-type {
text-align: left;
line-height: 40px;
color: #161616;
font-weight: 500;
font-size: 17px;
}
.article-public-events .event-register .event-type span {
display: none;
}
.article-public-events .event-register .register {
text-align: right;
line-height: 42px;
font-size: 16px;
color: #161616;
}
.article-public-events .event-register .register .cost {
display: inline-block;
float: right;
}
.article-public-events .event-register .register .register-button {
display: inline-block;
float: right;
margin: 0;
}
.article-public-events .event-register .register .register-button a {
margin-left: 10px;
}
@media
only screen and (max-width: 1024px)
{
.article-public-events .event-register .event-type {
width: 50% !important;
}
.article-public-events .event-register .event-type span {
display: block;
font-weight: 400;
}
.article-public-events .event-register .register {
width: 50% !important;
flex-direction: column;
display: flex;
}
}
.article-public-events .article_content {
clear: both;
}
.article-public-events .article_content .description {
max-width: 650px;
}
.article-public-events .article_content p strong,b {
font-weight: 500;
}
@media
only screen and (max-width: 1024px)
{
.article-public-events .article_content .offset-by-one {
left: 0;
}
}
.article-public-events .socal_share_wrap {
width: 100%;
border-top: 2px solid #f2f2f2;
min-height: 40px;
padding: 0;
overflow: auto;
margin-bottom: -20px;
}
.article-public-events .author_share_wrap .social_buttons {
margin-bottom: 0px;
}
.article-public-events .blog-events-section {
margin-top: -10px;
width: 100%;
}
.full-width-bg {
position: relative;
max-width: 1200px;
margin-left: auto !important;
margin-right: auto !important;
}
.wrap-full-width-bg {
background: #f2f2f2;
width:100%;
}
.register-form-modal .remodal-close {
color: #0e103e !important;
}
.register-form-modal .header-row {
margin: -15px 0 10px 0;
}
@media
only screen and (max-width: 480px)
{
.register-form-modal .header-row {
margin: 15px 0 10px 0;
}
}
.register-form-modal .header-row h3 {
line-height: 55px;
}
.register-form-modal .title-row {
font-size: 16px;
margin: 20px 0;
}
.register-form-modal .title-row p {
margin: 0;
}
.events-register-form .field-row {
position: relative;
}
.events-register-form .field-row label {
position: absolute;
top: -10px;
left: 20px;
background: #fff;
padding: 0px 6px;
font-weight: 400;
color: #53565a;
}
.events-register-form .radio-button-text {
text-align: left;
}
.events-register-form .radio-button-text label {
position: static;
display: inline-block;
}
.events-register-form .radio-button-text label.radio-heading {
display: block;
}
.events-register-form .radio-button-text input[type=radio] {
display: inline-block;
vertical-align: middle;
}
.events-register-form .radio-button-text input.error, .events-register-form .radio-button-text select.error, .events-register-form .radio-button-text textarea.error {
border-color: red;
}
.events-register-form .radio-button-text.error {
border: 1px solid red;
}
.events-register-form .field-row.recpatcha {
text-align: center;
padding: 20px 0px 20px 0px;
clear: both;
max-width: 350px;
margin: 0 auto;
}
.events-register-form .field-row.recpatcha>div>div{
margin: 0 auto;
}
.events-register-form input[type="submit"]:disabled {
opacity: 0.4;
}
.events-register-form .field-row input.error{
border-color: #E73C3E;
}
.events-register-form .field-row span.consent {
display: inline-block;
padding:5px 7px;
border: 1px solid #fff;
}
.events-register-form .field-row.error span.consent {
border: 1px solid #E73C3E;
}
.events-register-form #error_message{
color:#E73C3E;
display: none;
}
.event {
background: #f2f2f2;
cursor: pointer;
padding: 10px 0 0 0;
margin-bottom: 20px !important;
}
.event .date-month {
font-size: 20px;
font-weight: 500;
padding: 0px 0px 0px 15%;
}
.event .date-day {
color: #161616;
font-weight: 500;
font-size: 20px;
padding: 0px 0px 0px 15%;
}
.event .column {
padding: 10px 0px;
margin: 0px 5px;
}
.event .fourth {
width: 15%;
}
.event .three-fourths {
width: 78%;
}
.event h3, .event h4 {
min-height: 70px;
margin-bottom: 0;
padding: 0;
font-size: 20px;
line-height: 22px;
}
.event .blog_meta {
color: #161616;
}
.event:hover {
box-shadow: 5px 5px 5px 0 #f2f2f2;
}
.event-tabs{
flex-grow: 1;
margin-bottom: 20px;
}
.event-tabs ul{
list-style: none;
text-align: center;
border-bottom: 1px solid #e1e1e1;
}
.event-tabs ul li{
display: inline-block;
padding: 10px 30px;
font-weight: 500;
margin: 0;
margin-bottom: -1px;
cursor:pointer;
}
.event-tabs ul li.active{
display: inline-block;
padding: 10px 30px;
font-weight: 500;
margin: 0;
margin-bottom: -1px;
border-bottom: 2px solid #005b94;
}
.event-tabs ul li.disabled{
opacity:0.5;
pointer-events: all;
cursor: not-allowed;
}
.additional-article-tabs{
flex-grow: 1;
margin-bottom: 20px;
}
.additional-article-tabs ul{
list-style: none;
text-align: left;
border-bottom: 1px solid #e1e1e1;
}
.additional-article-tabs ul li{
display: inline-block;
padding: 10px 30px;
font-weight: 500;
margin: 0;
margin-bottom: -1px;
cursor:pointer;
}
.additional-article-tabs ul li.active{
display: inline-block;
padding: 10px 30px;
font-weight: 500;
margin: 0;
margin-bottom: -1px;
border-bottom: 2px solid #005b94;
}
.additional-article-tabs ul li.disabled{
opacity:0.5;
pointer-events: all;
cursor: not-allowed;
}
.container.featured-articles.articles {
margin-top: 0px!important;
}
.accordion-resource-header {
background: transparent;
color: #000000;
padding: 15px;
border: none;
width: 100%;
text-align: left !important;
cursor: pointer;
font-size: 1.1rem;
transition: background 0.3s ease;
text-align: left;
display: block;
border-radius: 0;
height: auto;
position: relative;
}
.accordion-resource-content .accordion-resource-header {
padding: 15px 15px 15px 10px;
}
.accordion-resource-item.child.active .accordion-resource-content .dl_resource {
padding-left: 0px;
}
.accordion-resource-header:hover,
.accordion-resource-header:focus,
.accordion-resource-header:active {
color: #000000 !important;
background: none;
}
.accordion-resource-header > span::after {
background: #fff;
color: #fff;
padding: 10px;
border-radius: 40px;
border: 2px solid #000 !important;
transition: 0.3s transform;
content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNDI3NjkgMTYuNjY2N0wwLjA0OTIzMDggMTUuMjY1M0w2Ljg0MzA4IDguMzU4MzZMMCAxLjQwMTRMMS4zNzg0NiAwTDkuNiA4LjM1ODM2TDEuNDI3NjkgMTYuNjY2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjMzMzUgMC4xOTk5NTEpIHJvdGF0ZSg5MCkiIGZpbGw9IiMxNjE2MTYiLz4KPC9zdmc+Cg==);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
font-family: "turbo";
font-style: normal;
font-weight: 800;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .3em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .15em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 5px;
float: right!important;
position: relative!important;
}
.accordion-resource-header > span.resource-set-group-child::after,
.accordion-resource-header > span.resource-set-set-child::after {
background: unset;
color: unset;
padding: 10px;
padding-right: 6px !important;
border-radius: unset;
border: none !important;
transition: 0.3s transform;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxsaW5lIHgxPSIxMiIgeTE9IjUiIHgyPSIxMiIgeTI9IjE5Ij48L2xpbmU+PGxpbmUgeDE9IjUiIHkxPSIxMiIgeDI9IjE5IiB5Mj0iMTIiPjwvbGluZT48L3N2Zz4=);
background-color: unset;
padding: unset;
}
.accordion-resource-item.base>.accordion-resource-content>.accordion-resource-item.child.active{
background:#f2f2f2
}
.accordion-resource-item.child .accordion-resource-item.child .accordion-resource-header > span.resource-set-group-child::after,
.accordion-resource-item.child .accordion-resource-item.child .accordion-resource-header > span.resource-set-set-child::after {
content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNDI3NjkgMTYuNjY2N0wwLjA0OTIzMDggMTUuMjY1M0w2Ljg0MzA4IDguMzU4MzZMMCAxLjQwMTRMMS4zNzg0NiAwTDkuNiA4LjM1ODM2TDEuNDI3NjkgMTYuNjY2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjMzMzUgMC4xOTk5NTEpIHJvdGF0ZSg5MCkiIGZpbGw9IiMxNjE2MTYiLz4KPC9zdmc+Cg==);
transition: 0.3s transform;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
padding-right: 0px !important;
}
.accordion-resource-item.child .accordion-resource-item.child.active .accordion-resource-header > span.resource-set-group-child::after,
.accordion-resource-item.child .accordion-resource-item.child.active .accordion-resource-header > span.resource-set-set-child::after {
content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNDI3NjkgMTYuNjY2N0wwLjA0OTIzMDggMTUuMjY1M0w2Ljg0MzA4IDguMzU4MzZMMCAxLjQwMTRMMS4zNzg0NiAwTDkuNiA4LjM1ODM2TDEuNDI3NjkgMTYuNjY2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjMzMzUgMC4xOTk5NTEpIHJvdGF0ZSg5MCkiIGZpbGw9IiMxNjE2MTYiLz4KPC9zdmc+Cg==);
transition: 0.3s transform;
-webkit-transform: rotate(-0deg);
transform: rotate(-0deg);
}
.accordion-resource-header > span h3::after {
margin-top: 4px;
}
.accordion-resource-header > span h3 {
display: inline!important;
}
.accordion-resource-header > span h3,
.accordion-resource-header > h5 {
/* margin: 0 auto 5px 10px; */
}
.accordion-resource-header > span h4 {
padding: 7px 5px;
display: inline!important;
}
.accordion-resource-header > span h4::after {
margin-top: 3px;
}
.accordion-resource-header > span h4 span {
font-size: 18px;
}
.accordion-resource-content .accordion-resource-content .accordion-resource-header{
padding-left:10px;
}
.accordion-resource-content .accordion-resource-content .accordion-resource-header > span h4 span {
font-size: 14px;
}
.accordion-resource-item.base {
/* padding-bottom: 6px;
margin-bottom: 10px;
border-bottom: 1px solid #EFEFF0 !important; */
}
.accordion-resource-header.active::after {
transform: rotate(0deg);
}
.accordion-resource {
/* margin-left: 20px; */
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
padding: 0 1rem;
border-bottom: 1px solid #ccc;
}
.accordion-content p {
margin: 1rem 0;
}
.no_resource_description_show_spacer {
height: 10px;
}
.accordion-resource-content {
display: none;
padding: 2px;
background: #f2f2f2;
border-radius: 8px;
padding-top: 20px;
}
.accordion-resource-content ul {
margin-top: 5px;
/* margin-left: 30px; */
}
.accordion-resource-item.active > .accordion-resource-header > span:not(.resource-set-group-child):not(.resource-set-set-child)::after {
transform: rotate(0deg);
}
.accordion-resource-item.active > .accordion-resource-header > span.resource-set-set-child::after,
.accordion-resource-item.active > .accordion-resource-header > span.resource-set-group-child::after {
transform: rotate(-225deg);
}
.address {
min-height: 42px;
}
.article .event-type {
margin-top: 10px;
background-color: #0e103e;
color: #fff;
font-size: 14px;
padding: 5px 5px 5px 19%;
width: 100%;
align-self: flex-end;
max-height: 40px;
}
.paginate .page a, .paginate .current, a.tag {
color: #0e103e;
}
.paginate .page a:hover, .paginate .current:hover, a.tag:hover {
color: #0e103e;
background-color: #fff;
border: solid 1px #0e103e;
}
.paginate .current {
font-weight: 500;
color: #fff;
background-color: #0e103e;
border: solid 1px #fff;
}
.paginate a {
color: #0e103e;
}
@media
only screen and (min-width: 1201px)
{
.header__logo {
width: auto;
line-height: 1;
margin-left: 0px;
margin-right: 20px;
}
.nav > .menu {
margin-left: -20px;
}
.dropdown_content{
max-width: 1240px;
}
.search-container{
padding-right: 0px;
}
.top-bar--right-menu {
margin-right: 0px;
}
}
/* #Custom Fonts ====================== */
@font-face {
font-family: 'TeleVoiceRegular';
src: url('//td-staging-store.myshopify.com/cdn/shop/t/15/assets/televoice-regular-webfont.woff?v=164043023794817051231769014685') format('woff'),
url('//td-staging-store.myshopify.com/cdn/shop/t/15/assets/televoice-regular-webfont.ttf?v=164043023794817051231769014685') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TeleVoiceSemibold';
src: url('//td-staging-store.myshopify.com/cdn/shop/t/15/assets/televoice-semibold-webfont.eot?v=2174392792658240531769014685');
src: url('//td-staging-store.myshopify.com/cdn/shop/t/15/assets/televoice-semibold-webfont.eot?v=2174392792658240531769014685') format('embedded-opentype'),
url('//td-staging-store.myshopify.com/cdn/shop/t/15/assets/televoice-semibold-webfont.woff?v=7437449369111400081769014685') format('woff'),
url('//td-staging-store.myshopify.com/cdn/shop/t/15/assets/televoice-semibold-webfont.ttf?v=7437449369111400081769014685') format('truetype'),
url('//td-staging-store.myshopify.com/cdn/shop/t/15/assets/televoice-semibold-webfont.svg?v=167259497499670521761769014685') format('svg');
font-weight: normal;
font-style: normal;
}
/*akzidenz are configured using typekit.net CDN please check theme.liquid*/
/* #Shogun Custom Styles ====================== */
@media
only screen and (max-width: 480px)
{
.shg-row>.shg-c-xs-6 {
width: 100% !important;
}
.shg-row>.shg-c-xs-12 {
width: 100%;
}
/*.shg-row > .shg-c-sm-3 { width: calc(100.0% - 22.5px) !important; }*/
}
@media (min-width: 768px) {
.shg-row>.shg-c-sm-1 {
width: calc(8.333333333333334% - 22.5px);
}
.shg-row>.shg-c-sm-2 {
width: calc(16.666666666666668% - 22.5px);
}
/* .shg-row > .shg-c-sm-3 { width: calc(50.0% - 22.5px) !important; }
.shg-row > .shg-c-sm-4 { width: calc(50.0% - 22.5px) !important; }*/
.shg-row>.shg-c-sm-5 {
width: calc(41.66666666666667% - 22.5px);
}
.shg-row>.shg-c-sm-6 {
width: calc(50.0% - 22.5px);
}
.shg-row>.shg-c-sm-7 {
width: calc(58.333333333333336% - 22.5px);
}
.shg-row>.shg-c-sm-8 {
width: calc(66.66666666666667% - 22.5px);
}
.shg-row>.shg-c-sm-9 {
width: calc(75.0% - 22.5px);
}
.shg-row>.shg-c-sm-10 {
width: calc(83.33333333333334% - 22.5px);
}
.shg-row>.shg-c-sm-11 {
width: calc(91.66666666666667% - 22.5px);
}
.shg-row>.shg-c-sm-12 {
width: calc(100.0% - 22.5px);
}
}
@media (min-width: 1025px) {
.shg-row>.shg-c-md-1 {
width: calc(8.333333333333334% - 22.5px);
}
.shg-row>.shg-c-md-2 {
width: calc(16.666666666666668% - 22.5px);
}
.shg-row>.shg-c-md-3 {
width: calc(25.0% - 22.5px) !important;
}
/* .shg-row > .shg-c-md-4 { width: calc(33.333333333333336% - 22.5px) !important; }*/
.shg-row>.shg-c-md-5 {
width: calc(41.66666666666667% - 22.5px);
}
.shg-row>.shg-c-md-6 {
width: calc(50.0% - 22.5px);
}
.shg-row>.shg-c-md-7 {
width: calc(58.333333333333336% - 22.5px);
}
.shg-row>.shg-c-md-8 {
width: calc(66.66666666666667% - 22.5px);
}
.shg-row>.shg-c-md-9 {
width: calc(75.0% - 22.5px);
}
.shg-row>.shg-c-md-10 {
width: calc(83.33333333333334% - 22.5px);
}
.shg-row>.shg-c-md-11 {
width: calc(91.66666666666667% - 22.5px);
}
.shg-row>.shg-c-md-12 {
width: calc(100.0% - 22.5px);
}
}
@media (min-width: 1200px) {
.shg-row>.shg-c-lg-1 {
width: calc(8.333333333333334% - 22.5px);
}
.shg-row>.shg-c-lg-2 {
width: calc(16.666666666666668% - 22.5px);
}
.shg-row>.shg-c-lg-3 {
width: calc(25.0% - 22.5px) !important;
}
.shg-row>.shg-c-lg-4 {
width: calc(33.333333333333336% - 22.5px);
}
.shg-row>.shg-c-lg-5 {
width: calc(41.66666666666667% - 22.5px);
}
.shg-row>.shg-c-lg-6 {
width: calc(50.0% - 22.5px);
}
.shg-row>.shg-c-lg-7 {
width: calc(58.333333333333336% - 22.5px);
}
.shg-row>.shg-c-lg-8 {
width: calc(66.66666666666667% - 22.5px);
}
.shg-row>.shg-c-lg-9 {
width: calc(75.0% - 22.5px);
}
.shg-row>.shg-c-lg-10 {
width: calc(83.33333333333334% - 22.5px);
}
.shg-row>.shg-c-lg-11 {
width: calc(91.66666666666667% - 22.5px);
}
.shg-row>.shg-c-lg-12 {
width: calc(100.0% - 22.5px);
}
}
.shg-align-center {
text-align: center;
}
.shogun-root{
flex-grow: 1;
}
.shg-row {
display: flex;
flex-wrap: wrap;
min-height: inherit;
max-height: inherit;
justify-content: space-between; }
body.page-shogun-default .container {
padding: 0 20px 15px 20px;
}
@media
only screen and (min-width: 1201px)
{
body.page-shogun-default .container {
padding: 0 0 15px 0;
}
}
body.page-shogun-default .container
body.page-shogun-default .shogun-root .shg-fw .app-title,
.sp-tabs-wrap .shogun-root .shg-fw .app-title {
display: none
}
body.page-shogun-default .shogun-root .shg-fw.app-title-wrapper,
.sp-tabs-wrap .shogun-root .shg-fw.app-title-wrapper {
position: relative;
z-index: 9999
}
body.page-shogun-default .shogun-root .shg-fw.app-title-wrapper .app-title,
.sp-tabs-wrap .shogun-root .shg-fw.app-title-wrapper .app-title {
display: block;
transition: display 5s ease-in
}
body.page-shogun-default .shogun-root .shg-fw.app-title-wrapper .app-title.one-banner,
.sp-tabs-wrap .shogun-root .shg-fw.app-title-wrapper .app-title.one-banner {
margin-top: -70px
}
.app-title {
background-color: #f3f3f5;
position: relative;
z-index: 10
}
.app-title .app-title-inside {
width: 100%;
margin: 0 auto;
padding-bottom: 15px;
padding-top: 15px
}
@media (min-width: 1025px) {
.app-title .app-title-inside {
height: 70px;
padding-bottom: 0;
padding-top: 0
}
}
@media (max-width: 1024px) {
.app-title .app-title-inside .shg-row>.shg-c-sm-2 {
width: 100%!important
}
}
@media (max-width: 1024px) {
.app-title .app-title-inside .shg-row>.shg-c-md-1,
.app-title .app-title-inside .shg-row>.shg-c-md-2,
.app-title .app-title-inside .shg-row>.shg-c-md-3,
.app-title .app-title-inside .shg-row>.shg-c-md-6,
.app-title .app-title-inside .shg-row>.shg-c-sm-7,
.app-title .app-title-inside .shg-row>.shg-c-md-5,
.app-title .app-title-inside .shg-row>.shg-c-sm-8,
.app-title .app-title-inside .shg-row>.shg-c-md-4,
.app-title .app-title-inside .shg-row>.shg-c-sm-9,
.app-title .app-title-inside .shg-row>.shg-c-sm-10,
.app-title .app-title-inside .shg-row>.shg-c-sm-11,
.app-title .app-title-inside .shg-row>.shg-c-sm-12
{
width: 100%!important
}
}
.app-title .app-title-inside .shg-box-vertical-align-wrapper {
width: auto
}
.app-title .app-title-inside p {
line-height: 32px;
margin: 0
}
@media (min-width: 1025px) {
.app-title .app-title-inside p {
line-height: 70px
}
}
.app-title .app-title-inside .primary_button {
margin: 0;
text-align: right;
padding: 0 20px!important;
float: right;
margin-top: 12px;
}
@media
only screen and (max-width: 1024px)
{
.app-title .app-title-inside .primary_button {
margin-top: 0px;
}
}
@media
only screen and (min-width: 1201px)
{
.app-title .app-title-inside .primary_button {
padding: 0!important
}
}
.app-title .app-title-inside .primary_button .shg-btn {
padding: 0 20px!important
}
@media (min-width: 799px) {
.app-title .app-title-inside .primary_button .shg-btn {
padding: 0 30px!important
}
}
@media (min-width: 1400px) {
.app-title .app-title-inside .primary_button .shg-btn {
padding: 0 30px!important
}
}
.app-title .page-title {
float: left;
font-size: 26px;
line-height: 32px;
padding: 00px 20px;
margin-left: 0!important
}
@media (min-width: 1025px) {
.app-title .page-title {
font-size: 28px;
height: 70px;
line-height: 70px;
}
}
@media (min-width: 1400px) {
.app-title .page-title {
padding: 0
}
}
@media
only screen and (max-width: 1024px)
{
.app-title .page-title {
width: 100%;
margin: 0 auto!important;
float: none;
padding: 10px 20px
}
}
.app-title .page-title p {
margin-bottom: 0
}
.app-title .app-title-inside .app-mobile-tabs-wrap{
position: absolute;
top: -5px;
z-index: 999;
width: 150px;
display: block;
}
.app-mobile-tabs {
float: left;
width: 50%;
font-size: 16px;
padding: 0 0 0 20px;
cursor: pointer;
display: block
}
@media (max-width: 375px) {
.app-mobile-tabs {
font-size: 14px
}
}
@media (min-width: 1025px) {
.app-mobile-tabs {
display: none!important
}
}
.app-mobile-tabs .shg-box-content p {
border-bottom: 2px solid #00558A;
padding-bottom: 5px;
width: fit-content
}
.app-mobile-tabs .shg-box-content p:after {
font-family: 'akzidenz-grotesk', sans-serif ;
font-style: normal;
font-weight: 800;
display: inline-block;
text-decoration: inherit;
position: absolute;
margin-left: 20px;
top: 8px;
padding: 0 00px 0 0;
font-size: 12px;
content: url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/Navigation-Arrow.svg?v=83919916085093602711769014685)!important;
pointer-events: none
}
.app-mobile-tabs.open .shg-box-content p:after {
content: url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/Navigation-Arrow.svg?v=83919916085093602711769014685) !important;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
padding: 0!important
}
.app-tabs{
z-index: 5;
}
@media (min-width: 1025px) {
.app-tabs .shogun-tabs.shogun-rounded li,
.sticky_apptabs .shogun-tabs.shogun-rounded li,
.app-title .shogun-tabs.shogun-rounded li {
display: flex
}
}
.app-tabs .app-title-inside .shogun-tabs,
.sticky_apptabs .app-title-inside .shogun-tabs,
.app-title .app-title-inside .shogun-tabs {
float: right
}
@media (max-width: 1024px) {
.app-tabs .app-title-inside .shogun-tabs,
.sticky_apptabs .app-title-inside .shogun-tabs,
.app-title .app-title-inside .shogun-tabs {
top: 60px
}
}
.app-tabs .shogun-main-tabs>div>.shogun-tabs,
.app-tabs .app-title-inside .shogun-tabs,
.app-tabs.sticky_apptabs .shogun-tabs,
.sticky_apptabs .shogun-main-tabs>div>.shogun-tabs,
.sticky_apptabs .app-title-inside .shogun-tabs,
.sticky_apptabs.sticky_apptabs .shogun-tabs,
.app-title .shogun-main-tabs>div>.shogun-tabs,
.app-title .app-title-inside .shogun-tabs,
.app-title.sticky_apptabs .shogun-tabs {
border-bottom: 0px!important
}
@media (max-width: 1024px) {
.app-tabs .shogun-main-tabs>div>.shogun-tabs,
.app-tabs .app-title-inside .shogun-tabs,
.app-tabs.sticky_apptabs .shogun-tabs,
.sticky_apptabs .shogun-main-tabs>div>.shogun-tabs,
.sticky_apptabs .app-title-inside .shogun-tabs,
.sticky_apptabs.sticky_apptabs .shogun-tabs,
.app-title .shogun-main-tabs>div>.shogun-tabs,
.app-title .app-title-inside .shogun-tabs,
.app-title.sticky_apptabs .shogun-tabs {
clear: both;
background-color: #f3f3f5;
width: 100%
}
}
.app-tabs .shogun-main-tabs>div>.shogun-tabs li,
.app-tabs .app-title-inside .shogun-tabs li,
.app-tabs.sticky_apptabs .shogun-tabs li,
.sticky_apptabs .shogun-main-tabs>div>.shogun-tabs li,
.sticky_apptabs .app-title-inside .shogun-tabs li,
.sticky_apptabs.sticky_apptabs .shogun-tabs li,
.app-title .shogun-main-tabs>div>.shogun-tabs li,
.app-title .app-title-inside .shogun-tabs li,
.app-title.sticky_apptabs .shogun-tabs li {
width: auto;
flex-grow: unset
}
@media (max-width: 1024px) {
.app-tabs .shogun-main-tabs>div>.shogun-tabs li,
.app-tabs .app-title-inside .shogun-tabs li,
.app-tabs.sticky_apptabs .shogun-tabs li,
.sticky_apptabs .shogun-main-tabs>div>.shogun-tabs li,
.sticky_apptabs .app-title-inside .shogun-tabs li,
.sticky_apptabs.sticky_apptabs .shogun-tabs li,
.app-title .shogun-main-tabs>div>.shogun-tabs li,
.app-title .app-title-inside .shogun-tabs li,
.app-title.sticky_apptabs .shogun-tabs li {
width: 100%
}
}
.app-tabs .shogun-main-tabs>div>.shogun-tabs li .shogun-tab-title,
.app-tabs .app-title-inside .shogun-tabs li .shogun-tab-title,
.app-tabs.sticky_apptabs .shogun-tabs li .shogun-tab-title,
.sticky_apptabs .shogun-main-tabs>div>.shogun-tabs li .shogun-tab-title,
.sticky_apptabs .app-title-inside .shogun-tabs li .shogun-tab-title,
.sticky_apptabs.sticky_apptabs .shogun-tabs li .shogun-tab-title,
.app-title .shogun-main-tabs>div>.shogun-tabs li .shogun-tab-title,
.app-title .app-title-inside .shogun-tabs li .shogun-tab-title,
.app-title.sticky_apptabs .shogun-tabs li .shogun-tab-title {
font-weight: 500
}
@media (min-width: 1025px) {
.app-tabs .shogun-main-tabs>div>.shogun-tabs li .shogun-tab-title,
.app-tabs .app-title-inside .shogun-tabs li .shogun-tab-title,
.app-tabs.sticky_apptabs .shogun-tabs li .shogun-tab-title,
.sticky_apptabs .shogun-main-tabs>div>.shogun-tabs li .shogun-tab-title,
.sticky_apptabs .app-title-inside .shogun-tabs li .shogun-tab-title,
.sticky_apptabs.sticky_apptabs .shogun-tabs li .shogun-tab-title,
.app-title .shogun-main-tabs>div>.shogun-tabs li .shogun-tab-title,
.app-title .app-title-inside .shogun-tabs li .shogun-tab-title,
.app-title.sticky_apptabs .shogun-tabs li .shogun-tab-title {
line-height: 35px;
padding-top: 15px
}
}
.app-tabs .shogun-main-tabs>div>.shogun-tabs li .shogun-tab-title:hover,
.app-tabs .app-title-inside .shogun-tabs li .shogun-tab-title:hover,
.app-tabs.sticky_apptabs .shogun-tabs li .shogun-tab-title:hover,
.sticky_apptabs .shogun-main-tabs>div>.shogun-tabs li .shogun-tab-title:hover,
.sticky_apptabs .app-title-inside .shogun-tabs li .shogun-tab-title:hover,
.sticky_apptabs.sticky_apptabs .shogun-tabs li .shogun-tab-title:hover,
.app-title .shogun-main-tabs>div>.shogun-tabs li .shogun-tab-title:hover,
.app-title .app-title-inside .shogun-tabs li .shogun-tab-title:hover,
.app-title.sticky_apptabs .shogun-tabs li .shogun-tab-title:hover {
border-bottom: 2px solid #00558A;
}
.app-tabs .shogun-main-tabs>div>.shogun-tabs .shogun-tab-active .shogun-tab-title,
.app-tabs .app-title-inside .shogun-tabs .shogun-tab-active .shogun-tab-title,
.app-tabs.sticky_apptabs .shogun-tabs .shogun-tab-active .shogun-tab-title,
.sticky_apptabs .shogun-main-tabs>div>.shogun-tabs .shogun-tab-active .shogun-tab-title,
.sticky_apptabs .app-title-inside .shogun-tabs .shogun-tab-active .shogun-tab-title,
.sticky_apptabs.sticky_apptabs .shogun-tabs .shogun-tab-active .shogun-tab-title,
.app-title .shogun-main-tabs>div>.shogun-tabs .shogun-tab-active .shogun-tab-title,
.app-title .app-title-inside .shogun-tabs .shogun-tab-active .shogun-tab-title,
.app-title.sticky_apptabs .shogun-tabs .shogun-tab-active .shogun-tab-title {
border-bottom: 0px;
text-decoration: none!important
}
@media (min-width: 1025px) {
.app-tabs .shogun-main-tabs>div>.shogun-tabs .shogun-tab-active .shogun-tab-title,
.app-tabs .app-title-inside .shogun-tabs .shogun-tab-active .shogun-tab-title,
.app-tabs.sticky_apptabs .shogun-tabs .shogun-tab-active .shogun-tab-title,
.sticky_apptabs .shogun-main-tabs>div>.shogun-tabs .shogun-tab-active .shogun-tab-title,
.sticky_apptabs .app-title-inside .shogun-tabs .shogun-tab-active .shogun-tab-title,
.sticky_apptabs.sticky_apptabs .shogun-tabs .shogun-tab-active .shogun-tab-title,
.app-title .shogun-main-tabs>div>.shogun-tabs .shogun-tab-active .shogun-tab-title,
.app-title .app-title-inside .shogun-tabs .shogun-tab-active .shogun-tab-title,
.app-title.sticky_apptabs .shogun-tabs .shogun-tab-active .shogun-tab-title {
border-bottom: 2px solid #00558A
}
}
.app-tabs .shogun-main-tabs>div>.shogun-tabs .shogun-tab-border,
.app-tabs .app-title-inside .shogun-tabs .shogun-tab-border,
.app-tabs.sticky_apptabs .shogun-tabs .shogun-tab-border,
.sticky_apptabs .shogun-main-tabs>div>.shogun-tabs .shogun-tab-border,
.sticky_apptabs .app-title-inside .shogun-tabs .shogun-tab-border,
.sticky_apptabs.sticky_apptabs .shogun-tabs .shogun-tab-border,
.app-title .shogun-main-tabs>div>.shogun-tabs .shogun-tab-border,
.app-title .app-title-inside .shogun-tabs .shogun-tab-border,
.app-title.sticky_apptabs .shogun-tabs .shogun-tab-border {
display: none !important;
}
.app-tabs .shogun-tabs,
.sticky_apptabs .shogun-tabs,
.app-title .shogun-tabs {
z-index: 999;
overflow: hidden;
border-bottom: 1px solid #707070!important
}
.app-tabs .shogun-tabs li,
.sticky_apptabs .shogun-tabs li,
.app-title .shogun-tabs li {
color: #161616;
font-size: 16px;
clear: both;
padding: 0 5px;
margin: 0
}
@media (max-width: 1024px) {
.app-tabs .shogun-tabs li,
.sticky_apptabs .shogun-tabs li,
.app-title .shogun-tabs li {
padding: 8px 0;
max-width: unset!important;
border-bottom: 1px solid #ffffff
}
}
.app-tabs .shogun-tabs li .shogun-tab-title,
.sticky_apptabs .shogun-tabs li .shogun-tab-title,
.app-title .shogun-tabs li .shogun-tab-title {
color: #161616!important;
line-height: 18px;
font-weight: 500
}
.app-tabs .shogun-tabs li:before,
.sticky_apptabs .shogun-tabs li:before,
.app-title .shogun-tabs li:before {
content: ""!important;
background: transparent!important
}
.app-tabs .shogun-tabs .shogun-tab,
.sticky_apptabs .shogun-tabs .shogun-tab,
.app-title .shogun-tabs .shogun-tab {
line-height: 38px
}
.app-tabs .shogun-tabs .shogun-tab-box,
.sticky_apptabs .shogun-tabs .shogun-tab-box,
.app-title .shogun-tabs .shogun-tab-box {
padding: 0!important;
background: transparent!important;
border: 0px!important;
max-height: 70px
}
@media (min-width: 1400px) {
.app-tabs .shogun-tabs .shogun-tab-box,
.sticky_apptabs .shogun-tabs .shogun-tab-box,
.app-title .shogun-tabs .shogun-tab-box {
padding: 0 30px!important
}
}
.app-tabs .shogun-tabs .shogun-tab-border,
.sticky_apptabs .shogun-tabs .shogun-tab-border,
.app-title .shogun-tabs .shogun-tab-border {
background-color: #00558a!important;
height: 5px!important;
bottom: -2.5px!important;
width: 60%!important;
left: 50%!important;
transform: translate(-50%)
}
.app-tabs .active-tab-bar,
.sticky_apptabs .active-tab-bar,
.app-title .active-tab-bar {
position: absolute!important;
left: 50%!important;
transform: translate(-50%)!important;
z-index: 9999
}
.app-tabs .active-tab-bar hr,
.sticky_apptabs .active-tab-bar hr,
.app-title .active-tab-bar hr {
background: #00A862!important;
height: 5px!important;
position: relative;
margin: 0;
bottom: 3px;
border: 0px;
z-index: 9999
}
.app-tabs .shogun-tabs-body,
.sticky_apptabs .shogun-tabs-body,
.app-title .shogun-tabs-body {
display: block;
clear: both;
padding: 0
}
@media (max-width: 1024px) {
.app-tabs .shogun-tabs-body,
.sticky_apptabs .shogun-tabs-body,
.app-title .shogun-tabs-body {
display: inline;
clear: none;
padding: 0;
margin: 20px 0
}
}
.app-tabs .shogun-tab-content>div:nth-of-type(1),
.sticky_apptabs .shogun-tab-content>div:nth-of-type(1),
.app-title .shogun-tab-content>div:nth-of-type(1) {
padding: 0
}
.app-tabs .shogun-tab-content .shg-c-sm-2.shg-c-xs-6,
.sticky_apptabs .shogun-tab-content .shg-c-sm-2.shg-c-xs-6,
.app-title .shogun-tab-content .shg-c-sm-2.shg-c-xs-6 {
width: calc(16.666666666666668% - 15px)!important
}
.app-tabs .shogun-tab-content .shg-c-sm-10.shg-c-xs-6,
.sticky_apptabs .shogun-tab-content .shg-c-sm-10.shg-c-xs-6,
.app-title .shogun-tab-content .shg-c-sm-10.shg-c-xs-6 {
width: calc(83.33333333333334% - 15px)!important
}
.app-tabs .app-tabs-inside,
.sticky_apptabs .app-tabs-inside,
.app-title .app-tabs-inside {
width: 100%;
margin: 0 auto
}
@media (min-width: 1400px) {
.app-tabs .app-tabs-inside,
.sticky_apptabs .app-tabs-inside,
.app-title .app-tabs-inside {
width: 1200px
}
}
@media (min-width: 1025px) {
body.page-shogun-default .shogun-main-tabs>div>.shogun-tabs,
.sp-tabs-wrap .shogun-main-tabs>div>.shogun-tabs {
position: absolute;
right: 200px;
z-index: 999;
display: none
}
}
.dropzone-wrapper .sp-tabs-wrap .shogun-main-tabs>div>.shogun-tabs {
display: block!important;
top: -65px
}
@media (max-width: 480px) {
.dropzone-wrapper .sp-tabs-wrap .shogun-main-tabs>div>.shogun-tabs {
top: 0;
position: relative
}
}
.dropzone-wrapper .sp-tabs-wrap .shogun-main-tabs>div>.shogun-tabs>li {
float: none!important;
display: inline-block!important
}
@media (max-width: 1024px) {
body.page-shogun-default .shogun-main-tabs>div>.shogun-tabs,
.sp-tabs-wrap .shogun-main-tabs>div>.shogun-tabs,
body.page-shogun-default .app-title-inside .shogun-tabs,
.app-title-inside .shogun-tabs,
body.page-shogun-default .sticky_apptabs .shogun-tabs .sticky_apptabs .shogun-tabs {
position: absolute;
display: none
}
}
@media (max-width: 769px) {
.sticky_apptabs .shogun-tabs {
top: 65px!important
}
}
.shogun-root .shogun-tabs.shogun-rounded li .shogun-tab-box {
padding: 0 15px!important
}
.shogun-root .shogun-tabs.shogun-rounded li:first-child .shogun-tab-box {
padding: 0 15px 0 0!important
}
@media (max-width: 769px) {
.shogun-root .shogun-tabs.shogun-rounded li:first-child .shogun-tab-box {
padding: 0!important
}
}
.shogun-root .shg-row ul>li {
list-style: none
}
.shogun-root .shg-row ul>li:before {
position: absolute;
margin-left: -20px;
content: "";
-webkit-border-radius: 50%;
border-radius: 50%;
height: 8px;
width: 8px;
background-color: #161616;
margin-top: 8px
}
.shogun-root a,
.shogun-root a:link,
.shogun-root a:hover,
.shogun-root a:visited {
/* color: #00558a */
}
.shogun-root .shg-category-col {
padding: 0 30px
}
@media (max-width: 1024px) {
.shogun-root .shg-category-col {
width: 49%;
float: left;
padding: 0 20px 30px 0!important
}
}
.shogun-root .shg-category-col .shg-product-title-component {
min-height: 40px
}
@media (max-width: 1024px) {
.shogun-root .shg-category-col .shg-product-title-component {
min-height: 60px
}
}
.shogun-root .shg-category-col .shg-product-title-component h1 {
font-size: 16px!important;
line-height: 18px!important;
text-align: left
}
@media (max-width: 1024px) {
.shogun-root .shg-category-col .shg-product-title-component h1 {
font-size: 14px!important
}
}
.shogun-root .shg-category-col .shg-product-image-wrapper {
height: 250px
}
@media (max-width: 480px) {
.shogun-root .shg-category-col .shg-product-image-wrapper {
height: 100px
}
}
@media (min-width: 799px) {
.shogun-root .shg-category-col .shg-product-image-wrapper {
height: 175px
}
}
.shogun-root .shg-category-col .shg-product .shg-btn {
margin-top: 10px
}
.shogun-root .app-specs .shogun-table {
margin-bottom: 40px
}
.shogun-root .app-specs .shogun-table-column {
border-bottom: 1px solid #bcbec0
}
.shogun-root .app-specs .shogun-table-row {
background-color: transparent!important
}
.shogun-root .app-specs .shogun-table-row p {
margin: 5px 0
}
.shogun-root .app-specs .shogun-table-row-container:nth-child(odd) {
background-color: #f3f3f5
}
@media (max-width: 769px) {
.shogun-root .app-specs .shogun-heading-component h2 {
font-size: 20px!important;
line-height: 24px!important
}
}
.sticky_apptabs {
position: fixed!important;
width: 100%!important;
z-index: 45;
top: 0!important;
left: 0;
padding: 0;
min-height: 74px;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition: all .3s ease-in-out;
visibility:hidden;
}
.sticky_apptabs .shogun-tabs {
float: left
}
.sticky_apptabs .shogun-tabs.shogun-rounded li .shogun-tab-box {
padding: 0 17px!important
}
.is-active .sticky_apptabs {
bottom: 0;
overflow-y: scroll;
overflow-x: hidden
}
.sticky_apptabs--stick {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0);
opacity: 1;
z-index: 9999;
visibility:visible;
}
.sticky_apptabs--unstick {
opacity: 0;
transition: opacity 0s;
display:none !important;
visibility:hidden;
}
@media (max-width: 769px) {
.support-learning-resources .video-item {
display: none
}
.support-learning-resources .video-item.index-1 {
display: block
}
}
.support-learning-resources .top-text {
margin-top: 1.25em
}
.product-support .tabs-wrapper {
background-color: #f3f3f5
}
.product-support .tabs-wrapper .container {
padding: 0
}
.product-support .tabs-wrapper ul.tabs {
margin: 0
}
.product-support ul.tabs {
text-transform: none;
background-color: #f3f3f5;
padding-left: 20px;
border: none
}
.product-support ul.tabs,
.product-support ul.tabs li a.active {
background-color: #f3f3f5
}
.product-support ul.tabs li a {
font-size: 16px;
min-height: 70px;
line-height: 70px
}
/*----------------- Button CSS------ ---------------*/
a.default_button,
a.shg-btn,
.shg-btn,
button.shg-btn,
input[type=submit].shg-btn,
input[type=reset].shg-btn,
input[type=button].shg-btn,
.shg_action_button .shg-btn,
.shg_action_button a.shg-btn {
display: inline-block!important;
background-color: #fff!important;
color: #0e103e!important;
border: 2px solid #0E103E!important;
padding: 0 10px!important;
text-align: center!important;
cursor: pointer;
min-height: 44px;
height: 40px;
line-height: 40px!important;
vertical-align: top;
font-family: akzidenz-grotesk, sans-serif!important;
font-weight: 500!important;
font-size: 16px!important;
text-transform: none!important;
letter-spacing: 0px!important;
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.05s linear;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
border-radius: 100px!important
}
a.default_button,
a.shg-btn,
.shg-btn {
background-color: transparent!important;
color: #0e103e!important;
border: 2px solid #0E103E!important;
}
a.default_button:hover,
a.shg-btn:hover,
.shg-btn:hover {
background-color: #0e103e!important;
color: #fff!important
}
a.default_button.white_blank,
.white_blank a.shg-btn,
.white_blank .shg-btn {
background-color: transparent!important;
color: #fff!important;
border: 2px solid #fff!important;
transition: background-color .2s cubic-bezier(.55, .09, .68, .53), color .3s linear, border .2s cubic-bezier(.55, .09, .68, .53)
}
a.default_button.white_blank:hover,
.white_blank a.shg-btn:hover,
.white_blank .shg-btn:hover {
background-color: #fff!important;
color: #000!important;
border: 2px solid #fff!important
}
.ie a.shg-btn,
.ie .shg-btn,
.ie button.shg-btn,
.ie .shg_action_button .shg-btn,
.ie .shg_action_button a.shg-btn {
line-height: 40px!important
}
a.default_button:hover,
a.shg-btn:hover,
.shg-btn:hover,
button.shg-btn:hover,
.shg_action_button .shg-btn:hover {
background-color: #0e103e!important;
color: #fff!important;
border: 2px solid #0E103E!important;
text-decoration: none
}
a.default_button:active,
a.shg-btn:active,
.shg-btn:active,
button.shg-btn:active,
.shg_action_button .shg-btn:active {
outline: 0;
background-color: transparent!important;
color: #0e103e!important;
border: 2px solid #0E103E!important
}
a.dynamic_buttons {
display: inline-block!important;
padding: 0 20px;
text-align: center!important;
cursor: pointer;
min-height: 44px;
height: 40px;
line-height: 40px!important;
vertical-align: top;
white-space: nowrap;
font-family: akzidenz-grotesk, sans-serif!important;
font-weight: 500;
font-size: 16px!important;
text-transform: none!important;
letter-spacing: 0px!important;
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 .2s linear;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
border-radius: 100px!important
}
a.green_button,
.green_button a.shg-btn,
.green_button .shg-btn {
background-color: #00a862!important;
color: #fff!important;
border: 2px solid #00A862!important;
transition: background-color .2s cubic-bezier(.55, .09, .68, .53), color .3s linear, border .2s cubic-bezier(.55, .09, .68, .53)
}
a.green_button:hover,
.green_button a.shg-btn:hover,
.green_button .shg-btn:hover {
background-color: #008759!important;
color: #fff!important
}
a.green_button:hover,
.green_button a.shg-btn:hover,
.green_button .shg-btn:hover,
.green_button .button:hover {
background-color: #008759!important;
border: 2px solid #008759!important;
color: #fff!important
}
a.green_button:active,
.green_button a.shg-btn:active,
.green_button .shg-btn:active,
.green_button button.shg-btn:active,
.green_button .shg-btn:active {
outline: 0;
background-color: #00a862!important;
color: #fff!important;
border: 2px solid #00A862!important
}
a.primary_button,
.primary_button a.shg-btn,
.primary_button .shg-btn {
background-color: #0e103e!important;
color: #fff!important;
border: 2px solid #0E103E!important;
}
a.primary_button:hover,
.primary_button a.shg-btn:hover,
.primary_button .shg-btn:hover {
background-color: #00558a!important;
color: #fff!important
}
a.primary_button:hover,
.primary_button a.shg-btn:hover,
.primary_button .shg-btn:hover,
.primary_button .button:hover {
background-color: #00558a!important;
border: 2px solid #00558A!important;
color: #fff!important
}
a.primary_button:active,
.primary_button a.shg-btn:active,
.primary_button .shg-btn:active,
.primary_button button.shg-btn:active,
.primary_button .shg-btn:active {
outline: 0;
background-color: #00558a!important;
color: #fff!important;
border: 2px solid #00558A!important
}
a.yellow_button,
.yellow_button a.shg-btn,
.yellow_button .shg-btn {
background-color: transparent!important;
color: #ffc845!important;
border: 2px solid #FFC845!important;
transition: background-color .2s cubic-bezier(.55, .09, .68, .53), color .3s linear, border .2s cubic-bezier(.55, .09, .68, .53)
}
a.yellow_button:hover,
.yellow_button a.shg-btn:hover,
.yellow_button .shg-btn:hover {
background-color: #ffc845!important;
color: #fff!important
}
a.yellow_button:hover,
.yellow_button a.shg-btn:hover,
.yellow_button .shg-btn:hover,
.yellow_button .button:hover {
background-color: #ffc845!important;
color: #fff!important;
border: 2px solid #FFC845!important
}
a.yellow_button:active,
.yellow_button a.shg-btn:active,
.yellow_button .shg-btn:active,
.yellow_button button.shg-btn:active,
.yellow_button .shg-btn:active {
outline: 0;
background-color: transparent!important;
color: #ffc845!important;
border: 2px solid #FFC845!important
}
a.red_button,
.red_button a.shg-btn,
.red_button .shg-btn {
background-color: transparent!important;
color: #e73c3e!important;
border: 2px solid #E73C3E!important;
transition: background-color .2s cubic-bezier(.55, .09, .68, .53), color .3s linear, border .2s cubic-bezier(.55, .09, .68, .53)
}
a.red_button:hover,
.red_button a.shg-btn:hover,
.red_button .shg-btn:hover {
background-color: #0e103e!important;
color: #fff!important
}
a.red_button:hover,
.red_button a.shg-btn:hover,
.red_button .shg-btn:hover,
.red_button .button:hover {
background-color: #e73c3e!important;
color: #fff!important;
border: 2px solid #E73C3E!important
}
a.red_button:active,
.red_button a.shg-btn:active,
.red_button .shg-btn:active,
.red_button button.shg-btn:active,
.red_button .shg-btn:active {
outline: 0;
background-color: transparent!important;
color: #e73c3e!important;
border: 2px solid #E73C3E!important
}
/******* image-zoom Effect Start ********/
/******* image-zoom Effect end ********/
/************* Video Library Start***************/
.video-blog-section{
padding-bottom:20px;
}
.video-blog-section .video-thumbnail {
max-height: 214px;
overflow: hidden;
display: block;
}
.video-blog-section .section_select {
padding: 40px 0;
}
.video-blog-section h2 {
margin-top: 15px;
min-height: 52px;
font-size: 20px;
font-weight: 500;
}
div.content.blog-article__video-library {
padding-top: 40px;
}
@media
only screen and (min-width: 799px)
{
div.content.blog-article__video-library .related-article{
padding-top: 7px;
border-left: solid 1px #cccccc;
padding-left: 20px;
}
}
/************* Video Library End***************/
/************* SP tabs Start***************/
.sp-collection-wrap {
max-width: 1200px;
margin: 30px auto;
}
.sp-tabs-wrap .shogun-tab-content {
max-width: 1200px;
margin: auto;
}
@media (min-width: 1400px) {
.sp-tabs-wrap .shogun-tab-content {
padding: 0 10px;
}
}
.sp-tabs-wrap .app-title {
margin: 0 -20px;
}
@media
only screen and (max-width: 1200px)
{
.sp-tabs-wrap .app-title {
padding: 0 20px;
}
}
@media
only screen and (max-width: 1024px)
{
.sp-tabs-wrap .app-title {
padding: 0 0px;
}
}
.sp-tabs-wrap .app-title-inside .shogun-tabs {
float: left;
}
@media (min-width: 1400px) {
.sp-tabs-wrap .app-title-inside .shogun-tabs {
margin-left: 5px !important;
}
}
.sp-tabs-wrap .app-title-inside .shg-c-lg-1 {
display: none;
}
.sp-tabs-move {
display:block !important;
}
.sp-tabs-move .fake-tabs{
float:left;
}
@media (min-width: 1400px) {
.sp-tabs-move .shogun-tabs {
margin-left: -15px !important;
}
}
/************* SP tabs End***************/
@media (max-width: 769px) {
.product_name {
margin-top: 24px;
}
}
.dropzone-wrapper .insurance-step {
position: relative;
width: 100%;
background: #fff;
}
.dropzone-wrapper .insurance-step h3 {
color: #fff !important;
font-size: 16px !important;
}
.insurance-step {
position: absolute;
left: 0;
top: 0;
z-index: 10;
background: #0e103e;
border: 1px solid #0e103e;
border-radius: 24px;
width: 26px;
height: 26px;
/* font-size: 16px; */
/* line-height: 20px; */
padding: 2px;
}
.insurance-step h3 {
color: #fff !important;
font-size: 16px !important;
font-weight: 400 !important;
}
.terms-copy ul {
position: relative;
margin: 15px 0px 15px 20px;
}
.warranty-table p {
min-height: 40px;
line-height: 20px;
margin-bottom: 5px;
}
@media
only screen and (max-width: 480px)
{
.warranty-table {
margin-bottom: 10px;
}
}
.warranty-table-2 tr:nth-child(even) td {
background: #F2F2F2 !important;
}
.warranty-table-2 tr {
border: none !important;
}
.warranty-table-2 p {
min-height: 40px;
line-height: 20px;
margin-bottom: 5px;
}
@media
only screen and (max-width: 480px)
{
.warranty-table-2 {
margin-bottom: 10px;
}
}
.shogun-root .support-list ul {
padding-left: 48px;
}
.shogun-root .support-list ul li {
margin-bottom: 20px;
}
.shogun-root .support-list ul li:before {
left: 0px;
content: url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/icon-download.svg?v=10977514753211899391769014685) ;
background-color: unset;
margin-top: 0;
margin-left: 0;
}
.shogun-root .support-list .shogun-accordion-body .shogun-accordion {
border-bottom: none !important;
}
.shogun-root .support-list .shogun-accordion-body .shogun-accordion-wrapper>.shogun-accordion>.shogun-accordion-heading>.shogun-accordion-header>.shogun-accordion-title button {
font-size: 18px !important;
}
@media
only screen and (max-width: 480px)
{
.shogun-root .support-list .shogun-accordion-body .shogun-accordion-wrapper>.shogun-accordion>.shogun-accordion-heading>.shogun-accordion-header>.shogun-accordion-title {
padding-left: 24px !important;
}
}
@media
only screen and (max-width: 480px)
{
.shogun-root .support-list .shogun-accordion-wrapper>.shogun-accordion>.shogun-accordion-body {
border-top: 0px !important;
padding: 0px 15px 5px 30px !important;
}
.shogun-root .support-list .shogun-accordion-wrapper>.shogun-accordion>.shogun-accordion-body .shogun-accordion-body {
padding: 0px 15px 5px 24px !important;
}
.shogun-root .support-list .shogun-accordion-wrapper>.shogun-accordion>.shogun-accordion-heading {
background: transparent !important;
padding: 0 !important;
}
}
/************* Dynamic Steps start***************/
.dynamic-steps .images-wrap {
text-align: center;
}
.dynamic-steps .images-wrap .shogun-image-container,
.dynamic-steps .images-wrap .digit {
display: inline-block;
margin-left: 4% !important;
margin-right: 0px !important;
width: 10%;
position: relative;
}
.dynamic-steps .images-wrap .shogun-image-container a,
.dynamic-steps .images-wrap .digit a {
border: 2px solid #D9D9D6;
padding: 15%;
border-radius: 100px;
display:block;
}
.dynamic-steps .images-wrap .digit a {
width: 70px;
height: 70px;
background:#0e103e;
color:#ffffff;
color: #ffffff;
text-decoration: none;
font-size: 28px;
border: 0px !important;
display: flex;
justify-content: center;
align-items: center;
margin:0 auto;
}
.dynamic-steps .images-wrap .shogun-image-container a.active,
.dynamic-steps .images-wrap .digit a.active {
border: 2px solid #00558A;
border-radius: 100px;
}
.dynamic-steps .images-wrap .digit a.active {
background:#00558A;
}
.dynamic-steps .images-wrap .shogun-image-container:first-child,
.dynamic-steps .images-wrap .digit:first-child{
margin-left: 0 !important;
}
.dynamic-steps .images-wrap .shogun-image-container:before {
content: url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/Navigation-Arrow.svg?v=83919916085093602711769014685);
margin-top: 0;
margin-left: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(-90deg);
position: absolute;
top: 50%;
left: -36%;
opacity: 0.6;
margin-top: -9px;
}
.dynamic-steps .images-wrap .digit:before {
content: "";
position: absolute;
top: 50%;
left: -90px;
width: 100px;
border-top: 2px solid #00558A;
height: 1px;
z-index: -1;
margin-top: -7px;
}
.dynamic-steps .images-wrap .shogun-image-container:first-child:before,
.dynamic-steps .images-wrap .digit:first-child:before {
display: none;
}
.dynamic-steps .images-wrap .shogun-image-container:first-child ,
.dynamic-steps .images-wrap .digit:first-child {
vertical-align: bottom;
}
.dynamic-steps .dynamic-content {
display: none;
}
.dynamic-steps .dynamic-content h3 {
margin-bottom: 20px;
}
.shogun-root .dynamic-steps .dynamic-content {
display: block;
}
@media
only screen and (max-width: 798px)
{
.dynamic-steps .images-wrap .digit a {
width: 60px;
height: 60px;
}
.dynamic-steps .images-wrap .digit:before {
left: -50px;
}
}
@media
only screen and (max-width: 480px)
{
.dynamic-steps .images-wrap .shogun-image-container {
width: 14.5%;
}
.dynamic-steps .images-wrap .digit a {
width: 50px;
height: 50px;
}
.dynamic-steps .images-wrap .digit {
margin-left: 9% !important;
}
}
/************* Dynamic Steps end***************/
#spec-wrap h2 {
margin: 10px 0 20px 0;
}
#spec-wrap p {
margin: 10px 0 20px 0;
}
#spec-wrap hr {
border: 0;
width: 100%;
border-top: 1px solid #ddd;
margin: 20px 0;
}
/* #Google Search
================================================== */
.gse_wrap .section_select{
padding:0;
}
.gse_wrap .gse_pagination a {
padding: 0 5px 0 5px;
color: #00558A;
}
.gse_wrap .gse_stats {
text-align: left;
padding-bottom: 20px;
}
@media (min-width: 799px) {
.gse_wrap .gse_stats {
padding-bottom: 0px;
}
}
.gse_wrap .gse_loader {
margin: 0 auto;
border: 0.5em solid #f2f2f2;
/* Gray 1 */
border-top: 0.5em solid #00a862;
/* Primary green */
border-radius: 50%;
width: 3em;
height: 3em;
animation: loading-spinner 2s linear infinite;
}
.gse_search input[type=text]{
margin-bottom: 0;
}
form.search_form,
form.gse_search,
.search_form input,
.gse_search input {
padding-top: 0;
margin-bottom: 0;
position: relative;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
.search_form input,
.search_form input:active,
.search_form input:focus,
.gse_search input,
.gse_search input:active,
.gse_search input:focus {
font-family: TeleVoiceSemiBold, TeleVoiceRegular, sans-serif;
font-weight: normal;
letter-spacing: 0px;
background-color: #fafafa;
padding-right: 35px;
border-color: #161616;
}
.gse_search .search__results{
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
border-radius: 3px;
}
.gse_search_item {
box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
border-radius: 8px;
margin: 0 0 30px 0;
padding: 12px 16px 12px 16px;
}
@media (min-width: 799px) {
.gse_search_item {
box-shadow: none;
border-radius: 0px;
padding: 0;
}
}
.gse_search_item hr.gse_mobile_divider {
display: block;
border-color: #f2f2f2;
}
@media (min-width: 799px) {
.gse_search_item hr.gse_mobile_divider {
display: none;
}
}
.gse_search_item a.gse_title,
.gse_search_item a.gse_title:visited {
color: #0E103E;
}
.gse_search_item .gse_url {
margin: 0;
color: #00558A;
word-break: break-all;
}
.gse_search_item .google-thumbnail {
width: 100px;
float: left;
margin-right: 20px;
max-height: 82px;
}
@media (max-width: 480px) {
.gse_search_item .google-thumbnail {
display: none;
}
}
.gse_search_item .inner-wrap {
margin-left: 120px;
}
@media (max-width: 480px) {
.gse_search_item .inner-wrap {
margin-left: 0;
}
}
.gse_search_item .gse_title h3{
margin: 0 auto 5px 0;
}
.gse_search_page {
padding: 30px 20px 30px 20px;
}
@media
only screen and (max-width: 798px)
{
.gse_search_page {
padding-top: 0;
}
}
.gse_search_page .section_select{
text-align: right;
}
/* #Search autocomplete
================================================== */
.dropdown .header_search_form .search__results .item-result,
.main_nav .search__results .item-result {
left: 0;
margin-left: 0px !important;
width: 100%;
background: #ffffff;
border-left: 0;
border-right: 0;
}
.search__results .all-results {
padding: 15px 0;
}
.dropdown .header_search_form .search__results .item-result a .title,
.main_nav .search__results .item-result a .title {
color: #161616;
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: #ffffff;
}
.dropdown .header_search_form .search__results .item-result a:hover .title,
.main_nav .search__results .item-result a:hover .title {
color: #161616;
}
.dropdown .header_search_form .search__results .item-result a:hover span,
.main_nav .search__results .item-result a:hover span {
color: #161616;
}
.nav .search__results {
width: 100%;
right: 0;
left: auto;
}
.nav .search__results li a:active {
transition: ease-in-out 0s all;
}
.nav .search__results.gse_search_autocomplete {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
border-radius: 3px;
}
.search_container input {
z-index: 29;
}
.shogun-root ul.search__results,
.search__results {
z-index: 30;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
position: absolute;
}
.shogun-root ul.search__results li,
.search__results li {
display: block;
width: 100%;
background: #fff;
margin: 0;
padding: 0;
border-bottom: 1px solid #cccccc;
overflow: hidden;
}
.shogun-root ul.search__results li:first-child,
.search__results li:first-child {
border-top: none;
}
.shogun-root ul.search__results li a,
.shogun-root ul.search__results li a:active,
.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: 0px 20px;
text-decoration: none;
}
.shogun-root ul.search__results li a:hover,
.search__results li a:hover {
background-color: rgba(83, 86, 90, 0.1);
text-decoration: underline;
}
.shogun-root ul.search__results li a:active,
.search__results li a:active {
background-color: rgba(83, 86, 90, 0.2);
}
.shogun-root ul.search__results li img,
.search__results li img {
display: block;
}
.shogun-root ul.search__results .title,
.search__results .title {
text-transform: none;
padding-left: 0px;
text-align: left;
font-size: 16px;
line-height: 24px;
padding-top: 15px;
padding-bottom: 15px;
}
.shogun-root ul.search__results .title.see-all,
.search__results .title.see-all {
padding-top: 0px;
padding-bottom: 0px;
}
.shogun-root ul.search__results .thumbnail,
.search__results .thumbnail {
padding: 0;
text-align: center;
}
.shogun-root ul.search__results .thumbnail img,
.search__results .thumbnail img {
max-width: 70px;
max-height: 70px;
}
.shogun-root ul.search__results .result--page .title,
.search__results .result--page .title {
padding-left: 0;
}
.shogun-root ul.search__results .result--page span.item-pricing,
.search__results .result--page span.item-pricing {
text-transform: none;
font-weight: lighter;
font-size: 0.8rem;
}
.shogun-root .shogun-accordion-wrapper>.shogun-accordion {
border: 0 !important;
box-shadow: unset !important;
border-bottom: 1px solid #EFEFF0 !important;
margin-top: 0px !important;
}
.shogun-root .shogun-accordion-wrapper>.shogun-accordion>.shogun-accordion-heading {
background: transparent !important;
padding: 0 !important;
}
.shogun-root .shogun-accordion-wrapper>.shogun-accordion>.shogun-accordion-heading button {
background: transparent !important;
padding: 30px 0 !important;
font-family: 'akzidenz-grotesk', sans-serif !important;
font-size: 22px !important;
line-height: 24px !important;
font-weight: 500 !important;
color: #0E103E !important;
border: 0!important;
}
.shogun-root .shogun-accordion-wrapper>.shogun-accordion>.shogun-accordion-heading button span {
display: block;
text-align: left;
color: #0E103E !important;
border:0 !important;
}
.shogun-root .shogun-accordion-wrapper>.shogun-accordion>.shogun-accordion-heading button:hover {
border:0 !important;
}
@media
only screen and (max-width: 798px)
{
.shogun-root .shogun-accordion-wrapper>.shogun-accordion>.shogun-accordion-heading .shogun-accordion-icon{
max-width: 0;
margin-left: 0;
}
}
.shogun-root .shogun-accordion-wrapper>.shogun-accordion>.shogun-accordion-heading>.shogun-accordion-header>.shogun-accordion-title {
font-family: 'akzidenz-grotesk', sans-serif !important;
font-size: 22px !important;
line-height: 24px !important;
font-weight: 500 !important;
color: #0E103E !important;
padding-left: 35px !important;
}
.shogun-root .shogun-accordion-wrapper>.shogun-accordion>.shogun-accordion-heading .shogun-accordion-icon {
float: left !important;
margin-top: .2em;
}
.shogun-root .shogun-accordion-icon>span {
left: 0 !important;
right: unset !important;
font-size: 0.9em !important;
font-weight: bold !important;
color: #161616 !important;
line-height: 24px !important;
}
.shogun-root .shogun-accordion-icon.shogun-icon-chevron>span::after {
content: url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/Navigation-Arrow.svg?v=83919916085093602711769014685);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
font-family: "turbo";
font-style: normal;
font-weight: 800;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .3em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .15em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.shogun-root .shogun-accordion-wrapper>.shogun-accordion>.shogun-accordion-body {
border-top: 0px !important;
padding: 0px 15px 5px 50px !important;
}
.shogun-root ul {
position: relative;
}
.shogun-root ul li {
list-style: none;
margin-left: -20px;
}
.shogun-root ul li.unlock-link {
list-style: none;
margin-left: -28px;
}
.shogun-root ul li:before {
position: absolute;
margin-left: -20px;
content: '';
-webkit-border-radius: 50%;
border-radius: 50%;
height: 8px;
width: 8px;
background-color: #161616;
margin-top: 8px;
}
.shogun-root ul a,
.shogun-root ul a:link,
.shogun-root ul a:hover,
.shogun-root ul a:visited {
color: #00558A;
}
@media
only screen and (max-width: 798px)
{
.shogun-med-fullwidth {
width: 100%;
max-width: 100% !important;
}
}
/* #Advanced Product Landing page template */
@media
only screen and (max-width: 798px)
{
.shogun-root .app-banner>.shg-box-overlay {
background: black;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.10128) 0%, rgba(0, 0, 0, 0.4038) 42%, rgba(0, 0, 0, 0.415) 49%, rgba(0, 0, 0, 0.4) 58%, rgba(0, 0, 0, 0.10718) 96%);
background-color: transparent !important;
opacity: 1 !important;
}
}
.shogun-root .app-banner .app-banner-text {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
@media
only screen and (min-width: 1201px)
{
.shogun-root .app-banner .app-banner-text {
width: auto;
padding: 0 10px;
}
}
.shogun-root .app-banner .app-banner-text p {
line-height: 34px;
}
@media
only screen and (max-width: 798px)
{
.shogun-root .app-banner .app-banner-text p {
line-height: 20px;
}
}
.shogun-root .app-banner .headline_large h2{
font-family: 'TeleVoiceSemibold', "Open Sans", sans-serif !important;
}
/******** Homepage starts ********/
.video-section .global-button{
--button-color-border: #00a862;
--button-color-background: #00a862;
--button-color-text: #ffffff;
--button-color-border-hover: #009255;
--button-color-background-hover: #009255;
--button-color-text-hover: #ffffff;
}
.section .full-width-help {
margin-bottom: 60px;
padding-top: 20px;
}
@media
only screen and (max-width: 798px)
{
.section .full-width-help {
margin-bottom: 20px;
padding-top: 20px;
}
}
.section .full-width-help>.one-whole.column {
padding-bottom: 30px;
}
.section .full-width-help .text-column-inside {
min-height: auto;
padding-top: 30px;
}
.home-3-up {
margin-bottom:0;
}
@media
only screen and (max-width: 798px)
{
.home-3-up {
padding: 0;
}
.section .full-width-help .one-whole{
width: calc(100% - 100px);
margin-left: calc(100px / 2) !important;
margin-right: calc(100px / 2) !important;
}
.section .full-width-help h2.title {
font-weight: 500;
}
}
@media
only screen and (max-width: 1024px)
{
.section .full-width-help .text-column-inside {
min-height: 110px;
}
}
.section .full-width-help .text-column {
margin-bottom: 20px;
}
.section .full-width-help .content_large {
color: #0e103e;
font-weight: 500;
}
.section .full-width-help .dynamic_buttons {
font-weight: 400;
margin-top: -10px;
}
@media
only screen and (max-width: 1024px)
{
.section .full-width-help .dynamic_buttons {
font-weight: 500;
margin-bottom: -38px;
}
}
@media
only screen and (max-width: 798px)
{
.section .full-width-help {
min-height: 110px;
}
.section .full-width-help P {
font-size: 14px;
}
.section .full-width-help .text-align--center {
text-align: left;
}
.section .full-width-help .hide-on-mobile {
display: none;
}
.section .full-width-help .one-third {
border-bottom: 1px solid #fff;
margin: 0;
padding: 0 20px;
position: relative;
}
.section .full-width-help .dynamic_buttons {
position: absolute;
right: 22px;
top: 40px;
}
}
@media
only screen and (max-width: 480px)
{
.container.promo-space {
padding: 0 !important;
margin: 0 -20px;
}
}
.container.promo-space .eight.columns {
width: 50%;
}
@media
only screen and (max-width: 480px)
{
.container.promo-space .eight.columns {
width: 100%;
}
}
.container.promo-space .columns {
position: relative;
margin-left: 0px;
margin-right: 0px;
}
.container.promo-space p {
margin-bottom: 0px;
}
.container.promo-space .content-overlap {
max-width: 200px;
position: absolute;
top: 25%;
left: 50px;
}
@media
only screen and (max-width: 1024px)
{
.container.promo-space .content-overlap {
top: 12%;
left: 30px;
}
}
@media
only screen and (max-width: 480px)
{
.container.promo-space .content-overlap {
top: 10%;
left: 30px;
max-width: 170px;
}
.container.promo-space .content-overlap h2 {
margin-bottom: 15px;
}
.container.promo-space .content-overlap .rte-setting p {
min-height: 83px;
}
}
.container.promo-space .content-overlap p {
font-size: 14px;
margin-bottom: 20px;
}
.container.promo-space .content-overlap .logo-in-promo {
margin: 30px 0;
max-width: 150px;
}
.container.promo-space .dark-background h2,
.container.promo-space .dark-background h3,
.container.promo-space .dark-background p {
color: #fff;
}
.container.promo-space .dark-background a.default_button {
background-color: transparent !important;
color: #fff !important;
border: 2px solid #fff !important;
}
.container.promo-space .dark-background a.default_button:hover {
background-color: #fff !important;
color: #000 !important;
border: 2px solid #fff !important;
}
@media
only screen and (max-width: 480px)
{
.container.feature-promo-space {
margin-right: -20px;
padding: 0 !important;
margin-left: -20px;
}
}
.container.feature-promo-space .sixteen.columns {
margin: 0;
width: 100%;
}
.container.feature-promo-space p {
margin-bottom: 0px;
}
.container.feature-promo-space .content-overlap {
max-width: 200px;
position: absolute;
top: 25%;
left: 50px;
}
.container.feature-promo-space .content-overlap p {
font-size: 14px;
margin-bottom: 20px;
}
@media
only screen and (max-width: 1024px)
{
.container.feature-promo-space .content-overlap {
top: 12%;
left: 30px;
}
}
@media
only screen and (max-width: 480px)
{
.container.feature-promo-space .content-overlap {
top: 12%;
left: 30px;
max-width: 170px;
}
}
@media
only screen and (max-width: 480px)
{
.container.feature-promo-space .image-element__wrap {
aspect-ratio: 387 / 317;
}
.container.feature-promo-space img {
height: 100%;
width: auto;
max-width: unset;
}
}
@media
only screen and (max-width: 480px)
{
.container.feature-promo-space .dark-background {
overflow: hidden;
}
}
.container.feature-promo-space .dark-background h2,
.container.feature-promo-space .dark-background h3,
.container.feature-promo-space .dark-background p {
color: #fff;
}
.container.feature-promo-space .dark-background a.default_button {
background-color: transparent !important;
color: #fff !important;
border: 2px solid #fff !important;
}
.container.feature-promo-space .dark-background a.default_button:hover {
background-color: #fff !important;
color: #000 !important;
border: 2px solid #fff !important;
}
.remove-background .testimonial-block.gallery-cell .caption .caption-content p.headline {
color: #0e103e;
font-size: 24px;
}
@media
only screen and (max-width: 480px)
{
.remove-background .testimonial-block.gallery-cell .caption .caption-content p.headline {
position: relative;
padding: 0 15px;
text-align: center;
}
}
.remove-background .testimonial-block.gallery-cell .caption .caption-content p.headline:before {
content: url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/icon_quote_1.png?v=180676466917714508491769014685);
background-color: white;
margin-top: 0;
margin-left: -30px;
position: absolute;
}
@media
only screen and (max-width: 480px)
{
.remove-background .testimonial-block.gallery-cell .caption .caption-content p.headline:before {
position: absolute;
margin-left: 0;
left: -10px;
}
}
.remove-background .testimonial-block.gallery-cell .caption .caption-content p.headline:after {
content: url(//td-staging-store.myshopify.com/cdn/shop/t/15/assets/icon_quote_2.png?v=4580840078670312441769014685);
background-color: white;
margin-top: 0;
margin-left: 5px;
position: absolute;
}
@media
only screen and (max-width: 480px)
{
.remove-background .testimonial-block.gallery-cell .caption .caption-content p.headline:after {
position: absolute;
right: -5px;
}
}
.remove-background .testimonial-block.gallery-cell .caption .caption-content p {
color: #0e103e;
font-size: 14px;
}
.remove-background .testimonial-block.gallery-cell {
background-color: #fff;
}
.remove-background .testimonial-block.gallery-cell .caption-content {
max-width: 100%;
width: 100%;
}
.remove-background .flickity-prev-next-button,
.remove-background .flickity-prev-next-button:hover
.remove-background .flickity-prev-next-button:active {
opacity: 0;
}
.remove-background .flickity-prev-next-button svg{
opacity: 0;
}
@media
only screen and (max-width: 480px)
{
.remove-background .subtitle {
text-align: center;
}
.remove-background .subtitle p {
font-size: 14px !important;
}
}
.remove-background .testimonial-section .flickity-page-dots .dot {
height: 4px;
width: 40px;
margin: 0;
border-radius: 0;
background: #333;
}
@media
only screen and (max-width: 480px)
{
.remove-background .flickity-page-dots {
bottom: 15px;
}
}
.remove-background .flickity-rtl .flickity-page-dots {
direction: rtl;
}
.remove-background .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;
}
.remove-background .flickity-page-dots .dot.is-selected {
filter: alpha(opacity=100);
/* IE8 */
opacity: 1;
background: #00a862;
}
@media
only screen and (max-width: 480px)
{
.remove-background .testimonial-block.gallery-cell {
padding-bottom: 15px;
}
}
.testimonial-slideshow button.flickity-button {
visibility:hidden;
}
.testimonial-slideshow.remove-background:focus {
outline:auto;
}
/******** Homepage Ends ********/
.footer_menu .icon-right-arrow{
}
.footer_menu .icon-right-arrow:before {
transition: transform 0.3s linear;
font-weight: bold;
margin-right:0;
}
.footer_menu .active .icon-right-arrow:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.social_icon_link {
padding: 0px 7px 0px 7px;
}
.footer .footer_credits {
margin-bottom: 0;
}
.footer .footer_credits p,
.footer .footer_credits a {
text-align: center;
float: inherit;
line-height: 19px;
font-size: 12px !important;
font-weight: 500;
}
.footer .footer_credits a {
text-decoration: underline;
color: #00558A !important;
}
.footer .footer_credits a:hover,
.footer .footer_credits a:focus {
text-decoration: underline;
}
.social_icons_wrapper{
margin-top: 40px;
margin-bottom: 10px;
}
.social_icons_wrapper .icon-youtube:before{
content: "";
display:none;
}
div.content.blog-support-article-template {
padding-top:20px;
}
div.content.blog-support-article-template .section_select{
padding-bottom:40px;
}
div.content.blog-support-article-template .items-wrapper{
padding-right:10%
}
.blog-article__support-article{
padding: 40px 0;
}
.blog-article__support-article .related-blog .article{
padding: 20px;
background: #F2F2F2;
margin-bottom: 0;
}
.blog-article__support-article .related-blog .article h5{
min-height: 75px;
}
div.content.blog-article__support-article {
padding-top:40px;
}
.article-content-wraper{
width:90%;
}
a.external-link::after {
mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8ZyBpZD0iSW50ZXJmYWNlIC8gRXh0ZXJuYWxfTGluayI+DQo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTAuMDAwMiA1SDguMjAwMkM3LjA4MDA5IDUgNi41MTk2MiA1IDYuMDkxOCA1LjIxNzk5QzUuNzE1NDcgNS40MDk3MyA1LjQwOTczIDUuNzE1NDcgNS4yMTc5OSA2LjA5MThDNSA2LjUxOTYyIDUgNy4wODAwOSA1IDguMjAwMlYxNS44MDAyQzUgMTYuOTIwMyA1IDE3LjQ4MDEgNS4yMTc5OSAxNy45MDc5QzUuNDA5NzMgMTguMjg0MiA1LjcxNTQ3IDE4LjU5MDUgNi4wOTE4IDE4Ljc4MjJDNi41MTkyIDE5IDcuMDc4OTkgMTkgOC4xOTY5MSAxOUgxNS44MDMxQzE2LjkyMSAxOSAxNy40OCAxOSAxNy45MDc0IDE4Ljc4MjJDMTguMjgzNyAxOC41OTA1IDE4LjU5MDUgMTguMjgzOSAxOC43ODIyIDE3LjkwNzZDMTkgMTcuNDgwMiAxOSAxNi45MjEgMTkgMTUuODAzMVYxNE0yMCA5VjRNMjAgNEgxNU0yMCA0TDEzIDExIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L2c+DQo8L3N2Zz4=);
mask-size: 15px 15px;
mask-repeat: no-repeat;
mask-position: 0;
background-color: #000000;
display: inline-block;
width: 20px;
height: 20px;
content: "";
margin: 0 5px 0 5px;
vertical-align: middle;
}
a.external-link.blue-icn::after {
background-color: #00558A;
}
a.white-icn.external-link::after {
background-color: #ffffff;
}
@media
only screen and (max-width: 798px)
{
.article-content-wraper{
width:90%;
}
.blog-article__support-article .related-blog .article {
margin-bottom: 20px;
}
div.content.blog-support-article-template .items-wrapper{
padding-right: 0;
}
}
.blog-article__support-article .read-more-link {
margin-bottom: 0;
}
/****** NPS *******/
.floating-survey {
position: fixed;
z-index: 1000;
bottom: 72px;
left: 0;
background: #f2f2f2;
border-radius: 8px;
padding: 5px 10px 10px 10px;
width: 370px;
}
.floating-survey .survey__close-button path{
fill: white;
}
.floating-survey .title {
font-family: akzidenz-grotesk,sans-serif;
font-size: 22px;
font-weight: 500;
margin: 0 auto 5px 0;
color: #0e103e;
}
.app-tabs.fake-tabs-wrap {
position: relative;
z-index: 5;
}
.app-title ul.fake-tabs{
margin-right: 15px !important;
}
div.fake-tabs {
visibility:hidden;
}
.shogun-editor div.fake-tabs {
visibility: visible;
}
ul.fake-tabs {
list-style: none;
padding: 0;
margin-right: 40px;
margin-top: 0px;
margin-bottom: 0;
display: flex;
margin-left: 0 !important;
float: right;
}
@media
only screen and (min-width: 1025px)
{
ul.fake-tabs {
margin: 17px;
/* margin-left: -10px !important; */
}
}
ul.fake-tabs li {
display: inline-block;
margin: 0;
text-align: center;
position: relative;
margin: 0 10px !important;
padding: 5px 0 !important;
}
ul.fake-tabs li a {
padding: 0px 0px 8px 0px;
font-weight: 500;
color: #161616 !important;
margin: 8px 15px;
}
@media
only screen and (max-width: 1024px)
{
ul.fake-tabs li a {
margin: 0;
display: block;
padding: 8px;
font-weight: 500;
}
}
ul.fake-tabs li a:hover,
ul.fake-tabs li a:active {
text-decoration: none;
border-bottom: 2px solid #00558a;
}
ul.fake-tabs li:before {
display: none;
}
ul.fake-tabs a.active:after {
content: ' ';
border-bottom: 2px solid #00558A;
width: 100% !important;
border-radius: 0 !important;
bottom: 10px;
left: 0;
position: absolute;
height: 2px;
}
@media
only screen and (max-width: 1024px)
{
ul.fake-tabs a.active:after {
display: none;
}
}
.p2bu-tabs .shogun-tab-border {
display: none;
}
.p2bu-tabs .shogun-tabs.shogun-rounded {
padding: 0 25%;
}
@media (max-width: 1024px) {
.p2bu-tabs .shogun-tabs.shogun-rounded {
padding: 0 20%;
}
}
@media
only screen and (max-width: 1024px)
{
.p2bu-tabs .shogun-tabs.shogun-rounded {
padding: 0;
}
}
.p2bu-tabs .shogun-tabs.shogun-rounded .shogun-tab {
text-align: center;
padding: 0;
border-bottom: none;
}
.p2bu-tabs .shogun-tabs.shogun-rounded .shogun-tab .shogun-tab-box {
border-bottom: 2px solid #fff !important;
width: auto;
display: inline-block;
}
@media
only screen and (max-width: 480px)
{
.p2bu-tabs .shogun-tabs.shogun-rounded .shogun-tab:nth-child(2) {
border-left: 1px solid #f2f2f2;
}
}
.p2bu-tabs .shogun-tabs.shogun-rounded .shogun-tab-active .shogun-tab-box {
border-bottom: 2px solid #00558A !important;
}
.app-tabs .p2bu-tabs .shogun-tabs {
border-bottom: 1px solid #f2f2f2 !important;
}
.shogun-root .p2bu-tabs .shogun-tabs.shogun-rounded li:first-child .shogun-tab-box {
padding: 0 !important;
}
.shogun-root .p2bu-tabs .shogun-tabs.shogun-rounded li .shogun-tab-box {
padding: 0 !important;
}
.asha-image{
position: relative;
}
.asha-image span{
position: absolute;
left: 66%;
top: 57%;
background: #fff;
margin: 0 -5px;
padding: 0 5px;
font-size: 13px;
font-weight: 500;
}
@media
only screen and (max-width: 480px)
{
.asha-image span{
top: 51%;
font-size: 10px;
}
}
li.language-chooser,
li.language-chooser-mobile {
min-height: 60px;
background: #ffffff !important;
}
li.language-chooser.active,
li.language-chooser-mobile.active {
min-width: 80px;
}
li.language-chooser.inactive,
li.language-chooser-mobile.inactive {
min-width: 0px;
padding-left: 0 !important;
padding-right: 0 !important;
margin: 0px !important;
}
li.language-chooser.inactive .weglot-container,
li.language-chooser-mobile.inactive .weglot-container {
display: none !important;
}
li.language-chooser .wg-drop.country-selector .wgcurrent,
li.language-chooser-mobile .wg-drop.country-selector .wgcurrent {
border: none;
}
li.language-chooser .wg-drop.country-selector,
li.language-chooser-mobile .wg-drop.country-selector {
border: none;
}
li.language-chooser .wg-drop.country-selector li,
li.language-chooser-mobile .wg-drop.country-selector li {
min-height: 38px;
display: block;
}
li.language-chooser .wg-drop.country-selector:focus,
li.language-chooser-mobile .wg-drop.country-selector:focus {
outline: none;
border: none;
}
li.language-chooser .wg-drop.country-selector a:focus,
li.language-chooser-mobile .wg-drop.country-selector a:focus {
box-shadow: none;
}
li.language-chooser .wg-drop.country-selector ul,
li.language-chooser-mobile .wg-drop.country-selector ul {
box-shadow: 0 5px 7px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.12); }
li.language-chooser .wg-drop.country-selector .wgcurrent:after,
li.language-chooser-mobile .wg-drop.country-selector .wgcurrent:after {
display: none;
}
li.language-chooser .wg-drop.country-selector .wgcurrent a,
li.language-chooser-mobile .wg-drop.country-selector .wgcurrent a {
padding-right: 30px;
}
#mobile_menu li.language-chooser-mobile {
background: none;
}
#mobile_menu li.language-chooser-mobile .weglot-container {
display: block;
}
#mobile_menu li.language-chooser-mobile .country-selector {
display: block;
}
#mobile_menu li.language-chooser-mobile a {
padding: 0;
font-family: 'akzidenz-grotesk', sans-serif;
font-size: 20px;
color: #0E103E;
display: block;
}
#mobile_menu li.language-chooser-mobile a img {
vertical-align: top;
}
#mobile_menu li.language-chooser-mobile #weglot-listbox a {
display: flex;
}
#mobile_menu li.language-chooser-mobile .wg-drop.country-selector .wgcurrent {
padding-left: 30px;
}
#mobile_menu li.language-chooser-mobile .wg-drop.country-selector ul {
box-shadow: 0 5px 7px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.12);
padding: 20px 20px 20px 60px;
}
#mobile_menu li.language-chooser-mobile li {
background: none;
}
/** Pardot Form handler **/
form.handler label span {
color: red;
margin-left: 0.1em;
}
form.handler .recaptcha-box{
margin: 1.5em 0;
}
form.handler .radio-option,form.handler .checkbox-option{
margin-left:0.5em;
}
form.handler .radio-option span,form.handler .checkbox-option span{
margin-left: 0.3em;
}
form.handler label{
margin-top: 0.5em;
}
#unlockForm,
#events-sf-form {
padding: 10px 0;
display: block;
max-width: 750px;
margin: 0 auto;
}
.unlock-link a:not(.no_lock_icon)::before {
mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNODYuNCw0ODBoMzM5LjJjMTIuMywwLDIyLjQtOS45LDIyLjQtMjIuMVYyNDZjMC0xMi4yLTEwLTIyLTIyLjQtMjJINDA0di0zMC45YzAtNDEuNS0xNi4yLTg3LjYtNDIuNi0xMTUuNCAgQzMzNS4xLDQ5LjksMjk3LjQsMzIsMjU2LjEsMzJjLTAuMSwwLTAuMSwwLTAuMSwwYzAsMC0wLjEsMC0wLjEsMGMtNDEuMywwLTc5LDE3LjktMTA1LjMsNDUuNmMtMjYuNCwyNy44LTQyLjYsNzMuOS00Mi42LDExNS40VjIyNCAgSDg5aC0yLjZDNzQsMjI0LDY0LDIzMy45LDY0LDI0NnYyMTEuOUM2NCw0NzAuMSw3NCw0ODAsODYuNCw0ODB6IE0xNjEsMTkzLjFjMC0yNy4zLDkuOS02MS4xLDI4LjEtODAuM2wwLDBsMC0wLjMgIEMyMDYuNyw5My45LDIzMSw4MywyNTUuOSw4M2gwLjFoMC4xYzI0LjksMCw0OS4yLDEwLjksNjYuOCwyOS41bDAsMC4ybC0wLjEsMC4xYzE4LjMsMTkuMiwyOC4xLDUzLDI4LjEsODAuM1YyMjRoLTE3LjVoLTE1NUgxNjEgIFYxOTMuMXoiLz48L3N2Zz4=);
mask-size: 15px 15px;
mask-repeat: no-repeat;
mask-position: center;
background-color: #75787B;
display: inline-block;
width: 25px;
height: 24px;
content: "";
position: relative;
top: 6px;
}
.unlock-link a.shg-btn:hover:before {
background-color: #ffffff;
}
.unlock-link.arrow_button a.shg-btn:hover:before {
background-color: #75787B;
}
.unlock-link a.unlocked::before {
mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGlkPSJHbHlwaCI+PHBhdGggZD0iTTE4LDlIMTFWNkE1LDUsMCwwLDAsMSw2LDEsMSwwLDAsMCwzLDYsMywzLDAsMCwxLDksNlY5LjFBNSw1LDAsMCwwLDUsMTR2NGE1LDUsMCwwLDAsNSw1aDhhNSw1LDAsMCwwLDUtNVYxNEE1LDUsMCwwLDAsMTgsOVptLS44NCw2LjM4LTIuNzIsMi42N2ExLDEsMCwwLDEtLjcuMjgsMSwxLDAsMCwxLS43LS4yOGwtMS4yOS0xLjI3YTEsMSwwLDEsMSwxLjQxLTEuNDJsLjU4LjU3LDItMmExLDEsMCwwLDEsMS40MiwwQTEsMSwwLDAsMSwxNy4xNiwxNS4zOFoiLz48L2c+PC9zdmc+);
display: none;
}
.shogun-root .support-list ul li.unlock-link:before{
content: "";
mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNODYuNCw0ODBoMzM5LjJjMTIuMywwLDIyLjQtOS45LDIyLjQtMjIuMVYyNDZjMC0xMi4yLTEwLTIyLTIyLjQtMjJINDA0di0zMC45YzAtNDEuNS0xNi4yLTg3LjYtNDIuNi0xMTUuNCAgQzMzNS4xLDQ5LjksMjk3LjQsMzIsMjU2LjEsMzJjLTAuMSwwLTAuMSwwLTAuMSwwYzAsMC0wLjEsMC0wLjEsMGMtNDEuMywwLTc5LDE3LjktMTA1LjMsNDUuNmMtMjYuNCwyNy44LTQyLjYsNzMuOS00Mi42LDExNS40VjIyNCAgSDg5aC0yLjZDNzQsMjI0LDY0LDIzMy45LDY0LDI0NnYyMTEuOUM2NCw0NzAuMSw3NCw0ODAsODYuNCw0ODB6IE0xNjEsMTkzLjFjMC0yNy4zLDkuOS02MS4xLDI4LjEtODAuM2wwLDBsMC0wLjMgIEMyMDYuNyw5My45LDIzMSw4MywyNTUuOSw4M2gwLjFoMC4xYzI0LjksMCw0OS4yLDEwLjksNjYuOCwyOS41bDAsMC4ybC0wLjEsMC4xYzE4LjMsMTkuMiwyOC4xLDUzLDI4LjEsODAuM1YyMjRoLTE3LjVoLTE1NUgxNjEgIFYxOTMuMXoiLz48L3N2Zz4=);
mask-size: 15px 15px;
mask-repeat: no-repeat;
mask-position: left;
background-color: #75787B;
width: 25px;
height: 24px;
}
.shogun-root .support-list ul li.unlock-link a:before{
display: none;
}
/****** Multiselect start ******/
.form-style select[multiple]{
background:#ffffff;
min-width:180px;
height: auto;
}
@media (pointer: fine) {
.form-style select[multiple]{
min-height: 150px;
}
}
.form-style select[multiple] option{
padding: 9px 5px;
}
.form-style select[multiple] option:checked
{
background:#f2f2f2;
}
.form-style select[multiple] option:before
{
content: "☐ ";
font-size: 1.7em;
float: left;
margin-top: -9px;
margin-right: 10px;
}
.form-style select[multiple] option:checked:before
{
content: "☑ "
}
/****** Multiselect end ******/
/****** Form start ******/
label.required::after {
content: "*";
color: #E73C3E;
}
.form-field-subtitle{
font-style: italic;
font-size: small;
}
/****** Form end ******/
/****** Superscript start******/
.app-banner-support h1 sup,
.app-banner h1 sup,
.product-main h1 sup {
font-size:14px;
top: -1.25em;
}
.app-banner h1 sup {
top: -1.75em;
}
.register-mark-text{
text-align:center;
padding:20px;
width: 100%;
}
/****** Superscript end******/
#loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
display: none;
}
#loader div {
width: 50px;
height: 50px;
border: 5px solid white;
border-top: 5px solid transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
top: 50%;
left: 50%;
position: relative;
margin: -25px 0 0 -25px;
}
@keyframes spin {
100% { transform: rotate(360deg); }
}
#activated-computerids {
max-width:600px;
}
#activated-computerids div {
margin: 15px 0;
border-bottom: 1px solid #ebebeb;
}
#activated-computerids div:first-child {
border-top: 1px solid #ebebeb;
}
#activated-computerids div p {
display:flex;
margin: 10px;
}
#activated-computerids div p>* {
display: flex;
align-items: center;
}
#activated-computerids div p .device-name {
flex:1;
padding: 0 10px;
}
#activated-computerids button {
align-self: center;
}
/*Custom Accordion Start*/
.accordion-header {
background: transparent;
color: #000000;
padding: 20px 20px 20px 35px;
border: none;
width: 100%;
text-align: left !important;
cursor: pointer;
font-size: 1.1rem;
transition: background 0.3s ease;
text-align: left;
display: block;
border-radius: 0;
height: auto;
position: relative;
}
.accordion-header:hover,
.accordion-header:focus,
.accordion-header:active {
border: none;
color: #000000 !important;
background: none;
}
.accordion-header::after {
transition: 0.3s transform;
content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNDI3NjkgMTYuNjY2N0wwLjA0OTIzMDggMTUuMjY1M0w2Ljg0MzA4IDguMzU4MzZMMCAxLjQwMTRMMS4zNzg0NiAwTDkuNiA4LjM1ODM2TDEuNDI3NjkgMTYuNjY2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjMzMzUgMC4xOTk5NTEpIHJvdGF0ZSg5MCkiIGZpbGw9IiMxNjE2MTYiLz4KPC9zdmc+Cg==);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
font-family: "turbo";
font-style: normal;
font-weight: 800;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .3em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .15em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 5px;
}
.accordion-header.active::after {
transform: rotate(0deg);
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
padding: 0 1rem;
border-bottom: 1px solid #ccc;
}
.accordion-content p {
margin: 1rem 0;
}
/*Custom Accordion End*/
/*File Upload styling Start*/
.file-status.success input[type=button] {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmRiYTNkYTNiNSwgMjAyMy8xMi8xNS0xMDo0MjozNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZmE3YmIzMi1jMzVlLTM1NGItOTgzOS1jZGU0MjBlNDMxNjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTA2Q0FCMEE2M0FFMTFGMDkwNkRFMjNFNkE4NDUzQUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTA2Q0FCMDk2M0FFMTFGMDkwNkRFMjNFNkE4NDUzQUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGE0MjEwNjQtNTM0Mi1jZDQ1LTg4ZTUtMDViMzA0YWQwMmI0IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzZiZmZkY2YtYmZhMC0yZDRmLWFmNGItMjZlNDA0NGYxNTJjIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+X+OQ7wAAA61JREFUeNrsW01oFDEUzmx32239oSBSZT2IgpT2IAiKf1sLggqKh6JQPXjwIF7Ek3rwZFXwJPbkRdGD+INWFKX+gR5Ewd+Dilio1oKIHlRUXNu13fU9N0tfh0w3k8msieaDj8lMZrPvfTNJXjKJVywWmQie5zENWAxsB85T/H0f8A7wYVRDgvz8kyGiBhwEvse/iMh3wH06BBD6GYMAKeBjDY77eR+Y0C2AF0MVuAxcT85fAN8qlIMGzAa2kmvngJ0mV4EFvqe2VUNV2u4rs9XkKnCAGHqS6cNZUu5enQIkmF40kfQtjeXSsmboNFi3AF9I+pPGcj/HVC5LSt6XAa7mjVI9cFT0lgFXkfOdwDYNIheAC8n5OmBtQLk1wJ/AAeA14Af1xmEMe4D5GLq1uDkE3BW1Eey20HE/D6vGAe08DC3jNvAmMMdfNROBVXMScA1wBbneBn7eDVsFbhAVjzP7cIrY36tSBYZJAfUWCtBI2wOVOCBH0jMtFCAT4It0FThBFHxqmQizgM+J/cdUGsG5cOgnl7B/vcePCUMdx5ihAZjlsUIZc8DPAZU4YPM/0A12Rh0MZXkVsM3xR8DlOucD5gPrLGkDMAp8JjMf4MU8J2gMgvxMsP8cTgAnQLjpru/8aCq6uI37pWdeQzSCI3wUmDe4N0DbUnwck9bdC9AbTe0iAm10vYBrBJ0AWgWYbqAvTdUUYJGBAmRVfpRU/LNhyftwYrIZeB046O9ogB3AacALbPzHD8a7sU08fYYPcCoNgNQGCZLfBulQc6VE0Wly/0VBfgvJ7xLkd5D8jRL/t9Zno5SfcTaCGDTlJogbaKBSWyE/bWMvUCRVRVRlRipUqXxAWgaFOAQoMnvwJg4BBi0SoC8OAV67QMgJ4ARwAjgBnABOAFlg+FteV9AgyE+RtGj9QV1A2hoBypOoiB+CfHrtqyD/W0BaK5IxCoDx/RI+HBYtmnzFSsvqcHLlkiC/F7iBv0lXbRQA8YQzCBOtJsUFTz2uEXQCOAGcAE4AJ4AZAiR8XZRpGFXxK4wAhSrGDyqoCbBVmwB080GzgQK0kPRH6V+F+DCyjY19dHhpoAD9xL4t0n6GEGAqG//l5ZBBzh8hdv0SjT51bZvb7RPhNCvtD57CSl93qkl8IMuA53027QjzpqsslLzCShuXKHBhUr7KTx3nCCb7rvXwEaRQgKhtAMVRZt7a4G6Vti7KUtmlrLQ1Fo+ZvxBUYb+PO8txUzVu6XlQSQARfgswAEWuL997UyqqAAAAAElFTkSuQmCC) no-repeat center;
background-repeat: no-repeat;
display: inline-block;
width: 20px;
height: 20px;
border: 0;
background-size: 24px;
color: transparent;
font-size: 0px;
}
.file-status.error {
display: block;
color: #E73C3E;
margin: 5px 0 10px 0;
}
input::-webkit-file-upload-button {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB2AAAAdgB+lymcgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAMDSURBVHic7Zu9axRBHIafS2JnZcDEFKKFohINWvvVCcYo5H8QRKwNiFpY2atFTlGMsYn+DWKb2AhKQrQTuSjCWYhgEe8sZja33s3szu7t7u9mbx8YuJ3d2Xnfd+f243YOKoabUcG+x4DTwH6gAbQEtRTOJLAGtHVZ03VDwQTwkY75oGwCU4K6CsFmfihCiDNf6hBczZcyhKTmSxVCWvOlCKFf816HMAlsYDf1x7EuKBt4dJ8Qd+QfA68N9a+AhxHtvBgJLuZHgBXDuhWghschuJoHewDgaQhJzEN0AOBZCEnNQ3wA4EkIceaf0Gse3AIAFcKjiP2LhpDWPLgHAAMawm5gPULUohZuI0kA6H0tRvS3rjUVxt0IMXHmIXkAEB/C7RQ+rEM0joOW+jpwTQvKmrbed92y/kAOfVq5QrojH5BmBATYRsKsY/vMuAF8BbaAm7ibh/4CQPe1AHzTGq4naDsQ9BtAZqQ9B5SGKgBpAdJUAUgLkKYKQFqANFUA0gKkMQUwDVwE9hasJU/GgQvA4bgNH9C5Nf2lG+VBkbfCZ4Gfuo8WcM+24TGDqA85iSoygPdd/bSAQ8HK8FfgiKHx0ZxEFcl013INOB4shAMwzReSnEOUFZG+qquAtABpqgCkBUhTBSAtQBqpAH471uWOVABvDXVvihYBasKyBEuo29GrerkOLAtp2WEe8zs3n88To5g9zQcbhM39sOzE58fiCUv99+BDOICGZeOTmckpnlOW+i1T5S46z83h8jwXacWwTK+fJhHnvpeGBtv0PlL6wAxKe7efF1GNTK+9g2koe3IUmzXjwGfMXuaiGtaAd5aGm8CJ3CRnxwzwCbOHVRxe459H/Wxk2sE2agjNAvsYjEvkCGqS1CXUd9407NvAX9Tvg07csezE53LL1TyoYfJsAERnVZ6SbAbLTggLqKEjbSBtaQH305gPc47//+PnS1kFzvRjPEwNuIw6yTQHwJytNFEn6Tkcj3qaoTGG+rvrFOpeW/pK0ELd2zeAL6irQEWFI/8ANrCu7/TXAG4AAAAASUVORK5CYII=) no-repeat 15px;
background-repeat: no-repeat;
display: inline-block;
min-width: 170px;
background-size: 24px;
border-radius: 50px;
padding: 15px 15px 15px 30px;
margin-right: 10px;
background-color: rgba(255, 255, 255, 0.25);
background-blend-mode: overlay;
cursor: pointer;
}
input::-webkit-file-upload-button:hover {
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1) inset;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1) inset;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1) inset;
color: #00558a;
}
input:disabled::-webkit-file-upload-button {
background-color: rgba(255, 255, 255, 0.75);
}
input[type=submit] {
margin-top: 30px;
}
input[type=file] {
margin-bottom: 5px;
color: #000000;
}
.shogun-root .form-error-summary ul li,
.form-error-summary ul li{
margin-left: -15px;
}
.shogun-root .form-error-summary ul li:before,
.form-error-summary ul li:before{
/*display:none;*/
content: "";
position: absolute;
left: 0.6rem; /* position inside the left padding */
width: 1.1rem;
height: 1.1rem;
transform: translateY(-50%);
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml;utf8, ");
border-radius: 0;
background-color: transparent;
margin-left: -10px;
margin-top: 11px;
}
.form-error-summary {
color: #000000;
font-size: 0.9rem;
margin: 40px 0 0px 0;
}
.form-error-summary p {
/*color: #E73C3E;*/
color: #000;
font-weight:500;
}
/*File Upload styling End*/
/*Thumbnail start*/
span.filter_spel {
padding: 3px 6px 0px 6px;
background-color: #ccc;
border-radius: 1px;
display: inline-block;
margin-bottom: 10px;
margin-right: 10px;
font-size: 14px;
color: #0e103e;
}
a.filter_spel {
color: #0e103e;
}
a.filter_spel .icon-cross {
font-size: 8px;
margin-left: 6px;
float: right;
}
.blog-hub-template .blog_meta.tags a,
.article-hub-template .blog_meta.tags a {
padding: 0px 6px;
border: #ccc 1px solid;
border-radius: 5px;
display: inline-block;
margin-bottom: 10px;
font-size: 12px;
}
.blog-hub-template .blog_meta.tags span:after,
.article-hub-template .blog_meta.tags span:after{
display:none;
}
/*Thumbnail end*/
/*Blog Simplify header styles begin*/
.article-hub-wrap .articles .article {
margin: 15px;
border-radius: 8px;
}
@media
only screen and (max-width: 798px)
{
.article-hub-wrap .articles .article {
margin: 10px 0px;
}
}
.aac-blog-section .blog-title {
margin-top: 40px;
}
.aac-blog-section .container:not(#filterits) {
min-height: 270px;
}
.rowhead {
background: #0E103E;
color: white!important;
padding: 20px;
padding-top: 20px !important;
font-size: 24px;
font-weight: 500;
}
.aac-blog-section .link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*font-size: 22px!important;
font-weight: 700!important;*/
padding-bottom: 10px;
padding-top: 10px;
}
.link a span {
color: white!important;
}
.caption-header-no-image {
width: 100%!important;
text-align: center;
}
.internal_span_subtitle {
display: block;
margin-left: 20%;
margin-right: 20%;
}
.filter_bar {
width: 100%;
margin-top: 60px;
}
#filterits {
width: 68%;
float: left;
}
.search_bar {
display: none;
width: 30%;
float: right;
}
.aac-blog-section .js-advanced_blog_filter {
font-size: 14px;
}
.blog_filter {
width: 22%;
margin-left: 0px!important;
margin-right: 12px!important;
}
.paginate.simplify-blog {
width: 100%;
}
/* .article-hub-wrap .one-third:nth-of-type(3n+1) {
margin-left: 0px!important;
} */
/* .article-hub-wrap .one-third:nth-of-type(3n+3) {
margin-right: 0px!important;
} */
#page-action-content .article-hub-wrap .blog_metas{
display: block;
}
.blog_row_header .link a span,
.blog_row_header {
color: #0E103E!important;
margin-bottom: 20px;
}
.article-hub-wrap .article h3.sub_title a:hover,
.blog-hub-template .blog_meta.tags a:hover,
.article-hub-template .blog_meta.tags a:hover{
text-decoration:underline;
}
/* Blog Simplify header styles end */
/* Resource start */
.resource_center_landing_instructions_class {
height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.resource_description {
/* padding-left: 10px; */
padding-top: 15px;
padding-right: 70px;
}
.resource_hub_featured_title {
display: flex;
align-items: center;
justify-content: center;
font-size:1.6em;
font-weight: 500;
width: 100%;
height: 30px;
}
.resource-card-download-icon {
width: 36px;
position: relative;
top: 18%;
left: 90%;
}
blockquote {
background: lightgray;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
border-left: 5px solid palegreen !important;
}
div.dl_resource.section h5 {
padding-bottom: 15px;
}
div.dl_resource ul {
/* padding-left: 48px; */
}
div.dl_resource ul li {
margin-bottom: 18px;
}
div.dl_resource:not(.dl_group) ul li:not(.unlock-link):before {
left: 0px;
content: url(//www.tobiidynavox.com/cdn/shop/t/24/assets/icon-download.svg?v=10977514753211899391674488290) ;
background-color: unset;
margin-top: 0;
margin-left: 0;
}
div.dl_resource:not(.dl_group) ul li.resource_redirect:not(.unlock-link):before {
left: 0px;
content: url(//cdn.shopify.com/s/files/1/0579/4129/5296/files/link.svg?v=1759446728) ;
background-color: unset;
vertical-align: middle;
}
div.dl_resource ul {
position: relative;
}
div.dl_resource ul li {
list-style: none!important;
margin-left: -20px;
}
div.dl_resource ul li.unlock-link {
list-style: none;
margin-left: -28px;
}
div.dl_resource ul a,
div.dl_resource ul a:link,
div.dl_resource ul a:hover,
div.dl_resource ul a:visited {
color: #00558A;
}
div.dl_resource ul a.found {
background: yellow;
}
/* Resrouce end */