/*
Theme Name: Lost Queens
Description: Custom theme by Supreme Clientele
Author: sarah huny young
Author URI: http://supremeclientele.co
*/

/* 
-------------------------------------------------------
general styling & resets
------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
}

a {
	color: #000;
	text-decoration: none;
}

p { padding-bottom: 8px; }

img { border: none; }
ul, ol, li { list-style: none; }

table, td, form, fieldset {
	border: none;
	border-collapse: collapse; 
	border-spacing: 0;
}

.clear { clear: both; }

.float_left {
	float: left;
	display: inline;
}

.float_right {
	float: right;
	display: inline;
}

.halfcol { width: 48% !important; }

.thirdcol { width: 33% !important; }

.uppercase { text-transform: uppercase; }

.none { display: none; }

.small { font-size: 0.8em; }

.indent { margin-left: 35px; }

.caps { text-transform: uppercase; }

.invert { filter: invert(100%); -webkit-filter: invert(100%); }

.js #flash { display: none; }

/* 
-------------------------------------------------------
general site architecture & styling
------------------------------------------------------- */

html { height: 100%; }

body {
	height: 100%;
	text-align: center;
	background: #fff url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/bg.svg?5274413662292191873) no-repeat top left;
	font: 400 1em/1.5em 'Quicksand', Georgia, Times, serif;
	color: #000;
}

strong { font-family: 'Quicksand Bold'; }
em { font-family: 'Quicksand Italic'; }
strong em, em strong { font-family: 'Quicksand Bold Italic'; }

#bg {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	text-align: center;
	position: relative;
}

#site {
	position: relative;
	padding-bottom: 206px;
	margin: auto;
	text-align: center;
}

#backTop {
	width: 20px;
	height: 20px;
	padding: 5px;
	border: 2px solid black;
	background-color: #ffe400;
	position: fixed;
	bottom: 10px;
	left: 10px;
	z-index: 1000;
	display: none;
}

#backTop a {
	width: 20px;
	height: 20px;
	display: block;
}

header {
	height: 250px;
	padding-top: 15px;
	margin: 0 auto;
	position: relative;
}

body.index header { height: 125px; }

#content {
	position: relative;
	margin: 20px auto 70px;
}

body.index #content {
	width: 100%;
	margin: 0 auto;
	z-index: 1;
}

#main {
	width: calc(100% - 340px);
	position: relative;
	float: left;
}

header, #content, #footercontent { width: 1300px; }

/* 
-------------------------------------------------------
header & nav styling
------------------------------------------------------- */

#logo {
	width: 160px;
	height: 160px;
	margin: 0 auto;
	background: transparent url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/logo.png?5274413662292191873) no-repeat;
	background-size: 100% auto;
	text-indent: -9999px;
	position: absolute;
	top: 16px;
	left: 0;
	right: 0;
	z-index: 500;
}

body.index #logo {
	width: 200px;
	height: 200px;
	top: 90px;
	left: 0;
	right: 0;
}

#logo a {
	width: 100%;
	height: 100%;
	display: block;
}

#headernav {
	border-bottom: 2px solid #000;
	position: absolute;
	top: 180px;
	left: 0;
	right: 0;
}

body.index #headernav {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
}

header nav li {
	margin-left: 30px;
	font: 1em 'Quicksand Bold';
	text-transform: uppercase;
	display: inline-block;
}

header nav#headernav li:nth-child(2) { margin-left: 0; }

header nav li a {
	color: #0d004c;
	padding: 10px;
	display: inline-block;
}

header nav li a:hover { color: #73005f; }

header nav li.current a {
	background-color: #0d004c;
	color: #fff;
}

#navclick {
	position: absolute;
	z-index: 1000;
}

#navclick, nav li.closeNav { display: none; }

#navclick2  { width: 40px; }

#navclick a, #navclick2 a {
	width: 25px;
	height: 18px;
	display: block;
}

#navclick a:hover .row, #navclick2 a:hover .row { background-color: #73005f; }

#navclick .row, #navclick2 .row {
	width: 100%;
	height: 4px;
	margin-bottom: 4px;
	background-color: #fff;
	display: block;
}

#navclick2 .row:first-child {
	margin: 4px 0 0 0;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

#navclick2 .row:last-child {
	margin: -4px 0 0 0;
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
}

