/** Shopify CDN: Minification failed

Line 36:1 Unexpected "/"
Line 619:0 Comments in CSS use "/* ... */" instead of "//"

**/
/* global styles */

body {
  font-size: 1.6rem;
  line-height: 1.625;
  font-weight: 300;
  color: #555555;
}

::-moz-selection { 
  background: #92d7d1; 
  color: #1d2b2a;
}
::selection { 
  background: #92d7d1;
  color: #1d2b2a;
}


/*  styles for ingredient names on product page */
.ingredients {
    margin: 0 0 0 5px;
}
.infopane {
    border-bottom: 1px green dashed;
    cursor: help;
    white-space: nowrap;
}

*/------------------------*/

.ing-container {
    width: 625px;
    font-size: 14px;
    padding: 5px;
}

.ing-desc {
    padding-right: 8px;
}
.ing-left {
    float: left;
    width: 60%;
}

.ing-right {
    float: left;
    padding: 15px 5px 0 0;
}

.ing-header { 
  background-color: #000; 
  height: 40px;
}
.ing-main-title {
    font-size: 20px;
    float: left;
    margin: 2px 5px 5px 0;
  
}


.ing-section {
    clear: both;
    float: left;
    margin-bottom: 9px;
    padding: 2px 5px 0px;
}

.ing-gray {
    color: #999999;
}
.ing-inci {
    font-style: italic;
}

.ing-desc-title {
    float: left;
    font-weight: bold;
    margin: 0 5px 0 0;
    color: #777;
}

/* ================================= */

.btn{
  /*border: 5px solid rgba(255,255,255,0.0);
  outline: 5px solid red;*/
}


/**************************************/

@media (min-width: 1400px) {
    .container {
        width: 1400px
    }
}

/****************************************/


#header .header-top .highlight {
    background-color: #FF4081;
}

.no-pad { padding: 0; }

#header #site-navigation {
    box-shadow: 0 0 0 rgba(0,0,0,0); 
}

/***************ABOUT MASONARY PAGE ************************/

.masonry-layout {
  column-count: 3;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-gap: 0;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
}
.masonry-layout-panel {
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  background-color: rgba(255,255,255,0); 
  margin-bottom: 20px;
}

.masonry-layout-panel-content {
  background-color: rgba(255,255,255,0.8); 
  margin: 0 10px 10px;
  text-align:left;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.masonry-layout-panel-content p {padding:5px 10px;}

/*This CSS Snippet below is for your CSS Media Query of choice. It breaks down the items to one column for mobile.
@media only screen and (max-width: 700px) {
	.masonry-layout {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
	}
}
*/

/*This CSS Snippet below is for your CSS Media Query of choice. It breaks down the items to one column for mobile.*/
@media only screen and (max-width: 700px) {
	.masonry-layout {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
	}
}


.page-top.page-about {
    padding: 50px 0;
  text-align: left;
}

#about {
  /*background: #FFF;*/
  padding: 5px;
  margin-bottom: 20px;
  border-radius: 5px;
  clear: both;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.centered { margin: 0 auto; }

.story {
  margin: 5px;
  padding: 5px;
  background-color: rgba(255,255,255,.5);
  font-size: 11px;
  line-height: 1.4em;
  float: left;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}


.story h2 {
  font-size: 14px;
  font-weight: 200;
}

.story img,
#tumblelog img {
  display: block;
  width: 100%;
}

.rtl .story {
  float: right;
  text-align: right; 
  direction: rtl;
}



.col1 { width: 80px; }
.col2 { width: 180px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }

.col1 img { max-width: 80px; }
.col2 img { max-width: 180px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }

/**** Gutters ****/

.has-gutters .box {
  margin: 5px 0;
}

.has-gutters .col1 { width: 90px; }
.has-gutters .col2 { width: 230px; }
.has-gutters .col3 { width: 370px; }
.has-gutters .col4 { width: 550px; }

/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

/********************* product size selectors ******************/

