/** Shopify CDN: Minification failed

Line 20:0 Comments in CSS use "/* ... */" instead of "//"
Line 35:2 Comments in CSS use "/* ... */" instead of "//"
Line 98:2 Comments in CSS use "/* ... */" instead of "//"
Line 111:2 Comments in CSS use "/* ... */" instead of "//"
Line 126:2 Comments in CSS use "/* ... */" instead of "//"
Line 138:2 Comments in CSS use "/* ... */" instead of "//"
Line 195:0 Comments in CSS use "/* ... */" instead of "//"
Line 208:0 Comments in CSS use "/* ... */" instead of "//"
Line 209:0 Comments in CSS use "/* ... */" instead of "//"
Line 214:0 Comments in CSS use "/* ... */" instead of "//"
... and 151 more hidden warnings

**/
/*============================================================================
  [replace with theme name] | Built with Slate
    - You cannot use native CSS/Sass @imports in this file without a build script
==============================================================================*/
// Remove this line
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.shopify-preview-bar {
  display: none;
}
/*================ UTILS ================*/
/*================ Mixins ================*/
@mixin clearfix() {
  &::after {
    content: ' ';
    display: table;
    clear: both;
  }

  // sass-lint:disable
  *zoom: 1;
}

/*============================================================================
  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}';
    }
  }
}

/*================ Media Query Mixin ================*/
@mixin media-query($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: '') {
  // sass-lint:disable no-important
  .#{$breakpoint}show {
    display: block !important;
  }

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


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

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

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