#subnav {
	margin: 0 auto;
	position: absolute;
	top: 216px;
	left: 0;
	right: 0;
}

body.index #subnav {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
}

#subnav li {
	margin-left: 25px;
	font: 0.9em "Quicksand";
	text-transform: uppercase;
	display: inline-block;
}

#subnav li:first-child { margin-left: 0; }

#login-account, #search {
	font: 0.9em "Caslon Italic";
	display: inline-block;
	border-top: 1px solid #000;
	position: absolute;
	top: 16px;
	left: 0;
}

body.index #login-account, body.index #search { top: 110px; }

#login-account a {
	font: 0.8em "Quicksand";
	text-transform: uppercase;
}

/* search */

	#search .fa span {
		padding: 0 10px 0 5px;
		font: 0.9em "Quicksand";
		text-transform: uppercase;
		text-align: left;
	}
	
	#search form {
		display: inline-block;
	}
	
	#search input#search-field {
		width: 190px;
		background-color: #eee;
		border: none;
		color: #000;
		font: 1em "Caslon Italic";
	}

/* END search */

/* cart drop-down */

	#cart {
		font: 1em "Quicksand";
		border-top: 1px solid #000;
		text-transform: uppercase;
		display: inline-block;
		position: absolute;
		top: 16px;
		right: 0;
	}
	
	body.index #cart { top: 110px; }
	
	#cart #hover-drop { background-color: #fff; }

	#cart .fa span {
		padding: 0 10px 0 5px;
		font: 0.8em "Quicksand";
	}

	#cart a.cart-total:before {
		padding-right: 10px; 
		content: '|';
	}

	#cart .cart-total { font: 0.8em "Quicksand Bold"; }
	
	#cart-drop {
		width: 324px;
		padding: 13px 13px 18px;
		background-color: #fff;
		position: absolute;
		top: 16px;
		right: 0;
		z-index: 700;
		display: none;
	}
	
	#cart-drop .cartblock {
		padding-bottom: 20px;
		text-align: left;
	}
	
	#cart-drop .cartblock ul li {
		display: inline-block;
		vertical-align: top;
	}
	
	#cart-drop .cartblock:last-child { padding-bottom: 20px; }
	
	#cart-drop .cart-close { width: 14px; }
	
	#cart-drop .cart-product { width: 88px; }
	
	#cart-drop .cart-product img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	#cart-drop .cart-deets {
		width: calc(100% - 180px);
		padding: 0 10px;
		font: 0.6em/1.4em "Quicksand";
	}
	
	#cart-drop .cart-deets h3 {
		margin-bottom: 10px;
		font-family: "Quicksand Bold";
	}
	
	#cart-drop .cart-price, #cart-drop .total .total-price {
		width: 40px;
		font: 1em "Quicksand Bold";
		text-align: right;
	}
	
	#cart-drop .button { clear: both; }
	
	#cart-drop .total {
		padding: 12px 0 12px 0px;
		border-top: 1px solid #000;
		text-align: left;
	}
	
	#cart-drop .total h4 {
		width: calc(100% - 45px);
		font: 0.7em/1.4em "Quicksand Bold";
		display: inline-block;
	}
	
	#cart-drop .total .total-price {
		width: 40px;
		display: inline-block;
	}
	
	.button .item-count { font: 0.8em "Quicksand"; }
	
/* END cart drop-down */

/* 
-------------------------------------------------------
universal elements
------------------------------------------------------- */

