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

@media only screen 
and (max-width : 1350px) {
	header, #content, #footercontent { width: 95%; }
	header .free-shipping.callout { left: 15%; }
	header .view-lookbook.callout { right: 15%; }
	#slider .free-shipping.callout {
		margin-left: 0;
		position: absolute;
		left: 30px;
	}
	#slider .brand-ambassador.callout {
		margin-left: 0;
		position: absolute;
		right: 30px;
	}
}

@media only screen 
and (max-width : 1200px) {
	body.index header { height: 250px; }
	body.index #logo {
		width: 160px;
		height: 160px;
		top: 16px;
	}
	body.index #headernav {
		position: absolute;
		top: 180px;
		left: 0;
		right: 0;
	}
	body.index #subnav {
		position: absolute;
		top: 216px;
		left: 0;
		right: 0;
	}
	body.index header .free-shipping.callout, body.index header .view-lookbook.callout { display: block; }
	body.index #search, body.index #cart { top: 16px; }
	body.index .productblock .deets h2 { font-size: 1.1em; }
	body.index .productblock .description { display: none; }
	header .free-shipping.callout { left: 7%; }
	header .view-lookbook.callout { right: 7%; }
	footer .social {
		width: 120px;
		margin: -10px auto 0;
		text-align: left;
	}
	footer .social li {
		padding-left: 20px;
		margin-left: 0;
		display: block;
	}
	footer .social li a { display: inline-block; }
	footer .social li:first-child { padding-left: 0; text-align: center; }
	footer .social li.fa:before {
		width: 20px;
		padding-left: 0;
		display: inline-block;
	}
	footer .social li a:before {
		margin-right: 0;
		content: '';
	}
	#footernav, #copyright { display: none; }
	footer .social li a { padding-top: 10px; }
	footer #mobile-alt { display: block; }
}

@media only screen 
and (max-width : 950px) {
	header nav li  { margin-left: 15px; }
	header nav li:nth-child(2) { display: none; }
	header nav li:nth-child(3) { margin-left: 0; }
	#subnav li { margin-left: 0; }
	header .free-shipping.callout { left: 0; }
	header .view-lookbook.callout { right: 0; }
	header .callout {
		padding: 0 30px;
		background-size: 100% auto;
	}
	.callout a { font: 0.9em/1em "Caslon"; }
	#slider .bx-controls-direction { top: 35%; }
	#slider .bx-prev, #slider .bx-next { font-size: 5em;}
	#slider .deets { font-size: 0.8em; }
	.productblock, .grid-sizer { width: calc(33% - 20px); }
	body.index .productblock, body.index .grid-sizer { width: calc(33% - 1px); }
}

@media only screen 
and (max-width : 875px) {
	#slider .deets { width: 90%; }
	/* product page */
	body.product .contentbox, .contentbox.page { width: calc(95% - 30px); }
	#related { width: 95%; }
	/* END product page */
	/* cart */
	#cart-container { width: 100%; }
	/* END cart */
}