/*
.swatch.size input:checked+label {
    border-color: #78cdc6;
    position: relative;
}

.swatch input:checked+label {
    cursor: default;
}

.swatch .swatch-element label {
    cursor: pointer;
}

.swatch.size label {
    display: inline-block;
    padding: 0;
    height: 34px;
    line-height: 32px;
    min-width: 34px;
    text-align: center;
    border: 0px solid #E0E0E0;
    box-shadow: inset 0 0 0 #E0E0E0;
    border-radius: 0;
    text-decoration: none;
    margin: 0;
}
*/

/************** typeset *************/
.firstcharacter {
  /*color: #903;*/
  float: left;
  font-family: Georgia;
  font-size: 45px;
  line-height: 30px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}

.pullquote {
  font-family: Georgia;
  font-size: 25px;
  line-height: 30px;
  color: #5ac7bd; /*#4d9389;*/
}  

.attr {
  text-align: right;
}

/*************************************/
#someone-liked {
    padding: 5px;
}

#header .currency a{
  color: #212121; 
}


#header .social-media a{
  color: #212121; 
}

#product .sharing-btn .social-icons .social-icon {
    border-color: #212121 !important;
    color: #212121 !important;
}

#product .sharing-btn .social-icons .social-icon:hover {
    color: #219b8b !important;
    background-color: #fff !important;
}

.fa-star, fa-star-o, .fa-star-half-o {
    color: #ec565a !important;
}

/****************** customr styles ***************/

#customer-fields .customr-required label { font-weight:bold;}

#customer-fields .field_center {
  margin: 0 auto;
  text-align: center;
}

.customr-field-checkbox .customr-control-label {
      display: none !important;
}

#customer-fields input[type="text"], #customer-fields input[type="email"], #customer-fields input[type="password"], #customer-fields input[type="tel"], #customer-fields select {
    color: inherit;
    padding: 0 !important;
    display: block;
    width: 100%;
    /* border: none; */
    border: 1px solid #e0e0e0 !important;
    background: transparent;
    margin-bottom: 0;
    height: 36px;
    outline: none !important;
}

/************************************************/

.page-top { padding: 10px 0; }

.no-page-top {
  background-color: #e0e0e0;
  color: #e0e0e0;
  text-align: center;
  padding: 1px 0 0 0;
}

page-center {
    padding: 0 20px;
    margin: 0 auto;
    text-align: center;
  }

/************************************************/

