/** Shopify CDN: Minification failed
Line 2084:2 Expected identifier but found "*"
Line 4516:41 Expected identifier but found "!"
Line 4528:41 Expected identifier but found "!"
Line 5827:0 Unexpected "@media"
Line 6094:25 Unexpected "last"
**/
/*============================================================================ Dependency-free breakpoint mixin - http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/ ==============================================================================*/
/*============================================================================ Flexbox prefix mixins from Bourbon https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_flex-box.scss ==============================================================================*/
/*================ The following are dependencies of csswizardry grid ================*/
/*================ Color variables ================*/
/*================ Typography ================*/
/*================ Global | Normalize ================*/
*, input, :before, :after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#mission-20221123 .squared--container .one-choice .reduction{
width: max-content;
}
.usp_with_bg {display:none!important;}
.site-nav__dropdown{
background:#fff;
}
#icon-text-7d51b42e-c617-4475-8c36-52106c123098 .review_carosel {
padding: 0px 0px 0px !important;
}
#mission-20221013 .announcement-slider__slide.type{
justify-content: center !important;
}
html, body {
padding: 0;
margin: 0;
overflow-x: hidden;
background-color: var(--color-secondary);
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
[hidden] {
display: none;
}
/*================ Site-wide styles ================*/
/*================ Partials | Layout Styles ================*/
button {
outline: none !important;
letter-spacing: var(--spacing-btn);
font-family: var(--font-btn); font-weight: var(--fontw-btn); font-style: var(--fonts-btn);
}
.wrapper {
max-width: var(--site-width);
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
@media screen and (min-width: 591px) {
.wrapper {
padding: 60px 30px;
margin: 0 auto;
}
}
@media screen and (max-width: 590px) {
body:not(.template-product) .wrapper {
padding: 45px 15px;
}
}
.wrapper_full_width {
max-width: 100%;
padding: 45px 15px;
}
@media screen and (min-width: 591px) {
.wrapper_full_width {
padding: 60px 30px;
}
}
.site_width {
max-width: var(--site-width);
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
@media screen and (max-width: 590px) {
.site_width {
padding-left: 15px;
padding-right: 15px;
}
.no_margin {
padding-left: 0!important;
padding-right: 0!important;
}
.no_margin .feature-row__text,
.no_margin .layout-item-text {
padding-left: 15px!important;
padding-right: 15px!important;
}
.no_margin .feature-row__image-wrapper,
.no_margin .feature-row__image,
.no_margin .cocoen {
border-radius: 0!important;
}
}
.site_width_full_width {
max-width: 100%;
}
@media screen and (min-width: 591px) { .spacing-big-top { padding-top: var(--spacing-big); } }
@media screen and (min-width: 591px) { .spacing-big-bottom { padding-bottom: var(--spacing-big); } }
@media screen and (min-width: 591px) { .spacing-little-top { padding-top: var(--spacing-sm); } }
@media screen and (min-width: 591px) { .spacing-little-bottom { padding-bottom: var(--spacing-sm); } }
@media screen and (min-width: 591px) { .no-spacing-top { padding-top: 0; } }
@media screen and (min-width: 591px) { .no-spacing-bottom { padding-bottom: 0; } }
@media screen and (max-width: 590px) { .spacing-big-top_sm { padding-top: var(--spacing-big-sm); } }
@media screen and (max-width: 590px) { .spacing-big-bottom_sm { padding-bottom: var(--spacing-big-sm); } }
@media screen and (max-width: 590px) { .spacing-little-top_sm { padding-top: var(--spacing-sm-sm); } }
@media screen and (max-width: 590px) { .spacing-little-bottom_sm { padding-bottom: var(--spacing-sm-sm); } }
@media screen and (max-width: 590px) { .no-spacing-top_sm { padding-top: 0; } }
@media screen and (max-width: 590px) { .no-spacing-bottom_sm { padding-bottom: 0; } }
@media screen and (min-width: 591px) { .hero__dyn_section.spacing-big-top { padding-top: 0; margin-top: var(--spacing-big); } }
@media screen and (min-width: 591px) { .hero__dyn_section.spacing-big-bottom { padding-bottom: 0; margin-bottom: var(--spacing-big); } }
@media screen and (min-width: 591px) { .hero__dyn_section.spacing-little-top { padding-top: 0; margin-top: var(--spacing-sm); } }
@media screen and (min-width: 591px) { .hero__dyn_section.spacing-little-bottom { padding-bottom: 0; margin-bottom: var(--spacing-sm); } }
@media screen and (min-width: 591px) { .hero__dyn_section.no-spacing-top { padding-top: 0; margin-top: 0; } }
@media screen and (min-width: 591px) { .hero__dyn_section.no-spacing-bottom { padding-bottom: 0; margin-bottom: 0; } }
@media screen and (max-width: 590px) { .hero__dyn_section.spacing-big-top_sm { padding-top: 0; margin-top: var(--spacing-big-sm); } }
@media screen and (max-width: 590px) { .hero__dyn_section.spacing-big-bottom_sm { padding-bottom: 0; margin-bottom: var(--spacing-big-sm); } }
@media screen and (max-width: 590px) { .hero__dyn_section.spacing-little-top_sm { padding-top: 0; margin-top: var(--spacing-sm-sm); } }
@media screen and (max-width: 590px) { .hero__dyn_section.spacing-little-bottom_sm { padding-bottom: 0; margin-bottom: var(--spacing-sm-sm); } }
@media screen and (max-width: 590px) { .hero__dyn_section.no-spacing-top_sm { padding-top: 0; margin-top: 0; } }
@media screen and (max-width: 590px) { .hero__dyn_section.no-spacing-bottom_sm { padding-bottom: 0; margin-bottom: 0; } }
body.template-product .slick-slider:not(.testi-controls) {
margin-bottom: 0 !important;
}
.wrapper-product {
max-width: var(--site-width);
margin: 0 auto;
}
.wrapper-product_full_width {
max-width: 100%;
}
@media screen and (max-width: 590px) {
body.template-product .logo-trust-footer {
padding: 45px 15px;
}
}
@media screen and (min-width: 591px) {
.wrapper-product {
padding-left: 15px;
padding-right: 15px;
}
}
.wrapper-color {
background: var(--color-shade);
max-width: 100%;
}
.wrapper-color h2,
.wrapper-color p,
.wrapper-color div:not(.swiper-button-next):not(.swiper-button-prev),
.wrapper-color span, .wrapper-color a {
color: var(--color-shade-text)!important;
}
.wrapper-color path {
fill: var(--color-shade-text)!important;
}
.wrapper-color-hero {
background: var(--color-shade);
}
.wrapper-color-div {
border-radius: var(--border-radius);
}
.wrapper__header {
max-width: var(--site-width-menu);
margin: 0 auto;
}
body:not(.template-product) .wrapper__header {
padding: 0 15px;
}
.hero_bg_image {
display: block;
position: relative;
}
#NavDrawer, .wrapper__header {
padding: 0 15px;
}
@media screen and (min-width: 591px) {
#NavDrawer, .wrapper__header {
padding: 0 30px;
}
}
.main-content {
display: block;
}
.mobile_only {
display: block;
}
@media screen and (min-width: 590px) {
.mobile_only {
display: none;
}
}
.desktop_only {
display: none;
}
@media screen and (min-width: 590px) {
.desktop_only {
display: block;
}
}
/*================ Partials | Typography styles ================*/
body, input, textarea, button, select {
font-size: var(--font-size-body);
font-family: var(--font-stack-body);
color: var(--color-primary);
font-weight: var(--font-weight-body);
font-style: var(--font-style-body);
letter-spacing: var(--spacing-body);
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 {
display: block;
margin: 0 0 0.5em;
line-height: 1.4;
}
h1,
.site-header__logo-link { font-family: var(--font-h1); font-weight: var(--fontw-h1); font-style: var(--fonts-h1); letter-spacing: var(--spacing-h1); }
h2 { font-family: var(--font-h2); font-weight: var(--fontw-h2); font-style: var(--fonts-h2); letter-spacing: var(--spacing-h2); }
h3 { font-family: var(--font-h3); font-weight: var(--fontw-h3); font-style: var(--fonts-h3); letter-spacing: var(--spacing-h3); }
h4 { font-family: var(--font-h4); font-weight: var(--fontw-h4); font-style: var(--fonts-h4); }
h5 { font-family: var(--font-h5); font-weight: var(--fontw-h5); font-style: var(--fonts-h5); }
h1:not(.hero__title), h2:not(.hero__title), h3:not(.hero__title), h4:not(.hero__title), h5:not(.hero__title), h6:not(.hero__title) {
color: var(--color-primary);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
font-weight: inherit;
}
p {
margin: 0 0 15px 0;
}
p img {
margin: 0;
}
em {
font-style: italic;
}
b, strong, .bold_police {
font-weight: bolder;
}
small {
font-size: var(--font-size-body-small);
}
sup, sub {
position: relative;
font-size: var(--font-size-body-small);
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.5em;
}
blockquote {
font-size: var(--font-size-body);
line-height: 1.45;
margin: 0;
padding: 15px 30px 40px;
}
blockquote p {
margin-bottom: 0;
}
blockquote p + cite {
margin-top: 15px;
}
blockquote cite {
display: block;
font-size: var(--font-size-body-small);
}
blockquote cite:before {
content: "\2014 \0020";
}
code, pre {
background-color: var(--bg-color-input);
font-family: Consolas, monospace;
font-size: var(--font-size-body);
border: 0 none;
padding: 0 2px;
color: var(--color-primary);
}
pre {
overflow: auto;
padding: 15px;
margin: 0 0 30px;
}
/*================ Partials | Lists ================*/
ul, ol {
margin: 0 0 15px 20px;
padding: 0;
text-rendering: optimizeLegibility;
}
ol ol {
list-style: lower-alpha;
}
ol {
list-style: decimal;
}
ul ul, ul ol, ol ol, ol ul {
margin: 4px 0 5px 20px;
}
ul.square {
list-style: square outside;
}
ul.disc {
list-style: disc outside;
}
ol.alpha {
list-style: lower-alpha outside;
}
.no-bullets {
list-style: none outside;
margin-left: 0;
}
.inline-list {
margin-left: 0;
}
.inline-list li {
display: inline-block;
margin-bottom: 0;
}
/*================ Partials | Tables ================*/
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.table-wrap {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.table-wrap--order {
background-color: var(--bg-color-input);
padding: 1rem;
}
th {
font-weight: bolder;
}
th, td {
text-align: left;
padding: 15px;
border: 1px solid var(--bg-color-input);
}
/*============================================================================ #Grid Setup - Based on csswizardry grid, but with floated columns, a fixed gutter size, and BEM classes - Breakpoints defined above, under #Breakpoint and Grid Variables - Note the inclusion of .grid-uniform to take care of clearfixes on evenly sized grid items ==============================================================================*/
/* Force clearfix on grids */
.grid:after, .grid--rev:after, .grid--full:after, .grid-uniform:after {
content: '';
display: table;
clear: both;
}
/* Manual grid__item clearfix */
.grid__item.clear {
clear: both;
}
/*============================================================================ Drop relative positioning into silent classes which can't take advantage of the `[class*="push--"]` and `[class*="pull--"]` selectors. ==============================================================================*/
/*============================================================================ Grid Setup 1. Allow the grid system to be used on lists. 2. Remove any margins and paddings that might affect the grid system. 3. Apply a negative `margin-left` to negate the columns' gutters. ==============================================================================*/
.grid, .grid--rev, .grid--full, .grid-uniform {
list-style: none;
margin: 0;
padding: 0;
margin-left: -15px;
}
@media screen and (min-width: 591px) {
.grid, .grid--rev, .grid--full, .grid-uniform {
margin-left: -30px;
}
}
.recommendations {
margin: 0 !important;
}
.grid__item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
min-height: 1px;
padding-left: 15px;
vertical-align: top;
width: 100%;
}
@media screen and (min-width: 591px) {
.grid__item {
padding-left: 30px;
}
}
.grid--small {
margin-left: -10px;
}
.grid--small .grid__item {
padding-left: 10px;
}
.featured-collection-header {
padding-bottom: 7.5px;
}
@media screen and (min-width: 591px) {
.featured-collection-header { padding-bottom: 15px; }
.featured-collection__wrapper .grid__item { margin-top: 15px; }
}
.featured-collection-title {
padding-left: 15px;
}
@media screen and (min-width: 591px) {
.featured-collection-title {
padding-left: 30px;
}
}
.btnGoToCollection { width: 100%; margin-top: 30px; padding-right: 15px; }
.subtext_faq_full_page {
margin-bottom: 30px;
}
.faq_block_wrapper_title {
padding: 30px;
}
@media screen and (max-width: 590px) {
.faq_block_wrapper_title {
padding: 30px 15px;
}
}
.title_faq { margin: 30px auto 15px; max-width: var(--site-width); }
.faq_style_block_title { margin-top: 1rem!important; margin-bottom: 0!important; text-align: -webkit-auto!important; }
.no_pad_top { padding-top: 0!important; }
.no_pad_bottom { padding-bottom: 0!important; }
.no_pad_x { padding-left: 0!important; padding-right: 0!important; }
/*============================================================================ Reversed grids allow you to structure your source in the opposite order to how your rendered layout will appear. ==============================================================================*/
.grid--rev {
direction: rtl;
text-align: left;
}
.grid--rev > .grid__item {
direction: ltr;
text-align: left;
float: right;
}
/* Gutterless grids have all the properties of regular grids, minus any spacing. */
.grid--full {
margin-left: 0;
}
.grid--full > .grid__item {
padding-left: 0;
}
/*============================================================================ WIDTHS - Create width classes, prefixed by the specified namespace. ==============================================================================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Helper show/hide classes around our breakpoints ================*/
/*================ Our regular, non-responsive width and helper classes ================*/
/** Whole */
.one-whole {
width: 100%;
}
/* Halves */
.one-half {
width: 50%;
}
/* Thirds */
.one-third {
width: 33.333%;
}
.two-thirds {
width: 66.666%;
}
/* Quarters */
.one-quarter {
width: 25%;
}
.two-quarters {
width: 50%;
}
.three-quarters {
width: 75%;
}
/* Fifths */
.one-fifth {
width: 20%;
}
.two-fifths {
width: 40%;
}
.three-fifths {
width: 60%;
}
.four-fifths {
width: 80%;
}
/* Sixths */
.one-sixth {
width: 16.666%;
}
.two-sixths {
width: 33.333%;
}
.three-sixths {
width: 50%;
}
.four-sixths {
width: 66.666%;
}
.five-sixths {
width: 83.333%;
}
/* Eighths */
.one-eighth {
width: 12.5%;
}
.two-eighths {
width: 25%;
}
.three-eighths {
width: 37.5%;
}
.four-eighths {
width: 50%;
}
.five-eighths {
width: 62.5%;
}
.six-eighths {
width: 75%;
}
.seven-eighths {
width: 87.5%;
}
/* Tenths */
.one-tenth {
width: 10%;
}
.two-tenths {
width: 20%;
}
.three-tenths {
width: 30%;
}
.four-tenths {
width: 40%;
}
.five-tenths {
width: 50%;
}
.six-tenths {
width: 60%;
}
.seven-tenths {
width: 70%;
}
.eight-tenths {
width: 80%;
}
.nine-tenths {
width: 90%;
}
/* Twelfths */
.one-twelfth {
width: 8.333%;
}
.two-twelfths {
width: 16.666%;
}
.three-twelfths {
width: 25%;
}
.four-twelfths {
width: 33.333%;
}
.five-twelfths {
width: 41.666%;
}
.six-twelfths {
width: 50%;
}
.seven-twelfths {
width: 58.333%;
}
.eight-twelfths {
width: 66.666%;
}
.nine-twelfths {
width: 75%;
}
.ten-twelfths {
width: 83.333%;
}
.eleven-twelfths {
width: 91.666%;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.no_padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.text-left {
text-align: left !important;
text-align: -webkit-left !important;
}
.text-right {
text-align: right !important;
text-align: -webkit-right !important;
}
.text-center {
text-align: center !important;
text-align: -webkit-center !important;
}
.text-justify {
text-align: justify !important;
text-align: -webkit-justify !important;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
/*================ Our responsive classes, if we have enabled them ================*/
@media only screen and (max-width: 590px) {
/** Whole */
/* Halves */
/* Thirds */
/* Quarters */
/* Fifths */
/* Sixths */
/* Eighths */
/* Tenths */
/* Twelfths */
.small--one-whole {
width: 100%;
}
.small--one-half {
width: 50%;
}
.small--one-third {
width: 33.333%;
}
.small--two-thirds {
width: 66.666%;
}
.small--one-quarter {
width: 25%;
}
.small--two-quarters {
width: 50%;
}
.small--three-quarters {
width: 75%;
}
.small--one-fifth {
width: 20%;
}
.small--two-fifths {
width: 40%;
}
.small--three-fifths {
width: 60%;
}
.small--four-fifths {
width: 80%;
}
.small--one-sixth {
width: 16.666%;
}
.small--two-sixths {
width: 33.333%;
}
.small--three-sixths {
width: 50%;
}
.small--four-sixths {
width: 66.666%;
}
.small--five-sixths {
width: 83.333%;
}
.small--one-eighth {
width: 12.5%;
}
.small--two-eighths {
width: 25%;
}
.small--three-eighths {
width: 37.5%;
}
.small--four-eighths {
width: 50%;
}
.small--five-eighths {
width: 62.5%;
}
.small--six-eighths {
width: 75%;
}
.small--seven-eighths {
width: 87.5%;
}
.small--one-tenth {
width: 10%;
}
.small--two-tenths {
width: 20%;
}
.small--three-tenths {
width: 30%;
}
.small--four-tenths {
width: 40%;
}
.small--five-tenths {
width: 50%;
}
.small--six-tenths {
width: 60%;
}
.small--seven-tenths {
width: 70%;
}
.small--eight-tenths {
width: 80%;
}
.small--nine-tenths {
width: 90%;
}
.small--one-twelfth {
width: 8.333%;
}
.small--two-twelfths {
width: 16.666%;
}
.small--three-twelfths {
width: 25%;
}
.small--four-twelfths {
width: 33.333%;
}
.small--five-twelfths {
width: 41.666%;
}
.small--six-twelfths {
width: 50%;
}
.small--seven-twelfths {
width: 58.333%;
}
.small--eight-twelfths {
width: 66.666%;
}
.small--nine-twelfths {
width: 75%;
}
.small--ten-twelfths {
width: 83.333%;
}
.small--eleven-twelfths {
width: 91.666%;
}
.small--show {
display: block !important;
}
.small--hide {
display: none !important;
}
.small--no_padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.small--text-left {
text-align: left !important;
text-align: -webkit-left !important;
}
.small--text-right {
text-align: right !important;
text-align: -webkit-right !important;
}
.small--text-center {
text-align: center !important;
text-align: -webkit-center !important;
}
.small--text-justify {
text-align: justify !important;
text-align: -webkit-justify !important;
}
.small--left {
float: left !important;
}
.small--right {
float: right !important;
}
.grid-uniform .small--one-half:nth-child(2n+1), .grid-uniform .small--one-third:nth-child(3n+1), .grid-uniform .small--one-quarter:nth-child(4n+1), .grid-uniform .small--one-fifth:nth-child(5n+1), .grid-uniform .small--one-sixth:nth-child(6n+1), .grid-uniform .small--two-sixths:nth-child(3n+1), .grid-uniform .small--three-sixths:nth-child(2n+1), .grid-uniform .small--two-eighths:nth-child(4n+1), .grid-uniform .small--four-eighths:nth-child(2n+1), .grid-uniform .small--five-tenths:nth-child(2n+1), .grid-uniform .small--one-twelfth:nth-child(12n+1), .grid-uniform .small--two-twelfths:nth-child(6n+1), .grid-uniform .small--three-twelfths:nth-child(4n+1), .grid-uniform .small--four-twelfths:nth-child(3n+1), .grid-uniform .small--six-twelfths:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (min-width: 591px) and (max-width: 768px) {
/** Whole */
/* Halves */
/* Thirds */
/* Quarters */
/* Fifths */
/* Sixths */
/* Eighths */
/* Tenths */
/* Twelfths */
.medium--one-whole {
width: 100%;
}
.medium--one-half {
width: 50%;
}
.medium--one-third {
width: 33.333%;
}
.medium--two-thirds {
width: 66.666%;
}
.medium--one-quarter {
width: 25%;
}
.medium--two-quarters {
width: 50%;
}
.medium--three-quarters {
width: 75%;
}
.medium--one-fifth {
width: 20%;
}
.medium--two-fifths {
width: 40%;
}
.medium--three-fifths {
width: 60%;
}
.medium--four-fifths {
width: 80%;
}
.medium--one-sixth {
width: 16.666%;
}
.medium--two-sixths {
width: 33.333%;
}
.medium--three-sixths {
width: 50%;
}
.medium--four-sixths {
width: 66.666%;
}
.medium--five-sixths {
width: 83.333%;
}
.medium--one-eighth {
width: 12.5%;
}
.medium--two-eighths {
width: 25%;
}
.medium--three-eighths {
width: 37.5%;
}
.medium--four-eighths {
width: 50%;
}
.medium--five-eighths {
width: 62.5%;
}
.medium--six-eighths {
width: 75%;
}
.medium--seven-eighths {
width: 87.5%;
}
.medium--one-tenth {
width: 10%;
}
.medium--two-tenths {
width: 20%;
}
.medium--three-tenths {
width: 30%;
}
.medium--four-tenths {
width: 40%;
}
.medium--five-tenths {
width: 50%;
}
.medium--six-tenths {
width: 60%;
}
.medium--seven-tenths {
width: 70%;
}
.medium--eight-tenths {
width: 80%;
}
.medium--nine-tenths {
width: 90%;
}
.medium--one-twelfth {
width: 8.333%;
}
.medium--two-twelfths {
width: 16.666%;
}
.medium--three-twelfths {
width: 25%;
}
.medium--four-twelfths {
width: 33.333%;
}
.medium--five-twelfths {
width: 41.666%;
}
.medium--six-twelfths {
width: 50%;
}
.medium--seven-twelfths {
width: 58.333%;
}
.medium--eight-twelfths {
width: 66.666%;
}
.medium--nine-twelfths {
width: 75%;
}
.medium--ten-twelfths {
width: 83.333%;
}
.medium--eleven-twelfths {
width: 91.666%;
}
.medium--show {
display: block !important;
}
.medium--hide {
display: none !important;
}
.medium--no_padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.medium--text-left {
text-align: left !important;
text-align: -webkit-left !important;
}
.medium--text-right {
text-align: right !important;
text-align: -webkit-right !important;
}
.medium--text-center {
text-align: center !important;
text-align: -webkit-center !important;
}
.medium--text-justify {
text-align: justify !important;
text-align: -webkit-justify !important;
}
.medium--left {
float: left !important;
}
.medium--right {
float: right !important;
}
.grid-uniform .medium--one-half:nth-child(2n+1), .grid-uniform .medium--one-third:nth-child(3n+1), .grid-uniform .medium--one-quarter:nth-child(4n+1), .grid-uniform .medium--one-fifth:nth-child(5n+1), .grid-uniform .medium--one-sixth:nth-child(6n+1), .grid-uniform .medium--two-sixths:nth-child(3n+1), .grid-uniform .medium--three-sixths:nth-child(2n+1), .grid-uniform .medium--two-eighths:nth-child(4n+1), .grid-uniform .medium--four-eighths:nth-child(2n+1), .grid-uniform .medium--five-tenths:nth-child(2n+1), .grid-uniform .medium--one-twelfth:nth-child(12n+1), .grid-uniform .medium--two-twelfths:nth-child(6n+1), .grid-uniform .medium--three-twelfths:nth-child(4n+1), .grid-uniform .medium--four-twelfths:nth-child(3n+1), .grid-uniform .medium--six-twelfths:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) {
/** Whole */
/* Halves */
/* Thirds */
/* Quarters */
/* Fifths */
/* Sixths */
/* Eighths */
/* Tenths */
/* Twelfths */
.medium-down--one-whole {
width: 100%;
}
.medium-down--one-half {
width: 50%;
}
.medium-down--one-third {
width: 33.333%;
}
.medium-down--two-thirds {
width: 66.666%;
}
.medium-down--one-quarter {
width: 25%;
}
.medium-down--two-quarters {
width: 50%;
}
.medium-down--three-quarters {
width: 75%;
}
.medium-down--one-fifth {
width: 20%;
}
.medium-down--two-fifths {
width: 40%;
}
.medium-down--three-fifths {
width: 60%;
}
.medium-down--four-fifths {
width: 80%;
}
.medium-down--one-sixth {
width: 16.666%;
}
.medium-down--two-sixths {
width: 33.333%;
}
.medium-down--three-sixths {
width: 50%;
}
.medium-down--four-sixths {
width: 66.666%;
}
.medium-down--five-sixths {
width: 83.333%;
}
.medium-down--one-eighth {
width: 12.5%;
}
.medium-down--two-eighths {
width: 25%;
}
.medium-down--three-eighths {
width: 37.5%;
}
.medium-down--four-eighths {
width: 50%;
}
.medium-down--five-eighths {
width: 62.5%;
}
.medium-down--six-eighths {
width: 75%;
}
.medium-down--seven-eighths {
width: 87.5%;
}
.medium-down--one-tenth {
width: 10%;
}
.medium-down--two-tenths {
width: 20%;
}
.medium-down--three-tenths {
width: 30%;
}
.medium-down--four-tenths {
width: 40%;
}
.medium-down--five-tenths {
width: 50%;
}
.medium-down--six-tenths {
width: 60%;
}
.medium-down--seven-tenths {
width: 70%;
}
.medium-down--eight-tenths {
width: 80%;
}
.medium-down--nine-tenths {
width: 90%;
}
.medium-down--one-twelfth {
width: 8.333%;
}
.medium-down--two-twelfths {
width: 16.666%;
}
.medium-down--three-twelfths {
width: 25%;
}
.medium-down--four-twelfths {
width: 33.333%;
}
.medium-down--five-twelfths {
width: 41.666%;
}
.medium-down--six-twelfths {
width: 50%;
}
.medium-down--seven-twelfths {
width: 58.333%;
}
.medium-down--eight-twelfths {
width: 66.666%;
}
.medium-down--nine-twelfths {
width: 75%;
}
.medium-down--ten-twelfths {
width: 83.333%;
}
.medium-down--eleven-twelfths {
width: 91.666%;
}
.medium-down--show {
display: block !important;
}
.medium-down--hide {
display: none !important;
}
.medium-down--no_padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.medium-down--text-left {
text-align: left !important;
text-align: -webkit-left !important;
}
.medium-down--text-right {
text-align: right !important;
text-align: -webkit-right !important;
}
.medium-down--text-center {
text-align: center !important;
text-align: -webkit-center !important;
}
.medium-down--text-justify {
text-align: justify !important;
text-align: -webkit-justify !important;
}
.medium-down--left {
float: left !important;
}
.medium-down--right {
float: right !important;
}
.grid-uniform .medium-down--one-half:nth-child(2n+1), .grid-uniform .medium-down--one-third:nth-child(3n+1), .grid-uniform .medium-down--one-quarter:nth-child(4n+1), .grid-uniform .medium-down--one-fifth:nth-child(5n+1), .grid-uniform .medium-down--one-sixth:nth-child(6n+1), .grid-uniform .medium-down--two-sixths:nth-child(3n+1), .grid-uniform .medium-down--three-sixths:nth-child(2n+1), .grid-uniform .medium-down--two-eighths:nth-child(4n+1), .grid-uniform .medium-down--four-eighths:nth-child(2n+1), .grid-uniform .medium-down--five-tenths:nth-child(2n+1), .grid-uniform .medium-down--one-twelfth:nth-child(12n+1), .grid-uniform .medium-down--two-twelfths:nth-child(6n+1), .grid-uniform .medium-down--three-twelfths:nth-child(4n+1), .grid-uniform .medium-down--four-twelfths:nth-child(3n+1), .grid-uniform .medium-down--six-twelfths:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (min-width: 769px) {
/** Whole */
/* Halves */
/* Thirds */
/* Quarters */
/* Fifths */
/* Sixths */
/* Eighths */
/* Tenths */
/* Twelfths */
.large--one-whole {
width: 100%;
}
.large--one-half {
width: 50%;
}
.large--one-third {
width: 33.333%;
}
.large--two-thirds {
width: 66.666%;
}
.large--one-quarter {
width: 25%;
}
.large--two-quarters {
width: 50%;
}
.large--three-quarters {
width: 75%;
}
.large--one-fifth {
width: 20%;
}
.large--two-fifths {
width: 40%;
}
.large--three-fifths {
width: 60%;
}
.large--four-fifths {
width: 95%;
}
.large--one-sixth {
width: 16.666%;
}
.large--two-sixths {
width: 33.333%;
}
.large--three-sixths {
width: 50%;
}
.large--four-sixths {
width: 66.666%;
}
.large--five-sixths {
width: 83.333%;
}
.large--one-eighth {
width: 12.5%;
}
.large--two-eighths {
width: 25%;
}
.large--three-eighths {
width: 37.5%;
}
.large--four-eighths {
width: 50%;
}
.large--five-eighths {
width: 62.5%;
}
.large--six-eighths {
width: 75%;
}
.large--seven-eighths {
width: 87.5%;
}
.large--one-tenth {
width: 10%;
}
.large--two-tenths {
width: 20%;
}
.large--three-tenths {
width: 30%;
}
.large--four-tenths {
width: 40%;
}
.large--five-tenths {
width: 50%;
}
.large--six-tenths {
width: 60%;
}
.large--seven-tenths {
width: 70%;
}
.large--eight-tenths {
width: 80%;
}
.large--nine-tenths {
width: 90%;
}
.large--one-twelfth {
width: 8.333%;
}
.large--two-twelfths {
width: 16.666%;
}
.large--three-twelfths {
width: 25%;
}
.large--four-twelfths {
width: 33.333%;
}
.large--five-twelfths {
width: 41.666%;
}
.large--six-twelfths {
width: 50%;
}
.large--seven-twelfths {
width: 58.333%;
}
.large--eight-twelfths {
width: 66.666%;
}
.large--nine-twelfths {
width: 75%;
}
.large--ten-twelfths {
width: 83.333%;
}
.large--eleven-twelfths {
width: 91.666%;
}
.large--show {
display: block !important;
}
.large--hide {
display: none !important;
}
.large--no_padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.large--text-left {
text-align: left !important;
text-align: -webkit-left !important;
}
.large--text-right {
text-align: right !important;
text-align: -webkit-right !important;
}
.large--text-center {
text-align: center !important;
text-align: -webkit-center !important;
}
.large--text-justify {
text-align: justify !important;
text-align: -webkit-justify !important;
}
.large--left {
float: left !important;
}
.large--right {
float: right !important;
}
.grid-uniform .large--one-half:nth-child(2n+1), .grid-uniform .large--one-third:nth-child(3n+1), .grid-uniform .large--one-quarter:nth-child(4n+1), .grid-uniform .large--one-fifth:nth-child(5n+1), .grid-uniform .large--one-sixth:nth-child(6n+1), .grid-uniform .large--two-sixths:nth-child(3n+1), .grid-uniform .large--three-sixths:nth-child(2n+1), .grid-uniform .large--two-eighths:nth-child(4n+1), .grid-uniform .large--four-eighths:nth-child(2n+1), .grid-uniform .large--five-tenths:nth-child(2n+1), .grid-uniform .large--one-twelfth:nth-child(12n+1), .grid-uniform .large--two-twelfths:nth-child(6n+1), .grid-uniform .large--three-twelfths:nth-child(4n+1), .grid-uniform .large--four-twelfths:nth-child(3n+1), .grid-uniform .large--six-twelfths:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (min-width: 1101px) {
/** Whole */
/* Halves */
/* Thirds */
/* Quarters */
/* Fifths */
/* Sixths */
/* Eighths */
/* Tenths */
/* Twelfths */
.xlarge--one-whole {
width: 100%;
}
.xlarge--one-half {
width: 50%;
}
.xlarge--one-third {
width: 33.333%;
}
.xlarge--two-thirds {
width: 66.666%;
}
.xlarge--one-quarter {
width: 25%;
}
.xlarge--two-quarters {
width: 50%;
}
.xlarge--three-quarters {
width: 75%;
}
.xlarge--one-fifth {
width: 20%;
}
.xlarge--two-fifths {
width: 40%;
}
.xlarge--three-fifths {
width: 60%;
}
.xlarge--four-fifths {
width: 80%;
}
.xlarge--one-sixth {
width: 16.666%;
}
.xlarge--two-sixths {
width: 33.333%;
}
.xlarge--three-sixths {
width: 50%;
}
.xlarge--four-sixths {
width: 66.666%;
}
.xlarge--five-sixths {
width: 83.333%;
}
.xlarge--one-eighth {
width: 12.5%;
}
.xlarge--two-eighths {
width: 25%;
}
.xlarge--three-eighths {
width: 37.5%;
}
.xlarge--four-eighths {
width: 50%;
}
.xlarge--five-eighths {
width: 62.5%;
}
.xlarge--six-eighths {
width: 75%;
}
.xlarge--seven-eighths {
width: 87.5%;
}
.xlarge--one-tenth {
width: 10%;
}
.xlarge--two-tenths {
width: 20%;
}
.xlarge--three-tenths {
width: 30%;
}
.xlarge--four-tenths {
width: 40%;
}
.xlarge--five-tenths {
width: 50%;
}
.xlarge--six-tenths {
width: 60%;
}
.xlarge--seven-tenths {
width: 70%;
}
.xlarge--eight-tenths {
width: 80%;
}
.xlarge--nine-tenths {
width: 90%;
}
.xlarge--one-twelfth {
width: 8.333%;
}
.xlarge--two-twelfths {
width: 16.666%;
}
.xlarge--three-twelfths {
width: 25%;
}
.xlarge--four-twelfths {
width: 33.333%;
}
.xlarge--five-twelfths {
width: 41.666%;
}
.xlarge--six-twelfths {
width: 50%;
}
.xlarge--seven-twelfths {
width: 58.333%;
}
.xlarge--eight-twelfths {
width: 66.666%;
}
.xlarge--nine-twelfths {
width: 75%;
}
.xlarge--ten-twelfths {
width: 83.333%;
}
.xlarge--eleven-twelfths {
width: 91.666%;
}
.xlarge--show {
display: block !important;
}
.xlarge--hide {
display: none !important;
}
.xlarge--no_padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.xlarge--text-left {
text-align: left !important;
text-align: -webkit-left !important;
}
.xlarge--text-right {
text-align: right !important;
text-align: -webkit-right !important;
}
.xlarge--text-center {
text-align: center !important;
text-align: -webkit-center !important;
}
.xlarge--text-justify {
text-align: justify !important;
text-align: -webkit-justify !important;
}
.xlarge--left {
float: left !important;
}
.xlarge--right {
float: right !important;
}
.grid-uniform .xlarge--one-half:nth-child(2n+1), .grid-uniform .xlarge--one-third:nth-child(3n+1), .grid-uniform .xlarge--one-quarter:nth-child(4n+1), .grid-uniform .xlarge--one-fifth:nth-child(5n+1), .grid-uniform .xlarge--one-sixth:nth-child(6n+1), .grid-uniform .xlarge--two-sixths:nth-child(3n+1), .grid-uniform .xlarge--three-sixths:nth-child(2n+1), .grid-uniform .xlarge--two-eighths:nth-child(4n+1), .grid-uniform .xlarge--four-eighths:nth-child(2n+1), .grid-uniform .xlarge--five-tenths:nth-child(2n+1), .grid-uniform .xlarge--one-twelfth:nth-child(12n+1), .grid-uniform .xlarge--two-twelfths:nth-child(6n+1), .grid-uniform .xlarge--three-twelfths:nth-child(4n+1), .grid-uniform .xlarge--four-twelfths:nth-child(3n+1), .grid-uniform .xlarge--six-twelfths:nth-child(2n+1) {
clear: both;
}
}
/*============================================================================ PUSH - Push classes, to move grid items over to the right by certain amounts ==============================================================================*/
[class*="push--"] {
position: relative;
}
/* Whole */
.push--one-whole {
left: 100%;
}
/* Halves */
.push--one-half {
left: 50%;
}
/* Thirds */
.push--one-third {
left: 33.333%;
}
.push--two-thirds {
left: 66.666%;
}
/* Quarters */
.push--one-quarter {
left: 25%;
}
.push--two-quarters {
left: 50%;
}
.push--three-quarters {
left: 75%;
}
/* Fifths */
.push--one-fifth {
left: 20%;
}
.push--two-fifths {
left: 40%;
}
.push--three-fifths {
left: 60%;
}
.push--four-fifths {
left: 80%;
}
/* Sixths */
.push--one-sixth {
left: 16.666%;
}
.push--two-sixths {
left: 33.333%;
}
.push--three-sixths {
left: 50%;
}
.push--four-sixths {
left: 66.666%;
}
.push--five-sixths {
left: 83.333%;
}
/* Eighths */
.push--one-eighth {
left: 12.5%;
}
.push--two-eighths {
left: 25%;
}
.push--three-eighths {
left: 37.5%;
}
.push--four-eighths {
left: 50%;
}
.push--five-eighths {
left: 62.5%;
}
.push--six-eighths {
left: 75%;
}
.push--seven-eighths {
left: 87.5%;
}
/* Tenths */
.push--one-tenth {
left: 10%;
}
.push--two-tenths {
left: 20%;
}
.push--three-tenths {
left: 30%;
}
.push--four-tenths {
left: 40%;
}
.push--five-tenths {
left: 50%;
}
.push--six-tenths {
left: 60%;
}
.push--seven-tenths {
left: 70%;
}
.push--eight-tenths {
left: 80%;
}
.push--nine-tenths {
left: 90%;
}
/* Twelfths */
.push--one-twelfth {
left: 8.333%;
}
.push--two-twelfths {
left: 16.666%;
}
.push--three-twelfths {
left: 25%;
}
.push--four-twelfths {
left: 33.333%;
}
.push--five-twelfths {
left: 41.666%;
}
.push--six-twelfths {
left: 50%;
}
.push--seven-twelfths {
left: 58.333%;
}
.push--eight-twelfths {
left: 66.666%;
}
.push--nine-twelfths {
left: 75%;
}
.push--ten-twelfths {
left: 83.333%;
}
.push--eleven-twelfths {
left: 91.666%;
}
@media only screen and (min-width: 591px) and (max-width: 768px) {
/* Whole */
/* Halves */
/* Thirds */
/* Quarters */
/* Fifths */
/* Sixths */
/* Eighths */
/* Tenths */
/* Twelfths */
.push--medium--one-whole {
left: 100%;
}
.push--medium--one-half {
left: 50%;
}
.push--medium--one-third {
left: 33.333%;
}
.push--medium--two-thirds {
left: 66.666%;
}
.push--medium--one-quarter {
left: 25%;
}
.push--medium--two-quarters {
left: 50%;
}
.push--medium--three-quarters {
left: 75%;
}
.push--medium--one-fifth {
left: 20%;
}
.push--medium--two-fifths {
left: 40%;
}
.push--medium--three-fifths {
left: 60%;
}
.push--medium--four-fifths {
left: 80%;
}
.push--medium--one-sixth {
left: 16.666%;
}
.push--medium--two-sixths {
left: 33.333%;
}
.push--medium--three-sixths {
left: 50%;
}
.push--medium--four-sixths {
left: 66.666%;
}
.push--medium--five-sixths {
left: 83.333%;
}
.push--medium--one-eighth {
left: 12.5%;
}
.push--medium--two-eighths {
left: 25%;
}
.push--medium--three-eighths {
left: 37.5%;
}
.push--medium--four-eighths {
left: 50%;
}
.push--medium--five-eighths {
left: 62.5%;
}
.push--medium--six-eighths {
left: 75%;
}
.push--medium--seven-eighths {
left: 87.5%;
}
.push--medium--one-tenth {
left: 10%;
}
.push--medium--two-tenths {
left: 20%;
}
.push--medium--three-tenths {
left: 30%;
}
.push--medium--four-tenths {
left: 40%;
}
.push--medium--five-tenths {
left: 50%;
}
.push--medium--six-tenths {
left: 60%;
}
.push--medium--seven-tenths {
left: 70%;
}
.push--medium--eight-tenths {
left: 80%;
}
.push--medium--nine-tenths {
left: 90%;
}
.push--medium--one-twelfth {
left: 8.333%;
}
.push--medium--two-twelfths {
left: 16.666%;
}
.push--medium--three-twelfths {
left: 25%;
}
.push--medium--four-twelfths {
left: 33.333%;
}
.push--medium--five-twelfths {
left: 41.666%;
}
.push--medium--six-twelfths {
left: 50%;
}
.push--medium--seven-twelfths {
left: 58.333%;
}
.push--medium--eight-twelfths {
left: 66.666%;
}
.push--medium--nine-twelfths {
left: 75%;
}
.push--medium--ten-twelfths {
left: 83.333%;
}
.push--medium--eleven-twelfths {
left: 91.666%;
}
}
@media only screen and (max-width: 768px) {
/* Whole */
/* Halves */
/* Thirds */
/* Quarters */
/* Fifths */
/* Sixths */
/* Eighths */
/* Tenths */
/* Twelfths */
.push--medium-down--one-whole {
left: 100%;
}
.push--medium-down--one-half {
left: 50%;
}
.push--medium-down--one-third {
left: 33.333%;
}
.push--medium-down--two-thirds {
left: 66.666%;
}
.push--medium-down--one-quarter {
left: 25%;
}
.push--medium-down--two-quarters {
left: 50%;
}
.push--medium-down--three-quarters {
left: 75%;
}
.push--medium-down--one-fifth {
left: 20%;
}
.push--medium-down--two-fifths {
left: 40%;
}
.push--medium-down--three-fifths {
left: 60%;
}
.push--medium-down--four-fifths {
left: 80%;
}
.push--medium-down--one-sixth {
left: 16.666%;
}
.push--medium-down--two-sixths {
left: 33.333%;
}
.push--medium-down--three-sixths {
left: 50%;
}
.push--medium-down--four-sixths {
left: 66.666%;
}
.push--medium-down--five-sixths {
left: 83.333%;
}
.push--medium-down--one-eighth {
left: 12.5%;
}
.push--medium-down--two-eighths {
left: 25%;
}
.push--medium-down--three-eighths {
left: 37.5%;
}
.push--medium-down--four-eighths {
left: 50%;
}
.push--medium-down--five-eighths {
left: 62.5%;
}
.push--medium-down--six-eighths {
left: 75%;
}
.push--medium-down--seven-eighths {
left: 87.5%;
}
.push--medium-down--one-tenth {
left: 10%;
}
.push--medium-down--two-tenths {
left: 20%;
}
.push--medium-down--three-tenths {
left: 30%;
}
.push--medium-down--four-tenths {
left: 40%;
}
.push--medium-down--five-tenths {
left: 50%;
}
.push--medium-down--six-tenths {
left: 60%;
}
.push--medium-down--seven-tenths {
left: 70%;
}
.push--medium-down--eight-tenths {
left: 80%;
}
.push--medium-down--nine-tenths {
left: 90%;
}
.push--medium-down--one-twelfth {
left: 8.333%;
}
.push--medium-down--two-twelfths {
left: 16.666%;
}
.push--medium-down--three-twelfths {
left: 25%;
}
.push--medium-down--four-twelfths {
left: 33.333%;
}
.push--medium-down--five-twelfths {
left: 41.666%;
}
.push--medium-down--six-twelfths {
left: 50%;
}
.push--medium-down--seven-twelfths {
left: 58.333%;
}
.push--medium-down--eight-twelfths {
left: 66.666%;
}
.push--medium-down--nine-twelfths {
left: 75%;
}
.push--medium-down--ten-twelfths {
left: 83.333%;
}
.push--medium-down--eleven-twelfths {
left: 91.666%;
}
}
@media only screen and (min-width: 769px) {
/* Whole */
/* Halves */
/* Thirds */
/* Quarters */
/* Fifths */
/* Sixths */
/* Eighths */
/* Tenths */
/* Twelfths */
.push--large--one-whole {
left: 100%;
}
.push--large--one-half {
left: 50%;
}
.push--large--one-third {
left: 33.333%;
}
.push--large--two-thirds {
left: 66.666%;
}
.push--large--one-quarter {
left: 25%;
}
.push--large--two-quarters {
left: 50%;
}
.push--large--three-quarters {
left: 75%;
}
.push--large--one-fifth {
left: 20%;
}
.push--large--two-fifths {
left: 40%;
}
.push--large--three-fifths {
left: 60%;
}
.push--large--four-fifths {
left: 80%;
}
.push--large--one-sixth {
left: 16.666%;
}
.push--large--two-sixths {
left: 33.333%;
}
.push--large--three-sixths {
left: 50%;
}
.push--large--four-sixths {
left: 66.666%;
}
.push--large--five-sixths {
left: 83.333%;
}
.push--large--one-eighth {
left: 12.5%;
}
.push--large--two-eighths {
left: 25%;
}
.push--large--three-eighths {
left: 37.5%;
}
.push--large--four-eighths {
left: 50%;
}
.push--large--five-eighths {
left: 62.5%;
}
.push--large--six-eighths {
left: 75%;
}
.push--large--seven-eighths {
left: 87.5%;
}
.push--large--one-tenth {
left: 2.5%;
}
.push--large--two-tenths {
left: 20%;
}
.push--large--three-tenths {
left: 30%;
}
.push--large--four-tenths {
left: 40%;
}
.push--large--five-tenths {
left: 50%;
}
.push--large--six-tenths {
left: 60%;
}
.push--large--seven-tenths {
left: 70%;
}
.push--large--eight-tenths {
left: 80%;
}
.push--large--nine-tenths {
left: 90%;
}
.push--large--one-twelfth {
left: 8.333%;
}
.push--large--two-twelfths {
left: 16.666%;
}
.push--large--three-twelfths {
left: 25%;
}
.push--large--four-twelfths {
left: 33.333%;
}
.push--large--five-twelfths {
left: 41.666%;
}
.push--large--six-twelfths {
left: 50%;
}
.push--large--seven-twelfths {
left: 58.333%;
}
.push--large--eight-twelfths {
left: 66.666%;
}
.push--large--nine-twelfths {
left: 75%;
}
.push--large--ten-twelfths {
left: 83.333%;
}
.push--large--eleven-twelfths {
left: 91.666%;
}
}
/*============================================================================ PULL - Pull classes, to move grid items back to the left by certain amounts ==============================================================================*/
/*================ Partials | Helper Classes ================*/
.clearfix {
*zoom: 1;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.is-transitioning {
display: block !important;
visibility: visible !important;
}
.visually-hidden {
clip: rect(0 0 0 0);
clip: rect(0, 0, 0, 0);
overflow: hidden;
position: absolute;
height: 1px;
width: 1px;
}
/*============================================================================ #OOCSS Media Object - http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/ ==============================================================================*/
.media, .media-flex {
overflow: hidden;
_overflow: visible;
zoom: 1;
}
.media-img {
float: left;
margin-right: 30px;
}
.media-img-right {
float: right;
margin-left: 30px;
}
.media-img img, .media-img-right img {
display: block;
}
/*=============== Image Transitions ===================*/
.fade-in {
opacity: 0;
transition: opacity 250ms ease-out;
}
.fade-in.lazyloaded {
opacity: 1;
}
.no-js .fade-in {
clip: rect(0 0 0 0);
clip: rect(0, 0, 0, 0);
overflow: hidden;
position: absolute;
height: 1px;
width: 1px;
}
/*================ Partials | Links and Buttons ================*/
a, .text-link {
color: var(--color-sale-tag);
text-decoration: none;
background: transparent;
}
a:hover, .text-link:hover {
color: var(--color-sale-tag);
}
a[href^="tel"] {
color: inherit;
}
button {
overflow: visible;
}
button[disabled], html input[disabled] {
cursor: default;
}
.cart__checkout {
width: 100%!important;
}
.cart__checkout:hover, .btn--add-to-cart:hover {
transform: none;
}
@media screen and (max-width: 590px) {
#cart_update {
margin-bottom: 15px;
}
}
.supports-csstransforms .btn--loading {
position: relative;
background: var(--bg-color-input) !important;
color: var(--bg-color-input) !important;
}
.supports-csstransforms .btn--loading:hover, .supports-csstransforms .btn--loading:active {
background: var(--bg-color-input) !important;
color: var(--bg-color-input) !important;
}
.supports-csstransforms .btn--loading:after {
content: '';
display: block;
width: 12px;
height: 12px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -6px;
margin-top: -6px;
border-radius: 50%;
border: 2px solid var(--color-primary);
border-top-color: transparent;
-webkit-animation: spin .75s infinite linear;
-moz-animation: spin .75s infinite linear;
-o-animation: spin .75s infinite linear;
animation: spin .75s infinite linear;
}
.btn-grid {
border: 1px solid var(--color-primary);
background: var(--color-secondary);
padding: 5px 10px;
margin: 0;
color: var(--color-primary);
font-size: var(--font-size-body);
width: auto;
transition: all 0.25s ease;
border-radius: var(--border-radius-pills);
}
@media screen and (max-width: 590px) {
.btn-grid {
font-size: var(--font-size-body-small);
}
}
.wrapper-color .btn-grid {
border-color: var(--color-shade-text);
color: var(--color-shade-text);
}
.btn--secondary, .rte .btn--secondary {
background-color: var(--color-secondary);
border-radius: var(--border-radius-pills);
}
.btn--secondary:hover, .rte .btn--secondary:hover {
background-color: var(--color-secondary);
color: var(--color-primary);
}
.btn--secondary:active, .rte .btn--secondary:active {
background-color: var(--bg-color-input);
color: var(--color-primary);
}
.btn--secondary-accent {
background-color: var(--color-secondary);
border: 1px solid var(--color-primary);
color: var(--color-primary);
border-radius: var(--border-radius-pills);
}
.btn--secondary-accent:hover, .btn--secondary-accent:focus {
background-color: var(--color-secondary);
border: 1px solid var(--color-primary);
color: var(--color-primary);
}
.btn--secondary-accent:active {
background-color: var(--color-secondary);
border: 1px solid var(--color-primary);
color: var(--color-primary);
}
.btn--secondary-accent[disabled], .btn--secondary-accent.disabled {
cursor: default;
color: var(--color-primary);
background-color: var(--color-secondary);
border: none;
}
.btn--secondary-accent[disabled]:hover, .btn--secondary-accent.disabled:hover {
opacity: 1;
}
.btn--small {
padding: 4px 5px;
font-size: var(--font-size-body-small);
border-radius: var(--border-radius-pills);
}
.btn--large {
padding: 12px 15px;
font-size: var(--font-size-body-plus);
border-radius: var(--border-radius-pills);
}
.btn--full {
width: 100%;
border-radius: var(--border-radius-pills);
}
/*================ Force an input/button to look like a text link ================*/
.text-link {
display: inline;
border: 0 none;
background: none;
padding: 0;
margin: 0;
}
/*================ Partials | Images, SVG, and iframes ================*/
img {
border: 0 none;
}
svg:not(:root) {
overflow: hidden;
}
img, iframe {
max-width: 100%;
display: block;
}
.video-wrapper {
position: relative;
overflow: hidden;
max-width: 100%;
padding-bottom: 56.25%;
height: 0;
height: auto;
border-radius: var(--border-radius-image);
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.table-wrap {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
/*================ Partials | Forms ================*/
form {
margin: 0;
}
.form-vertical {
margin-bottom: 15px;
}
/*================ Prevent zoom on touch devices in active inputs ================*/
@media screen and (max-width: 768px) {
input, textarea {
font-size: var(--font-size-body);
}
}
button, input, textarea {
-webkit-appearance: none;
-moz-appearance: none;
}
button {
background: none;
border: none;
display: inline-block;
cursor: pointer;
}
fieldset {
border: 1px solid var(--bg-color-input);
padding: 15px;
}
legend {
border: 0;
padding: 0;
}
button, input[type="submit"] {
cursor: pointer;
}
input, textarea, select {
border: 1px solid var(--bg-color-input);
max-width: 100%;
padding: 5px 10px;
border-radius: var(--border-radius-pills);
}
input[disabled], textarea[disabled], select[disabled], input.disabled, textarea.disabled, select.disabled {
cursor: default;
background-color: var(--bg-color-input);
border-color: var(--bg-color-input-dark);
}
input.input-full, select.input-full {
width: 100%;
outline: none;
border-radius: var(--border-radius-pills);
}
textarea.input-full {
width: 100%;
outline: none;
border-radius: var(--border-radius);
}
textarea {
min-height: 100px;
}
/*================ Input element overrides ================*/
input[type="checkbox"], input[type="radio"] {
margin: 0 10px 0 0;
padding: 0;
width: auto;
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
}
input[type="radio"] {
-webkit-appearance: radio;
-moz-appearance: radio;
}
input[type="image"] {
padding-left: 0;
padding-right: 0;
}
optgroup {
font-weight: bolder;
}
option {
color: var(--color-primary);
background-color: var(--color-secondary);
}
select::-ms-expand {
display: none;
}
/*================ Form labels ================*/
.hidden-label {
clip: rect(0 0 0 0);
clip: rect(0, 0, 0, 0);
overflow: hidden;
position: absolute;
height: 1px;
width: 1px;
}
label[for] {
cursor: pointer;
}
/*================ Vertical Form ================*/
.form-vertical input, .form-vertical select, .form-vertical textarea {
display: block;
margin-bottom: 10px;
}
.form-vertical input[type="checkbox"], .form-vertical input[type="radio"], .form-vertical .btn, .form-vertical .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .form-vertical .shopify-payment-button__button--unbranded {
display: inline-block;
}
.form-vertical .btn, .form-vertical .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .form-vertical .shopify-payment-button__button--unbranded {
display: inline-block;
}
.hr--class, .hr--small { display: none; }
/*================ Error styles ================*/
input.error, textarea.error {
border-color: #d02e2e;
background-color: #fff6f6;
color: #d02e2e;
}
label.error {
color: #d02e2e;
}
/*================ Input Group ================*/
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group .input-group-field:first-child, .input-group .input-group-btn:first-child, .input-group .input-group-btn:first-child > .btn, .input-group .shopify-payment-button .input-group-btn:first-child > .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group .input-group-btn:first-child > .shopify-payment-button__button--unbranded, .input-group input[type="hidden"]:first-child + .input-group-field, .input-group input[type="hidden"]:first-child + .input-group-btn > .btn, .input-group .shopify-payment-button input[type="hidden"]:first-child + .input-group-btn > .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group input[type="hidden"]:first-child + .input-group-btn > .shopify-payment-button__button--unbranded {
border-radius: var(--border-radius-pills);
}
.input-group .input-group-field:last-child, .input-group .input-group-btn:last-child > .btn, .input-group .shopify-payment-button .input-group-btn:last-child > .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group .input-group-btn:last-child > .shopify-payment-button__button--unbranded {
border-radius: var(--border-radius);
}
.input-group input::-moz-focus-inner {
border: 0;
padding: 0;
margin-top: -1px;
margin-bottom: -1px;
}
.input-group-field, .input-group-btn {
display: table-cell;
vertical-align: middle;
margin: 0;
}
.input-group .btn, .input-group .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group .shopify-payment-button__button--unbranded, .input-group .input-group-field {
height: 37px;
}
.input-group .input-group-field {
width: 100%;
}
.input-group-btn {
position: relative;
white-space: nowrap;
width: 1%;
padding: 0;
}
.newsletter--form .input-group {
display: flex;
align-items: center;
justify-content: center;
}
.newsletter--form .input-group-btn {
margin-left: 20px;
width: auto;
}
.TM_my_search_input_style {
font-size: var(--font-size-body)!important;
color: var(--color-primary)!important;
background-color: var(--bg-color-input)!important;
border: none!important;
box-shadow: none!important;
border-radius: var(--border-radius)!important;
margin-right: 20px!important;
}
/*================ Selector wrapper ================*/
.selector-wrapper label {
margin-right: 10px;
}
.selector-wrapper + .selector-wrapper {
margin-top: 15px;
}
/*============================================================================ A generic way to visually hide content while remaining accessible to screen readers (h5bp.com) ==============================================================================*/
.supports-fontface .icon-fallback-text .fallback-text {
clip: rect(0 0 0 0);
clip: rect(0, 0, 0, 0);
overflow: hidden;
position: absolute;
height: 1px;
width: 1px;
}
.icon:before {
display: none;
}
.supports-fontface .icon:before {
display: inline;
font-family: 'icons';
text-decoration: none;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*================ Icon mapping ================*/
.icon-arrow-down:before {
content: '\e607';
}
.icon-arrow-left:before {
content: '\e900';
}
.icon-arrow-right:before {
content: '\e901';
}
.icon-cart:before {
content: '\e600';
}
.icon-customer:before {
content: '\e605';
}
.icon-facebook:before {
content: '\e609';
}
.icon-fancy:before {
content: '\46';
}
.icon-google_plus:before {
content: '\e90a';
}
.icon-hamburger:before {
content: '\e601';
}
.icon-instagram:before {
content: '\e907';
}
.icon-minus:before {
content: '\e602';
}
.icon-pause:before {
content: "\e902";
}
.icon-pin:before {
content: '\e90d';
}
.icon-pinterest:before {
content: '\e608';
}
.icon-play:before {
content: "\e904";
}
.icon-plus:before {
content: '\e603';
}
.icon-rss:before {
content: '\72';
}
.icon-saletag:before {
content: "\e906";
}
.icon-search:before {
content: '\73';
}
.icon-snapchat:before {
content: '\e90b';
}
.icon-slide-prev:before {
content: "\e903";
}
.icon-slide-next:before {
content: "\e905";
}
.icon-tumblr:before {
content: '\74';
}
.icon-twitter:before {
content: '\54';
}
.icon-vimeo:before {
content: '\76';
}
.icon-x:before {
content: '\e604';
}
.icon-youtube:before {
content: '\79';
}
.im {
font-size: inherit!important;
}
.payment-icons {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: default;
margin-bottom: 0;
}
.payment-icons li {
margin: 0 0 7.5px 7.5px;
cursor: default;
}
.payment-icons .fallback-text {
text-transform: capitalize;
}
.payment-icons .icon {
width: 38px;
height: 24px;
}
.payment_badge_img {
display: block;
margin-top: 2px;
}
.social-icons-footer {
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 25px;
margin-right: -4px;
}
.social-icons-password {
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
margin-right: -10px;
}
.social-icons-menu {
display: flex;
align-items: center;
font-size: 25px;
margin: 15px -10px 0 0;
}
.social-icons-menu li, .social-icons-password li {
padding-right: 10px;
}
.social-icons i {
padding-right: 4px;
}
.announcement-bar__social {
display: flex!important;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.announcement-bar__social ul {
display: flex;
align-items: center;
margin-bottom: 0;
justify-content: flex-end;
font-size: 18px;
}
.announcement-bar__social p { text-align: left; }
.announcement-bar__social p, .announcement-bar__social ul { width: 50%; }
@media screen and (max-width: 590px) {
.announcement-bar__social p, .announcement-bar__social ul { width: 100%; }
.announcement-bar__social ul { justify-content: center; }
.social-icons-footer { justify-content: center; }
.announcement-bar__social p { text-align: center; }
}
.ht_container {
position: relative;
width: 100%;
}
.ht_container .typed-cursor { font-weight: thin; }
/*================ Partials | Drawers ================*/
.js-drawer-open {
overflow: hidden;
}
.drawer a {
color: var(--color-text-drawer);
}
.drawer a:hover {
color: var(--color-text-drawer);
}
.drawer input[type='text'], .drawer input[type='email'], .drawer input[type='number'], .drawer textarea {
border-color: var(--bg-color-input-dark);
}
.drawer textarea {
display: block;
background-color: var(--bg-color-input);
border-radius: var(--border-radius);
}
@media screen and (min-width: 591px) {
.js-drawer-open-right .page-container, .js-drawer-open-right .drawer__header-container {
-webkit-transform: translateX(-400px);
-moz-transform: translateX(-400px);
-ms-transform: translateX(-400px);
-o-transform: translateX(-400px);
transform: translateX(-400px);
}
}
.drawer__header {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
width: 100%;
}
.drawer__title, .drawer__close {
width: fit-content;
}
.drawer__close {
text-align: center;
}
.drawer__close-button {
position: relative;
right: -20px;
height: 100%;
padding: 20px;
color: inherit;
}
.drawer__close-button:active {
background-color: var(--color-bg-drawer);
}
.drawer__close--left {
text-align: left;
}
.drawer__close--left .drawer__close-button {
right: auto;
left: -20px;
}
/*================ Cart-specific styles ================*/
.supports-csstransforms .drawer--is-loading .drawer__cart {
min-height: 100px;
}
.supports-csstransforms .drawer--is-loading .drawer__cart:after {
content: '';
display: block;
width: 12px;
height: 12px;
position: absolute;
left: 50%;
top: 60px;
margin-left: -6px;
border-radius: 50%;
border: 2px solid var(--color-text-drawer);
border-top-color: transparent;
-webkit-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
-o-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}
.fadeMenuHeader,
.fadeMenuLinks,
.fadeMenuSub { opacity: 0; transform: translateX(-50px); transition: 500ms ease all; }
.fadeMenuHeader:nth-of-type(1) { transition-delay: 100ms; }
.fadeMenuHeader:nth-of-type(2) { transition-delay: 200ms; }
.fadeMenuHeader:nth-of-type(3) { transition-delay: 300ms; }
.fadeMenuLinks:nth-of-type(1) { transition-delay: 300ms; }
.fadeMenuLinks:nth-of-type(2) { transition-delay: 400ms; }
.fadeMenuLinks:nth-of-type(3) { transition-delay: 500ms; }
.fadeMenuLinks:nth-of-type(4) { transition-delay: 600ms; }
.fadeMenuLinks:nth-of-type(5) { transition-delay: 700ms; }
.fadeMenuLinks:nth-of-type(6) { transition-delay: 800ms; }
.fadeMenuLinks:nth-of-type(7) { transition-delay: 900ms; }
.fadeMenuLinks:nth-of-type(8) { transition-delay: 1000ms; }
.fadeMenuLinks:nth-of-type(9) { transition-delay: 1100ms; }
.fadeMenuLinks:nth-of-type(10) { transition-delay: 1200ms; }
.fadeMenuLinks:nth-of-type(11) { transition-delay: 1300ms; }
.fadeMenuLinks:nth-of-type(12) { transition-delay: 1400ms; }
.fadeMenuLinks:nth-of-type(13) { transition-delay: 1500ms; }
.fadeMenuLinks:nth-of-type(14) { transition-delay: 1600ms; }
.fadeMenuLinks:nth-of-type(15) { transition-delay: 1700ms; }
.fadeMenuLinks:nth-of-type(16) { transition-delay: 1800ms; }
.fadeMenuLinks:nth-of-type(17) { transition-delay: 1900ms; }
.fadeMenuLinks:nth-of-type(18) { transition-delay: 2000ms; }
.fadeMenuSub:nth-of-type(1) { transition-delay: 300ms; }
.fadeMenuSub:nth-of-type(2) { transition-delay: 400ms; }
.fadeMenuSub:nth-of-type(3) { transition-delay: 500ms; }
.fadeMenuSub:nth-of-type(4) { transition-delay: 600ms; }
.fadeMenuSub:nth-of-type(5) { transition-delay: 700ms; }
.fadeMenuSub:nth-of-type(6) { transition-delay: 800ms; }
.fadeMenuSub:nth-of-type(7) { transition-delay: 900ms; }
.fadeMenuSub:nth-of-type(8) { transition-delay: 1000ms; }
.fadeMenuSub:nth-of-type(9) { transition-delay: 1100ms; }
.fadeMenuSub:nth-of-type(10) { transition-delay: 1200ms; }
.fadeMenuSub:nth-of-type(11) { transition-delay: 1300ms; }
.fadeMenuSub:nth-of-type(12) { transition-delay: 1400ms; }
.fadeMenuSub:nth-of-type(13) { transition-delay: 1500ms; }
.fadeMenuSub:nth-of-type(14) { transition-delay: 1600ms; }
.fadeMenuSub:nth-of-type(15) { transition-delay: 1700ms; }
.fadeMenuSub:nth-of-type(16) { transition-delay: 1800ms; }
.fadeMenuSub:nth-of-type(17) { transition-delay: 1900ms; }
.fadeMenuSub:nth-of-type(18) { transition-delay: 2000ms; }
.js-drawer-open-left .fadeMenuHeader,
.js-drawer-open-left .fadeMenuLinks,
.js-drawer-open-left .fadeMenuSub { opacity: 1; transform: translateX(0px); }
.fadeCart,
.ajaxcart__inner,
.fadeCartProducts,
.fadeCartTotal,
.fadeCartFooter { opacity: 0; transform: translateX(50px); transition: 500ms ease all; }
.fadeCart:nth-of-type(1) { transition-delay: 100ms; }
.fadeCart:nth-of-type(2) { transition-delay: 200ms; }
.fadeCart:nth-of-type(3) { transition-delay: 300ms; }
.fadeCart:nth-of-type(4) { transition-delay: 400ms; }
.fadeCart:nth-of-type(5) { transition-delay: 500ms; }
.fadeCart:nth-of-type(6) { transition-delay: 600ms; }
.ajaxcart__inner { transition-delay: 500ms; }
.fadeCartProducts:nth-of-type(1) { transition-delay: 600ms; }
.fadeCartProducts:nth-of-type(2) { transition-delay: 700ms; }
.fadeCartProducts:nth-of-type(3) { transition-delay: 800ms; }
.fadeCartProducts:nth-of-type(4) { transition-delay: 900ms; }
.fadeCartProducts:nth-of-type(5) { transition-delay: 1000ms; }
.fadeCartProducts:nth-of-type(6) { transition-delay: 1100ms; }
.fadeCartProducts:nth-of-type(7) { transition-delay: 1200ms; }
.fadeCartProducts:nth-of-type(8) { transition-delay: 1300ms; }
.fadeCartProducts:nth-of-type(9) { transition-delay: 1400ms; }
.fadeCartProducts:nth-of-type(10) { transition-delay: 1500ms; }
.fadeCartProducts:nth-of-type(11) { transition-delay: 1600ms; }
.fadeCartProducts:nth-of-type(12) { transition-delay: 1700ms; }
.fadeCartProducts:nth-of-type(13) { transition-delay: 1800ms; }
.fadeCartProducts:nth-of-type(14) { transition-delay: 1900ms; }
.fadeCartProducts:nth-of-type(15) { transition-delay: 2000ms; }
.fadeCartTotal:nth-of-type(1) { transition-delay: 700ms; }
.fadeCartTotal:nth-of-type(2) { transition-delay: 800ms; }
.fadeCartTotal:nth-of-type(3) { transition-delay: 900ms; }
.fadeCartTotal:nth-of-type(4) { transition-delay: 1000ms; }
.fadeCartTotal:nth-of-type(5) { transition-delay: 1100ms; }
.fadeCartTotal:nth-of-type(6) { transition-delay: 1200ms; }
.fadeCartTotal:nth-of-type(7) { transition-delay: 1300ms; }
.fadeCartTotal:nth-of-type(8) { transition-delay: 1400ms; }
.fadeCartFooter:nth-of-type(1) { transition-delay: 1300ms; }
.fadeCartFooter:nth-of-type(2) { transition-delay: 1400ms; }
.fadeCartFooter:nth-of-type(3) { transition-delay: 1500ms; }
.fadeCartFooter:nth-of-type(4) { transition-delay: 1600ms; }
body:not(.drawer--is-loading).js-drawer-open .fadeCart,
.cartLoaded .ajaxcart__inner,
.cartLoaded .fadeCartProducts,
.cartLoaded .fadeCartTotal,
.cartLoaded .fadeCartFooter {
opacity: 1;
transform: translateX(0px);
visibility: visible;
}
.menu_drawer__header {
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid var(--color-text-drawer);
padding-bottom: 20px;
}
.menu_drawer__header_buy_btn {
border-bottom: none!important;
padding-bottom: 25px!important;
}
.menu_buy_btn { padding-bottom: 15px; }
.menu_buy_btn a { width: 100%; }
.menu_buy_btn a i { padding-right: 7px; }
.menu_drawer__close {
right: -10px;
position: relative;
}
.menu_drawer__close-button {
height: 100%;
width: 100%;
padding: 10px;
color: var(--color-text-drawer);
}
.menu_drawer__title {
font-family: var(--font-h1); font-weight: var(--fontw-h1); font-style: var(--fonts-h1);
font-size: var(--font-size-body-plus-plus);
width: 100%;
}
/*================ Partials | Ajax Cart (conditionally loaded) ================*/
.ajaxcart__row > .grid, .ajaxcart__row > .grid--rev, .ajaxcart__row > .grid--full {
margin-left: -15px;
}
.ajaxcart__row > .grid > .grid__item, .ajaxcart__row > .grid--rev > .grid__item, .ajaxcart__row > .grid--full > .grid__item {
padding-left: 15px;
}
.ajaxcart__product {
position: relative;
max-height: 500px;
}
.ajaxcart__product.is-removed {
max-height: 0;
overflow: hidden;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 250ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
-moz-transition: all 250ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
-ms-transition: all 250ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
-o-transition: all 250ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
transition: all 250ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
}
.ajaxcart__row {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid var(--color-text-drawer);
}
.ajaxcart__product-image {
display: block;
}
.ajaxcart__product-image img {
display: block;
margin: 0 auto 0 0;
border-radius: var(--border-radius-image);
max-width: 100%;
}
.ajaxcart__product-name, .ajaxcart__product-meta {
display: block;
word-break: break-word;
}
.ajaxcart__product-name--wrapper {
margin-bottom: 10px;
}
.ajaxcart__product-name + .ajaxcart__product-meta {
padding-top: 3px;
}
.ajaxcart__discount {
padding-top: 3px;
}
.ajaxcart__payment-icons {
margin: 7px 0px 0px 0px;
text-align: center;
}
@media screen and (min-width: 591px) {
.site-footer .ajaxcart__payment-icons {
text-align: right;
}
}
.ajaxcart__payment-icons li {
margin: 0;
}
.ajaxcart__payment-icons svg {
display: block;
}
/*================ Quantity Selectors ================*/
.js-qty, .ajaxcart__qty {
position: relative;
max-width: 100px;
min-width: 75px;
overflow: visible;
}
.js-qty input[type="text"], .ajaxcart__qty input[type="text"] {
display: block;
background: none;
text-align: center;
width: 100%;
padding: 5px 25px;
margin: 0;
}
.js-qty__adjust, .ajaxcart__qty-adjust {
cursor: pointer;
position: absolute;
display: block;
top: 0;
bottom: 0;
border: 0 none;
padding: 0 8px;
background: none;
text-align: center;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.js-qty__adjust .icon, .ajaxcart__qty-adjust .icon {
font-size: var(--font-size-body-small-small);
vertical-align: middle;
display: block !important;
}
.js-qty__adjust:hover, .ajaxcart__qty-adjust:hover {
background-color: var(--color-text-drawer);
}
.js-qty__adjust:active, .ajaxcart__qty-adjust:active {
background-color: var(--color-text-drawer);
}
.js-qty__adjust--plus, .ajaxcart__qty--plus {
right: 0;
border-left: 1px solid var(--color-text-drawer);
}
.js-qty__adjust--minus, .ajaxcart__qty--minus {
left: 0;
border-right: 1px solid var(--color-text-drawer);
}
/*================ Quantity Selectors in Ajax Cart ================*/
.ajaxcart__qty {
margin: 0;
}
.is-loading .ajaxcart__qty {
opacity: 0.5;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.ajaxcart__qty-num[type="text"] {
border-color: var(--color-text-drawer);
color: var(--color-text-drawer);
}
.ajaxcart__qty-adjust {
color: var(--color-text-drawer);
z-index: 1;
}
.ajaxcart__qty-adjust:hover {
background-color: var(--color-text-drawer);
color: var(--color-bg-drawer);
border-radius: var(--border-radius-pills);
}
.ajaxcart__qty-adjust:active {
background-color: var(--color-text-drawer);
color: var(--color-bg-drawer);
}
.ajaxcart__qty--plus {
border-color: var(--color-text-drawer);
}
.ajaxcart__qty--minus {
border-color: var(--color-text-drawer);
}
/*================ Module-specific styles ================*/
/*================ Module | Stories ================*/
.stories-mobile-carousel { width: 100%; margin-bottom: 0!important; }
.negative_margin_stories { margin: 0 -15px!important; }
.slide_wrapper_stories { width: 100%; }
.stories_wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.stories-section-container { width: 100%; }
.stories_wrapper:not(.stories_wrapper_carousel_pc) .story_wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 20%;
}
.stories_wrapper.stories_wrapper_carousel_pc .story_wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.stories_wrapper_carousel_pc .slick-list { margin-bottom: 40px }
.story_wrapper p { margin-bottom: 0; }
@media screen and (max-width: 590px) {
.stories_wrapper .story_wrapper {
width: 50%!important;
}
.negative_margin_stories .stories_wrapper .story_wrapper {
width: 100%!important;
}
.negative_margin_stories .story_wrapper p { margin-bottom: 0; font-size: var(--font-size-body-small); }
}
.mobile_only .stories_wrapper .slick-initialized .slick-slide { margin: 0px 5px; }
.stories_wrapper .story-link {
padding: 2px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 10px;
cursor: pointer;
box-shadow: 0px 10px 5px -10px rgba(25, 29, 36, 0.5);
transition: all 0.1s ease-in-out;
display: inline-table;
outline: none;
}
.stories_wrapper .story_img {
border-radius: 50%;
border: 1px solid var(--color-shade-text);
padding: 1px;
display: block;
}
.stories_wrapper p {
width: 100%;
}
.stories_wrapper .mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.stories_wrapper .mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.stories_wrapper .mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.stories_wrapper .mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.stories_wrapper .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.stories_wrapper .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
/*================ Module | Footer ================*/
.fm .fc_container .fc_under { width: 100%; opacity: 1!important; }
.fc_container,
.fc_menus,
.fc_under {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.fc_container .toggle { width: 100%; padding-left: 0!important; }
.fc_container .last_toggle { margin-bottom: 0!important; }
.fc_logo .copy_footer,
.fc_logo .trust_badges { margin-bottom: 15px; }
.fc_logo .newsletter_footer { max-width: 90%; }
.fc_logo .footer_logo { margin: 0 auto 15px 0; }
.fc_hr { margin: 25px 0; border: 1px solid var(--color-text-footer-secondary); }
.fc_logo .logo_footer_text { margin-bottom: 10px; font-size: var(--font-size-body-plus-plus); letter-spacing: var(--spacing-h1); font-family: var(--font-h1); font-weight: var(--fontw-h1); font-style: var(--fonts-h1); }
.fc_under { opacity: .7; align-items: center; }
.fc_under p,
.fc_under ul,
.fc_logo ul { margin-bottom: 0; }
@media screen and (min-width: 591px) {
.fc_container, .fc_menus, .fc_under { flex-wrap: nowrap; }
.fc_menus { order: 2; justify-content: flex-end; }
.fc_hr { margin: 30px 0; }
.fc_under li { display: inline-table; }
}
@media screen and (max-width: 590px) {
.fc_under .fc_social, .fc_under .fc_copy, .fc_under .fc_last_text { margin-bottom: 15px; }
.fc_logo .copy_footer { margin-top: 25px!important; }
.site-footer .menu_footer_title { font-size: var(--font-size-body)!important; }
.fc_container .footer_links { padding-left: 0!important; }
.fc_menus .mft_space { margin: 10px 0 15px!important; }
}
.site-footer {
background: var(--color-bg-footer);
color: var(--color-text-footer);
font-size: var(--font-size-body);
}
.site-footer .menu_footer_title {
text-transform: uppercase;
font-weight: bolder;
font-size: var(--font-size-body-plus);
}
@media screen and (min-width: 591px) {
.site-footer .menu_footer_title {
margin-bottom: 15px;
}
}
.site-footer .contact_footer {
color: var(--color-text-footer-secondary);
}
.site-footer .contact_footer i {
margin-right: 10px;
}
.site-footer .toggle {
padding-left: 15px;
margin-bottom: 15px;
}
.site-footer .toggle-inner-footer {
text-align: left;
}
.site-footer .toggle-inner-footer a {
color: inherit;
}
@media screen and (max-width: 590px) {
.site-footer .grid__item {
padding-bottom: 5px;
}
}
@media screen and (max-width: 590px) {
.site-footer .copy_footer {
margin-top: 15px;
}
}
.site-footer .newsletter_footer .input-group {
overflow: hidden;
}
.site-footer .newsletter_footer .newsletter--form {
background: transparent;
border: 1px solid var(--color-text-footer-secondary);
overflow: hidden;
border-radius: var(--border-radius-pills);
}
.site-footer .newsletter_footer .input-group-field {
height: auto !important;
}
.site-footer .newsletter_footer input {
background: var(--color-bg-footer);
border: none;
-webkit-text-fill-color: var(--color-text-footer-secondary);
color: var(--color-text-footer-secondary);
display: block;
font-size: var(--font-size-body);
outline: none;
}
.site-footer .newsletter_footer .newsletter__submit {
line-height: 1;
}
.site-footer .newsletter_footer .newsletter_icon_footer {
color: var(--color-text-footer-secondary);
font-size: 30px;
}
.site-footer a {
color: var(--color-text-footer-secondary);
transition: 0.25s ease;
}
.site-footer a:active {
color: var(--color-text-footer);
}
.site-footer a:hover {
color: var(--color-text-footer);
}
@media screen and (min-width: 591px) {
.site-footer__linklist {
margin-bottom: 15px;
}
}
.site-footer__payment-icons {
margin-left: -7.5px;
}
.powered_by_badge {
font-size: var(--font-size-body);
}
.site-footer__copyright-content, .powered_by_badge { color: var(--color-text-footer-secondary); }
@media screen and (min-width: 591px) { .footer_logo { margin: 0 0 0 auto; } }
@media screen and (max-width: 590px) { .footer_logo { margin: 0 auto; } }
/*================ Module | Notes and Form Feedback ================*/
.note, .errors {
padding: 6px 12px;
margin-bottom: 0;
text-align: left;
border-radius: var(--border-radius);
}
.note ul, .errors ul, .note ol, .errors ol {
margin-top: 0;
margin-bottom: 0;
}
.note li:last-child, .errors li:last-child {
margin-bottom: 0;
}
.note p, .errors p {
margin-bottom: 0;
}
.note {
border-color: var(--color-secondary);
}
.errors ul {
list-style: disc outside;
margin-left: 20px;
}
.form-success {
color: #56ad6a;
background-color: #ecfef0;
border-color: #56ad6a;
}
.form-success a {
color: #56ad6a;
text-decoration: underline;
}
.form-success a:hover {
text-decoration: none;
}
.form-error, .errors {
color: #d02e2e;
background-color: #fff6f6;
border-color: #d02e2e;
}
.form-error a, .errors a {
color: #d02e2e;
text-decoration: underline;
}
.form-error a:hover, .errors a:hover {
text-decoration: none;
}
/*================ Module | Pagination ================*/
.pagination {
font-family: var(--font-stack-body);
font-weight: var(--font-weight-body);
font-style: var(--font-style-body);
margin: 0;
padding: 60px 0 0;
text-align: center;
font-size: var(--font-size-body-plus);
}
.pagination > span {
display: inline-block;
line-height: 1;
}
.pagination a {
display: block;
}
.pagination a, .pagination .page.current {
padding: 8px;
}
.pagination .page.current {
color: var(--color-sale-tag);
font-weight: bolder;
}
.pagination .next, .pagination .prev {
font-family: var(--font-stack-body);
font-weight: var(--font-weight-body);
font-style: var(--font-style-body);
}
/*================ Module | Rich Text Editor ================*/
.rte {
margin-bottom: 15px;
}
.rte:after {
content: '';
display: table;
clear: both;
}
.rte p, .rte ul, .rte ol, .rte table {
margin-bottom: 25px;
}
.rte ul ul {
margin-bottom: 0;
}
.rte a {
text-decoration: none;
}
.rte .text-link {
border-bottom: 1px solid var(--color-sale-tag);
}
.rte .text-link:hover, .rte .text-link:focus {
border-bottom: 1px solid var(--bg-color-input-dark);
}
.rte h1, .rte h4, .rte h5, .rte h6 {
margin-top: 2em;
margin-bottom: 2em;
}
.rte h2, .rte h3 {
margin-top: 2.5em;
margin-bottom: 2em;
}
.rte h1:first-child, .rte h2:first-child, .rte h3:first-child, .rte h4:first-child, .rte h5:first-child, .rte h6:first-child {
margin-top: 0;
}
.rte h1 a, .rte h2 a, .rte h3 a, .rte h4 a, .rte h5 a, .rte h6 a {
text-decoration: none;
}
.rte > div {
margin-bottom: 0;
}
.rte li {
margin-bottom: 0;
}
.rte > p:last-child {
margin-bottom: 0;
}
.rte table {
table-layout: fixed;
}
.text-center .rte ul, .text-center.rte ul, .text-center .rte ol, .text-center.rte ol {
list-style-position: inside;
margin-left: 0;
}
.rte--nomargin {
margin-bottom: 0;
}
/*================ Indented article/page images and blockquotes ================*/
.rte--indented-images img:not([style]), .rte--indented-images img[style="float: none;"] {
max-width: 120%;
margin-left: -10%;
}
.rte--indented-images img:not([style]).rte__no-indent, .rte--indented-images img[style="float: none;"].rte__no-indent {
margin: 0 auto;
max-width: 100%;
}
.rte--indented-images img[style="float: right;"] {
margin: 0 -10% 15px 15px;
}
.rte--indented-images img[style="float: left;"] {
margin: 0 15px 15px -10%;
}
@media screen and (min-width: 769px) {
.rte blockquote {
width: 120%;
margin-left: -10%;
padding-left: 0;
padding-right: 0;
}
.rte blockquote p {
margin-bottom: 0;
}
}
/*================ Module | Site Header ================*/
.site-header .grid--table {
display: table;
width: 100%;
position: relative;
}
.site-header .grid--table > .grid__item {
float: none;
display: table-cell;
vertical-align: middle;
}
.site-footer {
padding: 30px;
}
@media screen and (max-width: 590px) {
.site-footer {
padding: 50px 0;
}
}
.atc_sticky-wrapper {
visibility: hidden;
opacity: 0;
z-index: 99;
position: fixed;
transition: .25s ease all;
}
.atc-sticky-style-1 { width: 100%; }
.atc-sticky-style-1 .atc_sticky-container {
min-height: 60px;
max-width: calc(var(--site-width) - 30px);
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: nowrap;
}
.atc-sticky-style-1 .atc_sticky-container .atc_sticky-image {
display: flex;
align-items: center;
}
.atc-sticky-style-1 .atc_sticky-container .atc_sticky-image p { margin: 0 20px; }
.atc-sticky-style-1 .atc_sticky-container .atc_sticky-form-style {
display: flex;
flex-wrap: nowrap;
align-items: center;
width: 100%;
justify-content: end;
justify-content: flex-end;
}
.atc-sticky-style-1 .atc_sticky-container button { margin: 0; }
.atc-sticky-style-1 .atc_sticky-container .atc_sticky-form-style select {
margin: 0;
border: none;
}
.atc-sticky-style-1 .atc_sticky-container .atc_sticky-form-style select,
.atc-sticky-style-1 .atc_sticky-container .atc_sticky-form-style button {
width: auto;
border-radius: var(--border-radius-pills);
}
.atc-sticky-style-1 .atc_sticky-container .atc_sticky-form-style button i {
margin-right: 5px;
}
.atc-sticky-style-1 .atc_sticky-container .image_wrapper {
display: none;
}
.atc-sticky-style-1 .atc_sticky-container .image_wrapper img {
max-height: 80px;
display: block;
}
@media screen and (min-width: 591px) {
.atc-sticky-style-1 .atc_sticky-container button {
margin-left: 30px;
}
.atc-sticky-style-1 .atc_sticky-container .image_wrapper {
display: block;
}
.atc-sticky-style-1 .atc_sticky-container .atc_sticky-form {
align-self: center;
}
.atc-sticky-style-1 .atc_sticky-container .atc_sticky-form-style button {
padding-left: 30px;
padding-right: 30px;
}
.atc-sticky-style-1 .atc_sticky-container .testi-review {
display: flex;
align-items: center;
}
}
@media screen and (max-width: 590px) {
.atc-sticky-style-1 .atc_sticky-container .atc_sticky-form-style select,
.atc-sticky-style-1 .atc_sticky-container .atc_sticky-form-style button {
width: 100%;
}
.atc-sticky-style-1 .atc_sticky-container .product-options,
.atc-sticky-style-1 .atc_sticky-container .add-to-cart.cart-with-variants{
width: 50%;
}
.atc-sticky-style-1 .atc_sticky-form-style,
.atc-sticky-style-1 .product-options,
.atc-sticky-style-1 .product-select,
.atc-sticky-style-1 .cart-with-variants,
.atc-sticky-style-1 .atc_sticky-btn-atc {
height: 100%;
border-radius: 0!important;
}
.atc-sticky-style-1 .atc_sticky-container .atc_sticky-form-style button i {
margin-right: 3px;
}
}
.atc-sticky-style-2 {
width: 100%;
left: 50%;
transform: translateX(-50%);
max-width: calc(var(--site-width) - 30px);
border-radius: var(--border-radius-pills);
}
.atc-sticky-style-2 .atc_sticky-container {
max-width: calc(var(--site-width) - 30px);
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: nowrap;
}
.atc-sticky-style-2 .atc_sticky-container .testi-review {
display: flex;
justify-content: start;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 10px 10px 10px var(--atc-sticky-border-radius);
height: 100%;
}
.atc-sticky-style-2 .atc_sticky-container .testi-review p {
margin: 0;
font-size: var(--font-size-body);
}
.atc-sticky-style-2 .atc_sticky-container .image_wrapper img {
height: 80px;
margin-right: 10px;
display: block;
border-radius: var(--border-radius-circle);
}
.atc-sticky-style-2 .atc_sticky-container .sticky-atc-stars, .atc-sticky-style-2 .atc_sticky-container .sticky-atc-stars-color {
padding: 2px 5px;
width: fit-content;
white-space: nowrap;
border-radius: var(--border-radius);
}
.atc-sticky-style-2 .atc_sticky-container select {
width: 100%;
padding-right: 24px;
margin-right: 20px;
border-radius: var(--border-radius);
}
.atc-sticky-style-2 .atc_sticky-container select:hover, .atc-sticky-style-2 .atc_sticky-container select:focus, .atc-sticky-style-2 .atc_sticky-container select:active {
outline: none;
}
.atc-sticky-style-2 .atc_sticky-container .atc_sticky-form-style {
display: flex;
justify-content: end;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
padding: 10px 30px 10px 10px;
height: 100%;
}
.atc-sticky-style-2 .atc_sticky-container .atc_sticky-form-style button {
margin: 0 0 0 20px;
font-size: var(--font-size-body-plus);
border-radius: var(--border-radius-pills);
width: 100%;
}
.atc-sticky-style-2 .atc_sticky-container .atc_sticky-form-style button i {
margin-right: 4px;
}
@media screen and (max-width: 590px) {
.atc-sticky-style-2 { width: calc(100% - 30px); }
.atc-sticky-style-2 .atc_sticky-container .atc_sticky-form-style button {
font-size: var(--font-size-body) !important;
margin: 0;
}
.atc-sticky-style-2 .atc_sticky-container .atc_sticky-form-style {
padding: 0 0 0 10px;
}
.atc-sticky-style-2 .atc_sticky-container .testi-review p {
font-size: var(--font-size-body-small);
}
.atc-sticky-style-2 .atc_sticky-container .sticky-atc-stars,
.atc-sticky-style-2 .atc_sticky-container .sticky-atc-stars-color {
font-size: var(--font-size-body-small);
}
.atc-sticky-style-2 .atc_sticky-container select {
font-size: var(--font-size-body-small) !important;
padding-right: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
}
@keyframes stickAnim {
0% { transform: translateY(-200px); }
100% { transform: translateY(0); }
}
@keyframes stickAnimRtl {
0% { transform: translateY(0); }
100% { transform: translateY(-200px); }
}
.site-header__logo {
text-align: center;
margin: 0 auto;
}
.site-nav-mobile-all-right .site-header__logo { text-align: left; }
.site-header__logo-image {
margin: 0 auto;
width: 450px;
display: block;
}
.site-header__logo-link:not(.desktop_only):not(.mobile_only) {
display: block;
}
.site-header__logo-link, .site-header__logo-link:hover {
color: var(--color-primary);
margin: 0 auto;
text-decoration: none;
}
.message_timer_announce {
text-align: center;
font-size: var(--font-size-body);
}
@media screen and (min-width: 591px) {
.message_timer_announce {
text-align: right;
font-size: var(--font-size-body-small);
}
}
.timer--expired {
display: none;
}
.timer-display {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: center;
}
@media screen and (min-width: 591px) {
.timer-display {
justify-content: start;
}
}
.timer-block {
position: relative;
padding: 0 5px;
}
.timer-block__num, .timer-block__unit {
display: block;
text-align: center;
}
.timer-block__unit {
font-size: var(--font-size-body-small-small);
font-weight: lighter;
}
.timer_wrapper {
width: 100%;
margin: 0 0 12px 0;
border-radius: var(--border-radius);
}
.timer_wrapper .timer {
display: flex;
align-items: center;
}
.timer_wrapper .timer-block__num {
font-size: var(--font-size-body-plus-plus);
}
.timer_wrapper .timer-block__unit, .timer_wrapper .phrase_timer {
font-size: var(--font-size-body-small);
}
.timer_wrapper .phrase_timer {
margin: 12px 0;
font-size: var(--font-size-body);
}
.timer_wrapper .price_before {
color: var(--color-sale-tag);
}
#content-timer-legal {
display: none;
}
.timer-message p {
margin: 15px;
font-size: var(--font-size-body);
text-align: center;
}
.announcement {
display: flex;
flex-wrap: wrap;
max-width: calc(var(--site-width) - 30px);
margin: 0 auto;
align-items: center;
}
a.announcement-bar { display: block; }
.announcement-bar {
text-align: center;
position: relative;
text-decoration: none;
font-family: var(--font-announcement); font-weight: var(--fontw-announcement); font-style: var(--fonts-announcement);
}
.announcement-bar__message {
display: block;
padding: 3px 30px 0px 30px;
margin: 0;
}
@media screen and (min-width: 591px) {
.announcement-bar__message {
padding: 5px 30px;
}
}
.announcement-bar__timer {
display: block;
padding: 0px 30px 3px 30px;
margin: 0;
}
@media screen and (min-width: 591px) {
.announcement-bar__timer {
padding: 5px 30px;
}
}
.announcement-bar__message i {
margin-right: 10px;
}
.announcement-bar__message p {
margin: 0 !important;
}
.header_announce {
max-width: calc(var(--site-width) - 30px);
}
@keyframes flash {
50% {
opacity: 1;
}
0% {
opacity: 0;
}
}
.effect_flash {
animation: flash 2s linear infinite;
}
/*================ Module | Remain Stock Bar ================*/
.progressbar.progressbar {
background: var(--bg-color-input);
border: 0px solid whitesmoke;
height: 11px;
width: 100%;
border-radius: var(--border-radius-span-variant);
text-align: left;
}
.progressbar.progressbar div {
height: 11px;
border-radius: var(--border-radius-span-variant);
}
.progressbar.progressbar.active div {
-webkit-animation: 2s linear 0s normal none infinite running progress-bar-stripes;
animation: 2s linear 0s normal none infinite running progress-bar-stripes;
}
.progress-striped.progressbar.progressbar div {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
background-size: 40px 40px;
}
.items-count {
margin-top: 0px;
margin-bottom: 0px;
}
.count {
padding: 1px;
border-radius: var(--border-radius-little-circle);
}
.items-count p {
padding-bottom: 5px;
margin: 0;
text-align: center;
font-size: var(--font-size-body);
}
.progressbar {
position: relative;
display: block;
border: 1px solid transparent;
margin-bottom: 12px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progressbar > div {
width: 0;
margin-bottom: 0;
height: 15px;
}
/*================ Module | Search Bar ================*/
.search-bar {
max-width: 100%;
}
.search-bar--page {
max-width: 300px;
margin: 0 auto;
}
.search-bar--modal {
max-width: 300px;
margin: 20% auto 0;
}
.search-bar--header {
max-width: 300px;
background-color: var(--bg-color-input);
}
.search-bar--drawer {
margin-bottom: 15px;
}
/*================ Module | Section Headers ================*/
.section-header {
margin-bottom: 15px;
padding: 0;
}
.section-header .section-header__title,
.form_slider_bundle h2 {
width: fit-content;
}
.section-header--404 {
margin-bottom: 0;
padding: 80px 0;
}
@media screen and (min-width: 769px) {
.section-header {
display: table;
table-layout: fixed;
width: 100%;
}
.section-header__title {
margin-bottom: 0;
}
.section-header__left {
display: table-cell;
vertical-align: middle;
margin-bottom: 0;
}
.section-header__left h1, .section-header__left h2, .section-header__left h3, .section-header__left h4, .section-header__left .h1, .section-header__left .h2, .section-header__left .h3, .section-header__left .h4 {
margin-bottom: 0;
}
}
/*================ Module | Site Nav and Dropdowns ================*/
.site-nav, .site-nav--mobile {
cursor: default;
margin: 0;
margin-left: -15px;
}
.site-nav, .site-nav-modern { display: flex; }
.site-nav.site-nav-brooklyn { justify-content: end; justify-content: flex-end; }
.site-nav.classic_menu_ul, .site-nav-modern { justify-content: center; }
.site-nav.classic_menu_icon_ul { justify-content: end; justify-content: flex-end; }
.modern-logo-header { margin-top: 15px; }
.site-nav-classic, .site-nav-modern {
margin: 0;
}
.site-nav-classic li, .site-nav-modern li {
line-height: 1.75;
}
.site-nav-modern-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.site-nav-modern-menu {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
width: 100%;
}
.site-nav__item {
position: relative;
display: flex;
align-items: center;
margin: 0px 15px;
padding: 0;
}
.site-nav__item li {
display: block;
}
.logo-header, .menu-header, .site-nav__link, .icon-no-padding-header {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.site-nav--mobile {
margin-left: -10px;
}
.site-nav-mobile-brooklyn, .site-nav-mobile-all-right {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
.menu_mobile_brooklyn_style, .cart_mobile_brooklyn_style, .menu_mobile_all_right_style {
display: flex!important;
align-items: center!important;
}
.menu_mobile_brooklyn_style {
justify-content: flex-start!important;
}
.cart_mobile_brooklyn_style, .menu_mobile_all_right_style {
justify-content: flex-end!important;
}
.menu_mobile_all_right_style { min-height: 50px; }
.site-nav-mobile-all-right .site-header__logo-image { margin: 0 auto 0 0!important; }
.site-nav__link {
display: flex;
text-decoration: none;
white-space: nowrap;
align-items: center;
}
@media screen and (min-width: 591px) {
.site-nav__link,
.snl {
position: relative;
}
.site-nav__link::after,
.snl::after {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
background: var(--color-effect-menu);
height: 3px;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.25s;
border-radius: var(--border-radius);
}
.site-nav__link:hover {
color: var(--color-primary);
}
.site-nav__link:hover::after,
.snl:hover::after{
transform: scaleX(1);
transform-origin: left;
}
}
.site-nav__link .icon-arrow-down {
position: relative;
padding-left: 7.5px;
font-size: var(--font-size-body-small);
}
.site-nav__dropdown-link .icon-arrow-down {
position: absolute;
top: 50%;
right: 15px;
font-size: var(--font-size-body-small);
-webkit-transform: translateY(-50%) rotate(-90deg);
-moz-transform: translateY(-50%) rotate(-90deg);
-ms-transform: translateY(-50%) rotate(-90deg);
-o-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.site-nav__dropdown-grandchild .site-nav__dropdown-link {
white-space: normal;
}
.site-nav__link--icon {
padding-left: 7.5px;
padding-right: 7.5px;
}
.site-nav--mobile .site-nav__link {
display: inline-block;
}
.site-nav--mobile .icon {
font-size: 3em;
}
/*================ Dropdowns ================*/
.site-nav__dropdown {
opacity: 0;
display: block;
position: absolute;
top: 100%;
left: 0;
margin: 0;
z-index: 5;
pointer-events: none;
}
.site-nav__dropdown a {
background-color: var(--color-secondary);
text-align: left;
}
.site-nav__dropdown a:hover, .site-nav__dropdown a:active {
background-color: var(--bg-color-input);
}
.site-nav__dropdown.nav-outside {
left: auto;
right: 0;
}
.site-nav__dropdown-grandchild {
position: absolute;
top: -10px;
left: 100%;
width: auto;
margin: 0;
z-index: 5;
opacity: 0;
pointer-events: none;
}
.site-nav__dropdown-grandchild ul {
padding: 10px 0;
margin: 0 0 0 2px;
}
.site-nav__dropdown-grandchild.nav-outside {
left: -100%;
}
/*================ Mobile navigation ================*/
.mobile-nav {
margin: 0 -15px;
}
.mobile-nav li {
margin-bottom: 0;
list-style: none;
}
.mobile-nav__search {
padding: 15px;
}
.mobile-nav__item {
position: relative;
display: block;
}
.mobile-nav > .mobile-nav__item {
background-color: var(--color-bg-drawer);
}
.mobile-nav__item:not(.last_item):after {
content: "";
position: absolute;
bottom: 0;
left: 15px;
right: 15px;
border-bottom: 1px solid var(--color-text-drawer);
}
.mobile-nav > .mobile-nav__item:last-child:after {
display: none;
}
.mobile-nav__item a {
display: block;
font-size: var(--font-size-body-plus);
}
.mobile-nav__subsublist .mobile-nav__item a {
padding-left: 45px;
font-size: var(--font-size-body);
}
.mobile-nav__item a, .mobile-nav__toggle button {
color: var(--color-text-drawer);
padding: 15px;
text-decoration: none;
}
.mobile-nav__item a:active, .mobile-nav__toggle button:active, .mobile-nav__item a:focus, .mobile-nav__toggle button:focus {
color: var(--color-text-drawer-dark);
background-color: var(--color-bg-drawer-dark);
}
.mobile-nav .toggle-title {
border-bottom: none !important;
}
.mobile-nav .toggle-title p {
color: var(--color-text-drawer);
padding: 15px 15px 15px 15px;
text-decoration: none;
display: block;
font-size: var(--font-size-body-plus);
}
.mobile-nav .toggle-inner ul {
margin: 0;
}
.mobile-nav .toggle-inner a {
font-size: var(--font-size-body);
}
.mobile-nav .toggle-inner .first_item a {
padding-top: 0 !important;
}
.mobile-nav .toggle-title::after {
color: var(--color-text-drawer) !important;
}
.mobile-nav .grandchild_sub {
padding-left: 15px;
}
.mobile-nav .grandchild_sub p {
color: var(--color-text-drawer);
text-decoration: none;
display: block;
font-size: var(--font-size-body-plus);
padding-top: 15px;
cursor: default !important;
}
.mobile-nav .grandchild_sub a.sub {
font-size: var(--font-size-body);
}
.mobile-nav .grandchild_sub ul {
margin-right: 15px;
background-color: var(--color-bg-drawer-dark);
}
.mobile-nav .grandchild_sub .mobile-nav__item.first_item:after {
bottom: auto !important;
top: 0;
left: 0;
right: 0;
}
.mobile-nav .grandchild_sub .mobile-nav__item:not(.first_item):after {
content: none;
}
.mobile-nav .grandchild_sub .mobile-nav__item a {
padding: 5px 5px 5px 15px !important;
}
.mobile-nav .grandchild_sub .mobile-nav__item.first_item {
padding-top: 15px !important;
}
.mobile-nav .grandchild_sub .mobile-nav__item.last_item {
padding-bottom: 15px !important;
}
.mobile-nav__item--secondary a {
font-size: var(--font-size-body);
color: var(--color-secondary);
line-height: 1.2;
padding-top: 10px;
padding-bottom: 10px;
}
.mobile-nav__item--secondary:after {
display: none;
}
.mobile-nav__spacer {
height: 0;
padding: 5px;
}
.mobile-nav__has-sublist {
display: table;
width: 100%;
}
.mobile-nav__has-sublist .mobile-nav__link {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.mobile-nav__toggle {
display: table-cell;
vertical-align: middle;
width: 1%;
}
.mobile-nav__toggle-open {
display: block;
}
.mobile-nav--expanded .mobile-nav__toggle-open {
display: none;
}
.mobile-nav__toggle-close {
display: none;
}
.mobile-nav--expanded .mobile-nav__toggle-close {
display: block;
}
.mobile-nav__sublist {
margin: 0;
display: none;
}
.mobile-nav__sublist .mobile-nav__item:after {
top: 0;
bottom: auto;
}
.mobile-nav__sublist .mobile-nav__link {
padding-left: 30px;
font-weight: var(--font-weight-body);
}
/*================ Cart bubble for items in cart ================*/
@media screen and (min-width: 769px) {
.site-nav__link--icon .icon {
font-size: 2.2em;
}
}
.cart-link {
position: relative;
cursor: pointer;
display: flex!important;
align-items: center;
justify-content: center;
}
.cart-link__bubble {
display: none;
}
.cart-link__bubble--visible {
display: block;
position: absolute;
top: 10px;
right: 4px;
width: 10px;
height: 10px;
background-color: var(--color-sale-tag);
border-radius: 50%;
}
@media screen and (max-width: 768px) {
.cart-link__bubble--visible {
top: 5px;
right: 2px;
}
}
/*================ View-specific styles ================*/
/*================ Templates | Cart Page ================*/
.cart__header-labels {
font-family: var(--font-menu); font-weight: var(--fontw-menu); font-style: var(--fonts-menu);
}
.cart__row {
position: relative;
margin-bottom: 30px;
}
.cart__row:first-child {
border-bottom: 1px solid var(--bg-color-input);
padding-bottom: 15px;
}
.cart__row .js-qty, .cart__row .ajaxcart__qty {
margin: 0 auto;
}
.cart__row .btn, .cart__row .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .cart__row .shopify-payment-button__button--unbranded, .cart__row .btn--secondary {
margin-bottom: 15px;
}
@media screen and (min-width: 591px) {
.update-cart {
margin-bottom: 15px;
}
}
.cart__row--last {
border-top: 1px solid var(--bg-color-input);
padding-top: 15px;
}
.cart__row--table {
display: table;
table-layout: fixed;
width: 100%;
}
.cart__row--table .grid__item {
display: table-cell;
vertical-align: middle;
float: none;
}
.cart__row--table-with-discount .grid__item {
vertical-align: top;
}
@media screen and (min-width: 769px) {
.cart__row--table-large {
display: table;
table-layout: fixed;
width: 100%;
}
.cart__row--table-large .grid__item {
display: table-cell;
vertical-align: middle;
float: none;
}
}
.cart__image {
display: block;
}
.cart__image img {
width: 100%;
display: block;
}
@media screen and (max-width: 768px) {
.cart__pricing {
margin-top: 30px;
}
}
.cart__product-name {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.cart__product-name {
width: 90%;
}
}
.cart__product-qty {
text-align: center;
margin: 0 auto;
max-width: 80px;
}
.cart__note-container {
vertical-align: top !important;
}
.cart__note {
margin: 0;
}
@media screen and (min-width: 769px) {
.cart__note {
padding-right: 30px;
}
}
.cart__subtotal-container {
margin-top: 25px;
}
@media screen and (min-width: 769px) {
.cart__subtotal-container {
margin: 0;
}
}
.cart__discounts {
display: flex;
justify-content: center;
margin-bottom: 15px;
}
@media screen and (min-width: 769px) {
.cart__discounts {
justify-content: flex-end;
}
}
.cart__product-meta {
margin-bottom: 0;
}
.additional_checkout_buttons {
margin-left: -10px;
}
.additional_checkout_buttons > *:not(script) {
padding: 15px 0 0 15px;
vertical-align: top;
line-height: 1;
}
@media screen and (max-width: 590px) {
.additional_checkout_buttons > *:not(script) {
padding: 15px 0 0 5px;
}
}
.additional_checkout_buttons > *:not(script):first-child, .additional_checkout_buttons > *:not(script):empty {
padding-left: 0px;
}
.cart--no-cookies .cart--continue-browsing {
display: none;
}
.cart--no-cookies .cart--empty-message {
display: none;
}
.cookie-message {
display: none;
padding-bottom: 25px;
}
.cart--no-cookies .cookie-message {
display: block;
}
/*================ Templates | Product Page ================*/
.product-single {
text-align: left;
}
.product_container {
display: flex;
flex-wrap: wrap;
position: relative;
justify-content: center;
}
.product_container .product_images_part { padding: 0; }
.product_container .product_text_part { padding: 0 0 0 15px; }
.product_container .product_images_part img { width: 100%; }
@media screen and (max-width: 590px) {
.product_container .product_images_part { padding: 0 0 15px; }
.product_container .product_text_part { padding: 15px 15px 15px; }
.product_container .product_images_part .mySwiper { padding-bottom: 0!important; }
.product-single__add-to-cart {
width: 100%;
}
}
.product_faq-accordion { margin-bottom: 15px; }
.product-single__vendor {
letter-spacing: 0.2em;
}
.product-single__title {
word-wrap: break-word;
margin-bottom: 12px;
}
.product-single__stars {
margin-bottom: 5px;
}
.product-single__stars .star-font {
color: var(--color-sale-tag);
}
.product-single__quantity, .product-form__item, .product-single__custom_field {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.variants_quantity_fifty .variants_qty_wrapper {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
align-items: start;
}
.variants_quantity_fifty .variants_qty_right { width: 40%; }
.variants_quantity_fifty .variants_qty_left { width: 60%; }
.variants_quantity_fifty .variants_qty_right .product-single__quantity-label,
.variants_quantity_fifty .variants_qty_left .single-option-radio__label {
width: 80%;
}
.variants_quantity_fifty .variants_qty_right .js-qty,
.variants_quantity_fifty .variants_qty_left fieldset {
width: 100%;
}
.variants_quantity_fifty .product-single__custom_field input {
margin-top: 4px;
height: 34px;
}
.product-single__desc {
max-width: 100%;
margin: 0;
}
.product-single__desc .desktop_only p {
margin: 0;
}
.product-single__desc_under {
margin: 15px 0px 0px 0px;
width: 100%;
}
.bundle-flex-row .product-single__desc_under {
margin: 12px 0px;
}
.product-single__description_page {
margin: 30px 0 12px 0;
word-break: break-word;
}
.product-single__description_page img {
border-radius: var(--border-radius);
}
.product-single__description_page video {
border-radius: var(--border-radius);
}
.usp_on_desktop {
display: flex;
flex-wrap: wrap;
}
.text_usp i {
margin-right: 10px;
}
.text_usp {
margin-bottom: 0px;
}
.usp_on_desktop { margin: 0px -12px 0px 0; }
.usp_on_desktop .usp_container { padding: 0 12px 12px 0; }
.usp_with_bg {
padding: 12px;
margin-bottom: 12px;
border-radius: var(--border-radius);
}
.usp_with_bg .usp_on_desktop { margin: 0px -12px -12px 0; }
.product-single__desc i, .product-single__desc_under i {
margin-right: 10px;
}
.swiper-slide-usp p {
margin-bottom: 0 !important;
}
.product-single__add-to-cart {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
margin: 12px 0;
}
.product-single__add-to-cart .cart_subtext,
.product-single__add-to-cart .trust_badges {
margin: 5px 0 0 0;
line-height: 1;
}
.product-single__add-to-cart.default-product {
margin-top: 20px;
}
.product-single__form--no-variants {
margin-top: 30px;
}
.product-single__add-to-cart--full-width {
width: 100%;
}
.atc_max_payment .shopify-payment-button { margin: 10px 0 0 0; }
.atc_min_payment { width: 100%; }
.atc_min_payment .shopify-payment-button { margin: 0 0 0 10px; }
@media screen and (max-width: 590px) {
.atc_min_payment .shopify-payment-button { margin: 0; }
}
.btn--add-to-cart {
margin: 0px;
min-width: 155px;
flex: auto;
text-transform: uppercase;
font-size: var(--font-size-body-plus); !important;
}
.btn--add-to-cart.btn, .shopify-payment-button .shopify-payment-button__button--unbranded.btn--add-to-cart {
padding: 12px 30px;
}
.product-single__add-to-cart--full-width .btn--add-to-cart {
flex-basis: 100%;
margin-right: 0;
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
margin: 0 !important;
text-transform: uppercase;
font-size: var(--font-size-body-plus); !important;
padding: 12px 30px;
}
.shopify-payment-button__more-options {
display: none !important;
}
.btn--add-to-cart i {
margin: 0 10px 0 0;
}
.under_cta_atc {
width: 100%;
}
.cart_subtext {
margin: 6px 0 0 0;
}
.cart_subtext i {
margin-right: 5px;
}
a.size_guide__link {
font-size: var(--font-size-body);
line-height: 1.2 !important;
margin: 0;
text-decoration: underline;
}
@media screen and (min-width: 591px) {
a.size_guide__link {
font-size: var(--font-size-body);
}
}
a.size_guide__link p {
margin: 0;
}
a.size_guide__link_above p {
padding-bottom: 15px !important;
}
.trust_badges {
margin: auto;
white-space: nowrap;
}
.drawer__cart .trust_badges { margin-top: 7.5px; }
.trust_badges i {
padding: 0px 3px;
font-size: 30px;
}
.trust_badges img {
width: 150px;
display: block;
margin: 15px 0;
}
@media screen and (min-width: 591px) {
.trust_badges img {
width: 200px;
}
}
.product-single__description {
margin-top: 40px;
text-align: left;
}
.product-single__desc_extract, .product-featured__description_extract {
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin: 15px 0;
}
.featured_mini_desc p { margin: 15px 0; }
.centered_description_featured_product {
text-align: left;
margin-top: 30px;
padding: 0 15px 0 30px;
}
.cart_subtext {
font-size: var(--font-size-body);
text-align: center;
}
@media screen and (max-width: 590px) {
.cart_subtext {
width: 100%;
}
}
.product-single__link_redirection {
margin-bottom: 30px;
text-align: left;
padding-left: 30px;
text-decoration: underline;
font-weight: bolder;
}
.offer-product-style {
display: block;
margin: 0 auto;
}
.collection_troll_bestseller { margin-top: 20px; }
.collection-slider .swiper-container-horizontal > .swiper-scrollbar {
width: 50% !important;
left: 50% !important;
transform: translateX(-50%) !important;
height: 3px !important;
border-radius: var(--border-radius);
}
@media screen and (max-width: 590px) {
.collection-slider .swiper-container-horizontal > .swiper-scrollbar {
width: 70% !important;
}
}
.collection-slider .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
background-color: var(--color-sale-tag);
border-radius: var(--border-radius);
}
.collection-slider .swiper-pagination-bullet-active {
background: var(--color-sale-tag) !important;
}
.header_collection_slider {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}
@media screen and (max-width: 590px) {
.header_collection_slider {
justify-content: center;
}
}
.header_collection_slider a {
text-align: center;
text-decoration: underline;
display: block;
width: 100%;
}
@media screen and (min-width: 591px) {
.header_collection_slider a {
margin: 0;
text-align: right;
width: auto;
}
}
.header_collection_slider h2 {
text-align: center;
width: 50%;
}
@media screen and (max-width: 590px) {
.header_collection_slider h2 {
width: 100%;
}
}
@media screen and (min-width: 591px) {
.header_collection_slider h2 {
text-align: left;
margin-bottom: 0;
}
}
a.show_all_collection_slider {
text-decoration: underline;
}
.slick-testi-product {
font-family: var(--font-reviews); font-weight: var(--fontw-reviews); font-style: var(--fonts-reviews);
}
.testi-container {
width: 100%;
padding: 15px;
text-align: left;
text-align: -webkit-left;
}
.sc-testi { border-radius: var(--border-radius); padding-bottom: 10px!important; }
.sc-testi .swiper-pagination { bottom: 5px!important; }
.sc-testi .testi-inner p:last-child { max-width: 90%; }
.testi-container .testi-review-without-image { padding-left: 5px; }
@media screen and (min-width: 591px) {
.testi-container {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
}
.testi-container .testi-image-style, .testi-container svg {
width: 50%;
margin: 0 auto 20px auto;
display: block;
border-radius: var(--border-radius-circle);
}
@media screen and (min-width: 591px) {
.testi-container .testi-image-style, .testi-container svg {
width: 80%;
margin: 0 auto;
}
}
.testi-container .testi-header {
display: flex;
width: 100%;
flex-wrap: nowrap;
padding: 0;
align-items: center;
}
.testi-container .testi-stars {
font-size: var(--font-size-body);
color: var(--color-sale-tag);
text-align: right;
}
@media screen and (min-width: 591px) {
.testi-container .testi-stars {
padding-right: 10px;
}
}
.testi-container .testi-name {
font-size: var(--font-size-body);
letter-spacing: 0.2rem;
text-transform: uppercase;
}
.testi-container .testi-title {
font-weight: bolder;
margin-bottom: 15px !important;
}
.testi-container .testi-inner p {
font-size: var(--font-size-body);
margin-bottom: 0px;
}
.testi-controls {
display: flex !important;
justify-content: center;
align-items: center;
margin: 12px 0 24px 0!important;
}
.testi-controls .slick-dots {
left: 50%;
bottom: 0 !important;
transform: translateX(-50%);
width: auto;
}
.testi-controls .slick__dots-wrapper {
display: block;
width: 30%;
}
.testi-controls .slick__arrow {
color: var(--color-sale-tag) !important;
}
.testi-controls .slick-dots li button:before, .testi-controls .slick-dots li a:before {
border-color: var(--color-sale-tag) !important;
}
.testi-controls .slick-dots li.slick-active button:before {
background: var(--color-sale-tag) !important;
border-color: var(--color-sale-tag) !important;
}
.logo-section .slick-dots {
left: 50%;
transform: translateX(-50%);
width: auto;
}
.logo-section .slick-list {
padding-bottom: 40px!important;
}
.logo-section .slick__dots-wrapper {
display: block;
width: 30%;
}
/* Styles for dialog window */
#small-dialog {
padding: 20px 30px;
text-align: left;
max-width: 700px;
margin: 20px auto;
position: relative;
}
#small-dialog img {
width: 100%;
}
#small-dialog p {
padding-right: 45px;
font-size: var(--font-size-body);
}
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-moz-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
-o-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}
/* Styles for Accordion */
.toggle {
cursor: pointer !important;
}
.toggle .toggle-title {
position: relative;
display: block;
cursor: pointer !important;
}
.toggle .toggle-title p {
margin-bottom: 0 !important;
text-align: left !important;
}
.reviews-branding .toggle .toggle-title p,
#CustomerLoginForm .toggle .toggle-title p {
text-align: center !important;
}
.toggle .toggle-inner {
padding: 15px 15px 0;
display: none;
}
.toggle .toggle-inner p { padding-bottom: 15px; margin-bottom: 0; }
.toggle .toggle-inner div {
max-width: 100%;
}
.toggle .toggle-title .title-name {
display: block;
padding: 15px 50px 15px 15px;
}
.toggle.write_review .title-name {
padding: 0;
text-decoration: underline;
}
.toggle .toggle-title .title-name i {
margin-right: 5px;
}
.toggle .toggle-title::after {
display: inline-block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
margin-right: 15px;
font-size: var(--font-size-body-plus-plus);
}
.toggle.site_width { padding-left: 0!important; padding-right: 0!important; }
.product-single__full-details {
cursor: pointer;
display: inline-block;
margin: 30px 0;
}
.product-single__variants {
display: none;
}
.no-js .product-single__variants {
display: block;
}
.link_to_top {
margin-top: 30px;
text-align: center;
}
.product-single__media-flex-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
position: relative;
}
.product-single__media-flex {
position: relative;
width: 100%;
height: 100%;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: center;
-webkit-align-self: center;
align-self: center;
}
.product-single__media-wrapper {
margin: 0 auto;
text-align: left;
}
.product-single__media-wrapper iframe, .product-single__media-wrapper model-viewer, .product-single__media-wrapper .shopify-model-viewer-ui, .product-single__media-wrapper img, .product-single__media-wrapper video, .product-single__media-wrapper .plyr, .product-single__media-wrapper .media-item {
width: 100%;
}
.product-single__media-wrapper iframe, .product-single__media-wrapper .media-video, .product-single__media-wrapper model-viewer, .product-single__media-wrapper .shopify-model-viewer-ui, .product-single__media-wrapper .media-item, .product-single__media-wrapper .plyr, .product-single__media-wrapper .plyr__video-wrapper {
height: 100%;
}
@media screen and (min-width: 591px) {
.product-single__media-wrapper--featured-product {
margin-bottom: 0;
}
.product-single__media [data-mfp-src] {
cursor: zoom-in;
}
.product-single__media--wrapper {
margin-bottom: 15px;
}
}
.size-guide-st, .size_guide__image {
border-radius: var(--border-radius);
}
.product-single__media {
color: var(--color-primary);
position: relative;
width: 100%;
}
.product-single__media video {
display: block;
width: 100%;
}
.product-single__media-wrapper--featured-product {
margin: 0 auto;
}
.plyr__controls {
display: none;
}
.product-single__media-group-wrapper a, .product-single__thumbnails a, .product-single__media-group-wrapper img, .product-single__thumbnails img {
display: block;
margin: 0 auto;
width: 100%;
}
@media screen and (max-width: 590px) {
.product-single__meta--wrapper, .product-single__img_padding_sm {
padding-right: 15px;
padding-left: 30px;
}
}
.product-single__hero .grid__item {
display: inline-block;
float: none;
vertical-align: middle;
}
@media screen and (min-width: 769px) {
.product-single__hero .grid__item + .grid__item {
margin-left: -5px;
}
}
.product-single__thumbnails {
margin-left: -15px;
}
.product-single__thumbnails .grid__item {
padding-left: 15px;
}
.product-single__thumbnails li {
margin-bottom: 15px;
}
.product-single__thumbnail-badge {
width: 30px;
height: 30px;
position: absolute;
right: 3px;
bottom: 3px;
pointer-events: none;
overflow: hidden;
border-radius: var(--border-radius-image);
}
@media screen and (min-width: 1101px) {
.product-single__thumbnail-badge {
width: 35px;
height: 35px;
}
}
.product-single__thumbnail-badge .icon {
fill: var(--color-secondary);
width: 100%;
height: 100%;
vertical-align: baseline;
}
.product-single__thumbnail-badge .icon-3d-badge-full-color-outline, .product-single__thumbnail-badge .icon-video-badge-full-color-outline {
stroke: rgba(0, 0, 0, 0.05);
}
.product-single__thumbnail-badge .icon-3d-badge-full-color-element, .product-single__thumbnail-badge .icon-video-badge-full-color-element {
fill: var(--color-primary);
}
.visibility-hidden {
visibility: hidden;
}
.product-single__prices {
margin-bottom: 15px;
}
.price_on_sale { font-weight: bolder!important; font-size: var(--font-size-body-plus-plus)!important; }
.product-single__price, .product-single__price--compare-at {
padding-right: 5px;
display: inline-block;
font-family: var(--font-stack-body);
font-weight: var(--font-weight-body);
font-style: var(--font-style-body);
color: var(--color-primary);
font-size: var(--font-size-body-plus);
}
@-webkit-keyframes fadeInBoost {
0% {
-webkit-opacity: 1;
opacity: 1;
}
40% {
-webkit-opacity: 0;
opacity: 0;
}
60% {
-webkit-opacity: 1;
opacity: 1;
}
100% {
-webkit-opacity: 1;
opacity: 1;
}
}
@keyframes fadeInBoost {
0% {
-webkit-opacity: 1;
opacity: 1;
}
40% {
-webkit-opacity: 0;
opacity: 0;
}
60% {
-webkit-opacity: 1;
opacity: 1;
}
100% {
-webkit-opacity: 1;
opacity: 1;
}
}
.grid-product__price { padding-bottom: 13px; }
.grid-product__price .price.on_sale { font-weight: bolder; color: var(--color-sale-tag); }
.grid-product__price .compare { opacity: .7; text-decoration: line-through; }
.sale_tag {
position: absolute;
top: 15px;
left: 15px;
padding: 5px 8px;
border-radius: var(--border-radius);
}
@media screen and (max-width: 590px) { .sale_tag { font-size: var(--font-size-body-small); } }
.subtitle_offer_text p {
color: var(--color-sale-tag);
font-size: var(--font-size-body);
font-weight: bolder;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0;
}
.opacity_animation {
animation: 2s infinite linear fadeInBoost;
}
.text--offer {
color: white;
padding: 3px 5px;
background: var(--color-shade);
font-size: var(--font-size-body);
white-space: nowrap;
border-radius: var(--border-radius);
}
.product-single__price--compare-at {
text-decoration: line-through;
}
.product-single__savings {
margin-top: 7.5px;
}
.product-single__savings p {
margin-bottom: 0;
}
.product-single__savings #eco_price_amount, .product-single__savings #eco_price_percentage {
color: var(--color-sale-tag);
}
.price-container {
margin-bottom: 12px;
}
.product-single__unit {
display: none;
}
.price-container--unit-available .product-single__unit {
display: block;
}
.product-single__policies {
margin: 15px 0 25px 0;
font-size: var(--font-size-body);
color: grey;
}
.product-single__policies b {
color: var(--color-sale-tag);
}
.product-single__quantity .js-quantity-selector, .product-single__quantity .js-qty, .product-single__quantity .ajaxcart__qty {
display: block;
border-radius: var(--border-radius);
overflow: hidden;
}
.product-single__quantity-label { width: 100%; padding-bottom: 2px; }
.product-single__quantity-label, .single-option-radio__label {
margin-right: 10px;
}
#shopify-product-reviews .spr-review-content-body, .input-group .input-group-field:first-child, .input-group .input-group-btn:first-child, .input-group .input-group-btn:first-child > .btn, .input-group .shopify-payment-button .input-group-btn:first-child > .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group .input-group-btn:first-child > .shopify-payment-button__button--unbranded, .input-group input[type="hidden"]:first-child + .input-group-field, .input-group input[type="hidden"]:first-child + .input-group-btn > .btn, .input-group .shopify-payment-button input[type="hidden"]:first-child + .input-group-btn > .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group input[type="hidden"]:first-child + .input-group-btn > .shopify-payment-button__button--unbrandedshopify-product-reviews .spr-review-header-byline, #shopify-product-reviews .spr-form-label {
font-size: var(--font-size-body);
line-height: 1.563;
}
#shopify-product-reviews .spr-form-label {
display: block;
text-align: left;
}
#shopify-product-reviews .spr-summary-actions-newreview {
float: none;
}
#shopify-product-reviews .spr-summary-caption, #shopify-product-reviews .spr-summary-actions {
display: block;
}
.product-single__thumbnails img, .product-single__thumbnails a {
display: block;
position: relative;
background-color: transparent;
}
.product-single__thumbnails img {
max-height: 135px;
width: auto;
overflow: hidden;
}
.slick-initialized .product-single__media-wrapper {
display: block !important;
}
.product-single__thumbnail.active-thumb {
border-color: var(--color-primary);
}
.product-single__view-in-space {
background-color: rgba(0, 0, 0, 0.08);
border: none;
width: 100%;
min-height: 44px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
margin: 0;
font-size: var(--font-size-body-plus);
color: var(--color-primary);
}
.product-single__view-in-space:not(.product-single__view-in-space--multi) {
visibility: hidden;
}
@media screen and (min-width: 590px) {
.product-single__view-in-space[data-shopify-xr-hidden] {
display: none;
}
}
.product-single__view-in-space:hover .product-single__view-in-space-text, .product-single__view-in-space:focus .product-single__view-in-space-text {
position: relative;
}
.product-single__view-in-space:hover .product-single__view-in-space-text::after, .product-single__view-in-space:focus .product-single__view-in-space-text::after {
content: '';
width: 100%;
display: block;
border-bottom: 1px solid currentColor;
bottom: 3px;
position: absolute;
}
.product-single__view-in-space .icon {
height: 16px;
width: 14px;
margin-right: 8px;
fill: transparent;
}
.product-single__view-in-space .icon .icon-3d-badge-full-color-outline {
stroke: none;
}
.product-single__view-in-space .icon .icon-3d-badge-full-color-element {
fill: currentColor;
opacity: 1;
}
.product-single__view-in-space--disabled {
display: none;
}
.product-single__media-group.slick-initialized {
margin-bottom: 0;
}
.product-single__media-group.slick-initialized ~ .product-single__view-in-space:not([data-shopify-xr-hidden]), .product-single__media-group--single-xr ~ .product-single__view-in-space:not([data-shopify-xr-hidden]) {
visibility: visible;
}
.product-single__media-group.slick-initialized .product-single__view-in-space--multi, .product-single__media-group--single-xr .product-single__view-in-space--multi {
display: none;
}
@media screen and (min-width: 591px) {
.product-single__media-flex-wrapper {
margin-bottom: 15px;
}
.product-single__media-group--single-xr .product-single__media-flex-wrapper {
margin-bottom: 0;
}
.product-single__media-group--single-xr ~ .product-single__thumbnails {
margin-top: 15px;
}
}
.shopify-payment-button {
margin: 0 0 12px 0;
min-width: 155px;
flex: auto;
border-radius: var(--border-radius-pills);
overflow: hidden;
}
.product-single__add-to-cart--full-width .shopify-payment-button {
margin-right: 0;
}
.shopify-payment-button__button {
border-radius: var(--border-radius-pills);
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
font-family: var(--font-btn);
font-weight: var(--fontw-btn);
font-style: var(--fonts-btn);
margin-right: 0;
width: 100%;
min-height: 44px;
font-size: var(--font-size-body-plus);
}
.shopify-payment-button .shopify-payment-button__more-options {
font-size: var(--font-size-body-plus);
color: var(--color-primary);
white-space: nowrap;
text-decoration: underline;
padding: 0 15px;
}
.shopify-payment-button .shopify-payment-button__more-options:hover, .shopify-payment-button .shopify-payment-button__more-options:focus {
color: var(--color-primary);
}
.shopify-payment-button .shopify-payment-button__more-options:active {
color: var(--color-primary);
}
.product-unit-price {
color: var(--color-primary);
display: block;
}
/*================ Reviews Branding ================*/
.swiper { align-items: center !important; }
.shadow .swiper { padding-top: 10px!important; padding-bottom: 10px!important; }
.reviews-branding .swiper-slide {
overflow: hidden;
height:100% !important;
flex-wrap: wrap;
-webkit-justify-content: start;
justify-content: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
border-radius: var(--border-radius);
}
.text-reviews {
position: relative;
padding: 15px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.text-header p,
.text-reviews .title-reviews {
margin-bottom: 10px;
}
.reviews-branding .date-reviews {
margin-bottom: 10px;
opacity: .7;
font-size: var(--font-size-body-small);
}
.text-header {
display: flex;
align-items: center;
flex-wrap: wrap;
display: -webkit-flex;
-webkit-align-items: center;
-webkit-flex-wrap: wrap;
}
.span-title-reviews {
padding: 2px 3px;
background: var(--color-shade);
color: var(--color-secondary);
margin-left: 10px;
border-radius: var(--border-radius);
font-size: var(--font-size-body-small);
}
.desc-reviews {
margin-bottom: 0;
font-family: var(--font-reviews);
font-weight: var(--fontw-reviews);
font-style: var(--fonts-reviews);
font-size: var(--font-size-body);
}
.header-reviews {
padding: 0 0 12px 0;
text-align: center;
}
.review_star_container { margin-bottom: 15px; }
.review_star_container {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.review_star_label p {
margin: 0;
padding: 0 15px 0 0!important;
}
.review_star_container label {
display: flex;
cursor: pointer;
position: relative;
overflow: hidden;
}
.review_star_container label input {
position: absolute;
left: -9999px;
}
.review_star_container label span {
color: var(--color-primary)!important;
font-size: var(--font-size-body-small);
}
.review_star_container label input:checked + span {
background-color: var(--bg-color-input);
}
.review_star_container label input:checked + span:before {
box-shadow: inset 0 0 0 5px var(--color-sale-tag);
}
.review_star_container label span {
display: flex;
align-items: center;
padding: 5px;
border-radius: var(--border-radius-pills);
transition: 0.25s ease;
}
.review_star_container label span:hover {
background-color: var(--bg-color-input);
}
.review_star_container label span:before {
display: flex;
flex-shrink: 0;
content: "";
background-color: var(--color-secondary);
width: 15px;
height: 15px;
border-radius: 50%;
margin-right: 0.375em;
transition: 0.25s ease;
box-shadow: inset 0 0 0 1px var(--bg-color-input-dark);
}
.rb-wrapper {
text-align: center;
margin: 0 auto;
max-width: 99%;
}
.rb-wrapper .rbtc {
padding: 0 7.5px 15px;
box-sizing: border-box;
display:inline;
float: left;
border-radius: var(--border-radius)!important;
overflow: hidden;
}
.write_review { margin: 10px 20px; }
.write_review .form-success { color: #56ad6a!important; margin-bottom: 15px; }
.review_form {
padding: 15px;
margin: 0 auto;
max-width: calc(var(--site-width) - 30px);
border-radius: var(--border-radius);
background-color: var(--color-secondary);
}
.write_review .toggle-title { width: fit-content; max-width: calc(var(--site-width) - 30px); border-bottom: none; }
.write_review .toggle-inner { padding: 15px 0 0!important; margin: 0 0 20px; }
.write_review label,
.review_star_label p { text-align: left; color: var(--color-primary)!important; }
.review_form input:not(.contact-send),
.review_form textarea {
display: block;
margin-bottom: 15px;
}
.ss-rb-i-bg {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.ss-rb-vt .video_container_videos {
display: block;
position: relative;
width: 100%;
}
.post_header_videos {
display: flex;
width: 100%;
align-items: center;
margin-bottom: -1px;
}
.post_header_videos .pdp_videos {
display: block;
width: 32px;
border-radius: 50%;
overflow: hidden;
}
.post_header_videos .pseudo_videos {
font-weight: bolder;
margin-bottom: 0;
padding-left: 10px;
word-break: break-word;
}
.video_container_videos iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
/*================ Animation on ATC button ================*/
@keyframes shake {
3%, 33% {
transform: translate3d(0px, 0, 0);
}
6%, 30% {
transform: translate3d(-1px, 0, 0);
}
9%, 27% {
transform: translate3d(2px, 0, 0);
}
12%, 18%, 24% {
transform: translate3d(-4px, 0, 0);
}
15%, 21% {
transform: translate3d(4px, 0, 0);
}
}
@keyframes pulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.035);
}
}
@keyframes rotate {
0%, 100% {
transform: rotate(0deg);
}
33% {
transform: rotate(3deg);
}
67% {
transform: rotate(-3deg);
}
}
.effect_shaker {
animation: shake 4s ease-in-out infinite;
}
.effect_pulse {
animation: pulse 3s linear infinite;
}
.effect_rotate {
animation: rotate 3s ease-in-out infinite;
}
.effect_wobble:hover {
-webkit-transform: skew(-5deg);
transform: skew(-5deg);
}
.effect_float:hover {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
/*================ Galerie section ================*/
.galerie-container {
display: flex;
flex-wrap: wrap;
width: 100%;
border-radius: var(--border-radius);
overflow: hidden;
}
.galerie-container .galerie-item {
padding: 0;
margin: 0;
}
.galerie-container .galerie-image-style, .galerie-container svg {
width: 100%;
display: block;
}
/*================ Carousel Texte section ================*/
.swiper-container-car-text {
margin: 0 auto;
}
.swiper-container-car-text p {
margin-bottom: 0;
}
.swiper-button-next-car-text, .swiper-button-prev-car-text {
top: -53%!important;
}
.slide-container-text-carousel-text {
width: 70%;
margin: 0 auto;
text-align: center;
}
/*================ Contact Template ================*/
.contact-container .contact-wrapper {
display: flex;
flex-wrap: wrap;
Width: 100%;
}
.form-vertical .btn--full { margin: 0 auto; }
@media screen and (min-width: 591px) {
.contact-container .contact-right {
padding-left: 15px;
}
}
.contact-container .contact-block-info {
padding-bottom: 15px;
}
.contact-container .contact-icon-wrapper {
display: flex;
flex-wrap: wrap;
}
.contact-container .contact-icon {
font-size: var(--font-size-body-plus-plus);
padding-right: 10px;
}
.contact-container .input-full {
margin: 0 10px 10px 0;
}
@media screen and (max-width: 590px) {
.contact-container .contact-send {
margin-bottom: 30px;
}
}
/*================ Flèche SVG section ================*/
.arrow-container {
width: 500px;
max-width: 100%;
margin: 0 auto;
display: flex;
}
@media screen and (max-width: 590px) {
.arrow-container {
width: 80%;
}
}
.arrow-container .one-half svg {
display: block;
}
.arrow-container svg {
animation: ease slide-top 2s infinite;
}
.arrow-container .arrow-right {
transform: rotateY(-180deg);
text-align: right;
}
.arrow-container .one-whole .arrow-style {
text-align: center;
}
@-webkit-keyframes slide-top {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes slide-top {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
/*================ Logo de confiance - mini section ================*/
.logo-list-mini, .logo_group-mini {
display: flex;
justify-content: start;
justify-content: flex-start;
align-items: center;
}
.logo-list-mini {
flex-wrap: wrap;
}
.logo_group-mini {
flex-wrap: nowrap;
padding: 10px;
align-self: stretch;
}
@media screen and (max-width: 590px) {
.logo_group-mini-slide {
max-width: 250px;
justify-content: center!important;
}
}
.logo-list-mini svg, .logo-list-mini img {
display: block;
width: 100%;
height: 100%;
margin-right: 10px;
}
@media screen and (max-width: 590px) {
.title-logo_text { font-size: var(--font-size-body-small); }
}
.logo-list-mini .title-logo_list-mini {
margin: 0 0 0 10px;
font-weight: var(--font-weight-body);
font-size: var(--font-size-body);
}
.title-logo_text, .no_margin_bottom_logo_list { margin-bottom: 0; }
.title-logo_text { margin-top: 0.5em; }
/*================ Bundle section ================*/
.swiper-slide {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
background: transparent;
}
.bundle-flex-row {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 590px) {
.bundle-flex-row .form_only_on_mobile {
margin-top: 15px;
}
}
.bundle-flex-row .form_slider_bundle {
text-align: center;
}
.bundle-flex-row .bundle-form-wrapper {
flex-wrap: wrap;
}
.desktop_only.bundle-form-price {
margin-bottom: 12px;
}
.bundle-flex-row .bundle-form-wrapper .section-header__title {
font-size: var(--font-size-body-plus);
text-align: center;
margin-bottom: 3px;
}
.bundle-flex-row img {
display: block;
width: 100%;
}
.bundle-flex-row .swiper-container-horizontal > .swiper-scrollbar {
width: 50% !important;
left: 50% !important;
transform: translateX(-50%) !important;
height: 3px !important;
border-radius: var(--border-radius);
}
@media screen and (max-width: 590px) {
.bundle-flex-row .swiper-container-horizontal > .swiper-scrollbar {
width: 70% !important;
}
}
.carousel_layout_avance .swiper-scrollbar {
width: 50% !important;
left: 50% !important;
transform: translateX(-50%) !important;
height: 3px !important;
border-radius: var(--border-radius);
}
@media screen and (max-width: 590px) {
.carousel_layout_avance .swiper-scrollbar {
width: 70% !important;
}
}
.bundle-slider-scrollbar { padding-bottom: 15px!important; }
.bundle-flex-row .swiper-scrollbar-drag,
.carousel_layout_avance .swiper-scrollbar-drag,
.featured-products-scrollbar .swiper-scrollbar-drag { background-color: var(--color-sale-tag); border-radius: var(--border-radius); }
.bundle-flex-row .swiper-scrollbar,
.carousel_layout_avance .swiper-scrollbar,
.featured-products-scrollbar { bottom: 0px!important; }
.bundle-flex-row .swiper-button-next.swiper-button-disabled,
.bundle-flex-row .swiper-button-prev.swiper-button-disabled,
.carousel_layout_avance .swiper-button-next.swiper-button-disabled,
.carousel_layout_avance .swiper-button-prev.swiper-button-disabled {
opacity: 0 !important;
}
.bundle-flex-row .bundle-product-wrapper, .bundle-flex-row .bundle-product-wrapper-last {
position: relative;
display: block;
}
.bundle-flex-row .bundle-product-wrapper::after {
position: absolute;
top: 50%;
right: -2.3rem;
transform: translateY(-50%);
content: '+';
color: var(--color-primary);
font-size: 35px!important;
}
.bundle-flex-row .bundle-product-image {
position: relative;
}
.bundle-flex-row .bundle-product-image .bundle-product-offert {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
padding: 3px 5px;
text-align: center;
font-size: var(--font-size-body-small);
z-index: 9;
border-color: var(--color-sale-tag);
color: var(--color-sale-tag);
}
.bundle-flex-row .bundle-product-image img {
display: block;
border-radius: var(--border-radius);
}
.bundle-flex-row .image-offert {
border: 1px solid var(--color-sale-tag);
}
.bundle-flex-row .bundle-product-title {
margin: 7.5px 0;
font-size: var(--font-size-body);
}
.bundle-flex-row select {
font-size: var(--font-size-body);
border-radius: var(--border-radius-pills);
}
.bundle-flex-row .bundle-product-variant_selector .js-qty, .bundle-flex-row .bundle-product-variant_selector .ajaxcart__qty {
display: none;
}
.bundle-flex-row .timer_wrapper {
padding: 8px;
margin-bottom: 0;
}
.bundle-flex-row .timer_wrapper .phrase_timer {
margin-bottom: 0;
font-size: var(--font-size-body-small);
}
.bundle-flex-row .timer-block {
width: 25%;
}
.bundle-flex-row .timer-block .timer-block__unit {
font-size: var(--font-size-body-small-small);
}
.bundle-flex-row .timer-block .timer-block__num {
font-size: var(--font-size-body-plus);
}
.product-single__price_bundle.on-sale { color: var(--color-sale-tag); font-size: var(--font-size-body-plus); }
.bundle-flex-row .bundle-product-wrapper { margin-right: 30px; }
.bundle-product-wrapper::after
@media screen and (max-width: 590px) { .bundle_tab_wrapper .bundle-flex-row { flex-wrap: wrap-reverse; } .bundle-flex-row .timer_wrapper .phrase_timer { font-size: var(--font-size-body); } }
.mobile_header_bundle_tabs, #mobile_header_bundle_tabs {
display: flex;
align-items: baseline;
justify-content: center;
margin-bottom: 1rem;
}
.mobile_header_bundle_tabs .section-header__title { margin-bottom: 0; }
/*================ HotSpot section ================*/
.hotspot-wrapper {
position: relative;
}
.hotspot-wrapper .toggle-title::after {
left: auto;
right: auto;
margin-right: 0;
transition: all 0.25s ease;
}
.hotspot-wrapper .card-text {
margin-bottom: 0px;
}
.hotspot_container { border-radius: var(--border-radius); }
.hotspot_container img { border-radius: var(--border-radius-image); margin-bottom: 5px; }
.hotspot_container .card-title { padding-bottom: 5px!important; }
.hotspot_container .card-text { padding-bottom: 5px!important; font-size: var(--font-size-body-small); text-align: justify; }
.hotspot_container select { margin: 0 0 5px; max-width: 100%; font-size: var(--font-size-body-small); }
.hotspot_container button { margin: 0 0 5px; width: 100%; }
/*================ Dividers ================*/
.dividers-svg svg {
display: block;
}
.dividers-top {
transform: translateY(1px);
}
.dividers-bottom {
transform: translateY(-1px);
}
.dividers-svg.dividers-bottom svg {
transform: rotate(180deg) translateY(0.5px);
}
/*================ Section SAV ================*/
.sav_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100%;
max-width: calc(var(--site-width) - 30px);
}
.sav_wrapper .sav_item {
margin: 15px;
}
@media screen and (max-width: 590px) {
.sav_wrapper .sav_item {
margin: 7.5px;
}
}
/*================ Timeline ================*/
div.timeline_wrapper {
min-width: 300px;
max-width: 500px;
margin: auto;
margin-bottom: -40px;
}
div.timeline_event {
font-size: var(--font-size-body);
line-height: 1.75em;
border: none;
margin: 0;
padding: 0px 0px 40px 0px;
position: relative;
color: var(--color-primary);
}
div.timeline_event:before {
right: 100%;
margin-right: -20px;
}
p.timeline_event_header {
text-transform: uppercase;
font-weight: bolder;
letter-spacing: 2px;
display: flex;
}
.text-left .timeline_event_header, .text-justify .timeline_event_header { justify-content: flex-start; }
.text-center .timeline_event_header { justify-content: center; }
.text-right .timeline_event_header { justify-content: flex-end; }
.timeline_event_header_span {
position: relative;
border-radius: var(--border-radius-little);
padding: 10px;
height: 1.25em;
width: 1.25em;
background-color: var(--color-sale-tag);
text-align: center;
line-height: 1.25em;
margin: 0 10px 0 0;
color: var(--color-sale-tag-text);
align-items: center;
display: flex;
justify-content: center;
}
.review_wrapper {
overflow: hidden;
padding: 7px 0px;
}
.review_wrapper .carousel-ig-text-reviews {
position: relative;
overflow: hidden;
}
/* ================= MEGANAV ================= */
.site-nav__item-collection { position: initial!important; }
.site-nav__item-collection .link_collection_dropdown {
opacity: 0;
visibility: hidden;
transition: all 0.25s;
width: 100%;
z-index: 999;
position: absolute;
top: 100%;
left:0;
border-top: 1px solid;
padding: 20px 0px;
}
.site-nav__item-collection:hover .link_collection_dropdown { opacity: 1; visibility: visible; }
.site-nav__item-collection .link_collection_wrapper {
display: flex;
justify-content: center;
max-width: calc(var(--site-width) - 30px);
margin: auto;
}
.site-nav__item-collection .grid-product__wrapper { margin-bottom: 0px; }
/* ================= Sommaire automatique ================= */
#summary {
background: var(--color-fade);
padding: 10px 15px;
margin-bottom: 30px;
border-radius: var(--border-radius);
width:auto;
text-align:left;
}
#summary strong {
display:block;
font-size: var(--font-size-body-plus);
margin-bottom: 7px;
}
#summary-list, #summary-list li {
list-style:none;
margin:0;
padding:0;
}
#summary-list a {
text-decoration: none;
padding:3px 0;
font-size:var(--font-size-body);
display:block;
border:none;
}
#summary-list a:hover {
text-decoration: underline;
}
.return_link_article { margin-top: 30px; }
.article_img_date, .article_container { padding-left: 0; }
.article_img_date { padding-right: 30px; }
/* ================= Bubble Section ================= */
.bubble_wrapper {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
@media screen and (max-width: 590px) {
.bubble_wrapper_reverse { flex-wrap: wrap-reverse; }
.bubble_text { padding: 10px; order: 2; }
.article_img_date, .article_container { padding-left: 15px; }
.article_img_date { padding-right: 0px; }
}
.bubble_item { border-radius: var(--border-radius); overflow: hidden; }
.bubble_img img, .bubble_img svg { display: block; }
.bubble_text { padding: 20px; }
/* ================= Upsell popup ================= */
#upsell-overlay { opacity: 0; visibility: hidden; transition: .5s ease all; }
#upsell-overlay.show_popup { opacity: 1; visibility: visible; }
.popup-feature-inner img {
max-height: 50vh;
object-fit: contain;
margin: 0 auto 15px;
border-radius: var(--border-radius-image);
}
.popup-featured-product span.cross {
position: absolute;
right: 20px;
top: 10px;
cursor: pointer;
}
body.feature-show {
overflow: hidden;
}
.popup-featured-product span.cross i.fa-times::before {
font-size: var(--font-size-body-plus)!important;
}
.close-upsell-txt {
font-size: var(--font-size-body-small)!important;
margin: 10px auto 0;
text-decoration: underline;
opacity: 0.4;
}
.price_popup_wrapper {
display: flex;
flex-wrap: nowrap;
align-items: baseline;
justify-content: flex-start;
}
.compare-price-product-upsell {
text-decoration: line-through;
opacity: 0.6;
margin-right: 8px;
}
.price-product-upsell {
font-size: var(--font-size-body-plus-plus);
}
.price-product-upsell.on-sale-popup {
color: var(--color-sale-tag);
font-weight: bolder;
}
.upsell-title, .price_popup_wrapper {
margin: 0 0 10px 0;
}
.popup_text_flex {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin: 0 -22px -15px 0;
}
.form_part_popup, .benefit_part_popup {
padding: 0 22px 15px 0;
}
.benefit_popup {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
margin-bottom: 10px;
}
.popup_select_cta_wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
margin: 0 -15px -15px 0;
}
.popup_select_cta_wrapper > div {
padding: 0 15px 15px 0;
}
.benefit_popup:nth-child(last) {
margin-bottom: 0px;
}
.benefit_popup i {
color: var(--color-sale-tag);
font-size: var(--font-size-body-plus-plus);
margin-right: 8px;
}
.close_announcement {
position: absolute;
right: 0;
top: 0;
height: 100%;
min-width: 40px;
font-size: 20px;
font-weight: bold;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 590px) {
.close_announcement {
min-width: 30px;
font-size: 15px;
}
}
.image_cart_proof {
display: block;
position: relative;
margin-top: 7.5px;
}
.image_cart_proof img {
height: 150px;
width: auto;
margin: auto;
}
.bundle_product {
margin: 0 0 15px;
border-radius: var(--border-radius);
}
.bundle_product .bundle_container {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
}
.bundle_product .bundle_image {
width: 30%;
display: block;
border-radius: var(--border-radius);
}
.bundle_product .bundle_text { min-width: 40%; padding-right: 12px; }
.bundle_product .bundle_text p { margin: 0 0 0px; }
.bundle_product .bundle_text p.bundle_p_savings { margin: 0!important; }
.bundle_product .bundle_text .bundle_subtitle p { font-size: var(--font-size-body-small); }
.bundle_product .bundle_text .bundle_on_sale { font-weight: bolder; }
.blink { -webkit-animation:blink-2 2s infinite;animation:blink-2 2s infinite }
@-webkit-keyframes blink-2{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes blink-2{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.bundle_product .bundle_cta { max-width: 30%; }
.bundle_product .bundle_atc { min-width: 1px; font-size: 14px!important; }
@media screen and (min-width: 591px) {
.bundle_product .bundle_image { margin-right: 12px!important; }
.bundle_minimalist.bundle_product .bundle_atc.m_atc_m { display: none; }
}
@media screen and (max-width: 590px) {
.bundle_minimalist.bundle_product .bundle_image { width: 20%; margin-right: 5px; }
.bundle_minimalist.bundle_product .bundle_text { min-width: 65%; padding-right: 5px; }
.bundle_minimalist.bundle_product .bundle_text p.bundle_p_savings { font-size: var(--font-size-body-small); }
.bundle_minimalist.bundle_product .bundle_text .bundle_subtitle p { display: none; }
.bundle_minimalist.bundle_product .bundle_cta { max-width: 15%; }
.bundle_minimalist.bundle_product .bundle_atc.m_atc_d { display: none; }
.bundle_minimalist.bundle_product .bundle_atc i { margin: 0; }
.bundle_full.bundle_product .bundle_container { flex-wrap: wrap; }
.bundle_full.bundle_product .bundle_image { width: 50%; margin-bottom: 12px; }
.bundle_full.bundle_product .bundle_text { width: 100%; padding-right: 0px; }
.bundle_full.bundle_product .bundle_cta { max-width: 100%; margin: 12px 0 0; }
}
.marquee {
width: 100%;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
}
.marquee p {
display: inline-block;
padding-left: 100%;
margin-bottom: 0;
}
.marquee.short p { animation: marquee 15s linear infinite; }
.marquee.mid p { animation: marquee 20s linear infinite; }
.marquee.long p { animation: marquee 25s linear infinite; }
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
.sipp {
z-index: 999;
position: fixed;
width: 100%;
height: 100%;
top: 0; right: 0; bottom: 0; left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.sipp_container {
width: calc(100% - 30px);
max-width: 600px;
margin: 0 auto;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
}
.sipp_container .image_bg_sipp { border-radius: var(--border-radius-image); min-height: 200px; }
.sipp_container h2,
.sipp_container .sippText { margin-bottom: 15px; padding-right: 40px; }
.sipp_container .sippAlert { margin-top: 15px; margin-bottom: 0px; font-size: var(--font-size-body-small); opacity: 0.7; }
.sipp_text { padding: 15px; }
.close_sipp {
position: absolute;
height: 100%;
width: 30px;
height: 30px;
font-size: 20px;
font-weight: bold;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--border-radius);
}
@media screen and (max-width: 590px) {
.close_sipp {
width: 25px;
font-size: 15px;
}
}
.notif {
opacity: 0;
visibility: hidden;
transition: 1s ease all;
position: fixed;
z-index: 100;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
max-width: 400px;
}
.notif.flip {
opacity: 1;
visibility: visible;
}
.notif img { border-radius: var(--border-radius-image); }
.notif .notifText { padding: 8px; }
.notif p:not(:last-child) { margin-bottom: 5px; }
.notif p:last-child { margin-bottom: 0px; }
.notif .subtext,
.notif .link { font-size: var(--font-size-body-small); }
.notif .titleProduct { font-weight: bolder; }
@media screen and (max-width: 590px) {
.notif { max-width: 100%; width: calc(100% - 30px); left: 0!important; right: 0!important; margin: 0 auto; }
}
.notifClose {
position: absolute;
height: 100%;
width: 20px;
height: 20px;
font-size: 15px;
font-weight: bold;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--border-radius);
}
@media screen and (max-width: 590px) {
.notifClose {
width: 15px; height: 15px;
font-size: 10px;
}
}
.tabsWrapper { display:flex; flex-direction: column; }
.tabsWrapper .tabs { margin: 0 0 15px 0; }
.tabsWrapper .tab { cursor: pointer; display:inline-block; border-radius: var(--border-radius-pills); position: relative; }
.tabsWrapper .tab:not(:last-child) { margin: 0 15px 0 0; }
.tabsWrapper .tab:last-child { margin: 0; }
.tabsWrapper .tab::after {
content: "";
position: absolute;
bottom: 0;
height: 2px;
width: 0%;
transition: .5s ease all;
}
.tabsWrapper .panels{
min-height: 1px;
width:100%;
border-radius: var(--border-radius);
overflow: hidden;
}
.tabsWrapper .panel { display:none; }
.tabsWrapper .panel-title { font-weight: bolder; margin-bottom: 15px; }
.tabsWrapper .panel p:last-child { margin: 0; }
.tabsWrapper .radio { display:none; }
@media screen and (max-width: 590px) {
.tabsProduct { padding: 0 15px; }
}
.snb { margin: 0 0 0 -15px; display: block; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
.snc, .snm { margin: 0 0 0 -15px; display: block; flex-wrap: wrap; align-items: center; justify-content: center; }
.sni { display: inline-table; padding-left: 15px; min-width: 5%; }
.snul { margin: 15px 0 0 0; list-style: none; }
.snd { display: flex; justify-content: center; flex-wrap: wrap; opacity: 0; visibility: hidden; position: absolute; left: 0; right: 0; padding: 30px; transition: .25s ease all; text-align: left; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); }
.sni:hover .snd { opacity: 1; visibility: visible; }
.snl { display: block; text-decoration: none; white-space: nowrap; }
.snl .icon-arrow-down { position: relative; padding-left: 3px; font-size: var(--font-size-body-small); }
.sng { padding-right: 20px; }
.snul { margin: 0; }
.snl_2 { text-decoration: none; font-weight: bold; text-transform: uppercase; padding-bottom: 15px; }
.pgi_form { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }
.pgi_form select { font-size: var(--font-size-body-small); width: 48%; }
.pgi_form button { width: 48%; }
@media screen and (max-width: 590px) {
.pgi_form select { width: 100%; margin-bottom: 5px; }
.add-to-cart__form button { width: 100%; }
}