/*
Theme Name:     CYTC 2016
Theme URI:      
Description:    Child of the Divi theme created for CYTC
Author:         Lee Bartholomew
Author URI:     http://pixolomew.com/
Template:       Divi
Version:        0.1.0
*/

p { max-width: 720px; }
.page-description a { font-weight: bold; text-decoration: underline; }



/** remove vertical margins from 'add to cart' buttons on product page **/
/* .woocommerce-page div.product form.cart,
.woocommerce div.product form.cart
{
	margin: auto;
} */


form.cart button[type='submit']:not(#qib_id):not(#qib_id):not(_):not(_)
{
	font-size: 21px;
	height: 53px !important;
	line-height: 1 !important;
	min-width: 33%;
}

form.cart .qib-container + button[type='submit']:not(#qib_id):not(#qib_id), form.cart .qib-container + div:not(#qib_id):not(#qib_id):not(_)
{
	margin-left: 0em !important;
}

.qib-container:not(#qib_id):not(#qib_id)
{
	margin-bottom: 1em;
}


.woocommerce #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce .quantity input.qty,
.qib-container .quantity input.qty:not(#qib_id):not(#qib_id)
{
	color: #070912 !important;
}


#tab-woocommerce_events h2
{
	display: none;
}

.related.products .woocommerce-loop-product__title
{
	font-size: 1em !important;
}



.keyboard-outline { outline: #f4c708 5px solid !important; }

@media (max-width: 980px) and (min-width: 768px)
{
	.woocommerce-page ul.products li.product:nth-child(3n+1)
	{
		clear: both !important;
	}
}



/* pricing table */

.variationwrapper
{
	border-bottom: 1px solid #cc2936;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 6%;
	padding: 3% 0;
	width: 100%;
}

.variations-grid
{
	width: 100%;
}

/* .variations-grid div
{
	border-bottom: 1px solid #cc2936;
	display: block;
	padding: 3.62% 0;
}

.variations-grid div
{	
	display: block;
	padding: 2.62% 0;
	vertical-align: top;
} */

.variations-grid .hat
{
	width: 62%;
}

.variations-grid .coat
{
	align-items: center;
	display: flex;
	font-weight: bold;
	justify-content: flex-end;
	text-align: right;
	width: 38%;
}

.variations-grid .shoes
{
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 5%;
	width: 100%;
}

.variations-grid .meta
{
	font-size: 	smaller;
	line-height: 1.4;
}



@media screen and (min-width: 600px)
{
	.variationwrapper
	{
		margin-bottom: 3%;
		padding: 2% 0;
	}
	.variations-grid .hat
	{
		width: 33%;
	}
	
	.variations-grid .coat
	{
		text-align: center;
		width: 14%;
	}
	.variations-grid .shoes
	{
		margin-top: 0;
		padding-left: 3%;
		width: 53%;
	}
}

/* change checkout page layout */
@media (min-width: 1000px){
	#customer_details{
		width: 53%;
		float: left;
	}
	#order_review_heading{
		width: 40%;
		float: left;
	}
	#order_review{
		width: 47%;
		float: left;
		padding-right: 0;
	}
	.woocommerce table.shop_table td{
		max-width: 50%;
	}
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
		width: 100%;
	}
	.woocommerce .woocommerce-billing-fields
	{
		margin-right: 6%;
	}
	#content-area table th.product-name
	{
		width: 73%;
	}
}

.orderby, .woocommerce div.product form.cart .variations td select
{
	border: 3px solid #041d2b;
}

.orderby, .woocommerce div.product form.cart .variations td select,
p.woocommerce-result-count
{
	color: #041d2b !important;
	font-size: 16px;
	font-weight: 600;
	height: 37px;
}


.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input
{
	border: 3px solid #ddd;
	border-radius: 7px;
}


.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit
{
	border-radius: 0 7px 7px 0;
	font-size: 15px;
	font-weight: 600;
	text-transform: none;
}


/* variations display */
.woocommerce div.product form.cart .variations select
{
	color: #041d2b;
	font-size: 23px;
	font-weight: 600;
}

input.text, input.title,
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea
{
	border: 3px solid #041d2b;
	border-radius: 7px;
	height: 47px;
	margin: 1% 0;
}

.woocommerce div.product form.cart .woocommerce-variation-description p
{
	margin-bottom: 0.3em;
}

.woocommerce-variation.single_variation
{
	margin-bottom: 1em;
}

.woocommerce-variation-description p
{
	font-size: 23px;
}

.woocommerce-variation-price .price
{
	font-size: 33px;
}

.woocommerce div.product form.cart .variations .reset_variations
{
	display: block;
}


@media all and (max-width: 479px)
{
	.woocommerce div.product form.cart .variations select,
	.woocommerce-variation-description p
	{
		font-size: 18px;
	}
	
	.woocommerce-variation-price .price
	{
		font-size: 29px;
	}
}



@media only screen and (max-width: 981px)
{
    .desktop-menu-item { display: none; }
}

@media only screen and (min-width: 981px) {
    .mobile-menu-item { display: none !important; }
}


// Quantity selectors

input[type='number'] {
	-moz-appearance: textfield !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-moz-appearance: textfield !important;
	-webkit-appearance: none;
	margin: 0;
}

input[type='number'] {
	-moz-appearance: textfield !important;
}

.woocommerce div.product form.cart,
.woocommerce .woocommerce-variation-add-to-cart
{
	display: flex;
	flex-wrap: wrap;
}

.woocommerce div.product form.cart div.quantity
{
	height: 53px;
	margin: 0 7px 11px !important;
}

.woocommerce div.product form.cart .input-text
{
	height: 53px;
	width: 53px;
}

.woocommerce .qtyButton:hover,
.woocommerce .qtyButton:focus
{
	background: #1e3c4d;
	border-color: #1e3c4d;
}

.woocommerce .qtyButton
{
	background: #445d6b;
	border: 3px solid #445d6b;
	border-radius: 7px;
	color: #f2f4f5;
	cursor: pointer;
	font-size: 27px;
	font-weight: 600;
	height: 53px;
	width: 53px;
}

.woocommerce .qtyButton.plus
{
	margin-right: 11px;
}


.woocommerce div.product .efw-fee-notice
{
	margin-bottom: 33px;
	width: 100%;
}


.woocommerce .tokynva-table table.shop_table_responsive tr td, .woocommerce-page .tokynva-table table.shop_table_responsive tr td
{
	text-align: left !important;
	
}

@media only screen and (max-width: 350px)
{
	#top-header { display: none !important; }
}

@media only screen and (max-width: 768px)
{
	.woocommerce .tokynva-table table.shop_table_responsive tr td, .woocommerce-page .tokynva-table table.shop_table_responsive tr td::before
	{
		content: "";
		font-weight: 0 !important;
	}
	table.cart tr, #main-content table.cart tr, #content-area table tr
	{
		display: inline-grid;
		width: 100%;
	}

}