/** Shopify CDN: Minification failed

Line 310:4 Expected identifier but found "*"
Line 4407:0 Expected "}" to go with "{"

**/
/* Colors
------------------
  pink: #f7a08c;
  green: #aacfc8
  off-white: #f8f7f2;
  gray: #8f867f;
------------------
*/

/* Fonts
------------------
Europa
Canela
Braisetta 
------------------
*/

@font-face {
    font-family: 'Canela Web';
    src: url('../assets/Canela-Thin-Web.woff2') format('woff2'), url('../assets/Canela-Thin-Web.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
  }
  
  body {
    font-family: europa, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    letter-spacing: .02em;
    line-height: 28px;
    color: #8f867f;
    overflow-x: hidden;
  }
  
  h1 {
    font-family: 'Canela Web', serif;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    font-size: 44px;
    line-height: 60px;
  }
  
  h2 {
    font-family: 'Canela Web', serif;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    font-size: 32px;
    line-height: 42px;
  }
  
  h3 {
    font-family: europa, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .2em;
  }
  
  h4 {
    font-family: braisetto, script;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    letter-spacing: normal;
    font-size: 36px;
    line-height: 1;
  }
  
  h5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    font-style: normal;
    text-transform: uppercase;
  }
  
  p {
    font-size: 16px;
    line-height: 28px;
  }
  
  .canela-font {
    font-family: 'Canela Web', serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-transform: none !important;
    letter-spacing: .02em !important;
  }
  
  .braisetto-font {
/*     font-family: braisetto, script !important; */
    font-family: braisetto !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-transform: none !important;
    letter-spacing: normal !important;
  }
  
  .europa-regular-font {
    font-family: europa, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: .2em !important;
    text-transform: uppercase !important;
  }
  
  .europa-bold-font {
    font-family: europa, sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: .2em !important;
    text-transform: uppercase !important;
  }
  
  .headline {
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
  }
  
  .subheadline {
    font-weight: 400;
    line-height: 1;
    font-style: normal;
    text-transform: none;
  }
  
  .title {
    font-size: 42px;
    line-height: 1;
  }
  
  a {
    color: inherit;
    outline: 0;
  }
  
  .pink-color {
    color: #f7a08c;
  }
  
  .green-color {
    color: #aacfc8;
  }
  
  .white-color {
    color: white;
  }
  
  .gray-color {
    color: #8f867f;
  }
  
  .pink-bg {
    background-color: #f7a08c;
  }
  
  .green-bg {
    background-color: #aacfc8;
  }
  
  .white-bg {
    background-color: white;
  }
  
  .off-white-bg {
    background-color: #f8f7f2;
  }
  
  .floatleft {
    float: left;
  }
  
  .floatright {
    float: right;
  }
  
  .uppercase {
    text-transform: uppercase;
  }
  
  .lowercase {
    text-transform: lowercase;
  }
  
  .center-text {
    text-align: center;
  }
  
  .text-right {
    text-align: right;
  }
  
  .text-left {
    text-align: left;
  }
  
  .center-text img,
  .text-right img {
    display: inline-block;
  }
  
  .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
  }
  
  .table .cell {
    display: table-cell;
    vertical-align: middle;
  }
  
  .flex {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
  
  .flex.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .flex.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .flex.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .flex.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .flex.justify-end {
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
  }
  
  .flex.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .flex.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  
  .flex .col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .flex .col.ie {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }
  
  .cols:before,
  .cols:after {
    content: '';
    display: table;
  }
  
  .cols:after {
    clear: both;
  }
  
  .cols {
    *zoom: 1;
  }
  
  .cols .col {
    float: left;
  }
  
  .four-fifths {
    width: 80%;
    /* -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1; */
  }
  
  .three-fourths {
    width: 75%;
    /* -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1; */
  }
  
  .two-thirds {
    width: 66.6666%;
    /* -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1; */
  }
  
  .three-fifths {
    width: 60%;
    /* -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1; */
  }
  
  .one-half {
    width: 50%;
    /* -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1; */
  }
  
  .two-fifths {
    width: 40%;
    /* -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1; */
  }
  
  .one-third {
    width: 33.3333%;
    /* -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1; */
  }
  
  .one-fourth {
    width: 25%;
    /* -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1; */
  }
  
  .one-fifth {
    width: 20%;
    /* -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1; */
  }
  
  .page {
/*     min-height: 100vh; */
    min-height: calc(100vh - 430px);
    
  }
  
  .section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  
  .wrapper {
    position: relative;
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding-left: 35px;
    padding-right: 35px;
  }
  
  .wrapper.full {
    max-width: 100%;
  }
  
  .wrapper.xl {
    max-width: 1440px;
  }
  
  .wrapper.lg {
    max-width: 1300px;
  }
  
  .wrapper.md {
    max-width: 1060px;
  }
  
  .wrapper.sm {
    max-width: 850px;
  }

  .wrapper.xs {
    max-width: 440px;
  }

  #page_overlay {
      display: block;
      height: 100%;
      width: 100%;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 999998 !important;
      background-color: #ffffff;
  }

  .overlay:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgba(43, 43, 43, 0.36);
  }
  
  .hero .overlay:before {
    min-height: 9999px;
  }
  
  /* Header + Menu */
  
  #header {
    position: absolute;
    /* overflow-x: hidden; */
    top: 0;
    width: 100%; 
    z-index: 99999;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    /* border-bottom: 2px solid white;
  border-image: url(../assets/border-top-white.png) 100% round;	 */
  }
	
  #home #header {
   	position: relative; 
  }
  
  body.secondary #header {
    background: transparent;
  }
  
  body.secondary #header.white-bg {
    background: white;
  }
  
  body.secondary #header:not(.white-bg) .border {
    display: none;
  }
  
  #header .wrapper {
    padding: 5px 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  .border {
    stroke: #E2E0DF;
    opacity: 1;
    height: 2px;
  }
  
  .border-container {
    position: relative;
    overflow: hidden;
  }
  
  /* #header .header-border {
    position: absolute;
    bottom: 1px;
    left: 0;
  } */
  
  #header .border-container {
    height: 3px;
/*     height: 4px; */
    /* bottom: 0; */
/*     bottom: -0.095em; */
    bottom: -0.12em;    
  }

  #header.white-bg .border-container:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 5px;
    background: white;
    position: absolute;
    top: -4px;
    z-index: -1;
  }
  
  #about #header .border-container,
  #portfolio #header .border-container,
  .secondary #header .border-container {
    bottom: -0.09em;
  }

  #about #header.white-bg .border-container:after,
  #portfolio #header.white-bg .border-container:after {
    display: none;
  }
  /* .secondary #header .border-container {
    bottom: -0.1em;
  } */
  
  #shop #header .border-container {
    /* bottom: -0.05em; */
  }
  
  #header .border {
    opacity: 1;
    position: absolute;
    z-index: 9999;
    left: 0px;
    bottom: 0;
    stroke: #ffffff;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  
  /* #header.white-bg:after {
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;     
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: white;
    position: absolute;
    top: -2px;
    z-index: -1;
  } */
  
  #header.white-bg {
    background-color: white;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear; 
  }
  
  #header.white-bg .border {
    stroke: #E2E0DF;
    opacity: 1;
    /* top: 0px; */
    top: 1px;
  }

  #home #header.white-bg .border {
    top: 0;
  }
  
  /* #header:after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: url(../assets/border-top.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  } */
  
  /* #header.sticky,
  .dropdown.sticky {
  position: fixed;
  } */
  
  #header_placeholder {
    min-height: 95px;
  }
  
  body.secondary #header_placeholder,
  #about #header_placeholder,
  #portfolio #header_placeholder {
    display: none;
  }
  
  /* #header.white-bg {
  border-bottom: 2px solid #8f867f;
  border-image: url(../assets/border-top.png) 100% round;
  } */
  
  #header .one-half {
    margin: auto;
    width: 43%;
  }
  
  #header ul li {
    display: inline-block;
    padding: 5px 20px 5px;
  }
  
  #header ul li a {
    font-family: europa, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    color: white;
/*     font-size: 14px;
    line-height: 22px; */
    font-size: 13px;
    line-height: 20px;    
    text-transform: uppercase;
    letter-spacing: .2em;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #header a .count {
    background: url(../assets/bag-white.svg);
    color: white;
    background-size: 52% !important;
    background-position: 47% 50% !important;
    /* width: 30px; */
    padding: 28px 25px 25px 25.5px;
    /* height: 33px; */
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat !important;
  }
  
  #header.white-bg a .count {
    background: url(../assets/bag.svg);
    color: #8f867f;
    font-weight: 700;
    font-size: 14px;
  }
  
  #header ul li a.braisetto-font {
    font-size: 36px;
  }
  
  #header.white-bg ul li a {
    color: #8f867f;
  }
  
  #header ul li a:hover {
    color: #f7a08c;
  }