/* newsletter popover */
	
	#signup-pop {
		width: 100%;
		height: 100%;
		background: transparent url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/transp.png?5274413662292191873);
		text-align: center;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.5s, visibility 0s 0.5s;
		position: fixed;
		z-index: 10002;
		display: none;
	}

	#signup-pop.open {
		opacity: 1;
		visibility: visible;
		transition: opacity 0.5s;
	}
	
	#signup-wrap {
		width: 700px;
		background-color: #fff;
		padding: 10px;
		margin: 16px auto 0;
		position: relative;
	}
	
	#signup-pop .closeme {
		display: block;
		position: absolute;
		top: 15px;
		right: 20px;
	}
	
	#signup-pop #signup {
		padding: 10px;
		border: 1px solid #000;
	}
	
	#signup-img {
		width: 325px;
		float: left;
	}
	
	#signup-img img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	#signup-deets {
		width: calc(100% - 345px);
		float: right;
	}
	
	#signup .logo {
		width: 180px;
		height: auto;
		margin: 0 auto;
	}
	
	#signup .logo img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	#signup-copy {
		padding: 30px 0 10px;
		text-align: left;
		font: 1.1em/1.3em "Caslon";
	}
	
	#signup-copy em { font-family: "Caslon Italic"; }
	
	#signup-copy strong {
		color: #73005f;
		text-transform: uppercase;
	}
	
	#signup label {
		padding-bottom: 8px;
		display: block;
		font: 0.7em "Quicksand Bold";
		text-transform: uppercase;
	}
	
	#signup input {
		width: calc(100% - 25px);
		height: 13px;
		padding: 10px;
		background-color: #fff;
		color: #000;
		border: 1px solid #000;
		font: 0.8em/28px "Caslon Italic";
	}
	
	#signup input.submit {
		width: auto;
		height: auto;
		padding: 0 10px;
		margin: 10px auto 0;
		display: block;
		background-color: #73005f;
		color: #fff;
		text-transform: uppercase;
		border: none;
		font: 0.9em/35px "Quicksand Bold" !important;
		letter-spacing: 0 !important;
	}
	
	#signup .small {
		padding-top: 10px;
		font-size: 0.6em;
		line-height: 1.3;
	}
	
	#signup #mce-success-response {
		padding: 0 0 15px;
		text-align: left;
	}
	
/* END newsletter popover */
	
.button {
	background-color: #73005f;
	color: #fff;
	text-transform: uppercase;
	border: none;
}

.button a { color: #fff; }

.button, .button a {
	font: 0.9em/35px "Quicksand Bold" !important;
	letter-spacing: 0 !important;
}

#breadcrumbs, #collection-nav {
	margin-bottom: 10px;
	font-size: 0.7em;
	line-height: 1.3em;
	text-transform: uppercase;
}

#collection-nav .active { font-family: "Quicksand Bold"; }

#collection-nav li { display: inline-block; }

#collection-nav li:after {
	margin: 0 10px;
	content: "/";
}

#collection-nav li:last-child { margin-right: 0; }

#collection-nav li:last-child:after { display: none; }

.pagination {
	font-size: 0.7em;
	text-transform: uppercase;
}

.pagination .page.current { font-family: "Quicksand Bold"; }

.pagination .page.current:after { font-family: "Quicksand"; }

.pagination .page:after, .pagination .prev:after {
	margin: 0 10px;
	content: "/";
}

.contentbox {
	padding: 15px;
	background-color: #fff;
	border: 1px solid #000;
	text-align: left;
}

.subheader, .note { font: 1em/1.2em "Caslon Italic";	}

.errors {
	padding-bottom: 10px;
	font: 0.7em "Quicksand Bold";
	text-transform: uppercase;
	text-align: center;
	color: red;
}

.errors li { padding-bottom: 10px; }
		