.saw-extra-note-fix {
  font-weight: bold;
  margin: 10px 0px;
  padding: 12px;
  background-color: #fcf7f2;
  background-image: url(//cdn.shopify.com/s/files/1/1572/6129/t/13/assets/icon-warning2.png?v=22070649431243815621530470999);
  background-repeat: no-repeat;
  color: #535252;
  border-left: solid 4px #ff6d6d;
  /*text-transform: none;*/
  font-size: 0.70em;
  line-height: 18px;
  overflow: hidden;
  padding: 10px 60px;
}
.saw-extra-note-fix i {
    margin:10px 0px;
    font-size:2em;
    vertical-align:middle;
}

.saw-icon {
  background-color: #fcf7f2;
  background-image: url(//cdn.shopify.com/s/files/1/1572/6129/t/13/assets/icon-warning2.png?v=22070649431243815621530470999);
  /*background-position: 9px 0px;*/
  background-repeat: no-repeat;
  border-left: solid 4px #ff6d6d;
  line-height: 18px;
  overflow: hidden;
  padding: 10px 60px;
}


.saw-note {
  background-color: #f0f7fb;
  background-image: url(//cdn.shopify.com/s/files/1/1572/6129/t/13/assets/icon-note.png?v=54083680739580660981530464703);
  /*background-position: 9px 0px;*/
  background-repeat: no-repeat;
  border-left: solid 4px #3498db;
  line-height: 18px;
  overflow: hidden;
  padding: 10px 60px;
  color: #535252;
  /*text-transform: none;*/
  font-size: 0.70em;
  margin-bottom: 10px;
}

/*
.saw-icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.saw-highlight::before {
    font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f24a";
}



.saw-highlight:before {
  content: "\f24a";
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;

  color: #000;
  font-size: 18px;
  padding-right: 0.9em;
  position: absolute;
  top: 10px;
  left: 0;
}
*/
/****************************************************/

#customer_orders {
    margin-top: 0;
}

.btn{
  font-family: "sofia-pro",Helvetica, Arial, sans-serif;
}

/**************wholesale and page style************************/

.page-wholesale {
    background-color: transparent;
    background-image: url(//cdn.shopify.com/s/files/1/1572/6129/t/13/assets/wholesale-banner.jpg?v=99766869567263505911527428857);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 65px 0;
    text-align: center;
}

.style-page-title {
    float: none;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 0;
    line-height: 42px;
}


.col-highlight {
  background-color: rgb(228, 241, 240);
}

.col-highlight2 {
  background-color: rgb(255, 255, 255);
}

.col-alt-highlight {
  background-color: rgb(255, 255, 215);
}

.col-highlight p {
  text-align: center;
  font-size: 24px;
  color: #555555;
  margin: 0 0 0 28px;
  padding: 0;
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  line-height: 1.625;
  font-weight: 400;
}

.inner-container {
  margin: 0 auto;
  padding: 20px 0;
  font-size: 1.6rem;
  line-height: 1.625;
  font-weight: 300;
  color: #555555;
  word-wrap: break-word;
}

@media (min-width: 380px){.inner-container{width:380px}}
@media (min-width: 480px){.inner-container{width:480px}}
@media (min-width: 768px){.inner-container{width:570px}}
@media (min-width: 992px){.inner-container{width:490px}}
@media (min-width: 1200px){.inner-container{width:600px}}
@media (min-width: 1400px){.inner-container {width: 700px}}

.inner-container h1 {
    color: #AAA59B;
    font-size: 3.6rem;
    line-height: 48px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 4px;
  text-align: center;
}

.inner-container h2 {
font-weight: 400;
  letter-spacing:1px;
}

.inner-container h3 {
	font-size: 3.2rem;
    line-height: 48px;
    text-transform: lowercase;
    letter-spacing: 0;  
  	font-weight: 900;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
  	display: block;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
  text-align: center;
}

.col-center { text-align: center; }
.inner-container p {
    display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  
}

.pl-separator {
  border-top: 1px solid #e4e1da;
  filter: alpha(opacity=100);
  opacity: 1;
  margin: auto;
  display: block;
}

/*****************************************/

#customer-fields .cancel-form {
   display: none;
}

/********** Press Blog *****************/

// Press
.templateArticle .press-posts .press-post:before, .templateArticle .press-posts .press-post:after{
  padding-bottom: 0;
}
.press-posts .press-post{
    margin-left: 120px;
    margin-top: 60px;
    position: relative;
    padding: 40px 0 0;

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

      &:before, &:after{
        top: 0;
      }
    }
    &:before, &:after{
      content: '';
      position: absolute;
      width: 1px;
      height: 100%;
      left: -67px;
      background: #fff;
      top: -60px;
      padding-bottom: 60px;
      box-sizing: content-box;
      display: block;
    }
    &:before{
      left: -68px;
      background: #ddd;
    }
}

.press-posts .press-head{
      border: 0;
      position: static;
    }

.press-posts .excerpt{
      margin-bottom: 30px;
      margin-top: -40px;
    }
.press-posts .press-details {
      margin-top: 0;
    }
.press-posts .date {
      position: absolute;
      top: 0;
      left: -120px;
      width: 110px;
      background-color: darken(#ffffff, 5%);
      border-radius: 0;
      font-weight: 600;
      color: #212121;
      text-align: center;
      line-height: 36px;
      z-index: 1;
      height: 36px;
    }
.press-posts  h2{
      margin-top: 0;
      margin-bottom: 12px;
    }
.press-posts .press-content{
      margin-bottom: 24px;
    }
.press-posts .press-qshare {
      position: absolute;
      top: 50px;
      left: -75px;
      z-index: 1;
    }


/***************** blockquotes *****************/
/*
blockquote {
  display: block;
  border-width: 2px 0;
  border-style: solid;
  border-color: #eee;
  padding: 1.5em 0 0.5em;
  margin: 1.5em 0;
  position: relative;
  font-size:2rem;
}
blockquote:before {
  content: '\201C';
  position: absolute;
  top: 0em;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 3rem;
  height: 2rem;
  font: 6em/1.08em 'PT Sans', sans-serif;
  color: #666;
  text-align: center;
}
blockquote:after {
  content: "\2013 \2003" attr(cite);
  display: block;
  text-align: right;
  font-size: 0.875em;
  color: #e74c3c;
}


.notepaper {
  position: relative;
  margin: 30px auto;
  padding: 29px 20px 20px 45px;
  width: 280px;
  line-height: 30px;
  color: #6a5f49;
  text-shadow: 0 1px 1px white;
  background-color: #f2f6c1;
  background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  border: 1px solid #c3baaa;
  border-color: rgba(195, 186, 170, 0.9);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}

.notepaper:before, .notepaper:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
}

.notepaper:before {
  left: 28px;
  width: 2px;
  border: solid #efcfad;
  border-color: rgba(239, 207, 173, 0.9);
  border-width: 0 1px;
}

.notepaper:after {
  z-index: -1;
  left: 0;
  right: 0;
  background: rgba(242, 246, 193, 0.9);
  border: 1px solid rgba(170, 157, 134, 0.7);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}

.quote {
  font-family: Georgia, serif;
  font-size: 2rem;
}

.curly-quotes:before, .curly-quotes:after {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 48px;
  font-size: 50px;
  opacity: .2;
}

.curly-quotes:before {
  content: '\201C';
  margin-right: 4px;
  margin-left: -8px;
}

.curly-quotes:after {
  content: '\201D';
  margin-left: 4px;
  margin-right: -8px;
}

.quote-by {
  display: block;
  padding-right: 10px;
  text-align: right;
  font-size: 13px;
  font-style: italic;
  color: #84775c;
}

.lt-ie8 .notepaper {
  padding: 15px 25px;
}

*/

.pquote {
  float: right;
  width: 500px;
  background: url(//cdn.shopify.com/s/files/1/1572/6129/t/13/assets/openquote.gif?v=143425452111418225121537736815) top left no-repeat;
  color: #555;
  font-style: italic;
  padding: 13px;
}

.pquotel {
  float: left;
  width: 500px;
  background: url(//cdn.shopify.com/s/files/1/1572/6129/t/13/assets/openquote.gif?v=143425452111418225121537736815) top left no-repeat;
  color: #555;
  font-style: italic;
  padding: 13px;
}

.pquote blockquote {
  margin: 0;
  border-left: 0px solid #eee;
  font-size:2.0rem;
  line-height:2.3rem;
}
.pquote blockquote p:first-letter {
  font-size: 2.8rem;
  font-weight: bold;
}

.pquotel blockquote {
  margin: 0;
  border-left: 0px solid #eee;
  font-size:2.0rem;
  line-height:2.3rem;
}
.pquotel blockquote p:first-letter {
  font-size: 2.8rem;
  font-weight: bold;
}


.pquotec {
  text-align:center;
  width: 500px;
  background: url(//cdn.shopify.com/s/files/1/1572/6129/t/13/assets/openquote.gif?v=143425452111418225121537736815) top center no-repeat;
  color: #555;
  font-style: italic;
  padding: 13px;
}

.pquotec blockquote {
  margin: 0;
  border-left: 0px solid #eee;
  font-size:2.0rem;
  line-height:2.3rem;
}
.pquotec blockquote p:first-letter {
  font-size: 2.8rem;
  font-weight: bold;
}