@CHARSET "UTF-8";

.categoriesHeading {
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: equip_slabbold, sans-serif;
	font-size: 20px;
	font-weight: 500;
}

.categoriesContainer {
	padding: 25px;
	background: #f1f1ee;
	font-weight: bold;
	font-size: 16pt;
}

/* Collection Template Styling */
.collectionName {
	background-color: rgb(252, 108, 64);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: rgb(255, 255, 255);
	display: inline-block;
	font-family: equip_slabbold, sans-serif;
	font-size: 22px;
	font-weight: 500;
	height: 46px;
	line-height: 26px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: left;
	vertical-align: middle;
}

.collection {
	border-bottom-color: rgb(235, 235, 235);
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.collectionListContainer div {
	font-weight: 300;
	list-style-type: none;
	text-align: left;
	-webkit-padding-start: 0px;
	font-family: proxima_novaregular;
	font-size: 15px;
	height: auto;
	line-height: 22px;
}

.collectionListContainer div span:hover {
	background: #fc6c40;
	color: white;
	padding: 2px 5px !important;
	border-radius: 5px;
	cursor: pointer;
}

.selectedListItem span{
	background: #fc6c40;
	color: white;
	padding: 2px 5px !important;
	border-radius: 5px;
}


/* modal styling */
.modal-body .productName {
	height: 30px;
	margin-bottom: 0px;
}

/* Product Template Styling */
.productContainer {
	padding: 20px 0px 30px 20px;
}

.productContainer select {
	width: 100%;
	background: url(../images/select-down.png) 100% 45% no-repeat #eee !important;
}

.productName {
	font-family: OswaldBold;
	font-size: 20px;
	font-weight: 500;
	margin-top: 20px;
	height: 60px;
	cursor: pointer;
}

.productName:hover {
	text-decoration: underline;
}

.productDescription {
	font-size: 8pt;	
}

.productPrice {
	font-family: proxima_nova_rgbold;
	font-size: 20px;
	color: rgb(252, 108, 64);
}

.productImage {
	width: 95%;
	cursor: pointer;
}

.productImageCarousel {
	height: 250px;
	width: 250px;
}

.productAlternativeImageContainer {
	padding: 10px 0px 0px 0px;
}

.productAlternativeImage {
	height: 60px;
	padding: 0px 5px 0px 5px;
}

.addProductToCartButton{
	margin-top: 10px;
}

.addProductToCartButton.disabled, .addProductToCartButton.disabled:hover{
	background-color: rgb(252, 108, 64);
	border-color: rgb(252, 108, 64);
	color: rgb(255, 255, 255); 
}

#productSpotlightModal {
	z-index: 123001;
}

/* Cart Styling */
#cartContainer {
	position: fixed;
	top: 0;
	right: -100%;
	height: 100%;
	width: 33%;
	min-width: 350px;
	/* header height */
	padding-top: 50px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: right 0.5s;
	z-index: 123000;
	box-shadow: -5px 0 5px rgba(0, 0, 0, .1);
	background-color: rgb(238, 238, 238)
	/* background-color: #F2F2ED */;
}

#cartCloseButton {
	position: absolute;
	right: 9px;
	top: 0px;
	font-size: 35px;
	color: #000000;
	border: none;
	background-color: transparent;
	cursor: pointer;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-right: 9px;
	z-index: 123001;
}

.cartHeading {
	position: absolute;
	left: 9px;
	top: 8px;
	padding-top: 8px;
	font-weight: bold;
	
	font-family: "equip_slabextrabold", sans-serif;
	font-size: 26px;
	color: rgb(252, 108, 64);
	text-transform: uppercase;
}

.totalHeading {
	font-weight: bold;
	font-size: 16pt;
}

.cartScroll {
	padding: 70px 0 135px 0;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}

.cartLineItems {
	overflow: hidden;
	overflow-y: auto;
	height: 100%;
	position: relative;
	padding: 0 20px 20px;
	-webkit-overflow-scrolling: touch;
	-webkit-perspective: 400px;
	perspective: 400px;
	-webkit-perspective-origin: 50% 0px;
	perspective-origin: 50% 0px;
}

.cartLineItem {
	min-height: 65px;
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
}

.cartLineItemImage {
	width: 65px;
	height: 65px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	position: absolute;
	left: 0;
	top: 0;
}