/* callouts */

	body.index header .free-shipping.callout, body.index header .view-lookbook.callout { display: none; }

	header .free-shipping.callout {
		position: absolute;
		top: 65px;
		left: 210px;
	}
		
	header .view-lookbook.callout {
		position: absolute;
		top: 65px;
		right: 210px;
	}
		
	.callout {
		width: 206px;
		background-size: 100% auto;
	}
	
	#slider .callout, header .callout {
		height: 80px;
		padding: 0 40px;
		background: transparent url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/parentheses.svg?5274413662292191873) no-repeat;
	}

	.callout a {
		font: 1em/1.2em "Caslon";
		letter-spacing: 0.1em;
	}

	.brand-ambassador .fa.fa-crown:before {
		background: transparent url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/lq-crown.svg?5274413662292191873) no-repeat;
		content: "";
		padding: 10px 14px;
		margin-bottom: -2px;
		vertical-align: bottom;
		display: inline-block;
	}

	.callout h3 {
		padding-bottom: 5px;
		text-transform: uppercase;
	}
	
	.callout h3 a span { text-transform: none; }
	
	.callout.free-shipping h3 a span { display: block; }
	.callout.view-lookbook h3 a span { font-family: "Caslon Italic"; s}

	.callout h3:before { padding-right: 10px; }

	.callout .small a {
		display: block;
		font: 1.1em/1.3em "Caslon Italic";
		letter-spacing: 0em;
	}

	footer .callout {
		width: 286px;
		height: 105px;
		background: transparent url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/parentheses-tall.svg?5274413662292191873) no-repeat;
		background-size: 100% auto;
	}
	
	footer .callout a { font-size: 1.2em; }
	
	footer .callout input {
		border: none;
		display: inline-block;
		vertical-align: top;
	}
	
	footer .callout label { display: none; }
	
	 /* mailchimp */
	.mce_inline_error {
		padding-top: 10px;
		line-height: 1.2em;
		font-size: 0.7em;
		color: red;
	}
	
	#mce-success-response {
		line-height: 1.2em;
		font-size: 0.7em;
	}
	 /* END mailchimp */
	
	footer .callout input.email {
		width: 220px;
		height: 13px;
		padding: 10px;
		background-color: #fff;
		color: #000;
		border: 1px solid #000;
		border-right: none;
		font: 0.8em/35px "Caslon Italic";
	}

	footer .callout input.submit {
		width: auto;
		height: 35px;
		margin-left: -5px;
		padding: 0 10px;
		background-color: #73005f;
		color: #fff;
		font: 0.8em "Quicksand Bold";
		text-transform: uppercase;
	}
	
	footer .callout h3, footer .callout .small {
		padding-left: 40px;
		padding-right: 40px;
		display: block;
	}
	
	footer .callout .small { margin-bottom: 10px; }
	
/* END callouts */

.productblock, .grid-sizer {
	width: calc(25% - 20px);
	margin-bottom: 20px;
}

.gutter-sizer { width: 20px; }

body.index .productblock, body.index .grid-sizer {
	width: calc(25% - 1px);
	margin-bottom: 1px;
	opacity: .7;
	transition:visibility 0s linear 0.2s,opacity 0.1s linear;
}

body.index .productblock:hover, .productblock:hover {
	opacity: 1;
	transition-delay:0s;
}

body.index .productblock-alt /* added with jquery */ { width: calc(50% - 1px); }

body.index .gutter-sizer { width: 1px; }

.productblock .thumb {
	background: transparent url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/loading.svg?5274413662292191873) no-repeat center center;
	background-size: 100% auto;
}

.productblock .thumb img {
	width: 100%;
	height: auto;
	display: block;
}

.quickview {
	width: 63px;
	height: 63px;
	background: transparent url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/quickview.svg?5274413662292191873) no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

.quickview a {
	width: 63px;
	height: 63px;
	display: block;
}

.onsale {
	width: 30px;
	height: 30px;
	background: transparent url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/on-sale.svg?5274413662292191873) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 10px;
	right: 15px;
	text-indent: -9999px;
}

.main-image .onsale {
	right: auto;
	left: 15px;
}

.sale-price { color: #ff00cc; }

.productblock .deets-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	background: transparent url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/deets-bg.png?5274413662292191873)no-repeat 20px 0px;
	background-size: auto 100%;
}

.coverall {
	width: inherit;
	height: inherit;
	display: block;
	position: absolute;
}

.productblock.productblock-alt .deets-wrap { background-position: 370px 0; }

.productblock.horiz .deets-wrap { background-position: 118px 0; }

body.index .productblock .deets {
	width: 220px;
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

body.index .productblock.horiz .deets { width: 120px; }

.productblock .price {
	padding-bottom: 10px;
	font: 1em "Quicksand Bold";
}

.productblock .price .soldout, .product-deets .soldout {
	font: 0.7em "Quicksand Bold";
	text-transform: uppercase;
	padding: 3px;
	background-color: #000;
	color: #fff;
}

.productblock .price .soldout a, .product-deets .soldout a { color: #fff; }

body.index .productblock .price del, .productblock.horiz .price del { display: block; }

.productblock .deets h2 {
	padding-bottom: 10px;
	font: 1.3em/1.1em "Caslon";
}

body.index .productblock .deets h2 { padding: 0 0 10px 60px; }

.productblock .deets h2 strong { font-family: "Caslon"; }

.productblock .description {
	font-size: 0.8em;
	line-height: 1.3em;
}

.join-waitlist {
	margin-bottom: 5px;
	display: block;
	text-transform: uppercase;
	font-size: 0.8em
}

.join-waitlist .small { display: block; }

.waitlist-form { padding-top: 20px; }

body.index .productblock .description blockquote, body.index .productblock .description p { display: none; }

body.index .productblock .description p.descript { display: block; }

/* 
-------------------------------------------------------
homepage
------------------------------------------------------- */

#slider-wrapper ul { margin: 0px; }

.bx-viewport, .bx-wrapper{
	position: relative;
	width: 100%;
	height: 100% !important;
	top: 0;
	left: 0;
}

/*.bxslider, .bxslider li { height: 100vh !important; }*/

#slider {
	position: relative;
	text-align: center;
	background-color: #fff;
	z-index: 2;
}

#slider .slide { display: none; }

#slider .slide-image {
	background: transparent url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/loading.svg?5274413662292191873) no-repeat center center;
	background-size: auto 100%;
	overflow: hidden;
}

