@font-face {
    font-family: "publicaplay-bold";
    src: url("publicaplay-bold.otf") format("opentype");
  }
 @font-face {
    font-family: "publicasans-bold";
    src: url("PublicaSans-Bold.otf") format("opentype");
  }	
  @font-face {
    font-family: "manrope-regular";
    src: url("Manrope-Regular.woff2") format("woff2"),
         url("Manrope-Regular.woff") format("woff");
  }
  @font-face {
    font-family: "publicaplay-regular";
    src: url("Manrope-Regular.woff2") format("woff2"),
         url("Manrope-Regular.woff") format("woff");
  }  
  

  @font-face {
    font-family: 'icons';
    src: url('//4chairchicks.com/cdn/shop/t/4/assets/icons.eot?v=136504279994555154851600276170');
    src: url('//4chairchicks.com/cdn/shop/t/4/assets/icons.eot?v=136504279994555154851600276170#iefix') format("embedded-opentype"),
        url('//4chairchicks.com/cdn/shop/t/4/assets/icons.woff?v=80371519890771587011600276171') format("woff"),
        url('//4chairchicks.com/cdn/shop/t/4/assets/icons.ttf?v=53474355071645681691600276171') format("truetype"),
        url('//4chairchicks.com/cdn/shop/t/4/assets/icons.svg?v=1632698112070928441600276171#timber-icons') format("svg");
    font-weight: normal;
    font-style: normal;
  }

  

  
  
  

  @font-face {
  font-family: Rubik;
  font-weight: 400;
  font-style: normal;
  src: url("//4chairchicks.com/cdn/fonts/rubik/rubik_n4.c2fb67c90aa34ecf8da34fc1da937ee9c0c27942.woff2?h1=NGNoYWlyY2hpY2tzLmNvbQ&h2=NGNoYWlyY2hpY2suY29t&h3=NGNoYWlyY2hpY2sub3Jn&h4=NGNoYWlyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=7c62c79815b7e4219a16b47f824ee4595605c2479871c6cce7c01092236876c1") format("woff2"),
       url("//4chairchicks.com/cdn/fonts/rubik/rubik_n4.d229bd4a6a25ec476a0829a74bf3657a5fd9aa36.woff?h1=NGNoYWlyY2hpY2tzLmNvbQ&h2=NGNoYWlyY2hpY2suY29t&h3=NGNoYWlyY2hpY2sub3Jn&h4=NGNoYWlyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=e4ca3a782b87f6289d3ee9fe975ac6f6e6f0f173f966366cf76e935deafd2f2f") format("woff");
}

  @font-face {
  font-family: "Playfair Display";
  font-weight: 700;
  font-style: normal;
  src: url("//4chairchicks.com/cdn/fonts/playfair_display/playfairdisplay_n7.592b3435e0fff3f50b26d410c73ae7ec893f6910.woff2?h1=NGNoYWlyY2hpY2tzLmNvbQ&h2=NGNoYWlyY2hpY2suY29t&h3=NGNoYWlyY2hpY2sub3Jn&h4=NGNoYWlyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=c4fc2bc7dff98e19985d503f3130950f8148ab5db38fd8ca644e5ceca91002d9") format("woff2"),
       url("//4chairchicks.com/cdn/fonts/playfair_display/playfairdisplay_n7.998b1417dec711058cce2abb61a0b8c59066498f.woff?h1=NGNoYWlyY2hpY2tzLmNvbQ&h2=NGNoYWlyY2hpY2suY29t&h3=NGNoYWlyY2hpY2sub3Jn&h4=NGNoYWlyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=5f39ef00ecb33d62f5174b3a75a8ea6db30e65cd1d7cdce7efeff2ce977d3bee") format("woff");
}

  @font-face {
  font-family: "Crimson Text";
  font-weight: 400;
  font-style: normal;
  src: url("//4chairchicks.com/cdn/fonts/crimson_text/crimsontext_n4.a9a5f5ab47c6f5346e7cd274511a5d08c59fb906.woff2?h1=NGNoYWlyY2hpY2tzLmNvbQ&h2=NGNoYWlyY2hpY2suY29t&h3=NGNoYWlyY2hpY2sub3Jn&h4=NGNoYWlyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=f26a02d138bed78fe4bc21e31f6d4a8b7cb926d6b09136e651233057ed1306e3") format("woff2"),
       url("//4chairchicks.com/cdn/fonts/crimson_text/crimsontext_n4.e89f2f0678223181d995b90850b6894b928b2f96.woff?h1=NGNoYWlyY2hpY2tzLmNvbQ&h2=NGNoYWlyY2hpY2suY29t&h3=NGNoYWlyY2hpY2sub3Jn&h4=NGNoYWlyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=62735b13691b67746740bcb55133cd52ac52b4a195cdceeb2667015bc543d68d") format("woff");
}

@font-face {
  font-family: "Playfair Display";
  font-weight: 900;
  font-style: normal;
  src: url("//4chairchicks.com/cdn/fonts/playfair_display/playfairdisplay_n9.25b8b0442b16a9de210548264f9fabab9b6733a6.woff2?h1=NGNoYWlyY2hpY2tzLmNvbQ&h2=NGNoYWlyY2hpY2suY29t&h3=NGNoYWlyY2hpY2sub3Jn&h4=NGNoYWlyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9c14f487901ed27b322278d57852e21ad891934b34c55489578aadc8dcd91e5c") format("woff2"),
       url("//4chairchicks.com/cdn/fonts/playfair_display/playfairdisplay_n9.26302b5d8902d85a9f024e427e89918021cad942.woff?h1=NGNoYWlyY2hpY2tzLmNvbQ&h2=NGNoYWlyY2hpY2suY29t&h3=NGNoYWlyY2hpY2sub3Jn&h4=NGNoYWlyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d7336e885399d9cf7bff26104625648ef8a90de09f28579c01c2abce8ef069b3") format("woff");
}

  @font-face {
  font-family: "Playfair Display";
  font-weight: 700;
  font-style: italic;
  src: url("//4chairchicks.com/cdn/fonts/playfair_display/playfairdisplay_i7.ba833b400bcd9c858b439c75a4a7c6eddc4c7de0.woff2?h1=NGNoYWlyY2hpY2tzLmNvbQ&h2=NGNoYWlyY2hpY2suY29t&h3=NGNoYWlyY2hpY2sub3Jn&h4=NGNoYWlyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=a03ad2291aff93edd2235e5899a4562af69e4098ed26f917865cb3c10bb2f2bf") format("woff2"),
       url("//4chairchicks.com/cdn/fonts/playfair_display/playfairdisplay_i7.4872c65919810cd2f622f4ba52cd2e9e595f11d5.woff?h1=NGNoYWlyY2hpY2tzLmNvbQ&h2=NGNoYWlyY2hpY2suY29t&h3=NGNoYWlyY2hpY2sub3Jn&h4=NGNoYWlyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=7bc99102e55434973585c2105c3ccb49ff41db54ee9a2df5e188d6f0f89a0bd7") format("woff");
}

  @font-face {
  font-family: "Playfair Display";
  font-weight: 900;
  font-style: italic;
  src: url("//4chairchicks.com/cdn/fonts/playfair_display/playfairdisplay_i9.1396a6f9447b84a31dcc357fd42630dd33bc57fa.woff2?h1=NGNoYWlyY2hpY2tzLmNvbQ&h2=NGNoYWlyY2hpY2suY29t&h3=NGNoYWlyY2hpY2sub3Jn&h4=NGNoYWlyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=218502a48aa076faf535e29efb9d8d017719e6b4930de34ae8d7fec8262f0c9c") format("woff2"),
       url("//4chairchicks.com/cdn/fonts/playfair_display/playfairdisplay_i9.5c9456e0742e9164f2299bfb5e2867f53dd9e222.woff?h1=NGNoYWlyY2hpY2tzLmNvbQ&h2=NGNoYWlyY2hpY2suY29t&h3=NGNoYWlyY2hpY2sub3Jn&h4=NGNoYWlyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=44ec1c2b2882b6d5a3d46018d6b11ccbb35e5952eef5c750a3200adeb2054710") format("woff");
}


  
  

  
    

  

  

  
  
  

  
  
  

  
  
  

  

  

  

  

  
  
  
  

  

  
  

  
  

  

  

  
  

  

  

  
  

  

  

  
  

  

  

  
  

  
  

  

  
  

  
  

  

  
  

  
  

  

  
  

  
  

  

  


  

  

  

  
  

  

  

  

  /*============================================================================
  Editorial
  Copyright 2020 Switch Themes
  Author William Rainbird
  Based off Shopify's Timber framework
  Built with Sass - http://sass-lang.com/

  - Helpers variables, mixins, and starter classes are provided. Change as needed.
  - The file is prepped with a CSS reset
  - The font icons are prepared using https://icomoon.io/app
==============================================================================*/
/*============================================================================
  Table of Contents

  #Dev Styles
  #Breakpoint and Grid Variables
  #Colors
  #General Variables
  #Sass Mixins
  #Normalize
  #Grid Setup
  #Basic Styles
  #Helper Classes
  #Typography
  #Rich Text Editor
  #Links and Buttons
  #Lists
  #Tables
  #Reponsive Tables
  #OOCSS Media Object
  #Images and Iframes
  #Forms
  #Icons
  #Pagination
  #Site Header
  #Site Nav and Dropdowns
  #Mobile Nav
  #Drawers
  #Site Footer
  #Product and Collection Grids
  #Collection Filters
  #Breadcrumbs
  #Product Page
  #Product Media
  #Notes and Form Feedback
  #Cart Page
  #Ajax Cart Styles
  #Social
  #Sections
  #Articles
  #Feature Image
  #Feature Content
  #Store
  #Video
  #Lightbox
  #Gallery
  #Search Bar
  #Slick
  #Share
  #Page
  #Password
  #Customers
  #Map
  #Unit Prices
==============================================================================*/
/*============================================================================
  #Breakpoint and Grid Variables
==============================================================================*/
/*

FROM TIMBER

*/
/*================ The following are dependencies of csswizardry grid ================*/
/*

END TIMBER

*/
/*============================================================================
  #Colors
==============================================================================*/
.color--primary {
  color: #333333;
}

.color--primary-overlay {
  color: #f7f7f7;
}

.color--primary-faded {
  color: rgba(51, 51, 51, 0.2 );
}

.color--main-accent {
  color: #ff8d5e;
}

.color--main-accent-overlay {
  color: #333333;
}

.color--shop-accent {
  color: #ffbf5f;
}

.color--shop-accent-overlay {
  color: #333333;
}

.color--secondary-accent {
  color: #5e3c61;
}

.color--secondary-accent-overlay {
  color: #f7f7f7;
}

.color--white {
  color: #fff;
}

.color--black {
  color: #000;
}

.color--white-overlay {
  color: #000;
}

.color--black-overlay {
  color: #fff;
}

.bg--primary {
  background-color: #333333;
}

.bg--main-accent {
  background-color: #ff8d5e;
}

.bg--main-accent-rgba {
  background-color: rgba(255, 141, 94, 0.95 );
}

.bg--secondary-accent {
  background-color: #5e3c61;
}

.bg--secondary-accent-overlay {
  background-color: #f7f7f7;
}

.bg--shop-accent {
  background-color: #ffbf5f;
}

.bg--white {
  background-color: #fff;
}

.bg--black {
  background-color: #000;
}

.bg--section {
  background-color: #f7f7f7;
}

.bg--body {
  background-color: #f7f7f7;
}

.hv--primary-overlay:hover {
  color: #f7f7f7;
}

.hv--shop-accent:hover, .slick-prev:hover, .slick-next:hover {
  color: #ffbf5f;
}

.hv--shop-accent-overlay:hover {
  color: #333333;
}

.hv--white:hover {
  color: #fff;
}

.hv--black:hover {
  color: #000;
}

.border--primary {
  border-color: #333333;
}

.border--primary-overlay {
  border-color: #f7f7f7;
}

.border--main-accent {
  border-color: #ff8d5e;
}

.border--main-accent-overlay {
  border-color: #333333;
}

.border--shop-accent {
  border-color: #ffbf5f;
}

.border--shop-accent-overlay {
  border-color: #333333;
}

.border--secondary-accent {
  border-color: #5e3c61;
}

.border--secondary-accent-overlay {
  border-color: #f7f7f7;
}

.border--white {
  border-color: #fff;
}

.border--black {
  border-color: #000;
}

.hv-bg--primary:hover {
  background-color: #333333;
}

.hv-bg--main-accent:hover {
  background-color: #ff8d5e;
}

.hv-bg--shop-accent:hover {
  background-color: #ffbf5f;
}

.hv-bg--white:hover {
  background-color: #fff;
}

.hv-bg--black:hover {
  background-color: #000;
}

/*============================================================================
  #General Variables
==============================================================================*/
/* Spacing
========================================================================== */
/* Z-Index
========================================================================== */
/* Borders
========================================================================== */
/* Typography
========================================================================== */
/*================ Typography ================*/
/* Line Height
========================================================================== */
/*============================================================================
  #Sass Mixins
==============================================================================*/
.clearfix {
  *zoom: 1;
}

.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

/*============================================================================
  Prefixer mixin for generating vendor prefixes:
    - Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss
    - Usage:

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

      // Output:
      .element {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
      }
==============================================================================*/
/*============================================================================
  Layer promotion mixin for creating smoother animations with higher FPS.
==============================================================================*/
/*============================================================================
  Dependency-free breakpoint mixin
    - Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
    - Usage docs: http://shopify.github.io/Timber/#sass-mixins
==============================================================================*/
/*============================================================================
  Dependency-free breakpoint mixin
    - Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
    - Usage docs: http://shopify.github.io/Timber/#sass-mixins
==============================================================================*/
/*============================================================================
  #Normalize
==============================================================================*/
*, input {
  box-sizing: border-box;
}

html, body {
  padding: 0;
  margin: 0;
}

article, details, footer, header, main, nav, section {
  display: block;
}

 video {
  display: inline-block;
  vertical-align: baseline;
}

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

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

/*============================================================================
  #Grid Setup
    - Based on csswizardry grid, but with floated columns, a fixed gutter size, and BEM classes
    - Breakpoints defined above, under #Breakpoint and Grid Variables
    - Note the inclusion of .grid-uniform to take care of clearfixes on evenly sized grid items
==============================================================================*/
/* Force clearfix on grids */
.grid, .grid--rev, .grid--full,
.grid-uniform {
  *zoom: 1;
}

.grid:after, .grid--rev:after, .grid--full:after,
.grid-uniform:after {
  content: '';
  display: table;
  clear: both;
}

/* Manual grid__item clearfix */
.grid__item.clear {
  clear: both;
}

/*============================================================================
  Drop relative positioning into silent classes which can't take advantage of
  the `[class*="push--"]` and `[class*="pull--"]` selectors.
==============================================================================*/
/*============================================================================
  Grid Setup
    1. Allow the grid system to be used on lists.
    2. Remove any margins and paddings that might affect the grid system.
    3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
.grid, .grid--rev, .grid--full,
.grid-uniform {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -32px;
}

.grid__item {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding-left: 32px;
  vertical-align: top;
  width: 100%;
}

.grid--cart-button-gutter {
  margin-left: -10px;
}

.grid--cart-button-gutter .grid__item {
  padding-left: 10px;
}

/*============================================================================
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
  direction: rtl;
  text-align: left;
}

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

/* Gutterless grids have all the properties of regular grids, minus any spacing. */
.grid--full {
  margin-left: 0;
}

.grid--full > .grid__item {
  padding-left: 0;
}

/*============================================================================
  WIDTHS
    - Create width classes, prefixed by the specified namespace.
==============================================================================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Helper show/hide classes around our breakpoints ================*/
/*================ Our regular, non-responsive width and helper classes ================*/
/** Whole */
.one-whole {
  width: 100%;
}