.secondary #header ul li a:hover {
    color: white;
    opacity: .5;
} 
  #header .search-container {
    padding: 25px 50px;
    display: none;
  }
  
  #header .search-container .close {
    margin-left: auto;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
  }
  
  #header .search-container .wrapper {
    max-width: 720px;
  }
  
  #header .search-container form {
    width: 100%;
    border-bottom: 1px solid #8f867f;
  }
  
  #header .search-container form input {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 15px;
    font-size: 26px;
    color: #8f867f;
  }
  
  #header .search svg {
    height: 16px;
    width: 20px;
    fill: transparent !important;
    stroke: #8f867f;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  
  #header .search svg circle {
    fill: transparent;
  }
  
  #header.white-bg .search svg circle {
    /* stroke: #8f867f !important; */
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #header.white-bg .search svg:hover circle {
    stroke: #B1CEC8 !important;
  }
  
  #header.white-bg .search svg line {
    stroke: #8f867f !important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #header.white-bg .search svg:hover line {
    stroke: #B1CEC8 !important;
  }
  
  .dropdown {
    background: #f8f7f2;
    position: absolute;
    z-index: 99;
    top: -3px;
    width: 100%;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    z-index: -2;
  }
  
  .dropdown.visible {
    /* display: block; */
    opacity: 1;
    z-index: 9999;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    visibility: visible;
    max-height: 3000px;
  }
  
  .dropdown ul {
    list-style: none;
  }
  
  .dropdown ul li a {
    text-decoration: none;
    color: #8f867f;
    font-size: 15px;
    /* font-size: 17px; */
  /* line-height: 41px; */
  line-height: 35px;
    letter-spacing: 0.04em;
    text-align: center;
  }
  
  .dropdown ul li a:hover {
    color: #B1CEC8;
  }
  
  .dropdown .wrapper {
    max-width: 100%;
    padding: 50px;
  }
  
  .dropdown-child {
    display: none !important;
  }
  
  .dropdown .flex ul:first-child {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5;
    flex: 0.5;
  }
  
  .dropdown .flex ul {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5;
    flex: 0.5;
  }
  
  .dropdown .flex .featured {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /* border-left: 1px solid white; */
    /* padding-left: 40px; */
    position: relative;
  }
  
  .dropdown .flex .featured li {
    /* margin-left: 50px; */
    margin-left: 25px;
  }
  
  .dropdown .flex ul.featured:before {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 99;
    width: 1px;
    /* left: 48px; */
    left: 37px;
    top: -70px;
    height: calc(100% + 120px);
    background: white;
  }
  
  .dropdown .featured:last-child {
    padding-right: 0;
  }
  
  .dropdown .featured li {
    height: 100%;
    padding-left: 50px;
    margin-right: 50px;
  }
  
  .dropdown .featured li:last-child {
    margin-right: 0;
  }
  
  .dropdown .featured li a {
    height: 100%;
    color: white;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    /* font-size: 28px; */
    font-size: 23px;
    letter-spacing: .2em;
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .dropdown .featured li a:hover {
    color: white;
    opacity: .7;
  }
  
  #header.white-bg .dropdown-parent.active a {
    color: #B1CEC8;
  }
  
  #header .dropdown-parent .caret {
    visibility: hidden;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    top: -1px;
  }
  
  #header .dropdown-parent .caret svg {
    stroke: white;
    width: 10px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  
  #header .dropdown-parent .caret svg .cls-1 {
    fill: transparent;
  }
  
  #header.white-bg .dropdown-parent .caret svg {
    stroke: #8f867f;
  }
  
  #header.white-bg .dropdown-parent.active .caret svg {
    stroke: #B1CEC8;
  }
  
  #header .dropdown-parent .wrapper {
    padding: 0;
  }
  
  #header .logo {
    max-width: 480px;
    width: 100%;
    height: 35px;
    margin: auto;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #header .logo path {
    fill: #B1CEC8;
  }
  
  #header.white-bg .logo path {
    fill: #B1CEC8 !important;
  }
  
  /* Promo */
  
  #header .promo-bar .wrapper {
    padding: 10px 15px;
    font-size: 13px;
    line-height: 1.3;
  }

  #header .promo-bar a {
    text-decoration: none;
  }
  
  /* Scroll Top */
  
  .scrolltop {
    display: none;
    margin: 0 auto;
    position: fixed;
    z-index: 9999999;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .scrolltop .icon {
    padding: 15px;
    background: #B1CEC8;
    border-radius: 50%;
    width: 57px;
    height: 57px;
  }
  
  .scrolltop .icon svg {
    width: 27px;
    height: 14px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  /* Footer */
  
  #footer>.wrapper {
    padding: 75px;
  }
  
  #footer .border-container {
    top: -18px;
    margin-bottom: -17px;
  }
  
  #footer .canela-font {
    font-size: 24px;
    line-height: 1;
    padding-bottom: 15px;
  }
  
  #footer ul li {
    list-style: none;
    /* padding-bottom: 15px; */
  }
  
  #footer ul li:last-child {
    padding-bottom: 0;
  }
  
  #footer ul li a {
    font-family: europa, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-size: 12px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: .2em;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #footer a:hover {
    color: #B1CEC8;
  }
  
  #footer .lists .wrapper {
    padding-right: 50px;
    padding-left: 0;
  }
  
  #footer .lists .col:nth-child(odd) {
    padding-right: 15px;
    position: relative;
  }
  
  #footer .lists .col:nth-child(even) {
    padding-left: 15px;
  }
  
  #footer .icon {
    width: 85px;
    margin: auto;
  }
  
  #footer .social-newsletter .wrapper {
    padding-left: 75px;
    padding-right: 0;
  }
  
  #footer .social-newsletter .social {
    font-size: 36px;
    line-height: 1;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  #footer .social-newsletter .social i {
    font-size: 23px;
    margin-right: 15px;
  }
  
  #footer .details {
    position: relative;
    overflow: hidden;
  }
  
  #footer .details>* {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 23px;
    letter-spacing: .2em;
  }
  
  #footer .details .border {
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
  }
  
  #footer .details .border.left {
    left: 0;
  }
  
  #footer .border.right {
    right: 0;
  }
  
  #footer form {
    margin-bottom: 20px;
    max-width: 375px;
    width: 100%;
  }
  
  #footer form.sign-up input[type="email"] {
    background: white;
    padding-left: 15px;
    margin-right: -2px;
  }
  
  form.sign-up input[type="email"] {
    font-family: europa, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 17px;
    letter-spacing: .02em;
    line-height: 28px;
    color: #8f867f;
    padding: 10px 15px 10px 0;
    background: transparent;
    margin-right: -2px;
  }
  
  form.sign-up input[type="submit"] {
    /* background: #aacfc8; */
    font-size: 11px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 15px 20px;
  }
  
  /* Newsletter Popup */
  
  .newsletter-popup {
    /* display: none; */
    position: fixed;
    z-index: 999;
    overflow: hidden;
    bottom: 25px;
    left: 0;
    right: 0;
    width: calc(100% - 50px);
    margin: auto;
    background: url(../assets/pastel-bg.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    -o-transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91), -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    -moz-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    -ms-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    -o-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
  }
  
  .newsletter-popup:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    background: #B1CEC8;
    opacity: .40;
  }
  
  .newsletter-popup.show {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  
  .newsletter-popup .wrapper {
    padding: 60px;
    z-index: 3;
  }
  
  .newsletter-popup .title {
    font-size: 60px;
    line-height: 1;
  }
  
  .newsletter-popup .col:nth-child(2) {
    padding: 0 75px;
  }
  
  .newsletter-popup p.europa-regular-font {
    font-size: 21px;
    line-height: 30px;
    text-transform: initial !important;
    letter-spacing: 0.03em !important;
  }
  
  .newsletter-popup form input[type="email"] {
    background: white;
    padding-left: 15px !important;
    font-size: 21px;
    width: 100%;
    margin-right: -2px;
  }
  
  .newsletter-popup form input[type="submit"] {
    font-size: 12px;
    padding: 20px 35px;
  }
  
  .newsletter-popup .close {
    width: 15px;
    position: absolute;
    z-index: 99;
    right: 30px;
    top: 30px;
    cursor: pointer;
    display: block;
  }
  
  /* Mobile Menu */
  
  html.menu-open body {
    position: relative !important;
    /* overflow: hidden !important; */
    height: 100vh !important;
  }
  
  html.menu-open .page,
  body.cart-open .page {
    position: fixed;
    width: 100%;
    height: 100%;
  }
  
  html.menu-open #footer,
  body.cart-open #footer {
    display: none;
  }
  
  .mobile-overlay {
    display: none;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 999;
    top: 0;
    /* right: -900px; */
    width: 100%;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  .mobile-overlay.menu-open {
    opacity: 1;
    left: 0;
  }
  
  .menu-open-btn,
  .menu-close-btn {
    cursor: pointer;
    display: inline-block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    right: auto;
    left: 25px;
    z-index: 999999;
    overflow: hidden;
    text-align: left;
    text-indent: -9999em;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  
  .menu-open-btn span,
  .menu-open-btn span:before,
  .menu-open-btn span:after,
  .menu-close-btn span,
  .menu-close-btn span:before,
  .menu-close-btn span:after {
    display: block;
    content: '';
    width: 15px;
    height: .1em;
    position: absolute;
    left: 0;
    top: 12px;
    background: white;
    -webkit-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1);
    transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  
  .white-bg .menu-open-btn span,
  .white-bg .menu-open-btn span:before,
  .white-bg .menu-open-btn span:after,
  .white-bg .menu-close-btn span,
  .white-bg .menu-close-btn span:before,
  .white-bg .menu-close-btn span:after {
    background: #E2E0E3;
  }
  
  .menu-open-btn span,
  .menu-open-btn span:before,
  .menu-open-btn span:after {
    width: 20px;
  }
  
  .menu-close-btn span,
  .menu-close-btn span:before,
  .menu-close-btn span:after {
    top: -8.5px;
    height: 1px;
  }
  
  .menu-open-btn span,
  .menu-close-btn span {
    top: 5px;
  }
  
  .menu-close-btn span:after {
    top: 6px;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  
  .menu-open-btn span:after {
    top: 6px;
  }
  
  .menu-open-btn.open span:before,
  .menu-open-btn.open span:after,
  .menu-close-btn.open span:before,
  .menu-close-btn.open span:after {
    background: #8f867f;
  }
  
  .menu-open-btn.open span,
  .menu-close-btn.open span {
    background-color: transparent !important;
  }
  
  .menu-open-btn.open span:before {
    -webkit-transform: translateY(7px) translateX(1px) rotate(45deg);
    -ms-transform: translateY(7px) translateX(1px) rotate(45deg);
    transform: translateY(7px) translateX(1px) rotate(45deg);
  }
  
  .menu-open-btn.open span:after,
  .menu-close-btn.open span:after {
    -webkit-transform: translateY(-6.5px) translateX(1px) rotate(-45deg);
    -ms-transform: translateY(-6.5px) translateX(1px) rotate(-45deg);
    transform: translateY(-6.5px) translateX(1px) rotate(-45deg);
  }
  
  .menu-close-btn.open span:before {
    -webkit-transform: translateY(8px) translateX(1px) rotate(45deg);
    -ms-transform: translateY(8px) translateX(1px) rotate(45deg);
    transform: translateY(8px) translateX(1px) rotate(45deg);
  }
  
  .menu-open-btn.open span {
    display: none;
  }
  
  .menu-close-btn {
    right: 13px;
    left: auto;
    top: 0;
    position: absolute;
    width: 40px;
    height: 40px;
  }
  
  .mobile-menu-container .table {
    height: 100vh;
    min-height: 450px;
  }
  
  .mobile-menu-container nav {
    min-height: 100vh;
    /* min-height: 550px; */
    width: 100%;
    /* max-width: 280px; */
    position: absolute;
    z-index: 9999999;
    background: #f8f7f2;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    transform: translateX(-105%);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    -o-transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91), -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    padding: 0;
    -moz-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    -ms-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    -o-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
  }
  
  .mobile-menu-container nav ul {
    margin: 0;
    list-style: none;
    /* height: 100vh; */
    /* min-height: 550px; */
  }
  
  .mobile-menu-container nav .wrapper {
    padding: 25px;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  /* .mobile-menu-container nav ul.social {
      height: auto;
      min-height: auto;
      -webkit-box-flex: 0;
              -ms-flex: 0;
                      flex: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      top: auto;
  } */
  
  .mobile-menu-container nav ul li {
    padding: 2px 8px 2px 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
  
  /* .mobile-menu-container nav ul li a:not(.shop) {
      color: #8f867f;
  } */
  
  /* .mobile-menu-container nav ul li a.shop {
      margin-top: 25px;
      padding: 16px;
      font-size: 30px !important;
      line-height: 58px;
  } */
  
  .mobile-menu-container nav a {
    text-decoration: none;
  }
  
  .mobile-menu-container nav a.europa-bold-font {
    font-size: 12px;
  }
  
  .mobile-menu-container nav a.blog {
    font-size: 36px;
  }
  
  .mobile-menu-container nav input {
    width: calc(100% - 25px);
    padding: 15px 15px 15px 35px;
    font-size: 16px;
    background: transparent;
    color: inherit;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-weight: 300 !important;
  }
  
  .mobile-menu-container nav svg.search {
    display: block;
    width: 17px;
    height: 17px;
    stroke: #8f867f;
    position: absolute;
    left: 25px;
    top: 42px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  
  .mobile-menu-container nav svg.search .cls-1 {
    fill: transparent;
  }
  
  .mobile-menu-container nav .border-container {
    top: -5px;
  }
  
  .mobile-menu-container .accordion {
    margin: 6px auto;
  }
  
  .mobile-menu-container .accordion .content div {
    padding-top: 15px;
    padding-bottom: 0;
  }
  
  .mobile-menu-container .accordion .title {
    padding: 2px !important;
    margin-bottom: 0 !important;
  }
  
  .mobile-menu-container .accordion i.minus img {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  
  .mobile-menu-container .accordion i.plus img {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  
  .mobile-menu-container .accordion .content {
    background: transparent;
  }
  
  .mobile-menu-container .accordion .content li {
    /* width: calc(50% - 16px); */
    padding-right: 8px;
  }
  
  .mobile-menu-container .featured-container {
    /* height: 100%;
      overflow: hidden; */
    position: relative;
    /* padding-top: 100px; */
  }
  
  .mobile-menu-container .featured-container .one-half:first-child a {
    margin: 25px 12.5px 25px 0;
  }
  
  .mobile-menu-container .featured-container .one-half:last-child a {
    margin: 25px 0 25px 12.5px;
  }
  
  .mobile-menu-container .featured-container a {
    color: white;
    font-size: 14px !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    font-size: 28px;
    letter-spacing: .2em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10vw 10px;
  }
  
  .menu-open nav {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  
  /* Buttons */
  
  .btn {
    color: white;
    font-size: 13px;
    line-height: 22px;
    font-family: europa, sans-serif;
    font-weight: 700;
    letter-spacing: .2em;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    /* padding: 15px 35px; */
    padding: 20px 45px;
  }
  
  .btn[class$="underline"] {
    line-height: 1;
    background: transparent;
    border-bottom: 1px solid;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5px;
  }
  
  .btn[class$="underline"]:hover {
    opacity: .5;
  }
  
  .btn.pink {
    background: #B1CEC8;
    border: 1px solid #B1CEC8;
  }
  
  .btn.pink:hover {
    background: white;
    color: #B1CEC8;
  }
  
  .btn.pink-alt {
    color: #B1CEC8;
    border: 1px solid #B1CEC8;
  }
  
  .btn.pink-alt:hover {
    background: #B1CEC8;
    color: white;
  }
  
  .btn.pink-underline {
    color: #B1CEC8;
    border-color: #B1CEC8;
  }
  
  .btn.green {
    background: #aacfc8;
    border: 1px solid #aacfc8;
  }
  
  .btn.green:hover {
    background: white;
    color: #aacfc8;
  }
  
  .btn.green-alt {
    color: #aacfc8;
    border: 1px solid #aacfc8;
  }
  
  .btn.green-alt:hover {
    background: #aacfc8;
    color: white;
  }
  
  .btn.green-alt-2 {
    background: white;
    color: #aacfc8;
    border: 1px solid white;
  }
  
  .btn.green-alt-2:hover {
    background: #aacfc8;
    color: white;
    border: 1px solid #aacfc8;
  }
  
  .btn.green-underline {
    color: #aacfc8;
    border-color: #aacfc8;
  }
  
  /* Slide out cart */
  
  body.cart-open {
    overflow: hidden;
  }
  
  .cart {
    cursor: pointer;
  }
  
  .cart-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  .cart-overlay.show {
    opacity: 1;
    visibility: visible;
  }
  
  .cart-items.open {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    right: 0;
  }
  
  .cart-items {
    position: fixed;
    width: 100%;
    padding-bottom: 150px;
    max-width: 550px;
    height: 100%;
    z-index: 999999;
    background: white;
    top: 0;
    right: -35px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91), -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    -webkit-transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    -moz-transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    -ms-transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    -o-transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
  }
  
  .cart-items .open {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  
  .cart-items .item-container {
    height: 100%;
    overflow: auto;
    position: static;
  }
  
  .cart-items .item-container>* {
    padding: 25px;
  }
  
  .cart-items .title-container {
    position: absolute;
    width: 100%;
    background-color: white;
    top: 0;
    z-index: 9;
    overflow: hidden;
  }
  
  .cart-items .title {
    font-size: 40px;
    line-height: 1;
  }
  
  .cart-items .close-cart {
    font-size: 13px;
    line-height: 22px;
    cursor: pointer;
    text-decoration: none;
  }
  
  .cart-items .border {
    position: absolute;
    bottom: 0;
    height: 2px;
    left: -3px;
    /* width: 103%; */
  }
  
  .cart-items .flex.item .col:first-child {
    padding-right: 20px;
  }
  
  .cart-items .flex.two {
    -webkit-box-flex: 1.2;
    -ms-flex: 1.2;
    flex: 1.2;
    padding: 15px;
  }
  
  .cart-items .flex.half {
    -webkit-box-flex: .5;
    -ms-flex: .5;
    flex: .5;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  
  .cart-items .items {
    padding: 80px 0;
  }
  
  .cart-items .items .item {
    padding: 15px 25px;
  }
  
  .cart-items .items .item .name {
    font-size: 20px;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  .cart-items .items .item .name:hover {
    color: #f59f8d;
  }
  
  .cart-items .items .item .options {
    padding-top: 5px;
    padding-bottom: 25px;
  }
  
  .cart-items .items .item .options .option {
    font-size: 11px;
    line-height: 19px;
  }

  .cart-items .items .item .gift-wrapped-prop {
    display: none;
    font-size: 12px;
  }

  body.gift-wrap-enabled .cart-items .items .item .gift-wrapped-prop {
	display: block;
  }
  
  .cart-items .remove {
    width: 10px;
    margin-left: auto;
    cursor: pointer;
  }
  
  .cart-items .items .item .quantity {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    /* width: 50px; */
    -ms-flex-item-align: end;
    align-self: end;
  }
  
  .cart-items .items .item .quantity .add,
  .cart-items .items .item .quantity .subtract {
    cursor: pointer;
    padding: 0 10px;
    margin: auto;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  .cart-items .items .item .quantity .add:hover,
  .cart-items .items .item .quantity .subtract:hover {
    color: #B1CEC8;
  }
  
  .cart-items .checkout {
    padding: 25px;
    position: absolute;
    z-index: 10;
    bottom: 0;
    height: auto;
    width: 100%;
    left: 0;
  }

  .cart-items .gift-message .title {
    font-size: 14px !important;
  }
 
  .cart-items .gift-message .content {
    margin-top: 10px;
  }
  
  .cart-items .checkout .subtotal {
    font-size: 14px;
  }
  
  .cart-items .checkout .btn {
    display: block;
    text-align: center;
    margin-top: 25px;
  }
  
  .cart-items .checkout .bag {
    width: 100%;
  }
  
  .cart-items .checkout .bag .btn {
    display: inline-block;
  }
  
  /* .feature-text {
  padding: 68px 0;
  padding: 68px 0;
  border-bottom: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black;
  }
  .feature-text .headline {
  font-size: 68px;
  }
  .feature-text .subheadline {
  text-transform: none;
  font-size: 28px;
  line-height: 46px;
  }
  
  /* Featured Products Component */
  
  /* .featured-products {
  padding: 0;
  }
  .featured-products .banner {
  padding: 39px 25px;
  text-transform: none;
  border: 2px solid black;
  margin-top: -2px;
  }
  .featured-products .banner.banner h3 {
  font-size: 42px;
  text-transform: none;
  letter-spacing: normal;
  }  */
  
  .featured-products a,
  .flex .product {
    text-decoration: none;
    flex: 0 auto;
  }
  
  .featured-products a:hover .name,
  .flex .product:hover .name {
    color: #B1CEC8;
  }
  
  .featured-products .wrapper,
  .flex .product .wrapper {
    padding-left: 35px;
    padding-right: 35px;
    overflow: hidden;
  }
  
  .featured-products .image {
    max-width: 315px;
    width: 100%;
  }
  
  .featured-products .name,
  .flex .product .name {
    font-size: 14px;
    line-height: 22px;
    padding: 30px 0 5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  .featured-products .price,
  .flex .product .price {
    font-size: 17px;
  }
  
  .featured-products .border,
  .flex .product .border {
    /* opacity: 1; */
    height: 2px;
    /* width: 100%;
      stroke-width: 5px; */
  }
  
  /* Grid Component */
  
  .grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 35px;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-auto-flow: dense;
  }
  
  /* Custom Select Component */
  
  .select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
  }
  
  .select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: inherit;
    width: 100%;
    height: inherit;
  }
  
  .select.ie {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }
  
  .select-styled {
    /* position: absolute; */
    font-family: europa, sans-serif;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .2em;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: inherit;
    /* border-radius: 5px;
  border: 2px solid black; */
    background: white;
    padding: 15px;
    /* height: 62px; */
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  .select-styled:after {
    content: "";
    background: url(../assets/dropdown-arrow.svg);
    background-size: 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 24px;
    right: 0;
  }
  
  .select-options {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    left: 0;
    z-index: 999;
    height: 197px;
    overflow: scroll;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: white;
    border: 1px solid #8d8380;
  }
  
  .select-options li:first-child {
    border-top: none;
  }
  
  .select-options li {
    font-family: europa, sans-serif;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .2em;
    text-transform: uppercase;
    margin: 0;
    padding: 12px;
    /* border-top: 1px solid #c7c7c7; */
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  .select-options[rel="hide"] {
    display: none;
  }
  
  .select-options li:hover {
    color: #B1CEC8;
  }

  /*  Checkmark Stuff */
  .checkbox-container {
    display: inline-block;
    text-align: left;
    width: 100%;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    /* font-size: 22px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default checkbox */
  .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .checkbox-container .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 0;
    background-color: #f7f6f1;
    border: 1px solid #988f8b;
    transition: .3s;
  }

  /* On mouse-over, add a grey background color */
  .checkbox-container:hover input ~ .checkmark {
    background-color: #f7f6f1;
  }

  /* When the checkbox is checked, add a blue background */
  .checkbox-container input:checked ~ .checkmark {
    background-color: #B1CEC8;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .checkbox-container input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .checkbox-container .checkmark:after {
    left: 6px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  /* Slick stuff */
  
  .slick-slide:focus {
    outline: none;
  }
  
  .slick-dots li button:before {
    font-size: 35px;
    background: transparent;
    border: 1px solid #dcdbdb;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: white;
    opacity: 1;
    content: "";
  }
  
  .slick-dots li.slick-active button:before {
    background: #8e8480;
    border-color: #8e8480;
  }
  
  /* Accordion Component */
  
  .accordion {
    position: relative;
    height: auto;
    margin: 10px auto;
  }
  
  .accordion .item {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
  }
  
  .accordion .item>.title {
    display: block;
    text-align: left;
    cursor: pointer;
    padding: 5px 35px 5px 0;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    margin-bottom: -5px;
    text-decoration: none;
    /* border-bottom: 2px solid black; */
  }
  
  .accordion .item>.title i {
    /* float: right; */
    position: absolute;
    top: 0;
    right: 35px;
    margin-top: 2px;
    margin-right: -28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
  }
  
  .accordion .item>.title.active {
    border-bottom: 0;
  }
  
  /* .accordion .item:last-child .title {
  border-bottom: 0;
  } */
  
  .accordion .item .border {
    height: 2px;
  }
  
  .accordion .content {
    background-color: #fff;
    /* border-bottom: 2px solid black; */
    display: none;
  }
  
  .accordion .content div {
    padding: 0px 0 20px;
    text-align: left;
  }
  
  .accordion .item,
  .accordion i,
  .accordion i img {
    position: relative;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  .accordion i img {
    width: 12px;
  }
  
  .accordion i.minus img {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  
  /* Custom Radio Component */
  
  .container {
    display: inline-block;
    position: relative;
    top: 2px;
    padding-left: 30px;
    margin-right: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  label.container-question {
    margin-right: 25px;
  }
  
  .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: white;
    border-radius: 50%;
    border: 2px solid black;
  }
  
  /* On mouse-over, add a grey background color */
  
  .container:hover input~.checkmark {
    background-color: #d84333;
  }
  
  /* When the radio button is checked, add a blue background */
  
  .container input:checked~.checkmark {
    background-color: white;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  
  .container input:checked~.checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  
  .container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: black;
  }
  
  /* Full Hero Component */

  .overlay:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgb(43, 43, 43);
  }  
  
  .full-hero {
    min-height: 750px;
/*     height: 100vh; */
/*     height: calc(100vh - 95px); */
    height: calc(100vh - 135px);
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  
  .full-hero .flex .column {
    min-height: 750px;
/*     height: 100vh; */
    height: calc(100vh - 95px);
    position: relative;
    z-index: 1;
    width: 800px;
/*     max-width: 100%; */
    max-width: 1440px;    
    text-align: center;
    margin: auto;
  }
  
  .full-hero .box {
    background: white;
    max-width: 512px;
    padding: 40px 30px;
  }
  .full-hero .box.left {
      margin-right: auto;
      margin-left: 30px;
  }
  .full-hero .box.right {
      margin-right: 30px;
      margin-left: auto;
  }
  .full-hero .box>* {
    margin-bottom: 30px;
  }
  
  .full-hero .box .braisetto-font {
    margin-bottom: 10px;
  }
  
  .full-hero .box>*:last-child {
    margin-bottom: 0;
  }
  
  /* Split Hero Component */
  
  .split-hero .one-half .wrapper {
    padding: 50px;
  }
  
  /* Frame Component */
  
  .frame {
    height: 100%;
    position: relative;
  }
  
  .frame.image {
    /* padding-left: 15px; */
    padding-left: 0;
  }
  
  .frame.image img {
    -webkit-mask-box-image: url(../assets/frame-mask.svg) 30 repeat;
    mask-border: url(../assets/frame-mask.svg) 30 repeat;
  }
  
  .boxes .frame.image {
    -webkit-mask-box-image: url(../assets/frame-mask-sm.svg) 35 repeat;
    mask-border: url(../assets/frame-mask-sm.svg) 35 repeat;
  }
  
  .reverse .frame.image {
    padding-left: 0;
    /* padding-right: 15px; */
    padding-right: 0;
  }
  
  .frame-border {
    position: absolute;
    left: -15px;
    right: 0;
    top: 0;
    margin: auto;
    margin-left: 0;
    width: 100%;
    height: 100%;
  }
  
  .reverse .frame-border {
    left: 15px;
  }
  
  .frame .wrapper {
    max-width: 500px;
    padding: 0 15px;
  }
  
  .frame.text .wrapper {
    left: -15px;
  }
  
  .reverse .frame.text .wrapper {
    left: 15px;
  }
  
  .frame .wrapper>* {
    margin-bottom: 25px;
  }
  
  .frame .wrapper>*:last-child {
    margin-bottom: 0;
  }
  
  .frame .wrapper p {
    font-size: 21px;
    line-height: 30px;
    letter-spacing: .03em;
  }
  
  /* .frame:after {
  content: "";
  position: absolute;
  right: 0;
  background: url(../assets/frame-right.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  } */
  
  /* Featured Highlight Component */
  
  .featured-highlight {
    padding: 0 !important;
  }
  
  .featured-highlight .wrapper {
    max-width: 575px;
    padding: 35px;
  }
  
  .featured-highlight .image {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 21% 0;
  }
  
  .featured-highlight .text .wrapper {
    height: 100%;
  }
  
  .featured-highlight .content>* {
    margin-bottom: 35px;
    font-size: 21px;
    line-height: 30px;
  }
  
  .featured-highlight .content>*:last-child {
    margin-bottom: 0;
  }
  
  .featured-highlight h3 {
    padding-bottom: 35px;
  }
  
  /* Secondary Pink Intro Background */
  
  .secondary .intro {
    background: url(../assets/pastel-bg.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
  }
  
  .secondary .intro:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    background: #B1CEC8;
    opacity: .40;
  }
  
  .secondary .intro h1 {
    font-size: 72px;
    line-height: 1;
    position: relative;
    z-index: 999;
  }
  
  .secondary .intro .title-frame {
    position: absolute;
    z-index: 99;
    left: 0;
    top: -32px;
    height: 190%;
    margin: auto;
    right: 0;
  }
  
  /* Default Page Content */
  
  .section.content .wrapper>* {
    margin-bottom: 25px;
  }
  
  .section.content .wrapper>*:last-child {
    margin-bottom: 0;
  }
  
  /* Home Page */
  
  #home .full-hero .box p {
    font-size: 21px;
    letter-spacing: .04em;
  }
  
  #home .full-hero .box .braisetto-font {
    font-size: 40px;
    line-height: 1.3;
  }
  
  #home .full-hero .box .canela-font {
    font-size: 44px;
    line-height: 52px;
    padding-bottom: 10px;
  }
  
  #home .section[class*="feature"]:not(.featured-products) {
    padding: 35px 0;
  }
  
  #home .section[class*="feature"]:not(.featured-products) .canela-font {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 15px;
  }
  
  #home .press {
    padding: 25px 0;
  }
  
  #home .press .items a {
    width: calc(20% - 25px);
    height: 100%;
    padding: 25px;
  }
  
  #home .press svg {
    width: 17px;
    height: 14px;
    stroke: white;
    fill: none;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    z-index: 99;
    bottom: -25px;
    left: -50px;
    right: 0;
    margin: auto;
  }
  
  #home .press svg.right {
    left: 50px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  
  #home .press .slick-dots li.slick-active button:before {
    opacity: .75;
    color: white;
  }
  
  #home .slick-dots li button:before {
    font-size: 20px;
  }
  
  #home .featured-products {
    padding-bottom: 65px;
  }
  
  #home .featured-products h4 {
    font-size: 16px;
    line-height: 22px;
  }
  
  #home .featured-products h3 {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: .03em;
    padding: 25px 0;
  }
  
  #home .featured-collections {
    padding-top: 65px !important;
    padding-bottom: 100px !important;
  }
  
  #home .featured-collections .name {
    font-size: 32px !important;
    margin-bottom: 0 !important;
  }
  
  #home .featured-collections .description {
    font-size: 17px;
    line-height: 25px;
    padding: 25px;
  }
  
  #home .featured-collections .slick-slide .wrapper {
    padding-bottom: 35px;
  }
  
  #home .boxes:nth-child(even) {
    padding-top: 0;
  }
  
  #home .boxes .text .wrapper {
    padding: 0 35px;
    max-width: 470px;
  }
  
  #home .boxes .text .wrapper>* {
    margin-bottom: 35px;
  }
  
  #home .boxes .text .wrapper>*:last-child {
    margin-bottom: 0;
  }

  #home .boxes .frame.image {
    padding: 37% 20%;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  
  #home .boxes h3 {
    font-size: 40px;
    line-height: 1;
  }
  
  #home .boxes p {
    font-size: 32px;
    line-height: 42px;
  }
  
  .insta .wrapper {
    padding-left: 70px;
    padding-right: 70px;
  }
  
  .insta .handle {
    font-size: 60px;
    padding-bottom: 50px;
    padding-top: 5px;
  }
  
  .insta .col {
    padding: 0 20px;
  }
  
  .insta div[class$="arrow"] {
    position: absolute;
    cursor: pointer;
    top: calc(50% + 15px);
  }
  
  .insta div[class$="arrow"] img {
    width: 40px;
  }
  
  .insta .left-arrow {
    left: 5px;
  }
  
  .insta .right-arrow {
    right: 5px;
  }
  
  .insta .right-arrow img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  /* Shop/Collection Pages */
  
  #shop h1.title {
    font-size: 72px;
    line-height: 1;
  }
  
  #shop .split-hero .one-half .image {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 30%;
  }
  
  #shop .collection-list {
    padding: 0 50px;
    max-width: 100%;
    width: auto;
  }
  
  #shop .collection-list li {
    list-style: none;
  }
  
  #shop .collection-list li a {
    text-decoration: none;
    font-size: 32px;
    line-height: 54px;
    opacity: .5;
  }
  
  #shop .collection-list li a:hover {
    color: #B1CEC8;
  }
  
  #shop .collection-list li a.active {
    opacity: 1;
  }
  
  #shop .grid-header {
    font-size: 13px;
  }
  
  #shop .grid-header .sort {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  #shop .grid-header .sort .select-styled {
    width: 200px;
  }

  #shop .grid-header .sort label {
    line-height: 1;
  }

  #shop .grid-header .sort .sort-arrow {
    position: absolute;
    width: 10px;
    right: 0;
  }
  
  #shop .flex .col {
    width: 50%;
  }

  #shop .flex .product {
    margin-bottom: 25px;
}
#shop .collection-groups .one-half {
    padding: 15px;
}
#shop .collection-groups a {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 25% 15%;
    display: block;
    font-size: 23px;
    letter-spacing: .2em !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-family: inherit !important;
    text-decoration: none;
    color: white;
}
#shop .collection-groups a:hover {
    opacity: .7;
}
  
  /* Product */
  
  #product .main {
    padding: 25px 0 100px;
  }
  
  #product .main img.featured {
    /* width: 685px; */
    width: 100%;
  }
  
  #product .featured-products h3 {
    font-size: 70px;
    padding-bottom: 75px;
  }
  
  #product .main .one-half.image .wrapper {
    max-width: 850px;
  }
  
  #product .main .breadcrumb {
    padding: 15px 35px;
  }
  
  #product .main .breadcrumb ul {
    list-style: none;
  }
  
  #product .main .breadcrumb ul li {
    display: inline-block;
    padding-right: 25px;
    position: relative;
  }
  
  #product .main .breadcrumb ul li:after {
    content: "|";
    position: absolute;
    right: 8px;
    top: 0;
  }
  
  #product .main .breadcrumb ul li:last-child:after {
    content: "";
  }
  
  #product .main .breadcrumb ul li:last-child {
    padding-right: 0;
  }
  
  #product .main .breadcrumb ul li a {
    font-size: 13px;
    text-decoration: none;
    opacity: .5;
  }
  
  #product .main .breadcrumb ul li a.active {
    opacity: 1;
  }
  #product .main .description {
    text-align: left;
}
#product .main .details ul {
 	padding-left: 25px; 
}
  #product .main .one-half.image .thumbs-container {
    position: relative;
  }
  
  #product .main .one-half.image .arrow {
    position: absolute;
    width: 16px;
    left: 44px;
    cursor: pointer;
  }
  
  #product .main .one-half.image .arrow.up {
    top: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  #product .main .one-half.image .arrow.down {
    bottom: 0;
  }
  
  #product .main .one-half.image .thumbs {
    padding-right: 35px;
  }
  
  #product .slick-slider {
    margin: 35px 0;
  }
  
  #product .mobile-gallery {
    margin: 0;
    padding: 0 50px 100px;
    width: 100%;
  }
  
  #product .mobile-gallery .slick-dots {
    left: 0;
    bottom: 25px;
  }
  
  #product .main .one-half.image .thumbs .slick-track {
    width: 100px;
  }
  
  #product .main .one-half.image .thumbs .slick-dots {
    display: none !important;
  }
  
  #product .main .one-half.image .thumbs .thumb {
    overflow: hidden;
    width: 60px !important;
    /* width: 70px !important;
  height: 70px; */
    /* max-width: 70px; */
    padding: 5px;
    margin: 15px;
    border: 1px solid rgba(143, 134, 127, .25);
    border-radius: 50%;
    position: relative;
    left: 7px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #product .main .one-half.image .thumbs .thumb.active {
    border-color: #B1CEC8;
  }
  
  /* #product .main .one-half.details .wrapper,
  #product .main .one-half.details .flex {
  height: 100%;
  } */
  
  #product .main .one-half.details .wrapper {
    max-width: 500px;
    padding-top: 50px;
  }
  
  #product .main .one-half.details .wrapper>*,