@mixin visually-hidden() {
  // sass-lint:disable no-important
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

@mixin visually-shown($position: inherit) {
  // sass-lint:disable no-important
  position: $position !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

/*================ Style Helpers ================*/
@mixin small-text() {
  font-size: $font-copy-sml;
  font-weight: $font-weight-bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@mixin xsmall-text() {
  font-size: $font-copy-xsml;
  font-weight: $font-weight-bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@mixin box-shadow() {
  box-shadow: 0 4px 12px -6px $color-dark;
}

@mixin box-shadow-hover() {
  box-shadow: 0 4px 12px -4px $color-dark;
}

@mixin box-shadow-up() {
  box-shadow: 0 -4px 12px -8px $color-dark;
}

@mixin box-radius() {
  border-radius: 0 $block-radius $block-radius $block-radius;
  overflow: hidden;
}

@mixin box-radius-sml() {
  border-radius: 0 $block-radius-sml $block-radius-sml $block-radius-sml;
  overflow: hidden;
}

@mixin radial-fade() {
  background: $color-cream;
  background: -moz-radial-gradient(center, ellipse cover, $color-cream 0%, $color-cream 40%, $color-cream-dark 100%);
  background: -webkit-radial-gradient(center, ellipse cover, $color-cream 0%, $color-cream 40%, $color-cream-dark 100%);
  background: radial-gradient(ellipse at center, $color-cream 0%, $color-cream 40%,$color-cream-dark 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ece5', endColorstr='#d1c4b6',GradientType=1 );
}


/*================ SETTINGS ================*/
/*================ Color Variables ================*/
// Brand colors
$color-primary: #bbd631;
$color-primary-dark: darken($color-primary, 4%);
$color-primary-darker: darken($color-primary, 8%);

$color-light: #fff;
$color-dark: #68594c;

$color-dark-trans: rgba(0,0,0,0.5);

$color-cream: #f3ece5;
$color-cream-dark: #d1c4b6;

//
//convert:
$color-gray: #979797;
$color-brown: #383834;
$color-brown-rich: #3C2908;

// Text colors
$color-body-text: $color-dark;
$color-body-link: $color-primary;

// Backgrounds
$color-body: $color-light;

// Border colors
$color-border: $color-brown;

// Helper colors for form error states
$color-disabled: #000;
$color-disabled-border: #000;
$color-error: #000;
$color-error-bg: #000;
$color-success: #000;
$color-success-bg: #000;

/*================ Typography Variables ================*/
$font-family-serif: "freight-text-pro", serif;
$font-family-sans: "proxima-nova", sans-serif;

$font-weight-normal: 400;
$font-weight-bold: 700;
$font-weight-black: 900;

$font-stack-header: $font-family-serif;
$font-weight-header: $font-weight-bold;

$font-stack-body: $font-family-sans;
$font-size-base: 1rem;

$font-copy-xlrg: $font-size-base * 1.4;
$font-copy-lrg:  $font-size-base * 1.2;
$font-copy-med:  $font-size-base * 1.0;
$font-copy-sml:  $font-size-base * 0.875;
$font-copy-xsml: $font-size-base * 0.7;

$font-head-xlrg: $font-size-base * 4.0;
$font-head-lrg:  $font-size-base * 2.4;
$font-head-med:  $font-size-base * 1.8;
$font-head-sml:  $font-size-base * 1.4;

/*================ Animation Variables ================*/
$speed: 0.2s;
$ease: ease-out;

/*============================================================================
  Grid Breakpoints and Class Names
    - Do not change the variable names
==============================================================================*/
$grid-medium: 700px;
$grid-large: 950px;
$grid-widescreen: 1200px;
$grid-gutter: 30px;
$grid-max: 1400px;

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

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

/*============================================================================
  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: ($small, $medium-up);
$breakpoint-has-push: ();

/*================ Sizing Variables ================*/
$width-site: 1180px;
$width-site-wide: 1380px;
$width-site-half: 590px;
$gutter: 30px;

$button-radius: 8px;
$block-radius: 16px;
$block-radius-sml: 4px;

/*================ Z-Index ================*/
$z-index-dropdown: 2;
$z-index-skip-to-content: 10000; // really high to be safe of app markup

/*================ SVG ================*/
$svg-select-icon: #{'{{ "ico-select.svg" | asset_url }}'};
$svg-carousel-slide: #{'{{ "carousel-slide.svg" | asset_url }}'};
$svg-logo: #{'{{ "logo.svg" | asset_url }}'};
$svg-logo-stacked: #{'{{ "logo-stacked.svg" | asset_url }}'};
$svg-logo-stacked-horizontal: #{'{{ "logo-stacked-horizontal.svg" | asset_url }}'};
$svg-ico-arrow-green-left: #{'{{ "ico-arrow-green-left.svg" | asset_url }}'};
$svg-ico-arrow-green-right: #{'{{ "ico-arrow-green-right.svg" | asset_url }}'};
$svg-ico-share: #{'{{ "ico-share.svg" | asset_url }}'};


/*================ COMMON ================*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  // sass-lint:disable no-color-literals
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

// sass-lint:disable single-line-per-selector
button,
html input[type='button'], /* 1 */
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  // sass-lint:disable no-color-literals
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

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

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*================ Slate specific reset ================*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
input,
textarea,
button,
select {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

a:focus {
  color: inherit;
}

img {
  max-width: 100%;
}

/*================ Form element helpers ================*/
form {
  margin: 0;
}

// Prevent zoom on touch devices in active inputs
@include media-query($medium-down) {
  input,
  textarea,
  select {
    font-size: 16px;
  }
}

button,
input[type="submit"],
label[for] {
  cursor: pointer;
}

optgroup {
  font-weight: $font-weight-bold;
}

// Force option color (affects IE only)
option {
  color: $color-body-text;
  background-color: $color-body;
}

// hide outline on focus for elements which are given focus by JS
[tabindex='-1']:focus {
  outline: none;
}

/*============================================================================
  Fast Tap
  enables no-delay taps (FastClick-esque) on supporting browsers
==============================================================================*/
a,
button,
[role="button"],
input,
label,
select,
textarea {
  touch-action: manipulation;
}

body {
  font-family: $font-family-sans;
  color: $color-body-text;
  line-height: 1.35;
}

a {
  color: $color-body-link;
  text-decoration: none;
}

.h1, .h2, .h3, .h4, .h5,
h1, h2, h3, h4, h5 {
  font-family: $font-family-serif;
  font-weight: $font-weight-black;
  line-height: 1.1;
  margin: 2rem 0 1rem;

  @include media-query($medium-up) {
    margin: 3rem 0 1rem;
  }

  &:first-child {
    margin-top: 0;
  }
}

.h1xl {
  font-size: $font-head-lrg;

  @include media-query($medium-up) {
    font-size: $font-head-xlrg;
  }
}

.h1,
h1 {
  font-size: $font-head-lrg;
  margin-bottom: 1rem;
}

.h2,
h2 {
  font-size: $font-head-med;
  margin-bottom: 0.5rem;
}

.h3,
h3 {
  font-size: $font-head-sml;
  margin-bottom: 0.5rem;
}

.h4,
h4 {
  font-size: $font-copy-lrg;
  margin-bottom: 0.5rem;
}

.h5,
h5 {
  font-size: $font-head-sml;
  margin-bottom: 0.5rem;
}

p {
  margin: 0 0 1rem;
}

em {
  font-weight: bold;
  font-size: 0.95em;
}

.tight {
  margin-bottom: 0;
}

ul {
  padding: 0 0 0 1rem;
  margin-left: 0;
}

.color-light,
#shopify-section-footer {
  color: $color-light;
}

.highlight {
  color: $color-primary;
}

.supra-head {
  display: block;
  margin-bottom: 0;
  font-family: $font-family-serif;
  font-size: $font-copy-med;
  font-weight: $font-weight-bold;
  margin-bottom: -0.15rem;

  + h1,
  + h2,
  + h3 {
    margin-top: 0;
  }

  .blog-block-copy & {
    margin-bottom: 0;
  }
}

.sub-head {
  font-family: $font-family-serif;
  font-size: $font-head-sml;
  font-weight: $font-weight-bold;
  line-height: 1.1;
  margin-top: -0.25rem;
}

.copy-serif {
  font-family: $font-family-serif;
}

.copy-sans {
  font-family: $font-family-sans;
}

.copy-width-sml {
  max-width: 24rem;
}

.nowrap {
  white-space: nowrap;
}

.scheme-light,
.scheme-cream,
.scheme-dark {
  a.btn {
    color: $color-dark;
    background: $color-light;
    border-color: $color-light;

    svg {
      color: $color-primary;
    }
  }
}

.scheme-light {
  color: $color-dark;
  background: $color-light;

  h1, h2, h3 {
    color: $color-dark;

    a {
      color: $color-dark;
    }
  }
}

.scheme-cream {
  color: $color-dark;
  background: $color-cream;

  h1, h2, h3 {
    color: $color-dark;
  }
}

.scheme-dark {
  color: $color-light;
  background: $color-dark;

  a,
  h1, h2, h3 {
    color: $color-light;
  }
}


/*
 * Copy Scheme
 */

.copy-scheme-default {
  color: inherit;
}

.copy-scheme-get-well {
  color: $color-primary;
}

.site-contain {
  position: relative;
  overflow: hidden;
}

.shell {
  @include clearfix();
  position: relative;

  @include media-query($medium-up) {
  }
}

.gray-shell {
  @include clearfix();
  position: relative;
  /* background: $color-cream; */
  padding: 1rem;

  .template-list-collections & {
    padding-bottom: 0;
  }

  .template-collection & {
    padding-top: 3rem;
  }

  &.with-white-element {
    margin-top: 0;
    padding-top: 2rem;

    @include media-query($medium-up) {
      &:before {
        content: ' ';
        display: block;
        background: $color-light;
        border-radius: 0 0 $block-radius 0;
        position: absolute;
        top: 2rem;
        left: 0;
        width: 85%;
        height: 16rem;
      }

      .shell-bust {
        margin: -1rem;
      }

      .shell-copy * {
        position: relative;
        z-index: 1;
      }

      .shell-copy {
        width: 85%;
      }

      .shell-copy .btn-text {
        position: absolute;
        right: 15%;
        margin-right: 3rem;
        top: 3rem;
      }
    }
  }

  &.with-white-element.large-element {
    &:before {
      height: 28rem;
    }
  }

  @include media-query($medium-up) {
    padding: 2rem;

    .shell-bust {
      margin: -2rem 0;
    }

    .template-collection & {
      padding-top: 4rem;
    }
  }
}

.extend-shell {
  padding-top: 2rem;
  padding-bottom: 2rem;

  @include media-query($medium-up) {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.page-sidebar {
  background: $color-cream;
  background: -moz-linear-gradient(top, $color-cream 0%, $color-cream 86%, $color-light 86%);
  background: -webkit-linear-gradient(top, $color-cream 0%, $color-cream 86%, $color-light 86%);
  background: linear-gradient(to bottom, $color-cream 0%, $color-cream 86%, $color-light 86%);

  padding: 1rem;
  margin: 0 -1rem -1rem;

  .btn-text {
    color: $color-dark;
  }
}

.content-aside {
  padding: 1rem;
  background: $color-light;
}

.full-bg-container {
  @include clearfix();
  position: relative;
  min-height: 60vh;
  padding: 2rem;

  #account &,
  #newsletter & {
    min-height: 100vh;
  }

  /* > img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover; object-position: center;';
    max-width: none;
    width: 100%;
    height: 100%;
  } */
}

.full-bg-container-break {
  img {
    width: 100%;
    display: block;
  }

  @include media-query($medium-up) {
    @include clearfix();
    position: relative;
    min-height: 60vh;
    padding: 2rem;

    .login-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    .login-image img,
    > img {
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
      object-position: center;
      font-family: 'object-fit: cover; object-position: center;';
      max-width: none;
      width: 100%;
      height: 100%;
    }
  }
}

.full-bg-content {
  position: relative;
  z-index: 1;
}

.content-aside {
  @include box-shadow();
  @include box-radius();
  padding: 2rem;
  transition: margin $speed $ease;
}
   .content-aside {
        width: 100%;
        max-width: 450px;
        float: unset;
        margin: 198px auto 117px !important;
    } 
@include media-query($medium-up) {
  .page-sidebar {
    margin: 0;
  }

  .page-sidebar > h1:first-child,
  .page-sidebar > h2:first-child {
    display: inline-block;
    margin-right: 2rem;
  }

  /* .content-aside {
    width: 100%;
    max-width: 30rem;
    float: left;
  } */
  
}

@include media-query($large-up) {
  .shell.with-sidebar .page-main,
  .gray-shell.with-sidebar .page-main {
    width: 60%;
    float: left;
  }

  .shell.with-sidebar .page-width,
  .gray-shell.with-sidebar .page-width {
    max-width: 45rem;
    margin: 0 0 0 auto;
  }

  .page-sidebar {
    padding: 2rem;
    width: 40%;
    float: right;
    transform: translateX(2rem);
  }

  .content-aside {
    margin: 7%;
  }
}

/*================ Helper Classes ================*/
.clearfix {
  @include clearfix();
}

.visually-hidden {
  @include visually-hidden();
}

.js-focus-hidden:focus {
  outline: none;
}

.label-hidden {
  @include visually-hidden();

  // No placeholders, so force show labels
  .no-placeholder & {
    @include visually-shown();
  }
}
@media only screen and (max-width: 767px) {

 .content-aside {
     margin: 90px auto 55px !important;
    }
body:not(#endurance-products-company-online-nutritional-supplement-store) .site-contain {
    margin-top: -126px !important;
}  
   } 
.visually-shown {
  @include visually-shown();
}

// Only show when JS is not supported
.no-js:not(html) {
  display: none;

  .no-js & {
    display: block;
  }
}

// Only show when JS is supported
.js {
  .no-js & {
    display: none;
  }
}

// Only show when browser cookies are not supported
.supports-no-cookies:not(html) {
  display: none;

  html.supports-no-cookies & {
    display: block;
  }
}

// Only show when browser cookies are supported
.supports-cookies {
  html.supports-no-cookies & {
    display: none;
  }
}

/*============================================================================
  Skip to content button
    - Overrides .visually-hidden when focused
==============================================================================*/
.skip-link:focus {
  @include visually-shown(absolute);
  color: $color-body-text;
  background-color: $color-body;
  padding: $gutter / 2;
  z-index: $z-index-skip-to-content;
  transition: none;
}

/*============================================================================
  Grid
    - Based on CSS Wizardry grid
==============================================================================*/

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

.grid__item {
  float: left;
  padding-left: $grid-gutter;
  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;
  }
}

/*============================================================================
  Grid Columns
    - Create width classes, prepended by the breakpoint name.
==============================================================================*/
// sass-lint:disable brace-style empty-line-between-blocks
@mixin grid-column-generator($breakpoint: '') {
  /** Whole */
  .#{$breakpoint}one-whole { width: 100%; }

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

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

  /* Quarters */
  .#{$breakpoint}one-quarter { width: percentage(1 / 4); }
  .#{$breakpoint}two-quarters { width: percentage(2 / 4); }
  .#{$breakpoint}three-quarters { width: percentage(3 / 4); }

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

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

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

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

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

/*================ Grid push classes ================*/
@mixin grid-push-generator($breakpoint: '') {
  /* Halves */
  .#{$breakpoint}push-one-half { left: percentage(1 / 2); }

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

  /* Quarters */
  .#{$breakpoint}push-one-quarter { left: percentage(1 / 4); }
  .#{$breakpoint}push-two-quarters { left: percentage(2 / 4); }
  .#{$breakpoint}push-three-quarters { left: percentage(3 / 4); }

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

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

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

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

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

/*================ Clearfix helper on uniform grids ================*/
@mixin grid-uniform-clearfix($breakpoint: '') {
  .grid--uniform {
    .#{$breakpoint}one-half:nth-child(2n+1),
    .#{$breakpoint}one-third:nth-child(3n+1),
    .#{$breakpoint}one-quarter:nth-child(4n+1),
    .#{$breakpoint}one-fifth:nth-child(5n+1),
    .#{$breakpoint}one-sixth:nth-child(6n+1),
    .#{$breakpoint}two-sixths:nth-child(3n+1),
    .#{$breakpoint}three-sixths:nth-child(2n+1),
    .#{$breakpoint}one-eighth:nth-child(8n+1),
    .#{$breakpoint}two-eighths:nth-child(4n+1),
    .#{$breakpoint}four-eighths:nth-child(2n+1),
    .#{$breakpoint}five-tenths:nth-child(2n+1),
    .#{$breakpoint}one-twelfth:nth-child(12n+1),
    .#{$breakpoint}two-twelfths:nth-child(6n+1),
    .#{$breakpoint}three-twelfths:nth-child(4n+1),
    .#{$breakpoint}four-twelfths:nth-child(3n+1),
    .#{$breakpoint}six-twelfths:nth-child(2n+1) { clear: both; }
  }
}
// sass-lint:enable brace-style empty-line-between-blocks

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

/*================ Build Responsive Grid Classes ================*/
@each $breakpoint in $breakpoint-has-widths {
  @include media-query($breakpoint) {
    @include grid-column-generator('#{$breakpoint}--');
    @include grid-uniform-clearfix('#{$breakpoint}--');
    @include responsive-display-helper('#{$breakpoint}--');
    @include responsive-text-align-helper('#{$breakpoint}--');
  }
}

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

/*================ General layout styles ================*/
body,
html {
  background-color: $color-body;
}

body {
  overflow-x: hidden;
}

body.noscroll {
  overflow: hidden;
}

html.is-mobile-safari,
.is-mobile-safari body {
  /* mobile safari bottom stick fix */
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.page-width,
.page-width-wide,
.page-width-full {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 15px;
}

.page-width-wide {
  max-width: $width-site-wide;
}

.block-contain {
  @include clearfix();
}

.block-half {
}

.block-pad {
  padding: 2rem 1rem;
}

.slim-center {
    width: 100%;
    max-width: 28rem;
    margin: 0 auto;
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    color:#000;

  h1 {
    font-size: 40px !important;
    line-height: 56px !important;
    text-transform: capitalize;
    margin-bottom: 33px;
    font-family: Montserrat !important;
    font-weight: 700;
  }
}
body#account .gray-shell.with-sidebar h1{
  font-size: 40px !important;
    line-height: 56px !important;
    text-transform: capitalize;
    margin-bottom: 33px;
    font-family: Montserrat !important;
    font-weight: 700;
  color: #000000;
}
.template-register form.full-width input, 
.template-register form.full-width textarea, 
.template-register form.full-width select {
    width: 100%;
    border: 1px solid #000000;
    border-radius: 5px;
    font-size: 16px !important;
    line-height: 25px !important;
    color: #767676 !important;
    font-family: Montserrat;
    padding: 13px;
    margin-bottom: 20px;
}
.template-register a.btn-text.dark.position-ur, 
.template-register a.btn-text.dark.position-ul {
    position: relative;
    font-size: 13px !important;
    line-height: 20px !important;
    font-family: Montserrat !important;
    font-weight: 700 !important;
    top: 15px;
    text-align: center;
    display: block;
    left: 0;
      text-transform: capitalize;
}
.template-register a.btn-text.dark.position-ur{
  margin-top:10px;
}
.template-register button.btn.btn-primary {
    width: 100%;
    color: #2c2a24;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat;
    transition: .4s all ease;
    line-height: 17px;
    padding: 15px;
    margin-bottom: 0 !important;
}
.template-register button.btn.btn-primary:hover{
    color: #fff;
}
.template-register .footer-subscriber-form {
    background: #fff;
    padding: 40px 40px 20px 40px !important;
    border-radius: 15px;
}
#more {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;

  p {
    margin: 1rem auto 0;
  }
}

@include media-query($medium-up) {
  /* .block-half {
    float: left;
    width: 50%;
  } */
  .block-half-reverse {
    float: right;
    width: 50%;
  }

  .block-pad {
    padding: 2rem;
  }

  /* .content-columns {
    columns: 2;
  } */

  .position-ur,
  .position-ul {
    position: absolute;
    top: 4rem;
  }

  .position-ur {
    right: 2rem;
  }
  .position-ul {
    left: 2rem;
  }
}

@include media-query($large-up) {
  .block-pad {
    padding: 3rem;
  }
}

/*================ Icons ================*/
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: currentColor;

  .no-svg & {
    display: none;
  }
}

.icon--wide {
  width: 40px;
}

svg,
symbol {
  &.icon:not(.icon--full-color) {
    circle,
    ellipse,
    g,
    line,
    path,
    polygon,
    polyline,
    rect {
      fill: inherit;
      stroke: inherit;
    }
  }
}

.icon-arrow-left,
.icon-arrow {
  width: 16px;
  height: 10px;
  vertical-align: top;
  margin-top: 4px;
}

.icon-search {
  width: 17px;
  height: 17px;
  vertical-align: middle;
}
.icon-user {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.icon-products,
.icon-folder {
  width: 16px;
  height: 16px;
}

.icon-order-box {
  width: 22px;
  height: 26px;
}

.icon-order-phone {
  width: 19px;
  height: 35px;
}

.icon-order-lock {
  width: 22px;
  height: 30px;
}

.icon-newsletter {
  width: 58px;
  height: 39px;
}

.icon-chevron-down {
  width: 16px;
  height: 16px;
  vertical-align: bottom;
}

/* info icons */
.icon-info-register,
.icon-info-scope,
.icon-info-head,
.icon-info-heart,
.icon-info-stomach,

.icon-info-apple,
.icon-info-pill,
.icon-info-move,
.icon-info-scale,
.icon-info-tabs,
.icon-info-blood,
.icon-info-measure,
.icon-info-smoke,
.icon-info-fun,
.icon-info-doc {
  fill: $color-primary;
  width: 56px;
  height: 56px;
}

/*============================================================================
  A generic way to visually hide content while
  remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.icon-fallback-text {
  @include visually-hidden();

  .no-svg & {
    @include visually-shown(static);
  }
}

/*================ Payment Icons ================*/
.payment-icons {
  @include prefix('user-select', 'none', moz ms webkit spec);
  cursor: default;
}

/*================ Shopify icon on password page ================*/
.icon-shopify-logo {
  width: 1.5 * $font-size-base * 120 / 35;
  height: 1.5 * $font-size-base;
}

.logo-mark {
  width: 276px;
  height: 45px;
  background: {
    image: url($svg-logo);
    repeat: no-repeat;
    position: center center;
    color: transparent;
  }
}

.logo-stack {
  height: 97px;
  background: {
    image: url($svg-logo-stacked-horizontal);
    size: 230px 97px;
    repeat: no-repeat;
    position: center center;
    color: transparent;
  }
}

@include media-query($medium-up) {
  .logo-stack {
    height: 140px;
    background: {
      image: url($svg-logo-stacked);
      size: 146px 140px;
      repeat: no-repeat;
      position: center center;
      color: transparent;
    }
  }
}

/*================ Rich Text Editor ================*/
.rte {
  img {
    height: auto;
  }

  table {
    table-layout: fixed;
  }

  tr,
  td {
    padding: 0.25rem 0.5rem;
    vertical-align: top;
  }

  ul,
  ol {
    margin: 0 0 ($gutter / 2);
  }

  // Match the styles from RTE nested lists
  ul {
    list-style: disc outside;

    ul {
      list-style: circle outside;

      ul {
        list-style: square outside;
      }
    }
  }
}

.text-center.rte,
.text-center .rte {
  ul,
  ol {
    margin-left: 0;
    list-style-position: inside;
  }
}

// allow table to scroll for tables in the RTE since we don't know
// how many columns they will contain. Class added by JS.
// sass-lint:disable no-misspelled-properties
.rte-table {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

// This class is wrapped around YouTube/Vimeo embeds in the RTE
// to make them responsive and prevent layout breaking
.rte__video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto;

  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

// This class is wrapped around tables in the RTE
// to prevent layout breaking with a scrollable parent
.rte__table-wrapper {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
/* search==== */
body#account .content-aside.full-bg-content.login-block div#CustomerLoginForm button.btn.btn-primary svg.icon.icon--wide.icon-arrow,
.template-register button.btn.btn-primary svg,body#create-account .slim-center .btn-wrapper svg.icon {
 display:none;
}
/* body#account .content-aside.full-bg-content.login-block div#CustomerLoginForm button.btn.btn-primary:hover svg.icon.icon--wide.icon-arrow,.template-register button.btn.btn-primary:hover svg {
    color: #fff;
}  */
.template-search .hero-subscription.inner-hero-banner {
    background: #f7f7f7;
    height: auto;
    padding: 150px 0 20px;
}
.template-search .hero-subscription p {
    color: #2C2A24;
    font-size: 56px;
    font-weight: 700;
    line-height: 78px;
    text-transform: uppercase;
    font-family: 'Montserrat';
}
.template-search h1.boost-sd__search-form-title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Montserrat' !important;
    margin-bottom: 20px;
    display:none;
}
.template-search .boost-sd__search-form {
    max-width: 916px;
    /* box-shadow: 0px 4px 14px 0px #00000026;
        background-color: #FFFFFF40; */
    /* padding: 27px; */

}
.template-search input.boost-sd__search-form-input {
    border-radius: 8px !important;
    height: 56px;
    font-size: 14px;
    line-height: 19px;
    color: #8F8F8F !important;
    font-family: 'Montserrat';
    font-weight: 500;
}
.template-search button.boost-sd__button.boost-sd__button--as-search {
    width: 66px;
    height: 56px;
    min-width:66px;
    border-radius: 0px 8px 8px 0px;
    right: 0px;
  left: unset;
}
.template-search .boost-sd__search-result-toolbar {
    background-color: #BBD631 !important;
    border-radius: 5px;
    padding: 20px 21px 20px 23px;
    border: 0px solid;
}
.template-search span.boost-sd__view-as-icon.boost-sd__view-as-icon--grid.boost-sd__view-as-icon--list-grid{
  margin: 0px;
}
.template-search .boost-sd__search-result-toolbar{
    max-width: 1170px;
}
.template-search .boost-sd-layout.boost-sd-layout--has-filter-vertical.boost-sd-layout--has-vertical-style-default{
      max-width: 1200px;
      padding:0px 15px;
}

.template-search .boost-sd__search-result-toolbar-container {
       padding: 102px 15px 0px 15px;
}
.template-search .boost-sd__filter-option-label {
    background-color: #f7f7f7;
    padding: 17px 22px 16px 26px;
    border-radius: 5px 5px 0 0;
    border: 1px solid #D9D9D9;
    margin: 0px;
    border-bottom: 0px;
}
.template-search .boost-sd__filter-option-itemwrapper.boost-sd__filter-option-itemwrapper--scrollable {
    border: 1px solid #D9D9D9;
    border-radius: 0px 0px 5px 5px;
    padding: 29px 15px 29px 26px;
}
.template-search button.boost-sd__filter-option-title {
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
    font-family: 'Montserrat';
    color: #231C18;
}
.template-search .boost-sd__search-result-toolbar-panel.boost-sd__search-result-toolbar-panel--active, .template-search .boost-sd__search-result-toolbar-item ,
.template-search .boost-sd__view-as-text, .template-search .boost-sd__product-count, .template-search .boost-sd__product-count,  .template-search .boost-sd__sorting-label-wrapper span,
.template-search span.boost-sd__filter-option-item-label,  .template-search input.boost-sd__filter-option-range-slider-input.boost-sd__filter-option-range-slider-input--right{
    font-size: 14px;
    line-height: 19px;
    font-family: 'Montserrat';
}
.template-search .boost-sd__search-result-toolbar-panel.boost-sd__search-result-toolbar-panel--active{
    font-weight:600;
}
 .template-search .boost-sd__search-result-toolbar-item, .template-search .boost-sd__sorting-label-wrapper span,.template-search .boost-sd__view-as-text,.template-search span.boost-sd__filter-option-item-label,
  .template-search input.boost-sd__filter-option-range-slider-input.boost-sd__filter-option-range-slider-input--right{
     font-weight:500;
 }
 .template-search .boost-sd__product-count, .template-search .boost-sd__product-count{
     font-weight:700;
 }
  .template-search span.boost-sd__sorting-value {
    color: #8F8F8F;
}
.template-search .boost-sd__toolbar-content {
    background-color: #f7f7f7;
    padding: 18.5px 20px;
    border-radius: 5px;
}
.template-search .boost-sd__filter-option-itemwrapper {
    max-height: max-content;
    overflow: inherit;
    width: 100%;
    border: 1px solid #D9D9D9;
    padding: 29px 26px;
    border-radius: 0px 0px 8px 8px;
}
.template-search .boost-sd__sorting-label-wrapper span,.template-search span.boost-sd__filter-option-item-label {
    text-transform: capitalize;
}
.template-search  span.boost-sd__view-as-icon.boost-sd__view-as-icon--active {
    background-color: #BBD631;
    padding: 5px;
      margin: 0px;
}
.template-search .boost-sd__view-as-icon--active:before,.template-search .boost-sd__view-as-icon--list:before,
.template-search .boost-sd__view-as-icon--grid:before {
    background-size: 14px;
}
.template-search .boost-sd__view-as-text{
      margin-right: 10px;
}
.template-search span.boost-sd__view-as-icon{
    border: 1px solid #D9D9D9;
    padding: 5px;
}
.template-search .boost-sd__filter-tree-vertical-content {
    padding: 0px;
}
.template-search .boost-sd__filter-option.boost-sd__filter-option {
    padding-top: 0px;
    border: 0px solid;
}
.template-search .boost-sd__filter-tree-vertical{
    width: 100%;
   margin: 0px;
}
.template-search .boost-sd-layout {
    flex-wrap: wrap;
      gap: 30px;
      margin-top: 50px;
}
.template-search .boost-sd-layout .boost-sd-left {
    width: 31.624%;
}
 .template-search .boost-sd-layout .boost-sd-right {
        width: 60%;
    }
 .template-search .boost-sd__filter-option-item {
    margin: 0 0 20px 0px;   
 }
 .template-search button.boost-sd__button.boost-sd__button--clear {
    background: #BBD631 !important;
    color: #2C2A24 !important;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Montserrat';
    text-transform: capitalize;
    line-height: 14px;
}
 .template-search .boost-sd__filter-option-itemwrapper.boost-sd__filter-option-itemwrapper--collapsed{
   padding:0px ;
 }
.template-search .boost-sd__product-item.boost-sd__product-item--no-border {
    border-radius: 5px;
    background-color: #f7f7f7;
    margin: 0;
    width: 31.56% !important;
    padding: 28px 20px 16px;
    margin: 0 !important;
}
 .template-search .boost-sd__product-list.boost-sd__product-list-grid--3-col.boost-sd__product-list--margin {
    gap: 20px;
    margin: 0px;
}
 .template-search .boost-sd__product-image {
    width: 86px;
    height: 157px;
    margin: 0px auto;
}
 .template-search .boost-sd__product-image-wrapper{
    aspect-ratio: unset !important;
}
.template-search .boost-sd__product-title {
    font-size: 16px;
    line-height: 22px;
    color: #231C18;
    font-family: 'Montserrat';
    font-weight: 700;
}
.template-search .boost-sd__product-vendor {
    color: #8F8F8F;
    font-size: 12px;
    line-height: 16px;
    text-transform: capitalize !important;
    font-weight: 500;
    font-family: 'Montserrat';
    margin-bottom: 7px;
}
.template-search span.boost-sd__format-currency > span {
    font-size: 14px;
    line-height: 27px;
    font-weight: 600;
    font-family: 'Montserrat';
    color: #070707;
}
.template-search button.boost-sd__pagination-number.boost-sd__pagination-number--active {
    background-color: #BBD631 !important;

      color: #333333 !important;
}
.template-search button.boost-sd__pagination-number, .template-search button.boost-sd__pagination-button.boost-sd__pagination-button--next {
    border: 1px solid #F1F1F1 !important;
    color: #333333 !important;
    font-size: 13px !important;
    line-height: 17px !important;
    width: 32px;
    height: 32px;
}
.template-search .boost-sd__filter-option-list-option-item span.boost-sd__filter-option-item-amount {
    background-color: #BBD631;
    opacity: 1;
    border-radius: 50%;
    font-size: 12px !important;
    line-height: 13px !important;
    width: 21px;
    height: 21px;
    text-align: center;
    padding: 4px 0px;
}
.template-search .boost-sd__search-form-wrapper {
    margin-top: 0;
    background-color: #f7f7f7;
    padding-top: 0;
    padding-bottom: 70px;
}
.template-search .boost-sd__pagination--center {
    margin-top: 40px;
}
.template-search .boost-sd-layout .boost-sd-right {
    margin-bottom: 100px;
}
.template-search .boost-sd__filter-option-range-slider-input-wrapper {
    border-radius: 8px;
    border: 1px solid #9F9F9F;
    padding: 14px 16px;
    height: 46px;
}
 .template-search .boost-sd__filter-tree-toggle-button-title {
        font-size: 14px;
        line-height: 19px;
        font-family: Montserrat;
        text-transform: capitalize;
        font-weight: 500;
        color: #231C18;
    }
 .template-search  .boost-sd__product-item-list-view-layout-info-group {
        max-width:100%;
    }
  .template-search .boost-sd__product-item-list-view-layout-image {
        flex: unset;
        max-width: 100%;
        width: auto;
    }
 .template-search .boost-sd__product-item-list-view-layout {
    background-color: #F7F7F7;
    border-radius: 5px;
    padding: 15px;
}  
 .template-search .boost-sd__product-list.boost-sd__product-list-list-col {
        gap: 20px;
    }
  .picker-light .dropdown dd ul li a{
      border: 0px solid !important;
    color: #231C18  !important; 
  }  
@media only screen and (max-width: 1199px) {
.template-search .boost-sd__product-list.boost-sd__product-list-grid--3-col.boost-sd__product-list--margin{
  gap:16px;
}
}
@media only screen and (max-width: 979px) {
.template-search .boost-sd__product-item.boost-sd__product-item--no-border {
    width: 48% !important;
}
}
@media only screen and (max-width: 767px) {
.template-search .boost-sd-layout .boost-sd-right {
    width: 100%;
}
  .template-search .hero-subscription p {
    font-size: 36px;
    line-height: 42px;
}
.template-search .hero-subscription.inner-hero-banner {
    height: auto;
    padding: 80px 0 20px;
}
  .template-search input.boost-sd__search-form-input,.template-search button.boost-sd__button.boost-sd__button--as-search{
        height: 40px;
  }
  .template-search button.boost-sd__button.boost-sd__button--as-search {
    width: 42px;
    min-width: 42px;
  }
.template-search .boost-sd__search-form-wrapper {
    margin-top: 0;
    padding-bottom: 60px;
}
  .template-search .boost-sd__search-result-toolbar-container {
    padding: 75px 15px 0;
}
.template-search .boost-sd__toolbar-content {
    background-color: #f7f7f7;
    padding: 0.5px 0px;
    border-radius: 5px;  
}
.template-search .boost-sd__toolbar-top-mobile {
  border-top: 0px solid;
}
.template-search .boost-sd__search-result-toolbar {
    padding: 0px;
}
  .template-search .boost-sd__filter-tree-toggle-button-icon svg {
    height: 20px;
    width: 20px;
}
  .template-search .boost-sd-layout .boost-sd-left {
    width: 100%;
}
  .template-search .boost-sd__product-list.boost-sd__product-list-grid--3-col.boost-sd__product-list--margin{
    gap:20px;
  }
}
@media only screen and (max-width: 649px){
    .template-search .boost-sd__product-item.boost-sd__product-item--no-border {
        width: 100% !important;
    }
}
/* search==== */
.endur-account-container {
    padding: 40px 0px 0px 0px;
}
body#endurance-products-company p.manage-subscription a {
    color: #000000;
    font-weight: 600;
}  
div#ReCharge .col-md-6.col-md-offset-3.columns.six.offset-by-five.small-6.small-offset-3.grid__item.medium-up--one-half.medium-up--push-one-quarter.large--one-half.push--large--one-quarter{
    box-shadow: 0px 0px 14px 0px #00000026;
    border-radius: 10px;
    margin: 60px auto;
      padding: 40px;
}  
body#endurance-products-company .rc_header-settings__description p {
    color: #000000;
}  
body#endurance-products-company .recharge .rc_layout__container {
        max-width: 1160px;
    } 
#endurance-products-company .rc_layout__container {
    text-align: center;
}    
#endurance-products-company .rc_layout__container a.btn {
    margin-top: 55px !important;
    display: inline-block;
}   
body#endurance-products-company .recharge .rc_layout__container {
    max-width: 100%;
    padding: 0px 15px;
}
body#endurance-products-company div#customer_tab_content .row.grid{
  margin:0px 0px 0px 0px !important;
}
@media only screen and (max-width: 1200px) {
body#endurance-products-company .recharge .rc_layout__container {
    max-width: 90%;
    padding: 0px 15px;
}
}
/* blog page css=== */
.blog-container{
max-width: 1170px;
}
body .blog-hero-sec {
    display: none !important;
}
body .page-width.blog-filter-box {
    padding-top: 180px;
    /* padding-left: 15px;
    padding-right: 15px; */
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    width: 100% !important;
}
.current-category-title-box{
  width: 58%;
}
body .page-width.blog-filter-box .link-picker{
  padding: 0px;
}
.current-category-title {
    font-size: 56px;
    line-height: 78px;
    font-weight: 700;
    color: #000;
    margin: 0;
    font-family: 'Montserrat' !important;
    letter-spacing: 0px !important;
}
body .page-width.blog-filter-box .category-select {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
    width: 61%;
}
body .page-width.blog-filter-box .link-picker-wr{
  width: 61%;
}
body .page-width.blog-filter-box select#categories {
    margin: 0;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    width: 100%;
    max-width: 331px;
    background: unset;
    text-transform: unset;
    font-size: 14px !important;
    font-weight: 500;
    color: #231C18;
    font-family: 'Montserrat';
    height:56px;
    padding-right: 15px !important;
}
.blog-archive-header {
    padding: 0px !important;
}
body .page-width.blog-filter-box select option {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 19px !important;
    color: #231C18 !important;
}
body .page-width.blog-filter-box label.filter-categories-label {
    margin: 0px !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    font-family: 'Montserrat';
    color: #231C18;
    text-transform: unset;
}
body .blog-banner-heading h1 {
    font-size: 56px !important;
    line-height: 78px;
    color: #000;
    font-family: Montserrat !important;
    margin-bottom: 6px;
    font-weight: 700;
}
body .blog-archive-banner .blog-archive-intro p {
    font-size: 16px;
    line-height: 25px;
    font-family: 'Montserrat';
    color: #000;
    font-weight: 400;
    text-align: center;
}
body .blog-archive-banner .blog-archive-intro-contain {
    width: 100%;
    max-width: 895px;
}
body .blog-archive-banner  .blog-archive-intro {
   padding: 0px 15px;
}
body .block-pad.blog-wrapper {
    padding-top: 11px !important;
}
body .blog-wrapper .masthead.masthead-large {
    padding: 182px 0 68px 0px !important;
}
body .blog-wrapper  .page-width p.copy-serif.tight {
    font-size: 16px;
    line-height: 22px;
    color: #231C18;
    font-weight: 600;
    font-family: 'Montserrat' !important;
}
body .blog-wrapper .link-picker.picker-light span {
    color: #231C18;
    font-size: 14px;
    line-height: 19px;
    font-family: 'Montserrat';
    text-transform: capitalize;
}
body .blog-wrapper .picker-light .dropdown dt a {
    background: #fff;
    border-radius: 8px ;
    border: 1px solid #E6E6E6;
    margin: 0px;
}
body .blog-wrapper .picker-light .dropdown dt a span {
    color: #231C18;
    font-family: 'Montserrat' !important;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
}
body .blog-wrapper .dropdown dt a:before, body .blog-wrapper .dropdown dt a:after {
    background: unset;
    border: 0px solid;
    width: 0px;
}
body .blog-wrapper .link-picker.picker-light {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    gap: 10px;
}
body .blog-wrapper .link-picker.picker-light dl.dropdown {
     width: 335px;
    heigh: 56px;
}
body .blog-wrapper h1.tight {
    display: none;
}
body .blog-wrapper .blog-block-contain .blog-block {
    background: #F7F7F7;
    padding: 15px;
}
body .blog-wrapper .blog-block-contain .blog-block .blog-block-image img {
    border-radius: 10px;
}
body .blog-wrapper .blog-block-copy h3 a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Montserrat';
    color: #231C18;
}
body .blog-wrapper .blog-block .blog-block-copy .rte .short_description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 28px;
  
}
body .blog-wrapper .blog-block .blog-block-copy p a {
    background: #bbd631;
    border-radius: 8px;
    padding: 16px 30px;
    display: flex!important;
    width: 100%;
    text-align: center;
    line-height: 16px!important;
    letter-spacing: 2px!important;
    color: #231c18;
    font-family: Montserrat;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: unset;
}
body .blog-wrapper .blog-block .blog-block-copy p a:hover {
    background: #2C2A24;
    border-color: #2C2A24;
    color: #FFF;
}
body .blog-wrapper .blog-block .blog-block-copy p a:hover svg path{
  stroke: #FFF;
}
body .blog-wrapper .blog-block .blog-block-copy .rte p {
    display: block;
    color: #231C18;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 32px;
}
body .blog-wrapper .blog-block .blog-block-copy p{
  margin-bottom: 19px;
}
body .blog-wrapper .blog-block-contain .blog-block {
    box-shadow: none;
}
body .blog-wrapper .blog-block-contain .blog-block-copy h3 {
    /* min-height: 110px!important; */
    display: block;
    padding-top: 10px;
    margin-bottom: 11px;
    margin-top: 0px;
}
body .blog-wrapper .blog-block .blog-block-copy span p {
    margin-bottom: 0px !important;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 1px;
}
body .blog-wrapper .btn-primary a {
    background: #000 !important;
    border-color: #000 !important;
}
body .blog-wrapper .btn-primary a:hover {
    background:#231c18 !important;
    border-color:#231c18 !important;
}
body .blog-wrapper .full-bg-container .blog-archive-header {
    display: flex;
}
body .blog-wrapper .blog-archive-header {
    display: none;
}
body .blog-wrapper .block-pad {
    padding: 0px 15px !important
}
body .blog-wrapper .blog-blocks {
    margin-bottom: -20px !important;
}
body .blog-wrapper .btn-primary {
    padding-bottom: 5px;
}
body .blog-wrapper .blog-load-more-btn a svg.icon.icon--wide.icon-arrow {
    display: block;
}
body .blog-wrapper .blog-load-more-btn a {
    display: flex !important;
    justify-content: center;
    gap: 8px;
    letter-spacing: 2px !important;
    font-family: 'Montserrat' !important;
    padding: 11px 16px;
    max-width: 172px;
}
body .blog-wrapper .btn-primary a:hover {
    background: #BBD631!important;
    border-color: #BBD631!important;
    color: #000000;
}
body .blog-wrapper .btn-primary a:hover .icon {
    color: #000 !important;
}
body .blog-wrapper .btn-primary a:hover svg.icon.icon--wide.icon-arrow{
transform: translate(0px);
}
.blog-wrapper .blog-block-copy {
    margin: 19px;
}
body .page-width.blog-filter-box .picker-light .dropdown dd ul {
    left: 0px;
}
/* @media(max-width: 1200px){
body .page-width.blog-filter-box{
  padding-left: 15px;
  padding-right: 15px;
}
} */
@media (max-width: 1150px) and (min-width: 950px){
body .blog-wrapper .blog-block-contain .blog-block-copy h3 {
    min-height: 150px!important;
}
}
@media (max-width: 1024px){
body .block-pad.blog-wrapper {
    padding: 0px 15px;
}
}
@media (max-width: 991px){
.current-category-title {
    font-size: 45px;
    line-height: 50px;
}
body .page-width.blog-filter-box select#categories {
    margin: 0;
    max-width: 195px;
}
body .blog-wrapper .link-picker.picker-light dl.dropdown{
    width: 215px;
}
}
@media (max-width: 767px){
  .current-category-title {
    font-size: 40px;
    line-height: 50px;
}
  body .page-width.blog-filter-box {
    justify-content: start !important;
    align-items: start;
    flex-direction: column;
    gap: 25px;
}
.current-category-title-box {
    width: 100%;
}
body .page-width.blog-filter-box .category-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}
body .blog-wrapper .link-picker.picker-light dl.dropdown {
    width: 198px;
}
body .blog-wrapper .blog-block-contain .blog-block-copy h3 {
    min-height: auto!important;
}
body .blog-wrapper .btn-primary {
    padding-bottom: 15px;
}
body .page-width.blog-filter-box select#categories {
    max-width: 180px;
}
body .page-width.blog-filter-box .link-picker-wr {
    width: 100%;
}
body .blog-wrapper .link-picker.picker-light{
  justify-content: flex-start !important;
}
}
@media(max-width: 388px){
body .blog-wrapper .link-picker.picker-light {
    flex-direction: column;
}
body .blog-wrapper .link-picker.picker-light dl.dropdown {
    width: 100%;
}
}
/* blog page css end=== */
/*============================================================================
  Responsive tables, defined with .responsive-table on table element.
==============================================================================*/