/* Halves */
.one-half {
  width: 50%;
}

/* Thirds */
.one-third {
  width: 33.333%;
}

.two-thirds {
  width: 66.666%;
}

/* Quarters */
.one-quarter {
  width: 25%;
}

.two-quarters {
  width: 50%;
}

.three-quarters {
  width: 75%;
}

/* Fifths */
.one-fifth {
  width: 20%;
}

.two-fifths {
  width: 40%;
}

.three-fifths {
  width: 60%;
}

.four-fifths {
  width: 80%;
}

/* Sixths */
.one-sixth {
  width: 16.666%;
}

.two-sixths {
  width: 33.333%;
}

.three-sixths {
  width: 50%;
}

.four-sixths {
  width: 66.666%;
}

.five-sixths {
  width: 83.333%;
}

/* Eighths */
.one-eighth {
  width: 12.5%;
}

.two-eighths {
  width: 25%;
}

.three-eighths {
  width: 37.5%;
}

.four-eighths {
  width: 50%;
}

.five-eighths {
  width: 62.5%;
}

.six-eighths {
  width: 75%;
}

.seven-eighths {
  width: 87.5%;
}

/* Tenths */
.one-tenth {
  width: 10%;
}

.two-tenths {
  width: 20%;
}

.three-tenths {
  width: 30%;
}

.four-tenths {
  width: 40%;
}

.five-tenths {
  width: 50%;
}

.six-tenths {
  width: 60%;
}

.seven-tenths {
  width: 70%;
}

.eight-tenths {
  width: 80%;
}

.nine-tenths {
  width: 90%;
}

/* Twelfths */
.one-twelfth {
  width: 8.333%;
}

.two-twelfths {
  width: 16.666%;
}

.three-twelfths {
  width: 25%;
}

.four-twelfths {
  width: 33.333%;
}

.five-twelfths {
  width: 41.666%;
}

.six-twelfths {
  width: 50%;
}

.seven-twelfths {
  width: 58.333%;
}

.eight-twelfths {
  width: 66.666%;
}

.nine-twelfths {
  width: 75%;
}

.ten-twelfths {
  width: 83.333%;
}