#product .main .description > *{
    margin-bottom: 25px;
  }
  
  #product .main .one-half.details .wrapper>*:last-child,
#product .main .description > *:last-child {
    margin-bottom: 0;
  }
  
  #product .main .one-half.details .name {
    font-size: 44px;
    line-height: 52px;
    /* margin-bottom: 10px; */
  }
  
  #product .main .one-half.details .options {
    height: auto;
  }
  
  #product .main .one-half.details .options .type {
    padding-right: 25px;
    font-size: 12px;
    line-height: 1;
  }
  
  #product .main .one-half.details .options .colorways a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid transparent;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    color: transparent;
  }
  
  #product .main .one-half.details .options .colorways a.active {
    border-color: rgba(143, 134, 127, .25);
  }

  .swatch-element {
    height: 38px;
    width: 38px;
    border-radius: 50%;
}
  
  #product .main .one-half.details .options .colorways span {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 100%;
    cursor: pointer;
  }
  
  #product .main .one-half.details form>* {
    margin-bottom: 25px;
  }
  
  #product .main .one-half.details form>*:last-child {
    margin-bottom: 0;
  }
  
  #product .main .one-half.details .select-styled {
    background: #f7f6f0;
    position: relative;
  }
  
  #product .main .one-half.details .select-styled:after {
    right: 15px;
  }
  
  #product .main .one-half.details .select-options {
    text-align: left;
  }
  
  #product .main .one-half.details .quantity {
    padding: 15px;
    background: #f7f6f0;
    /* width: 60px; */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 8px;
    font-size: 12px;
  }
  
  #product .main .one-half.details .quantity label {
    padding-left: 15px;
  }
  
  #product .main .one-half.details .quantity input[type="text"] {
    background: transparent;
    width: 30px;
    font-family: europa, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #8f867f;
    padding: 0 15px 0 5px;
  }
  
  #product .main .one-half.details .quantity .subtract,
  #product .main .one-half.details .quantity .add {
    cursor: pointer;
    width: 20px;
  }

  #product .main .select-arrow {
    position: absolute;
    right: 15px;
    bottom: calc(50% - 18px);
    width: 10px;
  }
  
  #product .main .one-half.details #submit {
    display: block;
    width: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #product .featured-highlight h3 {
    font-size: 40px;
    padding-bottom: 35px;
  }
  
  #product .featured-highlight p {
    font-size: 32px;
    line-height: 42px;
  }
  
  /* About Us + Portfolio + Other Secondary Page Header Update */