.responsive-table {
  tr,
  td {
    padding: 0.25rem 0.5rem;
  }
}

@include media-query($small) {
  .responsive-table {
    width: 100%;

    thead {
      display: none;
    }

    tr {
      display: block;
    }

    // IE9 table layout fixes
    tr,
    td {
      float: left;
      clear: both;
      width: 100%;
    }

    th,
    td {
      display: block;
      text-align: right;
      padding: $gutter / 2;
      margin: 0;
    }

    td::before {
      content: attr(data-label);
      float: left;
      text-align: center;
      padding-right: 10px;
    }
  }

  // Add a keyline between rows
  .responsive-table-row + .responsive-table-row,
  tfoot > .responsive-table-row:first-child {
    position: relative;
    margin-top: 10px;
    padding-top: $gutter / 2;

    &::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: $gutter / 2;
      right: $gutter / 2;
      border-bottom: 1px solid $color-border;
    }
  }
}

.rte table {
  td {
    padding: 0 1rem 0 0;

    @include media-query($medium-up) {
      padding: 0 2rem 0 0;
    }
  }
}

/*================ Links & Buttons ================*/
button,
input.btn,
a.btn,
.btn > a {
  @include prefix('user-select', 'none', moz ms webkit spec);
  @include prefix(appearance, none, webkit moz spec);
  @include small-text();
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 2px solid $color-primary;
  background: transparent;
  padding: 0.65rem 1.5rem;
  border-radius: 0 $button-radius $button-radius $button-radius;

  &:focus {
    color: $color-primary;
  }

  &.light,
  &.light:focus {
    color: $color-light;
  }

  &.dark,
  &.dark:focus {
    color: $color-dark;
  }

  &.primary,
  &.primary:focus {
    color: $color-primary;
  }

  svg {
    transition: transform $speed $ease;
  }

  &:hover {
    svg.icon-arrow {
      transform: translateX(5px);
    }
  }
}

.btn-first {
  margin-right: 1rem;
}

button.btn-short,
input.btn-short,
a.btn-short,
.btn-short > a {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.btn-float {
  float: left;
  margin-right: 1rem;
}


/* Extray specificity to overcome colorshemes */
button.btn-primary,
input.btn.btn-primary,
a.btn.btn-primary,
.btn.btn-primary > a {
  color: $color-light;
  background: $color-primary;
  border: 2px solid $color-primary;

  .icon {
    color: $color-light;
  }
}

button.btn-light,
input.btn.btn-primary,
a.btn.btn-light,
.btn.btn-light > a {
  color: $color-light;
  border: 2px solid $color-primary;
}

.btn-text {
  @include small-text();
  display: inline-block;

  svg {
    color: $color-primary;
    transition: transform $speed $ease;
  }

  &:hover {
    svg.icon-arrow {
      transform: translateX(5px);
    }
  }
}

.btn-space-top {
  margin-top: 1rem;
}

@include media-query($medium-up) {
  button,
  input.btn,
  a.btn,
  .btn > a {
    padding: 0.5rem 2rem;
  }

  input.btn-short,
  a.btn-short,
  .btn-short > a {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .btn-bottom {
    position: absolute;
    bottom: 1rem;
    left: 2rem;
  }
}

/*============================================================================
  Form scaffolding
    - Selectors setup for you to style form elements how you want
    - Focus, error, and disabled states are set to be extended
==============================================================================*/
input,
textarea,
select {
  -webkit-appearance: none;
  border: 1px solid $color-border;
  background: transparent;
  border-radius: 0;
  max-width: 100%;
  padding: 0.75rem;
  margin: 0 0 1rem;

  &:focus {
    outline: none;
  }

  .scheme-dark & {
    border-color: $color-cream;
  }

  .product-purchase & {
    border-color: $color-primary;
    border-width: 2px;
  }

  &[disabled] {
    cursor: default;
    background-color: $color-disabled;
    border-color: $color-disabled-border;
  }
}

form.full-width {
  input,
  textarea,
  select {
    width: 100%;
  }
}

/* This CSS effectively hides the spin-button for webkit browsers */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* This CSS effectively hides the spin-button for Firefox */
input[type=number] {
    -moz-appearance:textfield;
}

textarea {
  min-height: 8rem;

  &.wide {
    @include box-radius();
    width: 100%;
  }
}

.dark-form {
  textarea,
  input,
  textarea,
  select {
    color: $color-dark;
    background: $color-light;
    border-color: $color-light;
  }
}

label {
  display: block;
  font-size: $font-copy-xsml;
  font-weight: $font-weight-bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0.25rem;

  &.inline {
    display: inline-block;
  }
}

form button {
  display: block;
}

/*================ Number Input =======================*/
.input-num {
  display: inline-block;
  vertical-align: top;
  padding-right: 2rem;
  position: relative;

  input[type=number] {
    @include small-text();
    margin-bottom: 0;
    border-right: none;
  }

  .number-button {
    display: block;
    color: $color-light;
    font-weight: $font-weight-bold;
    text-align: center;
    line-height: 1;
    width: 2rem;
    height: 51%;
    position: absolute;
    right: 0;
    cursor: pointer;
    border: 1px solid $color-light;
    overflow: hidden;
    text-indent: -5150rem;
    background: {
      image: url($svg-select-icon);
      repeat: no-repeat;
      position: center center;
      color: $color-primary;
    }

    &.inc {
      top: 0;
      border-bottom: 0;
      transform: rotate(180deg);
      border-right: none;
      border-top: none;
      border-bottom: 1px solid $color-light;
    }

    &.dec {
      bottom: 0;
      border-top: 0;
      border-left: none;
    }

    .product-purchase & {
      border-color: $color-primary;
    }
  }
}


/*================ Custom select style ================*/
select {
  @include prefix(appearance, none, webkit moz spec);
  @include small-text();
  background-image: url($svg-select-icon),
                    -moz-linear-gradient(right, $color-primary 2.5rem, transparent 2.5rem);
  background-image: url($svg-select-icon),
                    -webkit-linear-gradient(right, $color-primary 2.5rem, transparent 2.5rem);
  background-image: url($svg-select-icon),
                    linear-gradient(to left, $color-primary 2.5rem, transparent 2.5rem);
  background: {
    repeat: no-repeat;
    position: right 0.85rem center, center center;
    color: transparent;
  }
  padding: 0.75rem 4rem 0.75rem 0.75rem;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer;

  &:after {
    content: ' ';
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    border-bottom: 2px solid $color-light;
    border-right: 2px solid $color-light;
    position: absolute;
    top: 0.85rem;
    right: -1.6rem;
    cursor: pointer;
    transform: rotate(45deg);
  }

  /*================ Hide the svg arrow in IE9 ================*/
  .ie9 & {
    padding-right: 10px;
    background-image: none;
  }
}

select::-ms-expand {
  display: none;
}

/*================ Error styles ================*/
input,
select,
textarea {
  &.input-error {
    border-color: $color-error;
    background-color: $color-error-bg;
    color: $color-error;
  }
}
.capsule-contain a.btn.btn-primary svg.icon {
    display: none;
}
/*================ Contact Form ===================*/
.newsletter-tag.medium--hide svg {
    display: none;
}
.block-half.retunrs-policy-info em span {
    font-weight: 700;
}
.contact-block-form {
    background-color: #F7F7F7;
    border-radius: 20px;
    padding: 67px;
    max-width: 928px;
    margin: 0px auto;
   h2 {
    color: #000000;
    font-size: 40px;
    line-height: 140%;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 50px; 
}
  label {
    font-size: 16px;
    line-height: 140%;
    color: #000000;
    font-weight: 700;
    text-transform: none;
}
  input, textarea {
    border: 1px solid #9F9F9F;
    border-radius: 5px;
    background-color: #fff;
}
   textarea {
     height: 150px;
    resize: none;
   }
  form {
    margin: 0 auto;
    display:flex;
    flex-wrap:wrap;
    gap:30px;

    button.btn-primary {
    background: #BBD631 !important;
    color: #2C2A24 !important;
    border-radius: 8px;
    letter-spacing: 2px !important;
    margin: 18px 0px 0px 0px;
    width: 300px;
    padding: 11px 10px;
    .icon-arrow{
         color: #231C18 !important;
      fill: #231C18!important;
      }
}
  }

  input,
  textarea {
    width: 100%;
    margin: 0px;
  }

  button {
    display: inline-block;
    width: auto;
  }

  @include media-query($medium-up) {

    .input-split {
            width: calc(50% - 15px);

      input {
        width: 100%;
      }

      &:nth-child(2n-1) input {
        width: 100%;
      }
    }

  }

}

/*================ Newsletter Form ===================*/
.newsletter-block {
  color: $color-light;
  background: $color-dark;

  @include media-query($small) {
    border-radius: 0;
  }

  form {
    margin-top: 2rem;
  }

  input {
    width: 100%;
  }

  p {
    font-size: $font-head-sml;
  }

  button {
    display: inline-block;
    width: auto;
  }
}
/*================ Newsletter Form ===================*/
.newsletter-form {
  form {
    margin-top: 2rem;
  }

  input {
    width: 100%;
  }

  button {
    display: inline-block;
    width: auto;
  }

  .response {
    margin-bottom: 1rem;
  }
}

$color-blankstate: rgba($color-body-text, 0.35);
$color-blankstate-border: rgba($color-body-text, 0.2);
$color-blankstate-background: rgba($color-body-text, 0.1);

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

.placeholder-svg--small {
  width: 480px;
}

.placeholder-noblocks {
  padding: 40px;
  text-align: center;
}

// Mimic a background image by wrapping the placeholder svg with this class
.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  .icon {
    border: 0;
  }
}


/*================ MODULES ================*/
/*================ Site Header ================*/
#shopify-section-header header[role=banner] {
  @include clearfix();
  @include box-shadow();
  position: relative;
  background: $color-light;
  border-radius: 0 0 0 $button-radius;

  .head-sat-links a {
    color: $color-body-text;
  }

  .site-nav-contain a {
    color: $color-light;

    @include media-query($large-up) {
      color: $color-body-text;
    }
  }
}

.site-branding {
  float: left;
  padding: 1rem 1rem 0.5rem;

  img {
    /* max-height: 38px; */
    display: block;
  }

  @include media-query($large-up) {
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;

    .site-logo {
      display: -webkit-flex;
      display: flex;
      align-items: center;
    }
  }
}

.head-sat-links {
  float: right;
  padding: 1rem;
  border-left: 1px solid $color-cream;

  > div {
    @include small-text();
    font-size: $font-copy-xsml;

    &:last-child {
      margin-top: 6px;
    }
  }
}

.head-search {
  cursor: pointer;
}

.head-cart svg,
.head-search svg,
.head-account svg {
  color: $color-primary;
}

.site-notification {
  @include clearfix();
  display: none;
  color: $color-light;
  font-size: $font-copy-med;
  font-weight: bold;
  background: $color-dark;
  padding: 1rem;
  text-transform: uppercase;

  @include media-query($medium-up) {
    padding: 1rem 2rem;
  }
}

.notification-copy {
  display: inline-block;
  margin-right: 2rem;
  line-height: 1.2;
  margin-bottom: 1rem;

  @include media-query($medium-up) {
    margin-bottom: 0;
  }
}

.site-notification-close {
  cursor: pointer;
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 20px;
  height: 20px;
  text-indent: -5150rem;
  overflow: hidden;

  &::before,
  &::after {
    content: ' ';
    display: block;
    width: 100%;
    height: 2px;
    background: $color-primary;
    position: absolute;
    top: 50%;
    left: 0;
  }

  &::before {
    transform: rotate(45deg);
  }
  &::after {
    transform: rotate(-45deg);
  }

  @include media-query($medium-up) {
    right: 2rem;
  }
}

.newsletter-tag {
  @include box-shadow();
  display: none;
  color: $color-light;
  font-size: $font-copy-sml;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: $color-primary;
  border-radius: 0 0 0 $button-radius;
  padding: 0.75rem 1.5rem;
  transform: translateY(100%);
  position: absolute;
  bottom: 0;
  right: 0;

  svg {
    transition: transform $speed $ease;
  }

  &:hover {
    svg {
      transform: translateX(3px) rotateX(45deg);
    }
  }

  @include media-query($large-up) {
    display: inline-block;
  }
}

.head-push {
  display: none;
  transition: height $speed $ease;
}

@include media-query($large-up) {
  /* Headroom CSS */
  .headroom {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    will-change: transform;
    transition: transform 200ms linear;
  }
  .headroom--pinned {
    transform: translateY(0%);
  }
  .headroom--unpinned {
    transform: translateY(-18%);
  }

  .head-push {
    display: block;
  }

  .head-sat-links {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    > div {
      margin-bottom: 0;

      &:last-child {
        margin-top: 0;
      }
    }
  }

  .head-sat-links form,
  .head-sat-links .head-search,
  .head-sat-links .head-cart,
  .head-sat-links .head-account {
    margin-left: 1rem;
    float: right;
  }

  .site-notification .btn {
    float: none;
  }

  .site-branding {
    padding: 1rem 1rem 1rem;
  }
}

@media all and (max-width: 420px) {
  .site-branding {
    max-width: 16rem;
    max-width: calc(100% - 110px);
  }

  #shopify-section-header header[role=banner] {
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
}

$bottom-nav-height: 50px;

.site-footer {
  margin-bottom: $bottom-nav-height;
}

nav[role=navigation] {
  ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  a {
    display: block;
    font-family: $font-family-serif;
    font-weight: $font-weight-bold;
  }
}


.mobile-search,
.mobile-shortcut,
.mobile-newsletter {
  display: none;
}

@media all and (max-width: 380px) {
  .mobile-nav-toggle > span {
    display: none !important;
  }
}

