/*
Theme Name: Custom Theme for Bowls Canada

WooCommerce styles override
*/

html .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
	float : none;
	font-size : 15px;
	display : block;
	margin-bottom : 50px;
}
.woocommerce-ordering label {
	display : inline-block;
}
.woocommerce-ordering label {
	margin-left : 40px;
}

body.woocommerce #primary {
	font-size : 20px;
}
body.woocommerce #primary h1 {
	font-size : 30px;
}
.woocommerce ul.products li.product a img {
	border-bottom : 10px solid #b01f24;
}

.woocommerce-products-header {
	margin-bottom: 1.5em;
}

.woocommerce div.product div.images img {
	border-bottom : 14px solid #b01f24;
}

/* override woocommerce styles */

html .woocommerce ul.products li.product .button {
	margin-top : 0;
	float : right;
	line-height : 1;
}
html .woocommerce ul.products li.product .price {
	margin-bottom : 0;
	float : left;
	display : inline-block;
	font-size : 20px;
	font-weight : 600;
	color : #3c3c3b;
	padding : 4px 4px 6px 4px;
	line-height : 1;
}

main .woocommerce-notices-wrapper + .product {
	display : flex;
}
html .woocommerce #content div.product div.summary, 
html .woocommerce div.product div.summary, 
html .woocommerce-page #content div.product div.summary, 
html .woocommerce-page div.product div.summary {
	float : none;
	flex : 1;
	margin-left : 70px;
	background-color : #f2f2f2;
	padding : 80px 50px;
}
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
	width : 370px;
	float : none;
}

.entry-summary .price + h2 {
	display : none;
}

.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	color : #3c3c3b;
}

.woocommerce a.added_to_cart {
	float : right;
	clear : right;
}

/*
Cart changes
*/
html .woocommerce a.remove ,
html .woocommerce a.remove:hover {
	background-color : transparent !important;
	color : #ae2129 !important;
    display: inline;
    font-size: 30px;
    height: auto;
    width: auto;
    text-decoration: none;
    font-weight: 700;
}
html .woocommerce a.remove:focus ,
html .woocommerce a.remove:hover {
	text-decoration : underline;
}

html .woocommerce table.shop_table {
	border-radius : 0;
	border-spacing : 0;
}

html .woocommerce .shop_table img {
	width : 194px;
}

