/** Shopify CDN: Minification failed

Line 929:0 Unexpected "zE("

**/
/*** product page changes ***/

#addToCartForm {
	background-color: #f2f2f2;
  	border: 1px solid #ccc;
  	padding: 20px;
}
#addToCartForm select, .js-qty {
  	background-color: #fff;
  	border-color: #bebebe;
	font-size: 15px;
  	max-width: 100%;
}

product .js-qty input {border-color: #bebebe;}

#product .js--qty-adjuster {
    width:35px;
    padding: 3px 0px;
}

#product .js--qty-adjuster:hover {background-color: #f2f2f2;
border: 1px solid #ccc;}


/*** newsletter ***/

@media screen and (max-width: 480px) {
      .klaviyo_condensed_styling {margin: 0 auto 18px !important}
  	  .newsletter h3 {text-align:center;}
    }

@media screen and (max-width: 320px) {
 	 .klaviyo_field_group {width: 160px !important;}
	  button.klaviyo_submit_button {margin-left: -10px; }
}


/*** christopher changes ***/


/*============================================================================
  #textoutline for fit guide and such - cw - 11/3/2014
==============================================================================*/

.textoutline {
    display:inline-block;
    border: 0px solid black;
	padding: 5px;
	background: #EDEDED;

}

/*============================================================================
  #textoutlinecart for shipping statement - cw - 11/3/2014
==============================================================================*/

.textoutlinecart {
    display:inline-block;
    border: 0px solid #cccccc;
	padding: 10px;
	background: #f2f2f2;
  width: 100%;
  text-align: center;

}

/*============================================================================
  #homepagetable - cw - 11/3/2014
==============================================================================*/


#noBordercw {
    border: 0px;
    padding:0; 
    margin:0;
    border-collapse: collapse;
}


/*============================================================================
  #textoutline for promo - cw - 11/3/2014
==============================================================================*/

.textoutlinepromo {
    display:inline-block;
    border: 1px solid #cccccc;
	padding: 15px;
	background: #FFF6ED;
    width: 100%;
}

/*============================================================================
  #textoutline for promo - cw - 11/3/2014
==============================================================================*/

.textoutlinepromoholiday {
    display:inline-block;
    border: 1px solid #cccccc;
	padding: 15px;
	background: #83de78;
    width: 100%;
}

/*============================================================================
  #textoutline for mobile link list - cw - 11/3/2014
==============================================================================*/

.textoutmobilelinklist {
    display:inline-block;
    border: 2px solid #fff;
	padding: 5px;
	background: #F3F0E5;
    width: 100%;
}

/*============================================================================
  #textoutline for mobile link list header- cw - 11/3/2014
==============================================================================*/

.textoutmobilelinklistheader {
    display:inline-block;
    border: 2px solid #fff;
	padding: 5px;
	background: #C2C0B7;
    width: 100%;
    color: #000;
}


/*============================================================================
  #hide on mobile - cw - 11/8/2014
==============================================================================*/

@media all and (min-width: 769px) {
    .mobileonlycw {
        display:none;
    }
}


/*============================================================================
  #hide on desktop only - cw - 11/8/2014
==============================================================================*/

@media all and (max-width: 768px) {
    .desktoponlycw {
        display:none;
    }
}


/*============================================================================
  #hide on desktop and tablet - lynn - 03/02/18
==============================================================================*/

@media all and (min-width: 750px) {
    .showmobileonly {
        display:none;
    }
}



.logourl2015 {
  margin-top: $gutter*2;
}

/*============================================================================
  #mobileonly - cw - 09/30/2016
==============================================================================*/

@media all and (min-width: 481px) {
    .mobileonlycw2 {
        display:none;
    }
}



/*============================================================================
  #hide on mobile phone cw - 09/21/2016
==============================================================================*/


@media all and (max-width: 480px) {
    .hideonmobilephoneonlycw {
        display:none;
    }
}


