/*
Theme Name: 	The7 Child THIS IS THE MOST RECENT
Description: 	The7 Child Theme
Template: 		dt-the7
Version: 		1.0.0
*/

@import url('/wp-content/themes/dt-the7/style.css');

@media screen and (min-width : 970px) {
	.woocommerce-order-received .wc-wide-column {

		width: 52%!important;

	}
}
@media screen and (max-width : 969px) {
	.woocommerce-order-received .wc-wide-column {

		width: 100%!important;

	}
	.woocommerce-order-received .wc-side-column {
		width:100%!important;
	}

}



.content .woocommerce {
	padding-bottom: 30Px;
}

.top-bar .wc-ico-cart {
    font: 9px / 22px "Lato", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}

.hide-on-pages {
	display:none;
}

.woocommerce-checkout #payment div.place-order label {

	font-size:16px!important;
	text-transform:capitalize!important;


}

.woocommerce-checkout .woocommerce-checkout-review-order-table tr {
padding: 2px 0!important;
}
.woocommerce-checkout  #order_review_heading {
	display:none!important;
}
.woocommerce-checkout .vc_empty_space {
	
	height:22px!important;
}

.woocommerce-checkout p.create-account span {
	
	color:#1bb2b7;
	
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #B0E0E6 inset;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {

	    background-color: rgb(176,224,230)!important;

}

@media screen and (min-width: 650px) {
 

	.woocommerce-billing-fields__field-wrapper > p {
		box-sizing: border-box;
		width: 49%;
	}
	.woocommerce-billing-fields__field-wrapper > p:nth-child(odd) {
		margin-right: 1%;
		float: left;
	}
	.woocommerce-billing-fields__field-wrapper > p:nth-child(even) {
		margin-left: 1%;
		float: right;
	}

	.woocommerce-checkout #billing_address_1_field {
		padding-bottom:20px!important;
	}	


}

p.order-again {

visibility:hidden;
display:none;

}

#place_order:hover {
	
	background: #1bb2b7!important;
	color: #FFF!important;
}
@media screen and (max-width: 794.5px) {
	div.cart-collaterals {
		width:100%!important;
	}
}
@media screen and (min-width: 795px) {
	div.cart-collaterals {
		width:33%!important;
	}
}