#slider .slide-image img {
	width: 100%;
	height: auto;
}

#slider .deets {
	width: 750px;
	height: auto;
	padding-bottom: 15px;
	margin: 0 auto;
	background-color: #fff;
	background-size: 100% auto;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 200;
	opacity: .75;
	transition:visibility 0s linear 0.2s,opacity 0.1s linear;
}

#slider .deets:hover {
	opacity: 1;
	transition-delay:0s;
}

#slider .deets a { color: #000; }

#slider .deets h3 {
	font: 2.3em/0.9em "Caslon";
	padding: 10px 20px;
	color: #000;
}

#slider .deets p {
	line-height: 1.3em;
	padding: 0 50px;
}

#slider .wrap {
	width: 100%;
	height: 100px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

#slider .callout { z-index: 100; display: none; }

#slider .free-shipping {
	margin-top: -80px;
	margin-left: calc(50% - 650px);
}

#slider .brand-ambassador {
	margin-top: -80px;
	margin-left: calc(50% + 365px);
}

#slider .bx-controls-direction {
	width: 100%;
	position: absolute;
	top: 30%;
	z-index: 600;
}

#slider .bx-prev {
	margin-left: 20px;
	float: left;
}
#slider .bx-next {
	margin-right: 20px;
	text-align: right;
	float: right;
}

#slider .bx-prev, #slider .bx-next {
	width: 38px;
	height: 92px;
	display: block;
	overflow: hidden;
	font-size: 0;
	font: 7em "FontAwesome";
	color: #fff;
}

#slider .bx-prev:before, #slider .bx-next:before  {
	display: block;
	text-shadow: 1px 0px 0px rgba(0, 0, 0, 1);
}

#slider .bx-prev:before {
	content: "\f104";
}

#slider .bx-next:before {
	content: "\f105";
}

/* 
-------------------------------------------------------
product page
------------------------------------------------------- */

body.product .contentbox {
	width: 800px;
	margin-bottom: 45px;
	margin: 0 auto;
}

.product-images {
	width: 325px;
	float: left;
}

.product-images .main-image {
	background: transparent url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/loading.svg?5274413662292191873) no-repeat center center;
	background-size: 100% auto;
	position: relative;
}

.product-images .main-image img, .product-images .thumbs img {
	width: 100%;
	height: auto;
	display: block;
} 

.product-images .thumbs { margin-top: 4px; }

.product-images .thumbs li {
	width: 32.3%;
	display: inline-block;
	vertical-align: top;
	background: transparent url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/loading.svg?5274413662292191873) no-repeat center center;
	background-size: 100% auto;
	opacity: .6;
	transition:visibility 0s linear 0.2s,opacity 0.1s linear;
}

.product-images .thumbs li:hover {
	opacity: 1;
	transition-delay:0s;
}

.product-deets {
	width: calc(100% - 345px);
	float: right;
}

.product-deets h1 {
	font: 2.5em/0.9em "Caslon";
	padding-bottom: 30px;
}

.product-deets .price {
	font: 1.4em "Quicksand Bold";
	padding-bottom: 30px;
}

.product-deets .description {
	padding-bottom: 20px;
	font-size: 0.9em;
	line-height: 1.3em;
}

.product-deets .description blockquote {
	padding: 0 0 15px 30px;
	background: transparent url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/blockquote.svg?5274413662292191873) no-repeat top left;
	font: 1em "Quicksand Bold";
}