/*============================================================================
  #hide on ipad and mobile
==============================================================================*/


@media all and (max-width: 768px) {
    .hideonmobileandipadcw {
        display:none;
    }
}


/*============================================================================
  #top bar mobile cw - 11/26/2014
==============================================================================*/

.topbarmobilecw {
font-size: 11px;
text-transform: none;
letter-spacing: 1px;
font-style: normal;
line-height: 2em;
color: #fff;
display: block;
overflow: hidden;
position: relative;
width: 100%;
top: 0px;
left: 0;
background: #54160C;
text-align: center;
-webkit-transition: height .3s cubic-bezier(.23,1,.32,1);
-moz-transition: height .3s cubic-bezier(.23,1,.32,1);
-o-transition: height .3s cubic-bezier(.23,1,.32,1);
transition: height .3s cubic-bezier(.23,1,.32,1);
}

/*============================================================================
  #top bar desktop cw - 11/26/2014
==============================================================================*/

.topbarcw {
font-size: 15px;
text-transform: none;
letter-spacing: 1px;
font-style: normal;
line-height: 2.5em;
color: #fff;
display: block;
overflow: hidden;
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 10000;
background: #54160C;
text-align: center;
-webkit-transition: height .3s cubic-bezier(.23,1,.32,1);
-moz-transition: height .3s cubic-bezier(.23,1,.32,1);
-o-transition: height .3s cubic-bezier(.23,1,.32,1);
transition: height .3s cubic-bezier(.23,1,.32,1);
}

/*============================================================================
  #style for collection table headers
==============================================================================*/

table.collection_header td {
background-color: #F8F8F8;
border: 5px solid white;
padding: 15px;
font-size: 18px;
}

table.collection_header th {
background-color: #F8F8F8;
border: 5px solid white;
padding: 15px;
font-size: 18px;
}

table.collection_header td:hover {
background-color: #D3D3D3;
}


/*============================================================================
  gray for brand logos
==============================================================================*/

.gray-img {
  filter: none;
  -webkit-filter: grayscale(1);
}


/*============================================================================
  classes for hover effects
==============================================================================*/


.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #e6bc05;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

.hvr-underline-from-center2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center2:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #e6bc05;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center2:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}


.hvr-underline-from-center3 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center3:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #b59b37;
  height: 12px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center3:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}


.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.hvr-sepia {
  -webkit-filter: sepia(100%);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: filter;
  transition-property: filter;}

.hvr-sepia:hover, .hvr-sepia:focus, .hvr-sepia:active {
  -webkit-filter: none;

}

.hvr-border{ 
    border: none;
    transition: border 0.5s;
}
.hvr-border:hover{
    border: 1px solid white;
}





/*============================================================================
  classes for design effects
==============================================================================*/

.text-line {
  padding-top: 2.5%;
  width: 100%; 
   text-align: center; 
   border-bottom: 2px solid #f2e7da; 
   line-height: 0.1em;
}

.text-line-2 {
  width: 100%; 
   text-align: center; 
   border-bottom: 2px solid #f2e7da; 
   line-height: 0.1em;
  padding-top: 1%;
}

.text-inside-line {
  background:#fff;
  color: #54160C;
  letter-spacing: 6px;
  padding-right: 1%;
  padding-left: 1%;
  font-size: 125%;
  font-weight: bold;
  font-family: Raleway;
}



.topbrands {
  float: left;
  width: 16.6%;
}

.topbrandsmobile {
  float: left;
  width: 33%;
}


p.foot {
    font: 175% sans-serif;
    color: #151d46;
    margin-top: 35px;
    position: relative;
    text-align: center;
    z-index: 1;
}

p.foot:before {
    border-top: 2px solid #8e869e;
    content:"";
    margin: 0 auto; /* this centers the line to the full width specified */
    position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 35px; left: 0; right: 0; bottom: 0;
    width: 100%;
    z-index: -1;
}