@media only screen 
and (max-width : 767px) {
	body { background-position: -230px 0; }
	#signup-wrap {
		width: 80%;
		margin-top: 30px;
	}
	#signup-img { width: 270px;	}
	#signup-deets { width: calc(100% - 290px); }
	#signup .logo { width: 140px; }
	#signup-copy { font-size: 0.9em; }
	#signup-copy { padding-top: 20px; }
	#topbar {
		width: 100%;
		height: 30px;
		background-color: #000;
		color: #fff;
		z-index: 1000;
		position: relative;
	}
	body.index header, header { height: 100px; }
	#topbar a { color: #fff; }
	body.index #logo, #logo {
		/*width: 120px;
		height: 120px;
		margin-top: -30px;*/
		width: 95%;
		height: 120px;
		background: transparent url(//cdn.shopify.com/s/files/1/0984/7264/t/1/assets/lost-queens-logo.svg?5274413662292191873) no-repeat top center;
		background-size: auto 100%;
		top: 5px;
	}
	/* mobile nav */
	body.index #headernav, nav#headernav {
		width: 300px;
		margin: 0;
		background-color: #fff;
		border: 1px solid #000;
		border-top: none;
		top: 0;
		right: auto;
		z-index: 10001;
		display: none;
	}
	nav#headernav ul {
		width: calc(48% - 10px);
		padding-left: 10px;
		float: left;
		text-align: left;
		font-size: 0.9em;
	}
	nav#headernav #subnav {
		width: 48%;
		float: right;
		font-size: 0.85em;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
	}
	nav#headernav #subnav ul {
		width: auto;
		padding: 0 10px 0 0;
		width: auto;
		float: none;
	}
	nav#headernav #subnav li { height: auto; }
	nav#headernav li {
		height: 25px;
		display: block;
		padding: 10px 0 0;
		margin-left: 0;
	}
	header nav li a { padding: 0; }
	nav#headernav li.closeNav {
		height: auto;
		padding: 0;
	}
	nav#headernav li.closeNav, #navclick, #navclick2 { display: block; }
	#navclick { margin-top: -40px; }
	#navclick2 {
		position: absolute;
		top: -20px;
		left: 0;
		z-index: 10002 !important;
	}
	/* END mobile nav */
	#search {
		margin: 0 0 10px 10px;
		text-align: left;
		display: block;
		position: relative;
		top: 8px;
		border-top: none;
	}
	#search input#search-field {
		width: 260px;
		background-color: #fff;
	}
	#cart .fa span { display: none; }
	#cart a.cart-total:before {
		padding-right: 5px;
		content: '';
	}
	#topbar .callout a {
		font-size: 0.8em;
		letter-spacing: 0;
	}
	#topbar .view-lookbook.callout, #topbar .free-shipping.callout {
		position: absolute;
		top: 3px;
	}
	#topbar .view-lookbook.callout { left: 70px; }
	#topbar .free-shipping.callout { right: 105px; }
	#topbar .callout {
		width: auto;
		padding: 0;
		background: none;
	}
	.callout.free-shipping h3 a span { display: inline-block; }
	.callout .small { display: none; }
	body.index #cart, #cart {
		border-top: none;
		top: 5px;
		right: 10px;
	}
	#cart #hover-drop { background-color: transparent; }
	#slider .bx-prev { margin-left: 10px; }
	#slider .bx-next { margin-right: 10px; }
	body.index #content { width: calc(100% - 20px); padding-left: 20px; }
	body.index .productblock .deets {
		width: calc(100% - 20px);
		margin: 0 auto;
		text-align: center;
		position: relative;
		bottom: auto;
		right: auto;
	}
	body.index .productblock .deets h2, .productblock .deets h2 {
		padding: 10px 0 0;
		font-size: 1em;
	}
	body.index .productblock, body.index .grid-sizer { width: calc(33% - 18px); margin-bottom: 20px;}
	body.index .gutter-sizer { width: 20px; }
	.productblock .price {
		font-size: 0.8em;
		padding: 5px 0 0;
	}
	footer { background-position: -150px 0; }
	footer .callout {
		height: auto;
		padding-bottom: 20px;
		position: relative;
	}
	footer .newsletter {
		width: 48%;
		float: left;
	}
	footer .brand-ambassador {
		width: 48%;
		float: right;
	}
	footer .brand-ambassador .button {
		padding: 0 15px;
		display: inline-block;
	}
	#mid-footer {
		width: 100%;
		clear: both;
		padding-top: 25px;
	}
	footer .social {
		width: auto;
		margin: 0;
		text-align: center;
	}
	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 #mobile-alt { padding-top: 0; }
	
	/* product page */
	.product-images { width: 275px; }
	.product-images .thumbs li { width: 32%; }
	.product-deets { width: calc(100% - 295px); }
	#related li { width: calc(32.9% - 1px); }
	/* END product page */
	
	/* cart */
	.cartblock .cart-product { width: 130px; }
	.cartblock .cart-deets { width: calc(100% - 185px) }
	/* END cart */
}

