/* Fairends is done by Matthew Rappo http://isabeautifulanimal.com

/* RESET
---------------------------------------------------
    http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
	License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
  overflow-x: hidden !important;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img{vertical-align:bottom;
	-moz-transition: all .75s ease-in-out;
	-o-transition: all .75s ease-in-out;
	-webkit-transition: all .75s ease-in-out;
	transition: all .75s ease-in-out;}

.galleria-image img{	-moz-transition:none;
	-o-transition:none;
	-webkit-transition:none;
	transition:none;}

.visible, img#fancybox-img {opacity:1;}

.displace {position: absolute; left: -5000px;}


/* UNIVERSAL STYLES
---------------------------------------------------
*/

body{background:#fff; position: relative;}

section{position:relative;}

.container{position:relative; width:90%; max-width: 1200px; min-width:284px; margin:0 auto; display:block;}

.nav-container{width:100%; padding:10px 0; background:#fff;  z-index:300;}
@media (min-width:768px){
	.nav-container{
		height:40px;
	}
}

.nav-container .current{
	font-weight:bolder;
	color: #EA212D;
}
nav{text-align:center; text-transform:uppercase;}

.subnav{position:relative; top:10px; left:0; text-transform: uppercase; text-align:center;}

.viewcart{position:absolute; top:10px; right:0;}

.subnav li{display:inline-block; margin:0 8px;}

.mainnav li:nth-last-child(2):before {
	content: ' ';
	/*background: url('https://cdn.shopify.com/s/files/1/0077/9262/files/cart-icon.png?7973065203129140030');*/
	background: url("cart-icon.png");
	background-size: 15px auto;
	background-repeat: no-repeat;
	padding-left: 21px;
	vertical-align: 3px;
	padding-bottom:10px;
}
.mainnav {
  color: #939598;
  font-size: 0.8em;
  width: 90%;
  margin: 1em auto 0;
}

nav li{display:inline-block; margin:0 6px 6px 6px;}
@media (min-width:400px){
	nav li{margin:0 6px 12px 6px;}
}


ul.collection img, .product-image img{
	width:100%;
	-webkit-filter: brightness(0.95);
  filter: brightness(0.95);
}
.items img{
	-webkit-filter: brightness(0.95);
	filter: brightness(0.95);
}

a.prev, a.next{position:absolute; top:50%; margin:-34px 0 0 0; z-index:1000; width:68px; height:68px; filter:alpha(opacity=10); opacity:.1;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;}

a:hover.prev, a:hover.next{filter:alpha(opacity=80); opacity:.8;}

a.prev{background:url("slideshow-prev.png") no-repeat; left:0;}

a.next{background:url("slideshow-next.png") no-repeat; right:0;}


	/* Footer */

footer{width:100%; display:block; background:#ea222c; padding:30px 0 1.2em; margin:20px 0 0 0;}

footer .container{width:768px; margin:0 auto; text-align:center;}

footer ul, footer form, footer p{display:inline-block; vertical-align:top;}

footer li{display:inline-block; margin: 0 5px;}

footer p{display:inline-block; width:30%; text-align:center;
margin:0 0 1.4em 0; color:#fff; line-height:1.4em;}

footer form{width:320px; margin:5px 0 0 0;}

footer .email{height:26px; padding:0 1%; width:170px; border:1px solid #fbd9d7;}

.facebook, .instagram, .twitter, .tumblr{display:inline-block; width:44px; height:44px;text-decoration:none;
	-moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;}


.facebook:hover, .instagram:hover, .twitter:hover, .tumblr:hover{opacity:.7;}

.facebook{background:url('socmed-facebook.png');}

.instagram{background:url('socmed-instagram.png');}

.tumblr{background:url('socmed-tumblr.png');}

.twitter{background:url('socmed-twitter.png');}

.cs-credit {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  border-top: 1px solid #fff;
  padding: 2em 20px 0;
  margin-top: 2em;
  font-size: 0.625em;
  line-height: 1.4em;
}
.cs-credit a{
	color:#fff;
}

/* LAYOUT
---------------------------------------------------
*/

	/* Homepage */
	.logo{
		width: 82px;
		height: 20px;
		background: url('logo-300.png') no-repeat bottom center;
		padding: 40px 0 0 0;
		margin: 0.25em auto 0em auto;
		display: block;
		background-size: cover;
	}
	@media (min-width:768px){
		.logo{
			width:122px;
			height:50px;
			margin: 1em auto;
		}
	}

	.col-one{position:relative; display:inline-block; width:49%; margin:0 0 0 0; vertical-align: top;}

	.col-two{position:relative; display:inline-block; width:49%; vertical-align: top; float:right;}

	.node{width:100%; position:relative; }

	.col-two .node.small(4n){margin:0 0 4% 0;}

	.node img{width:100%; position:relative; -webkit-backface-visibility: hidden;}

	.node a{opacity:1;}

	/*.node a:hover img{opacity:.7;}*/
	/*.node a:hover img{
		filter: brightness(70%);
		-webkit-filter: brightness(70%);
		-moz-filter: brightness(70%);
		-o-filter: brightness(70%);
		-ms-filter: brightness(70%);
	}*/
	.node img:hover,
	#instafeed img:hover {
		filter: brightness(70%);
		-webkit-filter: brightness(70%);
		-moz-filter: brightness(70%);
		-o-filter: brightness(70%);
		-ms-filter: brightness(70%);
		-webkit-transform: rotate(0);
		width:auto;
		-webkit-backface-visibility: hidden;
	}
	.node img,
	#instafeed img{
		-webkit-backface-visibility: hidden;
		transform: translate3d(0px,0px,0px);
	}

	.col-one .node{margin:0 0 3.5% 0;}
	@media (max-width:768px){
		.node.one {
		  margin: 40px 0 20px !important;
		}
		.col-full .node.one{
			overflow:hidden;
		}
		.col-one {
			margin-top:40px;
		}
		.col-two{
			margin-bottom:40px;
		}
	}

	.col-two .node{margin:0 0 5% 0;}

	.node.small{width:47.5%; margin:0px 5% 5% 0; display:inline-block;}

	.node.small:nth-of-type(2n){margin:0 0 5% 0;}


	/* double nodes for homepage */
	.node.one.small.double img {
	  width: 100% !important;
	}
	.node.one.small.double {
	  width: 100% !important;
	}
	@media (min-width:768px){
		.node.one.small.double {
		  width: 94% !important;
		}
	}
	.node.one.small.double .node-text{
		width:100% !important;
	}
	@media (min-width:768px){
		.node.one.small.double.fairgram{
			/*width:80%;*/
			padding-bottom: 62.75%;
			margin: 0em 0 76px 1%;
			overflow:hidden;
			position:relative;
			background:#000
		}
		.node.one.small.double.fairgram img {
			position:absolute;
			width:auto;
			min-width:100%;
			min-height:100%;
			margin-top: -20%;
			-webkit-filter: brightness(0.95);
	    filter: brightness(0.95);
		}
	}
	.node.one.small.double.fairgram img {
		-webkit-filter: brightness(0.95);
		filter: brightness(0.95);
	}
	@media (min-width:992px){
		.node.one.small.double.fairgram{
			padding-bottom: 62.25%;
			margin:0em auto 76px;
		}
	}
	@media (min-width:1200px){
		.node.one.small.double.fairgram{
			padding-bottom: 61.55%;
		}
	}

	.col-full{
		width:100%;
		margin-top: 10px;
		margin-bottom:80px;
	}
	@media (min-width:768px){
		.col-full{
			margin-top:48px;
		}
	}
	@media (min-width:992px){
		.col-full{
			margin-top:40px;
		}
	}
	@media (min-width:1200px){
		.col-full{
			margin-top:32px;
		}
	}
	.node-text-xl .node-text {
		font-size: 1.5em;
	}
	@media screen and (min-width:768px){
		.node-text-xl .node-text {
		  font-size: 42px;
		}
	}

	.nodes-wrappin, .col-full{
		display:none;
	}

	/* hide logo on index pages because logo shows in slideshow */
  .index .logo {
		display:none;
	}
	.index .mobile-menu {
	    margin-top: 1.45em;
	}

	/* hide these nodes on every page but first index page so they dont repeat */
	#index-1 .nodes-wrappin,
	#index-1 .col-full{
		display:block;
	}
	.nodes-wrappin {
	    margin-top: -40px;
	}
@media screen and (min-width:768px){
	.nodes-wrappin {
	    margin-top: 0px;
	}
}

	@media screen and (min-width:768px){
		.node.one.small{
			width:47.5% !important;
		}
		.node.one.small img{
			width:88.8% !important;
		}
		.node.three.small img,
		.node.four.small img{
			width:88.58% !important;
		}
		p.node-text{
			width:88% !important;
		}
		.col-full .node-text{
			width:100% !important;
		}
		.col-full{
			width:97.5% !important;
		}
		.col-full img {
		    width: 100% !important;
		}
	}
	@media screen and (min-width:992px){
		.node.one.small{
			width:47.1% !important;
		}
	}
	@media screen and (min-width:1200px){
		.node.one.small{
			width:47.2% !important;
		}
	}
	@media screen and (min-width: 1200px){
		.node.three.small img, .node.four.small img {
		    width: 86.6% !important;
		}
	}
	@media screen and (min-width: 1200px){
	  .node.one.small img {
	      width: 87.9% !important;
	  }
	}

	@media screen and (min-width: 992px){
	  .col-full img {
	      width: 99.7% !important;
	  }
	}
	@media screen and (min-width: 1200px){
	  .col-full img {
	      width: 99.5% !important;
	  }
	}


	/* Collection */

	ul.collection{position:relative; width:100%; margin:0 auto 0 auto; padding:0; list-style:none; text-align:left;}

	ul.collection li{display:inline-block; position:relative; z-index:100; margin:0 1% 4% 0; width:24.25%;}

	ul.collection li:nth-child(4n){margin:0 0 4.6% 0;}

	.masonry-container article:nth-child(4n){
		margin:0 0 4.5% 0;
	}

	ul.collection li .item-bg{visibility:hidden; display:block; position:absolute; width:100%; height:100%;
	z-index:9;  background: rgba(0, 0, 0, .7);   filter: alpha(opacity=0); opacity: 0;
  		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}

	ul.collection li .item-name{visibility:hidden; display:inline-block; position:absolute; top:40%; width:90%; padding:0 10px;
	height:inherit; z-index:10;  color:#ffffff; filter: alpha(opacity=0); opacity: 0;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
	@media (max-width:768px){
		ul.collection li .item-name{
			width:100%;
		}
	}


	ul.collection li:hover .item-name, ul.collection li:hover .item-bg{visibility:visible; filter: alpha(opacity=100); opacity: 1;}

	.article-wrap .items h1 {
	  min-height: 32px;
	}
	.items div {
	  margin-top: 0px !important;
	}

	/* Single Product */

	.product-image{position:relative; width:100%; margin:0 0 2.5% 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}

	.product-buy{position:absolute; z-index:200; top:8%; left:50%; margin:0 0 0 2%; text-align:center;}

	.addtocart{display:block; background:#ff0000; padding:6px; border:0; margin:6px 0 0 0; cursor:pointer;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;}

	.addtocart:hover{background:#000;}

	.product-links{display:inline-block; width:22%; vertical-align:top;}

	.product-text{display:inline-block; width:75%; vertical-align:top; margin:0 0 50px 3%;}

.product-text img{width:100%;}

h1.soldout{color:#4c4c4c;}

	@media only screen and (max-width: 768px) {

		.product-links{display:inline-block; width:100%; vertical-align:top;}

		.product-links li{display:inline-block; margin:1%;
    border-top:1px dotted #4c4c4c; padding:3px 0; width:100%;}

		.product-text{display:block; width:100%; vertical-align:top;}

    li.customize { width:90%; margin:30px 5%; }

li.customize p { margin-bottom:0; }

    }

@media only screen and (max-device-width:680px) {
div#image-wrapper { width:90%; height:auto; }

/*div#buttons-wrapper { bottom:110px; }*/

button#close {
  height:40px;
  width:40px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  /*bottom:190px;
  left:235px;*/
}

div#customer-initials { /*bottom:147px; */font-size:60px; }
}

.variants{/*margin:20% 0 10% 0;*/ padding:5px 0;}

.variants select{width:100%; margin:0 0 20px;}

.pager-container{width:100%; position:absolute; bottom:10px; text-align:center; z-index:200;}

.product-slideshow, .product-slideshow .slide{width:100%; overflow:hidden;}

/* custom print preview */

#preview-wrapper {
  z-index:99999 !important;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgb(51,51,51);
  background:rgba(51,51,51,.9);
}
#image-wrapper {
  position:relative;
  width:500px;
  height:500px;
  margin:5% auto;
}
#image-wrapper > img {
  position:relative;
  width:100%;
  height:100%;
}
#customer-initials {
  position:absolute;
  width:100%;
  bottom:31%;
  text-align:center;
  color:#fff;
  font-family:'Gotham',helvetica,sans-serif;
  font-size:75pt;
  text-transform:uppercase;
}
/*#buttons-wrapper {
  position:relative;
  bottom:180px;
  text-align:center;
}*/
#close {
  background:#BDBDBD;
  border:none;
  position:absolute;
  height:30px;
  width:30px;
  top:5%;
  right:6%;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
  color:#333;
  font-family: 'Avenir', sans-serif;
  font-size:1em;
/*  //bottom:360px;
  //left:440px;*/
   cursor:pointer;
}
}
button#close:hover {
  cursor:pointer;
}
button#close:focus {
  outline:none;
}