/* 
  #about #header:hover,
  #portfolio #header:hover,
  body.secondary #header:hover {
    background: transparent !important;
  }   */
  
  #about #header .logo path,
  #portfolio #header .logo path,
  body.secondary #header .logo path {
    fill: #ffffff;
  }
  
  #about #header .search svg circle,
  #portfolio #header .search svg circle,
  body.secondary #header .search svg circle {
    stroke: #ffffff !important;
  }
  
  #about #header.white-bg .search svg circle,
  #portfolio #header.white-bg .search svg circle,
  body.secondary #header.white-bg .search svg circle {
    stroke: #8f867f !important;
  }
  
  #about #header.white-bg .search svg:hover circle,
  #portfolio #header.white-bg .search svg:hover circle,
  body.secondary #header.white-bg .search svg:hover circle {
    stroke: #B1CEC8 !important;
  }
  
  #about #header.white-bg .search svg line,
  #portfolio #header.white-bg .search svg line,
  body.secondary #header.white-bg .search svg line {
    stroke: #8f867f !important;
  }
  
  #about #header .search svg line,
  #portfolio #header .search svg line,
  body.secondary #header .search svg line {
    stroke: #ffffff !important;
  }
  
  #about #header.white-bg .search svg:hover line,
  #portfolio #header.white-bg .search svg:hover line,
  body.secondary #header.white-bg .search svg:hover line {
    stroke: #B1CEC8 !important;
  }
  
  #about #header ul li a .count,
  #portfolio #header ul li a .count,
  body.secondary #header ul li a .count {
    background: url(../assets/bag-white.svg);
  }
  
  #about #header.white-bg ul li a .count,
  #portfolio #header.white-bg ul li a .count,
  body.secondary #header.white-bg ul li a .count {
    background: url(../assets/bag.svg);
  }
  
  /* About Us */
  
  #about .feature-text h2 {
    font-size: 44px;
  }
  
  #about .featured-highlight h3 {
    font-size: 60px;
    line-height: 1;
  }
  
  #about .about-amanda .one-half.image .wrapper {
    padding: 0 150px 0 0;
  }
  
  #about .about-amanda .one-half.text>* {
    margin-bottom: 35px;
  }
  
  #about .about-amanda .one-half.text>*:last-child {
    margin-bottom: 0;
  }
  
  #about .about-amanda .one-half.text h2 {
    font-size: 60px;
    line-height: 1;
  }
  
  #about .about-amanda .one-half.text p {
    font-size: 21px;
    line-height: 30px;
  }
  
  /* Portfolio */
  
  #portfolio .feature-text {
    padding-bottom: 75px;
  }
  
  #portfolio .feature-text>.wrapper {
    max-width: 835px;
    text-align: left;
  }
  
  #portfolio .feature-text .flex .wrapper {
    padding-right: 0;
  }
  
  #portfolio .feature-text h1 {
    font-size: 44px;
    line-height: 1;
    padding-bottom: 35px;
  }
  
  #portfolio .feature-text p {
    font-size: 21px;
    line-height: 30px;
  }
  
  #portfolio .feature-text img {
    width: 156px;
  }
  
  #portfolio .section.flex {
    padding-top: 0;
    padding-bottom: 75px;
  }
  
  #portfolio .section.flex .item {
    position: relative;
    /* width: calc(50% - 50px);
    padding: 25px; */
    width: calc(50% - 67px);
    padding: 17% 25px;
        margin-bottom: 35px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #portfolio .item:hover .name {
    color: #B1CEC8;
  }
  
  /* #portfolio .item:nth-child(odd) {
  padding-left: 0;
  }
  #portfolio .item:nth-child(even) {
  padding-right: 0;
  } */
  
  #portfolio .item img {
    width: 100%;
  }
  
  #portfolio .item .wrapper {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    width: calc(100% - 25px);
  }
  
  #portfolio .item .wrapper .flex {
    background: white;
    padding: 15px 25px;
  }
  
  #portfolio .item .name {
    font-size: 32px;
    line-height: 42px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #portfolio .item .location {
    font-size: 14px;
    line-height: 22px;
    text-align: right;
  }
  
  /* Portfolio IE adjustment */
  
  #portfolio .item.ie>* {
    width: calc(100% - 70px);
    margin: auto;
  }
  
  #portfolio .cols {
    margin-bottom: 70px;
  }
  
  /* Project */
  
  #project h1 {
    font-size: 44px;
    line-height: 66px;
  }
  
  #project h2 {
    font-size: 14px;
    line-height: 22px;
  }
  
  #project .gallery {
    padding: 50px 0;
  }
  
  #project .gallery .wrapper {
    padding-left: 17px;
    padding-right: 17px;
    max-width: auto;
    width: auto;
    max-height: 65vw;
  }
  
  #project .arrow {
    display: inline-block;
    position: absolute;
    bottom: 0;
    z-index: 9;
    padding: 22px 19px;
    /* text-align: center; */
    border-radius: 50%;
    cursor: pointer;
  }
  
  #project .arrow img {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 15px;
    display: block;
    position: relative;
    right: -1px;
    top: 1px;
  }
  
  #project .arrow.left {
    left: 35px;
  }
  
  #project .arrow.left img {
    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg);
    right: 1px;
  }
  
  #project .arrow.right {
    right: 35px;
  }
  
  #project .arrow.img {
    top: 138px;
    height: 850px;
    width: 25vw;
  }
  
  #project .arrow.left.img {
    left: 0;
    cursor: url(../assets/cursor-left.svg) 0 0, pointer;
  }
  
  #project .arrow.right.img {
    right: 0;
    cursor: url(../assets/cursor-right.svg) 0 0, pointer;
  }
  
  /* #project .slick-track {
  display: flex;
  } */
  
  /* #project .slick-track .slick-slide {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  } */
  
  /* #project .slick-slide img {
  max-height: 800px;
  } */
  
  #project .slick-slide {
    /* height: 100%; */
    /* height: 950px; */
  }
  
  #project .slick-slide img {
    height: 100%;
    max-height: 65vw;
    /* max-height: 950px; */
  }
  
  #project .slick-prev:before,
  #project .slick-next:before {
    content: "";
    background: url(../assets/dropdown-arrow.svg);
    background-size: 50%;
    background-position: 50% 55%;
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 50%;
    background-color: #f8f7f2;
    /* width: 30px; */
    padding: 25px;
    /* height: 30px; */
    opacity: 1;
  }
  
  #project .slick-prev,
  #project .slick-next {
    z-index: 9999999;
  }
  
  #project .slick-next {
    right: 40px;
  }
  
  #project .slick-next:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  
  #project .slick-prev:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  
  #project .featherlight-content {
    background: transparent;
    padding: 0;
  }
  
  #project .featherlight-close-icon {
    font-family: 'Canela Web', serif;
    font-size: 24px;
    line-height: 50px;
    width: 50px;
    background: transparent;
    color: #8f867f;
  }
  
  #project .featherlight:last-of-type {
    background: rgba(143, 134, 127, .8);
  }
  
  /* Blog */
  
  #blog .intro {
    padding: 100px 0 0;
  }
  
  #blog .intro h1 {
    font-size: 72px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: -30px;
    left: -140px;
    z-index: 1;
    -webkit-transform: rotate(-17deg);
    -ms-transform: rotate(-17deg);
    transform: rotate(-17deg);
  }
  
  #blog .intro img {
    width: 250px;
    margin-left: 130px;
  }
  
  #blog .blog-nav {
    padding: 15px 0;
  }
  
  #blog .blog-nav ul {
    list-style: none;
  }
  
  #blog .blog-nav ul li {
    display: inline-block;
    padding: 0 25px;
  }
  
  #blog .blog-nav ul li:last-child {
    padding-right: 0;
  }
  
  #blog .blog-nav ul li a {
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
  }
  
  #blog .blog-nav ul li a:hover {
    opacity: .5;
  }
  
  #blog .blog-nav ul li a.active {
    padding-bottom: 2px;
    border-bottom: 1px solid white;
  }

  #blog .page-num {
    padding-top: 45px;
    font-size: 40px;
    line-height: 1;
  }
  
  #blog .featured-post {
    padding: 25px 0 0;
  }
  
  #blog .featured-post>.wrapper {
    overflow: hidden;
  }
  
  #blog .featured-post .text .wrapper {
    max-width: 550px;
  }
  
  #blog .featured-post .text .wrapper>* {
    margin-bottom: 25px;
  }
  
  #blog .featured-post .text .wrapper>*:last-child {
    margin-bottom: 0;
  }
  
  #blog .featured-post .image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 21% 0;
  }
  
  #blog .featured-post .category {
    font-size: 40px;
    line-height: 1;
  }
  
  #blog .featured-post .title {
    font-size: 44px;
    line-height: 60px;
  }
  
  #blog .featured-post .excerpt {
    font-size: 21px;
  }
  
  #blog .featured-post .read-more {
    padding: 15px 50px;
  }
  
  #blog .posts {
    padding: 45px 0;
    overflow: hidden;
  }
  
  #blog .posts .post {
    text-align: left;
  }
  
  #blog .posts .border {
    position: relative;
    top: -30px;
    stroke-width: 2px;
    height: 3px;
  }
  
  #blog .posts .row {
    padding-bottom: 55px;
  }

  #blog .posts .btn.green-alt {
    background: white;
  }
  
  #blog .posts .btn.green-alt:hover {
    background: #aacfc8;
  }

  #blog .posts .post .flex .one-half:first-child {
    padding-right: 25px;
  }
  
  #blog .posts .row:nth-child(3n) .border:last-child {
    top: 25px;
  }
  
  #blog .posts .post .wrapper {
    height: 100%;
    padding: 0 25px 0 0;
  }
  
  #blog .posts .post .category {
    font-size: 40px;
    line-height: 1;
    padding-bottom: 10px;
  }
  
  #blog .posts .post .title {
    font-size: 28px;
    line-height: 38px;
    padding-bottom: 50px;
  }
  
  #blog .posts .post .read-more {
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid;
    padding: 0;
    padding-bottom: 2px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #blog .posts .post .read-more:hover {
    opacity: .5;
  }
  
  #blog .posts .row:nth-child(4n) {
    padding-top: 15px;
    padding-bottom: 45px;
  }
  
  #blog .posts .row:nth-child(4n) img {
    width: 100%;
  }
  
  #blog .posts .row:nth-child(4n) .post .one-half {
    width: 100%;
    padding-right: 0;
  }
  
  #blog .posts .row .post:nth-child(2) {
    padding-left: 17.5px;
  }
  
  #blog .posts .row:nth-child(4n) .post:first-child {
    padding-right: 17.5px;
  }
  
  #blog .posts .row:nth-child(4n) .post:last-child {
    padding-left: 17.5px;
  }
  
  #blog .posts .row:nth-child(4n) .post>.flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  #blog .posts .row:nth-child(4n) .post .wrapper {
    padding: 25px 0;
  }
  
  #blog .posts .row:nth-child(4n) .post .read-more {
    position: static;
    height: 21.25px;
  }
  
  /* #blog .posts .row:nth-child(5n) .border {
    display: none;
  } */
  
  /* Blog Post */
  #post .intro {
    padding: 60px 0;
  }
  
  #post .intro .wrapper {
    max-width: 600px;
  }
  
  #post .intro .cat {
    padding-bottom: 30px;
    font-size: 40px;
    line-height: 1;
  }
  
  #post .share-this-container {
    position: -webkit-sticky;
    position: sticky;
    top: 33%;
    z-index: 99;
  }
  
  #post .share-this {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #post .share-this.show {
    opacity: 1;
    visibility: visible;
  }
  
  #post .share-this ul {
    display: inline-block;
    list-style: none;
  }
  
  #post .share-this li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-align: center;
    background: #f7f6f0;
    /* padding: 8px 14px; */
    margin: 15px 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #post .share-this li:hover a {
    background: #8f867f;
  }
  
  #post .share-this li:hover a {
    color: #f7f6f0;
  }
  
  #post .share-this li:first-child {
    margin-top: 0;
  }
  
  #post .share-this li:last-child {
    margin-bottom: 0;
  }
  
  #post .content {
    padding-top: 0;
  }
  
  #post .content p {
    font-size: 21px;
    line-height: 30px;
  }
  
  #post .content img.featured {
    width: 100%;
    padding-bottom: 75px;
  }
  
  #post .content {
    display: inline-block;
    width: 100%;
    padding-bottom: 75px;
  }
  
  #post table img.float:nth-child(2n) {
    float: right !important;
  }
  
  #post table img.float {
    width: calc(50% - 17px);
  }
  
  #post table {
    margin: 0 0 25px;
  }
  
  #post table tbody tr {
    border-bottom: 0;
  }
  
  #post table tbody td {
    padding: 0;
  }
  
  #post .shop-post {
    padding-top: 0;
  }
  
  #post .shop-post .featured-products h3 {
    font-size: 60px;
    line-height: 1;
  }
  
  #post .shop-post .frame-border,
  #post .shop-post .frame.text .wrapper {
    left: 0;
  }
  
  #post .shop-post .featured-products.wrapper {
    padding: 75px;
    max-width: 1300px;
  }
  
  #post .shop-post .featured-products .image {
    max-width: 170px;
  }
  
  #post .shop-post .featured-products .name {
    font-size: 14px;
    line-height: 22px;
    padding: 0;
  }
  
  #post .shop-post .featured-products .name .price {
    font-size: 17px;
    line-height: 1;
  }
  
  #post .related {
    padding-top: 0;
  }
  
  #post .related .wrapper {
    height: 100%;
  }
  
  #post .related h3 {
    font-size: 44px;
    line-height: 60px;
  }
  
  #post .related .wrapper .row>.flex {
    padding-top: 35px;
  }
  
  #post .related .category {
    font-size: 40px;
    line-height: 1;
    padding-bottom: 15px;
  }
  
  #post .related .title {
    font-size: 32px;
    line-height: 42px;
    padding-bottom: 50px;
  }
  
  #post .related .read-more {
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid;
    padding: 0;
    padding-bottom: 2px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  /* Press page */
  
  /* #press .grid {
  grid-gap: 105px 35px;
  } */
  
  #press .section .item {
    width: 33%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-decoration: none;
  }

  #press .section .item .wrapper {
    padding: 0 50px 50px;
  }

  #press .section .item .image {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: block;
    width: 100%;
    height: 100%;
    padding: 66% 50%; 
    margin-bottom: 30px;
  }
  
  #press .section .item:hover {
    opacity: .7;
  }
  
  #press .item img {
    padding-bottom: 35px;
    display: block;
    margin: auto;
  }
  
  #press .item a div {
    text-decoration: none;
  }
  
  #press .item:hover {
    color: #B1CEC8;
  }
  
  /* IE grid fix */
  
  #press .cols {
    margin-bottom: 70px;
  }
  
  /* Support pages */
  
  #support .support-nav {
    padding: 20px 0;
  }
  
  #support .support-nav li {
    list-style: none;
    display: inline-block;
    padding: 0 35px;
  }
  
  #support .support-nav li a {
    text-decoration: none;
    font-size: 24px;
    line-height: 32px;
    opacity: .5;
  }
  
  #support .support-nav li a:hover {
    opacity: 1;
  }
  
  #support .support-nav li a.active {
    opacity: 1;
  }
  
  /* Contact page */
  
  #contact .main {
    margin-bottom: 75px;
  }
  
  #contact .main p,
  #contact .main a {
    font-size: 44px;
    line-height: 60px;
    text-decoration: none;
  }
  
  #contact .flex .one-half {
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
  }
  
  #contact .flex .one-half img {
    position: absolute;
    right: 0;
    width: 2px;
    top: 0;
  }
  
  #contact .flex h3 {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 25px;
  }
  
  #contact .flex a {
    font-size: 24px;
    line-height: 32px;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px solid #dbdada;
  }
  
  /* Stores Page */
  
  #stores .row .city {
    font-size: 44px;
    line-height: 60px;
  }
  
  #stores .row .flex {
    padding: 35px 0 25px;
  }
  
  #stores .row .one-third:first-child {
    padding-right: 60px;
  }

  #stores .row .one-third .wrapper > * {
    margin-bottom: 15px;
  }

  #stores .row .one-third .wrapper > *:last-child {
    margin-bottom: 0;
  }  
  
  #stores .row .one-third:last-child p {
    /* margin-bottom: 35px; */
  }
  
  #stores .row .one-third:last-child p:last-child {
    margin-bottom: 0;
  }
  
  #stores .insta {
    padding-top: 0;
  }
  
  /* Terms page */
  
  #terms .intro .title-frame {
    top: -51px;
    height: 240%;
  }
  
  /* Account */
  
  #account form input:not(.submit) {
    background: #f7f6f0;
    padding: 15px 35px 15px 20px;
    width: 100%;
    font-family: europa, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    letter-spacing: .02em;
    line-height: 23px;
  }
  
  #account .flex .one-half a#forgot-pswd {
    font-size: 18px;
    letter-spacing: .02em;
    line-height: 23px;
    display: inline-block;
    margin-top: 35px;
  }
  
  #account form input[type="submit"] {
    width: 100%;
    font-size: 13px;
    line-height: 22px;
    font-family: europa, sans-serif;
    font-weight: 700;
    letter-spacing: .2em;
    font-style: normal;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #account .flex .one-half {
    position: relative;
    overflow: hidden;
  }
  
  #account .flex .one-half img {
    position: absolute;
    right: 0;
    width: 3px;
    top: 0;
  }
  
  #account .flex .one-half .wrapper {
    padding: 0 90px;
  }
  
  #account .flex .one-half:first-child .wrapper {
    padding-left: 0;
  }
  
  #account .flex .one-half:last-child .wrapper {
    padding-right: 0;
  }
  
  #account .flex .one-half .wrapper form>* {
    margin-bottom: 20px;
  }
  
  #account .flex .one-half .wrapper form>*:last-child {
    margin-bottom: 0;
  }
  
  #account .flex .one-half .wrapper h2 {
    padding-bottom: 35px;
  }
  
  /* Cart Page */
  
  #cart a {
    text-decoration: none;
  }
  
  #cart table thead {
    border-bottom: 1px solid #8F8680;
  }
  
  #cart table thead th {
    font-size: 12px;
  }
  
  #cart table thead th,
  #cart table tbody .product_quantity,
  #cart table tbody .product_price {
    /* padding-left: 24px; */
  }
  
  #cart table thead th:first-child {
    padding-left: 0;
  }
  
  #cart table thead th:last-child {
    padding-right: 0;
    width: 85px;
  }
  
  #cart table tbody tr {
    border-bottom: 1px solid #8F8680;
    -webkit-border-image: url(../assets/border-top.svg) 25% repeat;
    -o-border-image: url(../assets/border-top.svg) 25% repeat;
    border-image: url(../assets/border-top.svg) 25% repeat;
  }
  
  #cart table tbody td {
    vertical-align: middle;
    padding: 25px 0;
  }
  
  #cart table tbody td:first-child {
    padding-left: 0;
  }
  
  #cart table tbody td:last-child {
    padding-right: 0;
  }
  
  #cart table tbody .image {
    width: 150px;
  }
  
  #cart table tbody .name {
    padding: 0 25px 0 0;
    max-width: 250px;
    display: inline-block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 21px;
    /* text-transform: none !important;
  letter-spacing: 0.03em !important; */
  }
  
  #cart table tbody .name:hover {
    color: #B1CEC8;
  }
  
  #cart table tbody .quantity {
    position: relative;
    justify-content: flex-end;
  }
  
  #cart table tbody .quantity .add,
  #cart table tbody .quantity .subtract {
    width: 10px;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    cursor: pointer;
    padding: 5px 8px;
    /* margin: 5px; */
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #cart table tbody .quantity .add:hover,
  #cart table tbody .quantity .subtract:hover {
    color: #B1CEC8;
  }
  
  #cart table tbody .quantity .add {
    left: 50px;
    padding-left: 3px;
  }
  
  #cart table tbody .quantity .subtract {
    right: 50px;
  }
  
  #cart table tbody .quantity input {
    width: 30px;
    background: transparent;
    font-size: 16px;
    color: #8f867f;
    font-family: inherit;
  }

  #cart table tbody .quantity span {
    padding: 0 5px 0 10px;
  }
  
  #cart .total-area {
    padding: 15px 0;
  }
  
  #cart .total-area .note {
    -webkit-box-flex: 1.5;
    -ms-flex: 1.5;
    flex: 1.5;
    padding-right: 50px;
  }
  
  #cart .total-area .note label {
    font-size: 12px;
    padding-bottom: 15px;
    display: inline-block;
  }
  
  #cart .total-area .note #CartNote,
  .cart-items .checkout .gift-message textarea {
    display: block;
    border: 1px solid #8F8680;
    padding: 15px;
    width: 100%;
    max-width: 500px;
    font-family: europa, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    letter-spacing: .02em;
    line-height: 28px;
    color: #8f867f;
  }
  
  #cart .total-area .checkout .europa-bold-font {
    font-size: 12px;
  }
  
  #cart .total-area .checkout {
    padding-left: 50px;
  }
  
  #cart .total-area .checkout>* {
    padding-bottom: 15px;
  }
  
  #cart .total-area .checkout>*:last-child {
    padding-bottom: 0;
  }
  
  #cart .total-area .checkout .shipping {
    padding-bottom: 25px;
  }
  
  #cart .total-area .checkout a {
    text-decoration: none;
  }

  /* Search */
  #search h1 > span {
    font-size: 80px;
    padding-left: 15px;    
  }
  #search .item {
    padding: 25px;
  }
  #search .item > * {
    margin-bottom: 15px;
  }
  #search .item > *:last-child {
    margin-bottom: 0;
  }  
  #search a {
    text-decoration: none;
  }
  #search a:hover {
    color: #f59f8d;
  }  

  /* 404 */
  #whoops .wrapper > * {
    margin-bottom: 25px;
  }
  #whoops .wrapper > *:last-child {
    margin-bottom: 0;
  }  
  #whoops h1 {
    margin-top: -25px;
  }
  #whoops img {
    max-width: 275px;
    margin-bottom: 0;
  }

  /* Challenge */
  .shopify-challenge__container {
    padding: 100px 0;
  }
  .shopify-challenge__container .shopify-challenge__button {
    background: #aacfc8;
  }

/* Klaviyo */
.klaviyo_messages {
    font-size: 12px;
    line-height: 1.5;

    /* Safari white box fix for Feature section */
.frame-border {
  position: absolute;
  z-index: 0 !important;    /* push SVG behind */
  pointer-events: none;
  background: transparent !important;
}

.frame.image img {
  position: relative;
  z-index: 1 !important;    /* ensure product image is always above */
  display: block;           /* removes inline gaps */
}