@media only screen 
and (max-width : 650px) {
	#signup-img { width: 230px;	}
	#signup-deets { width: calc(100% - 250px); }
	#signup .logo { width: 120px; }
	#signup label { display: none; }
	#signup-copy {
		padding-bottom: 0;
		font-size: 0.85em;
	}
	#topbar .view-lookbook.callout { display: none; }
	#topbar .free-shipping.callout {
		margin-left: -30px;
		left: 0;
		right: 0;
	}
	#slider .bx-controls-direction { top: -280px; }
	#slider .deets, #slider .bx-controls {
		height: auto;
		position: relative;
	}
	#slider .deets h3 { padding: 15px 0;}
	.productblock, .grid-sizer { width: calc(50% - 20px); }
	body.index .productblock, body.index .grid-sizer { width: calc(50% - 20px); }
	#footercontent { width: 100%; }
	footer .callout {
		width: 100%;
		background: none;
	}
	footer .callout input.submit {
		display: block;
		margin: 10px auto 0;
	}
	footer .callout input.email { border-right: 1px solid #000; }
	footer .brand-ambassador {
		background-color: #eee;
		padding: 20px 0;
		margin-bottom: 20px;
	} 
	#mid-footer { padding-top: 0; }
	footer .social li {
		padding-left: 10px;
		margin-left: 0;
	}
	
	/* product page */
	.product-images { width: 100%; }
	.product-images .thumbs li { width: 32.5%; }
	.product-deets {
		width: 100%;
		padding-top: 20px;
	}
	#related { width: 100%; }
	/* END product page */
}

@media only screen 
and (max-width : 600px) {
	#signup-img { display: none; }
	#signup-deets { width: 100%; }
	/* cart */
	.cartblock ul li { display: block; }
	.cartblock .cart-product {
		width: 100%;
		margin-right: 0;
	}
	.cartblock .cart-deets {
		width: 100%; 
		padding-top: 10px;
	}
	.cartblock .cart-close { text-align: left; }
	.cartblock .quantity {
		padding-bottom: 15px;
	}
	/* END cart */
}

@media only screen 
and (max-width : 530px) {
	#related { width: 95%; }
	#related li {
		width: 100%;
		margin-bottom: 30px;
		opacity: 1;
	}
}

@media only screen 
and (max-width : 500px) {
	nav#headernav { width: 100%; }
	#slider .bx-controls-direction { top: -250px; }
	#slider .deets h3 { font-size: 2em; }
	#slider .deets p { font-size: 0.9em; }
	footer { background-position: -300px 0; }
	footer .social {
		width: 120px;
		margin: -10px auto 0;
		text-align: left;
	}
	footer .social li {
		padding-left: 20px;
		margin-left: 0;
		display: block;
	}
	footer .social li a { display: inline-block; }
	footer .social li:first-child { padding-left: 0; text-align: center; }
	footer .social li.fa:before {
		width: 20px;
		padding-left: 0;
		display: inline-block;
	}
	footer .social li a:before {
		margin-right: 0;
		content: '';
	}
	#footernav, #copyright { display: none; }
	footer .social li a { padding-top: 10px; }
	footer #mobile-alt { display: block; }
	
	/* product page */
	.product-images .thumbs li { width: 31.9%; }
	/* END product page */
	/* cart */
	#cart-summary {
		width: 100%;
		float: none;
	}
	#cart-contents {
		width: 100%;
		margin-bottom: 30px;
		float: none;
	}
	/* END cart */
}

@media only screen 
and (max-width : 450px) {
	body.index #logo, #logo { background-size: 100% auto; }
	body.index .productblock .deets h2, .productblock .deets h2, #collection-container .productblock .deets h2 { font-size: 0.9em; }
}