@include media-query($medium-down) {
  .site-nav-contain {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background:#2C2A24;
    position: fixed;
    z-index: 100;
    top: 100%;
    right: 0;
    bottom: $bottom-nav-height;
    left: 0;
    padding: 0;
    margin: 0;
    transition: top $speed $ease;

    &.mobile-active {
      top: 0;
    }
  }

  .navigation-contain {
    display: -webkit-flex;
    display: flex;
    flex-grow: 1;
  }

  nav[role=navigation] {
    margin: 0 1rem 1rem;
    align-self: flex-end;

    a {
      font-size: $font-head-sml;
      color: $color-light;
      padding: 0.5rem 0;
    }
  }

  .mobile-shortcut {
    /* @include box-shadow-up(); */
    display: block;
     background: #2C2A24;
    height: $bottom-nav-height;
    position: fixed;
    z-index: 101;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 1rem;
    border-radius: 10px;
    margin: 15px;

    a {
      display: block;
      float: left;

      > svg {
        position: relative;
        top: -2px;
      }
    }
  }

  .mobile-nav-toggle {
    position: relative;
    background: transparent;
    border: none;
    float: right;
    z-index: 101;
    cursor: pointer;
    outline: none;
    padding: 0;

    &:focus {
      color: $color-light;
    }
  }

  .toggle-open {
    display: inline-block;
  }
  .toggle-close {
    color: $color-brown;
    display: none;
  }

  .mobile-active .toggle-open {
    display: none;
  }
  .mobile-active .toggle-close {
    display: inline-block;
  }

  /* Hamburger */
  .hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    float: left;
    margin-right: 0.35rem;
    top: -2px;

    span {
      display: block;
      position: absolute;
      top: 10px;
      left: 0;
      right: 0;
      height: 2px;
      background: $color-light;
      transition: background 0s 0.3s;

      &::before,
      &::after {
        content: ' ';
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: $color-light;
        transition-duration: 0.3s, 0.3s;
        transition-delay: 0.3s, 0s;
      }

      &::before {
        top: -6px;
      }

      &::after {
        bottom: -6px;
      }

      &::before {
        transition-property: top, transform;
      }

      &::after {
        transition-property: bottom, transform;
      }

      .mobile-active & {
        background: none;

        &::before {
          top: 0;
          transform: rotate(45deg);
        }

        &::after {
          bottom: 0;
          transform: rotate(-45deg);
        }

        &::before,
        &::after {
          background: $color-brown;
          transition-delay: 0s, 0.3s;
        }
      }
    }
  }

  .mobile-nav-toggle,
  .mobile-shortcut a {
    @include small-text();
    color: $color-light;
    transition: color $speed $ease;
  }

  .mobile-shortcut a {
    margin-right: 1rem;
  }

  .mobile-shortcut.template-list-collections .shortcut-list-collections,
  .mobile-shortcut.template-collection .shortcut-collection {
    color: $color-dark;
  }

  .search-toggle {
    display: none;
  }

  .mobile-newsletter {
    display: block;
    font-size: $font-copy-sml;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    width: 100%;
    color: $color-light;
    background: $color-primary-darker;
    padding: 1rem;

    svg {
      transition: transform $speed $ease;
    }

    &:hover {
      svg {
        transform: translateX(3px) rotateX(45deg);
      }
    }
  }

  .mobile-search {
    display: block;
    position: relative;

    input {
      @include small-text();
      background: $color-primary-dark;
      color: $color-light;
      width: 100%;
      padding: 1.5rem 1rem;
      border: none;
      margin: 0;
      -webkit-appearance:none
    }

    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: $color-light;
    }
    ::-moz-placeholder { /* Firefox 19+ */
      color: $color-light;
    }
    :-ms-input-placeholder { /* IE 10+ */
      color: $color-light;
    }
    :-moz-placeholder { /* Firefox 18- */
      color: $color-light;
    }

    button {
      height: 30px;
      width: 30px;
      padding: 0;
      position: absolute;
      right: 1rem;
      top: 50%;
      margin-top: -15px;
      border-radius: 50%;
      border: none;

      svg {
        color: $color-light;
        width: 30px;
        height: 30px;
      }
    }
  }
}

@include media-query($large-up) {
  .site-nav-contain {
    padding: 1.5rem 0;
  }

  nav[role=navigation] {
    width: 100%;
    padding: 0 300px 0 300px;
    margin: 0;

    li {
      display: inline-block;
    }

    a {
      display: block;
      margin: 0;
      padding: 0 0.5rem;
      transition: padding 0.25s ease;
    }
  }

}

@media all and (min-width: 1175px) {
  nav[role=navigation] {
    text-align: center;
  }
}

@media all and (min-width: 1355px) {
  nav[role=navigation] a {
    font-size: 1.1em;
    padding: 0 0.75rem;
  }
}

@media all and (min-width: 1455px) {
  nav[role=navigation] a {
    padding: 0 1rem;
  }
}

/*================ Site Footer ================*/
.footer-companies-logo {
    padding-top: 90px;
}
.ft-contact-number h4 {
    margin-bottom: 39px !important;
}
.nav-group.ft-contact-number {
    padding-bottom: 30px !important ;
}
.page-footer .nav-group p.highlight{
    font-weight: 700;
}
.nav-group.social-links {
    display: none !important;
}
.footer-companies-logo img {
    padding: 24px 0px 28px 0px;
    background-color: #191919;
    border-radius: 20px;
}
.copyright-right p {
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif !important;
    text-transform: uppercase;
}
.footer-copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 39px 0px 34px 0px;
}
.page-footer .footer-companies-logo {
    width: 25% !important;
      align-items: baseline;
  justify-content: flex-end !important;

}
.page-footer {
  @include clearfix();
  background: $color-dark;
  padding-bottom: 3rem;
  text-align: center;

  @include media-query($medium-up) {
    margin-bottom: 0;
    text-align: left;
  }

  @include media-query($large-up) {
    padding-bottom: 0;
  }

  .h4,
  h4 {
    font-family: $font-family-serif;
  }

  img {
    display: block;
  }

  .section-nav {
    overflow: hidden;
    padding: 2rem 1rem;

    a, p {
      font-size:14px;
      font-family: "Montserrat", sans-serif !important;
      color: #fff !important;
      font-weight: 500;
      letter-spacing: 1px !important;
      text-transform: uppercase;
      margin-bottom: 13px;
    }
  }

  .nav-group {
    padding-bottom: 1.5rem;
    text-align: left;

    p {
      margin-top: 0.5rem;
    }
    h3{
    font-size: 14px;
    line-height: 19px;
    color: #ffffff7a;
    letter-spacing: 1px !important;
    font-weight: 500;
    font-family: "Montserrat", sans-serif !important;
          margin: 0px 0px 11px 0px;

    }

    @include media-query($medium-up) {
    }
  }

  .social-links li {
    display: inline-block;
  }

  .section-phone {
    text-align: center;
    padding: 2rem 1rem 4rem;

    .h4,
    h4 {
      font-family: $font-family-sans;
      @include small-text();
      
    }

    p {
      @include small-text();
      margin-top: 0;
    }

  }

  p[itemprop=tel] {
    display: block;
    color: $color-primary;
    margin: 0.5rem 0 1rem;
    font-size: 14px !important;
    line-height: 17px;
    font-weight: 700;
  }

  .logo-stack {
    margin-bottom: 2rem;
  }

  .section-disclaimer {
    margin: 0 auto;
    font-size: $font-copy-xsml;
    text-align: center;
    padding: 0 2rem 2rem;
  }

  .colophon {
    font-family: $font-stack-header;
    font-size: $font-copy-sml;
    font-weight: $font-weight-bold;
    text-align: center;
    padding: 2rem 1rem;
  }

  .murmur-callout {
    margin-top: 0.25rem;
  }

  h4 {

        font-size: 13px;
    line-height: 18px;
    color: #BAD531;
    font-family: "Montserrat", sans-serif !important;
    text-transform: uppercase;
    margin-bottom: 30px;
        font-weight: 800;
  }

  ul {
    list-style: none;
    padding: 0;
    margin: 0;

    li {
      display: inline-block;
    }

    a {
      display: block;
      padding: 0.5rem 0.75rem 0.25rem 0;
    }
  }

}

@include media-query($medium-up) {
  .page-footer {
    .section-nav {
      column-count: 2;
     padding: 90px 0px 70px 0px;
    }

    ul li {
      display: block;
    }

    .nav-group {
      -webkit-column-break-inside: avoid; /* Chrome, Safari */
      page-break-inside: avoid;           /* Theoretically FF 20+ */
      break-inside: avoid-column;         /* IE 11 */
      display: table;                      /* Actually FF 20+ */
      width: 100%;
    }

    .section-disclaimer {
      margin: 0;
      text-align: left;
    }

    .group1 {
      float: left;
      width: 50%;
    }

    /* .group2 {
      align-items: center;
    } */

    .group23 {
      float: left;
      width: 50%;
      transition: width $speed $ease;
    }
  }
}

@include media-query($large-up) {
  .page-footer {
    .section-nav {
      column-count: 3;
    }

    .group2 {
      display: -webkit-flex;
      display: flex;
      float: left;
      width: 60%;
    }

    .group3 {
      float: left;
      width: 40%;
    }

    .group23 {
      display: -webkit-flex;
      display: flex;
    }
  }
}

@include media-query($widescreen) {
  .page-footer {
    .section-nav {
      position: relative;

      &:after,
      &:before {
        /* content: ' ';
        height: 70%;
        width: 1px;
        background: $color-cream-dark;
        position: absolute;
        top: 15%; */
      }
      &:after {
        left: 64%;
      }
      &:before {
        left: 32%;
      }
    }

    .group1 {
      width: 60%;
    }

    .group23 {
      width: 40%;
      position: relative;

      &:after,
      &:before {
        /* content: ' ';
        height: 70%;
        width: 1px;
        background: $color-cream-dark;
        position: absolute;
        top: 15%; */
      }
      &:after {
        left: 55%;
      }
      &:before {
        left: -5%;
      }
    }
  }
}

/*================ Giftcard Template ================*/
.giftcard-qr {
  img {
    display: block;
    margin: 0 auto;
  }
}

.apple-wallet-image {
  display: block;
  margin: 0 auto;
}

/*================ Print Giftcard Styles ================*/
@media print {
  @page {
    margin: 0.5cm;
  }

  p {
    orphans: 3;
    widows: 3;
  }

  html,
  body {
    // sass-lint:disable no-color-literals
    background-color: #fff;
    color: #000;
  }

  .print-giftcard,
  .apple-wallet {
    display: none;
  }
}

.masthead {
  padding: 1rem;
  margin: 0 0 2rem;
}

.masthead img {
  display: block;
}

.masthead-copy {
  font-family: $font-family-serif;
  font-size: $font-head-sml;
  color: $color-light;
  margin: 15% 0;
}

.masthead {
  .btn {
    font-family: $font-family-sans;
  }
}

/* .filled-gradient {
  position: relative;

  &:after {
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
  }
} */

@include media-query($medium-down) {

  .full-bg-container-break.filled-gradient:after {
    display: none;
  }

  .masthead {
    &.masthead-front {
      overflow: hidden;

      > img {
        top: auto;
        bottom: 0;
        object-position: center;
        font-family: 'object-fit: cover; object-position: center;';
        height: 130%;
      }
    }
  }
}

@include media-query($medium-up) {
  .masthead {
    position: relative;
    min-height: 20rem;
    overflow: hidden;
    margin: 0 0 3rem;

    .full-bg-content {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: $width-site;
    }

    &.mast-about .full-bg-content {
      max-width: 47.4rem; /* magic! */
      width: 100%;
      right: 40%;
      left: auto;
    }

    &.masthead-large {
      min-height: 60vh;
      margin: 0;
    }

    &.masthead-front {
      min-height: 90vh;
      margin: 0;
    }
  }

  .masthead-copy {
    max-width: 20rem;
    margin: 0 0 0 2rem;
    position: absolute;
    z-index: 10;
    bottom: 2rem;

    h1 {
      margin-bottom: 0.25rem;
    }
  }

  .masthead-large {
    .masthead-copy {
      max-width: 45rem;
      bottom: 40px;

      p {
        max-width: 45rem;
      }
    }
  }

  .masthead-front {
    h1 {
      font-size: $font-head-xlrg;
    }

    .masthead-copy {
      max-width: 40rem;
      top: 50%;
      bottom: auto;
      transform: translateY(-50%);

      p {
        max-width: 35rem;
      }
    }

    .down-arrow {
      position: absolute;
      bottom: 1rem;
      left: 50%;
      transform: translateX(-50%);
      margin: 0;
      cursor: pointer;

      svg {
        fill: $color-light;
        position: absolute;
        margin: 0;
        top: 50%;
        left: 50%;
        transform: rotate(90deg) translateY(9px) translateX(-6px);
      }
    }
  }
}

/* Callout */
.testimonials-contain {
  background: $color-cream;
  background: -moz-linear-gradient(top, $color-cream 0%, $color-cream 75%, $color-light 75%);
  background: -webkit-linear-gradient(top, $color-cream 0%, $color-cream 75%, $color-light 75%);
  background: linear-gradient(to bottom, $color-cream 0%, $color-cream 75%, $color-light 75%);

  padding: 2rem 1rem;

  @include media-query($medium-up) {
    padding: 3rem 2rem;
  }
}

.tistimonial-callout {
  display: none;
}

.quote-tag {
  display: block;
  margin: 1rem 0 2rem;
}

.testimonial-contain {
  margin: 1rem 0 0;
}

.testimonial-block {
  @include box-radius;
  @include box-shadow;
  overflow: visible;
  background: $color-light;
  border-bottom: 1.5rem solid $color-primary;
  margin: 0 0 2rem;
  padding: 1rem;
  break-inside: avoid-column;
}

.testimonial-quote {
  font-family: $font-family-serif;
  font-size: $font-copy-lrg;
  font-style: italic;
  margin-bottom: 2rem;
}

.testimonial-source {
  @include small-text();
  line-height: 1.2;
  margin: 0;
}

@include media-query($medium-up) {
  .testimonial-contain {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }

  .testimonial-block {
    width: 47%;
    margin: 1.5%;
    padding: 1rem;
  }
}

@include media-query($large-up) {
  .testimonial-block {
    width: 30%;
    margin: 1.66666%;
    padding: 1rem;
  }
}

@include media-query($widescreen) {
  .testimonial-block {
    width: 22%;
    margin: 1.5%;
  }
}

.collection-callout {
  position: relative;
  font-size: $font-head-sml;
  background: $color-light;
  max-width: 1000px;
  margin: 0 -1rem;
  padding: 1rem;

  p {
    max-width: 36rem;
  }

  .collection-callout-link {
    color: $color-dark;
  }

  @include media-query($medium-up) {
    margin: 2rem 2rem 0;
    padding: 4rem 4rem 2rem;

    .collection-callout-link {
      position: absolute;
      top: 5rem;
      right: 4rem;
    }
  }

  @include media-query($large-up) {
    padding: 4rem 6rem 2rem;

    .collection-callout-link {
      right: 6rem;
    }
  }
}

.collection-blocks {
  @include clearfix();
  background: $color-dark;
  margin: 0 -1rem -2rem;

  @include media-query($medium-up) {
    margin: 0 -2rem -2rem;
  }
}

.collection-block-contain {
  width: 100%;
  float: left;

  @include media-query($medium-up) {
    width: 50%;
  }
  @include media-query($widescreen) {
    width: 33.33333%;
  }
}

.collection-block {
  position: relative;

  @include media-query($medium-up) {
    padding-bottom: 3.5rem;
  }
}

.collection-image {
  display: block;
  position: relative;
  height: 0;
  padding-top: 48%;
  overflow: hidden;

  img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }
}

.collection-block-copy {
  padding: 1rem;

  @include media-query($medium-up) {
    padding: 2rem;
  }
}



/* single collections page */
.collection-page-image {
  margin: 0 0 1rem;

  img {
    display: block;
  }

  @include media-query($medium-up) {
    max-width: 50%;
    background: $color-light;
    float: right;
    margin: 0 0 0 2rem;
  }
}


.collection-page-copy {
  font-family: $font-family-serif;
  font-size: $font-head-sml;
  max-width: 30rem;
  padding: 2rem 0;

  @include media-query($medium-up) {
    float: left;
    padding: 4rem 0;
  }
}

.capsule .product-price {
  font-size: $font-copy-xlrg;
  font-weight: $font-weight-bold;
  margin-bottom: 1rem;
}

.sub-price {
  font-size: $font-copy-xsml;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.needsclick.kl-private-reset-css-Xuajs1 .needsclick.go3298969293.kl-private-reset-css-Xuajs1 {
    border: 0px solid transparent !important;
    background-color: transparent !important;
}
.needsclick.kl-private-reset-css-Xuajs1 .go3298969293.go3298969293.go3298969293::after,.needsclick.kl-private-reset-css-Xuajs1 .go3298969293.go3298969293.go3298969293::before{
  border-width: 0px !important;
}
.product-purchase .product-price {
  font-size: $font-head-sml;
}
/* .needsclick.go3298969293.kl-private-reset-css-Xuajs1 {
    box-shadow: unset !important;
} 
.needsclick.kl-private-reset-css-Xuajs1{
  top:0px !important;
}
.needsclick.kl-private-reset-css-Xuajs1 input#email_016JB91TTR000000000024T8ZD,.needsclick.kl-private-reset-css-Xuajs1 input#first_name_016JB91TTR000000000024T8ZC{
    background-color: #fff !important;
      color: #000 !important;
}
.needsclick.kl-private-reset-css-Xuajs1 > .needsclick.kl-private-reset-css-Xuajs1 {
    background-color: transparent !important;
}
.needsclick.kl-private-reset-css-Xuajs1>.needsclick.kl-private-reset-css-Xuajs1 button.needsclick.go300628013.kl-private-reset-css-Xuajs1 {
    background-color: #BBD631 !important;
  padding: 19.5px 10px !important;
} 
.needsclick.kl-private-reset-css-Xuajs1>.needsclick.kl-private-reset-css-Xuajs1 button.needsclick.go300628013.kl-private-reset-css-Xuajs1:hover{
    background-color:#000 !important;
} */
.needsclick.kl-private-reset-css-Xuajs1 .needsclick.kl-private-reset-css-Xuajs1 .needsclick.go3161695720.kl-private-reset-css-Xuajs1 {
    background-color: #fff !important;
}
input#phone_number_016JB91TTR000000000024T8ZH {
    border-left: 1px #000 solid !important;
    border-radius: 0 !important;
}
button.needsclick.go300628013.kl-private-reset-css-Xuajs1 {
    border: 0px solid !important;
}
.needsclick.kl-private-reset-css-Xuajs1 input {
    padding: 19.5px 20px !important;
}
.needsclick.go3161695720.kl-private-reset-css-Xuajs1 input#phone_number_016JB91TTR000000000024T8ZH {
    padding: 18.5px 20px !important;
}
div#downshift-93-menu.needsclick.kl-private-reset-css-Xuajs1 {
    background-color: #fff !important;
    padding: 0px 10px !important;
}
input#downshift-7-input {
    flex: unset !important;
}
div#downshift-7-menu {
    background-color: #fff !important;
}
.needsclick.kl-private-reset-css-Xuajs1 .needsclick .kl-private-reset-css-Xuajs1 [role="option"] {
    background-color: #fff !important;
  padding:5px 10px !important;
      width: 100% !important;
}
.needsclick.kl-private-reset-css-Xuajs1 .needsclick .kl-private-reset-css-Xuajs1 [role="option"]  .needsclick.kl-private-reset-css-Xuajs1{
  margin-bottom:0px !important;
}
.needsclick button.needsclick.go2771253331.kl-private-reset-css-Xuajs1 img {
    margin-left: 10px !important;
}
.needsclick.kl-private-reset-css-Xuajs1>.needsclick.kl-private-reset-css-Xuajs1 [role=alert] {
    color: #f40035 !important;
    background-color: #fff !important;
    font-size: 12px !important;
    padding: 1px !important;
}
.needsclick.kl-private-reset-css-Xuajs1 > .needsclick.kl-private-reset-css-Xuajs1 {
    margin-bottom: 4px !important;
}
.needsclick.go4213795584.kl-private-reset-css-Xuajs1 {
    align-items: center;
}
.needsclick.kl-private-reset-css-Xuajs1>.needsclick.kl-private-reset-css-Xuajs1 button.needsclick.go300628013.kl-private-reset-css-Xuajs1 {
    width: 100%;
    color: #2c2a24;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat;
    transition: .4s all ease;
    line-height: 17px;
    padding: 15px;
    margin-bottom: 0 !important;
    border: 3px solid #bbd631;
    background-color: #bbd631;
    /* height:21px !important; */
}
.needsclick.kl-private-reset-css-Xuajs1>.needsclick.kl-private-reset-css-Xuajs1 button.needsclick.go300628013.kl-private-reset-css-Xuajs1:hover{
    color: #fff !important;
    border: 3px solid #2c2a24;
    background-color: #2c2a24;
}
/* Single View */
.template-product .head-push {
  @include radial-fade();
}