.cartLineItemVariantTitle {
	float: right;
	color: #4c4c4c;
	font-size: 11px;
	font-weight: bold;
	max-width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cartLineItemTitle {
	font-size: 14px;
	margin-left: 80px;
	display: block;
	margin-bottom: 10px;
}

.cartLineItemPrice {
	float: right;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
}

.cartLineItemQuantityDecrement {
	color: #4c4c4c;
	display: block;
	height: 30px;
	float: left;
	line-height: 16px;
	font-family: monospace;
	width: 26px;
	padding: 0;
	border: none;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
	font-size: 18px;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: 1px solid #767676;
	position: relative;
	border-radius: 3px 0 0 3px;
}

.cartLineItemQty {
	color: black;
	width: 45px;
	height: 30px;
	font-size: 16px;
	border: none;
	text-align: center;
	-moz-appearance: textfield;
	-webkit-appearance: none;
	display: inline-block;
	padding: 0;
	border-radius: 0;
	border-top: 1px solid #767676;
	border-bottom: 1px solid #767676;
}

.cartLineItemQuantityIncrement {
	color: #4c4c4c;
	display: block;
	height: 30px;
	float: left;
	line-height: 16px;
	font-family: monospace;
	width: 26px;
	padding: 0;
	border: none;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
	font-size: 18px;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: 1px solid #767676;
	position: relative;
	border-radius: 0 3px 3px 0;
}

.cartLineItemQtyText {
	font-weight: bold;
}

.cartFooter {
	background-color: #ffffff;
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 20px;
}

.cartSubtotalText {
	text-transform: uppercase;
	float: left;
	font-size: 11px;
	color: #4c4c4c;
}

.cartSubtotalPrice {
	float: right;
}

.cartNotice {
	font-size: 11px;
	clear: both;
	padding-top: 10px;
	text-align: center;
	color: #4c4c4c;
}

.cartCheckoutButton {
	clear: both;
	margin-top: 15px;
	width: 100%;
	padding: 10px 5px;
	font-size: 16px;
}

.cartShopifyBuyButton {
	color: #fff;
	font-size: 15px;
	background-color: #78b657;
	padding: 12px 40px;
	letter-spacing: .3px;
	display: block;
	border-radius: 3px;
	cursor: pointer;
	-webkit-transition: background 200ms ease;
	transition: background 200ms ease;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.2;
	border: 0;
	-moz-appearance: none;
	-webkit-appearance: none
}

.cartToggleButton {
	position: fixed;
	right: 0;
	top: calc(50% - 30px);
	background-color: rgb(252, 108, 64);
	color: #000000;
	border-radius: 3px 0 0 3px;;
	padding: 8px 10px;
	text-align: center;
	display: inline-block;
	min-width: 46px;
	margin-right: 0;
	cursor: pointer;
	-webkit-transition: background 200ms ease;
	transition: background 200ms ease
}

#clearCartButton {
	font-size: 10pt;
	background-color: rgb(252, 108, 64);
}

#checkoutButton {
	font-size: 14pt;
	font-weight: bold;
	background-color: rgb(252, 108, 64);
}

#cartCheckoutButtonContainer {
	padding-bottom: 10px;
}

/* Shopify Cart toggle button styling */

.shopify-buy__cart-toggle__count {
	font-size: 18px;
	margin-bottom: 10px;
}

.shopify-buy__icon-cart--side {
	height: 20px;
	width: 20px;
}

.shopify-buy__icon-cart__group {
	fill: #000000;
}

/* Misc styling */

.noLeftPadding {
	padding-left: 0px;
}

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

	.node-type-store-page .modal {
		margin-top: 70px;
	}

	.node-type-store-page .productName {
		font-size: 15px;
	}

	.node-type-store-page .productDescription {
   		 margin-bottom: 10px;
	}

	.node-type-store-page #cartContainer {
		    top: 60px;
		    width: 100%;
		    height: 	80%;
	}

	.node-type-store-page #checkoutButton, .node-type-store-page #clearCartButton {
			font-size: 20px;
			font-weight: bold;
			background-color: rgb(252, 108, 64);
			float: right;
			padding: 5px 15px;
	}

	#cartCheckoutButtonContainer {
		float: left;
	}

}