/******************************************************************
Theme Name: Fanciiplex V.3.4 By Overhaul media
Theme URI: htps://overhaulmedia.com
Author: Overhaul
Description: Base Shopify Theme by Out of the Sandbox, Optimized by Overhaul Media
******************************************************************/
/* Table of Contents
==================================================
#Variables
#Mixins
#Functions
#Reset
#Basic Styles
#Typography
#Links
#Lists
#Menu
#Images
#Placeholders
#Videos
#Buttons
#Tabs
#Accordions
#Forms
#Newsletter
#Tables
#Misc
#Testimonials
#FAQ Template
#Team Template
#Logo-list
#Gallery Section
#Recently Viewed
#Search autocomplete
#Search page
#Search Section
#Site Styles
#Header
#Swatch Styles
#Flickity
#Layout
#Password Page
#Account
#Page Details
#Product Details
#Home page - general
#Home page - slideshow
#Home page - image with text
#Home page - featured promotions
#Home page - featured collection
#Home page - image with text overlay
#Home page - video
#Home page - Text column with images
#Font-Face


/* #Variables
================================================== */

$font-size-header: 34;
$font-size-column: 44.2;

$site-width: 1200px;
$gutter: 20px;

$grid-small: 480px;
$grid-medium: 798px;
$grid-large: 1024px;
$grid-widescreen: 1400px;

$small: 'small';
$small-down: 'small-down';
$small-up: 'small-up';
$medium: 'medium';
$medium-down: 'medium-down';
$medium-up: 'medium-up';
$large: 'large';
$large-down: 'large-down';
$large-up: 'large-up';
$widescreen-up: 'widescreen-up';
$widescreen-down: 'widescreen-down';


// Assets
$blk-arrow: '../assets/Blk-arrow-long.svg';
$red-arrow: '../assets/Red-arrow-long.svg';
$wht-arrow: '../assets/Wht-arrow-long.svg';

$wht-search: '../assets/search-icon-white.svg';
$pink-search: '../assets/search_pink.svg';
$blk-search: '../assets/search-icon-blk.svg';
$wht-bag: '../assets/bag-icon-wht.svg';
$blk-bag: '../assets/bag-icon-blk.svg';

$down-icon: '../assets/down-icon-blk.svg';

$close-icon-blk: '../assets/close-icon-blk.svg';
$close-icon-wht: '../assets/close-icon-wht.svg';
$close-icon-red: '../assets/close-icon-red.svg';

$hotspot-arrow-prev:'../assets/white_arrow_mobile.svg';
$hotspot-arrow-next:'../assets/white_arrow_mobile_next.svg';


// Colors
$pink-1: #EFB9C3;
$light-pink: #EFB9C3;
$lightest-pink: #FEF3F7;
$medium-pink: #D48E98;
$fuschia:#ECC9D1;
$cta-pink: #B05768;
$maroon: #6D1F33;


// The `$breakpoints` list is used to build our media queries.
// You can use these in the media-query mixin.
$breakpoints: (
$small-down '(max-width: #{$grid-small})',
$small '(min-width: #{$grid-small + 1}) and (max-width: #{$grid-medium})',
$small-up '(min-width: #{$grid-small + 1})',
$medium-down '(max-width: #{$grid-medium})',
$medium '(min-width: #{$grid-medium + 1}) and (max-width: #{$grid-large})',
$medium-up '(min-width: #{$grid-medium + 1})',
$large-down '(max-width: #{$grid-large})',
$large '(min-width: #{$grid-large + 1}) and (max-width: #{$grid-widescreen})',
$large-up '(min-width: #{$grid-large + 1})',
$widescreen-down '(max-width: #{$grid-widescreen})',
$widescreen-up '(min-width: #{$grid-widescreen + 1})'
);

/* #Mixins
================================================== */

@mixin background-opacity($color, $opacity: 0.5) {
background: $color;
background: rgba($color, $opacity);
}

@mixin text-opacity($color, $opacity: 0.5) {
color: $color;
color: rgba($color, $opacity);
}

// Clearfix for parents with floated children
@mixin clearfix() {
&::after {
  content: '';
  display: table;
  clear: both;
}
*zoom: 1;
}

@mixin diagonal-line($line-color: #999, $line-width: 1px, $line-blur: 0px) {
$color-start: 50%;
$full-color-end: calc(50% + #{$line-width});
$color-end: 50%;
@if($line-blur == 0 or $line-blur == 0px) {
$color-start: 50%;
}

background-image: linear-gradient(to bottom left, transparent $color-start, $line-color 50%, $line-color $full-color-end, transparent $color-end), linear-gradient(to bottom right, transparent $color-start, $line-color 50%, $line-color $full-color-end, transparent $color-end);
}

// Media query mixin
@mixin respond-to($media-query) {
$breakpoint-found: false;

@each $breakpoint in $breakpoints {
  $name: nth($breakpoint, 1);
  $declaration: nth($breakpoint, 2);

  @if $media-query == $name and $declaration {
    $breakpoint-found: true;

    @media only screen and #{$declaration} {
      @content;
    }
}
}

@if $breakpoint-found == false {
@warn 'Breakpoint "#{$media-query}" does not exist';
}
}

// Responsive Show/Hide Helper
@mixin responsive-display-helper($breakpoint: '') {
.#{$breakpoint}show {
  display: block !important;
}

.#{$breakpoint}hide {
  display: none !important;
}
}

// Responsive Text Alignment Helper
@mixin responsive-text-align-helper($breakpoint: '') {
.#{$breakpoint}text-left {
  text-align: left !important;
}

.#{$breakpoint}text-right {
  text-align: right !important;
}

.#{$breakpoint}text-center {
  text-align: center !important;
}
}

/*
This mixin can be used to set the object-fit:
@include object-fit(contain);
or object-fit and object-position:
@include object-fit(cover, top);
*/
@mixin object-fit($fit: fill, $position: null){
-o-object-fit: $fit;
object-fit: $fit;
@if $position {
  -o-object-position: $position;
  object-position: $position;
  font-family: 'object-fit: #{$fit}; object-position: #{$position}';
} @else {
  font-family: 'object-fit: #{$fit}';
}
}

/*
Prefix mixin for generating vendor prefixes.
Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss

Usage:
// Input:
.element {
@include prefix(transform, scale(1), ms webkit spec);
}

// Output:
.element {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
*/
@mixin prefix($property, $value, $prefixes) {
@each $prefix in $prefixes {
  @if $prefix == webkit {
    -webkit-#{$property}: $value;
  } @else if $prefix == moz {
    -moz-#{$property}: $value;
  } @else if $prefix == ms {
    -ms-#{$property}: $value;
  } @else if $prefix == o {
    -o-#{$property}: $value;
  } @else if $prefix == spec {
    #{$property}: $value;
  } @else  {
    @warn 'Unrecognized prefix: #{$prefix}';
  }
}
}

//Flexbox
// Flexbox display
@mixin flexbox() {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

// Inline flexbox display
@mixin inline-flexbox() {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}

// The 'flex' shorthand
// - applies to: flex items
// <positive-number>, initial, auto, or none
@mixin flex($values) {
-webkit-box-flex: $values;
-moz-box-flex: $values;
-webkit-flex: $values;
-ms-flex: $values;
flex: $values;
}

// Flex Flow Direction
// - applies to: flex containers
// row | row-reverse | column | column-reverse
@mixin flex-direction($direction) {
-webkit-flex-direction: $direction;
-moz-flex-direction: $direction;
-ms-flex-direction: $direction;
flex-direction: $direction;
}

// Flex Line Wrapping
// - applies to: flex containers
// nowrap | wrap | wrap-reverse
@mixin flex-wrap($wrap) {
-webkit-flex-wrap: $wrap;
-moz-flex-wrap: $wrap;
-ms-flex-wrap: $wrap;
flex-wrap: $wrap;
}

// Flex Direction and Wrap
// - applies to: flex containers
// <flex-direction> || <flex-wrap>
@mixin flex-flow($flow) {
-webkit-flex-flow: $flow;
-moz-flex-flow: $flow;
-ms-flex-flow: $flow;
flex-flow: $flow;
}

// Display Order
// - applies to: flex items
// <integer>
@mixin order($val) {
-webkit-box-ordinal-group: $val;
-moz-box-ordinal-group: $val;
-ms-flex-order: $val;
-webkit-order: $val;
order: $val;
}

// Flex grow factor
// - applies to: flex items
// <number>
@mixin flex-grow($grow) {
-webkit-flex-grow: $grow;
-moz-flex-grow: $grow;
-ms-flex-grow: $grow;
flex-grow: $grow;
}

// Flex shrink
// - applies to: flex item shrink factor
// <number>
@mixin flex-shrink($shrink) {
-webkit-flex-shrink: $shrink;
-moz-flex-shrink: $shrink;
-ms-flex-shrink: $shrink;
flex-shrink: $shrink;
}

// Flex basis
// - the initial main size of the flex item
// - applies to: flex itemsnitial main size of the flex item
// <width>
@mixin flex-basis($width) {
-webkit-flex-basis: $width;
-moz-flex-basis: $width;
-ms-flex-basis: $width;
flex-basis: $width;
}

// Axis Alignment
// - applies to: flex containers
// flex-start | flex-end | center | space-between | space-around
@mixin justify-content($justify) {
-webkit-justify-content: $justify;
-moz-justify-content: $justify;
-ms-justify-content: $justify;
justify-content: $justify;
-ms-flex-pack: $justify;
}

// Packing Flex Lines
// - applies to: multi-line flex containers
// flex-start | flex-end | center | space-between | space-around | stretch
@mixin align-content($align) {
-webkit-align-content: $align;
-moz-align-content: $align;
-ms-align-content: $align;
align-content: $align;
}

// Cross-axis Alignment
// - applies to: flex containers
// flex-start | flex-end | center | baseline | stretch
@mixin align-items($align) {
-webkit-align-items: $align;
-moz-align-items: $align;
-ms-align-items: $align;
align-items: $align;
}

// Cross-axis Alignment
// - applies to: flex items
// auto | flex-start | flex-end | center | baseline | stretch
@mixin align-self($align) {
-webkit-align-self: $align;
-moz-align-self: $align;
-ms-align-self: $align;
align-self: $align;
}

@mixin vertical-alignment {
position: relative;
top: 50%;
-webkit-transform: translateY(-50.1%);
-ms-transform: translateY(-50.1%);
transform: translateY(-50.1%);
padding: 10px 0;
}

@mixin headline-style($font-size: $font-size-header) {
font-family: "Avenir Next", sans-serif;
font-weight: 400;
font-style: normal;
font-size: $font-size * 1px;
text-transform: none;
line-height: 1.5;
color: #282828;
display: block;
letter-spacing: 1px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

@include respond-to('medium-down'){
  font-size: floor($font-size * 0.8) * 1px;
}
}

@mixin word-wrap {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-word;
word-break: break-word;
}

/* #Functions
================================================== */
@function set-text-color($color) {
@if (lightness($color) > 50) {
  @return #000000; // Lighter background, return dark color
} @else {
  @return #ffffff; // Darker background, return light color
}
}

@function secondary-button-color($color) {
@if (lightness($color) > 80) {
  @return #000000; // Too light, send something darker
} @else {
  @return $color; // Normal color
}
}

/* #Reset & Basics
================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
@include respond-to('medium-down') {
  display: none;
}
}

/* #Fonts
================================================== */

@font-face {
font-family: "Avenir Next";
font-weight: 700;
font-style: normal;
src: url("/cdn/fonts/avenir_next/avenirnext_n7.8cfc646eab1e39e2d81a26284624600ccae49d55.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=e79fa12f89ca717ecff3cb70e90565851cf15ceec49d38b8c6f5140689c86f2e") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_n7.25b10f8089bc87dfd8e50a7c68b433da7a04bc87.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=c5425bb3c4d6683c75ffdb129a81b2f931730e8a9cb9a4d86b121c26497adc13") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 400;
font-style: italic;
src: url("/cdn/fonts/avenir_next/avenirnext_i4.f1583d9f457b68e44fbda187a48b4096d547d7f4.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=49378aade9be9bc74e41ade6c3877587ab14ad8a79986c13bbe3627b15eaf9ea") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_i4.67fb53a3e0351125941146246183577ae8d8bf23.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=6363815773217f5356be90043ff9e56721cd9eed65a7e9d10add60744fe374e1") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 700;
font-style: italic;
src: url("/cdn/fonts/avenir_next/avenirnext_i7.3a67996166b5b7f1b7cc3b35490ebd6824908dc5.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=b9f80454c0343658a08537da6b6277fd1e1ff286155e1dcb06725159afd56629") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_i7.b872875ff437f0efb4c2321d0016eaa726b649ae.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=3713a44e39da7c38fa96a702a7d856dbac86b7120ba879dd51a747f742add6d8") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 400;
font-style: normal;
src: url("/cdn/fonts/avenir_next/avenirnext_n4.7fd0287595be20cd5a683102bf49d073b6abf144.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=13d4bc80e3423df8e299efb1f2584dd8fe05cebcef0f86d514081a64eafd67f5") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_n4.a26a334a0852627a5f36b195112385b0cd700077.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=fb466065d083522a74e5c22f8ed09e07ccd3001e46b05ae66316a10c36a7b7f5") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 700;
font-style: normal;
src: url("/cdn/fonts/avenir_next/avenirnext_n7.8cfc646eab1e39e2d81a26284624600ccae49d55.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=e79fa12f89ca717ecff3cb70e90565851cf15ceec49d38b8c6f5140689c86f2e") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_n7.25b10f8089bc87dfd8e50a7c68b433da7a04bc87.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=c5425bb3c4d6683c75ffdb129a81b2f931730e8a9cb9a4d86b121c26497adc13") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 400;
font-style: italic;
src: url("/cdn/fonts/avenir_next/avenirnext_i4.f1583d9f457b68e44fbda187a48b4096d547d7f4.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=49378aade9be9bc74e41ade6c3877587ab14ad8a79986c13bbe3627b15eaf9ea") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_i4.67fb53a3e0351125941146246183577ae8d8bf23.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=6363815773217f5356be90043ff9e56721cd9eed65a7e9d10add60744fe374e1") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 700;
font-style: italic;
src: url("/cdn/fonts/avenir_next/avenirnext_i7.3a67996166b5b7f1b7cc3b35490ebd6824908dc5.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=b9f80454c0343658a08537da6b6277fd1e1ff286155e1dcb06725159afd56629") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_i7.b872875ff437f0efb4c2321d0016eaa726b649ae.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=3713a44e39da7c38fa96a702a7d856dbac86b7120ba879dd51a747f742add6d8") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 400;
font-style: normal;
src: url("/cdn/fonts/avenir_next/avenirnext_n4.7fd0287595be20cd5a683102bf49d073b6abf144.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=13d4bc80e3423df8e299efb1f2584dd8fe05cebcef0f86d514081a64eafd67f5") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_n4.a26a334a0852627a5f36b195112385b0cd700077.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=fb466065d083522a74e5c22f8ed09e07ccd3001e46b05ae66316a10c36a7b7f5") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 700;
font-style: normal;
src: url("/cdn/fonts/avenir_next/avenirnext_n7.8cfc646eab1e39e2d81a26284624600ccae49d55.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=e79fa12f89ca717ecff3cb70e90565851cf15ceec49d38b8c6f5140689c86f2e") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_n7.25b10f8089bc87dfd8e50a7c68b433da7a04bc87.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=c5425bb3c4d6683c75ffdb129a81b2f931730e8a9cb9a4d86b121c26497adc13") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 400;
font-style: italic;
src: url("/cdn/fonts/avenir_next/avenirnext_i4.f1583d9f457b68e44fbda187a48b4096d547d7f4.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=49378aade9be9bc74e41ade6c3877587ab14ad8a79986c13bbe3627b15eaf9ea") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_i4.67fb53a3e0351125941146246183577ae8d8bf23.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=6363815773217f5356be90043ff9e56721cd9eed65a7e9d10add60744fe374e1") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 700;
font-style: italic;
src: url("/cdn/fonts/avenir_next/avenirnext_i7.3a67996166b5b7f1b7cc3b35490ebd6824908dc5.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=b9f80454c0343658a08537da6b6277fd1e1ff286155e1dcb06725159afd56629") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_i7.b872875ff437f0efb4c2321d0016eaa726b649ae.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=3713a44e39da7c38fa96a702a7d856dbac86b7120ba879dd51a747f742add6d8") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 400;
font-style: normal;
src: url("/cdn/fonts/avenir_next/avenirnext_n4.7fd0287595be20cd5a683102bf49d073b6abf144.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=13d4bc80e3423df8e299efb1f2584dd8fe05cebcef0f86d514081a64eafd67f5") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_n4.a26a334a0852627a5f36b195112385b0cd700077.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=fb466065d083522a74e5c22f8ed09e07ccd3001e46b05ae66316a10c36a7b7f5") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 700;
font-style: normal;
src: url("/cdn/fonts/avenir_next/avenirnext_n7.8cfc646eab1e39e2d81a26284624600ccae49d55.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=e79fa12f89ca717ecff3cb70e90565851cf15ceec49d38b8c6f5140689c86f2e") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_n7.25b10f8089bc87dfd8e50a7c68b433da7a04bc87.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=c5425bb3c4d6683c75ffdb129a81b2f931730e8a9cb9a4d86b121c26497adc13") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 400;
font-style: italic;
src: url("/cdn/fonts/avenir_next/avenirnext_i4.f1583d9f457b68e44fbda187a48b4096d547d7f4.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=49378aade9be9bc74e41ade6c3877587ab14ad8a79986c13bbe3627b15eaf9ea") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_i4.67fb53a3e0351125941146246183577ae8d8bf23.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=6363815773217f5356be90043ff9e56721cd9eed65a7e9d10add60744fe374e1") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 700;
font-style: italic;
src: url("/cdn/fonts/avenir_next/avenirnext_i7.3a67996166b5b7f1b7cc3b35490ebd6824908dc5.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=b9f80454c0343658a08537da6b6277fd1e1ff286155e1dcb06725159afd56629") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_i7.b872875ff437f0efb4c2321d0016eaa726b649ae.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=3713a44e39da7c38fa96a702a7d856dbac86b7120ba879dd51a747f742add6d8") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 100;
font-style: normal;
src: url("/cdn/fonts/avenir_next/avenirnext_n1.b8db8a35a9e768fa29117855e86900d589e2e1ae.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=7380568d01c224e833d6ae856349610c73cb6ca9216cf093a3b213c658d4ac23") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_n1.5fb63ff533b99b9d715091a5ae2c97cd28d2d1cc.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=1ecc436c33476a717c06dfdcd57df50ae13522e34d1a4bd071ecfe2839af193e") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 100;
font-style: italic;
src: url("/cdn/fonts/avenir_next/avenirnext_i1.31c809dff84d92dcfb8fa5a6fd79575a7f086dc6.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=1f881dff62435355558784daac7766df0d5ee4b7e2a455ce29d746794afb1b14") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_i1.00bfce4a9e0878a90fe6f0f0ff643cb637284547.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=e41d1e0c920a3c973b39accd2151ad9f613ee0f2451f488669a570f78db5dcce") format("woff");
}

@font-face {
font-family: "Avenir Next";
font-weight: 400;
font-style: normal;
src: url("/cdn/fonts/avenir_next/avenirnext_n4.7fd0287595be20cd5a683102bf49d073b6abf144.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=13d4bc80e3423df8e299efb1f2584dd8fe05cebcef0f86d514081a64eafd67f5") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_n4.a26a334a0852627a5f36b195112385b0cd700077.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=fb466065d083522a74e5c22f8ed09e07ccd3001e46b05ae66316a10c36a7b7f5") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 700;
font-style: normal;
src: url("/cdn/fonts/avenir_next/avenirnext_n7.8cfc646eab1e39e2d81a26284624600ccae49d55.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=e79fa12f89ca717ecff3cb70e90565851cf15ceec49d38b8c6f5140689c86f2e") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_n7.25b10f8089bc87dfd8e50a7c68b433da7a04bc87.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=c5425bb3c4d6683c75ffdb129a81b2f931730e8a9cb9a4d86b121c26497adc13") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 400;
font-style: italic;
src: url("/cdn/fonts/avenir_next/avenirnext_i4.f1583d9f457b68e44fbda187a48b4096d547d7f4.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=49378aade9be9bc74e41ade6c3877587ab14ad8a79986c13bbe3627b15eaf9ea") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_i4.67fb53a3e0351125941146246183577ae8d8bf23.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=6363815773217f5356be90043ff9e56721cd9eed65a7e9d10add60744fe374e1") format("woff");
}


@font-face {
font-family: "Avenir Next";
font-weight: 700;
font-style: italic;
src: url("/cdn/fonts/avenir_next/avenirnext_i7.3a67996166b5b7f1b7cc3b35490ebd6824908dc5.woff2?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=b9f80454c0343658a08537da6b6277fd1e1ff286155e1dcb06725159afd56629") format("woff2"),
     url("/cdn/fonts/avenir_next/avenirnext_i7.b872875ff437f0efb4c2321d0016eaa726b649ae.woff?h1=c2hvcGZhbmNpaS5jb20&h2=ZmFuY2lpLmNvbQ&hmac=3713a44e39da7c38fa96a702a7d856dbac86b7120ba879dd51a747f742add6d8") format("woff");
}

@font-face {
font-family: "Avenir Next Ultra Light";
font-style: regular;
src: url("../assets/AvenirNext-UltraLight.woff2") format("woff2"),
     url("../assets/AvenirNext-UltraLight.woff") format("woff");
}

@font-face {
font-family: "Avenir Next Ultra Light Italic";
font-style: regular;
src: url("../assets/AvenirNext-UltraLightItalic.woff2") format("woff2"),
     url("../assets/AvenirNext-UltraLightItalic.woff") format("woff");
}

@font-face {
font-family: "Avenir Next Regular";
font-style: regular;
src: url("../assets/AvenirNext-Regular.woff2") format("woff2"),
     url("../assets/AvenirNext-Regular.woff") format("woff");
}

@font-face {
font-family: "Avenir Next Regular Italic";
font-style: regular;
src: url("../assets/AvenirNext-Italic.woff2") format("woff2"),
     url("../assets/AvenirNext-Italic.woff") format("woff");
}

@font-face {
font-family: "Avenir Next Medium";
font-style: regular;
src: url("../assets/AvenirNext-Medium.woff2") format("woff2"),
     url("../assets/AvenirNext-Medium.woff") format("woff");
}

@font-face {
font-family: "Avenir Next Medium Italic";
font-style: regular;
src: url("../assets/AvenirNext-MediumItalic.woff2") format("woff2"),
     url("../assets/AvenirNext-MediumItalic.woff") format("woff");
}

@font-face {
font-family: "Avenir Next DemiBold";
font-weight: 600;
font-style: regular;
src: url("../assets/AvenirNext-DemiBold.woff2") format("woff2"),
     url("../assets/AvenirNext-DemiBold.woff") format("woff");
}

@font-face {
font-family: "Avenir Next DemiBold Italic";
font-weight: 600;
font-style: regular;
src: url("../assets/AvenirNext-DemiBoldItalic.woff2") format("woff2"),
     url("../assets/AvenirNext-DemiBoldItalic.woff") format("woff");
}

@font-face {
font-family: "Avenir Next Bold";
font-style: regular;
src: url("../assets/AvenirNext-Bold.woff2") format("woff2"),
     url("../assets/AvenirNext-Bold.woff") format("woff");
}

@font-face {
font-family: "Avenir Next Bold Italic";
font-style: regular;
src: url("../assets/AvenirNext-BoldItalic.woff2") format("woff2"),
     url("../assets/AvenirNext-BoldItalic.woff") format("woff");
}

@font-face {
font-family: "Avenir Next Heavy";
font-style: regular;
src: url("../assets/AvenirNext-Heavy.woff2") format("woff2"),
     url("../assets/AvenirNext-Heavy.woff") format("woff");
}

@font-face {
font-family: "Avenir Next Heavy Italic";
font-style: regular;
src: url("../assets/AvenirNext-HeavyItalic.woff2") format("woff2"),
     url("../assets/AvenirNext-HeavyItalic.woff") format("woff");
}

/* #Basic Styles
================================================== */
body {
font-family: "Avenir Next", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 17px;
text-transform: none;
color: #000000;
line-height: 1.6em;
overflow: auto;
overflow-x:hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
background-color: #ffffff;
max-width: 100%;

  /*       .product{
  margin-top:7rem;
  } */
  }

body.blocked-scroll {
position: fixed;
overflow: hidden;
height: 100%;
width: 100%;
top: 0;
left: 0;
}

body.blocked-overflow {
overflow: hidden;
}

::-moz-selection {
background-color: #000;
color: #fff;
}

::selection {
background: #f0d2d0;
color: black;
}

abbr {
border-bottom: 1px dotted #cccccc;
}

/* Theme editor */

.editor-visible--true {
display: block !important;
}

/* Lazyloading styles */

.transition--fade-in {
opacity: 0;
transition: opacity 0.2s ease-in;
&.lazyloaded {
  opacity: 1;
}
}

.hide_desktop {
  display: none;
}

@media only screen and (max-width: 800px) {
  .hide_desktop {
    display: inline;
  }
  .hide_mobile {
    display: none;
  }
}

img[data-sizes="auto"].lazyloaded {
height: auto;
}

img[data-sizes="auto"],
img[data-sizes="100vw"] {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}

//Ensures that small images are not stretched larger
.image__container {
display: block;
margin-left: auto;
margin-right: auto;
}

.image-element__wrap {
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}

.image-element__wrap img {
height: auto;
}

/*============================================================================
Grid - full width columns, no gutter
- Based on CSS Wizardry grid
==============================================================================*/

.grid {
@include clearfix();
list-style: none;
margin: 0;
padding: 0;
}

.grid__item {
float: left;
width: 100%;

&[class*='--push'] {
  position: relative;
}
}

/*============================================================================
Reversed grids allow you to structure your source in the opposite
order to how your rendered layout will appear.
==============================================================================*/

.grid--rev {
direction: rtl;
text-align: left;

> .grid__item {
  direction: ltr;
  text-align: left;
  float: right;
}
}

@mixin container-column-generator($breakpoint: '') {

/* Base Grid */
.#{$breakpoint}one                      { width: calc(#{percentage(1 / 16)} - #{$gutter});}
.#{$breakpoint}two                     { width: calc(#{percentage(2 / 16)} - #{$gutter});}
.#{$breakpoint}three                   { width: calc(#{percentage(3 / 16)} - #{$gutter});}
.#{$breakpoint}four                    { width: calc(#{percentage(4 / 16)} - #{$gutter});}
.#{$breakpoint}five                    { width: calc(#{percentage(5 / 16)} - #{$gutter});}
.#{$breakpoint}six                     { width: calc(#{percentage(6 / 16)} - #{$gutter});}
.#{$breakpoint}seven                   { width: calc(#{percentage(7 / 16)} - #{$gutter});}
.#{$breakpoint}eight                   { width: calc(#{percentage(8 / 16)} - #{$gutter});}
.#{$breakpoint}nine                    { width: calc(#{percentage(9 / 16)} - #{$gutter});}
.#{$breakpoint}ten                     { width: calc(#{percentage(10 / 16)} - #{$gutter});}
.#{$breakpoint}eleven                  { width: calc(#{percentage(11 / 16)} - #{$gutter});}
.#{$breakpoint}twelve                  { width: calc(#{percentage(12 / 16)} - #{$gutter});}
.#{$breakpoint}thirteen                { width: calc(#{percentage(13 / 16)} - #{$gutter});}
.#{$breakpoint}fourteen                { width: calc(#{percentage(14 / 16)} - #{$gutter});}
.#{$breakpoint}fifteen                 { width: calc(#{percentage(15 / 16)} - #{$gutter});}
.#{$breakpoint}sixteen                 { width: calc(#{percentage(16 / 16)} - #{$gutter});}

/** Whole */
.#{$breakpoint}one-whole {
width: calc(100% - #{$gutter});
left: auto !important; //prevents offset-by from causing issues on breakpoints
}

/* Halves */
.#{$breakpoint}one-half { width: calc(#{percentage(1 / 2)} - #{$gutter}); }

/* Thirds */
.#{$breakpoint}one-third { width: calc(#{percentage(1 / 3)} - #{$gutter}); }
.#{$breakpoint}two-thirds { width: calc(#{percentage(2 / 3)} - #{$gutter}); }

/* Fourths */
.#{$breakpoint}one-fourth { width: calc(#{percentage(1 / 4)} - #{$gutter}); }
.#{$breakpoint}two-fourths { width: calc(#{percentage(2 / 4)} - #{$gutter}); }
.#{$breakpoint}three-fourths { width: calc(#{percentage(3 / 4)} - #{$gutter}); }

/* Fifths */
.#{$breakpoint}one-fifth { width: calc(#{percentage(1 / 5)} - #{$gutter}); }
.#{$breakpoint}two-fifths { width: calc(#{percentage(2 / 5)} - #{$gutter}); }
.#{$breakpoint}three-fifths { width: calc(#{percentage(3 / 5)} - #{$gutter}); }
.#{$breakpoint}four-fifths { width: calc(#{percentage(4 / 5)} - #{$gutter}); }

/* Sixths */
.#{$breakpoint}one-sixth { width: calc(#{percentage(1 / 6)} - #{$gutter}); }
.#{$breakpoint}two-sixths { width: calc(#{percentage(2 / 6)} - #{$gutter}); }
.#{$breakpoint}three-sixths { width: calc(#{percentage(3 / 6)} - #{$gutter}); }
.#{$breakpoint}four-sixths { width: calc(#{percentage(4 / 6)} - #{$gutter}); }
.#{$breakpoint}five-sixths { width: calc(#{percentage(5 / 6)} - #{$gutter}); }

/* Sevenths */
.#{$breakpoint}one-seventh { width: calc(#{percentage(1 / 7)} - #{$gutter}); }
.#{$breakpoint}two-sevenths { width: calc(#{percentage(2 / 7)} - #{$gutter}); }
.#{$breakpoint}three-sevenths { width: calc(#{percentage(3 / 7)} - #{$gutter}); }
.#{$breakpoint}four-sevenths { width: calc(#{percentage(4 / 7)} - #{$gutter}); }
.#{$breakpoint}five-sevenths { width: calc(#{percentage(5 / 7)} - #{$gutter}); }

/* Eighths */
.#{$breakpoint}one-eighth { width: calc(#{percentage(1 / 8)} - #{$gutter}); }
.#{$breakpoint}two-eighths { width: calc(#{percentage(2 / 8)} - #{$gutter}); }
.#{$breakpoint}three-eighths { width: calc(#{percentage(3 / 8)} - #{$gutter}); }
.#{$breakpoint}four-eighths { width: calc(#{percentage(4 / 8)} - #{$gutter}); }
.#{$breakpoint}five-eighths { width: calc(#{percentage(5 / 8)} - #{$gutter}); }
.#{$breakpoint}six-eighths { width: calc(#{percentage(6 / 8)} - #{$gutter}); }
.#{$breakpoint}seven-eighths { width: calc(#{percentage(7 / 8)} - #{$gutter}); }

/* Tenths */
.#{$breakpoint}one-tenth { width: calc(#{percentage(1 / 10)} - #{$gutter}); }
.#{$breakpoint}two-tenths { width: calc(#{percentage(2 / 10)} - #{$gutter}); }
.#{$breakpoint}three-tenths { width: calc(#{percentage(3 / 10)} - #{$gutter}); }
.#{$breakpoint}four-tenths { width: calc(#{percentage(4 / 10)} - #{$gutter}); }
.#{$breakpoint}five-tenths { width: calc(#{percentage(5 / 10)} - #{$gutter}); }
.#{$breakpoint}six-tenths { width: calc(#{percentage(6 / 10)} - #{$gutter}); }
.#{$breakpoint}seven-tenths { width: calc(#{percentage(7 / 10)} - #{$gutter}); }
.#{$breakpoint}eight-tenths { width: calc(#{percentage(8 / 10)} - #{$gutter}); }
.#{$breakpoint}nine-tenths { width: calc(#{percentage(9 / 10)} - #{$gutter}); }

/* Twelfths */
.#{$breakpoint}one-twelfth { width: calc(#{percentage(1 / 12)} - #{$gutter}); }
.#{$breakpoint}two-twelfths { width: calc(#{percentage(2 / 12)} - #{$gutter}); }
.#{$breakpoint}three-twelfths { width: calc(#{percentage(3 / 12)} - #{$gutter}); }
.#{$breakpoint}four-twelfths { width: calc(#{percentage(4 / 12)} - #{$gutter}); }
.#{$breakpoint}five-twelfths { width: calc(#{percentage(5 / 12)} - #{$gutter}); }
.#{$breakpoint}six-twelfths { width: calc(#{percentage(6 / 12)} - #{$gutter}); }
.#{$breakpoint}seven-twelfths { width: calc(#{percentage(7 / 12)} - #{$gutter}); }
.#{$breakpoint}eight-twelfths { width: calc(#{percentage(8 / 12)} - #{$gutter}); }
.#{$breakpoint}nine-twelfths { width: calc(#{percentage(9 / 12)} - #{$gutter}); }
.#{$breakpoint}ten-twelfths { width: calc(#{percentage(10 / 12)} - #{$gutter}); }
.#{$breakpoint}eleven-twelfths { width: calc(#{percentage(11 / 12)} - #{$gutter}); }

.collection .equal-columns--outside-trim .medium-down--one-half.medium-down--one-half{
    float: left;
}

.equal-columns--clear {
@if $breakpoint == '' {
  .#{$breakpoint}one-half:nth-of-type(2n+1),
  .#{$breakpoint}eight:nth-of-type(2n+1),
  .#{$breakpoint}one-third:nth-of-type(3n+1),
  .#{$breakpoint}one-fourth:nth-of-type(4n+1),
  .#{$breakpoint}four:nth-of-type(4n+1),
  .#{$breakpoint}one-fifth:nth-of-type(5n+1),
  .#{$breakpoint}one-sixth:nth-of-type(6n+1),
  .#{$breakpoint}one-seventh:nth-of-type(7n+1) {
    clear: both;
  }
}

@if $breakpoint == 'large-down--' {
  @include respond-to('large-down') {
    //Remove previous clears
    .#{$breakpoint}one-half.#{$breakpoint}one-half,
    .#{$breakpoint}eight.#{$breakpoint}eight,
    .#{$breakpoint}one-third.#{$breakpoint}one-third,
    .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
    .#{$breakpoint}four.#{$breakpoint}four,
    .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
    .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
    .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh {
      clear: none;
    }
    //Set new clears
    .#{$breakpoint}one-half:nth-of-type(2n+1),
    .#{$breakpoint}eight:nth-of-type(2n+1),
    .#{$breakpoint}one-third:nth-of-type(3n+1),
    .#{$breakpoint}one-fourth:nth-of-type(4n+1),
    .#{$breakpoint}four:nth-of-type(4n+1),
    .#{$breakpoint}one-fifth:nth-of-type(5n+1),
    .#{$breakpoint}one-sixth:nth-of-type(6n+1),
    .#{$breakpoint}one-seventh:nth-of-type(7n+1) {
      clear: both;
    }
  }
}

@if $breakpoint == 'medium-down--' {
  @include respond-to('medium-down') {
    //Remove previous clears
    .#{$breakpoint}one-half.#{$breakpoint}one-half,
    .#{$breakpoint}eight.#{$breakpoint}eight,
    .#{$breakpoint}one-third.#{$breakpoint}one-third,
    .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
    .#{$breakpoint}four.#{$breakpoint}four,
    .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
    .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
    .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh {
      clear: none;
    }
    //Set new clears
    .#{$breakpoint}one-half:nth-of-type(2n+1),
    .#{$breakpoint}eight:nth-of-type(2n+1),
    .#{$breakpoint}one-third:nth-of-type(3n+1),
    .#{$breakpoint}one-fourth:nth-of-type(4n+1),
    .#{$breakpoint}four:nth-of-type(4n+1),
    .#{$breakpoint}one-fifth:nth-of-type(5n+1),
    .#{$breakpoint}one-sixth:nth-of-type(6n+1),
    .#{$breakpoint}one-seventh:nth-of-type(7n+1) {
      clear: both;
    }
  }
}

@if $breakpoint == 'small-down--' {
  @include respond-to('small-down') {
    //Remove previous clears
    .#{$breakpoint}one-half.#{$breakpoint}one-half,
    .#{$breakpoint}eight.#{$breakpoint}eight,
    .#{$breakpoint}one-third.#{$breakpoint}one-third,
    .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
    .#{$breakpoint}four.#{$breakpoint}four,
    .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
    .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
    .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh {
      clear: none;
    }
    //Set new clears
    .#{$breakpoint}one-half:nth-of-type(2n+1),
    .#{$breakpoint}eight:nth-of-type(2n+1),
    .#{$breakpoint}one-third:nth-of-type(3n+1),
    .#{$breakpoint}one-fourth:nth-of-type(4n+1),
    .#{$breakpoint}four:nth-of-type(4n+1),
    .#{$breakpoint}one-fifth:nth-of-type(5n+1),
    .#{$breakpoint}one-sixth:nth-of-type(6n+1),
    .#{$breakpoint}one-seventh:nth-of-type(7n+1) {
      clear: both;
    }
  }
}

}

.equal-columns--outside-trim {
.#{$breakpoint}one-half:nth-of-type(2n),
.#{$breakpoint}eight:nth-of-type(2n),
.#{$breakpoint}one-third:nth-of-type(3n),
.#{$breakpoint}one-fourth:nth-of-type(4n),
.#{$breakpoint}four:nth-of-type(4n),
.#{$breakpoint}one-fifth:nth-of-type(5n),
.#{$breakpoint}one-sixth:nth-of-type(6n),
.#{$breakpoint}one-seventh:nth-of-type(7n),
.#{$breakpoint}two:nth-of-type(8n) {
  margin-right: 0;
}
.#{$breakpoint}one-half:nth-of-type(2n+1),
.#{$breakpoint}eight:nth-of-type(2n+1),
.#{$breakpoint}one-third:nth-of-type(3n+1),
.#{$breakpoint}one-fourth:nth-of-type(4n+1),
.#{$breakpoint}four:nth-of-type(4n+1),
.#{$breakpoint}one-fifth:nth-of-type(5n+1),
.#{$breakpoint}one-sixth:nth-of-type(6n+1),
.#{$breakpoint}one-seventh:nth-of-type(7n+1),
.#{$breakpoint}two:nth-of-type(8n+1) {
  margin-left: 0;
}

@if $breakpoint == 'large-down--' {
  @include respond-to('large-down') {
    //Reset previous margins
    .#{$breakpoint}one-half.#{$breakpoint}one-half,
    .#{$breakpoint}eight.#{$breakpoint}eight,
    .#{$breakpoint}one-third.#{$breakpoint}one-third,
    .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
    .#{$breakpoint}four.#{$breakpoint}four,
    .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
    .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
    .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh,
    .#{$breakpoint}two.#{$breakpoint}two {
      margin-right: 10px;
      margin-left: 10px;
    }
    //Set new margins on right
    .#{$breakpoint}one-half:nth-of-type(2n),
    .#{$breakpoint}eight:nth-of-type(2n),
    .#{$breakpoint}one-third:nth-of-type(3n),
    .#{$breakpoint}one-fourth:nth-of-type(4n),
    .#{$breakpoint}four:nth-of-type(4n),
    .#{$breakpoint}one-fifth:nth-of-type(5n),
    .#{$breakpoint}one-sixth:nth-of-type(6n),
    .#{$breakpoint}one-seventh:nth-of-type(7n),
    .#{$breakpoint}two:nth-of-type(8n) {
      margin-right: 0;
    }
    //Set new margins on left
    .#{$breakpoint}one-half:nth-of-type(2n+1),
    .#{$breakpoint}eight:nth-of-type(2n+1),
    .#{$breakpoint}one-third:nth-of-type(3n+1),
    .#{$breakpoint}one-fourth:nth-of-type(4n+1),
    .#{$breakpoint}four:nth-of-type(4n+1),
    .#{$breakpoint}one-fifth:nth-of-type(5n+1),
    .#{$breakpoint}one-sixth:nth-of-type(6n+1),
    .#{$breakpoint}one-seventh:nth-of-type(7n+1),
    .#{$breakpoint}two:nth-of-type(8n+1) {
      margin-left: 0;
    }
  }
}

@if $breakpoint == 'medium-down--' {
  @include respond-to('medium-down') {
    //Reset previous margins
    .#{$breakpoint}one-half.#{$breakpoint}one-half,
    .#{$breakpoint}eight.#{$breakpoint}eight,
    .#{$breakpoint}one-third.#{$breakpoint}one-third,
    .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
    .#{$breakpoint}four.#{$breakpoint}four,
    .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
    .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
    .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh,
    .#{$breakpoint}two.#{$breakpoint}two {
      margin-right: 10px;
      margin-left: 10px;
    }
    //Set new margins on right
    .#{$breakpoint}one-half:nth-of-type(2n),
    .#{$breakpoint}eight:nth-of-type(2n),
    .#{$breakpoint}one-third:nth-of-type(3n),
    .#{$breakpoint}one-fourth:nth-of-type(4n),
    .#{$breakpoint}four:nth-of-type(4n),
    .#{$breakpoint}one-fifth:nth-of-type(5n),
    .#{$breakpoint}one-sixth:nth-of-type(6n),
    .#{$breakpoint}one-seventh:nth-of-type(7n),
    .#{$breakpoint}two:nth-of-type(8n) {
      margin-right: 0;
    }
    //Set new margins on left
    .#{$breakpoint}one-half:nth-of-type(2n+1),
    .#{$breakpoint}eight:nth-of-type(2n+1),
    .#{$breakpoint}one-third:nth-of-type(3n+1),
    .#{$breakpoint}one-fourth:nth-of-type(4n+1),
    .#{$breakpoint}four:nth-of-type(4n+1),
    .#{$breakpoint}one-fifth:nth-of-type(5n+1),
    .#{$breakpoint}one-sixth:nth-of-type(6n+1),
    .#{$breakpoint}one-seventh:nth-of-type(7n+1),
    .#{$breakpoint}two:nth-of-type(8n+1) {
      margin-left: 0;
    }
  }
}

@if $breakpoint == 'small-down--' {
  @include respond-to('small-down') {
    //Reset previous margins
    .#{$breakpoint}one-half.#{$breakpoint}one-half,
    .#{$breakpoint}eight.#{$breakpoint}eight,
    .#{$breakpoint}one-third.#{$breakpoint}one-third,
    .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
    .#{$breakpoint}four.#{$breakpoint}four,
    .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
    .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
    .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh,
    .#{$breakpoint}two.#{$breakpoint}two {
      margin-right: 10px;
      margin-left: 10px;
    }
    //Set new margins on right
    .#{$breakpoint}one-half:nth-of-type(2n),
    .#{$breakpoint}eight:nth-of-type(2n),
    .#{$breakpoint}one-third:nth-of-type(3n),
    .#{$breakpoint}one-fourth:nth-of-type(4n),
    .#{$breakpoint}four:nth-of-type(4n),
    .#{$breakpoint}one-fifth:nth-of-type(5n),
    .#{$breakpoint}one-sixth:nth-of-type(6n),
    .#{$breakpoint}one-seventh:nth-of-type(7n),
    .#{$breakpoint}two:nth-of-type(8n) {
      margin-right: 0;
    }
    //Set new margins on left
    .#{$breakpoint}one-half:nth-of-type(2n+1),
    .#{$breakpoint}eight:nth-of-type(2n+1),
    .#{$breakpoint}one-third:nth-of-type(3n+1),
    .#{$breakpoint}one-fourth:nth-of-type(4n+1),
    .#{$breakpoint}four:nth-of-type(4n+1),
    .#{$breakpoint}one-fifth:nth-of-type(5n+1),
    .#{$breakpoint}one-sixth:nth-of-type(6n+1),
    .#{$breakpoint}one-seventh:nth-of-type(7n+1),
    .#{$breakpoint}two:nth-of-type(8n+1) {
      margin-left: 0;
    }
  }
}

.#{$breakpoint}one-whole:nth-of-type(1n+1) {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.#{$breakpoint}one-half { width: calc(#{percentage(1 / 2)} - (#{$gutter} - (#{$gutter} / 2)));}
.#{$breakpoint}one-third { width: calc(#{percentage(1 / 3)} - (#{$gutter} - (#{$gutter} / 3)));}
.#{$breakpoint}one-fifth { width: calc(#{percentage(1 / 5)} - (#{$gutter} - (#{$gutter} / 5)));}
.#{$breakpoint}one-fourth { width: calc(#{percentage(1 / 4)} - (#{$gutter} - (#{$gutter} / 4)));}
.#{$breakpoint}one-sixth { width: calc(#{percentage(1 / 6)} - (#{$gutter} - (#{$gutter} / 6)));}
.#{$breakpoint}one-seventh { width: calc(#{percentage(1 / 7)} - (#{$gutter} - (#{$gutter} / 7)));}

.#{$breakpoint}two { width: calc(#{percentage(2 / 16)} - (#{$gutter} - (#{$gutter} / 8)));}
.#{$breakpoint}four { width: calc(#{percentage(4 / 16)} - (#{$gutter} - (#{$gutter} / 4)));}
.#{$breakpoint}seven { width: calc(#{percentage(7 / 16)} - (#{$gutter} - (#{$gutter} / 2)));}
.#{$breakpoint}eight { width: calc(#{percentage(8 / 16)} - (#{$gutter} / 2));}
.#{$breakpoint}nine { width: calc(#{percentage(9 / 16)} - (#{$gutter} - (#{$gutter} / 2)));}
}
}


/*================ Build Base Grid Classes ================*/
@include container-column-generator();
@include responsive-display-helper();
@include responsive-text-align-helper();

/*============================================================================
Generate breakpoint-specific column widths and push classes
- Default column widths: $breakpoint-has-widths: ($small, $medium-up);
- Default is no push classes
- Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
$breakpoint-has-widths: ($large-down, $medium-down, $small-down);
$breakpoint-has-push: ();

// /*================ Build Responsive Grid Classes ================*/
@each $breakpoint in $breakpoint-has-widths {
@include respond-to($breakpoint) {
  @include container-column-generator('#{$breakpoint}--');
  @include responsive-display-helper('#{$breakpoint}--');
  @include responsive-text-align-helper('#{$breakpoint}--');
}
}

// /*================ Build Grid Push Classes ================*/
@each $breakpoint in $breakpoint-has-push {
@include respond-to($breakpoint) {
  @include grid-push-generator('#{$breakpoint}--');
}
}

//Responsive grid - uses gutters

.container {
position: relative;
max-width: $site-width;
margin: 0 auto;
@include respond-to('large-down') {
  width: calc(90% + #{$gutter});
}
@include respond-to('small-down') {
width: calc(100% - 40px);
}
}

.container .container {
width: 100%;
}

[class*="offset-by"] {
position: relative;
@include respond-to('small-down') {
  position: static;
}
}

.container:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

.column,
.columns {
float: left;
display: inline;
box-sizing: border-box;

@media (max-width: 799px){
  margin-left: 0px;
  margin-right: 0px;
}

}

.product-new{
  .column,.columns{
    @media (max-width: 799px){
     
  }
}
}

.column:not([class*="small-down--one-half"]),
.columns:not([class*="small-down--one-half"]) {
@include respond-to('small-down') {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}

.even {
@include respond-to('small-down') {
  margin-left: 0;
}
}

.odd {
@include respond-to('small-down') {
  margin-right: 0;
}
}

.flex-container {
@include flexbox();
}

.flex-container:after {
visibility: hidden;
display: none;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

.row {
margin-bottom: $gutter;
}

.row:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

//Can be used on inner div inside container element to apply borders (that maintain the same width as columns)
.container-border--top::before {
display: block;
content: '';
height: 0;
width: calc(100% - #{$gutter});
border-top: thin solid #cccccc;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
float: left;
@include respond-to('small-down') {
width: 100%;
}
}

.container-border--bottom::after {
display: block;
content: '';
height: 0;
width: calc(100% - #{$gutter});
border-top: thin solid #cccccc;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
clear: both;
@include respond-to('small-down') {
width: 100%;
}
}

//Applied to container elements that need to be smaller than the $site-width
.narrow-width--true.container {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}

//Override the max-width on container element and stretch full screen (wide_display)
.container.full-width--true,
.full-width--true > .container {
width: 100%;
max-width: 100%;
}

.container.fullWidthMobile--true,
.column.fullWidthMobile--true,
.columns.fullWidthMobile--true {
@include respond-to('small-down') {
  width: 100% !important;
  max-width: 100%;
}
}

//Styles applied only on larger screen sizes
@include respond-to('small-up'){
/* Nested Column Classes */
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }

/* Offsets */
.offset-by-one                   { left: calc(#{percentage(1 / 16)});}
.offset-by-two                   { left: calc(#{percentage(2 / 16)});}
.offset-by-three                 { left: calc(#{percentage(3 / 16)});}
.offset-by-four                  { left: calc(#{percentage(4 / 16)});}
.offset-by-five                  { left: calc(#{percentage(5 / 16)});}
.offset-by-six                   { left: calc(#{percentage(6 / 16)});}
.offset-by-seven                 { left: calc(#{percentage(7 / 16)});}
.offset-by-eight                 { left: calc(#{percentage(8 / 16)});}
.offset-by-nine                  { left: calc(#{percentage(9 / 16)});}
.offset-by-ten                   { left: calc(#{percentage(10 / 16)});}
.offset-by-eleven                { left: calc(#{percentage(11 / 16)});}
.offset-by-twelve                { left: calc(#{percentage(12 / 16)});}
.offset-by-thirteen              { left: calc(#{percentage(13 / 16)});}
.offset-by-fourteen              { left: calc(#{percentage(14 / 16)});}
.offset-by-fifteen               { left: calc(#{percentage(15 / 16)});}
}

/* #Typography
================================================== */
.logo {
font-family: "Avenir Next", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
text-transform: uppercase;
line-height: 1.2em;

}

/*  Headings  */

h1 {
@include headline-style($font-size-header);
margin: 0 auto 15px;
clear:both;
font-weight: 400;
padding-top: 4px;
a {
  &:link, &:visited {
    font-weight: inherit;
    color: #282828;
  }
  &:hover, &:active {
    color: #a14150;
  }
}
&.collection_title_tags {
  padding-right: 25px;
  border-right: solid 1px #cccccc;
}
}

h2, .h2, h2.title {
@include headline-style(floor($font-size-header*0.9));
margin-bottom: 0.75em;
a {
  font-weight: inherit;
}
&.collection_title {
  margin-bottom: 0;
  display: inline;
}
&.product_name a {
  color: #282828;
}
}
.cart h2 {
margin-top: 0;
}

h3, .h3 {
@include headline-style(floor($font-size-header*0.8));
margin: 0 auto 15px 0;
a, a:visited {
  font-weight: inherit;
  color: #282828;
}
&.title {
  line-height: 1.25;
  margin: 0 auto 15px;
  clear:both;
  padding-top: 4px;
  a, a:visited {
    color: #282828;
  }
}
&.sub_title {
  padding: 5px 0;
  color: #282828;
  a {
    color: #282828;
  }
}
}

h4, .h4 {
@include headline-style(floor($font-size-header*0.7));
margin: 0 0 0.5em 0;
padding: 7px 0;
a {
  font-weight: inherit;
}
&.title a {
  border: 0;
  padding: 0;
  margin: 0;
}
}

h5, .h5 {
@include headline-style(floor($font-size-header*0.65));
margin: 0 0 0.5em 0;
padding: 7px 0;
a {
  font-weight: inherit;
}
&.sub_title {
  padding: 5px 0;
  color: #282828;
  a {
    color: #282828;
  }
}
}

h6, .h6 {
@include headline-style(floor($font-size-header*0.6));
letter-spacing: 0px;
margin: 0 0 0.5em 0;
padding: 7px 0;
a {
  font-weight: inherit;
}
&.title {
  line-height: 32px;
  margin: 0 0 0.5em 0;
  color: #282828;
}
}

.cart h6 {
margin-top: 0;
}

.collection_title {
@include headline-style;
margin: 0 auto 15px;
clear: both;
padding-top: 4px;
a {
  font-weight: inherit;
  color: #282828;
  &:hover, &:active {
    color: #a14150;
  }
}
}

div {
&.collection_title {
  margin-bottom: 0;
  line-height: 34px;
  display: inline;
}
&.collection_title_tags {
  padding-right: 25px;
  border-right: solid 1px #cccccc;
}
}

.headline,
.empty_cart,
.promo_banner,
.title {
@include headline-style;
}

.title.insta,
.title.twitter {
@include respond-to('medium-down') {
  text-align: center;
}
a {
  color: #282828;
}
}

.title.center.blog a {
color: #282828;
}

/*  Content  */

p {
margin: 0 0 15px;
font-style: normal;
line-height: 1.6em;
img {
  margin: 0;
}
}
p span {
  line-height: 1.3em !important;
}
sub {
font-size: 60%;
}

em, i {
font-style: italic;
}

strong, b {
font-weight: bold;
}

small {
font-size: 100%;
}

.feature img {
position: relative;
top: 7px;
margin-right: 5px;
width: 25px;
height: 25px;
}

.onboard-text {
margin: 0;
}

.page-divider {
opacity: 0;
border-color: #aaaaaa;
border-top: 0;
}

.active-divider {
opacity: 1;
}

.feature p {
font-size: smaller;
}

#featured_links {
padding: 20px 0;
h2 {
  padding-top: 15px;
}
}


#featured_links .column, #featured_links .columns {
opacity: 1;
}


//Add default spacing to allow room for stars (from Shopify review app)
.slider-gallery .shopify-product-reviews-badge {
height: 30px;
display: block;
}

//Add spacing below review stars (from Shopify review app)
.spr-badge + .feature_divider {
margin-top: 15px;
}
.spr-badge {
padding: 5px 0;
}
.thumbnail .spr-badge-caption {
display: none;
}
div#shopry-review-photos a { display: block !important; }

//Feature divider variables
$borderWidth: 1px;
$borderWidthHr: 1px;
$borderStyle: solid;

.feature_divider {
width: 100%;
margin-bottom: 20px;
display: block;
border: 0;
border-color: #aaaaaa;
border-bottom-width: $borderWidth;
border-bottom-style: $borderStyle;

&.no-margin {
  margin-bottom: 0px;
}

@include respond-to('medium-down'){
  margin-bottom: 10px;
}
}

div.container.bottom-fix {
padding-bottom: 0px;
}

.page .feature_divider,
.page h2.title + .feature_divider {
margin-bottom: 15px;
}

/*  Blockquotes  */

blockquote, blockquote p {
font-size: 17px;
line-height: 24px;
font-style: italic;
}

blockquote {
margin: 0 0 20px;
padding: 9px 20px 0 19px;
border-left: 1px solid #cccccc;
cite {
  display: block;
  font-size: 12px;
  color: #555;
  a, a:visited {
    color: #555;
  }
  &:before {
    content: "\2014 \0020";
  }
}
}

hr {
border-color: #aaaaaa;
border-width: $borderWidthHr;
border-style: $borderStyle;
clear: both;
margin: 12px 0;
height: 0;
}

.cart_container {

.menu_title_new{
      margin-right: -5px;

}
hr {
  border-top-width: 0px;
}
}

div.section.collection_description {
margin: 0 0 1.5em 0;
}

/* #Links
================================================== */
a,
a:visited,
a span {
color: #e7a6b7;
text-decoration: none;
position: relative;
transition: color .1s linear;
}

a:hover,
a:focus {
color: #cb7d89;
}

a,
button,
input,
select,
textarea,
label,
summary {
touch-action: manipulation;
}

/* #Lists
================================================== */
ul, ol {
margin-bottom: 20px;
ul, ol {
  margin: 4px 0 5px 30px;
  li {
    margin-bottom: 6px;
  }
}
li {
  margin-bottom: 12px;
}
}

ul {
list-style: disc outside;
&.square {
  list-style: square outside;
}
&.circle {
  list-style: circle outside;
}
&.disc {
  list-style: disc outside;
}
&.large li {
  line-height: 21px;
}
&.none {
  list-style: none outside;
  margin-left: 0;
}
&.border {
  list-style: none outside;
  line-height: 26px;
  li {
    border-bottom: 1px solid #cccccc;
    list-style: none outside none;
    padding: 12px 0;
    margin-bottom: 0;
  }
}
}

ol {
list-style: decimal;
}

/* #Menu
================================================== */

.lock-scroll {
  overflow: hidden;
}
.header {
z-index: 1000;
width: 100%;
top: 0;
a, a:visited, a span, select.currencies {
  color: #6d6e71;
  text-shadow: none;
}
div.container {
  padding-bottom: 5px;
  padding-top: 5px;
}
}

body.is-active {
overflow-y: hidden;
overflow-x:hidden;

#header {
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition:1s ease;
  background:rgba(0,0,0,0.8);
  background:#00000080;
}
}

#header.mobile_nav-fixed--true,
.mobile_nav-fixed--false.is-active #header {
position: fixed;
z-index: 1001;
width: 100%;
top: 0;
left: 0;
}

#header-hover{
  opacity:0;
}
.scrolledDown #header-hover{
  opacity: 1;
}

#header {

.top_bar {

    .menu_title_new{
      color:#000;

      &:hover{
        color: $cta-pink;
        transition: 0.2s ease;
      }

  }

  text-align: center;
  transition: 0.2s ease;
  height: 100px;
  @include respond-to('medium-down'){
    height:70px;
  }
  @include flexbox();
  @include align-items(center);
  .icon-search {
    z-index: 3;
    &:before {
      font-size: 18px;
      font-weight:bold;
      background-image: url($wht-search);
    }
  }
  a {
    &.right {
      left: auto;
      right: 15px;
      font-size: 20px;
      padding-top: 8px;
      top: 4px;
      z-index: 1;
    }
    &.mobile_nav {
      @include flexbox();
      @include align-items(center);
      z-index: 1001;
    }
  }
  > a, > a:visited, > a:active {
    display: block;
    font-size: 25px;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  a span {
    color: #6d6e71;
    display: inline-block;
    padding-left: 4px;
    position: relative;
    font-family: Avenir Next;
  }
}
}

#header .top_bar a.icon-cart:before {
font-size: 18px;
font-weight:bold;
@include respond-to('small-down'){
  font-size:1.5rem;
}
}

#header .top_bar a span.cart_count{

 @media (max-width: 798px){
  padding: 1px!important;
 }

  display: block;
  background-color: #b05768 !important;
  color: #fff;
  border-radius: 50px;
  height: 20px;
  margin: auto;
  text-align: center;
  width: 20px;
  line-height: 20px;
  top: -8px;
  right: -8px;
}

#header.scrolledDown .top_bar a span.cart_count{
  background-color:$cta-pink!important;
  color:#fff!important;
}

#header.scrolledDown .top_bar .menu_title_new{
color:#000!important;
&:hover{
  color: $cta-pink!important;
}
}

#header .top_bar a span.menu_title_new {
  background-color: transparent;
  color:#fff!important;
}

.nav ul.mobile_menu li a {
display: inline-block;
}

.menu .vertical-menu {
li {
  position: relative;

}
}
.vertical-menu {
display: inline;
}

.menu .vertical-menu li:hover .vertical-menu_submenu {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease-in;
pointer-events: all;
z-index: 2000;
}

.menu .vertical-menu_submenu li:hover .vertical-menu_sub-submenu {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease-in;
pointer-events: all;
z-index: 2000;
}

.menu .vertical-menu_submenu {
position: absolute;
left: 0;
top: 100%;
padding-left: 0;
margin: 0;
visibility: hidden;
opacity: 0;
transition: opacity 0.5s ease-in;
pointer-events: none;
text-align: left;
width: 270px;
@include background-opacity(#ffffff, 1);
li {
  padding: 0 20px;
  display: block;
}
a {
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
}
span.icon-down-arrow {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
}

.menu .vertical-menu_submenu.is-visible,
.menu .vertical-menu_sub-submenu.is-visible {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease-in;
pointer-events: all;
z-index: 2000;
}

.menu .vertical-menu_sub-submenu {
position: absolute;
left: 100%;
top: 0;
padding-left: 0;
margin: 0;
visibility: hidden;
opacity: 0;
transition: opacity 5s ease-in;
pointer-events: none;
width: 270px;
@include background-opacity(#ffffff, 1);
li {
  padding: 0 20px;
  display: block;
}
a {
  display: block;
}
}

.vertical-menu_submenu.vertical-menu--align-right {
right: 0;
left: auto;
}

.vertical-menu_sub-submenu.vertical-menu--align-right {
right: 100%;
left: auto;
}

/*  Mobile nav  */

.mobile-social-icons{

a.fancii-hashtag{
  padding-left: 20px;
  font-weight: bold;
  font-size: 14px;
  line-height: 12px;
  letter-spacing: 0.01em;
  color: $cta-pink;
}

.footer-social-icons-container{
  padding-left: 20px;
  ul{
    display: inline-flex;
    padding: 0px;
    margin: 0px;

    i.fab{
      border: solid 2px #EFB9C3;
    }
  }
}
}

.mobile-currency-menu{
  padding-top: 25px !important;
  padding-left: 15px;
  padding-bottom: 15px;
  position: relative;
  background: #fff;
  top: -15px;

h4{
  font-weight: bold;
  font-size: 14px;
  line-height: 12px;
  letter-spacing: 0.01em;
  color: $cta-pink;
  padding-left: 20px;
}
}

#mobile_menu select.currencies {
  width: 35%;
  border: solid 2px $light-pink!important;
  font-size: 1rem;
  padding-left: 10px;
  margin-left: 20px;
}

#header .mobile_nav.dropdown_link {
cursor:pointer;
span.menu_title {
  position: absolute;
  left: 40px;
  @include respond-to('small-down'){
    /*   hide the shop word on mobile  */
    display:none;
  }
}
}

.mobile_nav div {
width: 25px;
height: 39px;
position: relative;
float: left;
margin: 0px 15px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
transition: .1s ease-in-out;
cursor: pointer;
@include respond-to('small-down'){
  width:27px;
}
}

.mobile_nav div span {
display: block !important;
position: absolute !important;
height: 2px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
padding: 0 !important;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
transition: .1s ease-in-out;
@include respond-to('small-down'){
  height:2px;
}
}

.mobile_nav div span:nth-child(1) {
top: 13px;
@include respond-to('small-down'){
  top:0.7rem;
}
}

.mobile_nav div span:nth-child(2),.mobile_nav div span:nth-child(3) {
top: 19.48px;
@include respond-to('small-down'){
  top:1.14rem;
}
}

.mobile_nav div span:nth-child(4) {
top: 26px;
@include respond-to('small-down'){
  top:1.6rem;
}
}

.mobile_nav div.open span:nth-child(1) {
top: 9px;
width: 0%;
left: 50%;
}

.mobile_nav div.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.mobile_nav div.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.mobile_nav div.open span:nth-child(4) {
top: 9px;
width: 0%;
left: 50%;
}

.mobile_menu_title_no_arrow{
font-family: "Avenir Next DemiBold"!important;
font-size: 18px!important;
line-height: 23px;
letter-spacing: 1px;
text-transform: uppercase;
color: #000000;
margin-top:15px!important;
margin-bottom:15px!important;
padding-left: 25px!important;
cursor: pointer;
width:100%;
position: relative;
a{
  padding-top:0px!important;
  padding-bottom:0px!important;
  font-size: 18px;
}
}

.mobile_menu_title_new{
font-weight: 500;
font-size: 18px;
line-height: 23px;
letter-spacing: 1px;
text-transform: uppercase;
color: #000000;
margin-top:15px!important;
margin-bottom:15px!important;
padding-left: 25px!important;
cursor: pointer;
width:100%;
position: relative;

&:first-child{
  margin-top:0px!important;
}

&:after{
  content:'';
  position: absolute;
  width: 10px;
  height: 5px;
  background:url($down-icon);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  top: 10px;
  right: 20px;
  margin-left: 10px;
  transition: 0.2s ease;
}
}

.mobile_droor{
  background-color: #FEF3F7;
  width: 100%;
  padding: 15px 30px;
  display: none;


  li{
    text-transform: capitalize;

    a{
      font-size: 16px;
      line-height: 32px;

  }
}

   a{
     @media (max-width: 1024px){
        &:hover{
          color:#000;
        }
  }
}
}

.mobile_droor.open{
display: block;
}

#mobile_menu {
background-color: #fff;
margin: 0px;
@include respond-to('small-down'){
  margin: 0rem;
}
li {
  padding-right: 0;
  display: block;
  font-family: "Avenir Next DemiBold";

  a span.icon-down-arrow {
    padding: 0 15px !important;
  }
}
.sublink ul {
  display: none;
  margin-left: 0;
  padding-left: 10px;
}
}

.feature_image.editor-hover--true {
.main_nav,
.dropdown {
  @include background-opacity(#ffffff, 1);
  clear: both;
  transition: all 0.3s linear;
  animation: fadeIn 0.3s linear none;
}
}

.top_bar {
height: 80px;
background-color: #ffffff;
padding: 0 0 0 10px;

  &:hover{
    background-color:#fff;
    transition: 0.2s ease;

    @media (max-width: 1024px){
      background-color: transparent;
    }

    .menu_title_new{ color:#000!important;}
  }

.social_icons {
  float: left;
  margin: 0;
  padding-left: 10px;
  li {
    padding: 5px;
  }
}
a {
  @include flexbox();
  @include align-items(center);
}
ul.social_icons a {
  display: inline;
  @include flex(none);
}
.top_bar--right {
  display: -webkit-box;
  @include align-items(center);
  margin-left: auto;
  height: 40px;
  z-index: 999999;
  .icon-search {
    display: inline-block;
    line-height: 0;
    padding-right: 20px;
  }
  .cart_container {
    display: inline-block;
    span.cart_count{
      @include respond-to('medium-down'){
        font-size:1.2rem;
        font-weight:500;
      }

    }
  }
}
}

.main_nav,
.dropdown {
@include background-opacity(#ffffff, 1);
clear: both;
transition: all 0.3s linear;
animation: fadeIn 0.3s linear none;
}



.sticky_nav {
position: fixed;
width: 100%;
z-index: 35;
top: 0;
left: 0;
padding: 0;

/* Translate -100% to move off screen */
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);

/* Animations */
transition: all 300ms ease-in-out;
}

.is-active .sticky_nav {
bottom: 0;
overflow-y: scroll;
overflow-x: hidden;
}

.sticky_nav--stick {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
@include respond-to('medium-down') {
  display: none;
}
}

.sticky_nav--unstick {
opacity: 0;
transition: opacity 0s;
}

.sticky_nav ul.menu, .sticky_nav .mini_cart {
padding-bottom: 0 !important;
}

.menu.center,
.menu.align_right,
.menu.align_left {
margin: 0 20px;
}

.menu {
display: block;
border: none;
padding: 0;
margin: 0;
li {
  display: inline-block;
  margin: 0;
  border: 0;
}
}

.nav ul li a.sub-menu {
padding: 10px 4px 10px 4px;
z-index: 1001;
}

.nav ul li:hover a.sub-menu {
color: #6d6e71;
}

.menu a,
.menu a:visited,
.menu a:active,
#header span.menu_title,
.menu a span,
select.currencies,
.mini_cart span {
font-family: "Avenir Next", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
line-height: 32px;
text-transform: none;
color: #6d6e71;
padding-top: 8px;
padding-bottom: 8px;
position: relative;
display: block;
letter-spacing: 1px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
outline: 0;
@media (max-width: 1024px){
  font-size: 16px;
  line-height: 34px;
  padding-bottom:5px;
  padding-top: 0px;
  color:#000;
}
}

.feature_image .main_nav a,
.feature_image .main_nav a span {
color: #ffffff;
}

.menu li, #header span.menu_title,
.menu a span, select.currencies,
.mini_cart span {
padding-left: 15px;
padding-right: 15px;
}

#header span.menu_title {
cursor: pointer;
height: 30px;
line-height: 20px;
margin-top: -2px;
}

.menu li {
vertical-align: top;
}

select.currencies {
height: 40px;
min-height: 40px;
padding-top: 0;
padding-bottom: 0;
cursor: pointer;
@if (lightness(#ffffff) > 50) {
  background-image: url(/cdn/shop/t/88/assets/select.png?v=4799844845099085914); // Lighter background
} @else {
  background-image: url(/cdn/shop/t/88/assets/select_light.png?v=17287763720262236841); // Darker background
}
@include respond-to('medium-down'){
  font-size: 16px;
}
}

.feature_image .header .menu a,
.feature_image .header .menu a:visited,
.feature_image .header .menu a span {
color: #ffffff;

}

.feature_image .header .menu a[href]:hover,
.menu a.active,
.menu a.active span,
.feature_image .header .menu a.active,
.header_bar a.active,
.feature_image .header .menu a:focus {
color: #cb7d89;
}

.menu li a[href]:hover,
.menu li a:focus,
.menu a[href]:hover span {
color: #000;
}

.menu a.top_link,
.menu a.dropdown_link {
border-bottom: solid 1px transparent;
}

.menu a.top_link:hover,
.menu a.dropdown_link:hover,
.menu a.active_link {

border-bottom: solid 1px transparent;
}

.feature_image a.top_link:hover {
border-bottom: solid 1px #cb7d89;
}

.menu a span {
display: inline;
vertical-align: top;
}

.top_bar a,
.top_bar a:visited,
.top_bar a:active,
.top_bar a span,
.top_bar select.currencies,
a.mini_cart,
a.mini_cart span,
.feature_image .header .top_bar .menu a,
.feature_image .header .top_bar .menu a span,
.cart_container .mini_cart:hover {


}

.top_bar li a:hover,
.top_bar li a[href]:hover,
.top_bar li a[href]:hover span,
.top_bar li a:active,
.top_bar li a:hover span,
.top_bar a:active span,
.top_bar .currencies:hover,
.feature_image .header .top_bar .menu a:hover,
.feature_image .header .top_bar .menu a:hover span {
color: $cta-pink;
}

.top_bar li {
padding-right: 10px;
margin-bottom: 0px;
}

.top_bar .menu a, .top_bar .social_icons a {
height: 40px;
line-height: 40px;
padding: 0;
}

/*  Mini cart  */
.mini_cart,
.nav a.mini_cart {
float: right;
text-align: center;
cursor: pointer;
background-color: #ffffff;
padding-left: 5px;
padding-right: 5px;
margin-left: 5px;
height: 40px;
z-index: 2001;
@include respond-to('medium-up'){
  padding-left: 15px;
  padding-right: 15px;
}
@include respond-to('medium-down'){
  right: 0;
}
}

.cart_container {
li.cart_item {
  @include flexbox();
  .sale,
  .price {
    text-align: left;
    display: flex;
  }
  .cart_item__title {
    width: auto;
  }
}
}

.nav a.mini_cart {

margin-left: 15px;

}

.top_bar a.mini_cart span {
padding-top: 0;
padding-bottom: 0;
line-height: 40px;
}

a.tos_icon,
.cart_content a.tos_icon {
font-size: 13px;
color: #a14150;
&:visited {
  color: #a14150;
}
&:hover {
  color: #cb7d89;
}
}

.cart_content__continue-shopping {
display: none;
}

.no-touchevents {
a.cart_content__continue-shopping.secondary_button {
  display: none;
}
}

.no-touchevents,
.touchevents {
a.cart_content__continue-shopping.secondary_button {
  /*   usually mobile minicart shows the "continue shopping" button but is set to display none   */
  display: none;
  @include respond-to('medium-down') {
    display: none;
    border-top: 0;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: static;
    font-size: inherit;
    letter-spacing: inherit;
  }
} 
}

.mini_cart span {
display: inline-block;
}
.cart_container .cart_content {
display: none;
transform: translateX(560px);
transition: 0.2s ease;
margin-top: -80px;
@media (max-width:480px){
  margin-top: -60px;
  overflow: hidden;
  max-height: 100vh;
}
}

.cart_container.active_link .cart_content {
display: block;
overflow-y: auto;
transform: translateX(0px);
transition: 0.2s ease;

@media (max-width:480px){
  margin-top: -49px;
  overflow: hidden;
  max-height: 100vh;
}
}

.cart_container.active_link .cart_content::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
.cart_container.active_link .cart_content::-webkit-scrollbar-thumb {
border-radius: 0;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

//Prevent mini cart from appearing on cart page for touchscreen devices
html.touchevents .cart .cart_container {
pointer-events: none;
}

.cart_content .product-quantity-box,
#cart_form .product-quantity-box {
margin: 25px 0 18px 0;
width: 130px;
position: absolute;
bottom: 0px;

  @media (max-width: 798px){
  width: 100%;
  bottom:12px;
  margin:0px;

  @media (max-width: 480px){
    width: 80%;
  }
}
}

.cart .cart_content .product-quantity-box,
.cart #cart_form .product-quantity-box {
margin: 25px 0 18px 0;
width: 130px;
position: relative;
bottom: 0px;

  @media (max-width: 798px){
  width: 100%;
  bottom:12px;
  margin:0px;

  @media (max-width: 480px){
    width: 100%;
  }
}
}

.cart_content .product-quantity-box .quantity,
#cart_form .product-quantity-box .quantity {
padding: 0 5px;
width: 30%;
min-height: 44px;
height: 44px;

  @media (max-width: 798px){
  min-height: 25px;
  height: 25px;
  width: 45px;
  margin-right: -3px;
}
}
.cart_content .product-quantity-box .product-plus,
#cart_form .product-quantity-box .product-plus {
font-size: 5px;
line-height: 44px;
height: 44px;
padding-right: 2px;
width: 25%;

  @media (max-width: 798px){
      line-height: 25px;
  height: 25px;
  width: 25px;
  padding-right: 5px;
}
}
.cart_content .product-quantity-box .product-minus,
#cart_form .product-quantity-box .product-minus {
font-size: 7px;
line-height: 44px;
height: 44px;
padding-right: 2px;
width: 25%;

@media (max-width: 798px){
  line-height: 25px;
  height: 25px;
  width: 25px;
  padding-left: 4px;
}
}

#cart_form .product-quantity-box .product-minus,
#cart_form .product-quantity-box .product-plus,
.nav .product-quantity-box .product-minus,
.nav .product-quantity-box .product-plus {
padding-right: 0;
}

#cart_form .icon-minus,
#cart_form .icon-plus {
position: relative;
left: 1px;
}



.cart_container.active_link .mini_cart,
.cart_container.active_link .mini_cart span {
background-color: #ffffff;
color: #000000 !important;
}

.cart_content {
top: 80px;
right: 0;
position: absolute;
z-index: 2000;
background-color: #ffffff;
font-family: "Avenir Next", sans-serif;
font-weight: 400;
font-style: normal;
font-size: smaller;
text-transform: none;
color: #000000;
border: 1px solid #cccccc;
border-top: 0;
border-right: 0;
width: 100%;
max-width: 420px;
@include background-opacity(#ffffff, 1);
@include respond-to('medium-up'){
  max-width: 420px;
}
@media (max-width:480px){
  top:60px;
  max-width: 100%;
}
}

div.cart_content form {
margin: 0px;
padding: 0;
height: 100%;
/**overflow: scroll;**/
overflow-y: auto;
}

div.cart_content_scroll {
margin: 0px;
padding-top: 0;
padding-right: 0;
padding-bottom: 370px;
padding-left: 0;
height: 100%;
overflow: auto;
}

.cart .cart_subtotal {
font-weight: bold;
font-size: larger;
}

.cart_content .cart_subtotal {
text-align: left;
font-weight: bold;
padding: 15px 25px;
font-size: 18px;
line-height: 30px;
letter-spacing: 0.01em;
}

.cart_content a, .cart_content a:visited, .cart_content a:hover, .cart_content a .price, .cart_content a .price span {
color: #000000 !important;
}

.cart_content a .price span {
padding-left: 5px;
}

.cart_content ul {
  list-style: none;
  margin: 0;
  padding: 0px;
  max-width: 420px;
  width: 100%;

  @media (max-width: 480px){
    max-width: 100%;
  }
}

.cart_content ul li {
list-style: none;
clear: both;
}

.cart_content .action_button {
width: 100%;
}

.top_bar [class^="icon-"]:before, .top_bar [class*=" icon-"]:before, .mini_cart {
font-size: 10px;
line-height: 21px;
margin-right: 0;
}

#customer_login_guest,
#customer_login {
display: inline;
@include respond-to('small-down') {
  display: block;
}
}

input[type="submit"].guest_button, input[type="button"].guest_button {
color: #a14150;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: transparent;
border: 0;
padding: 0;
text-align: left;
&:hover {
  background: transparent;
  border: 0;
  color: #cb7d89;
}
@include respond-to('medium-up') {
  text-align: center;
}
}

.menu ul li .mini_cart span {
padding-left: 5px;
top: -1px;
}

.sticky_nav div.logo img {
width: 60%;
}

.dropdown_container {
clear: both;
width: 100%;
display: block;
transform: translateX(-100vw);
transition: 0.2s ease;
}

.dropdown_container.search {
clear: both;
width: 100%;
display: block;
transform: translateY(-600px);
transition: 0.2s ease;
}

.dropdown_container.search.slide-in{
clear: both;
width: 100%;
display: block;
transform: translateY(0px);
transition: 0.2s ease;
}

.dropdown_container.search.slide-out{
display: block;
transform: translateY(-600px);
transition: 0.2s ease;
}

.dropdown_container.slide-in{
  transform: translateX(0px);
  transition: 0.2s ease;
  display: block;
  z-index: 9999;
  position: relative;
  min-height: calc(100% - 80px);

}
.dropdown_container.slide-out{
  transform: translateX(-100vw);
  transition: 0.2s ease;

}

.dropdown_container img {
max-width: 100%;
}

.dropdown {
position: absolute;
width: 100%;
z-index: 1000;
}

.dropdown_content {
display: table;
width: 100%;
margin: 0 auto;
}

.dropdown_container.mega-menu .dropdown_content {
@include flexbox();
@include flex-direction(row);
width: 100%;
margin: 0 auto;
}

.mega-menu__richtext,
.mega-menu__image-caption-link {
padding: 0 5px;

img {
  margin-bottom: 10px;
}
}

.mega-menu__richtext a,
.mega-menu__richtext a:active,
.mega-menu__richtext a:hover {
display: inline-block;
text-transform: none;
}

.mega-menu__image-caption-link {
text-align: center;
margin-bottom: 10px;

a, a:visited, a:active, a:hover {
  text-transform: none;
  display: block;
}
}

.dropdown_content a p,
.mobile-mega-menu a p {
padding: 0;
}

.dropdown_content p,
.mobile-mega-menu p {
font-family: "Avenir Next", sans-serif;
font-size: 20px;
font-style: normal;
color: #6d6e71;
padding-top: 12px;
padding-bottom: 12px;
position: relative;
display: block;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
outline: 0;
margin-bottom: 0;

}

.dropdown_content p,
.dropdown_content a,
.dropdown_content a:hover,
.dropdown_content a:active {
font-size: 14px;
letter-spacing: 1px;
}

.dropdown_column__menu + .dropdown_column__menu {
margin-top: 10px;
}

.dropdown_narrow {
width: 60%;
}

.dropdown_column {
display: table-cell;
padding: 15px 20px 30px 20px;
width: 16.666%;
vertical-align: top;

img {
  max-width: 100%;
}

ul {
  margin: 0;
  padding: 0;
}

ul.dropdown_title {
  border-bottom: solid 1px #6d6e71;
  padding-bottom: 10px;
}

ul.dropdown_item {
  text-align: center;
}
}

.dropdown_container.mega-menu .dropdown_column {
display: inline-block;
padding: 15px 20px 30px 20px;
-webkit-box-flex: 1;
-ms-flex: 1 0 16.666%;
flex: 1 0 16.666%;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
vertical-align: top;
}

.dropdown_column li {
display: block;
}

.dropdown_column li a, .dropdown_column li a:hover, .dropdown_column li a:active {
padding-bottom: 0;
text-transform: none;
}

.dropdown_row {
display:table-row;
}

select.currencies {
border: 0 !important;
background-color: transparent;
margin-bottom: 0 !important;
min-width: 65px;
outline: 0;
background-position: 96.5% 55%;
background-size: 18px 12px;
text-shadow: none !important;
box-shadow: none !important;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
appearance: none;
}

select.currencies:active {
border: 0;
outline: 0;
text-shadow: 0;
box-shadow: 0;
}

select.currencies option {
@include background-opacity(#ffffff, 1);
color: #6d6e71;
}

.menu li.currencies {
padding: 0;
}

.container div.collection_nav {
margin-bottom: 1.5em;
}

.collection_menu, .collection_menu li {
display: inline;
list-style: none;
border: none;
position: relative;
top: -3px;
margin: 0;
}

.collection_menu li {
padding-left: 25px;
}

.sidebar-wrap {
border-right: 1px solid #cccccc;
margin-right: 0px;
padding-right: 20px;
@include respond-to('medium-down') {
  border: none;
  margin:0;
  padding-right: 0;
}
}

.sidebar-wrap h4,
.sidebar-wrap h4.toggle {
margin: 0;
padding: 0;
}

.sidebar-wrap h4.toggle {
@include respond-to('medium-down') {
  margin: 10px 0;
}
}

.sidebar a, .sidebar a:visited {
color: #363636;
}

.sidebar a:hover, .sidebar a:active {
color: #cb7d89;
}

.sidebar .meta {
margin-left: 2px;
}

.sidebar .spr-badge {
color: #000000;
}

.toggle-all--true {
h4.toggle {
  cursor: pointer;
  pointer-events: all;
}
.toggle span {
  display: block;
}
.toggle_list {
  display: none;
}
}

.content_block.toggle_list {
a {
  display: inline;
  position: static;
  padding-left: 0;
  margin-left: 0;
  border-left: none;
  color: #a14150;
  &:hover {
    border-left: none;
    color: #cb7d89
  }
}
}

.toggle_list {
margin: 0;
padding: 10px 0 15px 0;
}

.toggle_list a {
display: inline-block;
position: relative;
margin-left: 0;
max-width: 80%;
border-left: solid 2px transparent;
transition : border 200ms ease-out;
}

.toggle_list a.active,
.toggle_list a.active--default {
padding-left: 8px;
border-left: solid 2px ;
}

ul.toggle_list li ul {
display: none;

&.active {
  display: block;
}
}

.sidebar .toggle_list a.active {
border-left: solid 9px #cb7d89;
}

.toggle_list li {
list-style: none;
line-height: 1.4em;
padding: 8px 0 8px 0;
}

.toggle_list .meta span {
line-height: 2.5;
}

.sidebar_text {
margin-bottom: 12px;
padding-top: 10px;
}

.sidebar_content {
padding-left: 20px;
margin-top: 300px;
}

.sidebar_content .toggle_list li {
line-height: 1.2;
}

.sidebar .newsletter {
margin-bottom: 20px;
form {
  width: 100%;
}
}

.sidebar li ul {
margin: 8px 0 0 15px;
}

.sidebar .toggle_list li ul {
padding-left: 0;
}

.sidebar ul li {
margin-bottom: 0;
}

.sidebar input.sign_up[type="submit"],
.sidebar input.contact_email[type="email"] {
width: 100% !important;
margin-left: 0;
}

.blog_search {
position: relative;
}

.sidebar-block {
margin-bottom: 15px;
border-bottom: 1px solid #EFB9C3;
&:last-child {
  border-bottom: none;
}
&:empty {
  border-bottom: none;
}
&:blank {
  border-bottom: none;
}
&:first-child h4.toggle{
  padding-top: 0;
}
h4.toggle {
  @include flexbox();
  @include align-items(center);
  @include justify-content(space-between);
  margin-bottom: 0;
  padding: 15px 0;
  line-height: 1.5;
}
}

//Filter collections

.sidebar .filter-active-tag {
position: relative;
}

.color-filter--true {
label {
  @include flexbox();
  @include align-items(center);
}
}

.sidebar__collection-filter {
a, label {
  cursor: pointer;
}

label {
  text-transform: none;
  font-weight: normal;
  font-size: inherit;
}

label:hover {
  color: #cb7d89
}

input[type="checkbox"] {
  display: none;
}

input.styled-checkbox[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  
  border-radius: 50%;
  
  display: inline-block;
  cursor: pointer;
  position: relative;
  vertical-align: top;
  background-size: cover;
  margin-right: 15px;
}

button.clear-active-filter, button.clear-active-filter:active {
  color: #a14150;
  background-color: transparent;
  border: none;
  outline: 0;
  box-shadow: 0;
  font-family: inherit;
  letter-spacing: 0;
  text-transform: none;
  position: absolute;
  @include prefix(transform, translateY(-50%), ms webkit spec);
  top: 0;
  right: 0;
  left: auto;
  padding: 2px 4px;
  line-height: 1.2;
  display: block;
  height: auto;
  min-height: auto;
}

button.clear-active-filter:hover {
  color: #cb7d89;
}

.x-icon {
  position: relative;
  display: inline-block;
  overflow: visible;
  width: 15px;
  height: 15px;
  margin: 0 2px 0 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  font-style: normal;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
  vertical-align: middle;
  top: -1px;
  &:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 15px;
    content: "\00d7";
    text-align: center;
  }
}
}

::-webkit-input-placeholder {
color: #888;
}

:-moz-placeholder { /* Firefox 18- */
color: #888;
}

::-moz-placeholder {  /* Firefox 19+ */
color: #888;
}

:-ms-input-placeholder {
color: #888;
}

/* Sub Collections */

.featured_collections.sub-collection {
margin-bottom: 10px;
.thumbnail {
  margin-bottom: 10px;
  @include respond-to('medium-down'){
    width: 100%;
  }
}
}

.sub-collection--2 {
.thumbnail {
  width: calc(50% - 20px);
  &:nth-child(2n+1){
    clear: both;
  }
}
}

.sub-collection--3 {
.thumbnail {
  width: calc(33.33333% - 20px);
  &:nth-child(3n+1){
    clear: both;
  }
}
}

.sub-collection--4 {
.thumbnail {
  width: calc(25% - 20px);
  &:nth-child(4n+1){
    clear: both;
  }
}
}

.list-collection-wrapper {
//no image available
img[src*='/no-image']{
  opacity: 0;
}
img[src*='/no-image'] ~ .thumbnail-overlay {
  opacity: 1 !important;
  .collection-details {
    opacity: 1;
    transform: none;
  }
}
img[src*='/no-image'] ~ .collection-info__caption {
  @include respond-to('medium-down'){
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
.img {
  width: 100%;
}
.collection-info__caption {
  
  display: block;
  
  margin-top: 20px;
  @include respond-to('medium-down'){
    display: block;
    position: static;
  }
}


}

.cart_item__title{
.item_title{
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-align: left;

  @media(max-width: 800px){
  font-size: 16px;
  line-height: 20px;
}
}
}

.fixed__totals{
  position: absolute;
  bottom: 0px;
  background-color: #fff;

    @media (max-width: 480px){
    bottom: 0px;
  }

  .add_to_cart.action_button{
    margin-bottom: 10px;
    padding: 1rem 2rem!important;
  }

  li{
    padding-right: 0px;
    padding: 0px 25px;
  }
}




.close__cart{
  position: absolute;
  width: 20px;
  height: 20px;
  display: inherit;
  right: 20px;
  top: 70px;

  &:before{
    content: " ";
    background-image: url($close-icon-blk);
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;

  }
}




.upsell__area{
	margin-bottom: 440px;
}
  
.upsell__area h4.title {
  font-size: 14px;
  text-align: left;
  padding-left: 17px;
  font-weight: 600 !important;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0 !important;
}

form.js-cart_content__form ul.cart_items {
    overflow-y: hidden !important;
}

li.cart_upsell {
  padding: 26px 17px 22px 17px;
  border-bottom: 1px solid #e6e6e6;
  background: #f8f8f8;
}

.cart_upsell div {
  display: inline-block;
  width: 30%;
  text-align: left;
  vertical-align: middle;
}

div.upsell_image {
  width: 20%;
}
div.upsell_title {
  width: 44%;
  padding-right: 12px;
}
div.upsell_form {
  width: 34%;
}
.upsell_image img {
  vertical-align: middle;
}
.upsell_title h4 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
select.upsell_select {
  height: 16px !important;
  margin-bottom: 5px !important;
  min-height: 30px !important;
}

input.cart_add_recommendation  {
  padding: 5px 10px !important;
  font-size: 14px !important;
  width: 100% !important;
  height: 30px !important;
}

@media only screen and (max-width: 400px) {
  div.upsell_title {
      width: 34%;
      padding-left: 14px;
  }
}




p.side__cart_cta{
    font-family: Avenir Next;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.025em;
    margin: 0px;
  padding-bottom: 6px;
  }

.second__cta{
background-color:$lightest-pink;
padding:10px;
position: relative;
margin-top: 10px;

p{
  color: $cta-pink;
  margin:0px;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.025em;
}
}

.side__cart__sub__img{
  width: 115px;
  height: 115px;
  overflow: hidden;
  background-size: contain;
  background-position: center center;

  @media (max-width: 410px){
  width: 100%;
  height: auto;
  min-height: 90px;
  background-size: cover;
  background-position: center center;
  }
}


.blog-header {
margin-bottom: 5px;
.blog-title.blog-tags--true {
  float: none;
}
.blog-title {
  float: left;
  @include respond-to('medium-down') {
    width: 100%;
    margin-bottom: 0;
  }
}
.subtitle {
  clear: both;
}
}

.blog-header .feature_divider {
clear: both;
width: 100%;
}


/* Styles for blog, collections */
.section_select {
padding: 0;
text-align: right;
float: right;
.blog_filter, .tag_filter, .sort_by {
  color: #6d6e71;
  display: inline-block;
  border: none;
  padding-right: 50px;
  background-position: 100% 50%;
  background-color: #ffffff;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  text-transform: none;
  width: auto;
  margin-bottom: 0;
  max-width: 80%;
  @include respond-to('medium-down'){
    float: none;
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    padding-left: 0;
  }
}
}

div.breadcrumb-collection {
margin-bottom: 20px;
& + div.section {
  margin-top: 0;
}
@include respond-to('medium-down'){
  margin-top: 15px;
  text-align: center;
}
}

.product-gift-card{

.sale_banner_product{
      margin-left: -140px;
}

 .breadcrumb {
    margin-top: 0;
    max-width: calc(90% + -35px);
    margin: 10px auto;
    font-family: Avenir Next;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.025em;

    @media (max-width: 1024px){
     max-width: 100%;
     padding: 0px 20px;
  }

    .black{
        color: #000;
      }
  
  span{
      font-family: Avenir Next;
      color:$cta-pink;
    }

  a{
   color:$cta-pink;
  }
}
}


.product {

.sixteen{
  width:100%;
}

h1.product_name{
  font-weight: 600;
  font-size: 50px;
  line-height: 58px;
  @media (max-width: 799px){
    font-weight: 900;
    font-size: 30px;
    line-height: 38px;
    max-width: 70%;
    text-align: left;
    margin-left: 20px;
    padding-right: 9px;
  @media(max-width:420px){

  }
  }
}

.breadcrumb{
  margin-top: 0;
  max-width: calc(90% + -35px);
  margin: 10px auto;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.025em;

  @media (max-width: 1024px){
     max-width: 100%;
     padding: 0px 20px;
  }
  span{
    font-size: 12px;
    color:#000;
  }

    .black{
        color: #000;
      }
  }

  span{
     
      font-family: Avenir Next;
      font-size: 16px;
      line-height: 28px;

      @media (max-width: 798px){
       font-size: 16px;
       line-height: 24px;
      }

    }

  a{
   color:$cta-pink;
  }
}

.breadcrumb_text,
.article-pagination {
margin-top: 0px;
text-transform: none;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 20px;
letter-spacing: 0.025em;
margin-bottom: 0;
color: $cta-pink;
@include respond-to('medium-down'){
  margin-top: 0;
}
.breadcrumb-divider {
  color: #000;
  margin: 0 5px;
}
}

.breadcrumb_link:hover span {
color: #cb7d89;
}

.breadcrumb {
font-size: 16px;
@include respond-to('medium-down'){
  margin-bottom: 20px;
}
}


/* #Images
================================================== */
/*
The purpose of the below declaration is to make sure images don't
exceed the width of columns they are put into when resizing window.
Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
so the best solution is to individually call these properties on images that
are children of the grid that you want to resize with grid.
*/

.product_row img,
.product_image_col img,
.article img,
.section img,
.thumbnail img,
.page img,
.sidebar img,
.logo img,
.cart_image img,
.footer img,
#target img,
.column img,
.columns img {
max-width: 100%;
height: auto;
}

.image-crop--left img,
.image-crop--left .image-element__wrap {
@include object-fit(cover, left);
height: 100% !important;
}

.image-crop--right img,
.image-crop--right .image-element__wrap {
@include object-fit(cover, right);
height: 100% !important;
}

.image-crop--center img,
.image-crop--center .image-element__wrap {
@include object-fit(cover);
height: 100% !important;
}

/* #Placeholders
================================================== */

.featured-products-section {
.section {
  margin: 30px 0px;
}
}

$color-blankstate: rgba(#282828, 0.9);
$color-blankstate-background: rgba(#282828, 0.5);

.placeholder-svg {
fill: $color-blankstate;
background-color: $color-blankstate-background;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
display: block;
}

.placeholder-svg--banner,
.placeholder-svg--slideshow,
.placeholder-svg--video {
max-height: 600px;
}

.placeholder-instagram .instas:nth-child(even) .placeholder-svg--instagram,
.featured-promotions-section .feature-section:nth-child(even) .placeholder-svg--promotions {
background-color: rgba(#282828, 0.6);
}

.image-with-text-section .featured-link--image:nth-child(odd) .placeholder-svg--promotions {
background-color: rgba(#000000, 0.6);
fill: rgba(#282828, 0.9);
}

.homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n + 1) .placeholder-svg--slideshow {
background-color: rgba(#ffffff, 0.6);
}

.homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n) .placeholder-svg--slideshow {
background-color: rgba(#ffffff, 0.8);
}

/* #Videos
================================================== */

.product_gallery {
.video-container > div { position: relative; }
.video-container iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}
.vimeo {
  max-width: 830px;
  margin: 0 auto;
}
.vimeo > div { padding-top: 56.26506%; }
.youtube {
  max-width: 853px;
  margin: 0 auto;
}
.youtube > div { padding-top: 56.271981%; }
}

video {
display: block;
width: 100%;
height: auto;
}

.video-section,
.block__featured_video { position: relative; }

.video-section .mediaWrapper { height: 100% !important; }

/* #Buttons
================================================== */

a.button,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.action_button,
a.action_button,
input.action_button[type="submit"],
input.action_button[type="button"],
input.action_button[type="button"],
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
background: #a14150;
color: #ffffff;
border: 1px solid #a14150;
padding: 15px 30px;
text-align: center;
cursor: pointer;
height: 44px;
line-height: 1.2;
vertical-align: top;
font-family: "Avenir Next", sans-serif;
font-weight: bold;
font-style: normal;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
@include inline-flexbox();
@include align-items(center);
@include justify-content(center);
transition: all 0.2s linear;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
border-radius: 0;
transition:0.2s ease;

}

.ie {
a.button,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.action_button,
a.action_button,
input.action_button[type="submit"],
input.action_button[type="button"] {
  line-height: 40px;
}
}

a.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.action_button:hover,
input.action_button[type="submit"]:hover,
input.action_button[type="button"]:hover,
input.action_button[type="button"]:hover,
button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
background-color: #6D1F33;
border: 1px solid #6D1F33;
transition:0.2s ease;
}

a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.action_button:active,
input.action_button[type="submit"]:active,
input.action_button[type="button"]:active,
input.action_button[type="button"]:active,
button.shopify-payment-button__button.shopify-payment-button__button--unbranded:active {
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
outline: 0;
}

.add_to_cart,
.product_form input.add_to_cart {
width: 100%;
margin-bottom: 0px;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input.action_button[type="submit"],
input.action_button[type="button"],
button.action_button {
display: inline-block;


}

/* Animation for checkmark on add to cart button */

button.add_to_cart {
position: relative;
.text {
  display: inline-block;
  width: auto;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  color:#fff;
  font-size: 16px;
  line-height: 19px;

  @media (max-width: 798px){
     line-height: 24px;
  }
}
.fadeInDown.text {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}
}

.bag-icon{

&:before{
content: " ";
background-image: url($wht-bag);
height: 18px;
width: 15px;
background-repeat: no-repeat;
background-size: contain;
display: block;
top: 15px;
right: 120px;
position: absolute;
display: none;

  @media (max-width: 480px){
    display:none;
  }
}
}

button .checkmark {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
path {
  stroke-dasharray: 19.79 19.79;
  stroke-dashoffset: 19.79;
  stroke: #ffffff;
  opacity: 0;
}
&.checkmark-active path {
  -webkit-animation: drawCheckmark 0.5s linear alternate forwards;
  animation: drawCheckmark 0.5s linear alternate forwards;
}
}

@keyframes drawCheckmark {
from {
  stroke-dashoffset: 19.79;
  opacity: 1;
}
to {
  stroke-dashoffset: 0;
  opacity: 1;
}
}

@-webkit-keyframes drawCheckmark {
from {
  stroke-dashoffset: 19.79;
  opacity: 1;
}
to {
  stroke-dashoffset: 0;
  opacity: 1;
}
}

.ie
button
.checkmark {
path {
  stroke-dashoffset: 0;
  opacity: 0;
}
&.checkmark-active path{
  -webkit-animation: fadeCheckmark 0.5s linear alternate forwards;
  animation: fadeCheckmark 0.5s linear alternate forwards;
}
}

@-webkit-keyframes fadeCheckmark {
from {
  opacity: 0;
}
to {
  opacity: 1;
}
}

@keyframes fadeCheckmark {
from {
  opacity: 0;
}
to {
  opacity: 1;
}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
button
.checkmark {
  path {
    stroke-dashoffset: 0;
    opacity: 0;
  }
  &.checkmark-active path{
    animation: fadeCheckmark 0.5s linear alternate forwards;
  }
}
@keyframes fadeCheckmark {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
}

label.tos_label {
display: inline;
font-weight: normal;
text-transform: none;
cursor: pointer;
padding-left: 5px;
}
.tos { text-align: center; margin: 15px 20px 15px 0;}
.cart_text { text-align: center; }
.disabled {
pointer-events: none;
}

.add_to_cart span.icon-lock {
margin-right: 10px;
font-size: larger;
&:before {
  margin: 0;
}
}

//Shopify smart payment buttons
.add_to_cart.action_button {
height: 100%;
margin-bottom: 0;
height: 100%;

@media screen and (min-width: 800px) and (max-width: 1024px){
  // padding: 7px!important;
}
@media screen and (min-width: 1024px) and (max-width: 1323px){
  padding: 15px!important;
}
}

.shopify-payment-button {
position: relative;
height: 44px;
}

.shopify-payment-button div {
height: 100%;
}

.shopify-payment-button button {
line-height: 1.2;
padding-top: 11px;
padding-bottom: 11px;
margin-bottom: 0;
}

button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
height: 100%;
}

div.shopify-payment-button__button {

border-radius: 0;

}

.shopify-payment-button__button--branded,
.shopify-payment-button__button--unbranded {
overflow: hidden;
min-height: 44px;
}

button.shopify-payment-button__more-options {
color: #000000;
box-shadow: none;
text-transform: none;
font-size: 0.8rem;
letter-spacing: 0;
padding: 16px 0 28px;
max-width: 80%;
margin: 0 auto;
position: absolute;
top: 100%;
left: 50%;
font-weight: normal;
font-family: "Avenir Next", sans-serif;
font-style: normal;
@include prefix(transform, translateX(-50%), ms webkit spec);
&:hover {
  background-color: transparent;
  border: none;
}
}

.purchase-details {
@include flexbox;
@include align-items(center);
@include flex-wrap(wrap);
flex-direction:row-reverse;
width: 80%;
margin: auto;
@include respond-to('medium-down'){
  flex-direction:row;
  width: 70%;
}
@media (max-width: 480px){
  width: 100%;
}
}

.shopify-product-form .purchase-details{
width: 100%;
@media (max-width: 799px){
  padding: 0px 20px;
}
}

.product_section .smart-payment-button--true.product_form {
max-width: 100%;
}

.smart-payment-button--true .purchase-details {
padding-bottom: 50px;
@include respond-to('medium-down') {
  padding-bottom: 10px;
}
}

.smart-payment-button--true button .checkmark path {
stroke: #a14150;
}

.smart-payment-button--false .purchase-details {
@include align-items(flex-end);
}

.product-quantity-box.purchase-details__quantity {
margin-left: 5px;
width: calc(35% - 12px);
@include respond-to('medium-down') {
  margin-left:0;
  margin-right:5px;
  width: 35%;
}
input.quantity {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.4;
  margin-bottom: 0;
  width: calc(100% - 60px);
}
}

.smart-payment-button--true .product-quantity-box.purchase-details__quantity {
@include respond-to('medium-down') {
  width: 100%;
  margin-right: 0;
  .input.quantity {
    width: calc(100% - 60px);
  }
}
}

.purchase-details__buttons {
@include flexbox;
@include flex(1 0 calc(50% - 12px));
@include flex-wrap(wrap);
margin-left: 6px;
order: 1;
@include respond-to('medium-down') {
  margin-top: 20px;
  margin-right: 12px;
  margin-left: 0px;
  order: 2;
  @include flex(1 0 calc(50% - 12px));
}
@include respond-to('small-down') {
  margin-top: 12px;
  margin-right: 0;
  order: 2;
  @include flex(1 0 100%);
}
.shopify-payment-button {
  @include flex(1 0 100%);
  margin-bottom: 0;
  max-width: 100%;
  @include respond-to('widescreen-up'){
    @include flex(1 0 calc(50% - 4px));
    max-width: calc(50% - 4px);
  }
}
.action_button.action_button--secondary {
  background-color: transparent;
  border: 1px solid secondary-button-color(#a14150);
  color: secondary-button-color(#a14150);
  box-shadow: none;
  line-height: 1.2;
  padding: 10px 0;
  min-height: 44px;
  height: 100%;
  @include flex(1 0 100%);
  margin: 0;
  max-width: 100%;
  @include respond-to('widescreen-up'){
    @include flex(1 0 calc(50% - 4px));
    max-width: calc(50% - 4px);
    margin-right: 8px;
  }
  @include respond-to('medium-down') {
    margin-bottom: 12px;
  }
  &:hover,&:focus {
    background-color: #a14150;
    color: #ffffff;
  }
}
}

.purchase-details__buttons.purchase-details__spb--true {
@include flex(1 0 100%);
margin-top: 12px;
margin-left: 0;
@include respond-to('medium-down') {
  margin-left: 0;
  margin-bottom: 0;
}
.action_button.action_button--secondary {
  @include flex(1 0 50%);
  margin-right: 6px;
  max-width: calc(50% - 6px);
  @include respond-to('medium-down') {
    @include flex(1 0 100%);
    margin-right: 0px;
    margin-top: 0;
    margin-bottom: 12px;
    max-width: 100%;
  }
}
.shopify-payment-button {
  margin-left: 6px;
  max-width: calc(50% - 6px);
  height: inherit;
  @include respond-to('medium-down') {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 10px;
    max-width: 100%;
  }
}
}

.sidebar--true .purchase-details {
@include respond-to('large-down') {
  @include flex-direction(column);
  @include align-items(flex-start);
  .purchase-details__quantity,
  .purchase-details__buttons {
    margin: 0 0 12px;
    width: 100%;
  }
  .action_button.action_button--secondary,
  .shopify-payment-button {
    @include flex(1 0 100%);
    margin: 0 0 12px;
    max-width: 100%;
  }
}
}

.additional-checkout-button+.additional-checkout-button {
margin-left: 0 !important;
max-width: 100% !important;
}

.additional-checkout-button,
.additional-checkout-button.additional-checkout-button--paypal,
.additional-checkout-button.additional-checkout-button--google-pay {
min-width: 100% !important; /* Overwrite inline style */
}

/* #Tabs
================================================== */
ul.tabs {
display: block;
margin: 25px 0;
border-bottom: solid 1px #cccccc;
border-top: 0;
list-style: none outside;
margin-left: 0;
text-transform: uppercase;
padding-left:0;
}
ul.tabs li {
display: block;
width: auto;
height: 30px;
padding: 0;
float: left;
margin-bottom: 0;
border: 0;
list-style: none outside;
margin-left: 0;
cursor: pointer;
}
ul.tabs li a {
display: block;
text-decoration: none;
width: auto;
height: 29px;
line-height: 30px;
margin-right: 60px;
font-size: 13px;
outline: none;
@media (max-width: 960px) {
  margin-right: 30px
}
@include respond-to('medium-down') {
  font-size: 12px;
}
@include respond-to('small-down') {
  margin-right: 20px;
}
}
ul.tabs li a.active {
border-bottom: solid 3px #cccccc;
background-color: #ffffff;
border-bottom: solid 3px #aaaaaa;
height: 31px;
position: relative;
border-right-width: 1px;
color: #000000;
}
ul.tabs li:last-child a {
margin: 0;
}
ul.tabs-content { margin: 0; display: block; border: 0; padding-left: 0;}
ul.tabs-content > li { display:none; border: 0;}
ul.tabs-content > li.active { display: block; border: 0; padding-left: 0px;}
ul.tabs-content ul {padding-left: 0;}

/* #Accordions
================================================== */
button {
border: none;
appearance: none;
}

$accordionBg: #ffffff;

.faqAccordion{
&>dt{
  &>button{
    background: transparent;
    position: relative;
    padding: 20px 20px 20px 40px;
    color: #282828;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    display: block;
    cursor: pointer;
    width: 100%;
    outline: none;
    text-transform: initial;
    min-height: auto;
    height: auto;
    line-height: inherit;
    font-weight: normal;
    font-family: "Avenir Next", sans-serif;
    font-style: normal;
    box-shadow: none;
    border-radius: 0px;
    font-size: 18px;
    &:hover,&:focus{
      background: darken($accordionBg, 3%);
      border: none;
      border-bottom: 1px solid #cccccc;
      color: #cb7d89;
    }
    &::after{
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50.1%);
      -ms-transform: translateY(-50.1%);
      transform: translateY(-50.1%);
      left: 15px;
      font-size: 25px;
      content: "\002b";
      color: inherit;
    }
    &[aria-expanded="true"]{
      &::after{
        content: "\002d";
        font-size: 30px;
      }
    }
  }
  &:first-child{
    &>button{
      border-top: none;
    }
  }
}
&>dd{
  color: #000000;
  padding: 20px 0px 20px 0px;
  &[aria-hidden="true"]{
    display: none;
  }
  @include respond-to('medium-down'){
    margin-left: 15px;
  }
}
}

//Accordion tabs

.accordion-tabs {
> a {
  display: block;
  background-color: #D1D3D4;
  margin: 10px 0;
  padding: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000000;
  :hover {
    cursor: pointer;
  }
}
> li[id*=tab] {
  display: none;
  list-style: none;
}
}

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
ul.tabs:after {
clear: both; }
ul.tabs {
zoom: 1; }

/* #Forms
================================================== */
form {
margin-bottom: 20px; }
fieldset {
margin-bottom: 20px; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="range"], input[type="color"], select, textarea {
display: block;
width: 100%;
height: 44px;
min-height: 44px;
padding: 0 10px;
margin: 0;
line-height: 22px;
border: 1px solid #cccccc;
outline: none;
background: #fff;
color: #5f6a7d;
font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 15px;
-webkit-appearance: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

@include respond-to('small-down') {
  font-size: 13px;
}
}
input[type="text"]:active, input[type="text"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="week"]:active, input[type="week"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="range"]:active, input[type="range"]:focus, input[type="color"]:active, input[type="color"]:focus, select:active, select:focus, textarea:active, textarea:focus {
border: 1px solid #aaa;
color: #444;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
input[type=number] {
-moz-appearance:textfield !important; //To ensure arrows arent present in firefox
}
select::-ms-expand {
display: none;
}

select {
background: #fff url(/cdn/shop/t/88/assets/select.png?v=4799844845099085914) no-repeat 96% 50%;
background-size: 18px 12px;

padding: 8px 14px 8px;
border-radius: 0;

border: 1px solid #d9dbdc;
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
label,
legend,
.option_title {
display: block;
font-weight: bold;
font-size: 13px;
text-align: left;
margin-bottom: 5px;
text-transform: uppercase;
}
input[type="checkbox"] {
display: inline; }
label span,
legend span {
font-weight: bold;
font-size: 13px;
color: #444; }
textarea {
min-height: 80px;
padding: 15px 9px;
}

.acceptsMarketing {
margin-bottom: 20px;
label {
  display: inline;
  margin-left: 5px;
}
}

input.sign_up[type="submit"] {
margin-left: 5px;
display: inline-block;
}

input.contact_email[type="email"] {
width: 320px;
display: inline-block;
float: left;
}

.btn.action_button, input.btn.action_button[type="submit"], input.btn.action_button[type="button"] {
width: inherit;
}

#target {
padding: 20px;
text-align: center;
}
.items_left {
color: #cb7d89;
}
.quantity_label {
display: inline;
font-size: smaller;
}
.remove_item a {
font-size: smaller;
color: #000000;
}
input.quantity {
width: 48px;
display: inline;
margin-bottom: 0;
padding: 8px 5px;
}

ul.cart_items {
padding-bottom: 0;
}
.cart_content li.cart_item a, .cart_content li.cart_item a:active, .cart_content li.cart_item a:focus {
font-size: small;
}
.cart_content li.cart_item {
padding: 10px 25px;
margin-bottom: 10px;
position: relative;

}
li.cart_item a, li.cart_item a:active,
#header li.cart_item a, #header li.cart_item a:active {
  position: relative;
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 600;

  @media(max-width:799px){
    font-size: 14px;
  }

}
ul.cart_items li:last-child {
border: 0;
}
.cart_image {
padding-right: 20px;
width: 170px;
text-align: center;
float: left;
}
a.continue {
text-align:right;
font-size: 32px;
margin-right: 15px !important;
padding: 10px 0 5px 0 !important;
opacity: 0.8;
}
a.continue:hover {
opacity: 1;
}
.empty_cart {
text-align: center;
font-size: 18px;
padding: 40px 0 25px 0;
color: inherit;
}
#shipping-calculator.columns { float: none; }
.cart__blocks {
margin-top: 30px;
}
input[type="button"].get-rates.action_button {
margin-top: 0;
}
#get-rates-submit {
margin-top: -1px;
}
#customer_login {
margin-bottom: 2px;
}
.multi_select {
display: none;
}

/* Product Page Elements */

.container .align_right--images > div.columns {
float: right;
}

.vendor {
margin-bottom: 6px;
}

.section.product_section {
margin-top: 0;
padding-top:1rem;
max-width:90%;
margin:0 auto;
@include respond-to("medium-down"){
  padding:0;
}
}

.product_section{
.okeReviews{
    @media (max-width: 799px){
    margin-left:20px;
  }
}
}

.product-gift-card{
  .modal_price{
  position: relative;
}
}
.product-new{

.okeReviews{
    @media (max-width: 799px){
    margin-left:0px;
  }
}
}

.product-novariantimages{

.okeReviews{
    @media (max-width: 799px){
    margin-left:0px;
  }
}
}

.product_section .description {
margin-bottom: 15px;
@include word-wrap;
}

.modal_price {
padding-bottom: 8px;
display: block;


.current_price{

  @media (max-width: 799px){
    position: absolute;
    right: 20px;
    top:-90px;
    display: grid;

  @media (max-width: 420px){
    top:-130px;
  }
  }
}

span.money{
  font-family: Avenir Next;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  text-align: right;
  letter-spacing: 0.01em;
  color: $cta-pink;
}
}

.product_section .description.bottom {
border-bottom: none;
@media (max-width: 799px){
  margin:20px;
}
}

.sale_banner_product,
.new_banner_product,
.preorder_banner_product {
font-family: "Avenir Next", sans-serif;
font-weight: 400;
font-size: 20px;
font-style: normal;
text-transform: none;
letter-spacing: 1px;
padding: 8px 20px;
text-align: center;
color: #fff;
margin-bottom: 13px;
display: inline-block;
font-size: 15px;
border-radius: 50%;
width: 90px;
height: 90px;
line-height: 70px;
padding: 10px;

@include respond-to('medium-down'){
  top: 5px;
  right: 5px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}

}

.sale_banner_product {
position: absolute;
display: inline-flex;
margin-left: -120px;
margin-top: 20px;
background: $cta-pink;
font-weight: bold;
text-transform: uppercase;

@media (max-width: 799px){
  position: absolute;
  top: -130px;
  left: 20px;
  margin-left: 0px;
  margin-top: 0px;
  width: 90px;
  height: 90px;
  padding: 10px;
}

p{
  font-weight: bold!important;
  line-height: 18px!important;
  margin-top: auto!important;
  margin-bottom: auto!important;
  font-size: 16px !important;

  @media(max-width: 799px){
    font-size: 16px !important;
  }
}
}

.new_banner_product,
.preorder_banner_product {
background: #2d3740;
}

.preorder_banner_product,
.product-list .thumbnail .preorder_banner {
font-size: 12px;

@include respond-to('medium-down'){
  font-size: 8px;
}
}

.product_links {
margin-bottom: 8px;
font-size: 0.9em;
border-top: 1px solid #cccccc;
padding: 10px 0 5px 0;
p {
  margin: 2px 0;
}
}

.social_buttons {
border-top: 1px solid #cccccc;
padding-top: 20px;
font-size: 1em;
margin-bottom: 25px;
@include respond-to('medium-down'){
  text-align: center;
}
}

.share_article .social_buttons {
border-top: none;
padding-top: 0;
@include respond-to('medium-down'){
  padding-top: 15px;
}
}

.share-btn {
display: inline-block;
text-align: center;
font-size: 1.2em;
margin-right: 6px;
margin-bottom: 10px;

a {
  color: #fff;
  padding: 10px 10px 8px 10px;
  border: solid 1px #e2e2e2;
  display: inline-block;
  transition: all 500ms ease 0s;
  

}
}

.icon-twitter-share:before { color: #09AEEC; }
.icon-twitter-share:hover { background-color: #09AEEC; border-color: #09AEEC; color: #fff; }
.icon-twitter-share:hover:before { color: #fff; }
.icon-facebook-share:before { color: #49659D; }
.icon-facebook-share:hover { background-color: #49659D; border-color: #49659D; color: #fff; }
.icon-facebook-share:hover:before { color: #fff; }
.icon-pinterest-share:before { color: #CB1F2A; }
.icon-pinterest-share:hover { background-color: #CB1F2A; border-color: #CB1F2A; color: #fff; }
.icon-pinterest-share:hover:before { color: #fff; }
.icon-mail-share:before { color: #888; }
.icon-mail-share:hover { background-color: #888; border-color: #888; color: #fff; }
.icon-mail-share:hover:before { color: #fff; }

/* Quantity Box for Product Page */

.product-quantity-box .quantity,
.product-quantity-box .quantity:focus {
border: 1px #ba5868 solid;
border-left:transparent;
border-right:transparent;
color: #000;
}

.product-quantity-box label { margin-bottom: 0.5em; }

.product-quantity-box {
margin-right: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
label {
  text-align: left;
}
.quantity {
  text-align: center;
  padding: 6px 15px;
  width: 38%;
  height: 51px;
  border-radius: 0;
  -webkit-appearance: none;
  float: left;
  @include respond-to($medium-down) {
    width: calc(100% - 60px);
  }
}
.product-plus,
.product-minus {
  background: white;
  font-weight: 300;
  position: relative;
  cursor: pointer;
  height: 44px;
  display: block;
  width: 30px;
  text-align: center;
  float: left;
  &:hover {
    background: #d9d9d9;
  }
  @include respond-to('medium-down') {
    display: inline;
    display: initial;
    margin: 0;
  }
}
.product-plus {
  border: 1px #ba5868 solid;
  border-left: transparent;
  font-size: 10px;
  line-height: 44px;
}
.product-minus {
  border: 1px #ba5868 solid;
  border-right:transparent;
  line-height: 44px;
  font-size: 10px;
}
}

.product-quantity-box + .inline_purchase {
margin-top: 31.5px;
width: 55%;
float: left;
}

.product_section .product_form,
.product_section .contact-form {
max-width: 400px;
@include respond-to('medium-down'){
  max-width: 100%;
}
}

/* Full width product image template */

.product-full_width_images .product_section .description img {
display: none;
}

.full-width-product-images {
img {
  display: block;
  width: 100%;
}
.caption.align-center,
.caption.align-right,
.caption.align-left {
  @include respond-to('small-down') {
    text-align: center;
  }
}
}

/* #Blog
================================================== */

.sidebar .sidebar_content {
.input-row {
  @include flex-direction(column);
  margin-left: 0px;
  margin-right: 0px;

  input {
    margin: 5px 0;
  }
}
}

/* #Newsletter
================================================== */
.newsletter {
margin: 0px auto;
max-width: 640px;
}

.input-row {
@include flexbox();
@include flex-wrap(wrap);
margin-left: -5px;
margin-right: -5px;
width: 100%;
@include respond-to('medium-down') {
  @include flex-direction(column);
  margin-left: 0px;
  margin-right: 0px;
}

input {
  @include flex-basis(0);
  @include flex-grow(1);
  @include flex-shrink(1);
  max-height: 40px;
  @include respond-to('large-down') {
    margin: 5px 0;
  }
}

input.sign_up {
  display: inline-block;
  @include flex(none);
  max-height: 40px;
  @include respond-to('medium-down'){
    width: 100%;
  }
}
}

.newsletter-both-names--true {
input.firstName {
  margin-right: 5px;
}
}

/*--- Newsletter popup ---*/

.js-newsletter-popup {
display: none;
}

.newsletter__lightbox .fancybox-content {
width: 100%;
max-width: 740px;
padding: 0;

}

.newsletter__lightbox .fancybox-close-small {

left: 0;

@include respond-to('small-down') {
  display: block;
}
svg path {
  @include respond-to('medium-down') {
    fill: white;
  }
}

}

.newsletter__lightbox .fancybox-toolbar {
display: none;
}

.newsletter-popup {
@include flexbox();

@include flex-direction(row-reverse);

background-color: #ffffff;
padding: 0;
width: 100%;
@include respond-to('medium-down'){
  line-height: 0;
  @include flex-direction(column);
}
}

.popup-signup-show--true input.sign_up {
@include respond-to($medium) {
  margin-left: 0px;
}
}

.popup-signup-show--false {
display: none;
}

.newsletter-both-names--false {
.newsletter input[type="text"] {
  width: 100%;
}
}

.newsletter-img {
width: 40%;
@include respond-to('medium-down') {
  width: 100%;
}
img {
  width: 100%;
  display: block;
}
}

.newsletter-info {
text-align: center;
color: #6d6e71;
background-color: #ffffff;
height: auto;
float: left;
@include respond-to('medium-down') {
  padding: 20px;
  width: 100% !important;
  position: relative;
}
input.contact_email[type="email"] {
  width: 65%;
  float: left;
  @include respond-to('large-down') {
    width: 100%;
  }
}
#contact_form input.sign_up[type="submit"] {
  width: calc(35% - 10px);
  @include respond-to('large-down') {
    width: 100%;
  }
}
.input-row {
  margin-right: 0;
  margin-left: 0;
}
.popup-signup-show--true {
  margin-top: 20px;
}
}

.newsletter-image--true {
.newsletter-popup__content {
  width: 60%;
  @include flexbox();
  @include align-items(center);
  @include justify-content(center);
  @include respond-to('medium-down') {
    width: 100%;
    display: block;
  }
}
@include respond-to('large-up') {
  max-height: 875px;
}
}

.newsletter-image--true.object-fit--none {
@include respond-to('large-up') {
  height: auto;
}
}

.newsletter-image--false {
@include justify-content(center);
.newsletter-info {
  width: 100%;
  position: relative;
  height: auto;
  float: none;
}
}

.align-left .newsletter-info {
right: 0;
}

.newsletter-description h2 {
color: #6d6e71;
margin-top: 0;
}

.newsletter-description {
padding: 40px;
margin: 0 auto;
@include respond-to('medium-down') {
  font-size: inherit;
  width: auto;
}
@include respond-to('small-down') {
  padding: 20px;
}
@include respond-to('large-up') {
  min-width: 350px;
}
@include respond-to('widescreen-up') {
  font-size: inherit;
}
}

.newsletter-buttons {
.button {
  height: auto;
  background-color: transparent;
  color: #6d6e71;
  border: 1px solid #6d6e71;
  transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
  line-height: 1.5;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 0;

  
  margin-left: 8px;
  margin-right: 8px;
  

  &:hover,
  &.highlight-true {
    background-color: #6d6e71;
    color: #ffffff;
    border: 1px solid #6d6e71;
  }

  @include respond-to('small-down') {
    margin-top: 5px;
  }
}
}

/*--- Newsletter section above footer ---*/

.newsletter_section {
-webkit-transform:translate3d(0,0,0);
background-color: #b4bac1;
color: #6d6e71;

h2 {
  color: #6d6e71;
  margin-top: 0;
}
}

.newsletter_section.newsletter-bgr-true {
background-color: #b4bac1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
input.contact_email[type="email"] {
  border: 0;
}
@include respond-to('small-down') {
  text-align: center !important;
}
}

.section_form {
padding: 10px 20px;

input[type="email"], input[type="text"] {
  border: 0;
}
@include respond-to('small-down') {
  padding: 0;
}
.newsletter-text + .newsletter, h5 + .newsletter  {
  margin-top: 15px;
}
}

.newsletter_section h5 {
color: #6d6e71 !important;
padding-top: 0px;
margin: 0;
}

.newsletter_section .newsletter-text p {
margin-bottom: 0;
}

.newsletter_section .newsletter,
.password-page-row form {
display: inline-block;
padding-top: 0 !important;
width: 450px;

@include respond-to('small') {
  width: 100%;
  max-width: 100%;
}

@include respond-to('small-down') {
  width: 100%;
}
}

.shopify-challenge__container {
padding: 150px 0;
}

/*--- Newsletter in footer ---*/

.footer-section {
.newsletter_section {
  background-color: transparent;
  color: #000000;
  h6 {
    color: #000000;
    font-size: 18px;
  }
  p {
    padding: 15px 0;
  }
  .newsletter {
    width: 100%;

    input {
      width: 100%;
    }
    .action_button {
      margin-left: 0;
    }
  }
}
}


/* #Tables
================================================== */


table{width:100%;}
table th{font-weight:700;background:#f9f9f9;text-align:left}
table th,table td{padding:4px}
table tr{border-bottom:1px solid #DCDCDC}
table tr:first-child{border-top:1px solid #DCDCDC}
table td,table th{border-right:1px solid #DCDCDC}
table td:first-child,table th:first-child{border-left:1px solid #DCDCDC}
table .em{font-weight:700;}


table tr.order_summary td.label { text-align: right;}
table { margin-bottom: 20px;}

/* #Misc
================================================== */

.allow-clickthrough { pointer-events: none !important; }
.hidden { display: none; }
.remove{ color: #000000; }
.relative { position: relative; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.right { float:right; position: relative; }
.left { float: left; }
.inline { display: inline; }
.center { text-align: center; }
.relative { position: relative; }
.align_right { text-align:right }
.align_left { text-align: left; }
.text-align--center { text-align: center; }
.text-align--left { text-align: left; }
.text-align--right { text-align: right; }
p.warning { text-align: center; font-weight: bold; }
.warning--quantity {
clear: both;
display: inline-block;
}
.large--right {
@include respond-to('medium-up') {
  float:right;
  position: relative;
}
}
.visuallyhidden {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.cart_item p.warning { margin-top: 5px; }
.container div.mobile_only, span.mobile_only, .mobile_only { display:none; }
.no_border { border: none !important; }
.extra_padding { padding-top: 4px; }
div.hidden { display: none; }
div.is-absolute {
position: absolute !important;
top: 0;
margin-top: 0;
}
.full-width-image {
width: 100%;
}
#instantclick-bar {
background: #a14150;
z-index: 100000;
height: 4px;
}
#grid .column,
#grid .columns {
background: #ddd;
height: 25px;
line-height: 25px;
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
color: #555;
font-size: 12px;
font-weight: bold;
border-radius: 2px;
}
#grid .column:hover,
#grid .columns:hover {
background: #bbb;
color: #333; }
#grid .example-grid { overflow: hidden; }

.items_left {
margin: 0 0 15px;
line-height: 1.6em;
font-size: normal;
font-style: italic;
color: #cb7d89;
}

.cart .paypal-button + .paypal-button {
display: none;
}

.shopify-reviews.reviewsVisibility--false { display: none; }

/* #Testimonials
================================================== */

.testimonial-section {
position: relative;

.set-static {
  @include flexbox();
  .caption {
    position: static;
    @include prefix(transform, translateY(0), ms webkit spec);
    padding: 40px;
    margin: auto;
  }
}

.set-testimonial-height {
  height: 95%;
}

.darken-bg {
  @include respond-to('medium-up') {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, .6);
  }
}

.feature_divider {
  margin: 25px auto;
  width: 10%;
  display: inline-block;
  @include respond-to('small-down') {
    margin: 5px auto;
  }
}

.use-mobile-color {
  .animated {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
  }
}
}

.testimonial-block.gallery-cell.use-mobile-color {
background-color: #ffffff;
.caption .caption-content p {
  color: #493733;
  @include respond-to('small-down') {
    text-shadow: none;
  }
}
}

.caption-content.testimonial-text {
width: 80%;
.subtitle {
  text-transform: none;
  color: #493733;
  @include respond-to('small-down') {
    font-weight: normal;
    font-size: 14px;
  }
}
h2,
p.headline {
  color: #493733;
  @include respond-to('small-down') {
    text-shadow: none;
  }
}
}

.caption-content.testimonial-text-mobile h2,
.caption-content.testimonial-text-mobile .subtitle,
.caption-content.testimonial-text-mobile p.headline {
@include respond-to('small-down') {
  color: #000000;
}
}

.testimonial-block {
.caption {
  @include respond-to('small-down') {
    margin: auto;
    padding-top: 5%;
    padding-bottom: 5%;
  }
}
}

.testimonial-slideshow,
.testimonial-block.gallery-cell {
background-color: transparent;
}

/* #FAQ Template
================================================== */

.page-faq {
.faq--heading {
  padding-top: 30px;
}
}

/* #Team Template
================================================== */

.team-page__content--left {
@include flexbox();
@include respond-to('medium-down') {
  @include flex-direction(column);
}
}

.team-page__content--right {
@include flexbox();
@include flex-direction(row-reverse);
@include respond-to('medium-down') {
  @include flex-direction(column);
}
}

.team-page__text,
.team-page__image,
.team-page__image img { width: 100% }

.team-page__content--multiple .team-page__text,
.team-page__content--multiple .team-page__image, {
max-width: 50%;
width: 100%;
@include respond-to('medium-down') {
  max-width: 100%;
}
&:first-child { margin-right: 20px; }
}

.team-page__text {
@include flexbox();
@include align-items(center);
@include justify-content(center);
}

.team-page__container {
max-width: 70%;
}

.team-member__profile.columns,
.team-member__profile.column {
margin-bottom: 30px;
}

.team-member__name { padding-top: 10px; }

.team-member__wrap {
position: relative;
&:hover .team-member__overlay {
  opacity: 1;
}
}

.team-member__overlay {
opacity: 0;
transition: opacity 0.3s linear;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

.team-member__details {
@include prefix(transform, translateY(-50.1%), ms webkit spec);
top: 50%;
padding: 10px 0;
position: absolute;
width: 100%;
padding: 20px;

img { display: block; }

p {
  margin-top: 10px;
  line-height: 1.3;
}

.icon-twitter {
  display: inline-block;
  vertical-align: middle;
}
}

.team-member__title {
padding-bottom: 0;
text-align: center;
margin-bottom: 0;
text-transform: uppercase;
line-height: 1;
&:after {
  width: 30%;
  display: block;
  margin: 0 auto;
  content: '';
  height: 3px;
  margin-top: 20px;
}
}

/* #Logo-list
================================================== */

.logo-bar {
text-align: center;
margin-bottom: 20px;

a {
  transition: ease all 0.6s;

  &:hover {
    opacity: 0.6;
  }
}
}

.logo-bar__item {
display: inline-block;
vertical-align: middle;
max-width: 160px;
width: 160px;
margin-top: 20px;

@include respond-to('medium-up') {
  margin-left: 25px;
  margin-right: 25px;
}
}

/* #Gallery Section
================================================== */

//General gallery styling
div.container.gallery-content {
margin-top: 0;
padding-top: 0;
}

.gallery-section {
text-align: center;

.container {
  padding: 0px;
}

.gallery-break {
  width: 100%;
  clear: both;
}

.display-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.gallery-image-wrapper,
.gallery-empty-wrapper {
  margin: 5px;
  position: relative;
}

.gallery-empty-wrapper {
  min-height: 150px;
}

.gallery-empty-wrapper:nth-child(even) .placeholder-svg {
  background-color: rgba(#282828, 0.3);
}

a {
  display: block;
}
}

.gallery-image-wrapper {
.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.6);
  opacity: 0;
  transition: opacity 0.3s ease-in;

  .icon-zoom {
    color: white;
    font-size: 1.5em;
    top: 50%;
  }
}

&:hover {
  .overlay {
    opacity: 1;
  }
}
}

.two-per-row .overlay .icon-zoom {
font-size: 2.5em;
}

.three-per-row .overlay .icon-zoom {
font-size: 2em;
}

//Horizontal gallery styling
.gallery-section.gallery-horizontal {
@include flexbox();
@include flex-wrap(wrap);

i {
  display: block;
}

img {
  position: absolute;
  top: 0;
  width: 100%;
  vertical-align: bottom;
  width: 100%;
  height: auto;
  display: block;
}

.gallery-image-wrapper:last-child {
  @media only screen and (min-width: 2000px) {
    width: 15%;
    flex-basis: initial !important;
    flex-grow: initial !important;
  }
}

.gallery-empty-wrapper {
  width: 190px;
}
}

.gallery-full {
display: inline-block;
width: 100%;

.gallery-image-wrapper, .gallery-empty-wrapper {
  margin: 0;
}

.gallery-empty-wrapper {
  width: 25%;
}
}

//Classic gallery styling
.gallery-section.gallery-classic {

.gallery-image-wrapper,
.gallery-empty-wrapper {
  display: block;
  float: left;
  margin: 0;
  img, svg {
    width: 100%;
    display: block
  }
}

.add-padding {
  padding: 5px;
}

.two-per-row {
  width: 50%;
  @include respond-to('medium-down') {
    width: 100%;
  }
}

.three-per-row {
  width: 33.333%;
  @include respond-to('medium-down') {
    width: 100%;
  }
}

.four-per-row {
  width: 25%;
  @include respond-to('medium-down') {
    width: 100%;
  }
}

.five-per-row {
  width: 20%;
  @include respond-to('medium-down') {
    width: 100%;
  }
}
}

//Masonry gallery styling
.gallery-section.gallery-masonry {
.masonry {
  font-size: .85em;
  line-height: 0px;
  margin: 10px 0;
  column-gap: 10px;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;

}

.gallery-empty-wrapper {
  min-height: 100px;
  overflow: hidden;
  svg {
    min-width: 800px;
    path {
      display: none;
    }
  }
}

.adjust-columns {
  column-gap:0px;
  -moz-column-gap: 0px;
  -webkit-column-gap: 0px;
  overflow: hidden;
}

.gallery-image-wrapper,
.gallery-empty-wrapper {
  display: block;
  margin-bottom: 0px;
  width: 100%;
  margin: 5px 0;
  box-sizing: border-box;
  -webkit-column-break-inside: avoid;
  -webkit-backface-visibility: hidden;
  img,
  svg {
    width: 100%;
    display: block;
  }
}

.two-per-row {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  @include prefix(transform, translateX(0), ms webkit spec);

  @media only screen and (max-width: 798px) {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }

  @media only screen and (max-width: 400px) {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}

.three-per-row {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  @include prefix(transform, translateX(0), ms webkit spec);

  @media only screen and (max-width: 798px) {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }

  @media only screen and (max-width: 400px) {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}

.four-per-row {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  @include prefix(transform, translateX(0), ms webkit spec);

  @media only screen and (max-width: 798px) {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }

  @media only screen and (max-width: 400px) {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}

.five-per-row {
  -moz-column-count: 5;
  -webkit-column-count: 5;
  column-count: 5;
  @include prefix(transform, translateX(0), ms webkit spec);

  @media only screen and (max-width: 798px) {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }

  @media only screen and (max-width: 400px) {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
&.gallery-full {
  .gallery-image-wrapper,
  .gallery-empty-wrapper {
    margin: 0px;
    margin-bottom: 0px !important;
  }
}
}

/* #OM Collections 
================================================== */

  .was_price {

    .money{
      text-shadow: none;
      font-weight: normal;
      text-decoration: line-through;
      color: #5d5d5d !important;
      font-weight: 400 !important;
      font-size: 14px !important;
    }
  }

.product-wrap{

  .sale_banner_collection {
      position: absolute;
      top: 20px;
      right: 20px;
      background: #b05768;
      font-weight: bold;
      text-transform: uppercase;
      border-radius: 50%;
      width: 90px;
      height: 90px;
      z-index: 999;
      color: #fff;
      display: grid;
      padding: 10px;

      p{
        margin-top: auto;
        margin-bottom: auto;
        line-height: 20px;
      }
  
  @media (max-width: 799px){
    position: absolute;
    top: 20px;
    right: 20px;
    margin-left: 0px;
    margin-top: 0px;
    padding: 10px;
  }
}
  .was_price {
      text-shadow: none;
      font-weight: normal;
      text-decoration: line-through;
      color: #5d5d5d !important;
      font-weight: 400 !important;
      font-size: 14px !important;
      float: none;
      position: relative;
      top: 0px;
      right: 0px;

  }

.product-details{
 
}
}
.product-container{
.product-list{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media (max-width: 948px){
  
}

.column{
  width: 33.3%;
  padding: .5%;
  margin-left: 0px;
  margin-right: 0px;

  @media (max-width: 948px){
    width: 50%;
  }

  @media (max-width: 628px){
    width: 100%;

  }
}
}

.product_feature{
    display: inline-flex;
  width: 66.6%;
  padding: 0.5%;

  @media (max-width: 950px){
    display: none;
  }

  .featured-image{
  width: 100%;
  height: calc(100% - 220px);
  position: relative;
  background-size: cover;
  background-position: center center;
  margin-top: 0px;
  margin-bottom: auto;

    @media (max-width: 590px){
      width: 100%;
      margin: 0px;
      margin-bottom: 35px;
    }

    img{
      vertical-align: bottom;
        transition: opacity .3s ease-in;
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: top center;
        object-position: top center;

    }
  }
}

.om-mobile-filters{
display: none;
@media (max-width: 948px){
  display: block;
  height: 55px;
  margin-bottom:15px
}
.mobile-toggle-filter{
  width: calc(50% - 5px);
  top: 10px;
  position: absolute !important;
  display: inline-flex;
  height: 45px;
  left: 3px;
  padding: 9px 15px;
  border: 2px solid #000;
  transition: 0.2s ease-in-out;

   &.open{
    border: 2px solid $light-pink;
    }

}
.mobile-toggle-sort{
  width: calc(50% - 5px);
  top: 10px;
  position: absolute !important;
  display: inline-flex;
  height: 45px;
  right: 3px;
  padding: 9px 15px;
  border: 2px solid $light-pink;
  transition: 0.2s ease-in-out;

    &.open{
    border: 2px solid #000;
    }
}

.filter-dropdown{
  position: absolute;
  top: 70px;
  height: auto;
  z-index: 999;
  background: #fff;
  width: 50%;
  padding-bottom: 10px;
  

  @media(max-width: 628px){
    width: 100%;
  }
}

.sort-dropdown{
  position: absolute;
  top: 70px;
  height: auto;
  z-index: 999;
  background: #fff;
  padding-bottom: 10px;
  left: calc(50% + 3px);

  @media(max-width: 628px){
    width: 100%;
    left: 0px;
  }


  .om-sort{
    position: relative;
    left: -3px;
    top: 0px;

    @media(max-width: 628px){
      left: 0px;
    }

  }
}

.clear-all{
    padding: 10px 0px;
    line-height: 18px;
    position: relative;
    width: 50%;
    float: left;
    }
.title{
  font-family: Avenir Next;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.01em;
  position: relative;

      &:after{
      content:'';
      position: absolute;
      width: 10px;
      height: 5px;
      background:url($down-icon);
      display: inline-block;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right;
      top: 22px;
      right: 15px;
      margin-left: 10px;
      transition: 0.2s ease;
    }

}
select{
  width: 263px;
  float: left;
  border: 2px solid $pink-1;
  margin-right: 10px;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color:#000;

  @media (max-width: 1228px){
    width: 200px;
  }
  @media (max-width: 948px){
    width: calc(100% - 5px);
    margin-left: 3px;
  }
  @media (max-width: 590px){
    width: calc(100% - 5px);
  }
}
.om-sort{
  position: absolute;
  right: 0px;
  top: 58px;

  @media(max-width: 948px){
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%;
  }

  @media (max-width: 590px){
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
  }
}
}

.om-filters{

    padding-left: .5%;

    @media (max-width: 948px){
      display: none;

    .filter{
    margin-left: 0px;
    }
    @media (max-width: 590px){
      margin-left: 0px;
    }
  }

  .clear-all{
    padding: 10px;
    line-height: 40px;
  }

.title{
  font-family: Avenir Next;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.01em;
}
select{
  width: 263px;
  float: left;
  border: 2px solid $pink-1;
  margin-right: 10px;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color:#000;

  @media (max-width: 1350px){
    width: 200px;
  }
  @media (max-width: 1066px){
    width: 175px;
  }
  @media (max-width: 948px){
    width: calc(50% - 10px);
  }
  @media (max-width: 590px){
    width: 100%;
  }
}
.om-sort{
  position: absolute;
  right: 0px;
  top: 5px;

  @media(max-width: 948px){
  position: relative;
  left: calc(50% + 0px);
  top: -59px;
  width: 100%;
  }

  @media (max-width: 590px){
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
  }
}
}

.collection{
.product-container{
  width: 100%;

}
.container{
  max-width: 90%;
  margin:auto;
}
}
.collection_buttons{
  display: -webkit-inline-flex;
  display: inline-flex;
  width: 100%;
  transition: 0.2s ease-in-out;

a.view-more{
  width: 50%;
  padding: 15px;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 0px;
  margin-bottom: 20px;
  height: 44px;
  font-family: "Avenir Next", sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  letter-spacing: 1px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  transition: all 0.2s linear;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  border-radius: 0;
  transition: 0.2s ease;
  color: #fff;
  background-color: $cta-pink;
  margin: 0px auto;

   &:hover{
    background-color: $maroon;
    transition: 0.2s ease-in-out;
  }
}
form{
  width: 50%;
}
button {
  border: none;
  appearance: none;
  width: calc(100% - 10px);
  transition: 0.2s ease-in-out;
  margin-left: 10px;

    &:hover{
    background-color:$maroon;
    transition: 0.2s ease-in-out;
  }
}
}

.hover-reveal{
a{
  display: inline-block;
  width:100%;
}

  &:hover{
    .image__container{
      opacity:0;
      transition: 0.2s ease-in-out;
    }
    .hover_image{
      opacity: 1;
      transition: 0.2s ease-in-out;
    }
  }

  .hover_image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.2s ease-in-out;
  }
  
}

@media (max-width: 750px){
    .hover_image {
      display: none;
    }
}

.quiz_banner{
  position: relative;
  background-size: cover;
  background-position: center;
  height: 650px;

  @media (max-width: 590px){
    height: 290px;
  }

  .content{
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(7% - 20px);

    @media(max-width: 590px){
      margin: 10px;
      bottom: 0px;
    }
    
    & h2.title{
          color: #fff;
          max-width: 350px;
          font-weight: 900;
          font-size: 50px;
          line-height: 58px;

          @media(max-width: 590px){
            max-width: 100%;
            font-size: 30px;
            line-height: 30px;
          }
    }

    .quiz-button{
          font-family: Avenir Next;
          font-style: normal;
          font-weight: bold;
          font-size: 16px;
          line-height: 14px;
          text-align: center;
          letter-spacing: 0.15em;
          text-transform: uppercase;
          color: #FFFFFF;
          border: 1px solid #fff;
          padding: 20px;
          display: block;
          transition: 0.2s ease-in-out;

          &:hover{
            border: 1px solid $light-pink;
            color: #000;
            background-color: $light-pink;
            transition: 0.2s ease-in-out;
          }
    }
  }
}


/* #Recently Viewed
================================================== */

.rv-container {
display: block;
.thumbnail:empty {
  margin-bottom: 0;
}
}

//Sidebar styles
.sidebar {

.collection_swatches .swatch {
  float: left;
}

.toggle_list {
  .rv-container a:hover {
    border-color: transparent;
  }

  .rv-container a.product-info__caption.hidden {
    display: none;
    @include respond-to('medium-down') {
      display: block;
    }
  }
}

.recently-viewed__title {
  display: none;
}

.rv-sidebar-element {
  .product_image,
  .product-info__caption {
    max-width: 75%;
  }
  .product_image a {
    display: block;
  }
  .product_image img {
    height: auto;
  }
}

.product-list .thumbnail {
  @include respond-to('medium-down') {
    .title,
    .price,
    .brand {
      text-align: left;
      display: block;
    }
  }
}

.product-list .thumbnail .thumbnail-overlay {
  position: relative;
  opacity: 1;
  background: transparent;
  .product-details {
    position: relative;
    transform: none;
    transition: none;
    opacity: 1;
    text-align: left;

    .title {
      color: #000000;
      padding: 0;
    }

    .title,
    .price {
      font-size: 0.9vw;
    }
  }

  .info {
    position: relative;
    font-size: 12px;
    opacity: 1;
    top: 0;
    transform: translateY(0);
    padding-bottom: 0;

    .quick_shop {
      display: none;
    }
  }
}
}

//Description bottom styles
.product-description-bottom .js-recently-viewed.rv-main {
clear: both;
}

//Hide duplicates
.rv-box-element .js-recently-viewed-product:nth-child(2),
.rv-sidebar-element .js-recently-viewed-product:nth-child(2) {
display: none;
}

/* #Search autocomplete
================================================== */

.dropdown .header_search_form,
.main_nav {
.search__results .item-result {
  left: 0;
  width: 100%;
  background-color: #ffffff;
  border-left: 0;
  border-right: 0;
  a .title {
    color: #6d6e71;
    transition: all 0.3s ease-in-out;
  }
  a:hover {
    background-color: #ffffff;
  }
  a:hover .title {
    color: #cb7d89;
  }
  a:hover span {
    color: #6d6e71;
  }
}
li.all-results a:hover {
  color: #ffffff;
}
}

.nav .search__results {
width: 350px;
right: 0;
left: auto;
li a:active {
  transition: ease-in-out 0s all;
}
}

.search_container input {
z-index: 29;
}

.search__results {
z-index: 30;
list-style-type: none;
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
position: absolute;

li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 1px solid #cccccc;
  overflow: hidden;
  &:first-child {
    border-top: none;
  }
  a,
  a:active {
    width: 100%;
    transition: ease-in-out 0.3s all;
    @include flexbox();
    @include align-items(center);
    padding: 15px 20px;
  }
  a:hover {
    background-color: rgba(161, 65, 80, 0.1);
  }
  a:active {
    background-color: rgba(161, 65, 80, 0.3);
  }
  img {
    display: block;
  }
}

.title {
  text-transform: none;
  padding-left: 8px;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.01em;

  span.item-pricing{
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    color:$cta-pink;
  }
}

.thumbnail {
  padding: 0;
  text-align: center;
  img {
    max-width: 70px;
    max-height: 70px;
  }
}
.result--page .title {
  padding-left: 0;
}
.result--page span.item-pricing {
  text-transform: none;
  font-weight: lighter;
  font-size: 0.8rem;
}
}

.menu a span.item-pricing,
span.item-pricing {
padding: 0;
span {
  padding: 0;
}
}

.all-results {
width: 100%;
margin: 0;
span {
  display: block;
  width: 100%;
  text-align: center;
}
span.item-pricing {
  color: #a14150;
}
a {
  color: #ffffff;
  background-color: #a14150;
  &:hover {
    background-color: #862f3c;
  }
}
}


/* #Search page
================================================== */

.search{
.container{
      max-width: 90%;
      margin: auto;

      @media (max-width: 1024px){
        max-width:100%;

      }
}
.product-list{
  .thumbnail{
    width: 33.3%;
    padding: .5%;

    @media (max-width: 948px){
      width: 50%;
    }

    @media (max-width: 628px){
      width: 100%;

    }
  }
}
}

.search-template-section {
form {
  position: relative;
}
.search_container {
  position: relative;
  .search-submit {
    z-index: 900;
  }
  input {
    
  }
}
}


.search-matrix .product_row:last-child {
border-bottom: none;
}

/* #OM Search Results Page
================================================== */
.search{
.sixteen{
  width: 100%;
}
}
.search-matrix{
  display: flex;
  flex-wrap: wrap;

.product_row {
  padding: .5%;
  width: 33.3%;
  display: flex;
  flex-direction: column;
  float: left;
  text-align: center;
  margin-bottom: 25px;
  position: relative;

  @media (max-width: 950px){
    width: 50%;
  }
  @media (max-width: 630px){
    width: 100%;
  }

  .was_price {
      position: relative;
      right: 0px;
      top: 0px;
  }

  .read-more{
        background: #fff;
        color: #000;
        padding: 20px;
        font-size: 12px;
        margin-top: 20px;
        display: block;
        border: 1px solid #EFB9C3;
        box-sizing: border-box;
        border-radius: 0px;
        font-family: Avenir Next;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 14px;
        text-align: center;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        max-width: 315px;
        transition: 0.2s ease-in-out;

    &:hover{
      background-color: #EFB9C3;
      transition: 0.2s ease-in-out;
    }

  }
    
}

.article{
    text-align: left;
    padding: 1%;

    .omega{
      margin-left: 0px;
    }

    .sub_title{
      margin-top: 20px;
      margin-bottom: 15px;
      display: block;
      font-family: Avenir Next;
      font-style: normal;
      font-weight: bold;
      font-size: 34px;
      line-height: 42px;
      
      a{
        color:$cta-pink;
      }
    }
  }

.image-element__wrap{
 
}
.sub_title{
  font-family: "Avenir Next DemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0.01em;
  margin-top: 20px;
  margin-bottom: 0px;
}
span.price{
  letter-spacing: 0.01em;
  color: $cta-pink;
  display: block;
  margin-bottom: 10px;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
}
.twelve{
  width: 100%;
}
.product_oneliner{
  font-family: Avenir Next;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 32px;
  color: #000;
}

}

/* #Search Section
================================================== */

.item-pricing{
  .was_price{
    text-align: left;
    float: none;
    text-decoration: line-through;
    color: #000;
    font-size: 90%;
    position: relative;
    right: 0px;
    top: 0px;
  }
}

.search-bgr-true {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.search-section {
background-color: #ffffff;
width: 100%;
display: inline-block;
h2 { margin-bottom: 0.25em; }
h2,
p { color: #493733; }
.container { padding: 40px 0; }
}

.text-align--center .search__container {
@include justify-content(center);
}

.text-align--left .search__container {
@include justify-content(flex-start);
}

.text-align--right .search__container {
@include justify-content(flex-end);
}

.search__container {
position: relative;
width: 100%;
@include flexbox();
.search__wrapper {
  display: inline-block;
  position: relative;
  max-width: 650px;
  width: 100%;
}

input[type="text"] {
  font-size: 17px;
  display: inline-block;
  border: 1px solid #000;
  min-height: 50px;
  height: 50px;
  margin-bottom: 0;
  &:active,
  &:focus {
    border: 1px solid #000;
  }
}
}

.search__form {
width: 100%;
max-width: 650px;
position: relative;
@include flex(0 0 auto);
}

.search__results {
top: 100%;
width: 100%;
li {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.all-results {
  border: 0;
  background-color: #a14150;
  width: 100%;
  margin: 0;
  span {
    display: block;
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
  span.item-pricing {
    color: #a14150;
  }
  a,
  a:active {
    color: #ffffff;
    padding: 20px;
    text-align: center;
    display: block;
    line-height: 1;
  }
  &:hover {
    background-color: #862f3c;
  }
}
}

.search__button {
position: absolute;
margin-top: 0;
top: 0;
height: 50px;
width: 50px;
right: 0px;
padding: 0;
background-color: $cta-pink;
border-color: transparent;
color: white;
font-size: 24px;
border-radius: 0px;
border: 1px solid $cta-pink;

&.icon-search{
  &:before{
    content: "";
    background-image: url($wht-search);
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    top: 15px;
    position: absolute;
    right: 10px;
  }
}

&:hover {
  color: white;
  background-color: darken(#cccccc, 20%);
  border: 1px solid #000;
  border-left: 0px;
}
}


/* #Site Styles
================================================== */

div.container {
margin: 0 auto;
margin-top:5px;
padding: 5px 0;
}

.featured_text {
font-size: 18px;
line-height: 36px;
}
.large_text {
font-size: 28px;
line-height: 50px;
}

div.content { padding: 0px 0px 40px 0; }

/* #Header
================================================== */

.dropdown .header_search_form {
@include respond-to('medium-down') {
  .search__results {
    margin-top: 30px;
  }
}
.search-terms {
  height: 50px;
  min-height: 50px;
  padding-left: 45px;
  padding-top: 10px;
  font-weight: bold;
  font-size: 28px;
  line-height: 36px;
  @media (max-width: 480px){
    font-size: 14px;
    line-height: 23px;
  }
}
}

.main_nav div.logo a {
padding-top: px;
padding-bottom: px;
display: block;
color: #ffffff !important;
outline: 0;
}

.menu-position--block {
div.logo {
  width: 100%;
}
.sticky_nav div.logo {
  display: none;
}
}

.menu-position--inline div.logo {
padding-left: 20px;
}

div.logo {
width: 16%;
float: left;
img {
  width: 100%;
}
&.text-align--center img {
  margin: 0 auto;
}
&.text-align--left {
  padding-left: 20px;
}
}



.primary_logo { display: block; }

.secondary_logo { display: none; }

header.feature_image.secondary_logo--true {
img.primary_logo,
img.secondary_logo {
  display: none;
}
}

header.secondary_logo--true:not(.feature_image) {
img.secondary_logo {
  display: none !important;
}
img.primary_logo {
  display: inline !important;
}
}

div.section { margin: 10px 0; }


.featured_content,
.featured_content h1,
.featured_content h2,
.featured_content h3,
.featured_content h4,
.featured_content h5,
.featured_content h6 {
color: #6d6e71;
}

.featured_content {
background-color: #f1f1f1;
}

.nav_arrows {
float: right;
}

.sku {
margin: 0;
}

#category {
width: 100%;
}

/* Pagination & infinite scrolling */

.paginate,
.load-more { text-align: center; }

.paginate .page a,
.paginate .current,
a.tag {
border: solid 1px #cccccc;
margin: 10px 5px;
padding: 0.5rem 1rem;
display: inline-block;

&:hover {
  color: #fff;
  background-color: #cb7d89;
  border: solid 1px #cb7d89;
}
}

.paginate .current {
font-weight: bold;
color: #fff;
background-color: #cb7d89;
border: solid 1px #cb7d89;
}

.paginate .next,
.paginate .prev {
display: inline-block;
margin: 10px 0;
padding: 0.5rem 1rem;
}

.load-more {
display: none;
width: 100%;
}

.collection-template-section .load-more,
.search-template-section .load-more {
display: block;
clear: both;
}

.load-more__icon {
opacity: 0;
height: 0;
width: 0;
transition: all 0.3s linear;
background: url('/cdn/shop/t/88/assets/loader.gif') center center no-repeat;
  background-size: 32px 32px;
  margin: 0 auto;
  }

.collection-matrix.loading-in-progress.filter-loading {
height: 0;
}

.collection-matrix.loading-in-progress + .load-more__icon {
width: 44px;
height: 44px;
opacity: 1;
}

a.tag {
font-size: smaller;
padding: 4px 6px;
margin: 5px 2px 5px 0;
}

.paginate .deco { border: none; }

/* Product list - collections */

.product-list .thumbnail,
.slider-gallery .thumbnail,
.list-collections .thumbnail {
position: relative;
text-align: center;
margin-bottom: 25px;
display: block;
.thumbnail-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.3s ease-in;
  > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  @include respond-to('medium-down'){
    display: none;
  }
  @include respond-to('widescreen-up'){
    line-height: 1.5;
  }
}

//Do not display thumbnail hover background if user picks none



.thumbnail-overlay {
  background-color: rgba(241, 241, 241, 0.7);
}




.thumbnail_banner {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  line-height: 70px;
  padding: 0;
  position: relative;
  top: 10px;
  right: 10px;
  white-space: nowrap;

  @include respond-to('medium-down'){
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}

img {
  vertical-align: bottom;
  transition: opacity .3s ease-in;
  width: 100%;
  @include object-fit(contain, top center);
}
.product-info__caption {
  
  display: block;
  
  margin-top: 20px;
  @include respond-to('medium-down'){
    display: block;
  }
}
}

@include respond-to('large-down'){
.touchevents {
  .product-info__caption {
    display: block;
  }
  .thumbnail-overlay {
    display: none;
  }
}
}

.hidden-product-link {
line-height: 0;
font-size: 0;
color: transparent;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.featured_collections .thumbnail {
text-align: center;
}

// Swap to second image on hover


/* Thumbnail overlay */



.quick_shop,
.view_all {
font-family: "Avenir Next", sans-serif;
font-weight: 400;
font-size: 15px;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
position: relative;
display: inline-block;
border: 1px solid #6d6e71;
padding: 10px 20px;
margin-top: 2rem;
color: #6d6e71;
opacity: 0;
pointer-events: all;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
transition: opacity 0.3s ease-out, transform 0.3s ease-out,color 0.3s linear, background-color 0.3s linear;

&:hover {
  
  color: #f1f1f1;
  background-color: #6d6e71;
  
}
}


.thumbnail {

.sale span.money {
  color: #cb7d89;
}
.was_price span.was-money {
  color: #cb7d89;
}
}



/* Product banners */

.new {
position: relative;
display: inline;
padding: 5px;
border-radius: 2px;
font-size: 12px;
}



.thumbnail .sold_out, .sold_out {
font-weight: bold;
color: #000000;
}

.thumbnail-overlay .sold_out {
font-weight: normal;
color: #6d6e71;
}

.thumbnail .sale, .sale {
color: #cb7d89;
}

.banner_holder {
position: absolute;
top: 0;
right: 0;
}

.sale_banner, .new_banner, .preorder_banner {
background: #c57e7e;
font-family: "Avenir Next", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 15px;
text-transform: none;
letter-spacing: 1px;
padding: 8px 12px;
text-align: center;
color: #fff;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
@include respond-to('medium-down'){
  padding: 4px 10px;
  font-size: smaller;
}
}

.new_banner, .preorder_banner {
background: #2d3740;
}

a.secondary_button, input.secondary_button {
display: block;
padding: 15px 0;
text-align: center;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
margin: 20px 0;
font-family: "Avenir Next", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
text-transform: none;
letter-spacing: 1px;
color: #a14150;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
&:hover, &:active, &:visited {
  color: #cb7d89;
}
}

.thumbnail {

  .price {
  display: block;
  margin-bottom: 10px;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;

    span.money {
      color: #000;
    }
  }

  .title{
  font-family: "Avenir Next DemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0.01em;
  }

  .product_oneliner{
    font-family: Avenir Next;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 32px;
    color:#000;
  }

}

.cart_price {
float: right;
text-align: right;
padding-left: 20px;
font-weight:bold;
display: none;
}

.free_ship_banner{
position: relative;
height: 30px;
}

#estimated-shipping, .excluding_tax {
display: block;
}

.cart_page_image {
text-align: center;
img {
  margin-bottom: 1em;
  width: 70%;
}
}
.cart_content_info {
padding: 0;

h5 {
  padding: 0;
  margin-bottom: 10px;
  margin-top:0;
}
.price_total {
  padding: 0 0 10px;
  margin-bottom: 20px;
  font-size: 1.1em;
}
}

.cart-items{
box-shadow: 4px 4px 10px #ececec;
@include respond-to('medium-down'){
  box-shadow:none;
}
}


.subtotal {
padding: 40px;
box-shadow:4px 4px 10px #ececec;
@include respond-to('medium-down') {
  border-left: none;
  border-right:none;
}
}



.subtotal_amount {
font-size: 1.4em;
font-weight: bold;
}
button.update {
width:30%;
float: right;
}


.size_chart { float:right; padding-top: 5px; }
#size-chart { display: none; }
#size-chart h5 {
padding: 15px 0 0 0;
text-align: center;
}

.price_total_text {
font-weight: normal;
display: none;
}
.was_price {
text-shadow:none;
font-weight:normal;
@media (max-width: 799px){
    position: absolute;
    right: 20px;
    top: 50px;
}
@media (max-width: 400px){
  top: 50px;
}

.was-money{
    text-decoration: line-through;
    color: #5d5d5d!important;
    font-weight: 400!important;
    font-size: 14px!important;
}
}
.cart_savings {
text-align: left;
}
.savings {
font-size: 17px;
display: block;
}
.thumbnails a {
display:block;
margin-bottom: 1em;
}

/* #Instagram Feed
================================================== */

#instafeed .instagram__item {
position: relative;
margin-bottom: 20px;
}

.instagram__item:after {
content: "";
display: block;
padding-bottom: 100%;
}

.instagram__link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.instagram__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
}

.instagram__video-link {
&:after, &:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
}
&:after {
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-left: 20px solid #fff;
  margin-top: -18px;
  margin-left: -7px;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.25));
}
&:before {
  margin-top: -34px;
  margin-left: -34px;
  width: 60px;
  height: 60px;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(black, 0.18);
  background: rgba(black, 0.42);
  transition: background 0.3s ease;
}
&:hover {
  &:before {
    background: rgba(black, 0.7);
  }
}
}

.arrow {
position: relative;
top: -1px;
left: 2px;
opacity: 0.6;
}
.modal {
margin: 10px 0;
display: none;
background-color: #f1f1f1;
}
.modal_product {
width: auto;
line-height:0px;
max-width: 940px;
}
.modal_product img {
cursor: pointer;
}
.modal_image {
text-align:center;
}
.modal a {
padding-bottom: 0;
}
.modal p.modal_price, p.modal_price {
font-size: 20px;
margin-bottom: 10px;
position: relative;
}
.modal form {
margin-bottom: 10px;
}
.notify_form #contact_form .action_button {
width: 100%;
}
.product_image_col {
margin-top: 15px;
text-align:center;
}
.meta {
font-size: 13px;
}
.meta p {
font-size: 13px;
margin-bottom: 0px;
}
p.meta {
margin-bottom: 10px;
}
.comment-body p.meta {
margin-bottom: 5px;
}
.comment-body h6 {
padding: 0;
}
.sidebar_title {
padding-bottom: 0px;
}
.blog-section h2 {
margin-bottom: 0;
line-height: 1.2;
}
.blog-section h2 a {
color: #282828;
}
.blog_meta {
margin-bottom: 0;
}
.blog_meta span {
position: relative;
display: inline-block;
margin-right: 15px;
color: #cb7d89;
}
.blog_meta span:after {
content: '';
position: absolute;
right: -16px;
top: 50%;
margin: -1px 5px 0;
width: 4px;
height: 4px;
border-radius: 2px;
background-color: #cb7d89;
}
.blog_meta span:last-child:after {
background-color: transparent;
}
.tags span a {
color: $cta-pink;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 28px;
}
.article h3.sub_title {
letter-spacing: 0;
margin:10px auto 0;
}
.article_content {
margin-top: 20px;
padding-right: 0;

@media (max-width: 798px){
   padding-right: 0px;
}
}
.excerpt {
line-height: 1.5;
margin:1em 0;
}

.article, .article_image {
padding-bottom: 15px;
}

#comment_form .action_button, #contact_form .action_button {
display: block;
padding-left: 40px;
padding-right: 40px;
margin-top:25px;
@include respond-to('medium-down') {
  width: 100%;
}
}

#contact_form .action_button.sign_up {
display: inline-block;
width: 120px;
padding-left: 0;
padding-right: 0;
float: none;
}

body.article { padding-bottom: 0 }

.toggle span {
color: #cb7d89;
font-weight:bold;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:smaller;
float: right;
display: none;
}

.sidebar .blog_search {
margin-bottom: 15px;

input {
  width: 100%;
  
}
}

.meta .label, .label {
color: #cb7d89;
}

.blog_meta, .blog_meta a {
color: #cb7d89;
}

.blog_meta a:hover {
color: #cb7d89;
}

.count {
font-style: normal;
font-size: 13px;
}

.checkout {
display:block;
float:right;
margin-top: 0px;
}

.additional-checkout-buttons {
text-align: center;
margin-top: 10px;

& > *:not(script) {
  padding: 10px 0 0 10px;
  vertical-align: top;
  line-height: 1;

  @include respond-to('small-down') {
    padding: 10px 0 0 5px;
  }

  &:first-child,
  &:empty {
    padding-left: 0px;
  }
}
}

.or {
line-height: 40px;
font-style: normal;
font-size: 14px;
padding: 0 10px;
text-align: center;
@include respond-to('small-down') {
  line-height: initial;
  text-align: left;
}
}

.comment {
margin-bottom:20px;
}

/*--Author Bio + Social Share Buttons--*/

.author_share_wrap {
width: 100%;
border-top: 1px solid #EFB9C3;
min-height: 40px;
padding: 15px 0;
margin-top: 15px;
overflow: auto;
}

.blog_author {
width: 60%;
float:left;
@include respond-to('medium-down'){
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 15px;
}
}

.blog_author img {
width: 80px;
height: 80px;
border: 1px solid #cccccc;
float:left;
margin-right: 15px;
}

.author_bio {
text-align: left;
}

.author_bio h6 {
padding-top: 0;
}

.author_bio p {
font-size: 0.9em;
}

.blog_share {
width: 38%;
float:right;
text-align: right;
@include respond-to('medium-down'){
  width: 100%;
  float:left;
}
}

.red {
color: #C33;
}
.address p {
margin-bottom: 5px;
}
div#disqus_thread ul, div#disqus_thread li {
border: none;
}
.search_page {
padding: 100px 0;
}


/* #Swatch Styles
================================================== */

/* Hide Swatches for Variants with these ids */

/**

div.swatch-element[data-id="39653536890964"] {
  display: none !important;
}

**/



/* SASS variables for swatch dimensions */
$swatch-element-size: 40px;
$swatch-label-size: 40px;

.swatch-element.swatch--active {
border-color: black;
box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);
}

.selector-wrapper label {margin-bottom: 0.5em;}



.product_section .product_form {
opacity: 0;
transition: opacity 0.2s ease;
}

.product_section .product_form.is-visible {
opacity: 1;
}

.selector-wrapper, .select { display: none; }
.swatch_options {
margin-bottom: 1em;
}

.swatch .option_title {
margin: 0.5em 0;
}
/* Hide radio buttons.*/
.swatch input {
display: none;
}

.swatch label {
float:left;
min-width: $swatch-element-size;
// height: $swatch-element-size;
margin:0;
font-size:13px;
text-align:center;
line-height: 34px;
white-space:nowrap;
text-transform:uppercase;
cursor: pointer;
padding: 0 10px;
}

.swatch .color label {
min-width: $swatch-label-size;
height: $swatch-label-size !important;
line-height: $swatch-label-size;
background-position: center;
background-size: cover;
}

.swatch-element {
border: #e2e2e2 1px solid;
min-width: $swatch-element-size;
min-height: $swatch-element-size;
border-radius: 3px;;

}

.swatch-element.color {
padding: 1px;
}

.swatch-element.color, .swatch-element.color label {

border-radius: 50%;

//border: #e2e2e2 1px solid;
}

.swatch-element.color label {
padding:0;
margin: 0;
width: $swatch-label-size;
height: $swatch-label-size;
}

.swatch_options input:checked + .swatch-element {
border-color: black ;
box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);
}

.swatch .swatch-element {
float:left;
-webkit-transform:translateZ(0);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0px 8px 8px 0;
position:relative;
}

.crossed-out {
@include diagonal-line;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}

.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out {

border-radius: 50%;

display:block;
height: 100%;
width: 100%;
pointer-events: none;
}
.swatch .swatch-element.soldout label {
filter: alpha(opacity=60);
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}
/* Tooltips */
.swatch .tooltip {
text-align:center;
background: #333;
background: rgba(#333, 0.9);
color:#fff;
bottom:100%;
padding: 5px 10px;
display:block;
position:absolute;
width:120px;
font-size: 13px;
left:-35px;
margin-bottom:15px;
/* Make it invisible by default */
filter:alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity:0;
visibility:hidden;
/* Animations */
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
transition: all .25s ease-out;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
z-index: 10000;
}
.swatch .tooltip:before {
bottom:-20px;
content:" ";
display:block;
height:20px;
left:0;
position:absolute;
width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
border-left:solid transparent 10px;
border-right:solid transparent 10px;
border-top:solid rgba(#333, 0.9) 10px;
bottom:-10px;
content:" ";
height:0;
left:50%;
margin-left:-13px;
position:absolute;
width:0;
}
.swatch .swatch-element:hover .tooltip {
filter:alpha(opacity=100);
-khtml-opacity:1;
-moz-opacity:1;
opacity:1;
visibility:visible;
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px);
transform:translateY(0px);
}




//Fancybox

.fancybox-bg {
opacity: 1;
background-color: rgba(43,46,56,0.9);
@include respond-to('small-down') {
  background-color: rgba(255,255,255,0.99)
}
}

.fancybox-toolbar {
@include respond-to('small-up') {
  display: none;
}
}

.fancybox-slide {
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  text-align: left;
  padding: 44px 0;
}
}

/* Add border around images */
.fancybox-slide--image {
@include respond-to('small-up') {
  padding: 44px;
}
.fancybox-image {
  @include object-fit(cover);
  height: 100%;
}
.fancybox-image-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
}
.fancybox-content {
  padding: 0;
  background-color: white;
  @include respond-to('small-up') {
    box-shadow: 0px 0px 0px 30px rgba(255,255,255,1);
  }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    position: relative !important;
    width: 100%;
    height: 100%;
  }
}
.fancybox-close-small {
  top: -30px;
  right: -30px;
}
}

.fancybox-is-scaling .fancybox-image-wrap,
.fancybox-can-pan .fancybox-image-wrap {
width: 100%;
height: 100%;
margin: 0;
}

/* Hide elements while zooming or when zoomed-in */
.fancybox-is-scaling .fancybox-item,
.fancybox-can-pan .fancybox-item {
display: none !important;
}

/* Style close button */
.fancybox-close,
.fancybox-close-small {
position: absolute;
top: 0px;
right: 0px;
width: 36px;
height: 36px;
z-index: 2;
color: #95979c;
background-color: transparent;
svg {
  display: none;
}
&:hover {
  color: black;
}
@include respond-to('small-down') {
  display: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  display: block !important;
}
}

.fancybox-close:before,
.fancybox-close-small:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center;
}

.fancybox-button {
min-height: auto;
@include respond-to('small-down') {
  background-color: white;
  svg path {
    fill: #95979c;
  }
}
}

/* Style navigation elements */
.fancybox-content:hover .fancybox-nav {
opacity: 1;
}

.fancybox-nav {
transition: opacity 0.2s linear;
opacity: 0;
position: absolute;
top: 0;
width: 50px;
height: 100%;
cursor: pointer;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);

background-color: hsla(0, 0%, 100%, 0.25);

display: flex;
justify-content: center;
align-items: center;
span {
  pointer-events: none;
}
svg path {
  fill: #333333;
}
}

.fancybox-next {
right: 0;
}

.fancybox-prev {
left: 0;
}

.fancybox-nav:hover {

background-color: hsla(0, 0%, 100%, 0.5);

}

.fancybox-nav span {
position: absolute;
width: 36px;
height: 36px;
cursor: pointer;
}

.touchevents .fancybox-nav {
@include respond-to('large-down') {
  display: none;
}
}

/* #Footer
================================================== */


.footer-logo-container .copyright {
    display:none;
}

.footer {
font-size: 20px;
line-height: 32px;
background-color: $lightest-pink;
background-position: center center;
color: #000000;
display: flex;

.copyright{
      margin: 0px;
      padding: 25px;

       @media (max-width: 798px){
        display: block;
        padding:0px 25px;
       }

      &:last-child{
        padding-top:0px;
      }
     }

.footer_credits{

      @media (max-width: 798px){
        order: 7;
    }
  }

  .footer-logo-container{

    @media (max-width: 798px){
        order: 6;

    }

  }

.footer-menu-wrap{
  padding:0px 50px!important;
  width: 100%;
  display: inline-block;
  flex-direction: row;
}

    p.credits{
       @media only screen and (max-width: $grid-medium){
        padding:15px;
        font-size: 16px;
        line-height: 24px;
       }
      text-align:center;
      font-weight: bold;
      font-size: 20px;
      line-height: 28px;
      letter-spacing: 0.01em;
      color: $cta-pink;
      }

    p.small-credits{
      font-size: 12px;
      line-height: 20px;
      letter-spacing: 0.025em;
      color:$medium-pink;
      text-align: center;
      a{
      color: $medium-pink;

        &:visited{
          color: $medium-pink;
        }
      }
    }
  
  .klaviyo-form-MgMmU4 {
  width:100%;
  margin:0 auto;
  }

    .footer-menu{
  @media only screen and (max-width: $grid-medium){
    margin-top: 25px;
  }
}

  .om_footer_menu {
      width: 32.5%;
      position: relative;
      margin-bottom: 50px;
      display: inline-flex;

  @media (max-width: 1550px){
    width:32%;
  }

  @media only screen and (max-width: $grid-medium){
     width: 100%;
     margin-bottom: 0px;
     font-size: 14px;
     line-height: 24px;
     text-align: center;
     display: block;

    }

  }

 .footer-menu-wrap {

  @media only screen and (max-width: $grid-medium){
        margin-top: 30px !important;
        padding-bottom: 0;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
}



  .input-row {
    @include flex-direction(column);
    margin-left: 0px;
    margin-right: 0px;

    input {
    margin: 5px 0;
    }
}

.footer-newsletter-section{


 @media only screen and (max-width: $grid-medium){
  width: 100%;
  max-width:100%;
 }

  max-width: 530px;
  background-color: $maroon;
  padding: 50px;
  display: flex;

  @media (max-width: 480px){
    padding:20px;
  }

  .footer-email-signup-container{
    margin-top: auto;
    margin-bottom: auto;
    display: inline-block;
    position: relative;
  }

  h3{
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: $light-pink;
    }
  
  p{
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color:#fff;

    @media(max-width: 798px){
      font-size: 16px;
      line-height: 24px;
    }
  }
      .unsubscribe{
   
    p{
      font-size: 12px;
      line-height: 20px;
      text-align: center;
      color:$light-pink;
    }

    a{
      font-size: 12px;
      line-height: 20px;
      color:$light-pink;
    }
  }

  .Row__FormRow-sc-17nghml-0{
    border-bottom: 1px solid #fff;
  }

  .Button__FormStyledButton-p2mbjt-0{

      &:after{
        content:'';
        position: absolute;
        width: 12px;
        height: 10px;
        background:url($wht-arrow);
        display: inline-block;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        top: 18px;
        margin-left: 10px;
        transition: 0.2s ease;
      }

      &:hover:after{
        width: 16px;
        transition: 0.2s ease;
      }
  }

}

}

a.fancii-hashtag{
      @media only screen and (max-width: $grid-medium){
      font-size: 16px;
      line-height: 24px;
    }
  font-size: 20px;
  color: #000;
  font-style: italic;
  font-weight: bold;
  text-transform:uppercase;
}

.fancii-hashtag{
  text-transform: none!important;
  font-style: normal!important;
  display: block;
  font-size: 20px;
  line-height: 28px;
  color: #b05768!important;
  margin: 0px;
  padding: 5px 0px;
}

.footer-social-icons{
  position: relative;
  width: 33%;
  float: left;

  @media (max-width: 1200px){
    width: 50%;
  }

  @media (max-width: 1040px){
    width: 100%;
    float: none;
    text-align: center;
  }
}

.footer-currency-selector{
@media only screen and (max-width: $grid-medium){
  padding: 0px 25px 25px;
  }
  position: relative;
  width: 20%;
  float: left;

@media (max-width: 1100px){
  width: 50%;
}

@media (max-width: 1040px){
  width: 100%;
  
}

  h4{
    @media only screen and (max-width: $grid-medium){
      font-size: 16px;
      line-height: 24px;
    }
    font-size: 20px;
    line-height: 28px;
    color: $cta-pink;
    margin: 0px;
    padding: 5px 0px;
  }

  select{
    @media only screen and (max-width: $grid-medium){
      width: 135px;
      margin:auto;
    }
    border: 1px solid #EFB9C3!important;
    box-sizing: border-box;
    height: 50px;
    background: $lightest-pink;

    option{
      font-size: 20px;
      line-height: 32px;
    }
  }
}

@media only screen and (max-width: $grid-medium){
.footer{
display: block;

.footer-social-icons{
      width:100%;
      float: none;
      order: 2;
      margin-top: 25px;
            }

 .footer-currency-selector{
   width:100%;
   float: none;
   margin: auto;
   order: 2;

   select.currencies{
     max-width: 100%;
     margin: auto;
    }
  }

.footer-menu-wrap{
  padding:0px!important;
  }

  .footer_credits .copyright {
  padding-top: 0;
  order: 6
  }

.footer-social-icons-container {
  display: inlinee-block;
  padding-bottom: 14px !important;
}

}
}
.footer-social-icons .footer-social-icons-container ul{
display:-webkit-inline-box;

.footer-social-icons-container{

    ul{
      display: inline-flex;
      justify-content: space-between;
      width: inherit;
      margin: 0 auto;
    }

    a{
      text-align: center;

    }
  }
}


.footer-text {
.toggle_content {
  padding-top: 15px;
}
}

.no-footer-title.footer-text {
.toggle_content {
  padding-top: 0;
  @include respond-to('medium-down'){
    display: block;
    padding-top: 20px;
  }
}
}

/* If no shop logo used, apply text styling as per theme settings */
.footer .logo {
color: #ffffff !important;
font-size: 20px;
margin-top:0;
margin-bottom: 20px;
line-height:1;
width:100%;
word-wrap: break-word;
float: none;
@include respond-to('medium-down'){
  text-align: center;
}
}

img.footer-logo {
width: 75%;
max-width: 250px;
margin-bottom: 10px;
display: inline-block;
@include respond-to('medium-down'){
  max-width: 50% !important;
  margin: 0 25%;
}
}

.footer .empty-column {
width: 100%;
height: 1px;
}

.footer .footer-menu-wrap h6 {
margin: 0;
padding: 0 0 5px 0;
color: #000000;
font-size: 18px;
@include respond-to('medium-down'){
  border-top: 1px solid #cccccc;
  margin-bottom: 5px;
  padding: 10px 0 5px;
}
}

.footer .footer-menu-wrap h6 > span {
display: none;
@include respond-to('medium-down'){
  display: inline-block;
  transition: transform 0.3s linear;
  perspective: 1000;
}
}

.footer .toggle_content {
@include respond-to('medium-up'){
  //override display: none from mobile view
  display: block !important;
}
}

.footer a,
.footer a:visited {
color: #000;
}

.footer a:hover,
.footer a:active {
color: #bc5968;
}

.footer ul {
list-style: none;
margin: 0;
padding: 15px 0 0 0;
}

.footer form {
margin-bottom: 0;
}

.footer-menu-wrap {
text-align: left;
}

.page-contact .footer {
margin-top: 0;
}
.page-contact .maps {
position: relative;
bottom: -6px;
}
.page-landing .maps {
position: relative;
bottom: -7px;
}
.maps iframe {
pointer-events: none;
display: block;
}
.newsletter form {
margin-bottom: 0;
}

.footer_credits {
  border-top: none;
  margin-top: 15px !important;
  margin-bottom: 0;
}

.payment_methods {
margin: 10px 0 6px 0;
padding-top: 10px;

@include respond-to('medium-up'){
  float: right;
  text-align: right;
}
}
.payment_methods svg {
padding-right: 4px;
height: 30px;
width: 48px;
}
.credits {
text-align: left;
padding-top: 20px;

@include respond-to('medium-up'){
  float: left;
}
}

h6 span, h4 span, .sublink span  {
transition: transform 0.3s linear;
perspective: 1000;
}

.footer-menu-wrap, #mobile_menu, .sidebar {
-webkit-transform: translate3d(0, 0, 0);
.active span, span.active {
  transform: rotateX(180deg);
}
}

.sidebar span.menu-toggle {
float: right;
display: inline-block;
cursor: pointer;
padding: 0 6px 0 6px;
margin-right: 0;
transition: transform 0.3s linear;
perspective: 1000;
transform: none;

&.active {
  transform: rotateX(180deg);
}
}

/* Footer and mobile menu accordion (mobile only) */

@include respond-to('medium-down'){
.footer-menu-wrap, .sidebar, #mobile_menu {
  h6 {
    padding-top: 8px;
    cursor: pointer;
    border-top: 1px solid #000000;
    margin-top: 0;
  }
  h6 span, h4 span, .sublink span  {
    display: inline-block;
    transition: transform 0.3s linear;
    perspective: 1000;
  }
  .columns > ul {
    display: none;
    padding-left: 20px;
    li {
      line-height: 1.7;
    }
  }
}
.toggle_content {
  display: none;
  padding: 0 20px;
}
}

@include respond-to('medium-up'){
h4.toggle {
  pointer-events: none;
}
.footer-menu-wrap {
  h6 {
    pointer-events: none;
  }
  .columns > ul {
    //required to overwrite inline display:none from createAccordion();
    display: block !important;
  }
}
}

/* Promo banner */

$promoBannerHeight: 30px;

.header .promo_banner,
#header .promo_banner {
a,
a:visited
a:hover {
  color: #ffffff;
}
}

.promo_banner {
background-color: #4d3f56;
text-align: center;
color: #ffffff;
font-size: 12px;
position: relative;
width: 100%;
height: 0;
line-height: 0;
z-index: 999999;
top: 0;
transition: all 0.3s linear;
overflow: hidden;
.promo_banner__content {
  margin: 0px auto;
  padding: 0 1.5rem;
  @include respond-to('medium-down'){
    font-size: 10px;
    max-height: 50px;
  }
}
p {
  margin-bottom: 0;
  display: inline;
  line-height: 1;
}
.promo_banner-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  border: 0;
  outline: 0;
  background: transparent;
  z-index: 1000;
  &:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 20px;
    line-height: $promoBannerHeight;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center;
  }
}
}

.promo_banner-show .promo_banner {
z-index:-1;
transition: all 0s linear;
height: auto;
min-height: $promoBannerHeight;
line-height: 1.1;
@include flexbox();
@include align-items(center);
}

.top_bar {
padding-top: 0;
position: relative;
transition: padding-top 0.3s linear;
}

$topMenuHeight: 30px;



@include respond-to('medium-down'){

.mobile_nav-fixed--true,
.mobile_nav-fixed--false {
  #pagecontent {
    display: block;
    // padding-bottom: $topMenuHeight;
  }
  //page banner is visible
  .page_banner {
    margin-top: $topMenuHeight;
  }
  .page_banner + #pagecontent {
    padding-bottom: 0;
  }
}

.index-sections .under-menu:nth-child(1) {
  margin-top: 0;
}


.index-sections{
  @media (max-width: 1024px){
    margin-top: -30px;
  }
}

.page-details-section .under-menu:nth-child(1) {
  margin-top: 0;
}

.page-banner .under-menu:nth-child(1) {
  margin-top: 0;
}

//recalculate values if promo banner is visible
.promo_banner-show.mobile_nav-fixed--true,
.promo_banner-show.mobile_nav-fixed--false {
  #pagecontent {
    padding-bottom: calc(#{$topMenuHeight} + #{$promoBannerHeight});
}
.page_banner {
  margin-top: calc(#{$topMenuHeight} + #{$promoBannerHeight});
}
.page_banner + #pagecontent {
padding-bottom: 0;
}
}

}

/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09f}.flickity-prev-next-button:active{opacity:.6}.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

.flickity-enabled {
position: relative;
overflow: hidden;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}

.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
filter: alpha(opacity=50);
opacity: 0.5;
position: absolute;
top: 0;
bottom: 0;
width: 11%;
border: none;
background: white;
background: hsla(0, 0%, 100%, 0.75);
cursor: pointer;
border-radius: 0;
height: auto;
max-width: 100px;
transform: none;
}

.flickity-prev-next-button:hover {
background: white;
border: none;
}

.flickity-prev-next-button:focus {
outline: none;
}

.flickity-prev-next-button:hover, .flickity-prev-next-button:active {
filter: alpha(opacity=80);
opacity: 0.8;
}

.flickity-prev-next-button.previous {
left: -1px;
}
.flickity-prev-next-button.next {
right: -1px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: -1px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: -1px;
}

.flickity-prev-next-button:disabled {
filter: alpha(opacity=10); /* IE8 */
opacity: 0.1;
cursor: auto;
}

.flickity-prev-next-button svg {
@include vertical-alignment;
position: absolute;
left: 20%;
width: 60%;
height: 60%;
}

.flickity-prev-next-button .arrow {
fill: #333333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
color: #333333;
font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
filter: alpha(opacity=25); /* IE8 */
opacity: 0.25;
cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
filter: alpha(opacity=100); /* IE8 */
opacity: 1;
}

/* Custom sliders */
.flickity-slider > li {
list-style-type: none;
width: 100%;
text-align: center;
}

/* General Flickity styling */

img[data-flickity-lazyload] {
width: auto;
}

.slideshow_animation--fade {
.flickity-slider {
  transform: none !important;
}

.gallery-cell {
  left: 0 !important;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: -1;
}

.gallery-cell.is-selected {
  opacity: 1;
  z-index: 0
}
}

/* Gallery page */

.lightbox-gallery {
.gallery-cell {
  width: 100%;
  img {
    width: auto;
    max-height: 90vh;
    max-width: 100%;
    display: inline-block;
  }
}
}

/* Product gallery */

.gallery-arrows--true .product_gallery {
.flickity-prev-next-button {
  transition: opacity 0.3s linear;
  display: block;
  @include respond-to('medium-up') {
    opacity: 0;
  }
}
}

.gallery-arrows--true .product_gallery:hover {
.flickity-prev-next-button {
  opacity: 0.5;
}
}

.product_gallery {
margin-bottom: 30px;
position: relative;
opacity: 0;
transition: opacity 0.2s;
@include respond-to('medium') {
  margin-bottom: 30px;
}
@include respond-to('small') {
  margin-bottom: 0;
  padding-bottom: 50px;
  .flickity-page-dots {
    bottom: 15px;
  }
}

.gallery-cell {
  width: 100%;
  text-align: center;
  display: block;
  margin-right: 10px;
  span {
    width: 100%;
    display: block !important; // required to override the inline-block set with JS
  }
}
&.flickity-enabled {
  opacity: 1;
}
&.single-image {
  .flickity-prev-next-button {
    display: none;
  }
}
.flickity-prev-next-button {
  display: none;
}
img {
  background-color: #ffffff;
}
}

.product_gallery_nav {
text-align: center;
margin-bottom: 30px;

&.product_gallery_nav--bottom-thumbnails {
  .gallery-cell { width: auto; }
  img {
    height: 80px;
    width: auto;
  }
}
&.product_gallery_nav--bottom-slider {
  @include respond-to('small') {
    margin-bottom: 30px;
  }
  .flickity-prev-next-button {
    opacity: 1;
    background: #ffffff;
  }
  .gallery-cell {
    @include flexbox();
    width: auto;
    opacity: 0.5;
    margin-bottom: 0;
    &.is-nav-selected { opacity: 1; }
    img {
      width: auto;
      height: 80px;
      max-width: none;
    }
  }
}
.gallery-cell {
  width: 20%;
  margin: 0 10px 10px 0;
  opacity: 0.7;
  display: inline-block;
  &.is-nav-selected {
    opacity: 1;
  }
  img {
    cursor: pointer;
  }
}
}

.product_gallery .gallery-cell a {
cursor: zoom-in;
}

.gallery-wrap.right-thumbnails {
.multi-image {
  width: 83%;
  float: left;
}
.product_gallery_nav {
  width: 12%;
  float: left;
  margin-left: 4%;
  .gallery-cell {
    width: 100%;
    margin: 0 0 10px 0;
  }
}
}

.gallery-wrap.left-thumbnails {
.multi-image {
  width: 83%;
  float: right;
}
.product_gallery_nav {
  width: 12%;
  float: right;
  margin-right: 5%;
  .gallery-cell {
    width: 100%;
    margin: 0 0 10px 0;
  }
}
}

.gallery-wrap .flickity-viewport {
margin-top: 0;
}

.product-section__lightbox .zoom-wrap {
width: 100%;
height: 100%;
}

/* Quick Shop */

.js-quick-shop {
display: none;
}

.quickshop-forms__container {
display: none;
}

.quick-shop__lightbox .fancybox-content {
width: 90%;
max-width: 900px;

background-color: #f1f1f1;
cursor: pointer !important;
}

.quick-shop__lightbox .fancybox-close-small svg path {
fill: #6d6e71;
&:hover {
  fill: darken(#6d6e71, 0.8);
}
}

.quick-shop {
.product_gallery img {
  background-color: #f1f1f1;
}
.container {
  max-width: 100%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  color: #6d6e71;
  .gallery-wrap.eight.columns {
    width: calc(55% - 40px);
    margin: 0;
    margin-right: 40px;
    min-height: 1px;
    transition: opacity 1s 0.3s linear;
    &.align-gallery-right {
      float: right;
      margin-right: 0;
      margin-left: 40px;
    }
  }
  .text-modal-wrap.six.columns {
    width: 45%;
    margin: 0;
    min-height: 1px;
    transition: opacity 0.3s linear;
  }
  .new_banner_product:empty,
  .sale_banner_product:empty,
  .preorder_banner_product:empty {
    display: none;
  }
}
img[alt*="[right]"],
img[alt*="[left]"],
img[alt*="[center]"]{ //hide full-width-image template images in quick-shop
  display: none;
}
}

h3.quick-shop__title a {
color: #6d6e71;
}

.quick-shop .product_gallery {
opacity: 0;
transition: opacity 0.3s;
}

.quick-shop .product_gallery.flickity-enabled {
opacity: 1;
}

/* Related Items Gallery */

.related-products--grid {
font-size: 0;
text-align: center;
&.container {
  padding-top: 0;
}
.product-list .thumbnail.column,
.product-list .thumbnail.columns {
  font-size: initial;
  display: inline-block;
  float: none;
  vertical-align: top;
}
}

.related-products__title {
clear: both;
}

.title.slider-gallery {
padding-top: 40px;
@include respond-to('small-down') {
  padding-top:0;
  font-size: 1.5em;
}
}

.slider-gallery {
margin: 0 auto 40px;
.gallery-cell {
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  padding: 0;
  margin-bottom: 0;
  @include respond-to('small-down') {
    padding: 0;
    margin-right: 5px;
  }
  .product-details {
    line-height: 1.2;
    letter-spacing: 0;

    @include respond-to('medium-down') {
      font-size: 3vw;
    }
  }
  img {
    display: block;
    max-width: 100%;
  }
}
.gallery-cell-heading {
  font-size: 0.8rem;
  line-height: 1.2;
  text-transform: none;
  margin-top: 10px;
}
.flickity-prev-next-button {
  border-radius: 0;
  opacity: 0;
  width: 5%;
}
}

.slider-gallery:hover .flickity-prev-next-button {
opacity: 0.5;
}

.transparentBackground--false {
.dot {
  background: #333333;
}
.flickity-prev-next-button {
  background: transparent;
  .arrow {
    fill: #333333;
    opacity: 1;
  }
}
}

.homepage-slideshow.transparentBackground--false,
.testimonial-slideshow.transparentBackground--false,
.product-slider.transparentBackground--false,
.slider-gallery.transparentBackground--false {
&:hover {
  .flickity-prev-next-button {
    opacity: 1;
  }
}
.flickity-page-dots .dot {
  opacity: 0.4;
  &.is-selected {
    opacity: 1;
  }
}
}

/* Lazyframe */
.lazyframe{position:relative;background-color:#ffffff;background-repeat:no-repeat;background-size:cover}.lazyframe__title{position:absolute;top:0;left:0;right:0;padding:15px 17px;z-index:3}.lazyframe__title:after{z-index:-1}.lazyframe:hover{cursor:pointer}.lazyframe:before{display:block;content:"";width:100%;padding-top:100%}.lazyframe[data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-ratio="1:1"]:before{padding-top:100%}.lazyframe iframe{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;width:100%;height:100%}.lazyframe[data-vendor="youtube"],.lazyframe[data-vendor="youtube_nocookie"]{background-color:#e52d27;font-family: Arial, Helvetica, sans-serif}.lazyframe[data-vendor="youtube"] .lazyframe__title,.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title{color:#eee;font-family: Arial, Helvetica, sans-serif;font-size:18px;text-shadow:rgba(0,0,0,0.498039) 0px 0px 2px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:color 0.1s cubic-bezier(0.4, 0, 1, 1)}.lazyframe[data-vendor="youtube"] .lazyframe__title:hover,.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:hover{color:#fff}.lazyframe[data-vendor="youtube"] .lazyframe__title:before,.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:before{content:'';display:block;background:linear-gradient(rgba(0,0,0,0.2), transparent);height:98px;width:100%;pointer-events:none;position:absolute;top:0;left:0;right:0;z-index:-1;-webkit-tap-highlight-color:transparent}.lazyframe[data-vendor="youtube"]:before,.lazyframe[data-vendor="youtube_nocookie"]:before{padding-top:56.25%}.lazyframe[data-vendor="youtube"][data-ratio="16:9"]:before,.lazyframe[data-vendor="youtube_nocookie"][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor="youtube"][data-ratio="4:3"]:before,.lazyframe[data-vendor="youtube_nocookie"][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor="youtube"][data-ratio="1:1"]:before,.lazyframe[data-vendor="youtube_nocookie"][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor="youtube"]:after,.lazyframe[data-vendor="youtube_nocookie"]:after{content:'';position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4=");background-position:center center;background-size:100%;background-repeat:no-repeat;opacity:.81;border:none;z-index:4}.lazyframe[data-vendor="youtube"]:hover:after,.lazyframe[data-vendor="youtube_nocookie"]:hover:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg==");opacity:1}.lazyframe[data-vendor="vimeo"]{background-color:#00adef}.lazyframe[data-vendor="vimeo"] .lazyframe__title{font-family:"Helvetica Neue", Helvetica, Arial;color:#00adef;font-size:20px;font-weight:bold;text-rendering:optimizeLegibility;user-select:none;-webkit-font-smoothing:auto;-webkit-tap-highlight-color:transparent;background-color:rgba(0,0,0,0.5)}.lazyframe[data-vendor="vimeo"]:before{padding-top:48.25%}.lazyframe[data-vendor="vimeo"][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor="vimeo"][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor="vimeo"][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor="vimeo"]:after{content:'';height:40px;width:65px;display:block;position:absolute;bottom:10px;left:10px;z-index:3;background-color:rgba(0,0,0,0.5);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYmFzZVByb2ZpbGU9InRpbnkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzY1IDE2Ljg5bDguNDctNC44OS04LjQ3LTQuODkiLz48L3N2Zz4=");background-position:center center;background-size:100% 100%;background-repeat:no-repeat;border-radius:5px;position:relative}.lazyframe[data-vendor="vimeo"]:hover:after{background-color:#00adef}.lazyframe[data-vendor="vine"]{background-color:#00bf8f}.lazyframe[data-vendor="vine"] .lazyframe__title{color:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;line-height:16px;white-space:nowrap;z-index:3;positon:relative}.lazyframe[data-vendor="vine"] .lazyframe__title:after{content:'';position:absolute;top:0;left:0;right:0;z-index:-1;height:115px;padding:24px 70px 24px 24px;background:linear-gradient(to top, rgba(23,23,23,0) 0, rgba(23,23,23,0.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3171717", endColorstr="#00171717", GradientType=0 )}.lazyframe[data-vendor="vine"]:before{padding-top:100%}.lazyframe[data-vendor="vine"][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor="vine"][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor="vine"][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor="vine"]:after{content:'';width:60px;height:60px;position:absolute;left:50%;top:50%;z-index:4;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzYiIGhlaWdodD0iMTM2IiB2aWV3Qm94PSIwIDAgMTM2IDEzNiI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU2IDQ0Yy0uNyAwLTEuNC4yLTIgLjUtMS4yLjgtMiAyLTIgMy41djQwYzAgMS40LjggMi44IDIgMy41LjYuMyAxLjMuNSAyIC41czEuNC0uMiAyLS41bDM0LjYtMjBjMS4zLS43IDItMiAyLTMuNSAwLTEuNC0uNy0yLjgtMi0zLjVMNTggNDQuNWMtLjYtLjMtMS4zLS41LTItLjV6Ii8+PC9zdmc+");background-color:rgba(0,0,0,0.5);background-size:cover;background-repeat:no-repeat;margin-top:-30px;margin-left:-30px;border-radius:50%}.lazyframe[data-vendor="vine"]:hover:after{background-color:rgba(0,0,0,0.75)}


/*
*  Remodal - v1.0.6
*  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
*  http://vodkabears.github.io/remodal/
*
*  Made by Ilya Makarov
*  Under MIT License
*/

/* ==========================================================================
Remodal's necessary styles
========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
overflow: hidden;

-ms-touch-action: none;
touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;

display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;

display: none;
overflow: auto;

text-align: center;

-webkit-overflow-scrolling: touch;
}


.remodal-wrapper:after {
display: inline-block;

height: 100%;
margin-left: -0.05em;

content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
position: relative;

outline: none;

-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}

.size-chart-remodal {
max-height: calc(100vh - 20px); //Viewport height minus wrapper padding
.size-chart-wrap {
  max-height: calc(100vh - 70px); //Viewport height minus remodal inner padding
  overflow-y: scroll;
}
}

.remodal img {
max-width: 100%;
}

.remodal-is-initialized {
/* Disable Anti-FOUC */
display: inline-block;
}

/* ==========================================================================
Remodal's default mobile first theme
========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
width: 100%;
margin-bottom: 10px;
padding: 35px;
-ms-transform: translateY(0,0,0);
transform: translate3d(0, 0, 0);
color: #6d6e71;
background: #fff;
@include respond-to('small-down') {
  overflow-x: scroll;
}
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
vertical-align: middle;
}

/* Close button */

.remodal-close {
position: absolute;
top: 0;
right: 0;

display: block;
overflow: visible;

width: 35px;
height: 35px;
margin: 0;
padding: 0;

cursor: pointer;
transition: color 0.2s;
text-decoration: none;

color: #95979c;
border: 0;
outline: 0;
background: transparent;

z-index: 1000;
}

.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38;
}

.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;

position: absolute;
top: 0;
left: 0;

display: block;

width: 35px;

content: "\00d7";
text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
font: inherit;

display: inline-block;
overflow: visible;

min-width: 110px;
margin: 0;
padding: 12px 0;

cursor: pointer;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;

border: 0;
outline: 0;
}

.remodal-confirm {
color: #fff;
background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a;
}

.remodal-cancel {
color: #fff;
background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;

border: 0;
}

/* Keyframes
========================================================================== */

@keyframes remodal-opening-keyframes {
from {
  transform: scale(1.05);

  opacity: 0;
}
to {
  transform: none;

  opacity: 1;
}
}

@keyframes remodal-closing-keyframes {
from {
  transform: scale(1);

  opacity: 1;
}
to {
  transform: scale(0.95);

  opacity: 0;
}
}

@keyframes remodal-overlay-opening-keyframes {
from {
  opacity: 0;
}
to {
  opacity: 1;
}
}

@keyframes remodal-overlay-closing-keyframes {
from {
  opacity: 1;
}
to {
  opacity: 0;
}
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

#contact_form input.sign_up[type="submit"] {
  margin-left: 0 ;
  margin-bottom: 1.5em;
  width: 100%;
}

input.contact_email[type="email"] {
  width: 100%;
}

.collection_menu {
  display: none;
}

h1.collection_title_tags,
div.collection_title_tags {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

.newsletter .input-row input{
  margin: 5px 0px;
}

input.sign_up {
  margin: 0px;
}

.newsletter-both-names--true {
  input.firstName {
    margin-right: 5px;
  }
}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 799px) and (max-width: 959px) {
.nav a,
.nav a:visited,
.nav a:active,
.nav a:focus {
  font-size: 18px;
}

.menu li, #header span.menu_title, .menu a span {
  padding-left: 2px;
  padding-right: 2px;
}
.nav .menu li.search_link {
  display: inline-block;
}
.menu li.search_container {
  display: none;
}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 798px) {
.article_image {
  padding-bottom: 0;
}
.sidebar_content {
  border: 0;
  padding: 0;
}
.nav_arrows { float: none; text-align: center;}
.nav_arrows .prev { float: left; }
.nav_arrows .next { float: right; }

#header .top_bar a.mobile_logo {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 18px;
  line-height: 23px;
  z-index: 99998;
  width: 50%;
  height: auto;
  color: #ffffff;
  @include flexbox();
  @include align-items(center);
  @include justify-content(center);
}
#header a.mobile_logo img {
  width: auto;
  max-width: 150px;
  max-height: 30px;
  @include respond-to('medium-down'){
    height:auto;
    width:5rem;
    max-height:none;
    max-width:9rem;
  }
}

.payment_methods {
  text-align: center;
  float: none;
  display: block;
}
.credits {
  float: none;
  display: block;
  text-align: center;
}


.is-absolute { top: 0px !important; }

.blog_filter { margin-top: 1em; width: 100% !important; }
.section_select { text-align: center; }
.flex-control-nav { bottom: 10px }
.featured_links a span {
  font-size: 18px;
}
.or {
  width: 100%;
  display: inline-block;
  padding-left: 0;
  padding-bottom: 5px;
}
.mobile_hidden { display: none !important }
table tr.order_summary td.label { text-align: left }

.featured_text {
  font-size: 17px;
  line-height: 1.7em;
}
#header {
  display: block;
}
.header {
  display: none;
}
h4.toggle {
  cursor: pointer;
}
.toggle span {
  display: block;
}
.toggle_list {
  display: none;
}
select {
  width:100%;
  margin-left: 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input.action_button[type="submit"],
input.action_button[type="button"],
.sign_up {
  margin-left: 0;
  width: 100%;
  outline: 0;
}

.credits_right {
  text-align: left;
}

td {
  padding: 4px !important;
}
.title_column {
  float:left;
}
.container div.mobile_only, .mobile_only {
  display:block;
}
span.mobile_only {
  display: inline;
}
.price_total {
  text-align: right;
}
.price_total_text {
  display:block;
}
.update_subtotal, .price_total, .remove_column, .checkout_table_header {
  display: none;
}
.mobile_right {
  text-align: right;
}
.quick_shop {
  display: none !important;
}
.cart_price {
  display: block;
  margin-bottom: 0;
}
table tr th, table tr td {
  padding: 2px;
}
input.action_button {
  margin-bottom: 1em !important;
}
.multiple_product_images {
  display: none;
}
.headline {
  font-size: 1.3em;
  line-height: 1.2;
  position: relative;
}
p.subtitle {
  font-size: 1.1em;
  line-height: 1.2;
  position: relative;
}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 798px) {
.mobile_hidden { display: none !important }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/* Commented out because headers became too small and the line height didnt make a difference */
@media only screen and (max-width: 479px) {
/*.cart_image { max-width: 60px; padding-right: 10px }
h1, h2, h3, h4, h5, h6, .collection_title, .empty_cart {
font-size: 110%;
line-height: 1.5em;
}*/
h1, h1.home, .title a, h2 {
  padding:0;
}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
html {
  -webkit-text-size-adjust: 100%;
}
}

@font-face {
font-family: 'turbo';
src: url('/cdn/shop/t/88/assets/turbo.eot?v=4873489274072575448');
  src: url('/cdn/shop/t/88/assets/turbo.eot?v=4873489274072575448') format('embedded-opentype'),
    url('/cdn/shop/t/88/assets/turbo.woff?v=15096657723668424478') format('woff'),
      url('/cdn/shop/t/88/assets/turbo.ttf?v=7748190997449671095') format('truetype'),
        url('/cdn/shop/t/88/assets/turbo.svg?v=17336635846610971132') format('svg');
          font-weight: normal;
          font-style: normal;
          }

[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "turbo";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .15em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-bag:before { content: "\e901"; }
.icon-cart:before { content: "\e902"; }
.icon-check:before { content: "\e903"; }
.icon-cross:before { content: "\e904"; }
.icon-up-arrow:before { content: "\e917"; }
.icon-down-arrow:before { content: "\e905"; }
.icon-left-arrow:before { content: "\e90b"; }
.icon-right-arrow:before { content: "\e912"; margin-right: 0; }
.icon-plus:before { content: "\002B"; font-size: 12px; line-height: 28px;}
.icon-minus:before { content: "\2212"; font-size: 12px; line-height: 28px;}
.icon-menu:before { content: "\e90d"; }
.icon-email:before { content: "\e906"; }
.icon-pinterest:before { content: "\e907"; }
.icon-rss:before { content: "\e909"; }
.icon-houzz:before { content: "\e90a"; }
.icon-snapchat:before { content: "\e90c"; }
.icon-phone:before { content: "\e90f"; }
.icon-instagram:before { content: "\e910"; }
.icon-vimeo:before { content: "\e913"; }
.icon-search:before {  background-image: url($blk-search); }
.icon-zoom:before { content: "\e900"; }
.icon-youtube:before { content: "\e915"; }
.icon-lock:before { content: "\e916";  color: #ffffff; }
.icon-user:before { content: "\e918"; }
.icon-facebook:before { content: "\ea90"; }
.icon-twitter:before { content: "\ea96"; }
.icon-tumblr:before { content: "\eab9"; }
.icon-linkedin:before { content: "\eaca"; }

.icon-twitter-share:before { content: "\ea96"; }
.icon-facebook-share:before { content: "\ea90"; }
.icon-pinterest-share:before { content: "\e907"; }
.icon-mail-share:before { content: "\e906"; }

span.icon-down-arrow {
padding: 0 !important;
font-size: 12px !important;
}

.menu li.search_link {
display: none;
padding-left: 10px;
padding-right: 10px;
}

.sticky_nav .menu li.search_link {
display: inline-block;
float: right;
}

.sticky_nav .menu-position--block .logo {
display: none;
}

.menu li.search_container {
width: 30%;
@include respond-to('widescreen-up'){
  margin-left: 15px;
}
float: right;
padding-top: 3px;
}

.logo-align--left .menu li.search_container {
width: 18%;
}

.menu-position--block .menu li.search_container {
width: 18%;
float: none;
}

form.search_form,
.search_form input {
padding-top: 0;
margin-bottom: 0;
position: relative;
-webkit-appearance: none;
border-radius: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}

.search_form input,
.search_form input:active,
.search_form input:focus {
font-family: "Avenir Next", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 12px;
letter-spacing: 1px;
color: #6d6e71;
background-color: transparent;
padding-right: 35px;
border-color: #6d6e71;

}

.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
color: #ffffff;
border-color: #ffffff;
&::-webkit-input-placeholder {
  color: #ffffff;
}
&::-moz-placeholder {
  color: #ffffff;
}
&:-ms-input-placeholder {
  color: #ffffff;
}
}

.feature_image .search-submit { color: #ffffff; }

.header_search_form {
width: 80%;
margin: 5rem auto 30px auto;
padding: 30px 0 0 0;
position: relative;
border-bottom: solid 1px $cta-pink;
@include respond-to('small-down') {
  width: 90%;
  margin: 7rem auto 2rem auto;
  padding: 0;
}
}

.header_search_form input,
.header_search_form input:focus,
.header_search_form input:active {
background-color: transparent;
font-family: "Avenir Next", sans-serif;
font-weight: 400;
font-style: normal;
color: #6d6e71;
letter-spacing: 1px;
border: none;
font-size: 36px;
line-height: 36px;

@include respond-to('small-down') {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 0px;
}
}

.header_search_form .search-submit {
top: 38px;
font-size: 30px;
@include respond-to('small-down') {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  font-size: 20px;
}
}

.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
color: #ffffff;
border: 1px solid #ffffff;
}

.feature_image .search_form input::-webkit-input-placeholder {
color: #ffffff;
}
.feature_image .search_form input:-moz-placeholder { /* Firefox 18- */
color: #ffffff;
}
.feature_image .search_form input::-moz-placeholder {  /* Firefox 19+ */
color: #ffffff;
}
.feature_image .search_form input:-ms-input-placeholder {
color: #ffffff;
}

.search_form input::-webkit-input-placeholder {
color: #6d6e71;
}
.search_form input:-moz-placeholder { /* Firefox 18- */
color: #6d6e71;
}
.search_form input::-moz-placeholder {  /* Firefox 19+ */
color: #6d6e71;
}
.search_form input:-ms-input-placeholder {
color: #6d6e71;
}

.search_form input:focus::-webkit-input-placeholder {
color: #cb7d89;
}
.search_form input:focus:-moz-placeholder { /* Firefox 18- */
color: #cb7d89;
}
.search_form input:focus::-moz-placeholder {  /* Firefox 19+ */
color: #cb7d89;
}
.search_form input:focus:-ms-input-placeholder {
color: #cb7d89;
}

.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
color: #ffffff;
border: 1px solid #ffffff;
}

.feature_image .search_form input::-webkit-input-placeholder {
color: #ffffff;
}
.feature_image .search_form input:-moz-placeholder { /* Firefox 18- */
color: #ffffff;
}
.feature_image .search_form input::-moz-placeholder {  /* Firefox 19+ */
color: #ffffff;
}
.feature_image .search_form input:-ms-input-placeholder {
color: #ffffff;
}

.search-submit {
position: absolute;
z-index: 1000;
color: #6d6e71;
font-size: 20px;
top: 9px;
left:25px;
cursor: pointer;
}

.feature_image .search-submit {
color: #ffffff;
}

.blog_search .search-submit {
color: #333333;
top: 5px;
right: 12px;
z-index: 1;
}

.social_icons {
margin-left: 0;
margin-top: 0;
}

.social_icons li {
display: inline;
padding-right: 2px;
}
/*
footer .footer-social-icons {
@include respond-to('medium-down'){
display: none;
}
} */

footer .footer-social-icons--mobile.columns {
display: none;
padding-left: 0;
@include respond-to('medium-down'){
  display: block;
  > ul {
    display: block;
    padding-left: 0;
  }
}
}

footer .social_icons {
display: block;
margin-top: 15px;
@include respond-to('medium-down'){
  padding-left: 0;
  text-align: center;
}
}

footer .social_icons a, footer .social_icons a:visited {
color: #000000;
font-size: 22px;
display: inline-block;
margin-bottom: 1em;
@include respond-to('small-down') {
  margin-bottom: 0;
}
}

footer .social_icons a:active, footer .social_icons a:hover {
color: #bc5968;
font-size: 22px;
}

/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2017 Daniel Eden
*/

.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-20px,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(20px,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}


.delay-0s {
-moz-animation-delay: 0;
-webkit-animation-delay: 0;
animation-delay: 0;
}
.delay-025s {
-moz-animation-delay: .25s;
-webkit-animation-delay: .25s;
animation-delay: .25s;
opacity: 0;
}
.delay-05s {
-moz-animation-delay: .5s;
-webkit-animation-delay: .5s;
animation-delay: .5s;
opacity: 0;
}
.delay-075s {
-moz-animation-delay: .75s;
-webkit-animation-delay: .75s;
animation-delay: .75s;
opacity: 0;
}
.delay-1s {
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
opacity: 0;
}

.animate_right, .animate_left, .animate_up, .animate_down { opacity: 0 }

.ie .animated, .ie .animate_right, .ie .animate_left, .ie .hsContent, .ie #slide-1 .animated { opacity: 1 !important; }
.ie delay-025s, .ie .delay-0s, .ie .delay-025s, .ie .delay-05s, .ie .delay-075s, .ie .delay-1s { opacity: 1 !important; }
.ie select {
background-image: none !important;
}

@media only screen and (max-width: 798px) {
.delay-0s, .delay-025s, .delay-05s, .delay-075s, .delay-1s,
.animate_right, .animate_left, .animate_up, .animate_down {
  opacity: 1;
}
}

/* #Password Page
================================================== */
#password-container {
margin: 75px auto 0;
max-width: 100%;
display: table;
text-align: center;
display: table;
@include respond-to('medium-down') {
  margin-top: 10px;
}

#contact_form input.sign_up[type="submit"] {
  width: calc(35% - 10px);
  @include respond-to('large-down') {
    width: 100%;
  }
}

#contact_form input.contact_email[type="email"] {
  max-width: 100%;
}
}

.password-page-message {
font-size: 3em;
line-height: 1.2;
margin: 10px auto;
padding: 12px 0;
}
.password-page-follow {
margin: 5px 0;
}
.password-social .social_icons a,
.password-social .social_icons a:visited,
.password-social .social_icons a:active {
font-size: 25px;
}

.password-page-row {
display: table-row;
width: 100%;
height: 100%;
margin: 0 auto;
}
.password-page-col {
display: table-cell;
vertical-align: middle;
padding: 5px 30px;
width: 100%;
}

.password-logo {
max-width: 200px; /* Allows logo to be more prominent*/
margin: 0px auto;
}

.password-message{
max-width: 600px;
font-size: 1.2em;
color: #282828;
}

.hr-small {
margin: 20px auto;
width: 50px;
}

.password-social {
margin-top: 10px;
padding-top: 20px;
}

.password-social ul {
margin-left: 0;
padding-left: 0;
margin-bottom: 10px;
}

.password-social .social_icons li {
display: inline;
margin-left: 0;
}

.password-social .social_icons a:hover {
color:#cb7d89;
}

.password-footer {
margin-top: 15px;
margin-bottom: 40px;
font-size: 13px;
color: #000000;
text-align: center;
}

.powered {
display: block;
margin-top: 15px;
}

.shopify a {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28Oj+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==);
padding-left: 21px;
color: #282828;
text-decoration: none;
}

.password-footer a {
color: #282828;
text-decoration: none;
}

/* Password Page Modal CSS */
.controls {
display: block;
margin: 1em;
text-align: right;
text-transform: uppercase;
position: relative;
}

#open-me {
text-align: center;
margin-bottom: 35px;
a {
  &:hover {
    color: #cb7d89;
  }
}
}

.close-me {
z-index: 8000;
}

.modalbox {
position: absolute;
height: 100%;
top: -1em;
bottom: 0;
left: 0;
right: 0;
padding: 0;
z-index:5000;
}

.overlay {
position: fixed;
width: 100%;
height: 100%;
max-height: 100%;
top: 0;
left: 0;
background: #fff;
background: rgba(255,255,255,0.95);
}

.overlay-close {
width: 150px;
height: 50px;
position: absolute;
right: 10px;
top: 10px;
border: 1px solid #000;
font-size: 14px;
}

.overlay-data {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s;
visibility: 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-open {
opacity: 1;
visibility: visible;
transition: opacity 0.5s;
}

.inputbox {
margin: 0px auto;
max-width: 80%;
display: table;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #000;
}

#password-page-bg .modalbox .inputbox {
@include respond-to('medium-down') {
  top: 50%;
}
}

.storefront-password-form label {
font-size: 0.9em;
margin: 0 0 1em 0;
text-align: center;
}

.storefront-password-form .actions {
display: inline-block;
}

.storefront-password-form #password {
width: 50%;
display: inline-block;
@include respond-to('small-down') {
  width: 100%;
}
}

#owner {
font-size: 0.9em;
margin-top: -1em;
opacity: 0.8;
}

.pass-close {
color: #000 !important;
padding: 0 !important;
margin: 1em !important;
position: inherit !important;
}

@media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px){
.modalbox {
  display: block;
  width: 414px !important;
  max-width: 100%;
  text-align: center;
}
.pass-close {
  display: block;
  margin: 0.65em -0.15em 1em 0 !important;
}
}

/* #OM Article 
================================================== */
.article{

.mobile-pagination{
  display: none;

  a{
    color: $cta-pink;

    &:visited{
      color: $cta-pink;
    }

  }

  @media (max-width: 800px){
    display: block!important;
    position: absolute;
    right: 20px;
    top: 10px;
  }
}

.comments{
      position: relative;
      margin-top: 0;
      display: inline-block;
      width: 100%;
}
.comment-form{
  margin-top: 25px;
}

input[type="text"]{
  border: 1px solid #EFB9C3;
}
textarea{
  border: 1px solid #EFB9C3;
}
.omega{
  margin-left: 10px;

  @media (max-width: 480px){
    margin-left: 0px;
  }
}

label{
  display: block;
  text-transform: none;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
  margin-bottom: 5px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.01em;
}

h4{
  color: $cta-pink;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.01em;
}

.sidebar{
  input[type="text"]{
    border: 1px solid #EFB9C3;
  }
  .blog_search input{
      margin-bottom:25px;
  }
  .icon-search:before{
    background-image: url($pink-search);
  }
}
.sidebar-block{

}

.sidebar_content{
  padding-left: 20px;
  margin-top: 30px;

  @media(max-width: 800px){
    border-left: none;
    padding-left: 0px;
  }
}

.sidebar-block{ 
  h4{
  &.toggle{
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      line-height: 30px;
      color:#000;
  }

  }
}

.article-pagination{
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 1px;
  text-transform: lowercase;
  margin-bottom: 0;
  background: #ededed;

  @media(max-width: 800px){
    font-size: 12px;
    line-height: 23px;
    color:$cta-pink;

  }


    .icon-left-arrow:before {
      content: "\2190";
      color: #b05768;
      margin-top: 2px;
    }
    .icon-right-arrow:before {
      content: "\2192";
      color: #b05768;
      margin-top: 2px;
    }
}

.breadcrumb{
  a{
    color:$cta-pink;
      span{
      color:$cta-pink;

      @media(max-width: 800px){
        text-transform: uppercase;
      }
    }
  }
  &:visited{
    color:$cta-pink;
  }
}
.container{
  max-width: 100%;
  padding-left: calc(5% + 10px);
  padding-right: calc(5% + 10px);

  @media(max-width: 1024px){
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

h2{
  font-style: normal;
  font-weight: 900;
  font-size: 34px;
  line-height: 42px;
  color: $cta-pink;
  margin-top: 30px;
  margin-bottom: 15px;

  @media(max-width: 800px){
    font-size: 30px;
    line-height: 38px;
  }
}

.twelve{
  max-width: 1100px;
}

.icon-slash {
padding-right: 5px;
color:#000;
}
.blog_meta span{
  color: #000000;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 32px;
}
}



/* #Page Details
================================================== */
.page-details-section {
.container {
  padding: 0;
}
.article {
  padding-bottom: 0;
}
div.container .featured_products {
  padding-top: 0;
}
@include respond-to('small-down') {
  .caption.position-center,
  .caption.position-left,
  .caption.position-right, {
    margin: 5% 0 0 0;
  }
}
}

/* #Product Details
================================================== */
.product-details-template {
.product-details__blocks .container {
  padding: 0;
}
.action_button:not(.add_to_cart) {
  width: auto;
}
img {
  width: 100%;
}
img.rich-image {
  max-width: auto;
  margin-bottom: 20px;
}
@include respond-to('small-down') {
  .featured-link--section.text-block--left {
    flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
}

.quote {
padding: 10px 0px;
text-align: center;
border-top-style: $borderStyle;
border-top-width: $borderWidth;
border-bottom-width: $borderWidth;
border-bottom-style: $borderStyle;
border-color: #aaaaaa;
}

.grey-map {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
-webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}

/* Home page - general
================================================== */

/* Full-width product slider */

.homepage-product-slider {
margin: 0 10px;
object.placeholder-image {
  width: 100%;
  display: block;
  height: auto;
  position: relative;
  padding-top: 100%;
}
.placeholder-svg--product {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
}

.homepage-product-slider.even-num-slides {
padding-left: 10px;
width: calc(100% - 20px);
@include respond-to('medium-down'){
  padding-left: 0;
  width: 100%;
}
}

.products-slider.slider-gallery {
&.products-length-6 {
  .gallery-cell {
    width: calc(16.6% - 10px);
    @include respond-to('medium-down'){
      width: calc(40% - 10px);
    }
  }
}
&.products-length-5 {
  .gallery-cell {
    width: calc(20% - 10px);
    @include respond-to('medium-down'){
      width: calc(40% - 10px);
    }
  }
}
&.products-length-4 {
  .gallery-cell {
    width: calc(25% - 10px);
    @include respond-to('medium-down'){
      width: calc(40% - 10px);
    }
  }
}
&.products-length-3, &.products-length-2, &.products-length-1 {
  .gallery-cell {
    width: calc(33.33% - 10px);
  }
}
}

.products-slider.slider-gallery {
.gallery-cell {
  &.visible-2 {
    width: calc(50% - 10px);
    @include respond-to('medium-down'){
      width: calc(50% - 10px);
    }
  }
  &.visible-3 {
    width: calc(33.33% - 10px);
    @include respond-to('medium-down'){
      width: calc(40% - 10px);
    }
  }
  &.visible-4 {
    width: calc(25% - 10px);
    @include respond-to('medium-down'){
      width: calc(40% - 10px);
    }
  }
  &.visible-5 {
    width: calc(20% - 10px);
    @include respond-to('medium-down'){
      width: calc(40% - 10px);
    }
  }
  &.visible-6 {
    width: calc(16.666% - 10px);
    @include respond-to('medium-down'){
      width: calc(40% - 10px);
    }
  }
  &.visible-7 {
    width: calc(14.2% - 10px);
    @include respond-to('medium-down'){
      width: calc(40% - 10px);
    }
    .product-details {
      font-size: 0.7rem;
    }
  }
}
}

// Text below overlay on larger screens
@media (max-width: 985px) {
@for $i from 7 through 16 {
  .products-length-#{$i} {
    .product-info__caption {
      display: block;
    }
    .thumbnail-overlay {
      display: none;
    }
  }
}
}

.featured_products.product-slider {
padding-bottom: 0;
.columns {
  padding-bottom: 0;
}
}

//Applied to the slideshow, video and full-width banner images

.banner-full-link {
line-height: 0;
font-size: 0;
color: transparent;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
}

.banner-full-link + .caption {
pointer-events: none;
cursor: pointer;
}

.full-width--true .caption {
@include respond-to('small-down') {
  padding-left: 20px;
  padding-right: 20px;
}
@include respond-to('large-up') {
  max-width: 960px;
  padding: 0;
}
@include respond-to('widescreen-up') {
  max-width: 1200px;
  padding: 0;
}
}

.caption {
width: 100%;
position: absolute;

top: 50%;

padding: 0 5%;
@include prefix(transform, translate(0,-50%), ms webkit spec);
@include respond-to('medium-up') {
  max-width: 960px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@include respond-to('large-up') {
  padding: 0 30px;
}
@include respond-to('medium-down') {
  width: 100%;
}
@include respond-to('small-down') {
  margin: 20px auto;
  font-size: 3vw;
  position: static;
  transform: none;
  width: 100%;
}
a {
  pointer-events: all;
}
&.position-center {
  left: 0;
  right: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  @include respond-to('medium-down') {
    width: 85%;
  }
  @include respond-to('small-down') {
    width: 100%;
  }
}
&.position-left {
  left: 0;
  right: 0;
  text-align: left;
}
&.position-right {
  left: 0;
  right: 0;
  text-align: right;
}
.pretext {
  color: #ffffff;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 20px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  
  text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  
  @include respond-to('small-down') {
    font-size: 1.4em;
    color: #000000;
    text-shadow: none;
  }
  @include respond-to('medium-down') {
    font-size: 13.333333333333334px;
  }
  @include respond-to('medium-up') {
    font-size: 16.666666666666668px;
  }
  @include respond-to('medium-up') {
    font-size: 20px;
  }
}
.headline {
  color: #ffffff;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  font-size: 50px;
  letter-spacing: 1px;
  line-height: 1.4em;
  margin-bottom: 15px;
  
  text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  

  @include respond-to('small-down') {
    font-size: 2.6em;
    color: #000000;
    text-shadow: none;
  }
  @include respond-to('medium-down') {
    font-size: 33.333333333333336px;
  }
  @include respond-to('medium-up') {
    font-size: 41.666666666666664px;
  }
  @include respond-to('large-up') {
    font-size: 50px;
  }
}
.subtitle {
  color: #ffffff;
  font-family: "Avenir Next", sans-serif;
  font-weight: 400;
  text-transform: none;
  font-style: none;
  font-size: 20px;
  letter-spacing: 1px;
  position: relative;
  
  text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  

  @include respond-to('small-down') {
    font-size: 1.4em;
    color: #000000;
    text-shadow: none;
  }
  @include respond-to('medium-down') {
    font-size: 13.333333333333334px;
  }
  @include respond-to('medium-up') {
    font-size: 16.666666666666668px;
  }
  @include respond-to('large-up') {
    font-size: 20px;
  }
}
.pretext:empty,
.headline:empty,
.subtitle:empty {
  display: none;
  &:before {
    height: 0;
  }
}
}

.subtitle p a {
pointer-events: all;
}

.caption-content {
display: inline-block;
float: none;
max-width: 60%;
font-size: 0;
@include respond-to('medium-down'){
  max-width: 80%;
}
@include respond-to('small-down') {
  width: 100%;
  max-width: 100%;
}
.action_button {
  margin: 10px;
  @include respond-to('medium-down'){
    // tightens up stacked buttons on iPad
    margin: 5px;
  }
  @include respond-to('small-down') {
    font-size: 16px;
  }
}
&.align-center {
  text-align: center;
  @include respond-to('medium-down') {
    max-width: 80%;
  }
  @include respond-to('small-down') {
    width: 100%;
    max-width: 100%;
  }
}
&.align-left {
  text-align: left;
  &:first-child .action_button {
    margin-left: 0;
  }
  .subtitle:before {
    margin-left: 0;
  }
}
&.align-right {
  text-align: right;
  &:last-child .action_button {
    margin-right: 0;
  }
  .subtitle:before {
    margin-right: 0;
  }
}
&.caption-background-true {
  padding: 30px;
  @include respond-to('small-down') {
    padding: 0;
  }
}
}

/* Transparency settings for each type of caption */

$backgroundTransparency: 0.6;

.caption-background-true {
//fallback
background-color: #6d6e71;
}

.homepage-video {
.caption-background-true {
  background-color: rgba(#6d6e71,  1 );
  @include respond-to('small-down') {
    background-color: transparent;
  }
}
}

.caption-background-true {
background-color: #6d6e71;
&.caption-transparency-true {
  background-color: rgba(#6d6e71, $backgroundTransparency);
  @include respond-to('small-down') {
    background-color: transparent;
  }
}
@include respond-to('small-down') {
  background-color: transparent;
}
}

a.highlight-false, input[type="button"].highlight-false,
a.highlight-true, input[type="button"].highlight-true,
a.continue-button {
background-color: rgba(255,255,255,0);
color: #ffffff;
border: 1px solid #ffffff;
transition: background-color 0.2s linear, color 0.2s linear;
margin: 25px 0;

&:hover {
  background-color: #ffffff;
  border-color: #ffffff;

  
  @if (lightness(#ffffff) > 50) {
    color: #333;
  } @else {
    color: #fff;
  }
  
}

@include respond-to('small-down') {
  color: #000000;
  border-color: #000000;
  background-color: transparent;
  &:hover {
    border-color: #000000;
    background-color: #000000;
    @if (lightness(#000000) > 50) {
      color: #333;
    } @else {
      color: #fff;
    }
  }
}
}

a.highlight-true, input[type="button"].highlight-true {
background-color: #ffffff;
border-color: #ffffff;


@if (lightness(#ffffff) > 50) {
  color: #333;
} @else {
  color: #fff;
}


@include respond-to('small-down') {
  border-color: #000000;
  background-color: #000000;
  @if (lightness(#000000) > 50) {
    color: #333;
  } @else {
    color: #fff;
  }
}
}

a.continue-button,
a.highlight-false--dark,
input[type="button"].highlight-false--dark {
color: #000000;
border-color: #000000;
background-color: transparent;
&:hover {
  border-color: #000000;
  background-color: #000000;
  @if (lightness(#000000) > 50) {
    color: #333;
  } @else {
    color: #fff;
  }
}
}

/* Slideshow */

.homepage-slideshow {
.gallery-cell:not(:first-child) {
  height: 0;
}
}

.homepage-slideshow.flickity-enabled {
.gallery-cell:not(:first-child) {
  height: auto;
}
}

.homepage-slideshow {
a.highlight-false, input[type="button"].highlight-false,
a.highlight-true, input[type="button"].highlight-true {
  &:hover {
    
    @if (lightness(#ffffff) > 50) {
      color: #333;
    } @else {
      color: #fff;
    }
    
  }
  @include respond-to('small-down') {
    color: #000000;
    border-color: #000000;
    background-color: transparent;
    &:hover {
      border-color: #000000;
      background-color: #000000;
      @if (lightness(#000000) > 50) {
        color: #333;
      } @else {
        color: #fff;
      }
    }
  }
}

a.highlight-true, input[type="button"].highlight-true {
  background-color: #ffffff;
  border-color: #ffffff;

  
  @if (lightness(#ffffff) > 50) {
    color: #333;
  } @else {
    color: #fff;
  }
  

  @include respond-to('small-down') {
    border-color: #000000;
    background-color: #000000;
    @if (lightness(#000000) > 50) {
      color: #333;
    } @else {
      color: #fff;
    }
  }
}
}

// Contact Section
.contact-form_position--right {
float: right;
}


/* #Account
================================================== */

.account-header-logout {
text-align: right;
text-transform: uppercase;
}

.account-sidebar {
border-right: 1px solid #aaaaaa;
box-sizing: border-box;
padding-right: 10px;
@include respond-to('medium-down'){
  border: 0;
  padding-right: 0;
}
}

.customers-addresses {
.account-sidebar {
  border-right: 0;
  padding-right: 0;
}
.account-main {
  box-sizing: border-box;
  border-left: 1px solid #aaaaaa;
  padding-left: 20px;
  @include respond-to('medium-down'){
    border: 0;
    padding-left: 0;
  }
}
}

.action_bottom .note {
vertical-align: middle;
line-height: 40px;
}

.address_title {
margin-bottom: 0;
padding-bottom: 0;
}

.action_edit {
background-color: #a14150;
border-color: #a14150;
a {
  color: #ffffff;
}
&:hover {
  background-color: #a14150;
  border-color: #a14150;
  a {
    color: #ffffff;
  }
}
}

.action_delete {
background-color: #ffffff;
border-color: #a14150;
a {
  color: #a14150;
}
&:hover {
  background-color: #a14150;
  border-color: #a14150;
  a {
    color: #ffffff;
  }
}
}


/* #Home page - collection in detail
================================================== */

.collection-in-detail {
.section {
  margin: 0;
}
.half {
  width: 50%;
  float: left;
  position: relative;
  @include respond-to('medium-down'){
    width: 100%;
  }
}
.product-details {
  padding: 40px 2rem;
}

.frontpage_product_stagger--true {
  .section:nth-child(even) .half {
    float: right;
  }
}

.product_gallery.multi-image {
  width: 100%;
  display: block;
  margin-bottom: 0;
}
}

/* #Home page - text columns with images
================================================== */

.text-columns-with-images-section {
.border-style--box {
  padding: 10%;
  border: 1px solid #aaaaaa;
}

.border-style--quote {
  padding-left: 20px;
  border-left: 1px solid #aaaaaa;
  margin-bottom: 10%;
}

.large_text {
  @include headline-style($font-size-column);
}

.text-column {
  margin-bottom: 25px;
}

a.continue-button {
  margin-top: 10px;
}

h2.title + .feature_divider {
  margin-bottom: 40px;
}

img {
  margin: 0 0 15px;
}
}

/* OOTS Content Creator slideshow */
.flexslider {
img {
  display: block;
  margin: 0 auto;
}
}

/* #Home page - slideshow
================================================== */

.homepage-slideshow:hover .flickity-prev-next-button, .testimonial-section:hover .flickity-prev-next-button {
opacity: 0.5;
}

.homepage-slideshow.text-animation--false .caption {
opacity: 0;
transition: opacity 0.3s linear;
}

.homepage-slideshow.text-animation--false.flickity-enabled .caption {
opacity: 1;
}

.text-animation--true {
.caption-content {
  opacity: 0;
  @include respond-to('small-down') {
    opacity: 1;
    animation-duration: 0s;
  }
}
}

.homepage-slideshow,
.testimonial-section {
position: relative;
overflow: hidden;
&.single-image {
  .flickity-prev-next-button {
    display: none;
  }
  .flickity-page-dots {
    display: none;
  }
}
.gallery-cell {
  width: 100%;
  
  background-color: #666666;
  
  @include respond-to('small-down') {
    background-color: transparent;
  }
  img {
    width: 100%;
    display: block;
  }
}
.flickity-prev-next-button {
  opacity: 0;
  width: 5%;
  height: 100%;
  border-radius: 0;
  @include respond-to('medium-up') {
    opacity: 0;
  }
}
.flickity-page-dots {
  bottom: 2em;
  display: none;
  @include respond-to('medium-up') {
    display: block;
  }
  .dot {
    height: 4px;
    width: 40px;
    margin: 0;
    border-radius: 0;
    background: #333333
  }
  @include respond-to('small-down') {
    display: block;
    bottom: 5px;
  }
}
}

/* Home - product slider */

.js-product-slider {
.product_clear {
  display: none;
}
.column.alpha, .columns.alpha {
  margin: 0 10px 0 20px;
}
.flickity-prev-next-button {
  border-radius: 0;
}
}

/* #Home page - image with text
================================================== */

.image-with-text .featured-link--half a[href] img {
box-shadow: #000 0em 0em 0em;
transition: opacity 0.2s linear;
}

.image-with-text .featured-link--half:hover a[href] img.lazyloaded {
opacity: 0.8;
}

.standard--width .image-with-text .featured-link--image,
.full-width--false.image-with-text .featured-link--image {
background-color: transparent;
}

.featured-link--section {
width: 100%;
box-sizing: border-box;
float: left;
min-height: 100px;
@include flexbox();
@include flex-wrap(wrap);
}

.featured-link--half.featured-link__imageHalf {
background-color: transparent;
text-align: center;
a {
  width:100%;
  display: block;
  img {
    width: 100%;
  }
}
}

.featured-link--half {
box-sizing: border-box;
float: left;
width: 50%;
position: relative;
text-align: center;
display: table;
@include flex(1 0 auto);
@include flexbox();
@include align-items(center);
@include justify-content(center);
background-color: #f1f1f1;
@include respond-to('small-down') {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}
.featured-link--wrap {
  width: 100%;
  height: 100%; /* Fix for SVG set at 2 images per row */
  @include flex(0 0 auto);
}
img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  @include respond-to('small-down') {
    width: 100%;
    max-width: auto;
  }
}
.info {
  display: inline-block;
  width: 80%;
  margin: 0 auto;
  padding: 20px;
  &.text-align--right {
    text-align: right;
    .description:before {
      margin-right: 0;
    }
  }
  &.text-align--left {
    text-align: left;
    .description:before {
      margin-left: 0;
    }
  }
  @include respond-to('small-down') {
    position: static;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    padding: 2em 0;
  }
}
.collection_title {
  margin-bottom: 15px;
  display: block;
  color: set-text-color(#f1f1f1);
}
.description {
  position: relative;
  font-size: 17px;
  line-height: 1.5;
  margin-bottom: 20px;
  color: set-text-color(#f1f1f1);
  @include respond-to('medium-down'){
    font-size: 2vw;
  }
  @include respond-to('small-down') {
    font-size: inherit;
  }
  @include respond-to('widescreen-up') {
    font-size: inherit;
  }
}
.button {
  height: auto;
  background-color: transparent;
  color: set-text-color(#f1f1f1);
  border: 1px solid set-text-color(#f1f1f1);
  transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
  line-height: 1.5;
  padding-top: 10px;
  padding-bottom: 10px;
  &:hover {
    background-color: set-text-color(#f1f1f1);
    color: #f1f1f1;
    border: 1px solid set-text-color(#f1f1f1);
  }
}
}

.image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) {
@include flex-direction(row-reverse);
.featured-link--half {
  float: right;
}
}

.image-align--left.featured_collections.across-1 .featured-link--section:nth-child(even) {
@include flex-direction(row-reverse);
.featured-link--half {
  float: right;
}
}

.featured_collections.across-2 {
@include flexbox();
@include flex-wrap(wrap);
}

.image-align--left.featured_collections.across-2 {
.featured-link--section {
  @include flex-direction(row);
  @include respond-to('medium-down'){
    &:nth-of-type(2n){
      @include flex-direction(row-reverse);
    }
  }
}
.featured-link--image:nth-of-type(4n+3) {
  @include flex-direction(row-reverse);
  @include respond-to('medium-down'){
    @include flex-direction(row);
  }
}
.featured-link--image:nth-of-type(4n+4) {
  @include flex-direction(row-reverse);
}
}

.image-align--right.featured_collections.across-2 {
.featured-link--section {
  @include flex-direction(row-reverse);
  @include respond-to('medium-down'){
    &:nth-of-type(2n){
      @include flex-direction(row);
    }
  }
}
.featured-link--image:nth-of-type(4n+3) {
  @include flex-direction(row);
  @include respond-to('medium-down'){
    @include flex-direction(row-reverse);
  }
}
.featured-link--image:nth-of-type(4n+4) {
  @include flex-direction(row);
}
}

.featured_collections.across-2 {
.featured-link--section {
  width: 50%;
  @include respond-to('medium-down') {
    width: 100%;
  }
}
.featured-link--half {
  @include respond-to('medium-down') {
    width: 50%;
  }
  @include respond-to('small-down') {
    width: 100%;
  }
}
.description {
  font-size: 1.2vw;
  @include respond-to('medium-down'){
    font-size: inherit;
  }
}
.button {
  font-size: 1.2vw;
  @include respond-to('small-down') {
    font-size: 14px;
  }
}
.featured-link--image:nth-of-type(2n+1) {
  clear: both;
}
.featured-link--image:nth-of-type(2n+2) .featured-link--half {
  float: left;
  @include respond-to('medium-down'){
    float: right;
  }
}
.featured-link--image:nth-of-type(3n+3) .featured-link--half {
  float: right;
  @include respond-to('medium-down'){
    float: left;
  }
}
.featured-link--image:nth-of-type(4n+4) .featured-link--half {
  float: right;
}
}

/* #Home page - featured products
================================================== */

.featured-products-section {
.product_gallery {
  margin-bottom: 0;
  padding-bottom: 0;
  img {
    width: 100%;
    vertical-align: bottom;
  }
}
}

/* #Home page - featured promotions
================================================== */

.promo-animation--true {
opacity: 0;
}

.featured-promotions {
.feature-section {
  text-align: center;
  float: left;
  margin: 0 10px 10px;
  position: relative;
  @include respond-to('medium-down'){
    opacity: 1;
  }
  .link-promo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
  }
  .feature-inner {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .feature-style--circle {
    border-radius: 50%;
    img {
      border-radius: 50%;
    }
  }
  .feature-style--rounded {
    border-radius: 10px;
    img {
      border-radius: 10px;
    }
  }
  .feature-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: background-color 0.25s linear;
    @include respond-to('medium-down'){
      
      @include background-opacity(#000, 0.5);
      
    }
  }
  .feature-wrap {
    @include vertical-alignment;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    pointer-events: none;
  }
  .feature-details {
    display: none;
    opacity: 0;
    transition: opacity 0.3s linear;
    @include respond-to('medium-down'){
      opacity: 1;
      display: block !important;
    }
    &.reveal-details {
      opacity: 1;
    }
    .button {
      margin-top: 15px;
    }
  }
  .description {
    color: #fff;
    transition: all 0.3s linear;
    margin-bottom: 0;
  }
  .description a {
    pointer-events: auto;
  }
  &.title-overlay-true {
    .title {
      transition: all 0.3s linear;
      color: #fff;
      @include respond-to('medium-down'){
        margin-bottom: 10px;
      }
      &:after {
        content: '';
        display: block;
        height: 1px;
        width: 0;
        background: #fff;
        transition: width .5s ease, background-color .5s ease;
        margin: 10px auto auto auto;
        @include respond-to('medium-down'){
          display: none;
        }
      }
    }
  }
  &.title-overlay-false {
    .feature-wrap .title {
      display: none;
    }
  }
  &:hover .feature-overlay {
    @include background-opacity(#000, 0.5);
    @include respond-to('medium-down'){
      
    }
  }
  &.title-overlay-true:hover .title:after {
    width: 50%;
    background: #fff;
  }
  &.title-overlay-true:hover .title {
    color: #fff;
  }
  &.title-overlay-true:hover .description {
    color: #fff;
  }
  &.title-overlay-false:hover .description {
    color: #fff;
  }
  img {
    width: 100%;
    display: block;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
  }
}
}

$i: 1;
$delay: 0;
@while $i < 13 {
.promo-#{$i} {
  -webkit-animation-delay: $delay + s;
  animation-delay: $delay + s;
}
$i: $i + 1;
$delay: $delay + 0.3;
}

.featured-promotions.full-width--false {
.promo-per-row-2 {
  .feature-section {
    width: calc(50% - 20px);
    @include respond-to('medium-down'){
      width: 100%;
      margin: 0 0 10px;
    }
    &:nth-child(2n+1){
      clear: both;
    }
  }
}

.promo-per-row-3 {
  .feature-section {
    width: calc(33.3333% - 20px);
    @include respond-to('medium-down'){
      width: 100%;
      margin: 0 0 10px;
    }
    &:nth-child(3n+1){
      clear: both;
    }
  }
}

.promo-per-row-4 {
  .feature-section {
    width: calc(25% - 20px);
    &:nth-child(4n+1){
      clear: both;
    }
    @include respond-to('medium-down') {
      width: calc(50% - 20px);
      &:nth-child(2n+1){
        clear: both;
      }
    }
    @include respond-to('small-down') {
      width: 100%;
      margin: 0 0 10px;
    }
  }
}
}

.featured-promotions.full-width--true {
padding-top: 0;
.js-featured-promotions {
  @include flexbox();
  @include flex-wrap(wrap);
}
.promo-per-row-2 {
  .feature-section {
    width: 50%;
    margin: 0;
    @include respond-to('small-down') {
      width: 100%;
    }
  }
}
.promo-per-row-3 {
  .feature-section {
    width: 33.333333%;
    margin: 0;
    @include respond-to('medium-down') {
      width: 100%;
    }
  }
}
.promo-per-row-4 {
  .feature-section {
    width: 25%;
    margin: 0;
    @include respond-to('medium-down') {
      width: 50%;
    }
    @include respond-to('small-down') {
      width: 100%;
    }
  }
}
}

/* #Home page - featured collection
================================================== */

.featured-collection__description.section {
padding: 0 20px;
margin: 20px 0;
}

.featured-collection__products.container {
padding: 0;
}


/* #Home page - image with text overlay
================================================== */

.banner {
width: 100%;
position: relative;
overflow: hidden;

background-color: #666666;


@include respond-to('small-down') {
  max-height: inherit;
  background-color: transparent;
}
img {
  width: 100%;
  display: block;
}
}

/* #Home page - video
================================================== */

.block__featured_video,
.video-section {
.caption {
  z-index: 30;
  pointer-events: none;
}
@include respond-to('small-down'){
  .caption .action_button {
    display: none;
  }
  .caption {
    margin: 0;
    height: 0;
  }
  .caption.caption--has-content {
    margin: 20px 0;
    height: auto;
  }
}
}

.homepage-video {
position: relative;
overflow: hidden;
transition: height 0.3s ease-in-out;

background-color: #666666;

@include respond-to('small-down') {
  background-color: transparent;
}
img {
  width: 100%;
  display: block;
}
iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
video {
  background-color: #ffffff;
}
video[poster] {
  object-fit: cover;
}
video.video-autoplay--true.html-video {
  display: none;
}
.homepage-video--media {
  width: 100%;
  height: auto;
  padding-top: 0;
}
.placeholder-image--true a.video__play-button {
  pointer-events: none;
}
.caption.text-on-video {
  pointer-events: none;
}
@include respond-to('small-down') {
  .caption.text-on-video {
    position: absolute;
    @include prefix(transform, translateY(-50%), ms webkit spec);
    margin: 0;
    a.highlight-false {
      color: white;
      border-color: white;
    }
    .headline,
    .pretext,
    .subtitle {
      display: none;
    }
  }
}
}

.homepage-video .mobile-video__buttons {
display: block;
text-align: center;
top: 55%;
@include prefix(transform, translateY(-50%), ms webkit spec);
width: 100%;
position: absolute;
&.text-on-video { z-index: 20; }
a.highlight-false {
  background-color: rgba(255,255,255,0);
  color: #ffffff;
  border: 1px solid #ffffff;
}
a.highlight-true {
  background-color: #ffffff;
  border-color: #ffffff;
  
  @if (lightness(#ffffff) > 50) {
    color: #333;
  } @else {
    color: #fff;
  }
  
}
@include respond-to('small-up') {
  display: none;
}
}

.darken-video {
display: block;
background: rgba(0,0,0,0.3);
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
pointer-events: none;
z-index: 20;
}

/* #Page Banners
================================================== */

.page_banner {
overflow: hidden;
max-height: 100vh;

}

.caption.captionOverlay--true {
max-width: 960px;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;

top: 50%;

-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 3;
.headline, .subtitle {
  color: #ffffff;
  
  text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  
}
@include respond-to('medium-down'){
  top: 50%;
}
}

.dark-overlay-true:after{
content: '';
position: absolute;
z-index: 2;
background: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
}


/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file.
Upload your font files to Assets and then
copy your FontName into code below and remove
comment brackets */

/*  @font-face {
font-family: 'FontName';
src: url('FontName.eot');
src: url('FontName.eot?iefix') format('eot'),
url('FontName.woff') format('woff'),
url('FontName.ttf') format('truetype'),
url('FontName.svg#webfontZam02nTh') format('svg');
font-weight: normal;
font-style: normal; }
*/






/* #Custom Styles by SN7.ca support@studiono7.ca
==================================================
TABLE OF CONTENTS:

General     | SN7-General
Header      | SN7-Header
Cart        | SN7-Cart
Product     | SN7-Product
Hotspots    | SN7-Hotspot
Footer      | SN7-Footer
MiniCart    | SN7-Minicart
Collections | SN7-Collections
...

*/


/* SN7-Media-Query-Vars
-------------------------*/

/*iphone5 portrait and landscape*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px){}
/*ipad*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){}

/* SN7-General
----------------*/
html{
scroll-behavior:smooth;
}
h1,
h2,
h3,
h4,
h5,
h6{
font-weight:bold;
p{
  font-style:italic;
  font-weight:bold;
  line-height:1;
}
}
h1, .h1{
font-size:3rem;
@include respond-to('medium-down'){
  font-size:2rem;
}
}
h2, .h2{
font-size:2rem;
@include respond-to('medium-down'){
  font-size:1.5rem;
}
}
h3, .h3{
font-size:20px;
@include respond-to('medium-down'){
  font-size:18px;
}
}
h4, .h4{
font-size:14px;
@include respond-to('medium-down'){
  font-size:12px;
}
}
h5, .h5,
h6, .h6{
font-size:0.8rem;
}
.action_button,
a.action_button{
@include respond-to('medium-down'){
  width:100%;
}
}


.line-height{
line-height:1;
}

.fectangle{
border-radius:0 10px 0 10px;
}

.outline-btn a{
background-color:#ffffff;
padding:15px 30px;
color:#000;
border:2px solid #EFB9C3;
cursor:pointer;
width:fit-content;
text-transform:uppercase;
cursor:pointer;
transition:0.2s ease;
font-size: 14px;
line-height: 14px;
font-weight: bold;
height: 44px;
display: inline-flex;

&:hover{
  background-color:#EFB9C3;
  transition:0.2s ease;
}
}

.white-outline-cta{
background-color:transparent;
padding:0.5rem 4rem;
border:1px solid #fff;
color:#fff;
text-transform:uppercase;
}
.white-outline-cta:hover{
background-color:rgba(255,255,255,0.1);
background-color:#ffffff10;

}

/* SN7-Header
----------------*/
/* sets entire nav uppercase */

ul#mobile_menu {
ul.utility-menu{
  padding-left:20px;
  margin-left:0;
  *{
    text-transform:capitalize;
    font-size:1rem;
  }

}
li.secondary-menu{
  padding-left:1rem;
}
.menu-dropdown-close{
  padding-left:1rem;

  &:before{
    content: " ";
    background-image: url($close-icon-blk);
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    left: 25px;
    top: -35px;
    position: absolute;

    @media (max-width: 799px){
      top: -30px;
      }
    @media (max-width: 480px){
      top:-30px;
      z-index: 1002;
    }
  }
}
.menu-dropdown-close:hover{
  border-bottom:transparent;
}

.mobile-call-to-action{
  padding-bottom:35px;
  .cta-box{
    position: relative;
    margin: 15px;
    padding: 15px;
    display: block;
    text-align: center;
    background-color: $light-pink;

    .close-cta{
      position: absolute;
    }

    p{
      font-size: 18px;
      line-height: 23px;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin: 0px;
      font-weight: 500;
      color: $cta-pink;
    }
  }
}
}

/* hide nav title when open  */
/* #header a.mobile_nav.dropdown_link.dropdownOpenTranslation span.menu_title{
display:none;
} */

/* login/create acc link */
li.customer-login-register{
a{display:inline;}
span{font-size:1.8rem;}
}


/* for the search bar to be the fectangle shape */
.feature_image .search_form input{
border-radius:0 10px 0 10px;
}

#header a.mobile_logo.logo{

 @media (max-width: 1024px){
  width: 75%;
  position: relative;
  z-index: 999999;
  margin-left: 20px;
 }

  margin: auto;
  width: 50%;
  position: relative;
  height: 100%;


img{ 
  max-width: 150px;
  width: 100%;
  position: absolute;
  top: 18px;
  left: 36.1%;
  z-index: 99999;

  @media (min-width: 1620px){
   
  }

  @media (max-width: 1024px){
    left: 40.5%;
  }
  @media (max-width: 798px){
    left: auto;
    max-width: 100px;

  }
}
}

.dropdown{
width:25%;
height:100%;
margin-top:-15px;
z-index:9999;
@include respond-to('widescreen-down'){
  width:40%;
}
@include respond-to('medium-down'){
  max-width: 420px;
  width:100%;
}
@include respond-to('small-down'){
  height:120%;
}
@media only screen
  and (min-device-width : 320px)
  and (max-device-width : 480px) {
    height:160%;
  }
li{
  padding:0;
}
}
//sets only the seach width to 100%
.dropdown.search-dropdown{
width:100%;
max-height: 75px;
z-index: 9;
display: table;
margin-top:-120px;
}

/* parent links in primary menu */
li.primary-menu .parent-link--true{
color:#cb7d89;
background-color:#e8d4db;
font-style:italic;
width:fit-content;
text-transform:uppercase;
font-weight:600;
padding:0.6rem 1rem;
width:100%;



/* hide the arrows that open/close the dropdown menu */
span{
  display:none !important;
}
}

li.primary-menu ul li ul li a{
font-weight:400;

}

#header #mobile_menu.menu .primary-menu .sublink {
li{
  padding-left:0;
}
ul{
  padding-left:1rem;
  margin:1.8rem 0;
  @include respond-to('small-down'){
    margin:1rem 0;
  }
}
}
/* animation for primary menu */
.menu li.primary-menu{
padding-left:0;
margin-top:15px;
>ul {
  margin:0;
  padding:0;

  >li:nth-child(1){
    opacity:0;
    animation:menu-link-slide 0.5s ease 0.25s forwards 1 ;
    padding-left:25px;
  }
  >li:nth-child(2){
    opacity:0;
    animation:menu-link-slide 0.5s ease 0.50s forwards 1 ;
    padding-left:25px;
  }
}
}
/* defaulting the primary dropdown menu to expand */

#mobile_menu li.primary-menu .sublink ul{
display:block;
}

/* translate the open/close link downwards when menu is open, with a fade in from right effect */
#header a.dropdownOpenTranslation.mobile_nav.dropdown_link{
/*   hide the open/close link when menu is open    */
opacity:0;

/*  uncomment the following to make the menu button move down as in v2.0.0  */
/*   animation:menu-link-open 0.5s ease 0s forwards 1 ;
@include respond-to('medium-down'){
animation:menu-link-open-mediumdown 0.5s ease 0s forwards 1 ;
} */
}
/* #header a.mobile_nav.dropdown_link{
animation:menu-link-slide 0.5s ease 0s forwards 1 ;
div.open span{
background-color:#000000;
}
} */

//animation keyframes, different "open" keyframes's for different viewport sizes.
@keyframes menu-link-slide{
from{
  opacity:0;
  transform:translateX(-2rem);
}
to{
  opacity:1;
  transform:translateX(0rem);
}
}

@keyframes menu-link-open{
0%{
  opacity:0;
  transform:translateY(2rem);

}
100%{
  transform:translateY(2rem) translateX(18px) scale(0.8);
  opacity:1;
}
}
@keyframes menu-link-open-mediumdown{
0%{
  opacity:0;
  transform:translateY(2rem);

}
100%{
  transform:translateY(2rem) translateX(55px) scale(0.8);
  opacity:1;
}
}



// secondary menu settings
#header .secondary-menu{
display:flex;
flex-direction:column;
margin:2rem 0 2rem 0;
padding-left:0;
@include respond-to('medium-down'){
  margin:2rem 0 2rem 0;
}
ul{
  padding:0;
  margin:0;
  li{
    height:2rem;
    display:flex;
    align-items:center;
    padding-left:0;
    a{
      color:#000000;
    }
  }

}
}
//header search styles
a.close-icon{
  color: #000000;
  position: absolute;
  right: 11%;
  top: 125px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 999999;

   &:after{
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      background: url($close-icon-blk);
      display: inline-block;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right;
      top: 5px;
      margin-left: 10px;
      transition: 0.2s ease;
    }
}
//hide magnifying glass search icon on mobile.
/* div.top_bar--right a.icon-search.dropdown_link{
@include respond-to('small-down'){
display:none;
}
} */


/* SN7-MINICART
======================*/

.cart_container.active_link {
.cart_content{
  @media (max-width: 900px){
  }
  position: absolute;
  top: 49px;
  max-height:none;
  height:100vh;
  overflow: hidden;
  form.js-cart_content__form ul:last-of-type,
  :last-of-type form.js-cart_content__form ul:last-of-type{

    background-color: white;

    @include respond-to('medium-down'){
      bottom:0;
    }
  }
  @media (max-width: 480px){
    margin-top:-49px;
  }
}
.cart_content-dimmer{
  background:rgba(0,0,0,0.6);
  background:#00000060;
  height:calc(100vh + 35px);
  width:100vw;
  position:absolute;
  top:-35px;
  left:0;
  transition:1s ease;
  pointer-events:none;
}
}

.minicart-title{
  position: relative;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-align: left;
  display: inline-block;
  width: 100%;
  padding-left: 25px;
  padding-top:15px;

  .cart_count{
  font-family: Avenir Next;
  font-style: normal;
  font-weight: bold!important;
  font-size: 20px!important;
  line-height: 28px;
  }

  @media (max-width: 900px){
    
  }
}

.close_x{
&:before{
    content: " ";
    background-image: url($close-icon-red);
    height: 17px;
    width: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
  }
}
.close_x{
  position: relative;
  width: 20px;
  height: 20px;
  top: -25px;
  margin-right: 10px;
  margin-left: auto;
  cursor: pointer;
}

#reamaze-widget{
z-index: 11!important;
}

.shipping__alert{
  position: relative;
  top: 0px;
  width: 100%;
  padding: 5px;
  background-color: $maroon;
  margin-bottom: 10px;

  p{
    color:#fff;
    margin:0px;
  }
}

a.mini_cart .close_x{
display:none;
}
.cart_container a.mini_cart.show-close{
background-color:transparent;
span.cart_count{
  opacity:0;
}
}

.cart_container.active_link .cart_content form.js-cart_content__form span.product-delete{

  @media (max-width: 798px){
    left: -65px;
  }
  @media (max-width: 480px){
    left:-40px;
    top: 0px;
  }
}

.show-close{
.menu_title_new{
display: none!important;
}
}

#header.scrolledDown div.top_bar .cart_container a.mini_cart.show-close{
background-color:transparent;
}

#header.scrolledDown .top_bar .icon-search{
background-color:#ffffff00;
}

#header.scrolledDown .desktop_logo{
display: block;
}
#header.scrolledDown .mobile_nav div span{
background: #000;
}

a.mini_cart.show-close::before{
opacity:0;
}

form.js-cart_content__form{
.right.price{
  height:fit-content;
}
span.product-delete{
  position: relative;
  left: 45%;
  top: 10px;

  @media (max-width: 798px){
    top:0px;
  }

  i.delete-icon{
    font-size:1.5rem;
    cursor:pointer;
  }
}

button.add_to_cart{
  margin: 0px 25px 15px 25px;
  width: 90%;
}
ul.cart_items {
  padding-bottom: 115px;
  padding-top: 15px;
  height: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
}
}

#header .cart_container button.action_button.add_to_cart{
padding:1rem 2rem;
}

//the plus and minus quantity selectors
#header .product-quantity-box .product-plus,
#header .product-quantity-box .product-minus {
padding-top:0.1rem;
}

#header [class^="icon-"]:before,
#header [class*=" icon-"]:before{
font-weight:bold;
}


/* SN7-BBL-info page
----------------*/
body.page-info-page{
margin-top:0;
}


/* SN7-Cart
----------------*/
body.cart{
div.top_bar div.top_bar--right div.cart_container a.mini_cart{
  display:none;
}
a.icon-search{
  margin-right:0.5rem;
}
}


div.subtotal-container{
margin:0;
transition:0.5s ease;
z-index:99;
@include respond-to('large-down'){
  width:100%;
  left:0;
  bottom:0;
  background-color:white;
  .cart-lg-hidden{display:none;}
  .subtotal{
    padding:20px;
  }
}
@include respond-to('small-down'){
  .subtotal .add_to_cart.action_button{
    width:100%;
  }
}
}

div.subtotal-container.translateDown{
transform:translateY(40rem);
transition: 0.5s ease;
}

div.cart-heading.section{
margin:2rem 0;
padding:1rem;
@include respond-to('small-down'){
  padding:0;
  margin:0;
}
}

.cart-title{
font-size:2rem;
h1{
  font-size:2rem;
  margin:0;
}
}
.perks-container.container{
max-width:95%;
@include respond-to('small-down'){
  margin-top:0;
}
}


.fancii-perks{
display:grid;
grid-template-columns:1fr 1fr 1fr;
width:100%;
margin:0 auto;
padding:0.6rem;
border: #b5b5b5 1px solid;
border-radius:0 8px 0 8px;

div{
  display:grid;
  grid-template-columns:1fr 3fr;
  grid-template-rows:1fr;
  @include respond-to('large-down'){
    grid-template-columns:1fr;
    grid-template-rows:1fr 1fr;
    justify-items: center;
    text-align: center;
  }
  @include respond-to('medium-down'){
    grid-template-columns:1fr 3fr;
    grid-template-rows:1fr;
    text-align:left;
  }
  @include respond-to('small-down'){
    grid-template-columns:1fr;
    grid-template-rows:1fr 1fr;
    justify-items: center;
    text-align: center;
  }

  p{
    font-size:0.8rem;
    margin:0;
    align-self:center;

    span{
      font-size:0.6rem;
    }
  }
  img{
    align-self:center;
    padding:0.6rem;
  }
}

}
div.cart-item{
padding:1rem;
}
div.cart_content_info{
display:flex;
justify-content:space-between;

}
div.cart-items hr{
border-color:#f1f1f1;
width:95%;
margin: 12px auto;
}
div.cart-extras{
display:grid;
grid-template-columns:1fr 1fr;
@include respond-to('large-down'){
  grid-template-columns:1fr;
  grid-template-rows: 0.8fr 1fr;
}

> div{
  padding:1rem;
}
.cart-testimonial{
  padding:0.5rem;
  background-color:#f7ebed;
  height:40%;
  margin:5% 0;
  @include respond-to('large-down'){
    height:30%;
  }
}
}
/* SN7-PRODUCT
--------------------------------------------------------------------*/
//remove padding at the top of the product page
body{
.product.mobile_nav-fixed--true #pagecontent{
  @include respond-to('medium-down'){
    padding:0;
  }
}
.product .product-quantity-box .product-plus,
.product .product-quantity-box .product-minus{
  font-size:1rem;
  padding-top: 9px;
  padding-bottom: 9px;
  height: 100%;
  min-height: 0;
  line-height: 31px;
}
.product .product-quantity-box .product-plus{
  padding-right:0.5rem;
}
.product .product-quantity-box .product-minus{
  padding-left:0.5rem;
}
}
//remove large padding around related products
div.container.related-products--grid{
margin:0 auto;
}

div.main.content.product-name--gala-vanity-mirror{
padding:0;
}

h1.product_name{
color:#282828;
text-transform:uppercase;
font-weight:600;

@include respond-to('medium-down'){
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  max-width: 65%;
  text-align: left;
  margin-left: 20px;

  @media(max-width: 400px){
    max-width: 57%;
  }

}
}

p.product_oneliner{
margin-bottom:10px;
  @media (max-width: 799px){
  margin-left:20px;
  }
  @media(max-width: 590px){
    margin-left:0px;
  }
}
span.money{
color:#000;
text-transform:uppercase;
font-weight:600;
}

.red-money{
color: $cta-pink!important;
}

#product-form{
p.modal_price{
  padding-bottom:0;
}
.yotpo.bottomLine{
  margin-bottom:18px;
  a.text-m{
    margin-left:0.5rem;
  }
}
.add_to_cart.action_button{

  height:auto;
  @include respond-to('medium-down'){
    padding:15px;
    width:100%;
    margin-right: 10px;
  }
}
.purchase-details__buttons{
  @include respond-to('medium-down'){
    max-width:63%;
  }
}

}

/* product image slider on mobile */

.product_section .product_gallery {
.flickity-button {
  background: transparent;
  padding:1rem;
  .arrow{
    fill:#fff;
  }
  :hover{
    background:transparent;
  }
}
}



.product--mobile-slider{
@include respond-to('medium-up'){
  display: none;
}
}
.product--desktop-gallery{
@include respond-to('medium-down'){
  display: none;
}
}
.product-image-grid-snippet{
display:grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 2fr 1fr 1fr;
grid-template-areas:
  "featured featured"
  "product1 product2"
  "product3 product4";
transition: 0.25s ease;
.product-image--featured{
  grid-area:featured;
}
.product-image--featured1{
  grid-area:product1;
}
img{
  width:100%;
  cursor:pointer;
  padding: 5px;
  border-radius:0 5% 0 5%;
}
}
div.section.product_section{
> div.eight.columns{
  padding:0;
}
div.fancii-perks{
  margin:2rem auto;
}
.eight.columns.alpha{
  // padding-right:2rem;
  @include respond-to('medium-down'){
    padding:0;
  }
}
.eight.columns.omega{
  padding-left:2rem;
  @include respond-to('medium-down'){
    padding:0;
  }
}
}

//sticky buy bar
div.stickyBuyBar div{
animation: fade-up 0.5s ease;
width:100%;
height:5rem;
background-color:#f2f2f2;
position:fixed;
bottom:0;
left:0;
z-index:99;
display:flex;
justify-content:space-between;
align-items:center;
@include respond-to('medium-down'){
  padding: 0.5rem 1rem 6rem 1rem;
  align-items:flex-start;
  flex-direction:column;
}
span{
  font-size: 3rem;
  margin-left: 11rem;
  font-style: italic;
  font-weight: 600;
  @include respond-to('medium-down'){
    font-size:1.5rem;
    padding:0.5rem 0rem;
    margin-left:0;
  }
}
button{
  padding: 0.7rem 6rem;
  width:auto;
  
  background-color: #a14150;
  color: white;
  
  margin-right: 10rem;
  text-transform: uppercase;
  span{
    margin:0;
    font-size:1.5rem;
    @include respond-to('medium-down'){
      line-height: 1rem;
      padding: 0;
    }
  }
  @include respond-to('medium-down'){
    margin-right:0;
    padding: 0.5rem 2rem;
    text-align:center;
    width:100%;

  }
}
}

div.stickyBuyBar.hidden div{
animation: fade-up 0.5s backwards;
}

/* hide yotpo logo */
.yotpo-label a{
display:none;
}



// begin of product-Details
//-----------------------------

// specs and FAQ
div.specsFAQS{
overflow-wrap:break-word;
.spec-header,
.faq-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  i{ margin-left: -1rem;}
}
h2{
  border-bottom: 1px solid #000000;
  width: 100%;
  pointer:cursor;
}
}


// - Feature hotspot styling

div.product-details .features-image .hotspot{
&:before{
  position: absolute;
  display: block;
  content: '';
  width: 30px;
  height: 30px;
  margin: -7px 0 0 -7px;
  background: #fff;
  border-radius: 100%;
  animation: pulse1 2s ease-out infinite;
}
}

div.product-details .features-image .hotspot.active{
&:before{
  animation: none;
  width: 0px;
  height: 0px;
}
}

@-webkit-keyframes "pulse1" {
  0%   {transform: scale(0.1, 0.1); opacity: 0.0;}
  50%  {opacity: 1.0;}
  100% {transform: scale(0.8, 0.8); opacity: 0.0;}
}

div.product-details.feature_hotspot{
width:100vw;
display:grid;
grid-template-columns:1fr 2fr 1fr;
grid-template-rows:1fr;
grid-template-areas:
  "title image description";
h2{
  justify-self:right;
  margin-top:10rem;
  color:white;
  font-style:italic;
  font-weight:900;
  font-size:3rem;
  line-height:4rem;
  span:nth-child(1){
    font-weight:100;
    text-transform:lowercase;
    margin-left:-2rem;
    display:block;
    @include respond-to('large-down'){
      margin-left:0;
      text-transform:uppercase;
      display:inline;
    }
  }
  @include respond-to('large-down'){
    justify-self:center;
    margin:1rem;
    font-size:2.5rem;
  }
}

.hotspot-details{
  color:white;
  margin: 0 0 15rem -10rem;
  align-self:center;
  width:100%;
  padding-left:2rem;
  border-left: 2px solid white;
  opacity:0;
  @include respond-to('large-down'){
    margin:0;
    width:80%;
    justify-self:center;
    padding:0;
    border:none;
  }

  h3{
    font-size:1rem;
    color:white;
    font-weight:600;
    font-style:normal;
    margin-bottom:0;
  }
  p{
    margin-bottom:0;
  }
}
.hotspot-details.featuredTextAnimation{
  transform:translateX(-1rem);
  transition:0.5s ease;
  opacity:1;
}
@include respond-to('large-down'){
  grid-template-columns:1fr;
  grid-template-rows:0.1fr 1fr 0.3fr;
  grid-template-areas:
    "title"
    "image"
    "description";
}

}



div.product-details .features-image{
position:relative;
display:flex;
justify-content:center;
align-items:center;
img{
  width:100%;
}
.hotspot-map{
  width:100%;
  height:100%;
  position:absolute;
}
}


// - feature icons styling
div.product-details.feature_icons{
display:flex;
justify-content:center;
align-items:center;
max-width:80%;
margin: 50px auto;
@include respond-to('medium-down'){
  // flex-direction:column;
  margin:10px ;
}
@media (max-width: 420px){
  flex-direction: column;
}
.column-item{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  margin:2rem 2rem;
  width:20%;
  @include respond-to('medium-down'){
   width: 100%;
   padding: 25px 5px;
   margin: 0px;
  }
  img{
    @include respond-to('medium-down'){
      margin-bottom:-1rem;
    }
  }
}
}

// - global icons styling
div.product-details.feature_icons.global_icons_products{
display:flex;
justify-content:center;
max-width:80%;
margin: 50px auto;
@include respond-to('medium-down'){
  // flex-direction:column;
  margin:10px ;
  padding-top: 0px!important;
}
@media (max-width: 420px){
  flex-direction: row;
}
.column-item{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:top;
  text-align:center;
  margin:2rem 2rem;
  width:20%;
  @include respond-to('medium-down'){
   width: 100%;
   padding: 25px 5px;
   margin: 0px;
  }
  img{
    @include respond-to('medium-down'){
      margin-bottom:-1rem;
    }
  }
}
}

div.yotpo{
margin-bottom:4rem;
}

// Curated Testimonial carousel

.curated_testimonials{
padding:4rem;
.carousel{
  max-height:18rem;
  .flickity-prev-next-button{
    padding:1rem;
    background-color:transparent;
  }
}

@include respond-to('medium-down'){
  padding: 2rem 1rem;
}
.cell{
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  h4{
    font-size:2rem;
    font-weight:900;
    font-style:italic;
    text-transform:uppercase;
    color:#493733;
    @include respond-to('medium-down'){
      font-size:1rem;
    }
  }
  p{
    padding: 0 10%;
    @include respond-to('medium-down'){
      padding:0 3rem;
    }
  }
}
}

//embedded video styling

.product-details.hosted_video{
display:flex;
justify-content:center;
align-items:center;
margin:2rem auto;
height:35vw;
width:70vw;
cursor:pointer;
@include respond-to('medium-down'){
  height: 40vw;
  width: 90vw;
}
i.fas{
  color:white;
  font-size:6rem;
  @include respond-to('medium-down'){
    font-size:2rem;
  }
}
#videoTrigger{
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}
#videoContainer{
  opacity:0;
  transition:0.5s ease;
  iframe{
    @include respond-to("medium-down"){
      width: 95vw;
      height: 30vh;
    }
  }
}
#videoContainer.active{
  position:fixed;
  height:100vh;
  width:100vw;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction:column;
  z-index: 99;
  background-color:#00000099;
  opacity:1;
  transition: 0.5s ease;
  #videoContainerClose{
    color:white;
    font-size:3rem;
    margin-top:2rem;
  }
}
}
/* FACIAL BRUSH SECTION
=========================*/
.brush-head-container{
margin-top:2rem;
margin-bottom:2rem;
.brush-head-iconsandtext{
  @include respond-to('large-down'){
    padding:3rem 1rem;
  }
}

}
.brush-head-title-subtitle{
text-align:center;
h2 p{
  font-weight:bold;
  font-style:italic;
  @include respond-to('medium-down'){
    font-size:1.5rem;
  }
}
}
.brush-head-one-button,
.brush-head-two-button,
.brush-head-three-button{
cursor:pointer;
}

.brush-heads-content-container{
display: flex;
margin: 0 auto;
width: 90%;
padding: 2rem 0;
justify-content:center;
max-width:100%;
@include respond-to('medium-down'){
  padding:4rem 0;
}
}
.brush-head-one,
.brush-head-two,
.brush-head-three{
width:33%;
text-align: center;
transition:0.5s ease;
}

.selected-brush-head-info{
width:65%;
margin:0 auto;
@include respond-to('medium-down'){
  width:90%;
}
}

.brush-head-one img,
.brush-head-two img,
.brush-head-three img{
margin-bottom:3rem;
width:70%;
/*  Prevents accidentaly clicking on child el. and not have the listener fire    */
pointer-events:none;
}
.brush-head-one h3,
.brush-head-two h3,
.brush-head-three h3{
@include respond-to('medium-down'){
  font-size:1rem;
}
@include respond-to('small-down'){
  font-size:0.6rem;
}
/*  Prevents accidentaly clicking on child el. and not have the listener fire    */
pointer-events:none;
}

.brush-head-icons {
height:1rem;
div.text{
  @include respond-to('medium-down'){
    font-size:0.8rem;
    font-style:italic;
  }

}
}
.brush-head-icons{
animation:fade-in 0.5s ease;
}

.brush-head-icons,
.icon-1,
.icon-2,
.icon-3{
display:flex;
justify-content:space-evenly;
align-items:center;
}

.brush-head-info p{
font-size:1.4rem;
margin-bottom:3rem;
@include respond-to('medium-down'){
  font-size:1rem;
}
}
/* animating the movement when the button is clicked */
.brush-head-one-button.selected,
.brush-head-two-button.selected,
.brush-head-three-button.selected{
transform:translateY(-2rem);
transition:0.5s ease;
}




.brush-arrow{
width:100%;
display:flex;
}
.brush-arrow.brush-one{
justify-content:flex-start;
}
.brush-arrow.brush-two{
justify-content:center;
}
.brush-arrow.brush-three{
justify-content:flex-end;
}



/* SN7-HOTSPOTS SECTION
===================*/
div.hotspot_snippet{
height:115vh;
position:relative;
transition:0.5s ease;
overflow: hidden;
@include respond-to('widescreen-down'){
  height:115vh;
}
@media(max-width: 1024px){
  height: 100%!important;
}
}
div.hotspot_snippet.expanded{
height:auto;
transition:0.5s ease;
}
div.hotspot_snippet .features-image{
  position: absolute;
  z-index: 1;

  @media(max-width: 1024px){
    position: relative;
  }

img{
  width:100%;
}
.hotspot-map{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
}
div.hotspot_snippet h2 span{
font-weight:100;
text-transform:lowercase;
margin-left:-2rem;
}

div.hotspot_snippet .hotspot-details{
  position: absolute;
  background: white;
  box-shadow: 0 -5px 5px #00000020;
  width: 100%;
  /* min-height: 25rem; */
  height: auto;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: 0.5s ease;
  bottom: 0;
  padding: 45px 0px;
@include respond-to('widescreen-down'){
  position:absolute;
  padding:2rem 0;
  transform:translateY(0);
  @media (max-width: 1024px){
    position:relative;
  }
}

div.active{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr;
  width:90%;
  @include respond-to('large-down'){
    grid-template-columns:1fr;
    grid-row-gap:2rem;
  }
}
h3{
  font-size:2.5rem;
  color:white;
  font-weight:600;
}
.description{
  width:80%;
  @include respond-to('large-down'){
    margin:0 auto;
  }
  @include respond-to('medium-down'){
    width:100%;
  }
  .info-paragraph{
    height:10rem;
    overflow:hidden;
    transition:0.5s ease;
  }
  .info-paragraph.expanded{
    height:auto;
    overflow:hidden;
    transition:0.5s ease;
    @include respond-to('large-down'){
      height:100%;
    }
  }

  a{
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-decoration: none;
    border-bottom: 1px solid;
    margin-top: 25px;
    position: relative;

    &:after{
      content: '';
      position: absolute;
      width: 20px;
      height: 10px;
      background: url(../assets/Blk-arrow-long.svg);
      display: inline-block;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right;
      top: 5px;
      margin-left: 10px;
      transition: 0.2s ease;
    }
      &:hover:after{
        background:url($red-arrow);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        width: 25px;
        transition: 0.2s ease;
      }
  }
}
.product{
  display:flex;
  align-items:flex-start;
  padding:2rem 0;
  @include respond-to('large-down'){
    width:80%;
    margin:0 auto;
  }
  @include respond-to('medium-down'){
    width:100%;
  }
  @include respond-to('small-down'){
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  img{
    @include respond-to('small-down'){
      padding-bottom:2rem;
    }
  }
  div{
    margin-left:2rem;
    width:50%;
    @include respond-to('large-down'){
      width:60%;
    }
    @include respond-to('small-down'){
      width:100%;
      margin:0 auto;
    }
  }
  a{
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-decoration: none;
    border-bottom: 1px solid;
    margin-top: 25px;
    position: relative;

    &:after{
      content: '';
      position: absolute;
      width: 20px;
      height: 10px;
      background: url(../assets/Blk-arrow-long.svg);
      display: inline-block;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right;
      top: 5px;
      margin-left: 10px;
      transition: 0.2s ease;
    }
      &:hover:after{
        background:url($red-arrow);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        width: 25px;
        transition: 0.2s ease;
      }
  }
}
}

div.hotspot_snippet .hotspot-details.expanded{
transform:translateY(0);
transition:0.5s ease;
}

.hotspot-details.featuredTextAnimation{
transform:translateX(-1rem);
transition:0.5s ease;
opacity:1;
}


/* SN7-FOOTER SECTION
===================*/
.footer-social-icons-container i.fab {
  font-size: 1.25rem;
  color: $cta-pink;
  border: solid 1px #EFB9C3;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 42px;
  transition: 0.2s ease;
  text-align: center;

  &:hover{
   background: #EFB9C3;
   transition: 0.2s ease;
  }
}

.container.footer-menu-wrap{
@include respond-to('small-down'){
  margin-top:0;
}
}
.container.footer-menu-wrap .footer-logo-container{
@include respond-to('small-down'){
  margin-bottom:none;
  line-height: 24px;
}
}
.footer_menu{
ul li{

  @media only screen and (max-width: 798px){
    margin-bottom:none;
    line-height: 24px;
    }
}

p{
  @media only screen and (max-width: 798px){
    font-size: 14px;
    line-height: 24px;
  }
  margin:0;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;

}
}


/* animation: keyframes */

.fade-in{
animation:fade-in 0.5s ease;
}

@keyframes fade-up{
from{
  opacity:0;
  transform:translateY(2rem);
}
to{
  opacity:1;
  transform:translateX(0rem);
}
}

@keyframes fade-in{
from{
  opacity:0;
}
to{
  opacity:1;
}
}

/* SN7-COLLECTION PAGES
===================*/
body.page-mirrors-collection-group,
body.page-beautytools-collections-group{
margin-top:4rem;
}

/* CUSTOM
===================*/
.cart_container a.mini_cart.show-close{
outline:none;
}
.product-container {
.product-img {
  img {
    max-width:100%;
  }
}
.product-price {
  color:#414042;
}
.shop_cta {
  margin-top:20px;
}
}

.index .icon-bag::before{
  background-image: url($wht-bag);
  background-size:contain;
  background-repeat:no-repeat;
  display: block;
  top: 15px;
  right: 20px;
  position: absolute;

  @media only screen and (max-width: 798px){
    right: 10px;
    top: 15px;
  }
  
}

.icon-bag::before {
content: " ";
background-image: url($blk-bag);
height: 20px;
width: 20px;
background-repeat: no-repeat;
background-size: contain;
display: block;
top: 15px;
right: 20px;
position: absolute;

@media only screen and (max-width: 798px){
right: 10px;
}
}

header {
.dropdown.menu-dropdown {

  height: 100%;
  padding-bottom:0px;
  top: 0px;

  @media(min-width: 1025px){
    display: none;
  }
}
a:focus {
  outline: none;
}
.top_bar a span.cart_count {
  margin: 1px 0 0 -20px;
  color: #fff;
  font-size: 11px;
}
@media only screen and (max-width: 798px) {
  .dropdown {
    width: 100%;
  }
}
}
.action_button::after {
// content:'\203A';
// padding-left:5px;
}
.icon-bag::before svg {
fill:currentColor;
}
@media only screen and (max-device-width : 480px) {
.mobile_nav div span {
  height: 2px;
}
.promo_banner .promo_banner__content {
  font-size: 8px;
}
.top_bar .top_bar--right .icon-search {
  padding-right: 5px;
}
}
.mini_cart, .nav a.mini_cart {
padding-left: 0;
margin-right: 5px;
}
@media only screen and (max-device-width : 798px) {
div.fancii-promotional-banner-cta a {
  margin-left:0;
}
}

// Gift Guide Page

.page-gift_guide {
@media (max-width: 798px) {
  .container.main {
    width: 100% !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .sixteen.columns {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
}
.product-new-template{
.sixteen{
  @media (max-width:1024px){
    margin: auto;
    float: none!important;
  }
  p{
    font-family: Avenir Next;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    margin-bottom:0px;

    @media (max-width:1024px){
      font-size: 14px;
      line-height: 24px;
    }

    @media(max-width:420px){
      font-size: 14px;
      line-height: 24px;
    }
  }
}

.product--desktop-gallery{
  @media (max-width:1024px){
    padding-left:20px;
  }
  @media (max-width:799px){
    padding-left:0px;
  }
}
}

.page-gift-guide {
max-width: 960px;
width: 100%;
margin: 0 auto;

.section-1 {
  padding-bottom: 90px;

  @media (max-width: 798px) {
    padding-bottom: 45px;
  }

  .product-item {
    position: relative;

    .product-item_image {
      @media (max-width: 798px) {
        background: url('/cdn/shop/files/page-header-bubbles-text-mobile.jpg?v=1590706341') no-repeat;
        background-size: cover;
        background-position: center;
        height: 767px;
      }

      img {
        display: block;
        width: 100%;

        @media (max-width: 798px) {
          display: none;
        }
      }
    }

    .product-item_info {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 50%;
      height: 100%;
      padding: 20px 20px 20px 50px;
      right: 0;
      top: 0;

      @media (max-width: 798px) {
        width: 100%;
        justify-content: flex-end;
        align-items: flex-end;
        padding: 40px;
      }

      .badge-new {
        color: #fff200;
        font-size: 14px;
        margin-bottom: 7px;
      }

      .product-item_title {
        font-size: 16px;
        font-weight: 900;
        color: #fff;
        font-family: "Avenir Next", sans-serif;
        font-style: italic;
        margin-bottom: 12px;
      }

      .product-item_description {
        p {
          font-size: 16px;
          color: #fff;
          margin-bottom: 25px;

          @media (max-width: 798px) {
            line-height: 1.4em;
            font-size: 14px;
          }
        }
      }
    }
  }
}

.section-2, .section-3 {
  display: flex;
  margin-left: -90px;
  margin-bottom: 80px;

  @media (max-width: 798px) {
    flex-wrap: wrap;
    padding: 0 40px;
    margin-bottom: 0;
  }

  .product-item {
    width: 50%;
    padding-left: 90px;

    @media (max-width: 798px) {
      width: 100%;
      margin-bottom: 40px;
    }

    .product-item_image {
      position: relative;
      margin-bottom: 33px;

      img {
        display: block;
        width: 100%;
        border-bottom-left-radius: 50px;
      }

      .badge-save {
        position: absolute;
        top: -25px;
        right: -25px;
        background: #424242;
        width: 80px;
        height: 80px;
        display: block;
        padding: 10px;
        text-align: center;
        border-radius: 50%;

        @media (max-width: 798px) {
          top: -20px;
          right: -20px;
          background: #000000;
          width: 60px;
          height: 60px;
        }

        .thin {
          display: block;
          color: #ffffff;
          font-size: 18px;

          @media (max-width: 798px) {
            font-size: 14px;
            margin-top: -3px;
          }
        }

        .bold {
          display: block;
          color: #ffffff;
          font-size: 30px;
          font-weight: 700;

          @media (max-width: 798px) {
            font-size: 20px;
            margin-top: -5px;
          }
        }
      }
    }

    .product-item_info {
      .badge-info {
        font-size: 16px;
        color: #bc5968;
        margin-bottom: 7px;
      }

      .product-item_title {
        font-size: 18px;
        font-weight: 900;
        color: #231f20;
        font-family: "Avenir Next", sans-serif;
        font-style: italic;
        margin-bottom: 15px;
      }

      .product-item_description {
        p {
          margin-bottom: 0;
          color: #404041;
          font-size: 16px;

          @media (max-width: 798px) {
            line-height: 1.4em;
            font-size: 14px;
          }
        }
      }
    }
  }
}

.section-4 {
  background: #eee8f1;

  .section-header {
    text-align: center;
    padding: 60px 20px 40px 20px;

    h3 {
      font-size: 14px;
      color: #00000;
      font-weight: 400;
      margin-bottom: -5px;
      letter-spacing: 0;
    }

    h2 {
      font-size: 36px;
      color: #00000;
      margin: 0;
      font-family: "Avenir Next", sans-serif;
      font-style: italic;
    }
  }

  .product-item {
    display: flex;
    margin-left: -50px;
    padding: 0 80px 0 80px;

    @media (max-width: 798px) {
      flex-wrap: wrap;
      padding: 0 40px 25px 40px;
    }

    &:last-child {
      padding: 0 80px 50px 80px;

      @media (max-width: 798px) {
        display: grid;

        flex-wrap: wrap;
        padding: 0 40px 62px 40px;

        .product-item_image {
          order: 1;
        }

        .product-item_info {
          order: 2;
        }
      }
    }

    .product-item_image {
      width: 50%;
      padding-left: 50px;

      @media (max-width: 798px) {
        width: 100%;
        margin-bottom: 35px;
      }

      img {
        display: block;
        width: 100%;
      }
    }

    .product-item_info {
      width: 50%;
      padding-left: 50px;
      display: flex;
      justify-content: center;
      align-items: center;

      @media (max-width: 798px) {
        width: 100%;
      }

      .product-item_title {
        color: #00000;
        font-size: 18px;
        font-weight: 900;
        font-family: "Avenir Next", sans-serif;
        font-style: italic;
        margin-bottom: 10px;
      }

      .product-item_description {
        p {
          font-size: 16px;
          color: #00000;
          margin-bottom: 0;

          @media (max-width: 798px) {
            line-height: 1.4em;
            font-size: 14px;
          }
        }
      }
    }
  }
}

.section-5 {
  margin-top: 50px;
  height: 300px;
  background: #d58d98;
  text-align: center;

  @media (max-width: 798px) {
    margin-top: 0;
  }

  a {
    display: block;
    width: 100%;
    height: 100%;

    h2 {
      color: #fff;
      font-size: 36px;
      margin: 0;
      padding-top: 50px;
      font-family: "Avenir Next", sans-serif;
      font-style: italic;
    }
  }
}
}

// Landing hero

.landing-hero {
position: relative;
overflow: hidden;
}

.landing-hero__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;

img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}
}

.landing-hero__content {
position: absolute;
top: 44%;
transform: translateY(-60%);
width: 100%;
max-width: 530px;
text-align: center;

.landing-hero-align--left & {
  left: 10%;
}

.landing-hero-align--center & {
  left: 50%;
  transform: translate(-50%, -50%);
}

.landing-hero-align--right & {
  right: 10%;
}

@include respond-to('medium-down') {
  max-width: 100%;
  bottom:0;
  .landing-hero-align--left & {
    left: 0;
  }
  .landing-hero-align--right & {
    right: 0;
  }
}
}

.landing-hero__title {
color: inherit;
margin-top: 5;
margin-bottom: 0;
font-size: 2.2rem;
line-height: 1.10;
@include respond-to('medium-down') {
  font-size: 1.7rem;
  padding-left: 25px;
  padding-right: 25px;
}
}

.landing-hero__body {
margin-top: 1.5rem;
//margin-left: 1rem;
// margin-right: 1rem;
font-size: 1.0rem;
line-height: 1.4;
//background-color: rgb(99, 76, 63);
@media (max-width: 1000px){
padding:25px;
}



> * {
  line-height: inherit;
}

> :last-child {
  margin-bottom: 0;
}
}

.landing-hero__ctas {
margin-top: 1.6rem;
font-size: 0;
}

.landing-hero__cta {
&[class] {
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  border: 1px solid;
  padding: .3rem 2rem;
  margin: .25rem;
  font-size: .85rem;
}
}

.landing-hero__cta--solid {
&[class] {
  background-color: #FFF;
  color: #000;
  border-color: #FFF;
}
}

// Landing about

.landing-about {
text-align: center;
color: #373737;
width: 90%;
margin-left: auto;
margin-right: auto;
padding: 4rem 0;

@include respond-to('medium-up') {
  padding: 8rem 0;
}
}

.landing-about__title {
color: inherit;
margin-top: 0;
margin-bottom: 0;
font-size: 1.8rem;
line-height: 1.25;
color: #a14150;
}

.landing-about__body {
margin-top: 1.6rem;
font-size: 1.2rem;
line-height: 1.3;

> * {
  line-height: inherit;
}

> :last-child {
  margin-bottom: 0;
}

@include respond-to('medium-up') {
  font-size: 1.4rem;
}
}

// Landing tile

.landing-tile {
overflow: hidden;

@include respond-to('medium-up') {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  height: 37.5rem;
}
}

.landing-tile-align--right {
@include respond-to('medium-up') {
  flex-direction: row;
}
}

.landing-tile__image {
height: 100%;

img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left center;
}

@include respond-to('medium-up') {
  flex: 0 1 auto;
  width: 50%;
}
}

.landing-tile__content {
text-align: center;
padding: 4rem 10%;

@include respond-to('medium-up') {
  flex: 0 1 auto;
  width: 50%;
}
}

.landing-tile__icon-image {
img {
  height: 3.75rem;
  width: auto;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.6rem;
}
}

.landing-tile__title {
color: inherit;
margin-top: 0;
margin-bottom: 0;
font-size: 1.8rem;
line-height: 1.25;
color: inherit;
}

.landing-tile__body {
margin-top: 1.6rem;
font-size: 1.2rem;
line-height: 1.3;

> * {
  line-height: inherit;
}

> :last-child {
  margin-bottom: 0;
}

@include respond-to('medium-up') {
  font-size: 1.4rem;
}
}

// Landing video

.landing-video {
height: 0;
overflow: hidden;
position: relative;
padding-bottom: 56.25%;

> * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}

// Landing testimonial

.landing-testimonial {
text-align: center;
color: #373737;
width: 90%;
margin-left: auto;
margin-right: auto;
padding: 4rem 0;

@include respond-to('medium-up') {
  padding: 8rem 0;
}
}

.landing-testimonial__image {
img {
  display: block;
  width: 100%;
  max-width: 210px;
  margin-left: auto;
  margin-right: auto;
}
}

.landing-testimonial__quote {
margin: 0;
padding: 0;
border: 0;
font-size: inherit;
line-height: inherit;
font-style: inherit;
max-width: 560px;
margin-left: auto;
margin-right: auto;
margin-top: 3.75rem;

p {
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
}
}

.landing-testimonial__body {
@include headline-style(floor($font-size-header*0.9));
font-size: 1.2rem;
line-height: 1.3;
font-style: italic;
font-weight: 700;
color: #000;

> * {
  line-height: inherit;
}

> :last-child {
  margin-bottom: 0;
}

@include respond-to('medium-up') {
  font-size: 1.7rem;
}
}

.landing-testimonial__name {
margin-top: 1.6rem;
font-size: 1rem;
line-height: 1.3;
}

.landing-testimonial__ctas {
margin-top: 3.75rem;
font-size: 0;
}

.landing-testimonial__cta {
&[class] {
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  border: 1px solid;
  padding: .3rem 2rem;
  margin: .25rem;
  font-size: .85rem;
}
}

.landing-testimonial__cta--solid {
&[class] {
  background-color: #a14150;
  color: #FFF;
  border-color: #a14150;
}
}

// Landing specifications

.landing-specifications {
background-color: #d0afc5;
color: #FFF;
margin-left: auto;
margin-right: auto;
padding: 4rem 10%;

@include respond-to('medium-up') {
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
  align-items: center;
}
}

.landing-specifications__image {
img {
  display: block;
  width: 100%;
}

@include respond-to('medium-down') {
  margin-bottom: 4rem;
}

@include respond-to('medium-up') {
  flex: 0 1 auto;
  width: 33.333%;
}
}

.landing-specifications__items {
@include respond-to('medium-down') {
  word-break: break-word;
}

@include respond-to('medium-up') {
  flex: 0 1 auto;
  width: 66.666%;
  padding-left: 10%;
}
}

.landing-specifications__item {
display: flex;
font-size: 1rem;
line-height: 1.3;

& + & {
  border-top: 1px solid;
  padding-top: .6rem;
  margin-top: .6rem;
}

> * {
  line-height: inherit;
}

> :last-child {
  margin-bottom: 0;
}

@include respond-to('medium-up') {
  font-size: 1.4rem;
}
}

.landing-specifications__key {
flex: 0 1 auto;
width: 33.333%;
}

.landing-specifications__value {
flex: 0 1 auto;
width: 66.666%;
padding-left: 1rem;
}

// Landing steps

.landing-steps {
text-align: center;
color: #373737;
width: 90%;
margin-left: auto;
margin-right: auto;
padding: 4rem 0;

@include respond-to('medium-up') {
  padding: 8rem 0;
}
}

.landing-steps__title {
color: inherit;
margin-top: 0;
margin-bottom: 0;
font-size: 1.8rem;
line-height: 1.25;
color: #a14150;
}

.landing-steps__items {
list-style: none;
padding: 0;
margin: 0;
margin-top: 1.6rem;
margin-left: -3.75rem;
counter-reset: landing-steps-items;

@include respond-to('medium-up') {
  display: flex;
  justify-content: center;
}
}

.landing-steps__item {
display: block;
padding: 0;
margin: 0;
flex: 0 1 auto;
margin-top: 1.6rem;
font-size: 1.2rem;
line-height: 1.3;
padding-left: 3.75rem;
counter-increment: landing-steps-items;

&:before {
  content: counter(landing-steps-items);
  display: block;
  @include headline-style(floor($font-size-header*0.9));
  line-height: 1;
  font-style: italic;
  font-weight: 700;
  color: #a14150;
  margin-bottom: 1.4rem;
}

&[class]:before {
  font-size: 3.5rem;
}

@include respond-to('medium-up') {
  font-size: 1.4rem;
}
}

.landing-steps__text {
max-width: 12.5rem;
margin-left: auto;
margin-right: auto;
}

// Landing newsletter

.landing-newsletter {
text-align: center;
background-color: #c48ca3;
color: #FFF;
margin-left: auto;
margin-right: auto;
padding: 4rem 10%;
}

.landing-newsletter__title {
color: inherit;
margin-top: 0;
margin-bottom: 0;
font-size: 1.8rem;
line-height: 1.25;
}

.landing-newsletter__body {
margin-top: 1.6rem;
font-size: 1.2rem;
line-height: 1.3;
max-width: 530px;
margin-left: auto;
margin-right: auto;

> * {
  line-height: inherit;
}

> :last-child {
  margin-bottom: 0;
}

@include respond-to('medium-up') {
  font-size: 1.4rem;
}
}

.landing-newsletter__form {
margin-top: 1.6rem;
max-width: 580px;
margin-left: auto;
margin-right: auto;
}

// Homepage promo bar

@keyframes homepage-promo-bar-title-animation {
from,
to {
  transform: translate3d(0, 0, 0);
}

10%,
30%,
50%,
70%,
90% {
  transform: translate3d(-4px, 0, 0);
}

20%,
40%,
60%,
80% {
  transform: translate3d(4px, 0, 0);
}
}

.homepage-promo-bar {
background-color: #D48E98;
color: #FFF;
padding-top: 20px;
padding-bottom: 20px;

@include respond-to('medium-up') {
  padding-top: 40px;
  padding-bottom: 40px;
}
}

.homepage-promo-bar-content {
max-width: 90%;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
align-items: center;
}

.homepage-promo-bar-title {
margin: 0;
font: inherit;
letter-spacing: inherit;
color: inherit;
flex: 0 1 auto;
margin-right: 20px;
font-weight: bold;
font-size: 28px;
line-height: 1.2;

.homepage-promo-bar--title-animation & {
  animation: homepage-promo-bar-title-animation 3s infinite;
}

@include respond-to('small-down') {
  margin-right: 10px;
  font-size: 16px;
}
}

.homepage-promo-bar-body {
flex: 0 1 auto;

&, p {
  margin: 0;
  font: inherit;
  font-size: 18px;
  line-height: 1.2;

  @include respond-to('small-down') {
    font-size: 13px;
  }
}

a {
  color: inherit;
  background: url($wht-arrow) right center no-repeat;
  background-size: 20px 12px;
  padding-right: 30px;

  &:hover{
  background-size: 20px 12px;
  padding-right: 34px;
  transition: 0.2s ease;
  }
}

}

// Homepage about

.homepage-about {
background-color: #FFF9F9;
padding-top: 50px;
padding-bottom: 60px;

@include respond-to('small-down') {
  padding-top: 40px;
  padding-bottom: 40px;
}

@include respond-to('medium-up') {
  padding-top: 120px;
  padding-bottom: 80px;
  text-align: center;
}
}

.homepage-about-content {
width: 80%;
max-width: 825px;
margin-left: auto;
margin-right: auto;
}

.homepage-about-title {
margin: 0;
font: inherit;
letter-spacing: inherit;
color: inherit;
text-transform: inherit;
font-weight: bold;
font-size: 34px;
line-height: 1.4;
color: #bc5968;

@include respond-to('small-down') {
  font-size: 22px;
  line-height: 28px;
}

@include respond-to('medium-up') {
  font-size: 45px;
}
}

.homepage-about-body {
margin: 0;
margin-top: 35px;
max-width: 655px;
margin-left: auto;
margin-right: auto;

&, p {
  font: inherit;
  color: #000;
  font-size: 20px;
  line-height: 32px;

  @include respond-to('small-down') {
    font-size: 16px;
    line-height: 24px;
  }
}

p {
  margin: 0;
}

a {
  color: #bc5968;
}

@include respond-to('small-down') {
  margin-top: 30px;
}

@include respond-to('medium-up') {
  margin-top: 35px;
}
}

.homepage-about-cta {
margin-top: 35px;

.action_button {
  background: none;
  font-weight: bold;
  font-size: 16px;
  border: 2px solid #EFB9C3;
  color: #000;
  padding: 20px 100px;

  &:hover{
    background-color:#EFB9C3;
    color:#000;
    transition: 0.2s ease;
  }

  @include respond-to('medium-down') {
    // font-size: 11px;
  }

  @include respond-to('small-down') {
    font-size: 14px;
    padding: 18px;
    border-width: 1px;
    width: 90%
  }
}

@include respond-to('small-down') {
  margin-top: 30px;
}

@include respond-to('medium-up') {
  margin-top: 55px;
}
}

// Homepage value propositions

.homepage-value-propositions {
background-color: #F1CED5;
padding-top: 50px;
padding-bottom: 60px;

@include respond-to('small-down') {
  padding-top: 85px;
  padding-bottom: 90px;
}

@include respond-to('medium-up') {
  padding-top: 140px;
  padding-bottom: 120px;
}
}

.homepage-value-propositions-content {
width: 80%;
max-width: 920px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

.homepage-value-propositions-title {
margin: 0;
font: inherit;
letter-spacing: inherit;
color: inherit;
text-transform: inherit;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
color: #FFF;
padding-bottom: 45px;

@include respond-to('small-down') {
  font-size: 26px;
  line-height: 1.3;
  text-align: center;
  padding-bottom: 35px;
}

@include respond-to('medium-up') {
  float: left;
  width: 47%;
}
}

.homepage-value-propositions-items {
@include respond-to('small-down') {
  display: flex;
  justify-content: center;
}


@include respond-to('medium-up') {
  float: right;
  width: 53%;
  display: flex;
  justify-content: flex-end;
}
}

.homepage-value-propositions-item {
display: flex;
align-items: center;

& + & {
  margin-top: 20px;
}
}

.homepage-value-propositions-item-icon {
flex: 0 1 auto;

svg {
  display: block;
  fill: currentColor;
  width: 1em;
  height: 1em;
  font-size: 50px;
  color: #a14150;

  @include respond-to('small-down') {
    font-size: 30px;
  }
}
}

.homepage-value-propositions-item-content {
flex: 1;
padding-left: 30px;

@include respond-to('small-down') {
  padding-left: 12px;
}
}

.homepage-value-propositions-item-title {
margin: 0;
font: inherit;
letter-spacing: inherit;
color: inherit;
text-transform: inherit;
font-weight: normal;
font-size: 20px;
line-height: 32px;
color: #a14150;

@include respond-to('small-down') {
  font-size: 16px;
  line-height: 24px;
}
}

.homepage-value-propositions-item-body {
&, p {
  font: inherit;
  color: #000;
  font-size: 20px;
  line-height: 32px;

  @include respond-to('small-down') {
    font-size: 16px;
    line-height: 24px;
  }
}

p {
  margin: 0;
}
}

.homepage-value-propositions-ctas {
padding-top: 70px;

@include respond-to('small-down') {
  padding-top: 60px;
  text-align: center;
}

@include respond-to('medium-up') {
  padding-top: 0;
  float: left;
  width: 100%;
}
}

.homepage-value-propositions-cta {
.action_button {
  font-weight: bold;
  font-size: 16px;
  padding: 20px 100px;

  &:after {
    display: none;
  }

  @include respond-to('small-down') {
    font-size: 14px;
    padding: 18px;
    width: 90%;
  }
}
}

.homepage-value-propositions-link[class] {
  display: inline-block;
  vertical-align: top;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-decoration: none;
  border-bottom: 1px solid;
  margin-top: 25px;
  position: relative;

&:hover{
  color: #a14150;
  transition:0.2s ease;
}

&:after{
  content:'';
  position: absolute;
  width: 20px;
  height: 10px;
  background:url($blk-arrow);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  top: 5px;
  margin-left: 10px;
  transition: 0.2s ease;
}

&:hover:after{
  background:url($red-arrow);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  width: 25px;
  transition: 0.2s ease;
}

@include respond-to('small-down') {
  font-size: 9px;
}
}

// Homepage promises

.homepage-promises {
padding-top: 60px;
padding-bottom: 60px;

@include respond-to('small-down') {
  padding-top: 35px;
}

@include respond-to('medium-up') {
  padding-top: 95px;
  padding-bottom: 95px;
}
}

.homepage-promises-content {
width: 80%;
margin-left: auto;
margin-right: auto;
overflow: hidden;

@include respond-to('medium-up') {
  width: 90%;
}
}

.homepage-promises-items {
@include respond-to('medium-up') {
  display: flex;
  margin-left: -60px;
}

@include respond-to('large-up') {
  margin-left: -120px;
}
}

.homepage-promises-item {
text-align: center;

& + & {
  @include respond-to('medium-down') {
    margin-top: 70px;
  }
}

@include respond-to('medium-up') {
  flex: 1;
  padding-left: 60px;
}

@include respond-to('large-up') {
  padding-left: 120px;
}
}

.homepage-promises-item-image {
margin-bottom: 20px;

img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 92px;

  @include respond-to('small-down') {
    max-width: 70px;
  }
}

@include respond-to('small-down') {
  margin-bottom: 25px;
}
}

.homepage-promises-item-title {
margin: 0;
font: inherit;
letter-spacing: inherit;
color: inherit;
text-transform: inherit;
font-weight: normal;
font-size: 18px;
line-height: 32px;
color: #a14150;

@include respond-to('small-down') {
  font-size: 16px;
  line-height: 24px;
}
}

.homepage-promises-item-body {
&, p {
  font: inherit;
  color: #000;
  font-size: 18px;
  line-height: 32px;

  @include respond-to('small-down') {
    font-size: 16px;
    line-height: 24px;
  }
}

p {
  margin: 0;
}

@include respond-to('small-down') {
  margin-top: 3px;
}
}

// Homepage reviews

.homepage-reviews-ctas {
margin-top:45px;
text-align: center;
}

.homepage-reviews-cta {
.action_button {
  font-weight: bold;
  font-size: 12px;

  &:after {
    display: none;
  }

  @include respond-to('small-down') {
    font-size: 10px;
    padding: 8px 20px;
    margin-top: 10px;
  }
}
}

.homepage-reviews-link[class] {
  display: inline-block;
  vertical-align: top;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-decoration: none;
  border-bottom: 1px solid #a14150;
  margin-top: 25px;
  position: relative;

&:hover{
  color: #a14150;
  transition:0.2s ease;
}

&:after{
  content:'';
  position: absolute;
  width: 20px;
  height: 10px;
  background:url($blk-arrow);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  top: 5px;
  margin-left: 10px;
  transition: 0.2s ease;
}

  &:hover:after{
  background:url($red-arrow);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  width: 25px;
  transition: 0.2s ease;
}

@include respond-to('small-down') {
  font-size: 9px;
}
}

// Landing alt

body.page-landing-alt {
margin: 0;
}

// Landing alt hero

.landing-alt-hero {}

.landing-alt-hero--main {
.landing-hero__content {
  @include respond-to('medium-down') {
    top: auto;
    transform: none;
    bottom: 5%;
  }
}

.landing-hero__title {
  font-style: normal;
  text-transform: none;
  font-family: inherit;
  letter-spacing: inherit;
  font-size: 42px;
  line-height: 1.2;

  @include respond-to('medium-down') {
    font-size: 22px;
  }

  @include respond-to('small-down') {
    font-size: 26px;
    line-height: 1.3;
  }
}

.landing-hero__ctas {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding-top: 50px;

  @include respond-to('medium-down') {
    padding-top: 20px;
    
  }

  @include respond-to('small-down') {
    
  }
}

.landing-hero__cta {
  font-weight: bold;
  background-color: #b34e5e;
  border-color: #b34e5e;
  color: inherit;
  padding: 15px 30px;
  font-size: 14px;
  line-height: 14px;
  height: 44px;
  display: inline-flex;
  transition: 0.2s ease;

  &:hover{
    background-color:#6D1F33;
    border-color: #6D1F33;
    transition: 0.2s ease;
  }

  @include respond-to('medium-down') {
    padding: 15px 30px;
  }

  @include respond-to('small-down') {
    padding: 15px 30px;

  }
}
}

// Landing alt about

.landing-alt-about {
background: #EFE3F1;
color: #000000;
width: auto;
padding-left: 5%;
padding-right: 5%;

.landing-about__title {
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.2;
  color: #d18A94;

  @include respond-to('medium-down') {
    font-size: 26px;
    text-align: left;
  }

  @include respond-to('small-down') {
    font-size: 18px;
  }
}

.landing-about__body {
  max-width: 690px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1.5;

  @include respond-to('medium-down') {
    font-size: 16px;
    text-align: left;
  }

  @include respond-to('small-down') {
    font-size: 14px;
    line-height: 1.3;
  }
}

@include respond-to('small-down') {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 16%;
  padding-right: 16%;
}
}

// Landing alt video

.landing-alt-video {
padding-top: 120px;

@include respond-to('medium-down') {
  padding-top: 60px;
}

@include respond-to('small-down') {
  padding-top: 40px;
}
}

.landing-alt-video__content {}

.landing-alt-video__title {
margin: 0;
font: inherit;
letter-spacing: inherit;
text-transform: inherit;
font-weight: bold;
font-size: 32px;
line-height: 1.2;
color: #000000;
text-align: left;
margin-bottom: 50px;
padding-left: 15%;
padding-right: 15%;

@include respond-to('medium-down') {
  font-size: 26px;
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
}

@include respond-to('small-down') {
  font-size: 18px;
  margin-bottom: 40px;
}
}

.landing-alt-video__body {
padding-left: 10%;
padding-right: 10%;

@include respond-to('medium-down') {
  padding-left: 0;
  padding-right: 0;
}
}

// Landing alt value propositions

.landing-alt-value-propositions {
padding-top: 100px;
padding-bottom: 100px;

@include respond-to('medium-down') {
  padding-top: 60px;
  padding-bottom: 60px;
}

@include respond-to('small-down') {
  padding-top: 40px;
  padding-bottom: 45px;
}
}

.landing-alt-value-propositions__content {}

.landing-alt-value-propositions__title {
margin: 0;
font: inherit;
letter-spacing: inherit;
text-transform: inherit;
font-weight: bold;
font-size: 32px;
line-height: 1.2;
color: #d18A94;
text-align: left;
margin-bottom: 50px;
padding-left: 15%;
padding-right: 15%;

@include respond-to('medium-down') {
  padding-left: 10%;
  padding-right: 10%;
}

@include respond-to('small-down') {
  padding-left: 14.8%;
  padding-right: 14.8%;
  font-size: 26px;
}
}

.landing-alt-value-propositions__items-wrap {
padding-left: 10%;
padding-right: 10%;
}

.landing-alt-value-propositions__items {
@include respond-to('medium-up') {
  display: flex;
  justify-content: center;
  margin-left: -30px;
}
}

.landing-alt-value-propositions__item {
color: #000;

& + & {
  @include respond-to('medium-down') {
    margin-top: 40px;
  }
}

@include respond-to('medium-down') {
  display: flex;
  align-items: center;
}

@include respond-to('medium-up') {
  flex: 1;
  text-align: center;
  padding-left: 30px;
}
}

.landing-alt-value-propositions__item-image {
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 115px;

  @include respond-to('medium-down') {
    width: 80px;
  }

  @include respond-to('small-down') {
    width: 72px;
  }
}
}

.landing-alt-value-propositions__item-body {
margin-left: auto;
margin-right: auto;

p {
  line-height: inherit;
  margin: 0;
}

@include respond-to('medium-down') {
  padding-left: 20px;
}

@include respond-to('small-down') {
  font-size: 14px;
  line-height: 1.4;
}

@include respond-to('medium-up') {
  font-size: 20px;
  max-width: 75%;
  padding-top: 65px;
}
}

.landing-alt-value-propositions__ctas {
text-align: center;
padding-left: 15%;
padding-right: 15%;
margin-top: 80px;

.action_button {
  font-weight: bold;

  @media screen and (min-width: 480px) and (max-width: 798px){
    max-width: 250px;
  }

  &:after {
    display: none;
  }

  @include respond-to('small-down') {
    line-height: 1;
    min-height: 0;
    height: auto;
    font-size: 16px;
    padding: 16px;
    min-width: 0;
    width: 100%;
  }
}

@include respond-to('medium-down') {
  padding-left: 10%;
  padding-right: 10%;
}

@include respond-to('small-down') {
  margin-top: 60px;
}
}

.landing-alt-value-propositions__cta[class] {
  display: inline-block;
  vertical-align: top;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-decoration: none;
  border-bottom: 1px solid;
  margin-top: 25px;
  position: relative;

&:hover{
  color: #a14150;
  transition:0.2s ease;
}

&:after{
  content:'';
  position: absolute;
  width: 20px;
  height: 10px;
  background:url($blk-arrow);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  top: 5px;
  margin-left: 10px;
  transition: 0.2s ease;
}

&:hover:after{
  background:url($red-arrow);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  width: 25px;
  transition: 0.2s ease;
}

@include respond-to('small-down') {
  font-size: 9px;
}
}

// Landing alt press

.landing-alt-press {
padding-top: 80px;
padding-bottom: 80px;

@include respond-to('small-down') {
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 5%;
  padding-right: 5%;
}

@include respond-to('medium-up') {
  background-color: #947E97;
}
}

.landing-alt-press__items {
width: 90%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;

@include respond-to('small-down') {
  width: auto;
  max-width: none;
  margin-left: -50px;
}
}

.landing-alt-press__item {
flex: 1;

@include respond-to('small-down') {
  flex: 0 1 auto;
  width: 33.333%;
  padding-left: 50px;
}
}

.landing-alt-press__image {
img {
  display: block;
  width: auto;
  max-width: 200px;
  margin: 0 auto;
  max-height: 60px;

  @include respond-to('small-down') {
    max-width: 100%;
  }

  @include respond-to('medium-up') {
    filter: invert(1);
  }
}
}

// Landing alt products

.landing-alt-products {
background-color: #F9EDEF;
padding-top: 100px;
padding-bottom: 100px;

@include respond-to('medium-down') {
  padding-top: 60px;
  padding-bottom: 60px;
}
}

.landing-alt-products__content {
padding-left: 5%;
padding-right: 5%;

@include respond-to('medium-down') {
  padding-left: 10%;
  padding-right: 10%;
}
}

.landing-alt-products__items {
@include respond-to('medium-up') {
  display: flex;
  justify-content: center;
  margin-left: -30px;
}
}

.landing-alt-products__item {
text-align: center;
color: #000000;

& + & {
  @include respond-to('medium-down') {
    margin-top: 40px;
  }

  @include respond-to('small-down') {
    margin-top: 80px;
  }
}

@include respond-to('medium-up') {
  flex: 1;
  padding-left: 30px;
}
}

.landing-alt-products__image {
max-width: 180px;
margin-left: auto;
margin-right: auto;

img {
  display: block;
  width: 100%;
}

@include respond-to('small-down') {
  max-width: 145px;
}
}

.landing-alt-products__item-title {
margin: 0;
font: inherit;
letter-spacing: inherit;
text-transform: inherit;
font-weight: bold;
font-size: 20px;
line-height: 1.2;
color: #000000;
margin-top: 70px;

@include respond-to('medium-down') {
  margin-top: 55px;
}

@include respond-to('small-down') {
  margin-top: 35px;
  font-size: 18px;
}
}

.landing-alt-products__item-body {
font-size: 20px;
line-height: 1.2;
margin-top: 10px;

p {
  margin: 0;
  line-height: inherit;
  color: inherit;
}

@include respond-to('small-down') {
  font-size: 14px;
}
}

.landing-alt-products__item-cta {
margin-top: 20px;

.action_button {
  font-weight: bold;
  padding-left: 30px;
  padding-right: 30px;

  @media screen and (min-width: 480px) and (max-width: 798px){
    max-width: 250px;
  }

  &:after {
    display: none;
  }

  @include respond-to('medium-down') {
    padding-left: 10px;
    padding-right: 10px;
  }

  @include respond-to('small-down') {
    line-height: 1;
    min-height: 0;
    height: auto;
    font-size: 16px;
    padding: 16px;
    min-width: 0;
    width: 100%;
  }
}
}

// Landing alt explain

.landing-alt-explain {
padding-top: 100px;
padding-bottom: 100px;

@include respond-to('medium-down') {
  padding-top: 60px;
  padding-bottom: 60px;
}

@include respond-to('small-down') {
  padding-top: 35px;
  padding-bottom: 25px;
}
}

.landing-alt-explain__content {
width: 90%;
max-width: 800px;
margin-left: auto;
margin-right: auto;

@include respond-to('small-down') {
  width: auto;
  padding-left: 14.8%;
  padding-right: 14.8%;
}
}

.landing-alt-explain__body {
color: #000;
border-left: 8px solid #EFE3F1;
padding-left: 8%;

p {
  line-height: inherit;
  color: inherit;
}

@include respond-to('medium-up') {
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
}

@include respond-to('small-down') {
  font-size: 14px;
  line-height: 1.4;
  padding-left: 13.3%;
  border-width: 4px;
}
}

.landing-alt-explain__ctas {
text-align: center;
margin-top: 80px;

.action_button {
  font-weight: bold;

  @media(max-width:799px){
    max-width: 250px;
  }
  @media(max-width:480px){
    max-width: 100%;
  }

  &:after {
    display: none;
  }

  @include respond-to('small-down') {
    
  }
}

@include respond-to('small-down') {
  margin-top: 50px;
}
}

.landing-alt-explain__cta[class] {
  display: inline-block;
  vertical-align: top;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-decoration: none;
  border-bottom: 1px solid;
  margin-top: 25px;
  position: relative;

&:hover{
  color: #a14150;
  transition:0.2s ease;
}

&:after{
  content:'';
  position: absolute;
  width: 20px;
  height: 10px;
  background:url($blk-arrow);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  top: 5px;
  margin-left: 10px;
  transition: 0.2s ease;
}

&:hover:after{
  background:url($red-arrow);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  width: 25px;
  transition: 0.2s ease;
}

@include respond-to('small-down') {
  font-size: 9px;
}
}

// Landing alt hero 3

.landing-alt-hero-3 {
&[class] {
  @include respond-to('small-down') {
    height: 235px;
  }
}

.landing-hero__content {
  text-align: left;
  left: 5%;
  max-width: 300px;
  top: 45%;
}

.landing-hero__title {
  font-style: normal;
  font-family: inherit;
  letter-spacing: inherit;

  @include respond-to('small-down') {
    font-size: 22px;
    line-height: 1.2;
  }
}

.landing-hero__cta[class] {
  font-weight: bold;
  background: none;
  border: 2px solid #D48E98;
  color: #FFF;
  padding: 15px 30px;
  font-size: 14px;
  line-height: 14px;
  height: 44px;
  display: inline-flex;
  transition: 0.2s ease;

  &:hover{
    background-color: #D48E98;
    transition: 0.2s ease;
  }

  @include respond-to('small-down') {
    border-width: 1px;
    font-size: 10px;
    padding: 7px 20px;
    line-height: 1;
    font-weight: bold;
    margin: 0;
  }
}
}

// Landing alt newsletter

.landing-alt-newsletter {
background-color: #EECBD2;

.landing-newsletter__title {
  font-family: inherit;
  font-style: inherit;
  letter-spacing: inherit;
  text-transform: inherit;

  @include respond-to('small-down') {
    font-size: 18px;
    line-height: 1.2;
    text-align: left;
  }
}

.landing-newsletter__body {
  max-width: none;
  color: #000;

  @include respond-to('small-down') {
    text-align: left;
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.4;
  }
}

.landing-newsletter__form {
  @include respond-to('small-down') {
    margin-top: 0;
  }
}

@include respond-to('small-down') {
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 16%;
  padding-right: 16%;
}
}

// Scroll padding

html {
scroll-padding-top: 75px;

@include respond-to('medium-up') {
  scroll-padding-top: 85px;
}
}

/* product page updates */
@media only screen and (min-width: 799px){
#header a.mobile_logo.logo {

  margin: auto;
  width: 70%;
  text-align: center;
  position: relative;

  }

#header .top_bar {
  padding-left:calc(5% + 10px);
  padding-right:calc(5% + 10px);
}
.mobile_logo {display:none;}
}

.mobile_nav div {
width: 27px;
}

.left_header {
display: none;
  
  @media only screen and (max-width: 1024px){
    display: flex;
    width:10%;
    z-index: 99999;
  }
}
.inline_block_fix {display:inline-block !Important;float:left;line-height:40px;}
.menu_title_new {
text-transform: uppercase !important;
font-weight: 600;
font-family: Avenir Next;
line-height: 40px;
letter-spacing: 1px !important;
color: #000 !important;
}
#header .top_bar .icon-search {
@media only screen and (max-width: 1024px){

margin-right:16px;
}
margin-right:100px;
}

#header .top_bar .icon-search:after {
font-size: 16px;
font-weight: bold;
vertical-align: middle;
padding-right: 5px;
}


// search-open menu colors
.is-active .cart_container .menu_title_new{
  color:#000;
  transition: 0.2s ease;
}
.is-active .menu_title_new{
  color:#000;
  transition: 0.2s ease;
}


.gallery-wrap.left-thumbnails .product_gallery_nav {
width: 12%;
float: right;
margin-right: 2%;
}
.gallery-wrap.left-thumbnails .multi-image {
width: 86%;
float: right;
}

.new_slider_mobile {
overflow:visible !Important;
}


.new_gallery_mob{
.flickity-page-dots {
  position: relative;
  list-style: none;
  text-align: center;
  padding-left: 0;
  bottom: -15px;
  .dot{
    background:#fff;
    border:1px solid #d5bcbc;
    opacity:1;
    margin: 2px;
    &.is-selected {
      background:#d5bcbc;
    }
  }

}
}

.desktop-new-gallery img {
border-radius: 0 5% 0 5%;
}


.product-new {
#shopify-section-footer {clear:both;}
}



.product-new-template {

  .sezzle-shopify-info-button{
    @media(max-width: 798px){
      max-width: 100%;
    }
    @media(max-width: 430px){
      max-width: 100%;
    }
  }

.vertical_aligner {
  padding-right: 40px;
  }

.hotspot_wrap {
  background: #b89cb1;
  text-align: left;
  margin-top:20px;
  max-width: 100%;
  margin: auto;
}

div.product-details.feature_hotspot {
  max-width:100%;
}
div.product-details.feature_hotspot .hotspot-details h3 {
  color: #fff !Important;
  text-align: left;
  text-transform: none;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: bold;
  font-size: 34px;
  line-height: 42px;
}

div.product-details.feature_hotspot .hotspot-details {
color: #fff !Important;
}

div.product-details.feature_hotspot .hotspot-details.featuredTextAnimation {
  color: #fff !Important;
  text-align: left;
}

.hotspot-dots .hotspot-dots__item {
  width: 10px;
  height: 10px;
}

.hotspot-dots {
  color: #fff;
  margin-left: 15px;
  position: absolute;
  bottom: 50px;
}

.hotspot-dots .hotspot-dots__item.active {
  background: #fff;
}
.hotspot-dots .hotspot-dots__item {
border:1px solid #fff;
}

div.product-details .features-image .hotspot {
color:#fff;
background-color:#fff;
}

.full_col {
  margin-left:0;
  margin-right:0;
  width:100%;
}

.global_icons_products{
  img {
    margin-bottom: 30px;
  }
  strong, b {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0;

    @media(max-width: 420px){
      font-size: 12px;
      line-height: 15px;
    }
  }
  .title strong{
    color: $cta-pink;
  }
  .content{
    max-width: 70%;
    display: block;

    @media (max-width: 1024px){
      display: none;
    }
  }
}

.nice_things {
  text-align:center;
  overflow: auto;
  max-width: 1200px;
  margin: 100px auto;

   @media (max-width: 1024px){
    margin: 50px 20px;
  }

  h2 {
    color:#bc5968;
    font-size: 30px;
    font-style: normal;
    text-transform: none;
    font-family: Avenir Next;
    margin-bottom:0;
  }
  img {
    max-width: 250px !important;
    margin-bottom: 20px;
  }
  .five {
    width: 33.33%;
    margin: 0 !important;
    padding: 20px;
  }
}

.video_section {
  .video{
      @media (max-width: 799px){
            margin-top: 40px;
            margin-bottom: -40px;
      }
  }
  
  h2 {
    color: #bc5968;
    font-family: Avenir Next;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 42px;
    @media (max-width: 799px){
      margin-top: 0px;
    }
  }
  padding: 100px 5%;
  overflow: auto;
  display: flex;
  align-items: center;

  @media (max-width: 1024px){
    padding: 50px 20px;
  }
}

.pairs_with {
  background:#f9eeed;

  span.sold_out{
    margin: 5px 0 20px 0;
    display: inline-block;
  }

  span.money{
    color:#000;
    margin-bottom:20px;
  }
  h5 {
    font-style: normal;
    letter-spacing: 1px;
    font-family: "Avenir Next DemiBold";
    font-size: 18px;
    font-weight: 900;
    text-transform: none;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 20px;
  }
  img.right_arow_prod {
    width: 18px;
    margin-left: 0px;
    line-height: normal;
    vertical-align: middle;
    margin-top: -5px;
  }
  .one-third{

    @media (max-width: 799px){
      width: inherit;
      padding-right: 0px;
    }
    width: 33%;
    padding-right:20px;
    text-align: center;
  }

  .okeReviews .okeReviews-reviewsSummary-ratingCount {
    display: none;
  }
  img {

  }

  p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;

    @media(max-width:798px){
    font-size: 14px;
    line-height: 24px; 
  }
  }

  h2 {
    color: #bc5968;
    font-family: Avenir Next;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 42px;
  }

  padding: 100px 5%;
  overflow: auto;

  @media (max-width: 1024px){
    padding: 50px 20px;
  }


  .content_section_inner{
    @media only screen and (min-width: 1200px){
      position: relative;

    }
    p{
    font-style:normal;
    }
  }

  a.view-more{
    width: 100%
  }
}

.half_section {
  padding: 0;
  overflow: auto;
  display: flex;
  align-items: center;
  line-height: 0;
    @media (max-width: 1024px){
      padding: 50px 5%;
    }

  img {
    max-width:100%;margin:auto;text-align:center;}
  h2 {
    color:#bc5968;
    font-size: 30px;
    font-style: normal;
    text-transform: none;
    font-family: Avenir Next;
  }
}

div.product-details.feature_icons {
  max-width:90%;

  @media (max-width: 1024px){
    max-width: 100%;
  }
}
div.product-details.feature_icons .column-item {
  width:33.33%;
}
.feature_icons img {
  max-width: 125px;
  width: 100px;
  @media (max-width: 1024px){
    width: 75px;
  }
}
.small_container {
  margin:auto;
  max-width:100%;
  .product-details{
    strong{
      color:$cta-pink;
    }
  }
}
  
@media only screen and (max-width: 420px) {
   .product-details.feature_icons img {
    max-width: 200px;
    width: 200px;
  }
  div.product-details.feature_icons .column-item {
    margin-bottom: 40px;
  }
}
  
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;

  @media (max-width: 799px){
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
  }
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.purchase-details {display:block;}
.accordion a:after {content:"+";position:absolute;right:0;font-size:20px;}
.accordion {position:relative}
.accordion.active:after {content:"−";position:absolute;right:0;font-size:13px;}
.accordion {
  position: relative;
  &.active {
    border-bottom:0;
  }
  a.h4 {
    position: relative;
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid;
    color: #1B1E1D;
    font-family: Avenir Next;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    
    &.active {
    border-bottom:0;
  }
  }
}
.innerpanel {
  margin-left:0;
  margin-inline-start: 0;
  a{
    &:after{
      content:'';
    }
  }
}
.panel {
  padding: 5px 0;
  display: none;
  overflow: hidden;
}
h4 {
  font-family: Avenir Next;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
}
h5 {
  font-style: normal;
  letter-spacing: 1px;
  font-family: Avenir Next;
  font-size: 13px;
}
p {
  font-family: Avenir Next;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
}
ul {
  list-style: circle;
  margin-left: 0;
  padding-left: 20px;
  font-size: 16px;
}
.modal_price {
  padding-bottom: 0px;
  display: block;
}
.okeReviews .okeReviews-reviewsSummary-ratingCount {
  font-size: 14px;
  text-transform: lowercase;
  text-decoration: underline;
  font-weight: 400;
  color: #636463;
}
#product-form p.modal_price {
  margin-bottom:0;
}
span.money {
  text-transform: uppercase;
  margin: 5px 0;
  display: inline-block;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;   
  letter-spacing: 0.01em;
  color: $cta-pink;

  @media (max-width: 799px){
    margin: 15px 0px 0px 0px;
    line-height: 14px; 
  }
}
.okeReviews-widget-holder {
  max-width: none;
  margin: 0;
  padding: 0;
}
h1.product_name {
  font-size: 50px;
  font-family: "Avenir Next DemiBold";
  text-transform: none;
  font-style: normal;
  font-weight: 600;
  line-height: 58px;
  margin: 0px;

  @media (max-width: 799px){
    font-weight: 900;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 0.01em;
    max-width: 65%;
  }

  @media(max-width: 400px){
    max-width: 57%;
  }
}
.product_section .product_form.is-visible {
  opacity: 1;
  margin-top: 0px;

}
.option_title {
  // display:none;
}
.product-quantity-box.purchase-details__quantity {
  margin-left: 15px;
  width: 100px;
  display: inline-block;
}
p.product_oneliner {
  margin-bottom: 0;
  margin-left: 0px;
  font-weight: 400;
  font-size: 20px;
}
.icon-plus:before {
  color: #000;
  font-size: 12px;
  font-weight: 900;
}
.icon-minus:before {
  color: #000;
  font-size: 12px;
  font-weight: 900;
}
#product-form .add_to_cart.action_button {
  max-width: 67%;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: bold;
  height: 100%;
  @media (max-width: 1115px){
    max-width: 64%;
  }
}
.product-quantity-box .product-plus, .product-quantity-box .product-minus, .product-quantity-box.purchase-details__quantity input.quantity {

  min-height:0;    
  line-height: 31px;
  font-size: 14px;
}
.product-quantity-box .product-plus:hover, .product-quantity-box .product-minus:hover {
  background: #fff;
}
.swatch .swatch-element {
  min-width: 36px;
  min-height: 36px;
  max-width:30px !Important;
  max-height: 30px !Important;

  &.color label {
    padding: 0;
    margin: 0;
    min-width: 0;
    width: 32px !important;
    height: 32px !IMPORTANT;
  }
}

.swatch .color{
  margin-bottom:15px;
}


@media only screen and (min-width: 799px){
  div#product-form {
    padding-left: 20px;
  }
}
}


@media only screen and (max-width: 798px){
#header .top_bar {
  padding:0 5px !Important
}
.swatch .swatch-element {
  min-width: 41px;
  min-height: 41px;
  max-width:35px !Important;
  max-height: 35px !Important;
  &.color label {
    padding: 0;
    margin: 0;
    min-width: 0;
    width: 37px !important;
    height: 37px !IMPORTANT;
  }
}
.feature_icons img {
  max-width: 125px;
  margin-bottom: 20px;
}
.product-new-template div.product-details.feature_icons {
  margin-bottom: 0;
  padding: 40px 0 50px 0;
}
.product-new-template .hotspot_wrap {
// background:#fff;
}
.product-new-template .hotspot_wrap {
max-width:100%;
}
.menu_title_new {display:none !Important;}
#header .top_bar .icon-search {
  margin-left: 10px;
}
// .desktop_logo {display:none;}
.section.product_section {
  max-width:100%;
}
.product-new-template {
  #product-form {
    text-align: left !Important;
    padding: 30px 20px 20px 20px;
    display: block;
    width: 100%;
    position: relative;

    .current_price{
        position: absolute;
        right: 20px;
        top: 25px;
        @media (max-width: 799px){
          display: grid;
        }
    }
  }
  .product-new-template p.product_oneliner {
    margin-bottom: 0;
    margin-left: 0px;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    font-family: Avenir Next;
  }
  p,  ul {
    font-size: 14px;
    line-height: 24px;
    
  }
  ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  span.money {

  }
  .product-quantity-box.purchase-details__quantity {
    margin-left: 0px;
    width: 35%;
    display: inline-block;
  }
  #product-form .add_to_cart.action_button {
    max-width: 59%;
    padding: 12.5px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: bold;
    height: 100%;

    @media (max-width: 350px){
      max-width: calc(58% - 10px);
    }
  }
  #hotspots-carousel {
    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
      opacity: 1;
    }
    .slick-prev:before, .slick-next:before {
      display:none;
    }
    .slick-prev {
      left: 20px;
      z-index: 1;
      background: url($hotspot-arrow-prev);
      width: 20px;
      height: 25px;
      line-height: 10px;
      min-height: unset;
      background-repeat: no-repeat;
      background-size: contain;
      box-shadow: none;
      position: absolute;
      top: 40px;
      -webkit-tap-highlight-color: transparent;
    }
    .slick-next {
      right: 10px;
      z-index: 1;
      background: url($hotspot-arrow-next);
      width: 20px;
      height: 25px;
      line-height: 10px;
      min-height: unset;
      background-repeat: no-repeat;
      background-size: contain;
      box-shadow: none;
      position: absolute;
      top: 40px;
      -webkit-tap-highlight-color: transparent;
    }
  }
  .hotspots-mobile {
    padding:20px 0px;
  }
  .hotspots-mobile .hotspots__item h5 {
    border-bottom: none;
    margin-bottom: 5px;
    padding-bottom: 0px;
    font-family: Avenir Next;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.01em;
    color:#fff;
  }
  .hotspots-mobile .hotspots__item p{
    font-family: Avenir Next;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 0.025em;
    color: #FFFFFF;
  }
  .hotspots-mobile .hotspots__item {
     -webkit-tap-highlight-color: transparent;
}

  button.slick-prev.slick-arrow.slick-disabled {
    opacity: 0.4;
    background: none;
    box-shadow: none;
  }
  .hotspot_wrap {
    margin-bottom: 20px;
  }

  .video_section {
    padding: 0 0 20px 0;
    margin-top:20px;
    overflow: auto;
    flex-direction: column-reverse;
    h2 {
      margin-top: 40px;
    }
  }
  .content_section {
  padding:40px 20px 0px;

  @media(max-width: 798px){
    margin-bottom:30px;
  }

  }
  .vertical_aligner {
    padding: 0px 20px;
    margin-bottom:30px;
  }
  
  .pairs_with {

    padding: 30px 0px;

    .content_section_inner {
      position: relative;
      top: 0;
      transform: none;
    }

    img {
    max-width:100% !Important;
    }
    
    .five.columns.medium-down--one-whole {
      padding-right: 20px;
    }
    
  }

  .half_section{
    flex-direction: column;
    padding: 30px 0px;
    
    img {
      max-width:100%;}
  }
  
  .video_section h2, .half_section h2, .pairs_with h2, .nice_things h2 {
    font-size: 21px;
    letter-spacing: 0;
  }
  
  // .pairs_with {
  //   .slick-slide:not(.slick-active) {
  // .product-grid-item-new h5, .okeReviews, .oneliner, .price {display:none;}
  //   }
  // }
  
  .nice_things{
    padding:20px 20px 0 20px;
    margin-top:0;
    margin-bottom:10px;
    p {
    max-width: 250px;
  margin: 0px auto 10px;
    }
  .five {
    width:100%;
    padding: 20px;
    max-width: 250px;
  margin: auto !important;
  display: block;
  float: none;
  }
    img {
        max-width: 100% !important;
  margin-bottom: 20px;
    }
  }
  .okeReviews-widget-holder {
  padding: 0 20px ;
  }
  div.product-details.feature_icons {
  margin-top:0;
  }
  
  .pairs_with h5 {
  font-size:12px;
  }
  
  div.product-details.feature_icons .column-item {
    width: 100%;
    padding: 25px 5px;
    img {
    margin-bottom:20px;
    }
  }
  
  div.product-details.feature_icons:not(.global_icons_products) .column-item {
    padding: 0;
  }
  
  p.subtitle_testimonials {
  margin-bottom: 20px;
  }

  .slick-slide{
    @media (max-width: 799px){
      margin: 0px 20px;
    }
  }
  
}

}

.medium-down--one-whole {
      @media (max-width: 798px){
        width: 100%;
        left: auto !important;
    }
  }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
div.product-details.feature_icons { flex-direction: inherit; }
}


@media only screen and (min-width: 799px) and (max-width: 1024px){


.product-new-template {
  .hotspot_wrap {
  max-width:100%;
  }
  .section.product_section {
  max-width:100%;
  }
  .product-quantity-box.purchase-details__quantity {
  margin-left: 0;
  width: 100%;
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
  }
  #product-form .add_to_cart.action_button {
  max-width:100%;
  }
  p, ul{
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 5px;
  }
  div.product-details.feature_hotspot .hotspot-details p {
  font-size: 14px;
  line-height: 1.6;
  }
  .description {
  margin-top:20px;
  }
  h1.product_name {
  font-size:30px;
  }
  .hotspot-dots {
  margin-left: 20px !Important;
  }
  .product-details__row .product-details__row-column {
  padding-left:0;
  }
  div.product-details.feature_hotspot .hotspot-details {
  padding-left: 40px;
  padding-right: 40px;
  }
  .video_section h2, .half_section h2, .pairs_with h2, .nice_things h2 {
  margin-bottom: 9px;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  }
  .pairs_with {
  padding: 50px 20px;
    .content_section_inner {
      position: relative;
      top: 0;
      transform: none;
    }
    .five {
  width: calc(33.25% - 20px);
    }
    p {
      font-size: 14px;
      line-height: 24px; 
      margin-bottom: 5px;
    }
    img.right_arow_prod {
    display:none;
    }
  }

  
  
}
#header .top_bar {
  padding-left: 10px;
  padding-right: 10px;
}
span.menu_title_new {
  display: none !important;
}
#header .top_bar .icon-search {
  margin-left: 10px;
}

}

#header .top_bar a span.menu_title_new {
  background-color: transparent;
  font-size: 18px;
  font-weight: 400;
  font-family: "Avenir Next DemiBold";
}

.product-new{
  .sezzle-button-text.sezzle-right{
    text-align: left!important;
    float: left!important;
    line-height: 23px;
    margin: 0px!important;
    word-wrap: normal;
}
}
.product-novariantimages{
  .sezzle-button-text.sezzle-right{
    text-align: left!important;
    float: left!important;
    line-height: 23px;
    margin: 0px!important;
    word-wrap: normal;
}
}
.sezzle-button-text.sezzle-right{
  text-align: left!important;
  float: left!important;
  line-height: 23px;
  @media (max-width: 799px){
    margin: 0px 20px!important;
  }
  word-wrap: normal;
}
.product-new-template .accordion a.h4.active {outline:none;}
.sezzle-checkout-button-wrapper .sezzle-button-text {color: #383838 !important;}

#header .top_bar a span.cart_count {
  text-align: center;
  padding: 1px 5px 0px 6px;
}

.sezzle-checkout-button-wrapper{
  padding-bottom: 0px!important;
  padding-top: 10px!important;
}

.icon-search:before {
  content: "";
  background-image: url($blk-search);
  background-size: contain;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  top: 8px;
  position: absolute;
  right: -5px;
  @media screen and (min-width: 800px) and (max-width: 1024px){
    right: -5px;
  }
}

.icon-search-form:before {
  content: "";
  background-image: url($blk-search);
  background-size: contain;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  top: 10px;
  position: absolute;
  right: -7px;
  @media (max-width:480px){
    top: -9px;
  }
}

.index .icon-search:before {
  content: "";
  background-image:url($wht-search);
  background-size: contain;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  top: 9px;
  position: absolute;
  right: -5px;
   @media screen and (min-width: 800px) and (max-width: 1024px){
    right: -5px;
  }
}

#header.scrolledDown .icon-search:before  {
background-image: url($blk-search);
}

#header .top_bar a.icon-bag:before{
font-size: 18px;
font-weight:bold;
background-image: url($wht-bag);
@include respond-to('small-down'){
  font-size:1.5rem;
}
}

#header.scrolledDown .icon-bag::before {
  background-image: url($blk-bag)!important;
}



@media only screen and (max-width: 798px){
#header .top_bar a.icon-bag:before, #header .top_bar a.icon-cart:before {
  font-size: 29px !important;
  margin-top: -8px !important;
}
#header .top_bar a span.cart_count {
  padding-left: 1px !important;
}

#fancii-hero-image-section.fancii-hero-image-section-1563677575837 .fancii-hero-text-h1[class] {
max-width:100%;
}
#fancii-hero-image-section.fancii-hero-image-section-1563677575837 .action_button[class] {
margin:auto;
}

}

.inner_col {
display: flex; 
width: 100%;
}

div.product-details.feature_icons {
  align-items: flex-start;
}

.product-new-template .pairs_with h5 > a{
color:#000000;
font-size: 28px;
line-height: 36px;
letter-spacing: 0.01em;
}

.product-new-template .okeReviews-widget-holder {
  max-width: 1200px;
  margin: 40px auto;

  @media screen and (min-width: 1024px) and (max-width: 1200px){
    margin: 40px 20px;
  }
  @media (max-width: 1024px){
    padding: 50px 20px 50px 20px;
  }
  @media (max-width: 798px){
    margin:0px;
  }
}

.product-new-template .swatch{
.swatch-element.not_color {min-width:none !Important;max-width:none !Important;}
label {min-width:none !Important;max-width:none !Important;}
} 
/*
.kl-private-reset-css-Xuajs1 input {margin-bottom:0;height:50px !Important;}
*/
.FormComponent__StyledFormComponentWrapper-e0xun6-0 {padding-left:0 !Important;padding-right:0 !Important;}

/*
                                  
.kl-private-reset-css-Xuajs1 button {
font-size: 14px !Important;
  font-weight: bold !Important;
  height: 50px !Important;
  line-height: 50px !Important;
  margin: 0 !Important;
  padding: 0 20px !Important;
  text-transform: uppercase !Important;
  letter-spacing: 1px !Important;
  font-family: "Avenir Next", sans-serif !Important;
}

*/                                  

// OM desktop 

#navbar{
  width:25%!important;

  @media only screen and (max-width: 1024px){
    display: none;

  }
}

.scrolledDown .header__nav > li > a{
  color:#000!important;
  transition: 0.2s ease;
}

.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;

  .menu_title_new{

      sup{
        font-size: 55%;
        top: -6px;
      }

    color:#000;
    padding-right: 50px;

    &:hover{
      color:$pink-1;
      transition: 0.2s ease;
    }
  }
}
  .header__nav > li {}
    .header__nav > li > a {
      font-family: Avenir Next;
      display: block;
      position: relative;
      font-weight: 600;
      font-size: 18px!important;
      line-height: 23px;
       margin-right: 20px;
       color:#fff!important }
      .header__nav > li > a:hover, .header__nav > li > a.hover {color:$pink-1!important;
      transition: 0.2s ease;}
        .header__nav > li > a:hover:after, .header__nav > li > a.hover:after {
          opacity: 1; }
  .header__nav__sub {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    z-index: 999; 
    padding-bottom: 35px;}
    .header__nav__sub__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-left: calc(5% + 10px);
      padding-right: calc(5% + 10px);
      ul li{
        width:100%;
        margin-bottom:10px;
      }
      .nav__title{
        letter-spacing: 0px!important;
      } }
      .header__nav__sub__inner > * {
        width: 100%;
        padding: 15px 0px; }
        .header__nav__sub__inner > *:last-child { }
    .header__nav__sub__img {
      position: relative;
          .hover_image{
            position: absolute;
            top:0;
            opacity:0;
            transition: 0.2s ease;
            &:hover{
              opacity:1;
              transition: 0.2s ease;
            }
          }
       }
       .sub__product{
        
          .hover_image{
            width: 100%;
          }
        .header__nav__sub__img{
          display: block;
         }
        a{
          border-bottom:0px!important;
        }
       }
       .sub__product_all{
        @media (max-width: 1380px){
          display: none;
        }
        position: relative;
        width:50%;

        &:after{
          content: '';
          display: block;
          padding-bottom:100%;
          background-color: #FEF3F7;
        }

        a{
          border-bottom:none!important;
        }
        &:hover{
          
          &:after{
            background-color: #EFB9C3;
            transition: 0.2s ease-in-out;
          }
        }
       }
       .header__nav__sub__collection{
        position: absolute;
        width:100%;
        height: 100%;
       }
      .header__nav__sub__img img {
        display: block;
        width: 100%;
        height: auto;

        @media (max-width: 1400px){
          max-height:220px;
          width: 100%;
          height: auto;
          } 

        }
      .header__nav__sub__img span {
        position: absolute;
        top: 25px;
        left: 25px;
        color: #000;
        line-height: 1em;
        font-weight: normal;
        letter-spacing: 1px; }
      .header__nav__sub__img small {
        position: absolute;
        bottom: 25px;
        left: 25px;
        color: #000;
        letter-spacing: 1px; }
    .header__nav__sub nav {
      padding: 25px 0px;
      color: #000;
      text-transform: none;
      width:25%; }
      .header__nav__sub nav h5 {
        font-weight: normal;
        font-size: 1.875em;
        line-height: 1.16667em;
        letter-spacing: 1px;
        margin-bottom: 0.5em; }
      .header__nav__sub nav p {
        font-size: 1em;
        line-height: 1.625em;
        font-weight: normal;
        margin-bottom: 0.5em; }
        .header__nav__sub nav p a {
          color: #C0B38D; }
          .header__nav__sub nav p a:hover {
            color: #fff; }
      .header__nav__sub nav ul {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 1px;
        list-style: none; 
        margin: 0px;
        font-weight:400;
        padding-inline-start: 0px;}
        .header__nav__sub nav ul a {
          color: #000;
          font-weight: normal;
          font-size: 20px;
          line-height: 32px;
          text-align: left;
          border-bottom: 1px solid #fff;
          display: table-cell;
          &:hover{
            color:$cta-pink;
            border-bottom: 1px solid $cta-pink;
          }
          &:visited{
            color: #000;
          } }

         .nav__title.hovered{
              a{
                  color:$cta-pink!important;
                  border-bottom:1px solid $cta-pink;
              }
            }

          .header__nav__sub__collection{
            a{
              border-bottom: none;
            }
          }

          .nav__title{
            &:hover{
              .header__sub__nav__products{
                display: block;
                opacity: 1;
              }
            }
          }

            .products__hover{
             .header__sub__nav__products {
                .sub__product{
                padding-bottom: 50px;
                background:#fff;
              }
          }
        }

          .header__nav__sub nav ul a:hover {
            color: #C0B38D; }
            .header__sub__nav__products{
                    width: auto;
                    position: absolute;
                    left: 25%;
                    right: calc( 5px + 5%);
                    top: 0px;
                    padding-top:35px;
                    display: none;
                    opacity: 0;
                    transition: 0.2s ease;

                    &.hover{
                      opacity: 1;
                      display: block;
                      transition: 0.2;
                    }

              .collection__button{
                    padding-top: 25px;
                    text-align: center;
                    margin: 5%;
                    position: relative;
                    left: -8px;
                    font-family: "Avenir Next DemiBold";
                    line-height: 1.25em;
                    @media (min-width: 1750px){
                      padding-top: 60px;
                    }
                    @media (max-width: 1380px){
                      padding-top: 15px;
                    }
              }
              ul{
                list-style:none;
                display: flex;
                margin:auto 0px;
                padding-left: 0px;

                a{
                  display: inline-block;
                  padding: 0px;
                }

              }
              span{
                    background-color: #fff;
                    position: relative;
                    display: block!important;
                    text-align: left;
                    font-weight: 400;
                    top: 5px;
                    line-height: 24px;
                    left: 0px;
                    color: #000;
                    font-family: "Avenir Next DemiBold";
                  }
            }

            .header__sub__nav__about{
              display: inline-block;
              padding-top: 35px;

              ul li{
                  width: 100%;
                  min-width: 250px;
                  margin-bottom: 10px;
                  display: block;
                  max-width: 265px;
              }

              .header__nav__sub__img{
                background-color: $cta-pink;
              }

              ul{   
                margin: 0px;
                display: inline-flex;
                list-style: none;
                padding-left: calc(5% - 10px);
                padding-right: calc(5% - 10px);
                max-width: 1250px;
                margin: auto;
              }

              .about__img{    
                  max-width: 265px;
                  width: 245px;
                  height: 245px;
                  display: block;
                  position: relative;
                  background-size: cover;
                  background-position: center center;
                  transition: 0.2s ease;
                  opacity: 1;
                
                &:hover{
                  opacity: 0.8;
                  transition: 0.2s ease;
              }
            }

              span{
                    width: 100%;
                    text-align: left;
                    display: block;
                    margin-top:5px;
                    line-height: 24px;
                    text-transform: uppercase;
                    font-family: "Avenir Next DemiBold";
              }

            }

            .header__nav__sub__collection{
                position: absolute;
                width:100%;
                height: 100%;
                font-family: Avenir Next;
                font-style: normal;
                font-weight: 600;
                font-size: 18px;
                line-height: 23px;
                text-align: center;
                letter-spacing: 0.1em;
                text-transform: uppercase;
                color: #B05768 !important;

              .product__img{
                position: relative;
                height: 100%;
                display: flex;
                padding: 15px;

                p{
                  margin: auto;
                  display: inline-block;
                  position: relative;
                  font-style: normal;
                  font-weight: 600;
                  font-size: 18px;
                  line-height: 23px;
                  color:#B05768;

                }
              }
      

              span{
              font-weight: 400;
              font-size: 18px;
              line-height: 23px;
              text-align: center;
              letter-spacing: 0.1em;
              text-transform: uppercase;
              color: #B05768;
              }

            }
body.page-shogun-landing {
  margin-top: 0;
}

.mcwidget-checkbox{
display: inline-block;
}
.grecaptcha-badge { opacity:0;}

/*************************************/
/********* Additional Styles *********/
/*************************************/

.product_checkmarks {
  margin: -10px 0 13px 0 !important;
}

.product_checkmarks p {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
}

.product_checkmarks p i {
/*  color: #0dc183; */
  color: #d0adaa;
}

@media screen and (min-width: 733px) and (max-width: 1024px) {

  .product_checkmarks {
    margin-top: 15px !important;
  }
  
}

.hide_element {
  display: none;
}

/* Scroll to Top */
  
a.scroll_to_top {
  background: #eee;
  padding: 19px 12px 5px 12px;
  position: fixed;
  bottom:82px;
  right:19px;
  display: none;
  z-index: 1000 !important;
}
a.scroll_to_top span {
  background: url({{ 'scroll_to_top_arrow.png' | asset_url }}) top center no-repeat;
  padding-top: 14px;
  color: #b05768;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
}


/* Sticky on Scroll */

.fixed_on_scroll {
  position: fixed;
  top: 0;
}

@media only screen and (max-width: 480px) {
  
  .product-new #header.sticky {
    position: fixed !important;
  }
  
}

/********* Pairs With ***********/

// correct bottom spacing
.product-new-template {
  padding-bottom: 0 !important;
}

.pairs_with_grid_item p.oneliner {
  display: none;
}

.swatch-border {
    border-color: #000;
    box-shadow: 0px 0px 0px 2px #fff;
}

#product_form_secondary {
  max-width: 430px;
  margin: 30px auto 0 auto;
}

#swatch_options_secondary div.option_title {
  text-align: center !important;
}

button#atc_secondary {
  max-width: 300px;
}

/* Updatings to Middle Sections */

@media only screen and (min-width: 800px) {

  .product-new-template .video_section h2 {
    margin-top: 0 !important;
  }

  .video_section h2 {
    padding-left: 40px;
  }

  .video_section p {
    padding: 0 50px 0 40px;
  }
  
}

.atc_bottom {
    display: inline;
}

.atc_bottom a {
    max-width: 400px;
    width: 67%;
    margin: 0 auto;
    display: block; 
    padding: 15px 20px;
    font-weight: bold;
    background: #a14150;
    color: #ffffff;
    border: 1px solid #a14150;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
}

.atc_bottom a:hover {
  background: #6d1f33;
}

.atc_bottom_wrapper .product_checkmarks {
  padding-top: 22px;
}

@media only screen and (min-width: 798px) {
  .atc_bottom_wrapper {
    padding-top: 70px;
  }
}
  .atc_bottom_wrapper {
    padding-top: 40px;
  }
@media screen and (max-width: 1024px) and (min-width: 733px) {
    .atc_bottom_wrapper .product_checkmarks {
      margin-top: 0 !important;
    }
}

/** Fancy Box **/

.fancybox-close:before, .fancybox-close-small:before {
  display: none !important;
}

.fancybox-close-small {
    background: #eee !important;
    border-radius: 50% !important;
    color: #bc5968 !important;
}

@media only screen and (min-width: 481px) {
  .fancybox-slide--image .fancybox-content {
      box-shadow: none !important;
  }
}

.fancybox-nav svg path {
    fill: #bc5968 !important;
}

.fancybox-nav {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: rgba(255,255,255,0.25);
    vertical-align: middle;
    margin-top: 35% !important;
    height: 30% !important;
}

/************************ Blog ***********************/

/********* Articles **********/

h2.article_title {
 text-align: center;
 margin: 10px 0;
}

p.blog_meta {
  text-align: center;
}

p.blog_meta span {
  font-size: 13px !important;
  font-family: 'Avenir Next DemiBold';
  color: #8d8d8d !important;
}

.blog_header h1 {
  line-height: 0.5;
  text-align: center;
  font-family: 'Avenir Next DemiBold';
  color: #a14150;
}





.blog_header {
  position: relative;
  display: flex; /* sets a flex container */
  align-items: center; /* aligns vertically */
  margin-bottom: 20px;
}

.blog_header h1 {
  padding: .2em .2em .4em .2em !important;
  display: inline-block !important;
  margin: 0 !important; /* space between h2 and line if needed */
  width: 180px !important;
}

.blog_header::after, .blog_header::before {
  border-top: 1px solid black;
  display: block;
  height: 1px;
  content: " ";
  width: 100%; /* full-width ;)*/
  top: 1.2em;
  opacity: 0.1;
}

.blog_header {
  text-align: left !important;
}





img.heading_image {
  margin: 0 auto;
  width: 100%;
}

img.article_image_left {
  float: left;
  padding-right: 20px;
}

img.article_image_left {
  float: right;
  padding-left: 20px;
}

.article_content h2 {
  color: #a14150 !important;
}

.article_content img {
  padding: 0 0 20px 0;
  margin: 0 auto;
  display: block;
}

@media only screen and (max-width: 1240px) {
  img.article_image_left {
    float: none;
    padding-right: 0;
  }

  img.article_image_left {
    float: none;
    padding-left: 0;
  }
}

@media only screen and (max-width: 798px) {
  .article_content td {
      padding-left: 30px !important;
      padding-right: 30px !important;
  }
  .article .sidebar_content {
    margin-top: 0 !important;
  }
}

/*** blog comments ***/

h4.comment_heading {
  color: #000;
  font-size: 18px;
  padding-bottom: 0;
  margin-bottom: 0;
}

p.comment_subheading {
  font-size: 14px;
}

.article input[type="text"], .article textarea {
  border: none;
  background: #f3f3f3;
}

.article input[type="text"]:focus, .article textarea:focus {
  background: #fff;
  border: 1px solid #EFB9C3;
}

#comment_form .action_button {
  margin-top: 0 !important;
}

.comment .gravatar  {
  width: calc(9.5% - (20px - (20px / 8))) !important;
  display: none;
}

.comment h6 {
  margin-bottom: 3px !important;
}

.comment p {
  font-size: 16px !important;
  line-height: 1.2em !important;
}

.author_share_wrap {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  min-height: 20px !important;
  border-color: #ccc !important;
}

h4.comments_title {
  width: 100%;
  padding: 10px;
  margin-bottom: 21px;
}

.comment {
  padding: 0;
}

@media only screen and (max-width: 540px) {
  .comment .gravatar  {
    width: calc(16.5% - (20px - (20px / 8))) !important;
  }
}

/*** Blog Sidebar ***/

.sidebar {

}

.recent_posts_sidebar {
  background: #fbfbfb !important;
  padding-top: 20px;
  padding-bottom: 5px;
}

.recent_posts_sidebar h4, .recent_posts_sidebar ul {
  text-align: center !important;
}

.recent_posts_sidebar h4 {
  color: #0a0a0a;
  margin-bottom: 0;
  padding-bottom: 0;
}

.recent_posts_sidebar ul li {
  font-size: 14px;
}

.article-pagination {
  text-align: center;
  padding: 10px 0;
}

.article-pagination a, .article .icon-slash {
  color: #b05768;
  font-size: 17px;
}

.blog_mail_signup {
  padding: 15px 20px;
  background: #fbf2f2;
}

.blog_mail_signup h4 {
  padding-bottom: 0;
  margin-bottom: 0;
  color: #a14150 !important;
}

.blog_mail_signup h5 {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1.2em;
}

.blog_mail_signup p {
  font-size: 13px;
  text-align: center !important;
  line-height: 1.5em !important;
}

@media only screen and (max-width: 798px) {
  .recent_posts_sidebar .toggle_list {
      display: inline !important;
  }

  .recent_posts_sidebar {
    padding-bottom: 20px;
  }
}

/************************ Collection Page **********************/

.collection_banner {
  text-align: center;
  padding: 35px 15px 15px 15px; 
  height: 100%;
}

.collection_banner h1 {
  font-size: 32px;
  margin-bottom: 0 !important;
}

.collection_banner h2 {
  font-size: 18px;
  margin-top: 5px !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
}

@media only screen and (max-width: 680px) {
  .collection_banner h1 {
    font-size: 28px;
  }

  .collection_banner h2 {
    font-size: 16px;
  }
}

.comments_heading_wrapper {
  position: relative;
  display: flex; /* sets a flex container */
  align-items: center; /* aligns vertically */
  margin-bottom: 20px;
}

.comments_heading_wrapper h4 {
  padding: 0.3em 0.8em 0.3em 0 !important;
  display: inline-block !important;
  margin: 0 !important; /* space between h2 and line if needed */
  width: 200px !important;
}

.comments_heading_wrapper::after {
  border-top: 1px solid black;
  display: block;
  height: 1px;
  content: " ";
  width: 100%; /* full-width ;)*/
  top: 1.2em;
  opacity: 0.1;
}

.comments_heading_wrapper {
  text-align: left !important;
}

.blog_element_left {
  float: left !important;
  padding-right: 20px !important;
}

div.article_star_rating {
  background: url('/cdn/shop/t/107/assets/five_star.png') no-repeat;
  background-size: contain;
  height: 28px;
  width: 84px;
}

.article_product_block {
  width: 50%;
  padding-bottom: 20px;
}

.article_product_block img, .article_product_block_content {
  width: 49%;
  display:inline-block;
  vertical-align: middle;
}

.article_product_block_content {
  padding-left: 10px;
}

.article_product_block_content h2 {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 30px;
  margin-top: 0;
  color: #a14150;
}

.article_product_block_content p {
  margin-bottom: 5px;
  font-style: italic;
}

.article_product_block_content a {
  display: block;
  background: #a14150;
  color: #fff;
  text-transform: uppercase;
  font-family: "Avenir Next", sans-serif;
  text-align: center;
  padding: 6px 0 5px 0;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 1px;
  max-width: 200px;
}

.article_float_left {
  float: left !important;
  padding-right: 40px !important;
}

.article_float_right {
  float: right !important;
  padding-left: 40px !important;
}

@media only screen and (max-width: 580px) {
  .article_product_block {
    margin: 0 auto;
    width: 80%;
  }

  .article_float_left {
    float: none !important;
    padding-right: 0 !important;
  }

  .article_float_right {
    float: none !important;
    padding-left: 0 !important;
  }

}

@media only screen and (max-width: 440px) {
  .article_product_block {
    width: 94%;
  }
  .article_product_block_content a {
    font-size: 14px;
  }
}

.input-group__btn button {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 240px;
}

.comments textarea {
  width: 100% !important;
  margin-top: 3px;
}

input#comment_email {
  margin-left: 10px;
}

@media only screen and (max-width: 480px) {
  input#comment_email {
    margin-left: 0;
  }
  .fixed_promo {
    position: fixed !important;
  }
}

/** cart discounts **/

.cart_discount {
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  background: #fff;
}

.cart_discount button {
  background: #baacd6;
  color: #fff;
  padding: 17px 14px;
}

.cart_discount p {
  margin-bottom: 5px;
}

button#cart_discount_code_0 {
  display: none;
}

span.discount_copied_message {
  display: none;
}

.copy_discount_left, .copy_discount_right {
  display: inline-block;
  width: 49%;
  vertical-align: middle;
}

.copy_discount_left h3 {
  margin-bottom: 5px;
  text-align: left;
}

.copy_discount_left p {
  font-size: 12px;
  padding-right: 5px;
  text-align: left;
}

button.backinstock {
  padding: 16px 5px !important;
  margin-top: 0 !important;
}

@media only screen and (max-width: 400px) {
  button.backinstock {
    padding: 32px 5px!important;
  }
  .upsell__area ul li h6 {
      font-size: 13px;
  }
}

body.shogun-editor {
    overscroll-behavior-y: inherit!important;
}

#smile-ui-container, #smile-ui-lite-container {
  z-index: 0 !important;
}

@-webkit-keyframes wiggle {
  20%  { 
    -webkit-transform: translateX(4px);
    transform: translateX(4px);  
  }
  40%  {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px); 
  }
  60%  {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);  
  }
  80%  {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px); 
  }
  100% { 
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes wiggle {
  20%  { 
    -webkit-transform: translateX(4px);
    transform: translateX(4px);  
  }
  40%  {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px); 
  }
  60%  {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);  
  }
  80%  {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px); 
  }
  100% { 
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.wiggle:hover {
  -webkit-animation: swing 1s ease;
  animation: wiggle 1s ease;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.upsell_line a {
  text-decoration: underline;
}

li.item-result[data-prod-title='MILA [BOGO]'],
li.item-result[data-prod-title='VERA [BOGO]'],
li.item-result[data-prod-title='REMI [FREE]'],
li.item-result[data-prod-title='AEVA [FREE]'],
li.item-result[data-prod-title='ELLE - 3 PK [FREE]'],
li.item-result[data-prod-title='VERA + MILA']{
  display: none !important;
}

span.price_promo_message {
  color: #fff;
  padding: 5px 12px;
  background: #4d3f56;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  margin-left: 10px;
  line-height: 1.15em;
}

span.price_promo_message_mobile {
  display: none;
}

@media only screen and (min-width: 800px) {
  span.price_promo_message, .current_price span.money {
    vertical-align: middle;
  }
}

@media only screen and (max-width: 799px) {
  span.price_promo_message {
    margin-top: 10px;
  }
  
  .sezzle-shopify-info-button {
    margin-top: 6px !important;
  }
}

@media only screen and (max-width: 540px) {

  .product_page_oneliner {
    max-width: 65%;
  }
  
  span.price_promo_message {
    display: none;
  }
  
  span.price_promo_message_mobile {
    color: #4d3f56;
    padding: 8px 16px;
    background: #fef3f7;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    display: inline;
    line-height: 1.2em;
    margin-top: 9px;
    width: 105px;
  }
  
  .sezzle-shopify-info-button {
    margin-top: 9px !important;
  }

}

.purchase-details-new {
  padding-top: 15px;
}