.product-masthead {
  @include clearfix();
  background: $color-cream;

  @include media-query($medium-up) {
    + .shell {
      margin-top: 4rem;
    }
  }
}

.product-masthead-contain {
  @include clearfix();
  max-width: 800px;
  margin: 0 auto;
}

.product-image {
  text-align: center;
  margin-top: 1rem;

  @include media-query($medium-up) {
    width: 40%;
    float: left;
    margin-top: 4rem;
    padding-bottom: 1.5rem
  }
}

.product-thumb {
  list-style: none;
  margin: 0;
  padding: 0 0.25rem;
}

.product-thumb li {
  display: inline-block;
}

.product-thumb a {
  display: block;
  width: 50px;
  margin: 0.25rem;
}

.product-purchase {
  position: relative;
  padding: 1rem 1rem 2rem;
  z-index: 1;

  h1 {
    margin: 0 0 0.75rem;
  }

  .product-price {
    margin: 0 0 1rem;
  }

  label {
    display: none;
  }

  .selector-wrapper,
  .product-count {
    max-width: 75%;
    display: inline-block;
    vertical-align: top;
  }

  .product-count {
    margin-bottom: 1rem;
  }

  .product-count input {
    max-width: 3rem;
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
  }

  .selector-wrapper {
    margin-right: 1rem;
  }

  .social-sharing {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
  }
  
  .variation-radio {
    margin: 0 0 1rem;
  }
  
  .variation-radio-element {
    margin: 0 0 0.25rem;
  }
  
  .variation-radio-element label {
    display: inline;
    padding-left: 0.25rem;
  }
  
  .variation-radio-element input[type='radio'] {
    -webkit-appearance: radio;
    margin: 0;
  }

  @include media-query($medium-up) {
    min-height: 30rem;
    padding: 1.5rem;
    width: 60%;
    height: 100%;
    float: left;

    .social-sharing {
      position: absolute;
      bottom: 1rem;
      right: 1.5rem;
    }
  }
}

.product-copy {

  // FAQ Headers
  h3 {
    position: relative;
    border-top: 1px solid $color-cream;
    padding: 1rem;
    padding-right: 2rem;
    margin: 0;
    cursor: pointer;

    &:after {
      content: '+';
      font-weight: $font-weight-normal;
      font-size: $font-copy-lrg;
      position: absolute;
      right: 1rem;
      top: 50%;
      transition: all $speed $ease;
      transform: translateY(-50%);
    }

    &.open:after {
      content: '\2013'; /* n-dash */
      transform: translateY(-50%);
    }
  }

  .faq-answer {
    max-width: 600px;
    margin: 0 1rem 1rem;
  }

  @include media-query($medium-up) {
    padding: 0;
  }

  @include media-query($large-up) {
    width: 65%;
    float: left;
  }
}

.product-copy-contain {
  max-width: 750px;
  @include media-query($large-up) {
    margin: 0 0 0 auto;
  }
}

.product-sidebar {
  .product-side-block {
    position: relative;
    margin-bottom: 1rem;
    background: $color-cream;
    min-height: 70px;

    &:last-child {
      margin-bottom: 0;
    }

    .cart-split & {
      background: transparent;
    }
  }

  .product-side-icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 70px;
    background: $color-primary;
    color: $color-light;

    .cart-split & {
      background: transparent;
      color: $color-dark;
      width: 30px;
    }

    svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
    }
  }

  .product-side-copy {
    @include small-text();
    padding: 1rem;
    padding-left: 90px;

    .cart-split & {
      padding-left: 40px;
    }
  }

  .template-product & {
    background: $color-light;
    margin: 0 0 2rem;
  }

  @include media-query($medium-up) {
  }

  @include media-query($large-up) {
    .template-product & {
      padding: 0 2rem;
      max-width: 375px;
      width: 35%;
      float: right;
      transform: translateX(2rem);
    }
  }
}

.content-related {
  position: relative;
  margin: 2rem 0 0;
  padding-top: 1rem;

  &:before,
  &:after {
    content: ' ';
    display: block;
    background: $color-light;
    position: absolute;
    z-index: 0;
    top: 0;
    max-height: 100%;
    height: 20rem;
  }

  &:before {
    width: 50%;
    left: -1rem;
  }

  &:after {
    border-radius: 0 $block-radius 0 0;
    min-width: 300px;
    max-width: 420px;
    width: 35%;
    left: 50%;
    transform: translateX(-1rem);
  }

  .page-width {
    z-index: 1;
  }

  .section-header {
    position: relative;
    z-index: 1;
    margin-bottom: 1rem;
  }

  @include media-query($medium-up) {
    padding-top: 2rem;

    &:before {
      left: -2rem;
    }

    &:after {
      transform: translateX(-2rem);
    }

    .section-header h2 {
      display: inline-block;
    }

    .section-header .btn-text {
      margin-top: 0.75rem;
      position: absolute;
      right: 15%;
      transform: translateX(-4rem);
    }
  }
}

.template-collection header.shell-copy {
  @include media-query($medium-up) {
    max-width: 500px;
  }

  em {
    white-space: nowrap;
  }
}

.collection-nav {
  @include media-query($large-down) {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
  }

  @include media-query($large-up) {
    background: $color-light;
    padding-right: 1rem;
    position: absolute;
    top: 0;
    right: 0;
  }
}

.collection-search {
  background: $color-light;
  display: inline-block;

  input {
    @include xsmall-text();
    width: 185px;
    margin: 0;
    background: $color-light;
    border: none;
  }

  button {
    display: inline-block;
    color: $color-primary;
    border: none;
    padding: 12px;
  }

  .icon-search {
    width: 20px;
    height: 20px;
  }

  @include media-query($large-down) {
    order: -1;
    margin-bottom: 0.5rem;
    min-width: 33.3333%;
    width: 284px;

    input {
      width: 210px;
    }
  }
}

.capsules {
  @include clearfix();
  position: relative;
  z-index: 1;
  margin: 0 -0.75rem;
}

.capsule-contain {
  white-space: normal;
  width: 100%;
  display: inline-block;
  vertical-align: top;

  .page-sidebar & {
    margin: 0;
  }

  @include media-query($medium-up) {
    max-width: 290px;

    &.capsule-wide {
      max-width: 380px;
    }

    .capsules-alt & {
      max-width: 460px;
    }
  }

  .grid & {
    @include media-query($medium-up) {
      max-width: none;
      width: 33.33333%;
    }
    @include media-query($large-up) {
      width: 25%;
    }
  }
}

.capsule {
  position: relative;
  @include box-shadow();
  @include box-radius();
  margin: 0.75rem;
  overflow: hidden;
  padding-bottom: 2rem;

  &.no-shade {
    box-shadow: none;
  }

  .btn-text {
    position: absolute;
    bottom: 1rem;
  }

  &,
  .capsules-alt & {
    padding-left: 110px;
  }

  .capsules-alt.capsules-large & {
    padding-left: 40%;
  }

  .capsule-nochange & {
    padding-left: 0;
  }

  @include media-query($medium-up) {
    padding-left: 0;
  }
}

.capsulee {
  position: relative;
  margin: 0.75rem;
    overflow: hidden;
  padding-bottom: 2rem;


  .btn-text {
    position: absolute;
    bottom: 1rem;
  }

  &,
  .capsules-alt & {
    padding-left: 110px;
  }

  .capsules-alt.capsules-large & {
    padding-left: 40%;
  }

  .capsule-nochange & {
    padding-left: 0;
  }

  @include media-query($medium-up) {
    padding-left: 0;
  }

}

.capsule-button {
  position: relative;

  @include media-query($medium-up) {
    padding-bottom: 2rem;

    .btn {
      position: absolute;
      bottom: 1rem;
      left: 1rem;
    }
  }
}
.capsules-alt {
  .capsule-button {
    @include media-query($medium-up) {
      padding-bottom: 0;

      .btn {
        position: relative;
        bottom: auto;
        left: auto;
      }
    }
  }
}

.capsule-image {
 /* hiding to clean look: @include radial-fade(); */
  display: block;
  padding: 1rem;

  &,
  .capsules-alt & {
    width: 110px;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }


  .capsules-alt.capsules-large & {
    width: 40%;
  }

  img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-height: 170px;
  }

  &.tight {
    padding: 0;

    img {
      max-height: none;
    }
  }

  .capsule-nochange & {
    width: 100%;
    position: relative;
  }

  @include media-query($medium-up) {
    width: 100%;
    position: relative;
  }
}

.capsule-copy {
  padding: 1rem;
  overflow: hidden;

  p {
    margin: 0 0 0.25rem;
  }
}

.capsule-copy h2 {
  margin-bottom: 0.5rem;
}

.capsule-subhead {
  font-family: $font-family-serif;
  margin-top: 0;
  font-weight: $font-weight-bold;
}

.capsule-carousel {
  @include clearfix();
  position: relative;
  max-width: $width-site;
  margin: 0 auto;

  .capsule-contain {
    transition: transform $speed $ease;
    white-space: normal;
    max-width: none;

    > div {
      @include box-shadow();
      transition: box-shadow $speed $ease;
    }
  }

  .capsule-contain:hover {
    transform: scale(1.015);

    > div {
      @include box-shadow-hover();
    }
  }
}

.social-sharing {
  display: inline-block;
  padding-right: 2rem;
  background: {
    image: url($svg-ico-share);
    repeat: no-repeat;
    position: right center;
    color: transparent;
  }
  height: 2.5rem;

  overflow: hidden;
  width: auto;
  transition: width $speed $ease;

  a {
    display: inline-block;
    vertical-align: top;
    margin: 0.5rem;
    opacity: 1;
    transition: opacity $speed $ease;

    @include media-query($medium-up) {
      margin: 0.5rem 0.75rem;
    }
  }

  &.hidden {
    width: 0;
    cursor: pointer;

    a {
      opacity: 0;
    }
  }

  .icon {
    color: $color-primary;
  }

}

.about-image img {
  display: block;
  width: 100%;
}

.about-video {
  position: relative;
  height: 0;
  padding-top: 56.25%;

  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.contact-head {
 padding: 89px 15px 120px 15px;
  text-align : center;
  font-family: $font-family-serif;

  h3{
    font-size: 30px;
    color: #000000;
    line-height: 160%;
    font-weight: 400;
    font-family: 'Montserrat';
    text-transform: none;
    margin-bottom: 26px;
}
  p{
     font-size: 16px;
    line-height: 170%;
    font-family: 'Montserrat';
    color: #000000;
    font-weight: 400;
    max-width: 677px;
    margin: 0px auto;
    
    a{
      text-decoration: underline;
      font-weight: 700;
    }
  }
em {
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #000000;
    font-family: 'Montserrat';
    font-style: normal;
    margin-top: 34px;
    display: block;

  a{
    text-decoration: underline;
    font-weight: 700;
  }
}
  @include media-query($medium-up) {
    
    /* margin: 0 0 3rem; */

    /* .block-half {

      &:last-child {
    
        padding: 3.6rem 3rem 3rem;
        margin-left: 2rem;
        border-left: 1px solid $color-cream-dark;
      }
    } */
  }

  /* @include media-query($large-up) {
    .block-half {
      width: 35%;

      &:last-child {
        width: 30%;
      }
    }
  } */
}
.contact-connect-content {
    background-color: #F7F7F7;
    padding: 100px 0px;
}
.contact-content {
  padding: 80px 0px;
}
.contact-box-contain .contact-box svg.icon.icon--wide.icon-arrow {
    display: none;
}
@media (max-width: 980px){
 .contact-block-form {
    max-width: 100%; 
}
}
@media (max-width: 767px){
.contact-box-contain .block-half {
    width: 47% !important;
}
.contact-box-contain {
    gap: 20px;
    justify-content: center;  
}
.contact-block-form{
padding: 50px 35px;
  }
.contact-block-form form {
    gap: 20px;
}  
.contact-block-form .input-split {
    width: calc(50% - 10px);
    }  
.contact-socail-wr .contact-box-social li a {
    width: 45px !important;
    height: 45px !important;
}  
.contact-socail-wr .contact-box-social svg {
    width: 20px;
}  
}
@media (max-width: 650px){
.contact-box-contain .block-half {
    width: 100% !important;
}
  .contact-box {
    min-height: unset !important;
}
.contact-block-form .input-split {
    width: 100%;
}  
}

  .contact-block-other {
   text-align: center;
    h2 {
        font-size: 40px;
        line-height: 140%;
        color: #000000;
        font-weight: 700;
        text-transform: none;
        margin-bottom: 50px;
    }
}
.contact-socail-wr{
      margin-top: 40px;
  h3 {
    font-size: 24px;
    line-height: 140%;
    font-weight: 600;
     color: #000000;
    text-transform: none;
}
  .contact-box-social{
       margin: 32px 0px 0px 0px;
  }
   .contact-box-social li{
     margin:0px 0px 0px 0px;
      a {
    width: 65px;
    height: 65px;
    background-color: #BBD631;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
   }
   .contact-box-social li a svg{
     margin:0px ;
   }
}
.contact-box-social {
    display: flex;
    justify-content: center;
    gap: 22px;
}
@include media-query($large-up) {
.contact-connect-content{
  .page-width {
    padding: 0px 5px;
}
}
}

.contact-box-contain {
  @include clearfix();
    display: flex;
    flex-wrap: wrap;
      gap: 30px;

.block-half {
    width: 31.6%;
}
}
.contact-box-contain{
.contact-box {
  padding: 40px;
  background-color:#FFFFFF;
  /* @include box-radius(); */
  border-radius:10px;
  min-height: 290px !important;
.connect-icon-wr{
  margin-bottom:20px;
}
  h3 {
    font-size: 16px;
    color: #0F0C0A;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 150%;
    margin:0px 0px 10px 0px;
  }

  @include media-query($medium-up) {
  }
}
}

.contact-box-content {
  text-transform: uppercase;
  font-size: $font-copy-sml;
  font-weight: $font-weight-bold;
  letter-spacing: 0.5px;

  p {
    color: #0F0C0A;
    font-size: 16px;
    line-height: 160%;
    font-weight: 400;
    text-transform: none;
  }
  p:last-child{
    margin-bottom : 0px;
  }
  a{
      font-size: 16px;
    text-decoration: underline;
  }
  .contact-mf-hr {
    color: #5BBFEB;
    font-weight: 700;
}
}
.contact-box-content br:nth-of-type(2) {
    display: none;
}
.contact-box-social {
  list-style: none;
  padding: 0;
  margin-left: 1rem;

  li {
    margin: 0 0 0.75rem;

    &:last-child {
      margin: 0;
    }
  }

  svg {
    margin-right: 0.5rem;
  }
}


.link-picker {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  padding: 0 1rem 0 0;
  margin-top: 0.25rem;

  @include media-query($medium-up) {
    min-width: 33.33333%;
    margin-top: 0;
  }
}

.dropdown,
.dropdown dd,
.dropdown dt,
.dropdown ul {
  margin: 0px;
  padding: 0px;
  line-height: 1.2;
}

.dropdown dd {
  position:relative;
}

.dropdown dt a {
  @include xsmall-text();
  display: block;
  position: relative;
  color: $color-light;
  background: $color-dark;
  padding: 0.625rem 22px;
  margin-left: 2.75rem;

  &:before {
    content: ' ';
    display: block;
    width: 2.75rem;
    background: $color-primary;
    position: absolute;
    left: -2.75rem;
    top: 0;
    bottom: 0;
    cursor: pointer;
  }

  &:after {
    content: ' ';
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-bottom: 2px solid $color-light;
    border-right: 2px solid $color-light;
    position: absolute;
    top: 1.15rem;
    left: -1.575rem;
    cursor: pointer;
    transform: rotate(45deg);
  }

  .picker-light & {
    color: $color-dark;
    background: $color-cream;
  }
}

.dropdown dt a span {
  cursor: pointer;
  display: block;
  padding: 5px;
}

.dropdown dd ul {
  background: $color-dark;
  color: $color-light;
  display: none;
  list-style: none;
    padding: 10px 20px;
  position: absolute;
  z-index: 5;
  left: 2.75rem;
  top: 0;
  width: auto;
  min-width: 200px;

  .picker-light & {
    background: $color-cream;
    color: $color-dark;
  }
}
.picker-light .dropdown dd ul {
    left: 0.7rem;
     border-radius: 10px;
    color: #68594c;
    max-height: 420px;
     background: #fff;
    overflow-y: auto;
   box-shadow: 0px 4px 34px 0px #00000040;
    border: 1px solid #B4B4B4;
    border-radius: 10px;

}
.picker-light .dropdown dd ul::-webkit-scrollbar {
  width: 10px;
}
/* Track */
.picker-light .dropdown dd ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #e6e6e6ba;
  border-radius: 10px;
}
/* Handle */
.picker-light .dropdown dd ul::-webkit-scrollbar-thumb {
  background: #b9d748;
  border-radius: 10px;
}

.dropdown span.value {
  display:none;
}

.dropdown dd ul li a {
  /* color: $color-light; */
      color: #231C18;
  @include small-text();
  padding: 15px 0.25rem;
  display: block;

  &.current {
    opacity: 0.5;

    &:hover {
      color: $color-light;
    }
  }

  &:hover {
    color: $color-primary;
  }

  .picker-light & {
    color: $color-dark;
    border-top: 1px solid #e6e6e6;

    &.current {
      &:hover {
        color: $color-dark;
      }
    }

    &:hover {
      color: $color-primary;
    }
  }
}
.dropdown dd ul li a {

    font-size: 13px !important;
    font-weight: 500  !important;
    letter-spacing: 0px  !important;

}
.dropdown dd ul li:first-child a {
  border: none;
}

.search-modal {
  display: none;
  position: fixed;
  z-index: 15;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: $color-primary;
  color: $color-light;
  transform: translateY(-100%);
  opacity: 0;
  transition: transform $speed $ease, opacity $speed $ease;

  form {
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-bottom: 1px solid $color-dark;
  }

  input {
    font-size: $font-head-med;
    margin: 0;
    border: none;
    width: 400px;
  }

  button {
    display: inline-block;
    border: none;
    padding-right: 1rem;

    svg {
      width: 28px;
      height: 28px;
    }
  }

  &.active {
    transform: translateY(0);
    opacity: 1;
  }

  @include media-query($large-up) {
    display: block;
  }
}

.search-bar {
  background: $color-cream;

  @include media-query($medium-up) {
    margin: 3rem 0;

    > div {
      display: -webkit-flex;
      display: flex;
      align-items: center;
    }
  }
}

.search-bar-section {
  padding: 1rem;

  @include media-query($large-up) {
    min-width: 15rem;
  }

  h1 {
    margin: 0;
  }

  form {
    white-space: nowrap;
    border-bottom: 1px solid $color-cream-dark;
  }

  input {
    border: none;
    margin: 0;
    width: 200px;
    max-width: 80%;
  }

  button {
    color: $color-primary;
    display: inline-block;
    border: none;
    padding: 0 0.25rem;
  }

  @include media-query($medium-up) {
    display: inline-block;
    vertical-align: top;
    padding: 1rem 2rem;
    border-right: 1px solid $color-cream-dark;
  }
}

.search-results {
  width: 100%;
  max-width: 50rem;
  margin: 1rem auto;
}

.search-item {
  @include clearfix();
  border-bottom: 1px solid $color-cream;
  padding: 1.5rem 1rem;
  background: $color-light;
  transition: background $speed $ease, transform $speed $ease;

  a {
    color: $color-dark;
  }

  &:hover {
    background: $color-cream;
    transform: scale(1.015);
  }

  @include media-query($medium-up) {
    border: none;
  }
}

.search-image {
  display: block;
  @include box-radius();
  width: 140px;
  min-height: 1px;
  overflow: hidden;
  float: left;
  margin-right: 1rem;

  .search-product & {
    padding: 2rem 1rem;
  }

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

.search-content {
  overflow: hidden;

  p {
    max-width: 25rem;
  }
}

.search-price {
  text-transform: uppercase;
  font-size: $font-copy-sml;
  font-weight: $font-weight-bold;
  margin: 0 0 0.5rem;
}

.blog-article-image {
  position: relative;
  font-family: $font-family-serif;
  color: $color-light;

  .down-arrow {
    display: block;
  }

  img {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
  }

  header {
    margin: 0 2rem;
  }

  @include media-query($small) {
    min-height: 80vh;

    .page-width {
      position: absolute;
      z-index: 1;
      text-align: center;
      right: 0;
      bottom: 40px;
      left: 0;

      header {
        margin: 0 1rem;
      }
    }
  }
}

.down-arrow {
  display: none;
  width: 36px;
  height: 36px;
  border: 2px solid $color-light;
  border-radius: 50%;
  margin: 1.5rem auto;
  cursor: pointer;

  svg {
    transform: rotate(90deg);
    margin: 0.6rem 0 0;
  }
}

.blog-meta {
  font-weight: $font-weight-bold;
}

.article-tags {
  font-size: $font-copy-med;
  font-family: $font-family-serif;

  a {
    margin-left: 0.3rem;

    &::after {
      content: ' ';
      display: inline-block;
      border-right: 1px solid $color-cream;
      height: 14px;
      padding-right: 0.5rem;
      margin-bottom: -0.15rem;
    }

    &:last-child::after {
      display: none;
    }
  }
}

.article-nav {
  @include clearfix();
}

.article-nav-item {
  font-family: $font-family-serif;
  font-weight: $font-weight-bold;
  margin: 2rem 0;

  .h2 {
    display: block;
  }

  .btn-text {
    font-family: $font-family-sans;
    color: $color-primary;
  }

  a {
    color: $color-dark;
  }
}

@include media-query($medium-up) {
  .blog-article-image {
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    color: inherit;

    img {
      position: absolute;
      top: 0;
      left: 0;
      min-height: 100%;
      min-width: 100%;
    }

    header {
      margin: 0 0 0 auto;
      padding: 0;
      width: 100%;
      max-width: 45rem;
      color: $color-light;
      position: relative;
      z-index: 1;
      top: 50%;
    }

    .page-width {
      position: absolute;
      width: 60%;
      top: 0;
      right: auto;
      bottom: 0;
      left: 0;
      text-align: left;
      padding-left: 2rem;
    }
  }

  .down-arrow {
    display: block;
  }

  .article-tags {
    margin-top: 2rem;
  }

  .article-nav {
    margin: 2rem auto;
    border-bottom: 1px solid $color-cream;
  }

  .article-nav-item {
    text-align: center;
    width: 50%;
    float: left;
    padding: 0 2rem 1rem;
    margin: 0 0 1.5rem;

    &.left {
      border-right: 1px solid $color-cream;
    }
  }
}

@include media-query($large-up) {
}

.blog-archive-header {
  @include clearfix();
  /* background: $color-cream; */
  max-width: 100vw;
}

.blog-archive-intro-contain {
  max-width: 35rem;
}

.blog-archive-intro {
  padding: 1rem;
}

.featured-article-contain {
  max-width: 35rem;
}

.featured-article {
  padding: 1rem;
  @include box-radius();
  @include box-shadow();
  background: $color-light;
  position: relative;
  z-index: 1;
  margin: -8rem 1rem 0;

  a {
    color: $color-dark;
  }
}

.featured-article-image {
  width: 100%;
  width: 100vw;

  img {
    display: block;
    width: 100%;
  }
}

.blog-blocks {
  @include clearfix();
  margin: 2rem 0;
}

.blog-block-contain {
  margin-bottom: 1rem;
}

.blog-block {
  @include box-radius();
  @include box-shadow();
  position: relative;
  padding-bottom: 3rem;

  .btn-text {
    position: absolute;
    bottom: 1rem;
  }

  a {
    color: $color-dark;
  }
}

.blog-block-image {
  display: block;
  position: relative;
  height: 14rem;
  background: $color-cream;

  img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover; object-position: center;';
    max-width: none;
    width: 100%;
    height: 100%;
  }
}

.blog-block-copy {
  margin: 1rem;
}

@include media-query($medium-up) {
  .blog-archive-header {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 0 1rem;
  }

  .blog-archive-intro-contain {
    order: 1;
    width: 50%;
  }

  .blog-archive-intro {
    padding: 2rem 2rem 1rem 1rem;
  }

  .featured-article-contain {
    order: 2;
    width: 50%;
  }

  .featured-article {
    padding: 2rem;
    margin: 4rem 2rem -8rem;
  }

  .featured-article-image {
    order: 3;
    align-self: flex-end;
    padding: 0;
    position: relative;
    margin: 0 0 1rem;
    min-height: 50vh;

    > img {
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
      object-position: center;
      font-family: 'object-fit: cover; object-position: center;';
      max-width: none;
      width: 100%;
      height: 100%;
    }
  }

  .blog-blocks {
    margin: 2rem -1rem;
  }

  .blog-block-contain {
    width: 50%;
    float: left;
  }

  .blog-block {
    margin: 0 1rem 1rem;
  }
}

@include media-query($large-up) {
  .featured-article-image {
    min-height: 60vh;
  }

  .blog-block-contain {
    width: 33.33333%;
  }
}

.blog-callout-contain {
  @include clearfix();
}

.blog-callout-block {
  background: $color-dark;
  color: $color-light;
  padding: 1rem;
  margin-top: 0.5rem;

  a {
    color: $color-light;
  }

  svg {
    color: $color-light;
  }
}

@include media-query($medium-up) {
  .blog-callout-block {
    margin: 0 1rem 1rem 0;
  }

  .blog-callout-block-contain {
    width: 33.33333%;
    float: left;

    &:first-child .blog-callout-block {
      margin-left: 1rem;
    }
  }
}

.login-block {
    color: #000;
    background: #fff;
    border-radius: 10px;
    padding: 50px 40px;

  form {
    margin: 1rem auto 0;
  }

  /* @include media-query($small) {
    border-radius: 0;
  } */

}
.content-aside.full-bg-content.login-block div#CustomerLoginForm form#customer_login label {
    display: none !important;
}
div#CustomerLoginForm h1 {
    font-size: 40px !important;
    line-height: 56px !important;
    text-transform: capitalize;
      margin-bottom: 33px;
      font-family: 'Montserrat' !important;
    font-weight: 700;
}
.content-aside.full-bg-content.login-block div#CustomerLoginForm form#customer_login input {
    border: 1px solid #000000;
    border-radius: 5px;
    font-size: 16px !important;
    line-height: 25px !important;
    color: #767676 !important;
    font-family: 'Montserrat';
    padding: 13px 13px 13px 46px;
    margin-bottom: 30px;
}
.content-aside.full-bg-content.login-block div#CustomerLoginForm form#customer_login input#CustomerPassword {
    margin-bottom: 24px !important;
   background-image: url(https://www.endur.com/cdn/shop/files/lock-icon.svg);
}
.content-aside.full-bg-content.login-block div#CustomerLoginForm form#customer_login input#CustomerEmail,.content-aside.full-bg-content.login-block div#CustomerLoginForm form#customer_login input#CustomerPassword {
    background-repeat: no-repeat;
    background-position: 17px center;
      background-size: 19px;
}
.content-aside.full-bg-content.login-block div#CustomerLoginForm form#customer_login input#CustomerEmail{
      background-image: url(https://www.endur.com/cdn/shop/files/mail-icon_c949f713-69c5-4e74-a4f0-5b094e718dfc.svg);
}
p.login-forgot-pswd {
    text-align: right;
    font-size: 13px;
    line-height: 20px;
    font-family: 'Montserrat';
    font-weight: 500;
      margin-bottom: 26px;
}
p.login-forgot-pswd a{
  font-weight:700;
}
.content-aside.full-bg-content.login-block div#CustomerLoginForm button.btn.btn-primary {
    width: 100%;
    color: #2c2a24;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat;
    transition: .4s all ease;
    line-height: 17px;
    padding: 15px;
    margin-bottom: 40px !important;
}
.content-aside.full-bg-content.login-block div#CustomerLoginForm button.btn.btn-primary:hover{
  color : #BBD631;
} 
.login-help {
  color: #000000;
  /* font-size: $font-copy-sml; */
  margin: 2rem 0 0;
  font-family: 'Montserrat';
  font-weight: 500;
 font-size: 13px;
  line-height: 20px;
      text-align: center;

  a {
      color: #000000;
     font-weight: 700;
     text-decoration: underline;
  }
}
.login-block form div#rc_login {
    display: none !important;
}
#RecoverPasswordForm {
  button {
    display: inline-block;
    margin-right: 1rem;
  }
}