.addtocart.preview {display:inline; background:#ff0000; padding:10px; border:0; margin:6px 0 0 5px; cursor:pointer; border-radius:1px;}

.custom-wrapper {
/*margin-top:30px;*/
}

.custom-wrapper input {
border: 1px solid #333;
padding: 5px;
width: 95%;
margin-bottom: 10px;
}

.custom-wrapper input:focus {
outline:none;
}

.custom-wrapper label {
visibility:hidden;
}

#product-select:focus {
outline:none;
}

#preview-button {
display:none;
background: #333;
width: 60px;
padding: 5px;
color: #FFF;
font-family: 'Stratford Black',times,serif;
font-size: .75em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
text-align: center;
}

#preview-button:hover {
cursor:pointer;
}

li.customize {
padding:15px 15px 15px 0;
/*background:#e6e6e6;
border-top:10px solid #333;*/
color:#333;
text-align:left;
margin:15px 0 35px;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
font-family:'Avenir',sans-serif;
font-size:1.2em;
/*height:179px;*/
}

li.customize p {
	font-size:12px;
}
@media only screen and (max-width: 768px) {
	ul.collection li{display:inline-block; position:relative; margin:0 2% 4% 0; width:100%;}
	ul.collection li:nth-child(2n){margin:0 0 4% 0;}
	.node.small{width:100%;}
}


	/* Blog Template */

	.blog-container{width:59%; margin:0 auto;}

	.blog-container article{width:100%; border-top:1px dotted #333; margin:0 0 60px 0;}

	.blog-container img{width:100%; margin:0 0 5% 0;}

.blog-container p img{width:100%; margin:0 0 0 0; }

	.blog-image{position:relative; width:100%; margin:0 0 20px 0;}

	/* Masonry Template */

	.masonry-container{width:100%; margin:0 auto;}

.masonry-container.home{margin-top:60px}
@media (min-width:768px){
	.masonry-container{
		padding-left: 15px;
	}
}

	.masonry-container article{display:inline-block; vertical-align:top; width:20.125%; border-top:1px dotted #333; margin:0 5% 60px 0;}

	@media only screen and (max-width: 768px) {

	.masonry-container article{display:inline-block; vertical-align:top; width:100%; border-top:1px dotted #333; margin:0 0 60px 0;}
	}

.article-wrap article:nth-child(4n){margin-right:0;}

	.masonry-container img{width:100%; margin:0 0 5% 0;}

.masonry-container p img{width:100%; margin:0 0 0 0; }

	.blog-image{position:relative; width:100%; margin:0 0 20px 0;}

	/* Press */

	.press img{opacity:1; -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;}

.press img:hover{opacity:.7;}

	/* Stockists */'

.test{color:#fff000;}

	.stockists-container{width:100%; margin:0 auto;}

	.stockists-col{display: inline-block; width: 30%; margin: 0 5% 0 0; vertical-align: top;}

.stockists-col.last{margin:0;}

	.stockists-col p{margin:0 0 20px 0; font-size:.825em; line-height:1.3em;}

	.stockists-col a{display:block; margin:-20px 0 40px 0; font-size:.625em; color:#ea222c;}

	.stockists-col h1{padding:8px 0 6px 0; border-top:1px dotted #333; width:100%; display:block;}

	.stockists-col h2{font-size:.625em; color:#ea222c; padding:8px 0 30px 0; margin:0; border-top:1px dotted #333; width:100%; display:block;}

.stockists-col img{width:100%; margin:5% 0 0 0;
  display:inline !important;
position:inherit !important;
  -moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;}

.stockists-col img:hover{opacity:.7;}

	/* CART */

    .shop-cart-total{
        display:inline-block;
        font-size:20px;
        color:#5D5B5D;
        letter-spacing:1px;
        width:100%;
        margin:20px 0 0 0;
        text-align:right;
    }

	.cart-container{width:59%; margin:0 auto;}

    .shop-list-items{list-style:none; margin:0; padding:0;}

    .shop-list-items li{position:relative; display:inline-block; padding:22px 0px; background:#f5f5f5; margin:0 0 15px 0; width:100%;}

    .shop-list-single-item{position:relative; display:inline-block; vertical-align:top; width:100%; padding:0;}

    .shop-list-single-item img{display:inline-block; vertical-align:top; margin:0;}

    .shop-list-items li li{width:19%; vertical-align:middle; display:inline-block; text-align:center;  margin:0 0 10px 0; }

    .cart-item-input{margin:0; padding:0;}

    .shop-list-items .cart-item-input li{display:inline-block; border:none; vertical-align:text-top;padding:0;}

    .cart-item-input, .cart-item-input input, .cart-item-input a{text-transform:uppercase; color:#ea222c; text-decoration:none;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-appearance: none;}

    .cart-item-input input:hover, .cart-item-input a:hover{color:#000000; cursor:pointer;}

    .cart-item-input{position:relative; right:0; display:inline-block; width:100%; margin:0 0 0 0; vertical-align:middle;}

    .cart-item-input input{background:#ffffff; border:none;}

.quanity{width:40% padding:5%; border:2px solid #000;}

    .note{width:100%; height:140px; padding:0; border:1px solid #c8c8c8; font-size:2rem; line-height:1.4em; text-transform:uppercase; color:#c8c8c8;}


.add{border: 0 none;
cursor: pointer;
display: inline-table;
margin: 0 0 40px 0;
  padding:5px;
overflow: hidden;
background: #ef4036;
text-transform: uppercase;
color: #fff;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;}

.update{border: 0 none;
cursor: pointer;
display: inline-table;
margin: 0 0 40px 0;
  padding:5px;
overflow: hidden;
background: #acaeba;
text-transform: uppercase;
color: #fff;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;}

		/* Cart Empty */

		.cart-empty{display:block; width:100%; height:500px; padding:10px 0;
  background:#ea222c; color:#fff; text-align:center;}
.cart-go-back{border-bottom:1px dotted #231f20; text-align:center; padding:20px 0; margin:0 0 40px 0;}


/* VIDEO
---------------------------------------------------
*/

.videoWrapper {
	position: relative;
	padding-bottom: 53%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	vertical-align:top;
	margin:0 0 7% 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* TYPOGRAPHY
---------------------------------------------------
*/

@font-face {
    font-family: 'Avenir Light';
    src: url('avenir-light.eot');
    src: url('avenir-light.eot') format('embedded-opentype'),
         url('avenir-light.woff') format('woff'),
         url('avenir-light.ttf') format('truetype'),
         url('avenir-light.svg#AvenirLTStd35Light') format('svg');
}


@font-face {
    font-family: 'Avenir Bold';
    src: url('avenir-bold.eot');
    src: url('avenir-bold.eot') format('embedded-opentype'),
         url('avenir-bold.woff') format('woff'),
         url('avenir-bold.ttf') format('truetype'),
         url('avenir-bold.svg#avenir_85_heavyheavy') format('svg');
}


@font-face {
    font-family: 'Stratford Black';
    src: url('stratford-black-webfont.eot');
    src: url('stratford-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('stratford-black-webfont.woff') format('woff'),
         url('stratford-black-webfont.ttf') format('truetype'),
         url('stratford-black-webfont.svg#stratford-blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Gotham';
    src: url('gothamseminarrowmedium.eot');
    src: url('gothamseminarrowmedium.eot?#iefix') format('embedded-opentype'),
         url('gothamseminarrowmedium.woff2') format('woff2'),
         url('gothamseminarrowmedium.woff') format('woff'),
         url('gothamseminarrowmedium.ttf') format('truetype'),
         url('gothamseminarrowmedium.svg#gothamseminarrowmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

.node-text, .item-name, .product-buy h1, form h1, .addtocart,
.shop-list-items li td p,.cart-item-input, .cart-item-input input, .cart-item-input a,
.shop-cart-total p, input.add, .button, .remove, .update, .cart-empty h1, .blog-container h1, .stockists-col h1
.collection-container h1{font-family: 'Stratford Black', times, serif;}

body, nav, .price, .product-text, .product-links, .cart-item-input label, .cart-empty h2, .blog-container h2, .stockists-col h2{font-family: 'Avenir Light', arial, san-serif; letter-spacing:.05em;}

.product-text b,.product-text strong, .blog-container b, .blog-container strong{font-family: 'Avenir Bold', arial, san-serif; letter-spacing:.05em;}


.subnav, .viewcart, footer p{font-size:0.625em;}

a{color:#939598; text-decoration:none;
	-moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;}

a:hover, a.active{color:#000;}

.cart-go-back a{color:#ea222c;}

nav{font-size:.875em;}

nav a{color:#000;}

nav a:hover, .cycle-pager-active{color:#ea222c;}


.node-text{position:absolute; width:100%; top: 47%; text-align: center;}

.node p{z-index:3; font-size: 1.5em; color:#fff;}

.item-name{font-size:1em; text-align:center;}

.product-buy h1{font-size:.825em; letter-spacing:.05em;}

.price{margin:5% 0 15% 0; font-size:1em;}

.addtocart{color:#fff; font-size:.75em; letter-spacing.15em;}

.product-links{font-size:.6875em; line-height:1.6em; margin:0 0 50px 0;}

.product-links .active{color:#000;}

.product-text{font-size:1em; line-height:1.4em;}

.product-text a{color:#EC1C24;}

.product-text a:hover{color:#939598; }

.product-text p{margin:0 0 20px 0;}

.product-text h1{margin:0 0 5px 0;}


.cart-item-input label, .special-instructions{text-transform:uppercase; text-align:center; display:block; color:#231f20; font-size:.625em; margin:0 0 5px 0;}

.shop-cart-total p{letter-spacing:-.05em; color:#ef4036;}

 .special-instructions{width:100%;margin:50px 0 15px 0;}

  .cart-empty h2, .blog-container h2{font-size:.625em; margin:10px 0 5px 0;}
  .cart-empty h1, .blog-container h1, .collection-container h1{font-size:1em;}

.collection-container hgroup{text-align:center; margin:20px 0 40px 0;}

.blog-container article hgroup, .masonry-container article hgroup{text-align:center; margin:20px 0 40px 0;}

.blog-container article hgroup a, .masonry-container article hgroup a{color:#000;}

.blog-container article hgroup a:hover, .masonry-container article hgroup a:hover{color:#ec1c24;}

.blog-container article a, .masonry-container article a{color:#ec1c24;}

.blog-container article p, .masonry-container article p{line-height:1.4em; margin:0 0 20px 0;}

.button{
  	color: #ef4036;
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FBE0DE),
	color-stop(1, #F7BAB7)
);
background-image: -o-linear-gradient(bottom, #FBE0DE 0%, #F7BAB7 100%);
background-image: -moz-linear-gradient(bottom, #FBE0DE 0%, #F7BAB7 100%);
background-image: -webkit-linear-gradient(bottom, #FBE0DE 0%, #F7BAB7 100%);
background-image: -ms-linear-gradient(bottom, #FBE0DE 0%, #F7BAB7 100%);
background-image: linear-gradient(to bottom, #FBE0DE 0%, #F7BAB7 100%);
  text-decoration:none;
	-moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
    border: 0px solid #aaa;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 3px 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, .75);
    cursor: pointer;
    margin: 0 0 20px 0;
    line-height: 21px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
    background-color: #cccccc; }

.button:hover{opacity:.7;}

.update, .add{font-size:1em;}


@media only screen and (max-width: 768px) {
	.col-one, .col-two{width:100%;}
	.subnav li{margin-bottom:6px;}
	footer p{margin:2em 0;}
	.item-name{font-size:1.5em;}
  	form h1{margin:0 0 5% 0;}
    .variants{margin:0;}
    .price{margin:0;}
  .product-text{margin:6% 0 0 0; width:100%;}
  .product-links{margin:0 0 20px 0;}
  .product-text{margin:0 0 60px 0;}
  .products-links li{font-size:.875em;}
  .blog-container, .cart-container{width:100%;}
  .shop-cart-total{text-align:center;}
  .stockists-col{width:100%;}
  footer .container{width:280px;}
  footer ul, footer p, footer-form{display:block; width:100%; text-align:center;}
  footer form{width:100%; margin:30px 0 0 0;}
  footer .email{width:150px;}
}

@media only screen and (max-width: 540px) {
  .shop-list-items li li{width:33%; text-align:center;  margin:0 0 30px 0; }
  .shop-list-items .cart-item-input li:nth-child(4n){width:50%;  margin:0; }
  .shop-list-items .cart-item-input li:nth-child(5n){width:50%; margin:0;}
}


/* cover pop - topbar: newsletter grab */
.marginTop-80{
	transition: margin-top 0.2s ease-in;
	margin-top:80px;
}
.marginTop-0{
	transition: margin-top 0.25s ease-out;
	margin-top:0px !important;
}

.trans1{
  transform: translate(0,80px);
  transition:transform 0.7s linear;
  -webkit-transform: translate(0,80px); /** Chrome & Safari **/
  -o-transform: translate(0,80px); /** Opera **/
  -moz-transform: translate(0,80px); /** Firefox **/
}

/* turned off: was causing hat preview image to stick to top of screen */
/* was also conflicting with fixed nav bar */
/*.trans2{
  transform: translate(0px,0);
  transition:0.5s ease-out;
  -webkit-transform: translate(0,0);
  -o-transform: translate(0,0);
  -moz-transform: translate(0,0);
}*/

.topbar-cta{
	background-color:#EA212D;
	position:relative !important;
	display:block !important;
	margin-top:-80px;
	height:80px;
	width:100%;
}
@media screen and (min-width:992px){
	.topbar-cta{
		margin-top:-80px;
		height:80px;
	}
}
.topbar-cta-content {
	padding: 12px;
	min-height: 8px;
	width: auto;
	margin: 0 auto;
	max-width: 1200px;
}
@media (min-width:992px){
  .topbar-cta-content {
    padding: 36px;
		width:90%;
	}
}
.newsletter-cta {
		color: #fff;
		font-size: 0.65em;
		text-transform: uppercase;
		text-align: center;
		margin: 0;
		line-height: 1.3em;
		vertical-align:0px;
		display:block;
		padding: 0 20px;
}
@media screen and (min-width: 400px) {
	.newsletter-cta {
		font-size:0.75em;
	}
}
	@media screen and (min-width: 500px) {
		.newsletter-cta {
			padding: 0;
			font-size: 0.9em;
			padding: 0 30px;
		}
	}
	@media screen and (min-width: 992px) {
		.newsletter-cta {
			margin:0 0 0 -20px;
			text-align:left;
		}
	}
	.col-half2 form#mc-embedded-subscribe-form {
    margin: 10px auto 0;
		text-align:center;
		float: none;
		padding: 0;
		display:block;
}
@media screen and (min-width: 992px) {
	.topbar-cta form#mc-embedded-subscribe-form {
		margin: -10px 60px 0 0;
		text-align: right;
	}
}
input#mc-embedded-subscribe {
    display: inline;
    position: relative;
}
.topbar-cta input#mce-EMAIL {
	border-radius: 3px;
	height: 29px;
	padding-left: 5px;
	font-size: 0.85em;
	width:170px;
	border: 0px;
	vertical-align:1px;
	color: rgba(234,33,45,0.5);
}
	@media screen and (min-width: 400px){
		.topbar-cta input#mce-EMAIL {
			width:173px;
		}
	}
	@media screen and (min-width: 600px){
		.topbar-cta input#mce-EMAIL {
			width:211px;
		}
	}
	@media screen and (min-width: 992px) {
		.topbar-cta input#mce-EMAIL {
			width:260px;
		}
	}
.topbar-cta input#mce-EMAIL::-webkit-input-placeholder {
   color: rgba(234,33,45,0.5);
}
.topbar-cta input#mce-EMAIL:-moz-placeholder { /* Firefox 18- */
   color: rgba(234,33,45,0.5);
}
.topbar-cta input#mce-EMAIL::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(234,33,45,0.5);
}
.topbar-cta input#mce-EMAIL:-ms-input-placeholder {
   color: rgba(234,33,45,0.5);
}
.topbar-close{
	color:#fff;
	font-size:3em;
}
.topbar-close:after{
	content: '+';
	font-size: 1.0em;
	display:inline;
	position:absolute;
	top: -42px;
  right: -14px;
	-webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
@media screen and (min-width: 400px){
	.topbar-close:after {
			font-size: 1.3em;
	    top: -22px;
	    right: 0px !important;
	}
}
@media screen and (min-width: 400px){
	.topbar-close:after{
		top:-22px;
		right:0px;
	}
}
@media screen and (min-width:500px;){
	.topbar-close:after{
		right:0px;
	}
}
.topbar-cta input#mc-embedded-subscribe {
  font-size: 13px;
  padding: 4px 14px;
  vertical-align: 1px;
	margin-bottom:0px;
}
/* turn off scroll-disable in CoverPop */
.CoverPop-open, .CoverPop-open body {
    overflow: visible !important;
}
html.CoverPop-open {
    overflow-x: hidden !important;
    width: 100%;
    max-width: 100%;
}

/* slideshow homepage */
.homeslider img {
  width: 100%;
}
.homeslider {
	position:relative;
   margin:0 -10%;
}
@media screen and (min-width:768px){
	.homeslider {
    margin: 0px -6em 2em;
	}
}
/* slideshow homepage */
.homeslider img {
  width: 100%;
}
.homeslider {
  margin: 0px -4em 2em;
	position:relative;
}
@media screen and (min-width:768px){
	.homeslider {
    margin: 0px -6em 2em;
	}
}


.hideThis{
	display:none !important;
}
.hidethis {
    display: none;
}
.not-homepage .cloneThis {
    display: none !important;
    height: 0px !important;
}

.col-half1, .col-half2{
	width:100%;
	display:block;
	text-align:center;
	position:relative;
}
	@media screen and (min-width: 992px) {
		.col-half1, .col-half2{
			width:50%;
			display:inline;
			float:left;
		}
	}

/* fair ends logo */

.fairends-logo{
	position:absolute;
	max-width:100px;
	left: calc(50% - 50px);
	top: 10px;
	z-index:99;
}
@media screen and (min-width:768px){
	.fairends-logo{
		max-width:140px;
		left: calc(50% - 70px);
		top: 20px;
	}
}
@media screen and (min-width:992px){
	.fairends-logo{
		max-width:140px;
		left: calc(50% - 70px);
		top: 30px;
	}
}
@media screen and (min-width:1200px){
	.fairends-logo{
		max-width:140px;
		left: calc(50% - 70px);
		top: 40px;
	}
}

/* arrow down */
.arrow-down{
	position:absolute;
	max-width:30px;
	left: calc(50% - 15px);
	bottom: calc(50% - 15px);
	z-index:99999;
}
.arrow-down img{
	width:30px
}

/* inject node */

.cloneThis{
	position:absolute;
	margin-top:30px;
}

/* owl carousel */
.owl-buttons {
  display: none;
}

.owl-item div {
  max-height: 500px;
}
@media (min-width: 768px){
	.owl-item div {
	  max-height: 640px;
	}
}
@media (min-width: 992px){
	.owl-item div {
	  max-height: 850px;
	}
}
@media (min-width: 1200px){
	.owl-item div {
	  max-height: 900px;
	}
}
@media (min-width: 1400px){
	.owl-item div {
	  max-height: 900px;
	}
}
.owl-theme .owl-controls{
	margin-top:-50px !important;
	margin-bottom:100px !important;
	z-index:99 !important;
	position: relative;
}
.owl-theme .owl-controls .owl-page span{
	background-color:#000 !important;
	opacity:1.0 !important;
	filter: Alpha(Opacity=100) !important;
}
.owl-theme .owl-controls .owl-page.active span{
	background:#ea222c !important;
}
/* page titles */
.page-title{
	font-family: 'Stratford Black', times, serif;
	font-size:1.5em;
	color:#000;
	font-weight:normal;
	text-align:center;
	margin:2em 0;
}
.cart-empty h1, .blog-container h1, .collection-container h1 {
	font-size:1.5em;
	margin: 2em 0 0;
	text-align:left;
}
.blog-container h1 {
  text-align: center !important;
}
.cart-empty h2, .blog-container h2 {
	font-size:1.0em;
	font-family: 'Stratford Black', times, serif;
	margin:2em 0;
}
/* fix h2 being used above h1 on about page */
.blog-container h2 {
	margin-bottom:-2em !important;
}

/* mobile menu */
.mobile-menu{
	width:90%;
	margin:0 auto;
}
.mobile-menu{
	margin: -13px auto 0;
}
#index-1 .mobile-menu{
	margin: 23px auto 0;
}
@media (min-width:768px){
	.mobile-menu{
		display:none;
	}
}
.mobile-menu div{
	display:inline-block;
}
.mobile-menu .menu-left:hover{
	cursor:pointer;
}
.mobile-menu .menu-right{
	float:right;
	color:#939598;
	margin-top: -2px;
}
.mobile-menu .menu-right:before{
	content: ' ';
	background: url("cart-icon.png");
	background-size: 19px auto;
	background-repeat: no-repeat;
	padding-left: 27px;
	vertical-align: 2px;
	padding-bottom: 10px;
}

/* turn main nav into dropdown */
@media (max-width:767px){
	.nav-container{
		position:relative;
	}
	ul.mainnav li {
	  display: block;
	  font-size: 1.25em;
	  line-height: 2.125em;
	}
	ul.mainnav {
	  position: absolute;
	  z-index: 9999999;
	  background: rgba(255,255,255,0.98);
	  width: calc(100% + 120px);
	  padding-bottom: 2em;
		display:none;
		top:0px;
		left:-60px;
	}
	ul.mainnav li:last-child {
    display: none;
	}
	.mainnav li:nth-last-child(2){
		display:none;
	}
	.mainnav span{
		display:none;
	}
}
/* add display important when above 768 so isnt hidden if switching between mobile and desktop */
@media (min-width:768px){
	ul.mainnav{
		display:block !important;
	}
}

/* mobile shopping cart */
ul.cart-item-input p{
	font-family: 'Avenir Light', arial, san-serif;
	color:#000;
}
.cart-item-input, .cart-item-input input, .cart-item-input a{
	font-family: 'Avenir Light', arial, san-serif;
}

ul.cart-item-input li:nth-child(3){
	margin-top:-130px;
}
@media (min-width:540px){
	ul.cart-item-input li:nth-child(3){
		margin-top:-80px;
	}
}
@media (min-width:768px){
	ul.cart-item-input li:nth-child(3){
		margin-top:auto;
	}
}
@media (max-width:768px){
	ul.cart-item-input li:nth-child(2){
		display:block;
	}
	ul.cart-item-input li:nth-child(n+3) {
	    display: block !important;
			width:100% !important;
			background:none !important;
			padding-left:50px;
	}
	.shop-list-items .cart-item-input li:nth-child(4n) p {
		max-width:50%;
		margin-left:25%;
		margin-top:-16px;
	}
	.shop-list-items .cart-item-input li:nth-child(5n),
	.shop-list-items .cart-item-input li:nth-child(6n) {
    margin-top: 19px;
	}
}

/* fixed nav */
.fixed-nav{
	padding: 0;
	position: fixed;
	top: 0px;
	background: #fff;
	left: 0;
	width: 100%;
	z-index: 999999;
	transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

#index-1 .container{
	margin-top: 59px;
}
.container {
	margin-top:110px;
}
@media (min-width:768px){
	.container {
		margin-top:220px;
	}
}
@media (min-width:1075px){
		#index-1 .container{
		margin-top:57px;
	}
}

.fixed-nav-pushed{
	top: 80px !important;
}