.product-deets .description blockquote cite { font: 1em "Quicksand Italic"; }

.product-deets .description blockquote cite:before {
	padding-right: 5px;
	content: "-";
}

.product-deets .accent-text { 
	padding-top: 10px;
	font: 0.9em "Quicksand Italic";
}

.product-deets error.accent-text { color: red; }

.product-deets #notify-me-wrapper { padding-top: 15px }

.product-deets #notify-me-wrapper input {
	width: 150px;
	height: 13px;
	vertical-align: middle;
	border: 1px solid #000;
	padding: 10px;
	background-color: #fff;
	color: #000;
	font: 0.8em/35px "Caslon Italic";
}

.variant { padding-bottom: 10px; }

.quantity { padding-bottom: 35px; }

.select h4 {
	font-size: 0.8em;
	text-transform: uppercase;
}

.select select, .select input {
	width: 60px;
	border: 1px solid #000;
	padding: 3px;
	background-color: #fff;
	color: #000;
	font: 0.8em "Caslon Bold";
	text-align: center;
}

.quantity.select input {
	width: 40px;
	padding-left: 15px;
}

.product-deets .button {
	display: inline-block;
	padding: 0 15px;
}

.product-deets .button span:before { padding-right: 10px; }

.product-deets .share { padding-top: 20px; }

.product-deets .share li {
	padding: 5px 26px 0 0;
	display: inline-block;
	vertical-align: top;
}

.product-deets .share span { display: none; }

#related {
	width: 830px;
	margin: 45px auto 0;
}

#related h2 {
	font: 1.3em "Caslon";
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

#related .subheader { padding: 8px 0 20px; }

#related ul { text-align: left; }

#related li {
	width: calc(33% - 1px);
	display: inline-block;
	vertical-align: top;
	opacity: .6;
	transition:visibility 0s linear 0.2s,opacity 0.1s linear;
}

#related li:hover {
	opacity: 1;
	transition-delay:0s;
}

#related .related-product {
	position: relative;
}

#related .deets-wrap img {
	width: 100%;
	height: auto;
	display: block;
}

#related h3 {
	padding: 10px 20px 0;
	font: 1.1em "Caslon";
	text-align: center;
}

/* 
-------------------------------------------------------
collections/category landing/search
------------------------------------------------------- */

body.collection h1, body.list-collections h1, body.search h1 {
	font: 3.5em/0.9em "Caslon";
	padding-bottom: 10px;
}

#collection-container { padding-top: 30px; }

#collection-container .productblock .deets { padding-top: 15px; }

#collection-container  .productblock .deets h2 { font-size: 1.1em; }

#collection-container  .productblock .deets h2 strong.highlight {
	background-color: #fffece;
}

/* 
-------------------------------------------------------
static pages
------------------------------------------------------- */

h1.page {
	font: 3.5em/0.9em "Caslon";
	padding-bottom: 30px;
}

.contentbox.page {
	width: 800px;
	margin: 0 auto;
	font: 1em/1.4em "Caslon";
}

.contentbox.page a { color: #73005f; }

.contentbox.page p { padding-bottom: 15px; }

.contentbox.page em { font-family: "Caslon Italic"; }
.contentbox.page strong { font-family: "Caslon"; }	

/* 
-------------------------------------------------------
shopping cart
------------------------------------------------------- */

body.cart h1 {
	font: 3.5em/0.9em "Caslon";
	padding-bottom: 30px;
}

body.cart.cart-empty h1 { padding-bottom: 10px; }

#cart-container {
	width: 800px;
	margin: 0 auto;
}

#cart-contents {
	width: calc(100% - 230px);
	float: left;
}

#cart-summary {
	width: 210px;
	float: right;
}

.cartblock { padding-bottom: 20px; }

.cartblock ul li {
	display: inline-block;
	vertical-align: top;
}

.cartblock .cart-product {
	width: 160px;
	margin-right: 15px;
}

.cartblock .cart-product img {
	width: 100%;
	height: auto;
	display: block;
}

.cartblock .cart-close {
	width: 30px;
	text-align: right;
}

.cartblock .cart-deets {
	width: calc(100% - 215px);
}

.cartblock .cart-deets h3 {
	font: 1.2em "Caslon";
	padding-bottom: 5px;
}