/* Page */

.shipping-intro {
  max-width: 30rem;

  h1 {
    margin-bottom: 1rem;
  }
}

.shipping-info {
  max-width: 40rem;
  margin: 1rem 0 3rem;

  h1 {
    margin-bottom: 2rem;
  }

  h2 {
    margin-bottom: 0.75rem;
  }

  .block-half {
    margin-bottom: 2.5rem;
  }
}

.shipping-contain {
  margin: 0 -1rem;
}

.shipping-block {
  @include box-radius;
  @include box-shadow;
  margin: 1rem;
  padding: 0 1rem 1rem;

  .attn {
    text-transform: uppercase;
  }

  h4 {
    margin: 1rem 0 0;
  }
}

.shipping-block-title {
  display: block;
  color: #000;

  a {
    color: #000;
  }
}

@include media-query($medium-up) {
  .shipping-info .block-half {
    &:first-child {
      padding-right: 2rem;
    }
    &:last-child {
      padding-left: 2rem;
    }
  }

  .shipping-block {
    display: inline-block;
    vertical-align: top;
    width: 320px;
  }

}


.cart-contain {
  padding: 3rem 0 2rem;

  /* @include media-query($medium-up) {
    background: $color-light;
    background: -moz-linear-gradient(left, $color-cream 0%, $color-cream 50%, $color-light 50%);
    background: -webkit-linear-gradient(left, $color-cream 0%, $color-cream 50%, $color-light 50%);
    background: linear-gradient(to right, $color-cream 0%, $color-cream 50%, $color-light 50%);
  } */
}

.cart-group {
  position: relative;

  h1 {
    margin: 0 0 2rem;
  }

  .continue {
    @include media-query($medium-up) {
      position: absolute;
      top: 4rem;
      right: 3rem;
    }
  }
}

.cart-item-subhead {
  font-family: $font-family-serif;
  margin: 0 0 0.25rem;
}

.cart-item-quantity {
  width: 4rem;
}

.cart-item-price {
  font-size: $font-head-med;
  font-weight: $font-weight-bold;
  display: inline-block;
  vertical-align: top;

  .template-cart &:after {
    content: ' x ';
    font-size: $font-head-sml;
    display: inline-block;
    margin: 0 1rem;
    position: relative;
    top: -3px;
  }
}

.cart-subtotal-head {
  border-bottom: 2px solid $color-dark;
  padding: 0 0 0.7rem;
  margin: 0 0 0.5rem;

  .cart-count {
    display: none;

    @include media-query($medium-up) {
      display: block;
      font-family: $font-family-sans;
      font-size: $font-copy-sml;
      text-transform: uppercase;
      text-align: right;
      float: right;
      margin-top: 9px;
    }
  }
}


.cart-subtotal {
  text-align: right;
  font-size: $font-head-sml;
  font-weight: $font-weight-bold;
}

.cart-control {
  @include media-query($medium-up) {
    margin: 8rem 0 0;
  }

  button[type=submit] {
    margin: 1rem 0 0;
  }
}

.cart-split {
  padding: 0 1rem;

  @include media-query($large-up) {
    width: 50%;
    float: left;

    &:first-child {
      width: 65%;
      padding: 0 2rem;
    }
    &:last-child {
      width: 35%;
    }
  }
}

.remove-from-cart {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

#shopify-section-cart-drawer {
  overflow: hidden;
}

.cart-drawer {
  @include box-shadow();
  background: $color-light;
  max-width: 24rem;
  width: 100%;
  position: absolute;
  z-index: 20;
  top: 0;
  right: 0;
  padding: 1rem;
  transform: translateX(100%);
  opacity: 0;
  transition: top 200ms linear, transform $speed $ease, opacity $speed $ease;

  &.active {
    transform: translateX(0);
    opacity: 1;
  }


  h2 {
    margin: 1.5rem 0;
  }

  h3 {
    .cart-count {
      padding-left: 0.5rem;
      font-size: $font-copy-sml;
    }

    @include media-query($medium-up) {
     
    }
  }

  .cart-item {
    margin-bottom: 1rem;
  }

  .cart-item-price {
    font-size: $font-copy-xlrg;
    font-weight: $font-weight-bold;
  }

  .cart-subtotal {
    margin-bottom: 0;

    @include media-query($medium-up) {
      float: right;
    }
  }

  footer {
    background: $color-cream;
    margin: 0 -1rem -1rem;
    padding: 1rem;
  }

  @include media-query($medium-up) {
    position: fixed;
    top: 9rem;
  }
}

.cart-close {
  cursor: pointer;
  position: absolute;
  top: 1.75rem;
  right: 1rem;
}

.cart-close svg {
  position: relative;
  top: -2px;
}

.kicker {
  text-align: center;
  padding: 3rem 0.75rem;
  margin: 0 auto;

  h2 {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
  }

  .content {
    width: 100%;
    max-width: 35rem;
    text-align: left;
    margin: 0 auto;
  }
}

.callout-contain {
  padding: 1rem 0 0;
}

.callout-copy {
  padding: 0 1rem 1rem;
}

.callout-image {
  img {
    display: block;
  }
}

@include media-query($medium-up) {
  .callout-contain {
    border-right: 1rem solid $color-primary;
    padding: 2rem;
  }

  .callout-copy {
    padding: 0 2rem;
    margin-left: 50%;
    margin-bottom: 4rem;
  }

  .callout-image {
    @include box-radius;
    @include clearfix();
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;

    > img {
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
      object-position: center;
      font-family: 'object-fit: cover; object-position: center;';
      max-width: none;
      width: 100%;
      height: 100%;
    }
  }
}

.bottle-callout-contain {
  padding: 1rem;
  background: $color-cream;

  .btn {
    margin-bottom: 1rem;
  }
}

.bottle-callout-image {
  text-align: right;
}

.bottle-callout-image img {
  margin-top: 2rem;
}

@include media-query($medium-up) {
  .bottle-callout-contain {
    padding: 2rem;
  }

  .bottle-callout-copy {
    padding: 1rem;
    max-width: 30rem;
    width: 50%;
    float: left;
  }

  .bottle-callout-image img {
    position: relative;
    margin-top: -4rem;
  }
}

.tag-title {
  text-align: center;
  max-width: 50rem;
  padding: 1rem;

  @include media-query($medium-down) {
    .h1 {
      font-size: $font-head-med;
    }
  }

  @include media-query($medium-up) {
    padding: 3rem 2rem 4rem;
    margin: 0 auto;
  }
}

.banner {
  min-height: 0;
  padding: 0;
}

.banner-content {
  font-family: $font-family-serif;
  font-size: $font-copy-lrg;

  .btn {
    font-family: $font-family-sans;
  }
}

@include media-query($small) {
  .banner {
    > img {
      position: relative;
      top: 0;
      left: 0;
      font-family: inherit;
      width: 100%;
      height: 100%;
    }
  }

}
@include media-query($medium-up) {
  .banner {
    color: $color-light;
    padding: 2rem;
  }

  .banner-content {
    position: relative;
    z-index: 1;
  }
}

.split-kit-copy {


  h1 {
    margin-bottom: 1rem;
  }

  h3 {
    margin-top: 1rem;
  }

}

.split-kit-image img {
  display: block;
}

.split-enduracin-copy {

  a {
    color: $color-dark;
  }

  .subtitle {
    font-family: $font-family-serif;
    font-weight: $font-weight-bold;
    margin: 0 0 0.25rem;
  }

  .product-price {
    font-size: $font-copy-xlrg;
    font-weight: $font-weight-bold;
    margin-bottom: 0.5rem;
  }
}

.split-enduracin-image {
  text-align: right;
}

.info-grid {
  @include clearfix();
  text-align: center;
}

.info-grid-item {
  margin: 2rem;
  max-width: 320px;
  width: 100%;
  display: inline-block;
  vertical-align: top;

  .icon {
    margin-bottom: 1rem;
  }

  .tiny-title {
    font-family: $font-family-sans;
    font-size: $font-copy-xsml;
    font-weight: $font-weight-bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
  }

  p {
    margin: 0;
  }

  a {
    margin-top: 1rem;
  }
}

@include media-query($medium-up) {
  .info-grid {
    text-align: left;
  }

  .info-grid-item {
    a {
      margin-top: 1.5rem;
    }
  }
}

.enduracin-grid {
  img {
    max-width: 300px;
    margin: 2rem 0 0;
  }
}

@include media-query($medium-up) {
  .enduracin-grid {
    background: $color-light;
    background: -moz-linear-gradient(left, $color-dark 0%, $color-dark 50%, $color-cream 50%);
    background: -webkit-linear-gradient(left, $color-dark 0%, $color-dark 50%, $color-cream 50%);
    background: linear-gradient(to right, $color-dark 0%, $color-dark 50%, $color-cream 50%);

    img {
      max-width: 100%;
      margin: 0;
    }

    .page-width {
      display: -webkit-flex;
      display: flex;
    }

    .enduracin-copy {
      display: -webkit-flex;
      display: flex;
      align-items: center;
    }
  }

  .enduracin-copy {
    color: $color-light;
  }
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.68%;
}
.span_3_of_5 {
	width: 59.36%;
}
.span_2_of_5 {
	width: 39.04%;
}
.span_1_of_5 {
	width: 18.72%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
}

.infographic-contain {
  padding: 1rem;
  max-width: 840px;
  margin: 0 auto;

  @media all and (min-width: 1120px) {
    max-width: none;
  }
}

.info-graphic {
  position: relative;
  margin: 2rem 0;
  max-width: 350px;
}

.info-illustration {
  min-height: 1110px;
  padding: 2.5rem 0;

  img {
    display: block;
    width: 16%;
    margin: auto;

    &:last-child {
      margin-bottom: 0;
    }
  }
}

.info-key {
  position: relative;

  .key-nutrient,
  .key-wax {
    position: absolute;
    text-transform: uppercase;
    font-size: $font-copy-xsml;
    font-weight: $font-weight-bold;
    letter-spacing: 0.5px;
    white-space: normal;
    line-height: 1;
    padding-right: 65px;
    top: 50%;
    right: 25%;

    &:before,
    &:after {
      content: ' ';
      display: block;
      position: absolute;
      right: 0;
    }

    &:before {
      background: $color-dark;
      width: 45px;
      height: 2px;
      top: 3px;
      right: 12px;
    }
    &:after {
      height: 13px;
      width: 13px;
      border: 2px solid $color-dark;
      border-radius: 50%;
      top: -3px;
    }
  }

  .key-nutrient {
    top: 69px;
    right: 118px;
  }
  .key-wax {
    top: 116px;
    right: 91px;
  }
}

.info-timeline {
  font-size: $font-copy-sml;
  font-weight: $font-weight-bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  list-style: none;
  margin: 0;
  padding: 0;

  &::before {
    content: ' ';
    display: block;
    background: $color-primary;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 26px;
  }

  li {
    margin: 0 0 200px 16px;

    &::before {
      content: ' ';
      display: inline-block;
      width: 22px;
      height: 22px;
      border: 2px solid $color-primary;
      border-radius: 50%;
      background: $color-light;
      position: relative;
      bottom: -6px;
      margin: 0 0.5rem 0 0;
    }
  }
}

.info-text-contain {
}