p.foot span { 
    /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
    background: white; 
    padding: 0 15px;
    display: inline-block;
}

div.foot {
    font: 250% sans-serif;
    margin-top: 35px;
    position: relative;
    text-align: center;
    z-index: 1;
}

div.foot:before {
    border-top: 2px solid #dfdfdf;
    content:"";
    margin: 0 auto; /* this centers the line to the full width specified */
    position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 18px; left: 0; right: 0; bottom: 0;
    width: 100%;
    z-index: -1;
}

div.foot span { 
    /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
    background: #fff; 
    padding: 0 15px; 
}



.sidescrolling-mobile {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
  

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



.SBS-mobile-table-outter {
  overflow-x: auto;
  background: #54160C;
}


.SBS-mobile-table th, .SBS-mobile-table td {
  padding: 15px;
  color: white;
  font-family: Raleway;
}


.SBS-mobile-table th {
  text-align: left;
  letter-spacing: 3px;
  font-size: 130%;
}

.SBS-mobile-table td {
  font-size: 110%; 
}

.SBS-mobile-table {
  border-spacing: 10px;

}

/* Show the dropdown menu on hover */
.dropdown-mobile:hover .dropdown-content-mobile {
  display: block;
}

 


/*============================================================================
  classes for home page dropdown menu 
==============================================================================*/

.dropdown-home {
    overflow: hidden;
    float: left;
}

.dropdown-home .dropbtn-home {
    font-size: 145%;    
    border: none;
    outline: none;
    color: #54160C;
    padding: 16px 110px;
    background-color: #F2E7DA;
    font-family: Raleway;
    margin: 0;
    font-weight: bold;
    letter-spacing: 4px;
}

.dropdown-home:hover .dropbtn-home {
    background-color: #54160C;
    color: #F2E7DA;
}

.dropdown-home-content {
    display: none;
    position: absolute;
    background-color: #F2E7DA;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-home-content a {
    float: none;
    color: #54160C;
    padding: 10px 14px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 110%;
}

.dropdown-home-content a:hover {
    background-color: #ddd;
}

.dropdown-home:hover .dropdown-home-content {
    display: block;
}


/* Navbar container */
.navbar-home {
  overflow: hidden;
  background-color: #f2e7da;
  font-family: Raleway;
  white-space: nowrap;
}

/* Links inside the navbar */
.navbar-home a {
  font-size: 16px;
  color: #54160C;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  
}

/* The dropdown container */
.dropdown {
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  width: 350px;
  white-space: normal;
  display: inline-block;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 200%;
  letter-spacing: 4px;
  font-family: Raleway;
  font-weight: bold;
  border: none;
  outline: none;
  color: #54160C;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-top: 12px;
  background-color: #f2e7da; 
  position: relative;
  display: inline-block;
  /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar-home a:hover, .dropdown:hover .dropbtn {
  background-color: #54160C;
  color: #f2e7da;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f2e7da;
  width: 350px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: center;
  margin: 0 auto;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: #54160C;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 150%;
  font-family: Raleway;
  font-weight: bold;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #54160C;
  color: #f2e7da;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}




/*============================================================================
  classes for home page dropdown menu (MOBILE)
==============================================================================*/

.dropmenuM-outter * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  font-family: Raleway;
	font-weight:normal;
}


.allUL  {
	list-style: none;
	margin:0; 
	padding:0;
	width: 100%;
	margin:0 auto;
}

.dropmenuM-header {
	background: #54160C; /* fallback colour */
	border-top:1px solid #878e98;
	border-bottom:1px solid #33373d;
	color: #fff;
	letter-spacing: 0.25em;
    display:block;
	padding:8px;
	width: 100%;
  text-align: center;
  font-size: 135%;
  font-weight: bold;
}

.block-classM input[type='checkbox'] {
	display: none;
}


.dropmenuM-header:hover {
	background: #54160C; /* fallback colour */

}


.block-classM input[type='checkbox']:checked ~ .options {
	height: auto;
  	min-height:40px;
	display:block;
	max-height:75x;
}

.subUL {
	background:#fff; margin:0; padding:0;

}

.dropmenuM-li-items a {
	display:block;
	padding:6px 12px;
	color:#672c22;
	text-decoration:none;
  font-size: 110%;
  letter-spacing: 0.10em;
}

.dropmenuM-li-items a:hover {
	color:#54160C;
}



.dropmenuM-li-items {
	border-bottom:1px solid #ccc;
}

.dropmenuM-li-items:first-child {
	padding-top:6px;
}

.dropmenuM-li-items:last-child {
	padding-bottom:6px; border:0;
}

.options {
	height: 0;
	display: block;
	overflow: hidden;
}
	




/*============================================================================
  classes for Shop By Size (desktop)
==============================================================================*/

.sizes-container {
  position: relative;
  max-width: 50%;
  float: left;
  display: block;
}

.size_array {
  position: absolute;
  top: 0;
  max-width: 50%;
  max-height: 413px;
  opacity: 0.6;
  margin-top: 10px;
  margin-left: 13px;
}

.size-box {
  display: inline-block;
  width: 15%;
  height: 100%;
  line-height: 160%;
  background: #fff;
  text-align: center;
  text-decoration: none;
  border: 0px solid #fff;
  font-size: 140%;
  font-weight: bold;
  color: #54160C;
  border-radius: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 2px;
  padding-right: 6px;
  padding-left: 6px;

}

.size_link {
  text-decoration:none;
}

.size_row {
  padding-top: 5px;
  
}

.size-col {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}




a.white-link {
 color: white;
 text-decoration: none;
}


/*============================================================================
  classes for Collection Tiles (desktop)
==============================================================================*/

.collection-tile {
  width: 18.45%;
  margin-right: 0.75%;
  margin-left: 0.75%;
  margin-top: 25px;
  margin-bottom: 25px;
  display: inline-block;
}

.collection-tile-far-left {
  margin-right: 0.75%;
  width: 18.45%;
  margin-top: 25px;
  margin-bottom: 25px;
  display: inline-block;
}

.collection-tile-far-right {
  margin-left: 0.75%;
  width: 18.45%;
  margin-top: 25px;
  margin-bottom: 25px;
  display: inline-block;
}

.collection-tile-mobile {
  max-height: 160px;
  margin-right: 2%;
  margin-left: 2%;
  margin-top: 3px;
  margin-bottom: 3px;
  display: inline-block;
}

/*====================================
Zendesk Widget test
====================================*/
zE('messenger:set', 'zIndex', -9999);

/*====================================
classes for Recently Viewed scrolling
====================================*/

.sidescrolling-recently {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-:overflow-scrolling: touch;
}
  

.sidescroll-recently-card {
    display: inline-block;
  }

.stamped-container {
    font-family: Verdana !important;
    border: none !important;
    padding: 2em 0px !important;
}

.stamped-summary-actions-newquestion, .stamped-summary-actions-newreview {
    background: grey !important;
    color: white !important;
    border: none !important;
    padding: 10px 15px !important;
}

span.stamped-summary-actions {
    margin-top: 30px !important;
    clear: both;
    display: block;
}

.stamped-header .stamped-review-options ul li {
    width: 15% !important;
    margin-right: 30px !important;
}

.fa-star, .fa-star-o, .fa-star-half-o, .stamped-fa-star, .stamped-fa-star-o, .stamped-fa-star-half-o {
   color: #EE9B25 !important; /* change color */
}

.summary-rating-bar > div {
   background:#000 !important;
   color:#fff !important;
}

span.stamped-file-uploader {
    display: inline-block !important;
    vertical-align: middle !important;
} 

a.stamped-summary-actions-newquestion, li#tab-questions {
    display: none !important;
}

iframe[title="Messaging window"] {
    height: 93%!important;
}