html .woocommerce .shop_table .product-price, 
html .woocommerce .shop_table .product-quantity, 
html .woocommerce .shop_table .product-subtotal, 
html .woocommerce .shop_table .product-total, 
html .woocommerce .shop_table .product-remove {
	text-align : center;
}
html .woocommerce .shop_table .product-thumbnail {
	padding-left : 0;
	padding-right : 0;
}
html .woocommerce .shop_table .product-name a {
	color : #3c3c3b !important;
	text-decoration : none;
}
html .woocommerce .shop_table a:focus, 
html .woocommerce .shop_table a:hover {
	text-decoration : underline;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table th ,
.woocommerce table.shop_table.cart th {
	font-weight : normal;
	font-size : 30px;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table td ,
.woocommerce table.shop_table.cart td {
	font-size : 30px;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table th {
	font-weight : normal;
	font-size : 20px;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table td {
	font-size : 20px;
}

html .woocommerce .shop_table .totals-row {
	background-color : #ae2129;
	color : #ffffff;
}
html .woocommerce .shop_table .totals-row th {
	text-align : right;
	border-right : none !important;
	font-size : 30px;
	font-weight : 700;
}	
html .woocommerce .shop_table .totals-row td {
	text-align : center;
	font-size : 30px;
	font-weight : 700;
}

.cart tr.totals-row.subtotal + tr.totals-row.total {
	display : none !important;
}
html .wc-proceed-to-checkout {
	text-align : right;
}
html .wc-proceed-to-checkout a {
	font-size : 30px !important;
	font-weight : 700;
}
.woocommerce .woocommerce-checkout .col2-set .col-1,
.woocommerce .woocommerce-checkout .col2-set .col-2 {
    width: 100% !important;
}

.woocommerce .woocommerce-checkout .col2-set .col-1 {
    margin-bottom: 30px;
}
.form-wrapper {
	max-width : 1360px;
}
.form-wrapper ,
.woocommerce-billing-fields {
	padding : 30px 40px;
	background-color : #f2f2f2;
}

.styled-form ,
.woocommerce-billing-fields__field-wrapper {
	display : flex;
	flex-wrap : wrap;
	padding : 0 0 !important;
}
.styled-form p.form-row ,
.woocommerce-billing-fields__field-wrapper p.form-row {
	flex-grow : 0;
	width : 33%;
	margin-bottom : 1em;
}
.styled-form p.form-row.double-wide ,
.woocommerce-billing-fields__field-wrapper p.form-row.double-wide {
	width : 66.666%
}
.styled-form p.form-row > .input-wrapper ,
.woocommerce-billing-fields__field-wrapper p.form-row > .woocommerce-input-wrapper {
	margin-right : 10%;
	display : block;
}
.styled-form p.form-row.double-wide > .input-wrapper ,
.woocommerce-billing-fields__field-wrapper p.form-row.double-wide > .woocommerce-input-wrapper {
	margin-right : 5%;
}

@media screen and ( max-width : 1920px ){
	html .woocommerce #content div.product div.summary, 
	html .woocommerce div.product div.summary, 
	html .woocommerce-page #content div.product div.summary, 
	html .woocommerce-page div.product div.summary {
		margin-left : 3.646vw;
		padding : 4.167vw 2.604vw;
	}
	.woocommerce #content div.product div.images, 
	.woocommerce div.product div.images, 
	.woocommerce-page #content div.product div.images, 
	.woocommerce-page div.product div.images {
		width : 19.271vw;
		min-width : 250px;
	}

	.woocommerce-ordering label {
		margin-left: 2.083vw;
	}	
}

@media screen and ( max-width : 1024px ){
	.styled-form p.form-row ,
	.woocommerce-billing-fields__field-wrapper p.form-row {
		width : 50%;
	}
	.styled-form p.form-row.double-wide ,
	.woocommerce-billing-fields__field-wrapper p.form-row.double-wide {
		width : 100%;
	}
	.woocommerce-ordering strong {
		display : block;
		margin-bottom : 20px;
	}		
	.woocommerce-ordering strong+label {
		margin-left : 0;
	}
}
@media screen and ( max-width : 900px ){
	.woocommerce-ordering label {
		display : block;
		margin-left : 0;
	}		
	.woocommerce-ordering label+label {
		margin-top : 20px;
	}
}
@media screen and ( max-width : 800px ){
	main .woocommerce-notices-wrapper + .product {
		display : block;
		margin-left : -20px;
		margin-right : -20px;
	}
	html .woocommerce #content div.product div.summary, 
	html .woocommerce div.product div.summary, 
	html .woocommerce-page #content div.product div.summary, 
	html .woocommerce-page div.product div.summary {
		margin-left : 0px;
		padding : 80px 50px;
		flex : 0;
	}
	.woocommerce #content div.product div.images, 
	.woocommerce div.product div.images, 
	.woocommerce-page #content div.product div.images, 
	.woocommerce-page div.product div.images {
		max-width : 410px;
		width : 100%;
		margin-left : auto;
		margin-right : auto;
		padding : 0 20px;
	}
	
}
@media screen and ( max-width : 768px ){
	.styled-form p.form-row ,
	.styled-form p.form-row.double-wide ,
	.woocommerce-billing-fields__field-wrapper p.form-row ,
	.woocommerce-billing-fields__field-wrapper p.form-row.double-wide {
		width : 100%;
	}
	.styled-form p.form-row > .woocommerce-input-wrapper ,
	.styled-form p.form-row.double-wide > .woocommerce-input-wrapper ,
	.woocommerce-billing-fields__field-wrapper p.form-row > .woocommerce-input-wrapper ,
	.woocommerce-billing-fields__field-wrapper p.form-row.double-wide > .woocommerce-input-wrapper {
		margin-right : 0;
	}
	ul.products li.product {
		width : 100% !important;
		max-width : 370px;
		clear : both !important;
		float : left !important;
	}
}