.info-text {
  width: 100%;
  font-size: $font-copy-med;
  line-height: 1.1;
  display: inline-block;
  vertical-align: top;
  padding: 1rem 0.5rem;
  border-bottom: 1px solid $color-primary;

  h4 {
    font-family: $font-family-sans;
    font-size: $font-copy-med;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
}

@include media-query($medium-up) {
  .infographic-contain {
    text-align: center;
    padding: 4rem 0 3rem;

    h1 {
      padding: 0 2rem;
    }
  }

  .info-graphic {
    max-width: none;
  }

  .info-illustration {
    min-height: 0;
    padding: 0;

    .info-key,
    img {
      display: inline-block;
      vertical-align: top;
      margin: 0 1rem;
    }
    .info-key img {
      margin: 0;
    }
  }

  .info-timeline {
    position: relative;
    width: 100%;
    margin-top: 2rem;

    &::after {
      content: ' ';
      border: 2px solid $color-primary;
      border-left: 0;
      border-bottom: 0;
      width: 18px;
      height: 18px;
      position: absolute;
      top: 26px;
      right: 1px;
      transform: rotate(45deg);
    }

    &::before {
      width: 100%;
      height: 2px;
      top: auto;
      left: 0;
      bottom: 0.5rem;
      right: 0;
    }

    li {
      position: relative;
      display: inline-block;
      vertical-align: bottom;
      margin: 0;
      padding-bottom: 26px;
      width: 16%;

      &:before {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin: 0 0 0 -11px;
      }
    }
  }

  .info-text {
    font-size: $font-copy-sml;
    text-align: left;
    border-bottom: none;
    border-right: 1px solid $color-primary;
    max-width: 230px;

    &:first-child {
      padding-left: 0;
    }

    &:last-child {
      border: none;
      padding-right: 0;
    }
  }
}

/* Slider */

.slick-slider {
    text-align: center;
    position: relative;
    z-index: 1;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    text-align: left;
    display: block;
    margin: 0 0 2rem;
    padding: 0;

    &:focus {
        outline: none;
    }

    &.dragging {
        cursor: pointer;
        cursor: hand;
    }
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;

    &:before,
    &:after {
        content: "";
        display: table;
    }

    &:after {
        clear: both;
    }

    .slick-loading & {
        visibility: hidden;
    }
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    [dir="rtl"] & {
        float: right;
    }
    img {
        display: block;
        margin: 0 auto;
    }
    .product-image & img {
        max-width: 16rem;
    }
    &.slick-loading img {
        display: none;
    }

    display: none;

    &.dragging img {
        pointer-events: none;
    }

    .slick-initialized & {
        display: block;
    }

    .slick-loading & {
        visibility: hidden;
    }

    .slick-vertical & {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Shared Controls */

.slick-arrow {
  overflow: hidden;
  padding: 0;
  text-indent: -5150rem;

  &:focus {
    outline: none;
  }
}

.slick-next {
  background: {
    image: url($svg-ico-arrow-green-right);
    size: 18px 11px;
    repeat: no-repeat;
    position: center center;
  }
}

.slick-prev {
  background: {
    image: url($svg-ico-arrow-green-left);
    size: 18px 11px;
    repeat: no-repeat;
    position: center center;
  }
}

.slick-dots {
  position: relative;
  list-style: none;
  padding: 0;
  display: inline-block;
  margin: 0;

  li {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;

    &:focus {
      outline: none;
    }
  }

  &::before,
  &::after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    width: 16px;
    height: 10px;
  }

  &::before {
    left: -1.5rem;
    background: {
      image: url($svg-ico-arrow-green-left);
      size: 16px 10px;
      repeat: no-repeat;
      position: center center;
    }
  }

  &::after {
    right: -1.5rem;
    background: {
      image: url($svg-ico-arrow-green-right);
      size: 16px 10px;
      repeat: no-repeat;
      position: center center;
    }
  }
}

.slick-prev {
  background: {
    image: url($svg-ico-arrow-green-left);
    content: '>';
    right: -1rem;
  }
}

/* Capsule carousel Controls */
.capsule-carousel {
  .slick-arrow {
    width: 18px;
    height: 11px;
    border: none;
    padding: 1rem;
    position: absolute;
    bottom: 1rem;
    background-color: $color-light;
    border: 1px solid $color-cream-dark;
    border-radius: 50%;
  }

  .slick-prev {
    left: 1rem;
  }

  .slick-next {
    right: 1rem;
  }

  .slick-dots {
    text-align: center;

    li {
      width: 10px;
      height: 10px;
      overflow: hidden;
      text-indent: -5150rem;
      border: 2px solid $color-dark;
      border-radius: 50%;
      background: $color-dark;
      margin: 0 0.15rem 0.15rem;

      &.slick-active {
        background: $color-cream;
      }
    }
  }

  @include media-query($medium-up) {
    .slick-arrow {
      top: 40%;
      bottom: auto;
    }
    .slick-prev {
      left: -1.75rem;
    }

    .slick-next {
      right: -1.75rem;
    }
  }

  @media all and (min-width: 1275px) {
    .slick-prev {
      left: -2.75rem;
    }

    .slick-next {
      right: -2.75rem;
    }
  }
}
/* Home css */



.kicker .content {
    max-width: 100% !important;
}
.kicker h2 {
    font-size: 48px;
    line-height: 56px;
    text-transform: none;
    font-family: Montserrat,sans-serif!important;
    font-weight: 700;
    color: #231c18 !important;
}
.kicker-inner-block {
    max-width: 420px;
}
.kicker.scheme-cream .kicker-inner-block p {
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    color: #FFFFFF;
    font-family: "Montserrat", sans-serif !important;
    margin-bottom: 36px !important;
    color: #231c18 !important;
}

.needsclick.kl-private-reset-css-Xuajs1 {
    padding: 0px !important;
      width: 100% !important;
  padding-bottom: 30px;
}
body .kicker.scheme-cream {
    background: url(https://www.endur.com/cdn/shop/files/subscribe.jpg)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    text-align: left;
    padding: 150px 0 370px;
    padding: 80px 0 145px;
    background-position: center top !important;
}
.klaviyo-form.klaviyo-form.klaviyo-form {
    padding: 0;
}
.kicker.scheme-cream .needsclick.kl-private-reset-css-Xuajs1 input#first_name_016JB91TTR000000000024T8ZC,
.kicker.scheme-cream .needsclick.kl-private-reset-css-Xuajs1 input#email_016JB91TTR000000000024T8ZD,
.kicker.scheme-cream .needsclick.kl-private-reset-css-Xuajs1 input {
    border: 1px solid #000000 !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    line-height: 25px !important;
    color: #767676 !important;
    font-family: Montserrat !important;
    padding: 13px !important;
    height: 53px !important;
}
.kicker.scheme-cream .needsclick.kl-private-reset-css-Xuajs1 input::placeholder{
    font-size: 16px !important;
    line-height: 25px !important;
    font-weight:400;
    color: #767676 !important;
}
.kicker.scheme-cream .needsclick.kl-private-reset-css-Xuajs1 input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: 231c18;
    opacity: 1;
}
.kicker.scheme-cream .needsclick.kl-private-reset-css-Xuajs1 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: 231c18;
   opcity: 1;
}
.kicker.scheme-cream .needsclick.kl-private-reset-css-Xuajs1 input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: 231c18;
   opacity:  1;
}
.kicker.scheme-cream .needsclick.kl-private-reset-css-Xuajs1 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: 231c18;
}
.kicker.scheme-cream .needsclick.kl-private-reset-css-Xuajs1 input::-ms-input-placeholder { /* Microsoft Edge */
   color: 231c18;
}
.kicker.scheme-cream .needsclick.kl-private-reset-css-Xuajs1 input::placeholder { /* Most modern browsers support this now. */
   color: 231c18;
}
#sustained-release-nutritional-supplements-endur-com-endurance-products-company .shell {
    padding-top: 50px !important;
}
#sustained-release-nutritional-supplements-endur-com-endurance-products-company .rte.page-width {
    padding-bottom: 50px !important;
}
.collabs-page__main {
    padding-top: 50px !important;
    padding-bottom: 60px !important;
}
/* Product Page Slide Controls */
.product-slider {
  .slick-arrow {
    width: 28px;
    height: 28px;
    border: 1px solid $color-dark;
    position: absolute;
    z-index: 10;
    top: 50%;
    margin-top: -45px;
  }

  .slick-next {
    right: 0.5rem;
    background: {
      color: $color-cream;
    }
  }

  .slick-prev {
    left: 0.5rem;
    background: {
      color: $color-cream;
    }
  }

  .slick-dots {
    &:before,
    &::after {
      display: none;
    }

    li {
      margin: 0 0.25rem 0.25rem;
      height: 64px;
      width: 64px;
      text-align: center;
    }

    li.slick-active {
      border: 1px solid $color-dark;
    }

    img {
      @include box-radius-sml();
      display: block;
      padding: 1px;
      margin: 0 auto;
    }
  }
}

.capsule-image {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.flex-height {
  display: flex !important;
}
.hero-subscription p {
    color: #231C18;
    font-size: 55px;
    font-weight: 900;
}
body.template-register .page-width {
    padding-top: 100px;
}
body.template-register .gray-shell {
    position: relative;
    background: url(https://www.endur.com/cdn/shop/files/login-banner-img_2048x.jpg?v=1741066103) no-repeat center;
    padding: 100px 20px !important;
    background-size: cover;
}
@include media-query($medium-up) {
  .capsule-carousel .capsule-contain.flex,
  .flex {
    display: -webkit-flex;
    display: flex;
  }

  .capsules,
  .blog-blocks,
  .collection-blocks,
  .blog-callout-contain {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }

  .page-sidebar .capsules {
    display: inherit;
  }

  .capsule {
    flex-grow: 1;
  }

  .blog-block-contain,
  .capsules .capsule-contain,
  .blog-callout-block-contain {
    display: -webkit-flex;
    display: flex;
  }

  .blog-callout-block {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;

    p {
      flex-grow: 1;
    }
  }
}

.error404-block {
  max-width: 28rem;

  h1 {
    color: $color-primary;
  }

  form {
    white-space: nowrap;
  }

  input {
    margin: 0;
    border: none;
    width: 300px;
    background: $color-cream;
  }

  button {
    display: inline-block;
    border: none;
    padding: 0.75rem;
    background: $color-cream;
    border-radius: 0;
    vertical-align: top;
    margin-left: -5px;

    svg {
      width: 18px;
      height: 18px;
      fill: $color-primary;
    }
  }
}


/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.1.2 - 2015
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
	text-align: center;
	text-transform: uppercase;
	z-index:1500;
	background-color: #f25648;
	color: #ffffff;
	h6 {
		font-size: 25px;
		line-height: 25px;
		margin: 30px 0 10px;
	}
	p {
		font-size: 14px;
		line-height: 20px;
		margin: 0;
	}
	#btnUpdateBrowser {
		display: block;
		position: relative;
		padding: 10px 20px;
		margin: 30px auto 0;
		width: 230px; /*need for IE*/
		color: #ffffff;
		text-decoration: none;
		border: 2px solid #ffffff;
		cursor: pointer;
		&:hover {
			color: #f25648;
			background-color:#ffffff;
		}
	}
	.last {
		position: absolute;
		top: 10px;
		right: 25px;
		width: 20px;
		height: 20px;
		&[dir='rtl'] {
			right: auto !important;
			left: 25px !important;
		}
	}
	#btnCloseUpdateBrowser{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		text-decoration: none;
		color: #ffffff;
		font-size: 36px;
		line-height: 36px;
	}
	* html & {
		position: absolute;
	}
}
.one-half-column-left {
width:38%;
float:left;
}

.one-half-column-right {
width:58%;
float:right;
}
@media only screen and (max-width: 1440px) {
body .kicker.scheme-cream {
    padding: 100px 0 160px;
    background-position: center center !important;
  
}
}
@media only screen and (max-width: 1280px) {
body .kicker.scheme-cream {
    padding: 70px 0 130px;
}
}
@media only screen and (max-width: 1024px) {
body .kicker.scheme-cream {
    padding: 70px 0 100px;
}
}
@media only screen and (max-width: 768px) {
    html body .kicker.scheme-cream {
        background-position: center left !important;
    }
}
@media only screen and (max-width: 600px) {
.one-half-column-left, .one-half-column-right, 
.one-third-column, .one-third-column-last {
float:none;
width:80%;
margin-right:0;
}
}
.smile-launcher-frame-container.smile-launcher-mobile {
    margin-bottom: 50px;
}
.launcher-container.smile-launcher-border-radius-circular{
    border-radius: 0;
    background: #BBD631 !important
}
.launcher-container.smile-launcher-border-radius-circular:hover{
    border-radius: 0;
    background: #000 !important
}
/*================ Lance Edits ================*/


.product-purchase {
  /*
    box-shadow: 0 0px 0px 0px #68594c;
    border-radius: 0 0px 0px 0px;
    padding-bottom: 2rem;
    transform: translateY(0rem);
  */
    background-color: #f3ece5;
    color: #68594c;
}

.product-purchase h1 {
    color: #68594c;
}

.social-sharing {
display:none;
}

.product-masthead+.shell {
    margin-top: 0rem;
}

.h1, h1 {
    font-size: 40px;
  line-height:140%;
  font-weight:700;
}

ul.th_pb_cb_ul li.th_pb_cb_li .th_pb_cb_title .th_pb_cb_select {
    min-width: 170px !important;
}







.masthead-front h1 {
    background: #bbd631;
    padding: 0 15px;
      padding-left: 0;
}
button.btn-primary, input.btn.btn-primary, a.btn.btn-primary, .btn.btn-primary > a {
    color: white;
    background: #68594c;
    border: 2px solid #68594c;
    border-radius: 0;
}
.masthead-front .masthead-copy p {
    margin: 30px 0;
  margin-top:50px;
  color: #68594c;
}
.content-related:before, .content-related:after {
   
    background: #bbd631;
}
.content-related .section-header .btn-text {
    
    color: #fff;
}
.content-related .section-header h2 {
    display: inline-block;
    color: #fff;
}

.content-related  .btn-text svg {
    color: #fff;
}

.content-related  .capsule-copy p {
    margin: 0 0 0.25rem;
    display: none;
}
.kicker h2 {
    display: none;
}


#shopify-section-collection-list .gray-shell {
    background: url(/cdn/shop/t/45/assets/hou.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-color: #f3ece5;
    background-position: bottom right;
}
.infographic-contain .blog-archive-header {
    padding-bottom: 50px !important;
}

.template-product .product-sidebar {
    display: none;
}
.product-copy {
    width: 100%;
    float: none;
}
.product-contain{
    max-width: 1200px;
    margin: 20px auto;
    margin-bottom: 50px;
}
.product-copy-contain{
    max-width: 1200px;
    margin: 20px auto;
    margin-bottom: 50px;
}

.product-purchase .variation-radio {

    margin-bottom: 35px;
}
#privacy-policy-endurance-products-company .page-width h1,
#disclaimer-endurance-products-company .page-width h1,
#terms-of-use-endurance-products-company .page-width h1,
#epc-wholesale .page-width h1,
#quality-and-safety .page-width h1,
#nutritional-supplements-research-for-medical-professionals-endurance .page-width h1{
    /* margin-top: 220px!important; */
}
#nutritional-supplements-research-for-medical-professionals-endurance .page-width h1 {
    /* margin-top: 100px !important; */
}