.eleven-twelfths {
  width: 91.666%;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

/*================ Our responsive classes, if we have enabled them ================*/
@media only screen and (max-width: 480px) {
  /** Whole */
  .sm--one-whole {
    width: 100%;
  }
  /* Halves */
  .sm--one-half {
    width: 50%;
  }
  /* Thirds */
  .sm--one-third {
    width: 33.333%;
  }
  .sm--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .sm--one-quarter {
    width: 25%;
  }
  .sm--two-quarters {
    width: 50%;
  }
  .sm--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .sm--one-fifth {
    width: 20%;
  }
  .sm--two-fifths {
    width: 40%;
  }
  .sm--three-fifths {
    width: 60%;
  }
  .sm--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .sm--one-sixth {
    width: 16.666%;
  }
  .sm--two-sixths {
    width: 33.333%;
  }
  .sm--three-sixths {
    width: 50%;
  }
  .sm--four-sixths {
    width: 66.666%;
  }
  .sm--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .sm--one-eighth {
    width: 12.5%;
  }
  .sm--two-eighths {
    width: 25%;
  }
  .sm--three-eighths {
    width: 37.5%;
  }
  .sm--four-eighths {
    width: 50%;
  }
  .sm--five-eighths {
    width: 62.5%;
  }
  .sm--six-eighths {
    width: 75%;
  }
  .sm--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .sm--one-tenth {
    width: 10%;
  }
  .sm--two-tenths {
    width: 20%;
  }
  .sm--three-tenths {
    width: 30%;
  }
  .sm--four-tenths {
    width: 40%;
  }
  .sm--five-tenths {
    width: 50%;
  }
  .sm--six-tenths {
    width: 60%;
  }
  .sm--seven-tenths {
    width: 70%;
  }
  .sm--eight-tenths {
    width: 80%;
  }
  .sm--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .sm--one-twelfth {
    width: 8.333%;
  }
  .sm--two-twelfths {
    width: 16.666%;
  }
  .sm--three-twelfths {
    width: 25%;
  }
  .sm--four-twelfths {
    width: 33.333%;
  }
  .sm--five-twelfths {
    width: 41.666%;
  }
  .sm--six-twelfths {
    width: 50%;
  }
  .sm--seven-twelfths {
    width: 58.333%;
  }
  .sm--eight-twelfths {
    width: 66.666%;
  }
  .sm--nine-twelfths {
    width: 75%;
  }
  .sm--ten-twelfths {
    width: 83.333%;
  }
  .sm--eleven-twelfths {
    width: 91.666%;
  }
  .sm--hide {
    display: none !important;
  }
  .grid-uniform .sm--one-half:nth-child(2n+1),
  .grid-uniform .sm--one-third:nth-child(3n+1),
  .grid-uniform .sm--one-quarter:nth-child(4n+1),
  .grid-uniform .sm--one-fifth:nth-child(5n+1),
  .grid-uniform .sm--one-sixth:nth-child(6n+1),
  .grid-uniform .sm--two-sixths:nth-child(3n+1),
  .grid-uniform .sm--three-sixths:nth-child(2n+1),
  .grid-uniform .sm--two-eighths:nth-child(4n+1),
  .grid-uniform .sm--four-eighths:nth-child(2n+1),
  .grid-uniform .sm--five-tenths:nth-child(2n+1),
  .grid-uniform .sm--one-twelfth:nth-child(12n+1),
  .grid-uniform .sm--two-twelfths:nth-child(6n+1),
  .grid-uniform .sm--three-twelfths:nth-child(4n+1),
  .grid-uniform .sm--four-twelfths:nth-child(3n+1),
  .grid-uniform .sm--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  /** Whole */
  .md--one-whole {
    width: 100%;
  }
  /* Halves */
  .md--one-half {
    width: 50%;
  }
  /* Thirds */
  .md--one-third {
    width: 33.333%;
  }
  .md--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .md--one-quarter {
    width: 25%;
  }
  .md--two-quarters {
    width: 50%;
  }
  .md--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .md--one-fifth {
    width: 20%;
  }
  .md--two-fifths {
    width: 40%;
  }
  .md--three-fifths {
    width: 60%;
  }
  .md--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .md--one-sixth {
    width: 16.666%;
  }
  .md--two-sixths {
    width: 33.333%;
  }
  .md--three-sixths {
    width: 50%;
  }
  .md--four-sixths {
    width: 66.666%;
  }
  .md--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .md--one-eighth {
    width: 12.5%;
  }
  .md--two-eighths {
    width: 25%;
  }
  .md--three-eighths {
    width: 37.5%;
  }
  .md--four-eighths {
    width: 50%;
  }
  .md--five-eighths {
    width: 62.5%;
  }
  .md--six-eighths {
    width: 75%;
  }
  .md--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .md--one-tenth {
    width: 10%;
  }
  .md--two-tenths {
    width: 20%;
  }
  .md--three-tenths {
    width: 30%;
  }
  .md--four-tenths {
    width: 40%;
  }
  .md--five-tenths {
    width: 50%;
  }
  .md--six-tenths {
    width: 60%;
  }
  .md--seven-tenths {
    width: 70%;
  }
  .md--eight-tenths {
    width: 80%;
  }
  .md--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .md--one-twelfth {
    width: 8.333%;
  }
  .md--two-twelfths {
    width: 16.666%;
  }
  .md--three-twelfths {
    width: 25%;
  }
  .md--four-twelfths {
    width: 33.333%;
  }
  .md--five-twelfths {
    width: 41.666%;
  }
  .md--six-twelfths {
    width: 50%;
  }
  .md--seven-twelfths {
    width: 58.333%;
  }
  .md--eight-twelfths {
    width: 66.666%;
  }
  .md--nine-twelfths {
    width: 75%;
  }
  .md--ten-twelfths {
    width: 83.333%;
  }
  .md--eleven-twelfths {
    width: 91.666%;
  }
  .grid-uniform .md--one-half:nth-child(2n+1),
  .grid-uniform .md--one-third:nth-child(3n+1),
  .grid-uniform .md--one-quarter:nth-child(4n+1),
  .grid-uniform .md--one-fifth:nth-child(5n+1),
  .grid-uniform .md--one-sixth:nth-child(6n+1),
  .grid-uniform .md--two-sixths:nth-child(3n+1),
  .grid-uniform .md--three-sixths:nth-child(2n+1),
  .grid-uniform .md--two-eighths:nth-child(4n+1),
  .grid-uniform .md--four-eighths:nth-child(2n+1),
  .grid-uniform .md--five-tenths:nth-child(2n+1),
  .grid-uniform .md--one-twelfth:nth-child(12n+1),
  .grid-uniform .md--two-twelfths:nth-child(6n+1),
  .grid-uniform .md--three-twelfths:nth-child(4n+1),
  .grid-uniform .md--four-twelfths:nth-child(3n+1),
  .grid-uniform .md--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 768px) {
  /** Whole */
  .md-dn--one-whole {
    width: 100%;
  }
  /* Halves */
  .md-dn--one-half {
    width: 50%;
  }
  /* Thirds */
  .md-dn--one-third {
    width: 33.333%;
  }
  .md-dn--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .md-dn--one-quarter {
    width: 25%;
  }
  .md-dn--two-quarters {
    width: 50%;
  }
  .md-dn--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .md-dn--one-fifth {
    width: 20%;
  }
  .md-dn--two-fifths {
    width: 40%;
  }
  .md-dn--three-fifths {
    width: 60%;
  }
  .md-dn--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .md-dn--one-sixth {
    width: 16.666%;
  }
  .md-dn--two-sixths {
    width: 33.333%;
  }
  .md-dn--three-sixths {
    width: 50%;
  }
  .md-dn--four-sixths {
    width: 66.666%;
  }
  .md-dn--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .md-dn--one-eighth {
    width: 12.5%;
  }
  .md-dn--two-eighths {
    width: 25%;
  }
  .md-dn--three-eighths {
    width: 37.5%;
  }
  .md-dn--four-eighths {
    width: 50%;
  }
  .md-dn--five-eighths {
    width: 62.5%;
  }
  .md-dn--six-eighths {
    width: 75%;
  }
  .md-dn--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .md-dn--one-tenth {
    width: 10%;
  }
  .md-dn--two-tenths {
    width: 20%;
  }
  .md-dn--three-tenths {
    width: 30%;
  }
  .md-dn--four-tenths {
    width: 40%;
  }
  .md-dn--five-tenths {
    width: 50%;
  }
  .md-dn--six-tenths {
    width: 60%;
  }
  .md-dn--seven-tenths {
    width: 70%;
  }
  .md-dn--eight-tenths {
    width: 80%;
  }
  .md-dn--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .md-dn--one-twelfth {
    width: 8.333%;
  }
  .md-dn--two-twelfths {
    width: 16.666%;
  }
  .md-dn--three-twelfths {
    width: 25%;
  }
  .md-dn--four-twelfths {
    width: 33.333%;
  }
  .md-dn--five-twelfths {
    width: 41.666%;
  }
  .md-dn--six-twelfths {
    width: 50%;
  }
  .md-dn--seven-twelfths {
    width: 58.333%;
  }
  .md-dn--eight-twelfths {
    width: 66.666%;
  }
  .md-dn--nine-twelfths {
    width: 75%;
  }
  .md-dn--ten-twelfths {
    width: 83.333%;
  }
  .md-dn--eleven-twelfths {
    width: 91.666%;
  }
  .md-dn--show {
    display: block !important;
  }
  .md-dn--hide {
    display: none !important;
  }
  .grid-uniform .md-dn--one-half:nth-child(2n+1),
  .grid-uniform .md-dn--one-third:nth-child(3n+1),
  .grid-uniform .md-dn--one-quarter:nth-child(4n+1),
  .grid-uniform .md-dn--one-fifth:nth-child(5n+1),
  .grid-uniform .md-dn--one-sixth:nth-child(6n+1),
  .grid-uniform .md-dn--two-sixths:nth-child(3n+1),
  .grid-uniform .md-dn--three-sixths:nth-child(2n+1),
  .grid-uniform .md-dn--two-eighths:nth-child(4n+1),
  .grid-uniform .md-dn--four-eighths:nth-child(2n+1),
  .grid-uniform .md-dn--five-tenths:nth-child(2n+1),
  .grid-uniform .md-dn--one-twelfth:nth-child(12n+1),
  .grid-uniform .md-dn--two-twelfths:nth-child(6n+1),
  .grid-uniform .md-dn--three-twelfths:nth-child(4n+1),
  .grid-uniform .md-dn--four-twelfths:nth-child(3n+1),
  .grid-uniform .md-dn--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (min-width: 769px) {
  /** Whole */
  .lg--one-whole {
    width: 100%;
  }
  /* Halves */
  .lg--one-half {
    width: 50%;
  }
  /* Thirds */
  .lg--one-third {
    width: 33.333%;
  }
  .lg--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .lg--one-quarter {
    width: 25%;
  }
  .lg--two-quarters {
    width: 50%;
  }
  .lg--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .lg--one-fifth {
    width: 20%;
  }
  .lg--two-fifths {
    width: 40%;
  }
  .lg--three-fifths {
    width: 60%;
  }
  .lg--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .lg--one-sixth {
    width: 16.666%;
  }
  .lg--two-sixths {
    width: 33.333%;
  }
  .lg--three-sixths {
    width: 50%;
  }
  .lg--four-sixths {
    width: 66.666%;
  }
  .lg--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .lg--one-eighth {
    width: 12.5%;
  }
  .lg--two-eighths {
    width: 25%;
  }
  .lg--three-eighths {
    width: 37.5%;
  }
  .lg--four-eighths {
    width: 50%;
  }
  .lg--five-eighths {
    width: 62.5%;
  }
  .lg--six-eighths {
    width: 75%;
  }
  .lg--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .lg--one-tenth {
    width: 10%;
  }
  .lg--two-tenths {
    width: 20%;
  }
  .lg--three-tenths {
    width: 30%;
  }
  .lg--four-tenths {
    width: 40%;
  }
  .lg--five-tenths {
    width: 50%;
  }
  .lg--six-tenths {
    width: 60%;
  }
  .lg--seven-tenths {
    width: 70%;
  }
  .lg--eight-tenths {
    width: 80%;
  }
  .lg--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .lg--one-twelfth {
    width: 8.333%;
  }
  .lg--two-twelfths {
    width: 16.666%;
  }
  .lg--three-twelfths {
    width: 25%;
  }
  .lg--four-twelfths {
    width: 33.333%;
  }
  .lg--five-twelfths {
    width: 41.666%;
  }
  .lg--six-twelfths {
    width: 50%;
  }
  .lg--seven-twelfths {
    width: 58.333%;
  }
  .lg--eight-twelfths {
    width: 66.666%;
  }
  .lg--nine-twelfths {
    width: 75%;
  }
  .lg--ten-twelfths {
    width: 83.333%;
  }
  .lg--eleven-twelfths {
    width: 91.666%;
  }
  .lg--hide {
    display: none !important;
  }
  .grid-uniform .lg--one-half:nth-child(2n+1),
  .grid-uniform .lg--one-third:nth-child(3n+1),
  .grid-uniform .lg--one-quarter:nth-child(4n+1),
  .grid-uniform .lg--one-fifth:nth-child(5n+1),
  .grid-uniform .lg--one-sixth:nth-child(6n+1),
  .grid-uniform .lg--two-sixths:nth-child(3n+1),
  .grid-uniform .lg--three-sixths:nth-child(2n+1),
  .grid-uniform .lg--two-eighths:nth-child(4n+1),
  .grid-uniform .lg--four-eighths:nth-child(2n+1),
  .grid-uniform .lg--five-tenths:nth-child(2n+1),
  .grid-uniform .lg--one-twelfth:nth-child(12n+1),
  .grid-uniform .lg--two-twelfths:nth-child(6n+1),
  .grid-uniform .lg--three-twelfths:nth-child(4n+1),
  .grid-uniform .lg--four-twelfths:nth-child(3n+1),
  .grid-uniform .lg--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (min-width: 1025px) {
  /** Whole */
  .dt--one-whole {
    width: 100%;
  }
  /* Halves */
  .dt--one-half {
    width: 50%;
  }
  /* Thirds */
  .dt--one-third {
    width: 33.333%;
  }
  .dt--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .dt--one-quarter {
    width: 25%;
  }
  .dt--two-quarters {
    width: 50%;
  }
  .dt--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .dt--one-fifth {
    width: 20%;
  }
  .dt--two-fifths {
    width: 40%;
  }
  .dt--three-fifths {
    width: 60%;
  }
  .dt--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .dt--one-sixth {
    width: 16.666%;
  }
  .dt--two-sixths {
    width: 33.333%;
  }
  .dt--three-sixths {
    width: 50%;
  }
  .dt--four-sixths {
    width: 66.666%;
  }
  .dt--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .dt--one-eighth {
    width: 12.5%;
  }
  .dt--two-eighths {
    width: 25%;
  }
  .dt--three-eighths {
    width: 37.5%;
  }
  .dt--four-eighths {
    width: 50%;
  }
  .dt--five-eighths {
    width: 62.5%;
  }
  .dt--six-eighths {
    width: 75%;
  }
  .dt--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .dt--one-tenth {
    width: 10%;
  }
  .dt--two-tenths {
    width: 20%;
  }
  .dt--three-tenths {
    width: 30%;
  }
  .dt--four-tenths {
    width: 40%;
  }
  .dt--five-tenths {
    width: 50%;
  }
  .dt--six-tenths {
    width: 60%;
  }
  .dt--seven-tenths {
    width: 70%;
  }
  .dt--eight-tenths {
    width: 80%;
  }
  .dt--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .dt--one-twelfth {
    width: 8.333%;
  }
  .dt--two-twelfths {
    width: 16.666%;
  }
  .dt--three-twelfths {
    width: 25%;
  }
  .dt--four-twelfths {
    width: 33.333%;
  }
  .dt--five-twelfths {
    width: 41.666%;
  }
  .dt--six-twelfths {
    width: 50%;
  }
  .dt--seven-twelfths {
    width: 58.333%;
  }
  .dt--eight-twelfths {
    width: 66.666%;
  }
  .dt--nine-twelfths {
    width: 75%;
  }
  .dt--ten-twelfths {
    width: 83.333%;
  }
  .dt--eleven-twelfths {
    width: 91.666%;
  }
  .grid-uniform .lg--one-half:nth-child(2n+1),
  .grid-uniform .lg--one-third:nth-child(3n+1),
  .grid-uniform .lg--one-quarter:nth-child(4n+1),
  .grid-uniform .lg--one-fifth:nth-child(5n+1),
  .grid-uniform .lg--one-sixth:nth-child(6n+1),
  .grid-uniform .lg--two-sixths:nth-child(3n+1),
  .grid-uniform .lg--three-sixths:nth-child(2n+1),
  .grid-uniform .lg--two-eighths:nth-child(4n+1),
  .grid-uniform .lg--four-eighths:nth-child(2n+1),
  .grid-uniform .lg--five-tenths:nth-child(2n+1),
  .grid-uniform .lg--one-twelfth:nth-child(12n+1),
  .grid-uniform .lg--two-twelfths:nth-child(6n+1),
  .grid-uniform .lg--three-twelfths:nth-child(4n+1),
  .grid-uniform .lg--four-twelfths:nth-child(3n+1),
  .grid-uniform .lg--six-twelfths:nth-child(2n+1) {
    clear: none;
  }
  .grid-uniform .dt--one-half:nth-child(2n+1),
  .grid-uniform .dt--one-third:nth-child(3n+1),
  .grid-uniform .dt--one-quarter:nth-child(4n+1),
  .grid-uniform .dt--one-fifth:nth-child(5n+1),
  .grid-uniform .dt--one-sixth:nth-child(6n+1),
  .grid-uniform .dt--two-sixths:nth-child(3n+1),
  .grid-uniform .dt--three-sixths:nth-child(2n+1),
  .grid-uniform .dt--two-eighths:nth-child(4n+1),
  .grid-uniform .dt--four-eighths:nth-child(2n+1),
  .grid-uniform .dt--five-tenths:nth-child(2n+1),
  .grid-uniform .dt--one-twelfth:nth-child(12n+1),
  .grid-uniform .dt--two-twelfths:nth-child(6n+1),
  .grid-uniform .dt--three-twelfths:nth-child(4n+1),
  .grid-uniform .dt--four-twelfths:nth-child(3n+1),
  .grid-uniform .dt--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

/*============================================================================
  PUSH
    - Push classes, to move grid items over to the right by certain amounts
==============================================================================*/
[class*="push--"] {
  position: relative;
}

/* Whole */
.push--one-whole {
  left: 100%;
}

/* Halves */
.push--one-half {
  left: 50%;
}

/* Thirds */
.push--one-third {
  left: 33.333%;
}

.push--two-thirds {
  left: 66.666%;
}

/* Quarters */
.push--one-quarter {
  left: 25%;
}

.push--two-quarters {
  left: 50%;
}

.push--three-quarters {
  left: 75%;
}

/* Fifths */
.push--one-fifth {
  left: 20%;
}

.push--two-fifths {
  left: 40%;
}

.push--three-fifths {
  left: 60%;
}

.push--four-fifths {
  left: 80%;
}

/* Sixths */
.push--one-sixth {
  left: 16.666%;
}

.push--two-sixths {
  left: 33.333%;
}

.push--three-sixths {
  left: 50%;
}

.push--four-sixths {
  left: 66.666%;
}

.push--five-sixths {
  left: 83.333%;
}

/* Eighths */
.push--one-eighth {
  left: 12.5%;
}

.push--two-eighths {
  left: 25%;
}

.push--three-eighths {
  left: 37.5%;
}

.push--four-eighths {
  left: 50%;
}

.push--five-eighths {
  left: 62.5%;
}

.push--six-eighths {
  left: 75%;
}

.push--seven-eighths {
  left: 87.5%;
}

/* Tenths */
.push--one-tenth {
  left: 10%;
}

.push--two-tenths {
  left: 20%;
}

.push--three-tenths {
  left: 30%;
}

.push--four-tenths {
  left: 40%;
}

.push--five-tenths {
  left: 50%;
}

.push--six-tenths {
  left: 60%;
}

.push--seven-tenths {
  left: 70%;
}

.push--eight-tenths {
  left: 80%;
}

.push--nine-tenths {
  left: 90%;
}

/* Twelfths */
.push--one-twelfth {
  left: 8.333%;
}

.push--two-twelfths {
  left: 16.666%;
}

.push--three-twelfths {
  left: 25%;
}

.push--four-twelfths {
  left: 33.333%;
}

.push--five-twelfths {
  left: 41.666%;
}

.push--six-twelfths {
  left: 50%;
}

.push--seven-twelfths {
  left: 58.333%;
}

.push--eight-twelfths {
  left: 66.666%;
}

.push--nine-twelfths {
  left: 75%;
}

.push--ten-twelfths {
  left: 83.333%;
}

.push--eleven-twelfths {
  left: 91.666%;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* Whole */
  .push--md--one-whole {
    left: 100%;
  }
  /* Halves */
  .push--md--one-half {
    left: 50%;
  }
  /* Thirds */
  .push--md--one-third {
    left: 33.333%;
  }
  .push--md--two-thirds {
    left: 66.666%;
  }
  /* Quarters */
  .push--md--one-quarter {
    left: 25%;
  }
  .push--md--two-quarters {
    left: 50%;
  }
  .push--md--three-quarters {
    left: 75%;
  }
  /* Fifths */
  .push--md--one-fifth {
    left: 20%;
  }
  .push--md--two-fifths {
    left: 40%;
  }
  .push--md--three-fifths {
    left: 60%;
  }
  .push--md--four-fifths {
    left: 80%;
  }
  /* Sixths */
  .push--md--one-sixth {
    left: 16.666%;
  }
  .push--md--two-sixths {
    left: 33.333%;
  }
  .push--md--three-sixths {
    left: 50%;
  }
  .push--md--four-sixths {
    left: 66.666%;
  }
  .push--md--five-sixths {
    left: 83.333%;
  }
  /* Eighths */
  .push--md--one-eighth {
    left: 12.5%;
  }
  .push--md--two-eighths {
    left: 25%;
  }
  .push--md--three-eighths {
    left: 37.5%;
  }
  .push--md--four-eighths {
    left: 50%;
  }
  .push--md--five-eighths {
    left: 62.5%;
  }
  .push--md--six-eighths {
    left: 75%;
  }
  .push--md--seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .push--md--one-tenth {
    left: 10%;
  }
  .push--md--two-tenths {
    left: 20%;
  }
  .push--md--three-tenths {
    left: 30%;
  }
  .push--md--four-tenths {
    left: 40%;
  }
  .push--md--five-tenths {
    left: 50%;
  }
  .push--md--six-tenths {
    left: 60%;
  }
  .push--md--seven-tenths {
    left: 70%;
  }
  .push--md--eight-tenths {
    left: 80%;
  }
  .push--md--nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .push--md--one-twelfth {
    left: 8.333%;
  }
  .push--md--two-twelfths {
    left: 16.666%;
  }
  .push--md--three-twelfths {
    left: 25%;
  }
  .push--md--four-twelfths {
    left: 33.333%;
  }
  .push--md--five-twelfths {
    left: 41.666%;
  }
  .push--md--six-twelfths {
    left: 50%;
  }
  .push--md--seven-twelfths {
    left: 58.333%;
  }
  .push--md--eight-twelfths {
    left: 66.666%;
  }
  .push--md--nine-twelfths {
    left: 75%;
  }
  .push--md--ten-twelfths {
    left: 83.333%;
  }
  .push--md--eleven-twelfths {
    left: 91.666%;
  }
}

@media only screen and (max-width: 768px) {
  /* Whole */
  .push--md-dn--one-whole {
    left: 100%;
  }
  /* Halves */
  .push--md-dn--one-half {
    left: 50%;
  }
  /* Thirds */
  .push--md-dn--one-third {
    left: 33.333%;
  }
  .push--md-dn--two-thirds {
    left: 66.666%;
  }
  /* Quarters */
  .push--md-dn--one-quarter {
    left: 25%;
  }
  .push--md-dn--two-quarters {
    left: 50%;
  }
  .push--md-dn--three-quarters {
    left: 75%;
  }
  /* Fifths */
  .push--md-dn--one-fifth {
    left: 20%;
  }
  .push--md-dn--two-fifths {
    left: 40%;
  }
  .push--md-dn--three-fifths {
    left: 60%;
  }
  .push--md-dn--four-fifths {
    left: 80%;
  }
  /* Sixths */
  .push--md-dn--one-sixth {
    left: 16.666%;
  }
  .push--md-dn--two-sixths {
    left: 33.333%;
  }
  .push--md-dn--three-sixths {
    left: 50%;
  }
  .push--md-dn--four-sixths {
    left: 66.666%;
  }
  .push--md-dn--five-sixths {
    left: 83.333%;
  }
  /* Eighths */
  .push--md-dn--one-eighth {
    left: 12.5%;
  }
  .push--md-dn--two-eighths {
    left: 25%;
  }
  .push--md-dn--three-eighths {
    left: 37.5%;
  }
  .push--md-dn--four-eighths {
    left: 50%;
  }
  .push--md-dn--five-eighths {
    left: 62.5%;
  }
  .push--md-dn--six-eighths {
    left: 75%;
  }
  .push--md-dn--seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .push--md-dn--one-tenth {
    left: 10%;
  }
  .push--md-dn--two-tenths {
    left: 20%;
  }
  .push--md-dn--three-tenths {
    left: 30%;
  }
  .push--md-dn--four-tenths {
    left: 40%;
  }
  .push--md-dn--five-tenths {
    left: 50%;
  }
  .push--md-dn--six-tenths {
    left: 60%;
  }
  .push--md-dn--seven-tenths {
    left: 70%;
  }
  .push--md-dn--eight-tenths {
    left: 80%;
  }
  .push--md-dn--nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .push--md-dn--one-twelfth {
    left: 8.333%;
  }
  .push--md-dn--two-twelfths {
    left: 16.666%;
  }
  .push--md-dn--three-twelfths {
    left: 25%;
  }
  .push--md-dn--four-twelfths {
    left: 33.333%;
  }
  .push--md-dn--five-twelfths {
    left: 41.666%;
  }
  .push--md-dn--six-twelfths {
    left: 50%;
  }
  .push--md-dn--seven-twelfths {
    left: 58.333%;
  }
  .push--md-dn--eight-twelfths {
    left: 66.666%;
  }
  .push--md-dn--nine-twelfths {
    left: 75%;
  }
  .push--md-dn--ten-twelfths {
    left: 83.333%;
  }
  .push--md-dn--eleven-twelfths {
    left: 91.666%;
  }
}

@media only screen and (min-width: 769px) {
  /* Whole */
  .push--lg--one-whole {
    left: 100%;
  }
  /* Halves */
  .push--lg--one-half {
    left: 50%;
  }
  /* Thirds */
  .push--lg--one-third {
    left: 33.333%;
  }
  .push--lg--two-thirds {
    left: 66.666%;
  }
  /* Quarters */
  .push--lg--one-quarter {
    left: 25%;
  }
  .push--lg--two-quarters {
    left: 50%;
  }
  .push--lg--three-quarters {
    left: 75%;
  }
  /* Fifths */
  .push--lg--one-fifth {
    left: 20%;
  }
  .push--lg--two-fifths {
    left: 40%;
  }
  .push--lg--three-fifths {
    left: 60%;
  }
  .push--lg--four-fifths {
    left: 80%;
  }
  /* Sixths */
  .push--lg--one-sixth {
    left: 16.666%;
  }
  .push--lg--two-sixths {
    left: 33.333%;
  }
  .push--lg--three-sixths {
    left: 50%;
  }
  .push--lg--four-sixths {
    left: 66.666%;
  }
  .push--lg--five-sixths {
    left: 83.333%;
  }
  /* Eighths */
  .push--lg--one-eighth {
    left: 12.5%;
  }
  .push--lg--two-eighths {
    left: 25%;
  }
  .push--lg--three-eighths {
    left: 37.5%;
  }
  .push--lg--four-eighths {
    left: 50%;
  }
  .push--lg--five-eighths {
    left: 62.5%;
  }
  .push--lg--six-eighths {
    left: 75%;
  }
  .push--lg--seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .push--lg--one-tenth {
    left: 10%;
  }
  .push--lg--two-tenths {
    left: 20%;
  }
  .push--lg--three-tenths {
    left: 30%;
  }
  .push--lg--four-tenths {
    left: 40%;
  }
  .push--lg--five-tenths {
    left: 50%;
  }
  .push--lg--six-tenths {
    left: 60%;
  }
  .push--lg--seven-tenths {
    left: 70%;
  }
  .push--lg--eight-tenths {
    left: 80%;
  }
  .push--lg--nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .push--lg--one-twelfth {
    left: 8.333%;
  }
  .push--lg--two-twelfths {
    left: 16.666%;
  }
  .push--lg--three-twelfths {
    left: 25%;
  }
  .push--lg--four-twelfths {
    left: 33.333%;
  }
  .push--lg--five-twelfths {
    left: 41.666%;
  }
  .push--lg--six-twelfths {
    left: 50%;
  }
  .push--lg--seven-twelfths {
    left: 58.333%;
  }
  .push--lg--eight-twelfths {
    left: 66.666%;
  }
  .push--lg--nine-twelfths {
    left: 75%;
  }
  .push--lg--ten-twelfths {
    left: 83.333%;
  }
  .push--lg--eleven-twelfths {
    left: 91.666%;
  }
}

/*============================================================================
  PULL
    - Pull classes, to move grid items back to the left by certain amounts
==============================================================================*/
/*============================================================================
  #Basic Styles
==============================================================================*/
html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

body {
  background-color: #f7f7f7;
  font-family: Rubik, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

html.no-scroll,
body.no-scroll {
  overflow: hidden;
  height: 100%;
  position: relative;
}

/*
  This will hide the focus indicator if the element receives focus via the mouse,
  but it will still show up on keyboard focus.
*/
.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) input:focus.focus-visible,
body:not(.user-is-tabbing) textarea:focus,
body:not(.user-is-tabbing) textarea:focus.focus-visible {
  outline: 0;
}

.wrapper {
  *zoom: 1;
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 8px;
}

.wrapper:after {
  content: '';
  display: table;
  clear: both;
}

@media screen and (min-width: 480px) {
  .wrapper {
    padding: 0 32px;
  }
}

.wrapper--html {
  display: flex;
  justify-content: center;
}

.main-content {
  display: block;
  margin-top: 32px;
  padding-bottom: 64px;
}

/*============================================================================
  #Helper Classes
==============================================================================*/
.is-transitioning {
  display: block !important;
  visibility: visible !important;
}

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

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

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.no-js:not(html) {
  display: none !important;
}

.no-js .no-js:not(html) {
  display: block;
}

.no-js .js {
  display: none !important;
}

.is-transitioning {
  display: block !important;
  visibility: visible !important;
}

.is-transitioning-inline-block {
  display: inline-block !important;
  visibility: visible !important;
}

.pointer {
  cursor: pointer;
}

/* Align
========================================================================== */

.align--top {
  vertical-align: top;
}

.align--middle {
  vertical-align: middle;
}

.align--bottom {
  vertical-align: bottom;
}

/* Position
========================================================================== */
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.top--0 {
  top: 0;
}

.right--0 {
  right: 0;
}

.bottom--0 {
  bottom: 0;
}

.left--0 {
  left: 0;
}

.z1 {
  z-index: 1;
}

.is-transitioning {
  display: block !important;
  visibility: visible !important;
}

@media only screen and (max-width: 480px) {
  .is-transitioning {
    display: block !important;
    visibility: visible !important;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .is-transitioning {
    display: block !important;
    visibility: visible !important;
  }
}

@media only screen and (max-width: 768px) {
  .md-dn--bottom--0 {
    bottom: 0;
  }
  .is-transitioning {
    display: block !important;
    visibility: visible !important;
  }
}

@media only screen and (min-width: 769px) {
  .lg--top--half {
    top: 50%;
    transform: translateY(-50%);
  }
  .is-transitioning {
    display: block !important;
    visibility: visible !important;
  }
}

@media only screen and (min-width: 1025px) {
  .dt--top--half {
    top: 50%;
    transform: translateY(-50%);
  }
  .is-transitioning {
    display: block !important;
    visibility: visible !important;
  }
}

/* Borders
========================================================================== */
.border {
  border-style: solid;
  border-width: 1px;
}

.border--top {
  border-top-style: solid;
  border-top-width: 1px;
}

.border--right {
  border-right-style: solid;
  border-right-width: 1px;
}

.border--bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.border--left {
  border-left-style: solid;
  border-left-width: 1px;
}

.border--none {
  border: 0;
}

/* LAYOUT
========================================================================== */
.inline {
  display: inline;
}

.block {
  display: block;
}

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

.table {
  display: table;
  table-layout: fixed;
}

.table-cell {
  display: table-cell;
}

.overflow--hidden {
  overflow: hidden;
}

.no-scroll--y {
  overflow-y: hidden;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.fit {
  max-width: 100%;
}

.full {
  height: 100%;
  width: 100%;
}

.full--w {
  width: 100%;
}

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

.text-align--left {
  text-align: left;
}

.text-align--right {
  text-align: right;
}

@media only screen and (max-width: 768px) {
  .md-dn--text-align--center {
    text-align: center;
  }
}

@media only screen and (min-width: 1025px) {
  .dt--block {
    display: block;
  }
}

.bg-cover {
  background-position: center center !important;
  background-size: cover !important;
}

/* Lazy sizes blur
========================================================================== */
.blur-up {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
  transition: all 400ms, -webkit-filter 400ms;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}

.blur-up.lazyloaded {
  filter: blur(0);
  -webkit-filter: blur(0);
  -moz-filter: blur(0);
  -o-filter: blur(0);
  -ms-filter: blur(0);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.ie9 .blur-up.lazyloaded {
  filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/* RATIO BOXES
========================================================================== */
.ratio-box {
  position: relative;
}

.ratio-box::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.ratio-box--4-3::before {
  content: "";
  display: block;
  padding-top: 75%;
}

.ratio-box--16-9::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.ratio-box__content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.overflow-visible {
  overflow: visible;
}

/*================ Clearfix helper on uniform grids ================*/
.m0 {
  margin: 0;
}

.mb0 {
  margin-bottom: 0;
}

.mt1 {
  margin-top: 8px;
}

.mr1 {
  margin-right: 8px;
}

.mb1 {
  margin-bottom: 8px;
}

.ml1 {
  margin-left: 8px;
}

.mx1 {
  margin-left: 8px;
  margin-right: 8px;
}

.my1 {
  margin-bottom: 8px;
  margin-top: 8px;
}

.mt2 {
  margin-top: 16px;
}

.mr2 {
  margin-right: 16px;
}

.mb2 {
  margin-bottom: 16px;
}

.ml2 {
  margin-left: 16px;
}

.mx2 {
  margin-left: 16px;
  margin-right: 16px;
}

.my2 {
  margin-bottom: 16px;
  margin-top: 16px;
}

.mt3 {
  margin-top: 32px;
}

.mb3 {
  margin-bottom: 32px;
}

.mx3 {
  margin-left: 32px;
  margin-right: 32px;
}

.my3 {
  margin-bottom: 32px;
  margin-top: 32px;
}

.mt4 {
  margin-top: 64px;
}

.mb4 {
  margin-bottom: 64px;
}

.mxn1 {
  margin-left: -8px;
  margin-right: -8px;
}

.mx--auto {
  margin-left: auto;
  margin-right: auto;
}

.p0 {
  padding: 0;
}

.p1 {
  padding: 8px;
}

.pt1 {
  padding-top: 8px;
}

.pb1 {
  padding-bottom: 8px;
}

.pl1 {
  padding-left: 8px;
}

.py1 {
  padding-bottom: 8px;
  padding-top: 8px;
}

.px1 {
  padding-left: 8px;
  padding-right: 8px;
}

.p2 {
  padding: 16px;
}

.pt2 {
  padding-top: 16px;
}

.pr2 {
  padding-right: 16px;
}

.pb2 {
  padding-bottom: 16px;
}

.pl2 {
  padding-left: 16px;
}

.py2 {
  padding-bottom: 16px;
  padding-top: 16px;
}

.px2 {
  padding-left: 16px;
  padding-right: 16px;
}

.pt3 {
  padding-top: 32px;
}

.pr3 {
  padding-right: 32px;
}

.pb3 {
  padding-bottom: 32px;
}

.pl3 {
  padding-left: 32px;
}

.py3 {
  padding-bottom: 32px;
  padding-top: 32px;
}

.px3 {
  padding-left: 32px;
  padding-right: 32px;
}

.pt4 {
  padding-top: 64px;
}

.pb4 {
  padding-bottom: 64px;
}

.py4 {
  padding-bottom: 64px;
  padding-top: 64px;
}

@media only screen and (max-width: 480px) {
  .sm--mt3 {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .md-dn--mr2 {
    margin-right: 16px;
  }
  .md-dn--ml2 {
    margin-left: 16px;
  }
  .md-dn--mb3 {
    margin-bottom: 32px;
  }
  .md-dn--mt4 {
    margin-top: 64px;
  }
  .md-dn--mx--auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md-dn--px2 {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (min-width: 769px) {
  .lg--mt0 {
    margin-top: 0;
  }
  .lg--mb0 {
    margin-bottom: 0;
  }
  .lg--mt2 {
    margin-top: 16px;
  }
  .lg--mt3 {
    margin-top: 32px;
  }
  .lg--mr3 {
    margin-right: 32px;
  }
  .lg--ml3 {
    margin-left: 32px;
  }
  .lg--mb4 {
    margin-bottom: 64px;
  }
  .lg--pb0 {
    padding-bottom: 0;
  }
  .lg--pt1 {
    padding-top: 8px;
  }
  .lg--pt3 {
    padding-top: 32px;
  }
  .lg--pb3 {
    padding-bottom: 32px;
  }
  .lg--p4 {
    padding: 64px;
  }
  .lg--pt4 {
    padding-top: 64px;
  }
}

@media only screen and (min-width: 1025px) {
  .dt--mt0 {
    margin-top: 0;
  }
  .dt--mb1 {
    margin-bottom: 8px;
  }
  .dt--mr3 {
    margin-right: 32px;
  }
  .dt--ml3 {
    margin-left: 32px;
  }
  .dt--pb0 {
    padding-bottom: 0;
  }
  .dt--pt4 {
    padding-top: 64px;
  }
}

/*============================================================================
  #Typography
==============================================================================*/
body,
input,
textarea,
button,
select {
  font-size: 16px;
  font-family: "manrope-regular";
  line-height: 1.6;
  color: #333333;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

h1, .h1, h2, .h2{
  font-family: "publicaplay-bold" !important;
}
 h3, .h3{
  font-family: "publicasans-bold" !important;
}
.h4, h5, .h5, h6, .h6{
  font-family: "manrope-regular" !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  display: block;
  margin: 0 0 0.5em;
  line-height: 1.4;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  text-decoration: none;
  font-weight: inherit;
}

.main-content {
  overflow-wrap: break-word;
}

.f--title {
  font-family: "Playfair Display", serif;
  text-transform: none;
  font-weight: 700;
}

.f--body {
  font-family: "Crimson Text", serif;
}

.f--main {
  font-family: Rubik, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.t--section-title {
  font-family: Rubik, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0.0;
}

.t--nav {
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0.0;
}

.t--meta {
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0.0;
}

/* Typography
========================================================================== */
/*================ Use em() Sass function to declare font-size ================*/
h1, .h1 {
  font-size: 2rem;
}

h2, .h2 {
  font-size: 1.5rem;
}

h3, .h3 {
  font-size: 1.25rem;
}

h4, .h4 {
  font-size: 1rem;
}

h5, .h5 {
  font-size: 0.875rem;
}

h6, .h6 {
  font-size: 0.75rem;
}

.font-size--xxxl {
  font-size: 2.3rem;
}

.font-size--xxl {
  font-size: 2rem;
}

.font-size--xl {
  font-size: 1.5rem;
}

.font-size--l {
  font-size: 1.25rem;
}

.font-size--ml {
  font-size: 1.125rem;
}

.font-size--m {
  font-size: 1rem;
}

.font-size--sm {
  font-size: 0.9rem;
}

.font-size--s {
  font-size: 0.875rem;
}

.font-size--xs {
  font-size: 0.75rem;
}

.font-size--xxs {
  font-size: 0.5rem;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .md--font-size--ml {
    font-size: 1.125rem;
  }
  .md--font-size--s {
    font-size: 0.875rem;
  }
}

@media only screen and (min-width: 769px) {
  .lg--font-size--xxxxxl {
    font-size: 3.8rem;
  }
  .lg--font-size--xxxxl {
    font-size: 3rem;
  }
  .lg--font-size--xxxl {
    font-size: 2.3rem;
  }
  .lg--font-size--xl {
    font-size: 1.5rem;
  }
  .lg--font-size--lxl {
    font-size: 1.35rem;
  }
  .lg--font-size--l {
    font-size: 1.25rem;
  }
  .lg--font-size--ml {
    font-size: 1.125rem;
  }
  .lg--font-size--m {
    font-size: 1rem;
  }
  .lg--font-size--sm {
    font-size: 0.9rem;
  }
  .lg--font-size--s {
    font-size: 0.875rem;
  }
}

@media only screen and (min-width: 1025px) {
  .dt--font-size--xl {
    font-size: 1.5rem;
  }
  .dt--font-size--l {
    font-size: 1.25rem;
  }
}

/* 3. FONT WEIGHT
========================================================================== */

/* Basscss Typography */

.regular {
  font-weight: normal;
}

.italic {
  font-style: italic;
}

.caps {
  text-transform: uppercase;
}

.line-height--1 {
  line-height: 1;
}

.line-height--6 {
  line-height: 2;
}

.list--reset {
  list-style: none;
  padding-left: 0;
}

p {
  margin: 0 0 16px 0;
}

p img {
  margin: 0;
}

em {
  font-style: italic;
}

b, strong {
  font-weight: bold;
}

small {
  font-size: 0.9em;
}

/*================ Blockquotes ================*/

/*================ Code ================*/
code {
  background-color: #faf7f5;
  font-family: Consolas,monospace;
  font-size: 1em;
  border: 0 none;
  padding: 0 2px;
  color: #51ab62;
}

/*================ Horizontal Rules ================*/
hr {
  clear: both;
  border-top: solid #333333;
  border-width: 1px 0 0;
  margin: 32px 0;
  height: 0;
}

.rule {
  width: 40px;
  border: none;
  height: 2px;
}

.rule--full {
  width: 100%;
}

/*================ Section Headers ================*/

/*============================================================================
  #Rich Text Editor
==============================================================================*/
.rte {
  font-size: 1rem;
}

@media screen and (min-width: 769px) {
  .rte {
    font-size: 1.125rem;
  }
}

.rte table td {
  padding: 5px;
  border: none;
}

.rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
  margin-top: 2em;
}

.rte h1:first-child, .rte .h1:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child {
  margin-top: 0;
}

.rte h1 a, .rte .h1 a, .rte h2 a, .rte .h2 a, .rte h3 a, .rte .h3 a, .rte h4 a, .rte .h4 a, .rte h5 a, .rte .h5 a, .rte h6 a, .rte .h6 a {
  text-decoration: none;
}

.rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
  font-weight: 500;
}

.rte > div {
  margin-bottom: 16px;
}

.rte ul, .rte ol {
  margin-top: 32px;
  margin-bottom: 32px;
  margin-left: 0;
  padding-left: 2em;
}

.rte li {
  margin-bottom: 0.4em;
}

.rte blockquote {
  border: none;
  font-family: "Playfair Display", serif;
  text-transform: none;
  font-weight: 700;
  font-size: 1.75rem;
  color: #ff8d5e;
  font-style: normal;
  padding: 0;
  margin: 64px 0;
}

.rte blockquote > p {
  font-size: inherit !important;
}

@media screen and (min-width: 769px) {
  .rte blockquote {
    font-size: 2rem;
  }
}

.rte p {
  margin-bottom: 32px;
}

.rte p:last-child {
  margin-bottom: 0;
}

.rte p:last-of-type {
  margin-bottom: 0;
}

.rte a {
  border-bottom: 2px solid #ff8d5e;
}

.rte a:hover {
  color: #ff8d5e;
}

.rte a img {
  border: none;
  vertical-align: top;
}

.rte img {
  max-width: 100%;
  height: auto;
}

.rte--shop a {
  border-bottom: 2px solid #ffbf5f;
}

.rte--shop a:hover {
  color: #ffbf5f;
}

.rte--shop blockquote {
  color: #ffbf5f;
}

@media screen and (min-width: 769px) {
  .rte--article > span {
    display: inline-block;
  }
  .rte--article > h1, .rte--article > .h1, .rte--article > h2, .rte--article > .h2, .rte--article > h3, .rte--article > .h3,
  .rte--article > h4,
  .rte--article > .h4, .rte--article > h5, .rte--article > .h5, .rte--article > h6, .rte--article > .h6,
  .rte--article > p, .rte--article > ul, .rte--article > ol,
  .rte--article > span, .rte--article > blockquote,
  .rte--article > .rte__table-wrapper, .rte--article > div {
    max-width: 60%;
    clear: both;
    float: none !important;
    overflow: auto;
  }
}

@media screen and (min-width: 769px) {
  .rte--page > span {
    display: inline-block;
  }
  .rte--page > h1, .rte--page > .h1, .rte--page > h2, .rte--page > .h2, .rte--page > h3, .rte--page > .h3,
  .rte--page > h4,
  .rte--page > .h4, .rte--page > h5, .rte--page > .h5, .rte--page > h6, .rte--page > .h6,
  .rte--page > p, .rte--page > ul, .rte--page > ol,
  .rte--page > span, .rte--page > blockquote,
  .rte--page > .rte__table-wrapper, .rte--page > div {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    float: none !important;
    overflow: auto;
  }
}

.rte--page blockquote > p {
  color: #ff8d5e;
}

.rte--large-first-paragraph p:first-of-type {
  text-align: center;
  font-size: 1.25rem;
  margin-top: 0;
}

@media screen and (min-width: 769px) {
  .rte--large-first-paragraph p:first-of-type {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  .rte--large-first-paragraph p:first-of-type {
    text-align: left;
  }
}

@media screen and (min-width: 769px) {
  .rte--full-width-blockquotes blockquote,
  .rte--full-width-blockquotes blockquote > p {
    min-width: 100%;
  }
}

.rte--full-width-blockquotes blockquote,
.rte--full-width-blockquotes blockquote > p {
  min-width: 100%;
  color: #ff8d5e;
}

.rte--full-width-images p.has-image {
  min-width: 100%;
  width: 100%;
  overflow: auto;
  margin: 64px 0;
}

.rte--full-width-images p.has-image > img {
  width: 100%;
  height: auto;
}

/*============================================================================
  #Links and Buttons
==============================================================================*/
a,
.text-link {
  color: #333333;
  text-decoration: none;
  background: transparent;
}

button {
  overflow: visible;
}

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

.btn,
.rte .btn--secondary,
.rte .btn,
.rte .btn--secondary,
.shopify-payment-button .shopify-payment-button__button--unbranded {
  display: inline-block;
  padding: 8px 16px;
  width: auto;
  line-height: 1.42;
  font-weight: regular;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: Rubik, sans-serif;
  text-transform: none;
  letter-spacing: 0.0;
  font-weight: 400;
  /*================ Set primary button colors - can override later ================*/
}

.btn[disabled], .btn.disabled,
.rte .btn[disabled],
.rte .btn--secondary[disabled],
.rte .btn.disabled,
.rte .disabled.btn--secondary,
.shopify-payment-button .shopify-payment-button__button--unbranded[disabled],
.shopify-payment-button .shopify-payment-button__button--unbranded.disabled {
  cursor: default;
  color: #333333;
  background-color: rgba(51, 51, 51, 0.05 );
}

.btn.full--w,
.rte .btn.full--w,
.rte .full--w.btn--secondary,
.shopify-payment-button .shopify-payment-button__button--unbranded.full--w {
  width: 100%;
}


.rte .btn--secondary {
  background-color: #bbb;
}


.rte .btn--secondary:hover {
  background-color: #a2a2a2;
  color: #fff;
}


.rte .btn--secondary:active,
.rte .btn--secondary:focus {
  background-color: #898989;
  color: #fff;
}

.btn--white {
  background-color: #fff;
  color: #000;
}

.btn--white:hover {
  background-color: #e6e6e6;
}

.btn--black {
  background-color: #000;
  color: #fff;
}

.btn--black:hover {
  background-color: black;
}

.btn--full {
  width: 100%;
}

/*================ Force an input/button to look like a text link ================*/
.text-link {
  display: inline;
  border: 0 none;
  background: none;
  padding: 0;
  margin: 0;
}

/*============================================================================
  #Lists
==============================================================================*/
ul {
  margin: 0 0 16px 20px;
  padding: 0;
}

ul ul {
  margin: 4px 0 5px 20px;
}

li {
  margin-bottom: 0.25em;
}

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

.no-bullets {
  list-style: none outside;
  margin-left: 0;
}

.inline-list {
  margin-left: 0;
}

.inline-list li {
  display: inline-block;
  margin-bottom: 0;
}

.list-reset {
  margin: 0;
  padding: 0;
}

/*============================================================================
  #Tables
==============================================================================*/
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

table.full {
  width: 100%;
  margin-bottom: 1em;
}

.table-wrap {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

th {
  font-weight: bold;
}

th, td {
  text-align: left;
  padding: 16px;
  border: 1px solid #333333;
}

/*============================================================================
  Responsive tables, defined with .table--responsive on table element.
  Only defined for IE9+
==============================================================================*/
@media screen and (max-width: 480px) {
  .table--responsive thead {
    display: none;
  }
  .table--responsive tr {
    display: block;
  }
  .table--responsive tr,
  .table--responsive td {
    float: left;
    clear: both;
    width: 100%;
  }
  .table--responsive th,
  .table--responsive td {
    display: block;
    text-align: right;
    padding: 15px;
  }
  .table--responsive td:before {
    content: attr(data-label);
    float: left;
    text-align: center;
    font-size: 12px;
    padding-right: 10px;
  }
  .table--responsive.cart-table img {
    margin: 0 auto;
  }
  .table--responsive.cart-table .js-qty, .table--responsive.cart-table .ajaxcart__qty {
    float: right;
  }
}

@media screen and (max-width: 480px) {
  .table__section + .table__section {
    position: relative;
    margin-top: 10px;
    padding-top: 15px;
  }
  .table__section + .table__section:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    border-bottom: 1px solid #333333;
  }
}

/*============================================================================
  #OOCSS Media Object
    - http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
==============================================================================*/
.media,
.media .bd {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}

.media__img {
  float: left;
  margin-right: 16px;
}

@media screen and (min-width: 769px) {
  .media__img {
    margin-right: 21.33333px;
  }
}

.media__img img {
  display: block;
}

/*============================================================================
  #Images and Iframes
==============================================================================*/
img {
  border: 0 none;
}

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

img,
iframe {
  max-width: 100%;
}

.video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.resp-img-wrapper {
  width: 100%;
  margin: 0 auto;
}

.resp-img-wrapper.js {
  position: relative;
}

.resp-img {
  display: block;
  margin: 0 auto;
}

.resp-img.lazyload {
  opacity: 0;
}

.resp-img-wrapper.js .resp-img {
  position: absolute;
  top: 0;
  width: 100%;
}

img[data-sizes="auto"] {
  display: block;
  width: 100%;
}

/*============================================================================
  #Forms
==============================================================================*/
form {
  margin-bottom: 0;
}

.form-vertical {
  margin-bottom: 16px;
}

/*================ Prevent zoom on touch devices in active inputs ================*/
@media screen and (max-width: 768px) {
  input,
  textarea {
    font-size: 16px;
  }
}

input,
textarea,
button,
select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

button,
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

button {
  background: none;
  border: none;
  display: inline-block;
  cursor: pointer;
}

input[type="image"] {
  padding-left: 0;
  padding-right: 0;
}

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

input,
textarea,
select {
  background-color: transparent;
  max-width: 100%;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
}

input[disabled], input.disabled,
textarea[disabled],
textarea.disabled,
select[disabled],
select.disabled {
  cursor: default;
  background-color: #f6f6f6;
  border-color: #b6b6b6;
}

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

textarea {
  min-height: 100px;
}

/*================ Input element overrides ================*/
input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0;
  width: auto;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
}

input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
}

input[type="image"] {
  padding-left: 0;
  padding-right: 0;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer;
  border-bottom: 2px solid #333333;
  background-position: right center;
  background-image: url('//4chairchicks.com/cdn/shop/t/4/assets/ico-chevron.svg?v=180997245710723005461600276187');
  background-repeat: no-repeat;
  background-position: right -1px center;
  background-color: transparent;
  background-size: 24px 24px;
  /*================ Hide the svg arrow in IE9 and below ================*/
}

.ie9 select,
.lt-ie9 select {
  padding-right: 10px;
  background-image: none;
}

option {
  color: #000;
  background-color: #fff;
}

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

/*================ Form labels ================*/
.hidden-label {
  text-align: left;
  font-weight: 400;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.hidden-label--active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.hidden-label--fade {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}

label[for] {
  cursor: pointer;
}

/*================ Horizontal Form ================*/
.form-vertical input,
.form-vertical select,
.form-vertical textarea {
  display: block;
  margin-bottom: 10px;
}

.form-vertical input[type="radio"],
.form-vertical input[type="checkbox"] {
  display: inline-block;
}

/*================ Error styles ================*/
input.error,
select.error,
textarea.error {
  border-color: #d02e2e;
  background-color: #fff6f6;
  color: #d02e2e;
}

label.error {
  color: #d02e2e;
}

/*================ Input Group ================*/
.input-group {
  position: relative;
  display: block;
}

.input-group input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: -1px;
  margin-bottom: -1px;
}

@media screen and (min-width: 769px) {
  .input-group, .input-group.search-bar {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.input-group-field,
.input-group-btn {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
}

@media screen and (min-width: 769px) {
  .input-group__field,
  .input-group-btn {
    display: block;
  }
  .input-group__field {
    flex-basis: 100%;
  }
  .input-group-btn {
    flex-shrink: 0;
  }
}

.input-group .btn,
.input-group .input-group-field {
  height: 37px;
}

.input-group .input-group-field {
  width: 100%;
}

.input-group-btn {
  position: relative;
  white-space: nowrap;
  padding-left: 16px;
  width: 1%;
}

@media screen and (min-width: 769px) {
  .input-group-btn {
    width: auto;
  }
  .input-group-btn button {
    width: 100%;
  }
}

/*================ Input Underline ================*/
.input-underline {
  border: 0;
  border-bottom-style: solid;
  border-width: 2px;
  margin-bottom: 32px;
  font-family: Rubik, sans-serif;
  font-weight: 400;
}

@media screen and (min-width: 769px) {
  .input-underline {
    margin-bottom: 0;
  }
}

.input-underline--primary {
  border-color: #333333;
  color: #333333;
}

.input-underline--primary::-webkit-input-placeholder {
  color: #333333;
}

.input-underline--secondary-overlay {
  border-color: #f7f7f7;
}

.input-underline--secondary-overlay::-webkit-input-placeholder {
  color: #f7f7f7;
}

.input-underline--textarea {
  padding: 16px;
  border: 2px solid;
}

.input-underline--primary:focus::-webkit-input-placeholder {
  color: transparent;
}

.input-underline--primary:focus:-moz-placeholder {
  color: transparent;
}

/* FF 4-18 */
.input-underline--primary:focus::-moz-placeholder {
  color: transparent;
}

/* FF 19+ */
.input-underline--primary:focus:-ms-input-placeholder {
  color: transparent;
}

/* IE 10+ */
.input-underline--secondary-overlay:focus::-webkit-input-placeholder {
  color: rgba(247, 247, 247, 0.2 );
}

.input-underline--secondary-overlay:focus:-moz-placeholder {
  color: rgba(247, 247, 247, 0.2 );
}

/* FF 4-18 */
.input-underline--secondary-overlay:focus::-moz-placeholder {
  color: rgba(247, 247, 247, 0.2 );
}

/* FF 19+ */
.input-underline--secondary-overlay:focus:-ms-input-placeholder {
  color: rgba(247, 247, 247, 0.2 );
}

/* IE 10+ */
/*============================================================================
  #Disclosure
==============================================================================*/
.disclosure {
  position: relative;
}

.disclosure__toggle {
  border-bottom: 2px solid currentColor;
  color: inherit;
  width: auto;
  white-space: nowrap;
  white-space: normal;
  max-width: 25em;
  text-align: right;
  padding: 0 0 0.5em 0;
  text-indent: 1px;
}

.disclosure-list {
  color: inherit;
  border-width: 2px;
  border-style: solid;
  border-color: currentColor;
  width: auto;
  min-width: 100%;
  margin: 0;
  bottom: 115%;
  padding: 1em 0 calc(1em - 1px);
  position: absolute;
  display: none;
  min-height: 92px;
  max-height: 300px;
  overflow-y: auto;
  border-radius: 0;
}

.disclosure-list--left {
  left: 0;
}

.disclosure-list--right {
  right: 0;
}

.disclosure__toggle {
  display: table;
}

.disclosure__toggle span {
  display: table-cell;
  vertical-align: middle;
  line-height: 3em;
}

.disclosure__toggle[aria-expanded="false"] .disclosure__toggle-icon--close {
  display: none;
}

.disclosure__toggle[aria-expanded="true"] .disclosure__toggle-icon--open {
  display: none;
}

.disclosure-list--visible {
  display: block;
}

.disclosure-list__item {
  white-space: nowrap;
  text-align: left;
  margin-bottom: 0;
  display: table;
}

.disclosure-list__item .disclosure-list__current-indicator, .disclosure-list__item .disclosure-list__option {
  display: table-cell;
  vertical-align: middle;
}

.disclosure-list__item .disclosure-list__current-indicator {
  visibility: hidden;
}

.disclosure-list__item:focus .disclosure-list__current-indicator, .disclosure-list__item:hover .disclosure-list__current-indicator {
  visibility: visible;
}

.disclosure-list__item--current .disclosure-list__current-indicator {
  visibility: visible;
}

/*============================================================================
  #Icons
==============================================================================*/
.icon {
  display: inline-block;
  width: 2em;
  height: 2em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  vertical-align: -5px;
}

.icon--baseline {
  bottom: -0.4em;
  position: absolute;
}

.icon-subscribe {
  vertical-align: -1px;
}

.icon-fallback-text .icon {
  display: none;
}

.supports-fontface .icon-fallback-text .icon {
  display: inline-block;
}

.payment-icons {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.payment-icons li {
  margin: 0 0 8px;
  cursor: default;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

/*============================================================================
  #Pagination
==============================================================================*/
.pagination {
  margin-bottom: 1em;
  text-align: center;
  text-transform: none;
  font-weight: 400;
}

@media screen and (max-width: 769px) {
  .pagination {
    width: 100%;
  }
}

.pagination__item {
  padding: 8px;
}

.pagination__item.active {
  border-bottom: 2px solid #333333;
  color: #333333;
}

.pagination__link {
  position: absolute;
}

.pagination__link--previous {
  left: -100px;
  top: 0;
}

@media screen and (max-width: 769px) {
  .pagination__link--previous {
    left: 0;
  }
}

.pagination__link--next {
  right: -80px;
  top: 0;
}

@media screen and (max-width: 769px) {
  .pagination__link--next {
    right: 0;
  }
}

/*============================================================================
  #Site Header
==============================================================================*/
.site-header .grid--table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.site-header .grid--table > .grid__item {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

.site-header__mobile-icon {
  width: 60px;
}

@media screen and (min-width: 769px) {
  .site-header__mobile-icon {
    display: none !important;
  }
}

.site-header__icon {
  width: 100%;
  padding: 16px 0;
}

.site-header__icon > svg {
  vertical-align: -5px;
}

.site-header__mobile-icon--show {
  display: inline-block !important;
  width: auto;
}

.site-header__notice {
  text-align: center;
  padding: 8px 0;
}

.site-header__main {
  padding: 32px 0 0;
}

@media screen and (min-width: 769px) {
  .site-header__main {
    padding-left: 64px;
    padding-right: 64px;
  }
}

@media screen and (max-width: 768px) {
  .site-header__logo-col {
    width: 100% !important;
  }
}

.site-header__logo {
  text-align: center;
  margin: 0 auto;
  max-width: 100%;
}

@media screen and (min-width: 769px) {
  .site-header__logo {
    text-align: left;
  }
}

.site-header__logo a,
.site-header__logo a:hover,
.site-header__logo a:focus {
  text-decoration: none;
}

.site-header__logo a, .site-header__logo img {
  display: block;
}

.site-header__logo img {
  margin: 0 auto;
}

.site-header__logo-link {
  max-width: 450px;
  margin: 0 auto;
}

.header_desktop-meta {
  margin-left: 32px;
  padding: 8px 0;
}

.header_desktop-meta-item > button,
.header_desktop-meta-item > a {
  padding: 8px;
  position: relative;
}

.cart-count {
  position: absolute;
  bottom: 3px;
  right: 3px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  text-align: center;
  background-color: #5e3c61;
  color: #f7f7f7;
  font-family: Rubik, sans-serif;
  font-size: 0.875rem;
}

.cart-icon__mobile {
  width: 100%;
  padding: 16px 0;
  display: block;
}

.cart-count--mobile {
  bottom: 15px;
  right: 10px;
}

.search-bar {
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .search-bar {
    margin-left: auto;
    margin-right: auto;
  }
}

.login {
  background-color: transparent;
  /*transition*/
  transition: background-color 0.2s ease-in-out;
}

.login--hover {
  background-color: #f7f7f7;
}

.account-expanded {
  display: none;
  opacity: 0;
  /*transition*/
  transition: opacity 0.2s ease-in-out;
  position: absolute;
  bottom: -48px;
  right: 2px;
  min-width: 200px;
  height: 50px;
  background-color: #f7f7f7;
}

.account-expanded .child-list-customer {
  white-space: nowrap;
}

.account-expanded--active {
  display: block;
  opacity: 1;
}

.no-js .site-nav--header.hide {
  display: block !important;
}

/*============================================================================
  #Site Nav and Dropdowns
==============================================================================*/

.site-nav {
  cursor: default;
  margin: 0 0 0 -16px;
  position: relative;
}

.site-nav li {
  margin: 0;
  display: block;
}

.site-nav > li {
  position: relative;
  display: inline-block;
}

.site-nav-holder {
  white-space: nowrap;
}

.site-nav-measure {
  white-space: nowrap;
  position: absolute;
  top: -5000px;
  left: -5000px;
  opacity: 0;
}

/*================ Home to hamburger and cart that toggle drawers ================*/

.site-nav__link {
  display: block;
  text-decoration: none;
  padding: 16px;
  white-space: nowrap;
}

.site-nav__link > svg {
  font-size: 11px;
  margin-left: 8px;
  display: inline-block;
  margin-top: 1px;
}

/*================ Dropdowns ================*/
.site-nav__dropdown {
  display: none;
  position: absolute;
  left: 0;
  margin: 0;
  z-index: 5;
  min-width: 200px;
}

.supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown,
.site-nav--has-dropdown.nav-hover .site-nav__dropdown,
.nav-focus + .site-nav__dropdown {
  display: block;
}

.site-nav__dropdown a {
  background-color: #f7f7f7;
}

.site-nav--has-dropdown.nav-hover {
  background-color: #f7f7f7;
}

.site-nav__dropdown--meganav {
  white-space: initial;
  width: calc(100vw - 100px);
  overflow: hidden;
}

.site-nav__dropdown--meganav li {
  background-color: #f7f7f7;
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  padding-right: 16px;
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

.site-nav > .site-nav--has-dropdown--meganav {
  position: static;
}

.thirdlevel--meganav {
  margin: 0;
  padding: 0;
  background-color: #f7f7f7;
}

.thirdlevel--meganav li {
  display: block;
}

.thirdlevel--meganav .site-nav__link {
  padding: 10.66667px 16px;
}

.site-nav__third-level {
  display: none;
}

.site-nav--has-dropdown--thirdlevel.nav-hover + .site-nav__third-level,
.site-nav--has-dropdown--thirdlevel.nav-hover .site-nav__third-level,
.site-nav__link--thirdlevel.nav-focus + .site-nav__third-level,
.site-nav__link--thirdlevel.nav-focus .site-nav__third-level,
.site-nav__link--thirdlevel:hover + .site-nav__third-level,
.site-nav__link--thirdlevel:hover .site-nav__third-level,
.site-nav__link--thirdlevel:focus + .site-nav__third-level,
.site-nav__link--thirdlevel:focus .site-nav__third-level {
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
}

/*================ Search bar in header ================*/

/*============================================================================
  #Mobile Nav
  - List of items inside the mobile drawer
==============================================================================*/
.mobile-nav {
  margin: 16px 0 0 -16px;
}

.mobile-nav li {
  margin-bottom: 0;
}

.mobile-nav__item {
  position: relative;
  display: block;
  padding: 0 0 0 16px;
}

.mobile-nav__item.mobile-nav__item--thirdlevel {
  padding: 0 0 0 21.33333px;
}

.mobile-nav__item:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
}

.mobile-nav > .mobile-nav__item:last-child:after {
  display: none;
}

.mobile-nav__item a {
  display: block;
}

.mobile-nav__item a,
.mobile-nav__toggle button {
  padding: 16px;
  text-decoration: none;
}

.mobile-nav__has-sublist {
  display: table;
  width: 100%;
}

.mobile-nav__has-sublist .mobile-nav__link {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translate3d(0, 0, 0);
}

.mobile-nav__toggle {
  display: table-cell;
  vertical-align: middle;
  width: 1%;
}

.mobile-nav--expanded .mobile-nav__toggle-open {
  display: none;
}

.mobile-nav__toggle-close {
  display: none;
}

.mobile-nav--expanded .mobile-nav__toggle-close {
  display: block;
}

.mobile-nav__sublist {
  margin: 0;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mobile-nav--expanded + .mobile-nav__sublist {
  visibility: visible;
  max-height: 5000px;
  transition: all 700ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
}

.mobile-nav__sublist .mobile-nav__item:after {
  top: 0;
  bottom: auto;
}

.mobile-nav__sublist .mobile-nav__link {
  padding: 16px 0;
}

.mobile-nav__item .mobile-nav__link--secondary,
.mobile-nav__toggle--secondary button {
  padding: 8px 16px;
}

.mobile-nav--footer {
  max-width: 80%;
  margin-top: 32px;
}

.mobile-nav--footer .mobile-nav__item .mobile-nav__link,
.mobile-nav--footer .mobile-nav__toggle button {
  padding: 8px 16px;
}

@media screen and (min-width: 769px) {
  .mobile-nav--footer {
    margin: 0;
  }
}

.drawer--left .js--close-drawer {
  position: relative;
  top: 0;
  right: 0;
  z-index: 10;
}

/*============================================================================
  #Drawers
==============================================================================*/
.drawer {
  display: none;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
  width: 300px;
  z-index: 50;
}

.drawer__container {
  min-height: 101%;
}

.drawer--left {
  left: -300px;
}

.drawer--right {
  right: -300px;
}

.drawer--active {
  display: block;
}

.drawer--active.drawer--left {
  left: 0;
}

.drawer--active.drawer--right {
  right: 0;
}

.drawer__close {
  background-color: rgba(255, 141, 94, 0.95 );
  display: none;
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  z-index: 40;
}

.drawer__close--active {
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.cart-drawer .additional_checkout_buttons {
  max-width: 75%;
  margin-left: auto;
}

/*============================================================================
  #Site Footer
==============================================================================*/
.site-footer {
  padding: 32px 0;
}

@media screen and (min-width: 769px) {
  .site-footer {
    padding: 64px 0;
  }
}

.theme-credit > a,
.powered-by > a {
  color: inherit;
}

.footer__credit {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

.payment-icon {
  width: 40px;
  height: 40px;
}

.extra-information.color--primary-overlay a {
  color: #f7f7f7;
  border-bottom: 2px solid #f7f7f7;
}

.extra-information.color--shop-accent-overlay a {
  color: #333333;
  border-bottom: 2px solid #333333;
}

.extra-information.color--main-accent-overlay a {
  color: #333333;
  border-bottom: 2px solid #333333;
}

.extra-information.color--secondary-accent-overlay a {
  color: #f7f7f7;
  border-bottom: 2px solid #f7f7f7;
}

.footer--desktop__bottom-row {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.selectors-form {
  display: flex;
}

@media screen and (min-width: 769px) {
  .selectors-form {
    justify-content: flex-end;
  }
}

/*
{
  "value": "primary",
  "label": "Primary"
},
{
  "value": "main-accent",
  "label": "Main Accent"
},
{
  "value": "secondary-accent",
  "label": "Secondary Accent"
},
{
  "value": "shop-accent",
  "label": "Shop Accent"
},
{
  "value": "white",
  "label": "White"
},
{
  "value": "black",
  "label": "Black"
}*/
/*============================================================================
  #Product and Collection Grids
==============================================================================*/
.product-grid__inner {
  margin-top: -64px;
}

.grid__image {
  display: block;
  margin: 0 auto 16px;
}

.grid__image img {
  display: block;
  margin: 0 auto;
}

.product__on-sale {
  display: inline-block;
  position: absolute;
  top: -16px;
  left: 16px;
  padding: 4px 8px;
  z-index: 3;
}

@media screen and (min-width: 769px) {
  .product__on-sale {
    padding: 8px 16px;
  }
}

.product-grid-item .product-item-hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  /*transition*/
  transition: all 0.2s ease-in-out;
}

.product-grid-item:hover .product-item-hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/*============================================================================
  #Collection Filters
==============================================================================*/

.tags--collection {
  max-width: 800px;
  margin: 0 auto;
}

.tags--collection > ul {
  margin-top: -16px;
}

.tag__item {
  padding: 8px;
}

.tag__item--active {
  border-bottom: 2px solid #333333;
}

.filters__sort--select,
.filters__tag--select {
  font-size: 0.875rem;
}

@media screen and (min-width: 769px) {
  .filters__sort--select,
  .filters__tag--select {
    min-width: 150px;
  }
}

/*============================================================================
  #Product Page
==============================================================================*/

.single-option-selector,
.addToCart,
.shopify-payment-button .shopify-payment-button__button {
  width: 70%;
  min-height: 44px;
}

@media screen and (min-width: 1520px) {
  .single-option-selector,
  .addToCart,
  .shopify-payment-button .shopify-payment-button__button {
    width: 50%;
  }
}

.product__title {
  width: 90%;
  margin: 0 auto;
}

.shopify-payment-button .shopify-payment-button__button {
  margin: 0 auto;
}

.shopify-payment-button .shopify-payment-button__button--unbranded {
  transition: none;
  background-color: #ffbf5f;
  color: #333333;
}

.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: #333333;
  color: #f7f7f7;
}

.shopify-payment-button .shopify-payment-button__button--unbranded[disabled], .shopify-payment-button .shopify-payment-button__button--unbranded.disabled {
  cursor: default;
  display: none;
}

.shopify-payment-button .shopify-payment-button__button--unbranded[disabled],
.shopify-payment-button .shopify-payment-button__button--unbranded button[aria-disabled], .shopify-payment-button .shopify-payment-button__button--unbranded.disabled,
.shopify-payment-button .shopify-payment-button__button[disabled],
.shopify-payment-button .shopify-payment-button__button button[aria-disabled],
.shopify-payment-button .shopify-payment-button__button.disabled,
.shopify-payment-button .shopify-payment-button__more-options[disabled],
.shopify-payment-button .shopify-payment-button__more-options button[aria-disabled],
.shopify-payment-button .shopify-payment-button__more-options.disabled {
  cursor: default;
  display: none;
}

.cta-content.hide-pay-buttons .shopify-payment-button {
  display: none;
}

.quantity-selector {
  top: 6px;
}

.product-single__media {
  position: relative;
}

.product-single__media img,
.product-single__media video,
.product-single__media iframe,
.product-single__media model-viewer,
.product-single__media .shopify-model-viewer-ui,
.product-single__media .plyr,
.product-single__media .media-item,
.product-single__media .video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.product-single__media .shopify-model-viewer-ui model-viewer,
.product-single__media .plyr .plyr__video-wrapper {
  width: 100%;
  height: 100%;
}

.product-single__media model-viewer {
  text-align: left;
}

.product-media-slider__item {
  width: 100%;
  height: auto;
  display: block;
}

.product-media-slider__item.slick-active img {
  -webkit-filter: none;
  filter: none;
}

.product-media-slider__status {
  position: absolute;
  bottom: -40px;
  left: 0;
}

.product-content {
  z-index: 1;
}

/* Product page form sticky */
@media screen and (min-width: 768px) {
  .product-page--form-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
  }
}

[data-enable-product-zoom="true"] [data-product-zoomable-image] {
  cursor: zoom-in;
}

/*============================================================================
  #Product Media
==============================================================================*/
/*================ Base values for product media components ================*/
/*================ Product video poster color ================*/

[data-product-single-media-wrapper] .plyr--video {
  background-color: #f7f7f7;
  color: #333333;
}

[data-product-single-media-wrapper] .plyr--video .plyr__poster {
  background-color: #eaeaea;
}

[data-product-single-media-wrapper] .plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, currentColor var(--value, 0%), rgba(187, 187, 187, 0.6) var(--value, 0%));
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster,
[data-product-single-media-wrapper] .plyr__control.plyr__control--overlaid {
  display: block;
  width: auto;
  height: auto;
  background-color: #f7f7f7;
  color: #333333;
  border-color: rgba(51, 51, 51, 0.08 );
  padding: 6px;
  transition: all 0.175s ease;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover svg,
[data-product-single-media-wrapper] .plyr__control.plyr__control--overlaid:hover svg {
  opacity: 0.55;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster[hidden],
[data-product-single-media-wrapper] .plyr__control.plyr__control--overlaid[hidden] {
  display: none;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster svg,
[data-product-single-media-wrapper] .plyr__control.plyr__control--overlaid svg {
  display: block;
  width: 50px;
  height: 50px;
}

.plyr__video-wrapper {
  background-color: transparent;
}

button[data-shopify-xr] {
  background: rgba(#333333, 0.03);
  width: 100%;
  min-height: 44px;
  color: #333333;
  border: none;
  padding: 8px 16px;
  margin-top: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
}

button[data-shopify-xr][data-shopify-xr-hidden] {
  visibility: hidden;
  display: none;
}

@media screen and (min-width: 768px) {
  button[data-shopify-xr][data-shopify-xr-hidden] {
    display: none;
  }
}

button[data-shopify-xr]:hover {
  border: none;
}

button[data-shopify-xr] .glyph-model {
  height: 1em;
  margin-right: 0.5em;
}

button[data-shopify-xr] .glyph-model .background {
  fill: none;
}

button[data-shopify-xr] .glyph-model .shape {
  fill: currentColor;
}

.shopify-model-viewer-ui {
  color: #333333;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  background: #f7f7f7;
  border-color: rgba(51, 51, 51, 0.08 );
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
  color: #333333;
  transition: all 0.175s ease;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
  color: rgba(#333333, 0.55);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
  border-bottom-color: rgba(51, 51, 51, 0.08 );
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
  color: rgba(#333333, 0.55);
  background: rgba(#333333, 0.025);
}

.shopify-model-viewer-ui model-viewer {
  text-align: left;
}

.js-focus-visible .slick-list .plyr--video:focus.focus-visible,
.js-focus-visible .slick-list .product-single__media-wrapper:focus.focus-visible,
.js-focus-visible .slick-list model-viewer:focus.focus-visible {
  outline: none;
}

.js-focus-visible .slick-list .plyr--video:focus.focus-visible::after,
.js-focus-visible .slick-list .product-single__media-wrapper:focus.focus-visible::after,
.js-focus-visible .slick-list model-viewer:focus.focus-visible::after {
  content: "";
  height: 100%;
  outline-color: #4d90fe;
  outline-offset: -5px;
  outline-style: auto;
  outline-width: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  height: calc(100% - 8px);
}

/*============================================================================
  #Notes and Form Feedback
==============================================================================*/
.note,
.errors {
  border-radius: 3px;
  padding: 6px 12px;
  margin-bottom: 16px;
  border: 1px solid transparent;
  font-size: 0.9em;
  text-align: left;
}

.note ul,
.errors ul {
  margin-top: 0;
  margin-bottom: 0;
}

.note li:last-child,
.errors li:last-child {
  margin-bottom: 0;
}

.note p,
.errors p {
  margin-bottom: 0;
}

.note {
  border-color: #333333;
}

.errors ul {
  list-style: disc outside;
  margin-left: 20px;
}

.form-success {
  color: #333333;
  background-color: #ecfef0;
  border: 0;
  border-radius: 0;
  font-family: Rubik, sans-serif;
}

.form-success a {
  color: #56ad6a;
  text-decoration: underline;
}

.form-success a:hover {
  text-decoration: none;
}


.errors {
  color: #d02e2e;
  background-color: #fff6f6;
  border-color: #d02e2e;
}


.errors a {
  color: #d02e2e;
  text-decoration: underline;
}


.errors a:hover {
  text-decoration: none;
}

/*============================================================================
  #Cart Page
==============================================================================*/
.cart__row {
  position: relative;
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #333333;
}

.cart__row.cart__header-labels {
  border-top: none;
}

.cart__row:first-child {
  margin-top: 0;
  padding-top: 0;
}

.cart__row .js-qty, .cart__row .ajaxcart__qty {
  margin: 0 auto;
  border-bottom: none;
  padding: 0;
}

.cart__row .js-qty > .js-qty__controls, .cart__row .ajaxcart__qty > .js-qty__controls {
  position: static;
  margin: 0 auto;
}

@media screen and (max-width: 480px) {
  .cart__row .js-qty > .js-qty__controls, .cart__row .ajaxcart__qty > .js-qty__controls {
    margin: 0 0 0 auto;
  }
}

.cart-table th {
  font-weight: normal;
}

.cart-table td,
.cart-table th {
  padding: 30px 0;
  border: none;
}

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

.cart__image img {
  display: block;
  max-width: 100%;
}

@media screen and (max-width: 480px) {
  .cart__image {
    text-align: left;
    padding-top: 45px;
  }
  .cart__image img {
    display: inline-block;
  }
}

.cart__info {
  display: inline-block;
  margin-left: 32px;
  vertical-align: middle;
}

.cart__info .product-grid-title {
  color: #333333;
}

.cart__info .product-grid-title:hover {
  color: #ff8d5e;
}

.cart__info .secondary {
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .cart__image, .cart__info {
    display: block;
  }
  .cart__info {
    margin: 16px 0 0 0;
  }
}

@media screen and (max-width: 768px) and (max-width: 480px) {
  .cart__info {
    text-align: left;
  }
}

.cart-table td.cart__quantity, .cart-table td.data-price {
  padding: 30px 15px;
}

@media screen and (max-width: 480px) {
  .cart-table td.cart__quantity, .cart-table td.data-price {
    padding: 30px 0;
  }
}

.data-price {
  text-align: center;
}

.cart__subtotal {
  margin: 0 0 0 10.66667px;
  display: inline;
}

.cart__remove {
  display: block;
}

.cart__quantity label {
  display: none;
}

.input-full {
  border: 1px solid #333333;
}

.cart__footer {
  padding-top: 32px;
  border-top: 1px solid #333333;
}

.additional-checkout-buttons {
  margin-top: 10px;
}

/*============================================================================
  #Ajax Cart Styles
==============================================================================*/
.cart-drawer__close-btn {
  top: -8px;
  right: -12px;
}

.ajaxcart__inner {
  margin-bottom: 32px;
}

.ajaxcart__row > .grid, .ajaxcart__row > .grid--rev, .ajaxcart__row > .grid--full {
  margin-left: -16px;
}

.ajaxcart__row > .grid > .grid__item, .ajaxcart__row > .grid--rev > .grid__item, .ajaxcart__row > .grid--full > .grid__item {
  padding-left: 16px;
}

.ajaxcart__product {
  position: relative;
  max-height: 500px;
}

.ajaxcart__product.is-removed {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ajaxcart__row {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #eaeaea;
}

.ajaxcart__product-image {
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
}

.ajaxcart__product-image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.ajaxcart__product-name,
.ajaxcart__product-meta {
  display: block;
}

.ajaxcart__product-name + .ajaxcart__product-meta {
  padding-top: 0;
}

/*================ Quantity Selectors ================*/
.js-qty, .ajaxcart__qty {
  position: relative;
  margin-bottom: 1em;
  overflow: visible;
  width: 70%;
  border-bottom: 2px solid #333333;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 0;
  position: relative;
}

@media screen and (min-width: 1520px) {
  .js-qty, .ajaxcart__qty {
    width: 50%;
  }
}

.js-qty__controls {
  width: 80px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: -5px;
  /*transition*/
  transition: width 0.2s ease-in-out;
}

.js-qty__controls > .table {
  height: 100%;
}

@media screen and (min-width: 769px) {
  .js-qty__controls {
    width: 60px;
  }
}

@media screen and (min-width: 890px) {
  .js-qty__controls {
    width: 80px;
  }
}

@media screen and (min-width: 1025px) {
  .js-qty__controls {
    width: 60px;
  }
}

@media screen and (min-width: 1200px) {
  .js-qty__controls {
    width: 80px;
  }
}

.js-qty__controls input {
  display: block;
  background: none;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  margin: 0;
  font-family: Rubik, sans-serif;
  font-size: 1.1rem;
  box-sizing: border-box;
}

.js-qty__adjust, .ajaxcart__qty-adjust {
  cursor: pointer;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  border: 0 none;
  padding: 0;
  background: none;
  text-align: center;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.js-qty__adjust:hover, .ajaxcart__qty-adjust:hover, .js-qty__adjust:focus, .ajaxcart__qty-adjust:focus {
  color: #333333;
}

.js-qty__adjust--plus, .ajaxcart__qty--plus {
  right: -3px;
  top: 2px;
  font-size: 13px;
}

.js-qty__adjust--minus, .ajaxcart__qty--minus {
  font-size: 13px;
  left: -3px;
  top: 2px;
  font-size: 13px;
}

/*

.quantity-selector {
  top: 10px;
}

.js-qty__label {
  padding: 8px 0;
  width: 100px;
}

.js-qty__controls {
  padding-left: 80px;
  position: relative;
  display: block;
  @include at-query($min,$large) {
    padding-left: 120px;
  }
}


/*================ Quantity Selectors in Ajax Cart ================*/
.ajaxcart__qty {
  width: 80px;
  border-bottom: 0;
  border-width: 1px;
  margin: 0;
}

.ajaxcart__qty input {
  font-size: 0.875rem;
}

.is-loading .ajaxcart__qty {
  opacity: 0.5;
  transition: none;
}

.ajaxcart__qty .js-qty__adjust, .ajaxcart__qty .ajaxcart__qty-adjust {
  font-size: 11px;
}

.ajaxcart__qty--remove {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
}

.ajaxcart__qty {
  padding: 0;
}

.ajaxcart__qty > .table {
  width: 100%;
}

.ajaxcart__qty > .table input {
  display: block;
  background: none;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0 25px;
  margin: 0;
  font-family: Rubik, sans-serif;
  font-size: 0.875rem;
  box-sizing: border-box;
}

.ajaxcart__qty-num {
  font-size: 0.5rem;
  border-color: #eaeaea;
}

.ajaxcart__qty-adjust {
  font-size: 11px;
  z-index: 2;
}

.ajaxcart__qty--plus {
  top: -2px;
  font-size: 11px;
  border-color: #eaeaea;
}

.ajaxcart__qty--minus {
  top: -2px;
  font-size: 11px;
}

.ajaxcart-item__price-strikethrough {
  float: right;
}

/*============================================================================
  #Social
==============================================================================*/
.social-icons {
  font-size: 11px;
  padding: 8px 0;
}

.social-icons--drawer {
  margin-left: -16px;
}

.social-icons li {
  margin: 0 0 0 16px;
  vertical-align: middle;
}

.social-icons__link {
  display: block;
}

/*============================================================================
  #Sections
==============================================================================*/
.section {
  margin-top: 32px;
}

.full_bleed .section {
  padding: 16px;
}

.section--slideshow,
.full_bleed .section--slideshow {
  padding-bottom: 64px;
}

.section--wrapper {
  padding: 0 16px;
}

@media screen and (min-width: 769px) {
  .section--wrapper {
    padding: 0 32px;
  }
}

.section--product-page {
  padding-top: 16px;
}

@media screen and (min-width: 769px) {
  .section--product-page {
    padding: 64px 0;
  }
}

.clean-background .main-content {
  padding: 0 16px;
}

@media screen and (min-width: 769px) {
  .clean-background .main-content {
    padding: 0 32px;
  }
}

.clean-background section {
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.clean-background .full_bleed .section {
  padding: 0;
}

.clean-background .full_bleed {
  margin-top: 64px;
}

.clean-background .full_bleed + .full_bleed {
  margin-top: 128px;
}

.clean-background .section--feature-image {
  padding: 16px 0;
}

.clean-background .full_bleed .section--slideshow {
  padding-bottom: 64px;
}

.clean-background .section--wrapper {
  padding: 0;
}

@media screen and (min-width: 769px) {
  .clean-background .site-header__main {
    padding-left: 32px;
    padding-right: 32px;
  }
}

/*============================================================================
  #Articles
==============================================================================*/
.article__image--small {
  min-width: 90px;
}

@media screen and (min-width: 769px) {
  .article__image--small {
    min-width: 40%;
  }
}

@media screen and (min-width: 769px) {
  .article__title--feature,
  .article__excerpt--feature {
    max-width: 80%;
  }
}

.article__header {
  max-width: 750px;
}

@media screen and (min-width: 769px) {
  .article-comments {
    max-width: 60%;
  }
}

/*============================================================================
  #Slideshow
==============================================================================*/
.slideshow-container:not(.slick-initialized) .slideshow__slide:not(:first-of-type) {
  display: none;
}

/*============================================================================
  #Feature image
==============================================================================*/
.feature-image__container--full_screen {
  height: 500px;
}

@media screen and (min-width: 769px) {
  .feature-image__container--full_screen {
    height: calc(100vh - 100px);
  }
}

.slideshow__status {
  position: absolute;
  bottom: -40px;
  left: 0;
}

.feature-image__img-content {
  width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.feature-image__overlay-text a {
  color: inherit;
}

.feature-image__cover {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

/*============================================================================
  #Featured Content
==============================================================================*/
.featured-content__title--small {
  font-size: 1.2rem;
  line-height: 1.8rem;
}

@media screen and (min-width: 768px) {
  .featured-content__title--small {
    font-size: 2rem;
    line-height: 2.6rem;
  }
}

.featured-content__title--medium {
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .featured-content__title--medium {
    font-size: 3.6rem;
    line-height: 4.2rem;
  }
}

.featured-content__title--large {
  font-size: 2.6rem;
}

@media screen and (min-width: 768px) {
  .featured-content__title--large {
    font-size: 4.6rem;
    line-height: 5.2rem;
  }
}

.featured-content__title p:last-child {
  margin-bottom: 0;
}

.featured-content__link {
  padding-right: 18px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

.featured-content__link:hover {
  border-color: #333333;
}

.featured-content__arrow {
  font-size: 0.6rem;
  margin-left: 6.4px;
}

/*============================================================================
  #Feature product
==============================================================================*/
.single-product .single-option-selector,
.single-product .addToCart,
.single-product .shopify-payment-button .shopify-payment-button__button {
  width: 85%;
  max-width: 225px;
}

/*============================================================================
  #Store
==============================================================================*/
.store__feature-text p:last-child {
  margin: 0;
}

/*============================================================================
  #Video
==============================================================================*/
.video__play-icon {
  width: 74px;
  height: 74px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -37px;
  margin-top: -37px;
  text-align: center;
}

.video__play-icon--small {
  width: 28px;
  height: 28px;
  margin-left: -14px;
  margin-top: -14px;
}

@media screen and (min-width: 769px) {
  .video__play-icon--small {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
  }
}

.video__image--small {
  width: 100%;
  max-width: 120px;
}

@media screen and (min-width: 769px) {
  .video__image--small {
    width: 100%;
    max-width: 40%;
  }
}

.video__thumbnail {
  -webkit-transform: scale(1.1);
}

.video__lightbox {
  max-width: 80%;
}

.lightbox {
  background-color: rgba(255, 141, 94, 0.95 );
  z-index: 10;
  display: none;
  opacity: 0;
  /*transition*/
  transition: opacity 0.2s ease-in-out;
}

.lightbox--section {
  background-color: rgba(247, 247, 247, 0.95 );
}

.lightbox__inner {
  padding-top: 70px;
}

@media screen and (min-width: 769px) {
  .lightbox__inner {
    padding-top: 0;
  }
}

.lightbox--enabled {
  display: block;
  opacity: 1;
  overflow-y: scroll;
}

.lightbox__holder {
  overflow-y: scroll;
}

.lightbox__arrows {
  display: none;
}

.lightbox__arrows--show {
  display: block;
}

.lightbox__arrow-left,
.lightbox__arrow-right {
  position: fixed;
  bottom: 4px;
  cursor: pointer;
}

@media screen and (min-width: 769px) {
  .lightbox__arrow-left,
  .lightbox__arrow-right {
    bottom: 50%;
  }
}

.lightbox__arrow-left {
  left: 16px;
}

.lightbox__arrow-right {
  right: 16px;
}

@media screen and (min-width: 769px) {
  .lightbox__arrow-left--top,
  .lightbox__arrow-right--top {
    bottom: auto;
    top: 10px;
  }
  .lightbox__arrow-left--top {
    left: 4px;
  }
  .lightbox__arrow-right--top {
    right: auto;
    left: 76px;
  }
}

.lightbox__current-item {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  /*transition*/
  transition: opacity 0.2s ease-in-out;
}

.lightbox__current-item--fade {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  display: none;
}

/*============================================================================
  #Gallery
==============================================================================*/
.grid--gallery {
  margin-left: -8px;
}

.grid--gallery > .grid__item {
  padding-left: 8px;
}

.grid--gallery-inner > .grid__item:nth-child(-n+2) {
  margin-bottom: 8px;
}

.gallery-meta {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /*transition*/
  transition: opacity 0.2s ease-in-out;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .grid--gallery a:hover .gallery-meta {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}

/*============================================================================
  #Newsletter
==============================================================================*/
.newsletter__form {
  width: 250px;
}

@media screen and (min-width: 769px) {
  .newsletter__form {
    max-width: 500px;
    width: auto;
  }
}

/*============================================================================
  #Search
==============================================================================*/
.search-bar {
  display: table;
  border-collapse: separate;
}

.search__input {
  border-bottom: 2px solid #333333;
}

@media screen and (min-width: 769px) {
  .search__input {
    margin-bottom: 0;
  }
}

.search__input::-webkit-input-placeholder {
  color: #333333;
}

.search__submit {
  background-color: transparent;
  color: #333333;
  padding: 0 8px;
}

.search-btn {
  vertical-align: top;
  padding-top: 4px;
}

.search-bar-lightbox .input-group .search-input {
  height: 60px;
}

/*============================================================================
  #Slick
==============================================================================*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}


.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.user-is-tabbing .slick-slide {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  /*
    button.shopify-model-viewer-ui__button:not([hidden]),
    .plyr--video > button.plyr__control:not(.plyr__control--overlaid[hidden]) {
      display: none;
      visibility: hidden;
    }


    &.slick-active {
      button.shopify-model-viewer-ui__button:not([hidden]),
      .plyr--video > button.plyr__control:not(.plyr__control--overlaid[hidden]) {
        display: block;
        visibility: visible;
      }
    }
    */
}

.slick-slide img {
  display: block;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-slide.slick-active {
  visibility: visible;
}

.slick-arrow {
  font-size: 0.8rem;
  position: absolute;
  bottom: -55px;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  /* vertically center */
  transform: translateY(-50%);
}

.slick-arrow > * {
  pointer-events: none;
}

.slick-prev.slick-arrow {
  right: 30px;
}

.slick-next.slick-arrow {
  right: -5px;
}

.slick-dots {
  margin: 0;
  padding: 0;
  display: none !important;
}

@media screen and (min-width: 769px) {
  .slick-dots {
    display: block !important;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 8px;
    max-width: 80%;
    text-align: left;
  }
}

.slick-dots li {
  list-style-type: none;
  display: inline-block;
  margin-right: 8px;
}

.slick-dots button {
  font-family: Rubik, sans-serif;
  padding: 4px 8px;
  color: #ffbf5f;
  font-size: 0.875rem;
  text-transform: none;
  font-weight: 400;
}

.slick-dots li.slick-active button {
  color: #333333;
  border-bottom: 2px solid #333333;
}

.slick-slide {
  -webkit-transform: translate3d(0, 0, 0);
}

/*============================================================================
  #Share
==============================================================================*/
.share {
  cursor: pointer;
  background-color: #f7f7f7;
}

.share__icon {
  position: absolute;
  top: 4px;
  left: 0;
}

.share__icon--close {
  position: absolute;
  top: 6px;
  left: 0;
}

.share__links {
  display: none;
  position: absolute;
  padding: 16px 0;
  top: 24px;
  left: -8px;
  background-color: #f7f7f7;
  width: 100%;
  min-width: 200px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  /*transition*/
  transition: opacity 0.2s ease-in-out;
}

.share__links li a {
  padding: 8px;
  font-size: 0.7rem;
  transform: scale(1);
  /*transition*/
  transition: all 0.2s ease-in-out;
}

.share__links li a:hover {
  transform: scale(1.1);
}

.share__links--hover {
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/*============================================================================
  #Page
==============================================================================*/
@media screen and (min-width: 769px) {
  .page--contact-form {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}

/*================ TEMPLATES ================*/
/*============= Templates | Password =============*/
.template-password {
  height: 100vh;
}

.password-bg {
  background-size: cover !important;
}

.password-page {
  display: table;
  height: 100%;
  width: 100%;
  color: #333333;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.ie9 .password-page {
  height: auto;
}

.password-page .errors,
.password-page .form--success {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.password-header {
  height: 85px;
  display: table-row;
}

.password-header__inner {
  display: table-cell;
  vertical-align: middle;
}

.password-login {
  padding: 0 30px;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .password-login {
    text-align: center;
  }
}

.password-main {
  display: table-row;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.password-main__inner {
  display: table-cell;
  vertical-align: middle;
  padding: 16px 32px;
}

.password-message {
  max-width: 500px;
  margin: 48px auto 16px;
}

.password__input-group {
  max-width: 340px;
  margin: 0 auto 32px;
}

.password__form-heading {
  margin-bottom: 32px;
}

.label--hidden {
  display: none;
}

/*================ Modals ================*/
.modal {
  transform: translateY(-20px);
  transform: translateY(0);
  background-color: rgba(255, 255, 255, 0.95);
  bottom: 0;
  color: #333333;
  display: none;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  /*transition*/
  transition: opacity 0.2s ease-in-out;
}

.modal--is-active {
  display: block;
  opacity: 1;
  overflow: hidden;
}

.modal__inner {
  transform-style: preserve-3d;
  height: 100%;
}

.modal__centered {
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}

.modal__close {
  border: 0;
  padding: 32px;
  position: fixed;
  top: 0;
  right: 0;
}

.modal__close .icon {
  font-size: 1.25em;
}

@media screen and (max-width: 768px) {
  .template-password .input-group__field::-webkit-input-placeholder {
    text-align: center;
  }
}

.template-password .input-group-btn {
  display: block;
  width: auto;
}

@media screen and (max-width: 768px) {
  .template-password .input-group-btn {
    padding-left: 0;
  }
}

/*============================================================================
  #Customers
==============================================================================*/
.customer-form {
  max-width: 500px;
}

.address__grid .grid__item {
  display: inline-block;
  vertical-align: bottom;
}

/*============================================================================
  #Placeholder
==============================================================================*/
.placeholder {
  background-color: #f5f5f5;
}

.placeholder > svg {
  width: 100%;
  height: 100%;
  fill: #a2a2a2;
}

/*============================================================================
  #Map
==============================================================================*/

.map-wrapper {
  position: relative;
  padding-bottom: 66%;
  overflow: hidden;
}

.map-section__container {
  position: absolute;
  height: 100%;
  min-height: auto;
  left: 0;
  top: 0;
  width: 100%;
}

[data-unit-price-wrapper] {
  display: none;
}

.has-unit-price [data-unit-price-wrapper] {
  display: block;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
  Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  touch-action: none;
  z-index: 15000;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
  Background is added as a separate element.
  As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
  stretched thumbnail or div placeholder element (see below)
  style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
  div element that matches size of large image
  large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #f5f5f5;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
  Error message appears when image is not loaded
  (JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/**
 * Selections from pswp default skin
 */

.pswp__button svg {
  pointer-events: none;
}

.pswp__element--disabled {
  display: none;
}

.pswp__preloader {
  width: 44px;
  height: 44px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  /*
      The idea of animating inner circle is based on Polymer ("material") loading indicator
       by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
    */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #333333;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@-webkit-keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}

@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}

/*============================================================================
  Table of Contents

  #General Variables
  #Sass Mixins
  #Base Styles
  #Media Queries
  #Print Styles
  #Keyframe Animations
==============================================================================*/
/*============================================================================
  #General Variables
==============================================================================*/
/*============================================================================
  #Sass Mixins
    - Copied from timber.scss.liquid
==============================================================================*/
.clearfix {
  *zoom: 1;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/*============================================================================
  #Base Styles
==============================================================================*/
header, nav, section, article, footer {
  display: block;
}

.template-giftcard,
.template-giftcard body {
  background: #f7f7f7;
}

.template-giftcard a,
.template-giftcard body a {
  text-decoration: none;
}

.template-giftcard .wrapper {
  max-width: 588px;
}

.template-giftcard .wrapper img, .template-giftcard .wrapper object, .template-giftcard .wrapper iframe {
  max-width: 100%;
}

.giftcard-header {
  padding: 60px 0;
  font-size: 1em;
  text-align: center;
  -webkit-animation: fadein 0.5s ease-in-out both 0.4s;
  animation: fadein 0.5s ease-in-out both 0.4s;
}

.shop-url {
  display: none;
}

.giftcard {
  -webkit-animation: slideup 0.8s ease-in-out;
  animation: slideup 0.8s ease-in-out;
}

.giftcard__border {
  background-color: #333333;
  border-radius: 4px;
  border: 1px solid #262626;
  padding: 1em;
  -webkit-animation: container-slide 0.8s ease-in-out;
  animation: container-slide 0.8s ease-in-out;
}

.giftcard__content {
  *zoom: 1;
  background-color: #fff;
  color: #999;
  border: 1px solid #262626;
  border-radius: 3px;
  -webkit-animation: cardslide 0.8s ease-in-out;
  animation: cardslide 0.8s ease-in-out;
}

.giftcard__content:after {
  content: "";
  display: table;
  clear: both;
}

.giftcard__header {
  *zoom: 1;
  border-bottom: 1px solid #333333;
  padding: 15px;
}

.giftcard__header:after {
  content: "";
  display: table;
  clear: both;
}

.giftcard__title {
  float: left;
  margin-bottom: 0;
}

.giftcard__tag {
  display: block;
  float: right;
  background-color: #b3b3b3;
  border: 1px solid transparent;
  color: #fff;
  padding: 10px;
  border-radius: 4px;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: .05em;
  line-height: 1;
}

.giftcard__tag--active {
  background: transparent;
  color: #999;
  border: 1px solid #cccccc;
}

.giftcard__wrap {
  position: relative;
  margin: 15px 15px 30px;
}

.giftcard__wrap img {
  position: relative;
  display: block;
  border-radius: 10px;
  z-index: 2;
}

.giftcard__wrap:before, .giftcard__wrap:after {
  content: "";
  position: absolute;
  width: 47px;
  height: 47px;
  z-index: 3;
}

.giftcard__wrap:before {
  background: url("/cdn/s/assets/gift-card/corner-top-left-2ba3edcd9e97ba146cd01a8161365c5e.svg") 0 0 no-repeat;
  top: -1px;
  left: -1px;
}

.giftcard__wrap:after {
  background: url("/cdn/s/assets/gift-card/corner-bottom-right-1fb9bf49ff9564325e6b7c0fb0a7ff45.svg") 0 0 no-repeat;
  bottom: -1px;
  right: -1px;
}

.lt-ie9 .giftcard__wrap:before,
.lt-ie9 .giftcard__wrap:after {
  display: none;
}

.giftcard__code {
  position: absolute;
  bottom: 30px;
  text-align: center;
  width: 100%;
  z-index: 50;
}

.giftcard__code--medium {
  font-size: .875em;
}

.giftcard__code--small {
  font-size: .75em;
}

.giftcard__code__inner {
  display: inline-block;
  vertical-align: baseline;
  background-color: #fff;
  padding: .5em;
  border-radius: 4px;
  max-width: 450px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.giftcard__code--small .giftcard__code__inner {
  overflow: auto;
}

.giftcard__code__text {
  font-weight: 400;
  font-size: 1.875em;
  text-transform: uppercase;
  border-radius: 2px;
  border: 1px dashed #333333;
  padding: .4em .5em;
  display: inline-block;
  vertical-align: baseline;
  color: #777;
  line-height: 1;
}

.disabled .giftcard__code__text {
  color: #999;
  text-decoration: line-through;
}

.giftcard__amount {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-size: 2.75em;
  line-height: 1.2;
  padding: 15px;
  z-index: 50;
}

.giftcard__amount strong {
  display: block;
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.giftcard__amount--medium {
  font-size: 2em;
}

.tooltip {
  display: block;
  position: absolute;
  top: -50%;
  right: 50%;
  margin-top: 16px;
  z-index: 3;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  -webkit-animation: popup 0.5s ease-in-out both 0.7s;
  animation: popup 0.5s ease-in-out both 0.7s;
}

.tooltip:before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 0;
  height: 0;
  margin-left: -5px;
  margin-bottom: -5px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 5px solid #333;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
}

.tooltip__label {
  display: block;
  position: relative;
  right: -50%;
  border: none;
  border-radius: 4px;
  background: #333;
  background: rgba(51, 51, 51, 0.9);
  min-height: 14px;
  font-weight: 400;
  font-size: 12px;
  text-decoration: none;
  line-height: 16px;
  text-shadow: none;
  padding: .5em .75em;
  margin-left: .25em;
}

.tooltip__label small {
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #b3b3b3;
  font-size: .875em;
}

.giftcard__instructions {
  text-align: center;
  margin: 0 15px 30px;
}

.giftcard__actions {
  position: relative;
  border-top: 1px solid #333333;
  padding: 30px 15px;
  text-align: center;
  overflow: hidden;
}

.action-link {
  position: absolute;
  left: 15px;
  top: 50%;
  font-size: 0.875em;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: #b3b3b3;
  margin-top: -10px;
}

.action-link:hover, .action-link:focus {
  color: #999;
}

.action-link__print {
  display: inline-block;
  vertical-align: baseline;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  margin-right: 5px;
  opacity: 0.25;
  background-image: url("/cdn/s/assets/gift-card/icon-print-164daa1ae32d10d1f9b83ac21b6f2c70.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}

.svg .action-link__print {
  background-image: url("/cdn/s/assets/gift-card/icon-print-6a10b2fb86d223b8c783c9696eaf4c31.svg");
}

.action-link:hover .action-link__print {
  opacity: 0.4;
}

.giftcard__footer {
  text-align: center;
  padding: 60px 0;
  -webkit-animation: fadein 0.5s ease-in-out both 0.4s;
  animation: fadein 0.5s ease-in-out both 0.4s;
}

#QrCode img {
  padding: 30px;
  border: 1px solid #333333;
  border-radius: 4px;
  margin: 0 auto 30px;
}

/*============================================================================
  #Media Queries
==============================================================================*/
/*================ Medium-down width ================*/
@media screen and (max-width: 580px) {
  .giftcard {
    font-size: 12px;
  }
  .giftcard-header {
    padding: 30px 0;
  }
  .header-logo {
    font-size: 2em;
  }
  .giftcard__border {
    padding: 15px;
  }
  .giftcard__actions {
    padding: 15px;
  }
  .giftcard__actions .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .action-link {
    display: none;
  }
}

/*================ Small width ================*/
@media screen and (max-width: 400px) {
  .giftcard__amount strong {
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  }
  .giftcard__wrap:before, .giftcard__wrap:after {
    display: none;
  }
  .giftcard__code {
    font-size: .75em;
  }
  .giftcard__code--medium {
    font-size: .65em;
  }
  .giftcard__code--small {
    font-size: .55em;
  }
}

/*================ Small height ================*/
@media screen and (max-height: 800px) {
  .header-logo img {
    max-height: 90px;
  }
}

/*============================================================================
  #Print Styles
==============================================================================*/
@media print {
  @page {
    margin: 0.5cm;
  }
  p, h2, .h2, h3, .h3 {
    orphans: 3;
    widows: 3;
  }
  h2, .h2, h3, .h3 {
    page-break-after: avoid;
  }
  html, body {
    background-color: #fff;
  }
  .giftcard-header {
    padding: 10px 0;
  }
  .giftcard__content,
  .giftcard__border {
    border: 0 none;
  }
  .giftcard__actions,
  .giftcard__wrap:before,
  .giftcard__wrap:after,
  .tooltip,
  .add-to-apple-wallet {
    display: none;
  }
  .giftcard__title {
    float: none;
    text-align: center;
  }
  .giftcard__code__text {
    color: #555;
  }
  .shop-url {
    display: block;
  }
  .logo {
    color: #58686F;
  }
}

/*============================================================================
  #Keyframe Animations
==============================================================================*/

@-webkit-keyframes slideup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px) rotate(10deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
  }
}

@keyframes slideup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px) rotate(10deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
  }
}

@-webkit-keyframes popup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
  }
  80% {
    -webkit-transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}

@keyframes popup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
  }
  80% {
    -webkit-transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}

@-webkit-keyframes container-slide {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes container-slide {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}

/*============================================================================
  #Global
==============================================================================*/
.global__primary_shop_button {
  background-color: #333333;
  color: #f7f7f7;
}

.global__primary_shop_button:not[disabled]:hover {
  background-color: #ffbf5f;
  color: #333333;
}

.global__button {
  background-color: #333333;
  color: #f7f7f7;
}

.global__button:not[disabled]:hover {
  background-color: #ff8d5e;
  color: #333333;
}

.global__shop_button {
  background-color: #333333;
  color: #f7f7f7;
}

.global__shop_button:not[disabled]:hover {
  background-color: #ffbf5f;
  color: #333333;
}

.global__secondary {
  color: #ff8d5e;
}

.global__shop_secondary {
  color: #ffbf5f;
}

/* custom css */
@media only screen and (max-width: 1024px) {
  div#shopify-section-1600211031211 {
    display:none;
  }
}
@media only screen and (min-width: 1025px) {
  div#shopify-section-1600315629074 {
    display:none;
  }
}
div#shopify-section-1600211031211 section {
    padding: 0;
}