.cartblock .cart-price { font-family: "Quicksand Bold"; }

#cart-contents .button {
	display: inline-block;
	padding: 0 15px;
}

#cart-contents .button span:before { padding-right: 10px; }

#cart-summary h2 {
	font: 0.8em "Quicksand Bold";
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 20px;
}

#cart-summary h4 {
	font-size: 0.7em;
	line-height: 1.5em;
	text-transform: uppercase;
}

#cart-summary li h4 { width: 70px; }

#cart-summary ul { padding-bottom: 15px; }

#cart-summary li {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	line-height: 1.4em;
}

#cart-summary li.sum {
	font: 0.8em/1em "Quicksand Bold";
	text-align: right;
}

#cart-summary input {
	border: none;
	display: inline-block;
	vertical-align: top;
}

#cart-summary input.discount {
	width: 100px;
	height: 13px;
	padding: 10px;
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	border-right: none;
	font: 0.8em/28px "Caslon Italic";
}

#cart-summary input.submit {
	width: auto;
	height: 35px;
	margin-left: -5px;
	padding: 0 10px;
	background-color: #000;
	color: #fff;
	font: 0.8em "Quicksand Bold";
	text-transform: uppercase;
}

#cart-summary p.note {
	padding: 7px 0 20px;
	font: 0.8em/1.3em "Caslon Italic";
}

#cart-summary .total {
	padding-top: 10px;
	border-top: 1px solid #000;
}

#cart-summary .payment { text-align: center; }

#cart-summary .payment p {
	padding-top: 5px;
	font: 0.7em/1.3em "Quicksand Bold";
	text-transform: uppercase;
}

#cart-summary .button {
	width: 100%;
	margin-top: 20px;
	font-size: 1.3em !important;
}

/* 
-------------------------------------------------------
account related pages (login, register, my account, etc.)
------------------------------------------------------- */

.contentbox.account-fields { text-align: center; }

.account-fields label {
	font-size: 0.7em;
	line-height: 1.5em;
	text-transform: uppercase;
	display: block;
}

.account-fields input.text {
	width: 300px;
	height: 13px;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	font: 0.8em/28px "Caslon Italic";
}

.account-fields button.button, .account-fields div.button {
	padding: 0 15px;
	vertical-align: top;
}

.account-fields .small {
	display: block;
	margin: -15px 0 20px;
}

#recover-password { margin-top: 30px; }

#recover-password h2, #guest h2 {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

/* 
-------------------------------------------------------
footer
------------------------------------------------------- */

footer {
	width: 100%;
	/*height: 180px;*/
	height: auto;
	padding-top: 25px;
	margin: -206px auto 0;
	background: #fff url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/bg.svg?5274413662292191873) no-repeat 0 0;
	background-size: auto 100%;
	border-top: 1px solid #000;
}

#footercontent {
	margin: 0 auto;
	position: relative;
}

#mid-footer {
	width: calc(100% - 575px);
	margin: 0 auto;
}

footer .newsletter {
	position: absolute;
	top: 0;
	left: 0;
}

footer .brand-ambassador {
	position: absolute;
	top: 0;
	right: 0;
}

footer .social li {
	margin-left: 10px;
	display: inline-block;
}

footer .social li:first-child { margin-left: 0; }

footer .social li.fa:before { padding-left: 15px; }

footer .social li a:before {
	margin-right: 15px;
	content: "|";
}

footer .social li img { height: 14px; }

footer .social li a {
	padding-top: 6px;
	display: block;
	font: 0.8em "Quicksand";
}

footer .social h3 {
	font: 0.8em "Caslon";
	text-transform: uppercase;
}

footer .social h3 span {
	font-family: "Caslon Italic";
	text-transform: none;
}

footer #footernav {
	font: 1em/1.5em "Caslon Italic";
}

footer #footernav a {
	padding: 0 10px;
	font: 0.8em/1.5em "Quicksand Bold";
	text-transform: uppercase;
}

footer #copyright {
	font: 0.8em "Caslon Italic";
}

footer .social, footer #footernav, footer #copyright { padding-bottom: 20px; }

footer #mobile-alt {
	padding: 20px 0 10px;
	font: 0.7em "Caslon";
	letter-spacing: 0.15em;
	text-transform: uppercase;
	display: none;
}