div[data-testid="POPUP"] .go3241907364 > .needsclick.kl-private-reset-css-Xuajs1 {
    max-width: 53%;
    margin: auto;
}
div[data-testid="POPUP"] .needsclick.klaviyo-close-form {
    width: 20px !important;
    height: 20px !important;
}
div[data-testid="POPUP"] .needsclick.kl-private-reset-css-Xuajs1 > .needsclick.kl-private-reset-css-Xuajs1 {
    margin-bottom: 0;
}
div[data-testid="POPUP"] .needsclick.klaviyo-close-form svg.needsclick.kl-private-reset-css-Xuajs1 {
    width: 20px !important;
}
div[data-testid="POPUP"] form.needsclick.klaviyo-form.klaviyo-form-version-cid_2.go417382439.kl-private-reset-css-Xuajs1 {
    /* CC: Remove code because it's causing an issue with Klaviyo popup */
    /* background: #fff !important;                                   */
    padding: 0px !important;
}
div[data-testid="POPUP"] form.needsclick.klaviyo-form > .needsclick.kl-private-reset-css-Xuajs1:first-child {
    /* CC: Remove code because it's causing an issue with Klaviyo popup */
    /* padding: 30px 20px 20px !important; */
    flex: 0 0 50% !important;
    width: 50% !important;
    margin: 0 !important;
    /* background: #fff; */
    border-radius: 4px 0 0 4px;
}
div[data-testid="POPUP"] form.needsclick.klaviyo-form>.needsclick.kl-private-reset-css-Xuajs1:nth-child(2) {
    flex: 0 0 50% !important;
    width: 50% !important;
    min-width: 50% !important;
    margin: 0 !important;
}
div[data-testid="POPUP"] form.needsclick.klaviyo-form > .needsclick.kl-private-reset-css-Xuajs1:nth-child(2) img, form.needsclick.klaviyo-form > .needsclick.kl-private-reset-css-Xuajs1:nth-child(2) > div {
    margin: 0 !important;
}
div[data-testid="POPUP"] .needsclick .needsclick.kl-private-reset-css-Xuajs1 input {
    padding: 5.5px 15px!important;
    line-height: 23px!important;
    border: 1px solid #ddd!important;
    margin: 15px 0 0!important;
}
div[data-testid="POPUP"] .needsclick button.needsclick.go300628013.kl-private-reset-css-Xuajs1 {
    width: 100%;
    display: flex !important;
    padding: 0 !important;
    align-items: center;
    justify-content: center !important;
    align-content: center;
    margin-top: 15px;
}
#RecoverPasswordForm button {
    border-radius: 6px;
    margin-bottom: 18px;
    height: 41px;
}
#RecoverPasswordForm button:hover, #customer_login button.btn.btn-primary:hover, #create_customer button.btn.btn-primary:hover {
    background: #2c2a24 !important;
    border-color: #2c2a24 !important;
}
#share-your-video-testimonial .page-width .rte{
    margin-bottom: 40px !important;
}
.template-product .shell .breadcrumb {
    background: #fff;
    color: #bbd631;
}
.template-product .shell .breadcrumb a, .template-product .shell .breadcrumb .separator{
    color: #6a594d;
} 
.product-masthead {
    padding-top: 118px;
}
#your-shopping-cart .hero-subscription {
    display: none;
}
.cart-contain {
    padding-top: 170px;
}
.cart-drawer .capsules.capsules-alt {
    overflow-y: scroll;
    max-height: calc(100vh - 385px);
    scrollbar-width: thin;
}
/* collection page css start */
.template-collection .header-home {
    padding-top: 70px;
    min-height: auto;
}
.template-collection .header-home .page-width-full>h1 {
    padding-top: 80px;
    margin-bottom: -10px !important;
    font-family: Montserrat,sans-serif!important;
    font-weight: 700;
    line-height: 78.4px;
    text-align: center;
}
.template-collection .capsules.grid.mci-grid {
    padding-bottom: 65px;
}
.template-collection .header-home h1 span {
    color: #2c2a24;
}
.template-collection .breadcrumb {
    background: #bbd631;
    color: #fff;
    display: none;
}
.template-collection .gray-shell {
    background: #fff;
}
.template-collection .mci-grid.grid .capsule-contain {
    width: 33.333%;
}
.mci-grid .capsule-button {
    border-radius: 6px !important;
    background: #f7f7f7;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 10px;
    margin: 15px;
}
/* .mci-grid .capsule-button .sub-head {
    display: none;
} */
.mci-grid .capsule-button {
    min-height: -webkit-fill-available;
    /* box-shadow: 0 4px 4px -6px #68594c; */
    box-shadow: none;
}
.mci-capsule.capsule-copy {
    text-align: center;
    width: 100%;
    height: -webkit-fill-available;
}
.mci-capsule .capsule-image img {
    max-height: 290px;
}
.mci-capsule.capsule-copy h2 {
    color: #969696;
    text-transform: capitalize;
}
.mci-capsule.capsule-copy h2 span {
    margin-top: 14px;
    display: block;
    font-family: Montserrat, sans-serif;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 22.4px;
    text-align: center;
    color: #8F8F8F;
}
.mci-capsule.capsule-copy h2 a {
    color: #231C18;
    text-transform: capitalize;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 700;
    line-height: 25.6px;
    text-align: center;
}
.mci-capsule.capsule-copy p {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
    color: #070707;
}
.mci-capsule.capsule-copy .jdgm-prev-badge {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 0px;
}
.mci-capsule.capsule-copy .jdgm-preview-badge .jdgm-star {
    color:#BBD631 !important;
}
.mci-capsule.capsule-copy p:not(.product-price) {
    margin: 0;
}
.mci-capsule.capsule-copy .jdgm-prev-badge__text {
    color: #231C18;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18.2px;
    text-align: center;
    margin-left: 5px;
}
span.desk {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
span.desk .jdgm-widget.jdgm-widget {
    margin: 0;
}
.mci-grid .capsule-button .btn {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 94%;
    padding: 6px;
    position: relative;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    column-gap: 10px;
    margin-top: 10px;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px !important;
    text-align: center;
    color: #231C18;
}
.mci-grid .capsule-button .btn:hover {
    color: #fff;
  background-color: #2C2A24;
  border-color: #2C2A24;
}
.mci-grid .capsule-button .btn:hover svg path {
    fill: #fff !important;
    color: #fff !important;
    stroke: #fff !important;
}
.collection-description {
    color: #000;
    font-family: Montserrat,sans-serif!important;
    margin-bottom: 60px!important;
    font-weight: 400;
    line-height: 30.6px;
    text-align: center;
    max-width: 1120px;
    margin: 0 auto;
}
/* Product details css */
.template-product #shopify-section-product .h1, .template-product #shopify-section-product .h2, .template-product #shopify-section-product .h3, .template-product #shopify-section-product .h4,
.template-product #shopify-section-product .h5, .template-product #shopify-section-product h1, .template-product #shopify-section-product h2, .template-product #shopify-section-product h3,
.template-product #shopify-section-product h4, .template-product #shopify-section-product h5,
.template-product #shopify-section-product p, .template-product #shopify-section-product{
    font-family: 'Montserrat', sans-serif !important;
    color: #000;
}
.template-product .product-masthead {
    background: #ffffff;
}
.product-masthead-contain {
    padding-left: 5px;
    padding-right: 5px;
}
.template-product .product-masthead-contain .product-image {
    padding-bottom: 150px;
    margin-top: 42px;
    width: calc(50% - 15px);
}
.template-product .product-masthead .product-slider.slick-slider {
    background: #ffffff;
    border: 1px solid #EDEDED;
    border-radius: 10px;
    padding-top: 60px;
    padding-bottom: 30px;
    height: 550px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.template-product .product-slider .slick-dots {
    display: flex!important;
    float: left;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,17px);
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    column-gap: 10px;
}
.template-product .product-slider .slick-dots li {
    display: flex;
    height: 91px;
    width: auto;
    text-align: center;
    border: 1px solid #f9f9f9;
    border-radius: 5px;
    max-width: 130px;
    flex: 1 1 auto;
    background: #f9f9f9;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.template-product .product-image .slick-slide img {
    max-height: 400px;
    max-width: initial;
    width: 100%;
    object-fit: contain;
}
.product-slider .slick-dots li.slick-active {
    background: #F8FBEA;
    border: 1px solid #BBD631;
}
body .template-product .product-slider .slick-arrow {
    border: 1px solid #bbd631 !important;
    display: none !important;
}
.template-product .product-masthead-contain p.sub-head {
    display: none;
}
.template-product .product-masthead-contain .product-purchase {
    border: 0;
    background: #f7f7f7;
    box-shadow: none;
    margin-top: 40px;
    border-radius: 20px!important;
    margin-left: 30px;
    width: calc(50% - 15px);
    padding: 30px!important;
}
.product-masthead-contain .product-purchase h1 {
    color: #0F0C0A;
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 0;
}
.product-purchase h2 {
    margin-bottom: 10px !important;
}
.product-masthead-contain .product-purchase h1 br {
    display: none;
}
.product-masthead-contain .product-purchase h1 span {
    line-height: 1.7;
    display: block;
    margin-top: 5px;
}
.template-product .product-masthead-contain .jdgm-preview-badge .jdgm-star {
    color: #F9A41C;
    font-size: 15px !important;
    margin-right: 4px !important;
}
.template-product .product-masthead-contain .jdgm-prev-badge__text {
    visibility: unset;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
    color: #848484;
    margin-left: 2px;
}
.template-product .product-masthead-contain span.descri h6 {
    font-size: 14px!important;
    text-align: left;
    color: #000000;
    font-weight: 400;
    line-height: 1.6em;
    letter-spacing: 0 !important;
}
.template-product .product-masthead-contain .descri .gala {
    margin-top: 14px !important;
}
.template-product .product-masthead-contain .descri ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: left;
    color: #231C18;
    background-size: 14px;
    padding-left: 22px;
}
.template-product .product-masthead-contain p.saveupto {
    font-size: 14px;
    font-weight: 600;
    line-height: 23.8px;
    text-align: left;
}
.template-product .product-masthead-contain p.saveupto a {
    color: #BBD631 !important;
}
.template-product .product-masthead-contain p.saveupto a:hover {
    color: #0F0C0A !important;
}
.template-product .rc-container-wrapper.rc_container_wrapper {
    background: #f7f7f7;
    padding: 20px 20px 20px;
    border: 1px solid #f7f7f7;
    border-radius: 8px;
    margin-top: 17px;
    margin-bottom: 15px;
}
.template-product .rc-container-wrapper.rc_container_wrapper label {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 25.2px;
    text-align: left;
    color: #000;
    display: inline-flex !important;
    align-content: center;
    justify-content: space-between;
    width: 96%;
}
.template-product .rc-container-wrapper.rc_container_wrapper .rc-template__legacy-radio .rc-radio {
    margin-bottom: 18px;
}
.template-product .rc-container-wrapper.rc_container_wrapper .rc-widget .rc-option__discount {
    margin: 0 5px 0 auto;
}
.rc-template__legacy-radio .rc_widget__option__plans {
    position: relative;
    right: 0px;
    top: 0;
    padding: 0 0 0 27px !important;
    text-align: center;
    margin-top: 5px;
}
.product-purchase .rc-selling-plans select {
    border: 1px solid #E0EE96;
    padding: 5px 50px 5px 10px;
    width: 100%;
    background-color: #fff;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 18.6px;
    text-align: left;
    color: #878787;  
    margin-bottom: 0;
}
.input-num .number-button {
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    width: 2rem;
    height: 51%;
    position: absolute;
    right: 0;
    cursor: pointer;
    border: 1px solid white;
    overflow: hidden;
    text-indent: 0;
    background-image: url(//www.endur.com/cdn/shop/t/64/assets/ico-select.svg?v=8477058260175653131731929929);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ffffff;
    background-image: none;
    color: #c8c8c8 !important;
    font-size: 30px !important;
    background-color: #FBFBFB;
    border: 1px solid #0F9B4B1F;
}
.product-purchase .product-count {
    display: flex;
    max-width: 256px;
    width: 100%;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-right: 5px !important;
    padding-top: 30px;
}
.product-purchase .product-count label {
    display: block;
    position: absolute;
    top: 0px;
    left: 4px;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 500;
    line-height: 27px;
    text-align: left;
    color: #000;
    text-transform: capitalize;
}
.product-purchase .product-count input {
    max-width: 118px;
    padding-top: .85rem;
    padding-bottom: .85rem;
    height: 50px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 0;
    border-top: 1px solid #0F9B4B1F;
    border-radius: 0 !important;
    border-bottom: 1px solid #0F9B4B1F;
    order: 2;
}
.input-num .number-button {
    font-weight: 700;
    text-align: center;
    line-height: 1;
    right: 0;
    cursor: pointer;
    overflow: hidden;
    text-indent: 0;
    color: #c8c8c8!important;
    font-size: 30px!important;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    border: 1px solid #0F9B4B1F !important;
    background: #fbfbfb;
    border-radius: 5px;
    font-weight: 500;
}
.inc.number-button {
    order: 3;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px 0 0 5px;
}
.input-num .number-button.dec {
    bottom: 0;
    border-top: 0;
    border-left: none;
    position: relative;
    order: 1;
    border-radius: 5px 0 0 5px;
}
.product-purchase .purchase-buy {
    margin-top: 30px;
}
.product-purchase span[data-product-price], 
.product-purchase span.recharge-inner-most-price {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 700!important;
    line-height: 1.4em;
    text-align: left;
    color: #231C18;
}
.template-product .cbb-frequently-bought-container.cbb-desktop-view {
    text-align: left !important;
    background: #f7f7f7;
    border-radius: 15px;
    padding: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    margin-bottom: 120px !important;
    max-width: 1170px !important;
}
body.template-product .cbb-frequently-bought-container h2 {
    position: absolute;
    left: 52px;
    top: 41px;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 56px;
    text-align: left !important;
    color: #000!important;
    text-transform: none;
    max-width: 420px;
}
.template-product .cbb-frequently-bought-recommendations-container {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex: 0 0 60%;
    order: 2;
    flex-direction: column;
    padding-left: 10px;
}
.template-product .cbb-frequently-bought-selector-list {
    text-align: left!important;
    max-width: 403px!important;
    margin: 130px 30px 0 0 !important;
    flex: 0 0 40%;
    order: 1;
}
.template-product ul.cbb-frequently-bought-products {
    background: #fff;
    border-radius: 15px;
    width: 100%;
    padding: 55px 20px 60px 40px!important;
}
.template-product li.cbb-frequently-bought-product {
    width: 100%;
    max-width: 194px;
    display: inline-flex !important;
    justify-content: space-around;
}
.template-product li.cbb-frequently-bought-product,
.template-product .cbb-frequently-bought-product-image,
.template-product .cbb-frequently-bought-plus-icon.skiptranslate.notranslate{
    height: 195px !important;
}
.template-product .cbb-frequently-bought-plus-icon.skiptranslate.notranslate {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.template-product .cbb-frequently-bought-total-price-box {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px !important;
}
.template-product .cbb-frequently-bought-form {
    width: 100%;
}
.template-product button.cbb-frequently-bought-add-button {
    background: #BBD631 !important;
    color: #000 !important;
    width: 100% !important;
    height: 50px;
}
.template-product button.cbb-frequently-bought-add-button:hover {
    background: #000 !important;
    color: #BBD631 !important;
}
.template-product .cbb-frequently-bought-selector-list li {
    margin-bottom: 15px;
    padding-bottom: 30px;
    position: relative;
}
.template-product select.cbb-recommendations-variant-select.cbb-frequently-bought-this-item-variant-select, .template-product .cbb-recommendations-variant-select {
    width: 100%!important;
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 381px;
    font-family: Montserrat;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 21.6px;
    text-align: left !important;
    color: #878787 !important;
    border-radius: 4px !important;
    border: 1px solid #E0EE96 !important;
    height: 30px !important;
}
.template-product span.cbb-frequently-bought-selector-label-regular-price{
    margin-left: auto !important;
    margin-right: 0 !important;
    position: absolute;
    top: 8px;
    right: 0;
}
.template-product h3.cbb-frequently-bought-selector-label-name {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 19.6px;
    text-align: left;
    color: #000 !important;
    text-transform: capitalize;
}
.template-product span.cbb-frequently-bought-this-item-label.translatable {
    display: none;
}
.template-product .cbb-frequently-bought-selector-label-regular-price span.money {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    line-height: 21.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000 !important;
}
.template-product .cbb-frequently-bought-selector-list li input[type=checkbox]{
    accent-color: #BBD631 !important;
}





.template-product .shell .breadcrumb {
    display: none;
}
.shell .fulla {
    background: #231C18 !important;
    padding: 90px 30px 0px;
}
.shell .fulla .page-width {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    column-gap: 30px;
    row-gap: 25px;
    box-sizing: border-box;
    max-width: 1190px;
}
.shell .fulla h2 {
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
    text-align: center;
    text-transform: none;
    max-width: 900px;
    margin: 0 auto 20px;
}
.shell .fulla h2 br{
  display: none;
}
.shell .fulla .col-md-4 {
    width: calc(33.33% - 30px);
    float: left;
    padding: 15px;
    text-align: center;
    margin-bottom: 20px;
    background: #000;
    background: #ffffff1f;
    border: 1px solid #FFFFFF2B;
    border-radius: 10px;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 40px 35px 20px;
    min-height: 272px;
}
.shell .fulla .col-md-4:last-child {margin-right: 0;}
.shell .fulla .col-md-4 img {
    order: 1;
    width: 68px !important;
    height: 68px;
    border: 2px solid #ffffff;
    border-radius: 10px;
    padding: 11px !important;
    object-fit: contain;
    margin-bottom: 25px;
}
.shell .fulla .col-md-4 h3 {
    order: 2;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: left;
}
.shell .fulla .col-md-4 p {
    order: 3;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
    text-align: left;
}
.product-copy {
    padding: 0 30px;
}
.product-contain {
    max-width: 1170px;
    /* border: 1px solid #DDDDDD; */
    padding: 30px;
}
.template-product .content-related .mci-grid .capsule-contain {
    min-height: 630px !important;
}
.template-product .capsule-carousel.mci-grid .capsule-contain:hover {
    transform: scale(1) !important;
}
.template-product .content-related .mci-grid .capsule-button {
    background: #fff;
    border-color: #fff;
    box-shadow: none !important;
}
.template-product #shopify-section-product .gray-shell {
    background: #ffffff;
    padding-top: 55px;
    padding-bottom: 10px;
}
.template-product .mci-capsule.capsule-copy {
    display: flex;
    flex-direction: column;
}
.template-product .content-related .section-header h2 {
    display: inline-block;
    color: #68594c;
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    color: #000;
}
.template-product .content-related .mci-details-grid .capsule-copy h2 {
    min-height: auto;
    margin-top: 75px;
}
.template-product .content-related .mci-details-grid .capsule-copy .capsule-image{
    order: 1;
    overflow: visible;
}
.template-product .content-related .mci-details-grid .capsule-copy h2{
    order: 2;
    }
.template-product .content-related .mci-details-grid .capsule-copy .capsule-subhead{
    order: 3;
}
.template-product .content-related .mci-details-grid .capsule-copy .product-price {
    order: 5;
    margin-top: 17px;
    color: #BBD631 !important;
}
.template-product .content-related .mci-details-grid .capsule-copy .jdgm-widget{
    order: 4;
}
.template-product .content-related .mci-details-grid .capsule-copy p{
    order: 6;
}
.template-product .content-related .mci-grid .capsule-contain {
    min-height: 700px !important;
}
.template-product .content-related .mci-grid .capsule-button .btn {
    width: 100%;
}
.template-product .jdgm-rev-widg.jdgm-rev-widg {    
    border: 0;
    padding: 0;
    margin-top: 10px;
}
.template-product .jdgm-rev-widg__title {    
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 45px !important;
}
.jdgm-divider-top {
    margin-top: 30px !important;
    padding-top: 35px !important;
    border-top: 1px solid #eee;
}
.benefits-of-sustained {
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
}
.benifit-wrpper {
    max-width: 600px;
    margin: auto auto auto 0;
    width: 100%;
    padding: 60px 30px 10px 100px;
}
.benifit-wrpper h2 {
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
    text-align: left;
    color: #fff;
    text-transform: none;
}
.benifit-card {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 55px;
}
.benifit-card figure {
    margin: 0;
    width: auto;
  margin-right: 24px;
}
.benefits-of-sustained .col-md-6 > img {
    object-fit: cover;
    object-position: center right !important;
}
.benifit-card .content h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 1px !important;
    text-align: left;
    color: #fff!important;
    margin-bottom: 0;

}
.benifit-card .content, .benifit-card .content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
    text-align: left;
    color: #fff!important;
    margin-bottom: 0;
}
.jdgm-rev-widg {
    color: #68594c !important;
}
.jdgm-rev-widg__title{
  color: #000 !important;
}
a.jdgm-ask-question-btn {
    background-color: #bbd631;
    color: #231c18 !important;
    border-color: #bbd631;
}
a.jdgm-ask-question-btn:hover {
    background-color: #231c18 !important;
    color: #bbd631 !important;
    border-color: #231c18 !important;
}

.template-collection .capsule-button .sub-head {
    position: absolute;
    right: 10px;
    box-shadow: 0px 4px 14px 0px #00000026;
    width: 81px !important;
    height: 81px !important;
    border-radius: 50% !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-family: 'Montserrat' !important;
    top: 11px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.template-collection .capsule-button p.sub-head.immediate-release {
    background: #000000 !important;
}
.template-collection .capsule-button p.sub-head.sustained-release {
    background: #000000 !important;
}
.template-collection .capsule-button  p.sub-head.extended-release {
    background-color: #000000 !important;
}
.template-collection .capsule-button p.sub-head.chewable {
    background-color: #000000 !important;
}
.template-collection .capsule-button {
    box-shadow: unset !important;
      border-radius: 5px !important;
}  
form.needsclick.klaviyo-form.klaviyo-form-version-cid_2.go417382439.kl-private-reset-css-Xuajs1 {
    max-width: 100% !important;
    width: 100% !important;
}
.needsclick.kl-private-reset-css-Xuajs1 > .needsclick.kl-private-reset-css-Xuajs1 {
    /* CC: Remove because it's causing issue with Klaviyo popup form */
    /* justify-content: flex-end !important; */
}
button.needsclick.klaviyo-close-form.go2324193863.kl-private-reset-css-Xuajs1 {
    right: -12px !important;
    top: -12px !important;
    margin: 0px 0px 0px 0px !important;
}
.inner-banner-wr.masthead.masthead-large {
    display: flex;
    align-items: center;
    padding: 142px 0 59px !important;
    background-position: center top !important;
    background-size: cover !important;
    height: 450px !important;
      background-repeat: no-repeat !important;
  justify-content: center;
}

.template-page .inner-banner-wr .masthead-copy.wrapper {
    max-width: 1200px !important;
    margin: 0 auto !important;
    text-align: left !important;
    padding: 0px 15px;
}
.template-page .inner-banner-wr .masthead-copy.wrapper h1 {
    color: #000000;
    font-weight: 700;
    font-size: 56px;
    line-height: 120%;
}
@media (max-width: 1024px){
.benifit-wrpper {
    padding: 60px 30px 10px 50px;
}
.benifit-wrpper h2 {
    font-size: 36px;
    line-height: 1.3;
}
}
@media (max-width: 980px){
body.template-collection .header-home {
    padding-top: 70px !important;
    padding-bottom: 0px !important;
}
.template-collection .header-home h1 span {
    font-size: 36px !important;
}
#your-shopping-cart .cart-contain {
    padding-top: 150px !important;
}
.mci-capsule.capsule-copy .product-price {
    margin-bottom: 15px;
}
.template-collection .capsules.grid.mci-grid {
    padding-bottom: 50px;
}
.template-collection .mci-grid.grid .capsule-contain{
    width: 50%;
}
.mci-capsule .capsule-image img {
    max-height: 230px;
}
.collection-description {
    margin-bottom: 30px!important;
}
.benefits-of-sustained .col-md-6 > img {
    object-fit: cover;
    object-position: center right !important;
}
.benifit-wrpper {
    padding: 60px 30px 10px 30px;
}
}
@media (max-width: 767px){
body .template-collection .header-home {
    padding-top: 40px !important;
    padding-bottom: 0!important;
}
.template-collection .header-home h1 span {
    font-size: 24px !important;
    line-height: 1.7;
}
div[data-testid="POPUP"] form.needsclick.klaviyo-form.klaviyo-form-version-cid_2.go417382439.kl-private-reset-css-Xuajs1 {
    /* CC: Remove code because it's causing an issue with Klaviyo popup */
    /* background: #fff!important;                                    */
    padding: 0!important;
    flex-direction: column-reverse !important;
    height: -webkit-fill-available !important;
}
div[data-testid="POPUP"] form.needsclick.klaviyo-form>.needsclick.kl-private-reset-css-Xuajs1:first-child {
    flex: 0 0 calc(100% - 40px)!important;
    width: calc(100% - 40px)!important;
    margin: 0 auto !important;
  
}
div[data-testid="POPUP"] form.needsclick.klaviyo-form>.needsclick.kl-private-reset-css-Xuajs1:nth-child(2) {
    flex: 0 0 100%!important;
    width: 100%!important;
    min-width: 100%!important;
    margin: 0!important;
}
div[data-testid="POPUP"] > .needsclick.kl-private-reset-css-Xuajs1{
  transform: scale(0.8)!important;
  /* padding-right: 40px !important; */
}
  
body.template-register .page-width {
    padding-top: 40px;
}
.product-masthead {
    padding-top: 90px;
}
#your-shopping-cart .cart-contain {
    padding-top: 90px!important;
}
.template-collection .capsules.grid.mci-grid {
    padding-bottom: 40px;
}
.template-collection .mci-grid.grid .capsule-contain {
    width: 100%;
}
.benefits-of-sustained {
    flex-wrap: wrap;
}
.mci-capsule .capsule-image img {
    max-height: 172px;
}
.mci-capsule.capsule-copy h2 a {
    font-size: 18px;
}
.benifit-wrpper h2 {
    font-size: 28px;
}
body .needsclick.kl-private-reset-css-Xuajs1 > .needsclick.kl-private-reset-css-Xuajs1 {
    max-width: 100% !important;
    margin: 0 auto 3px!important;
    /* transform: scale(0.95) !important; */
}
div[data-testid=POPUP] form.needsclick.klaviyo-form>.needsclick.kl-private-reset-css-Xuajs1:first-child {
    flex: 0 0 65% !important;
  }
}


@media only screen and (max-width:649px) {
    .content-aside {
        max-width: 90%;
    }
  }
.ajaxified-cart-feedback__under {
    background: unset !important;
}