/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.vision64.de/
 Description:    Divi Child Theme from Vision64
 Author:         Vision64
 Author URI:     https://www.vision64.de/
 Template:       Divi
 Version:        1.0.0
*/	

/*** ------------------------------------------------------------
	Woocommerce 										
-------------------------------------------------------------***/	
	/*Menu Cart Line Elements to rest of menu Li Items*/
	.wpmenucart-icon-shopping-cart-0:before,
	.wpmenucart-icon-shopping-cart-1:before,
	.wpmenucart-icon-shopping-cart-2:before {
		line-height: inherit;
	}

/* ==============================================================================================
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> WOOCOMMERCE  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
============================================================================================== */
.container {
	width: 96%;
}

/*** ------------------------------------------------------------
	 Shop Pages						     
-------------------------------------------------------------***/
#v64-module-shop .product p.wc-gzd-additional-info {
    display: none;
}

/*** ------------------------------------------------------------
	 Theme Builder Product Pages							     
-------------------------------------------------------------***/
body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
    padding-top: 0px;
}


	/* ====================================
		H Titles - Product page specific
	======================================= */
	
	.product-template-default h2 {
		font-size: 28px!important;
	}

	@media all and (min-width: 981px) and (max-width: 1114px) { 
	
		.product-template-default h2 {
			font-size: 24px!important;
		}
	}

	@media all and (min-width: 768px) and (max-width: 980px) {

		.product-template-default h2 {
				font-size: 22px !important;
		}
	}

	@media all and (max-width: 767px) {
			
		.product-template-default h2 {
				font-size: 19px !important;
		}
	}
	
	strong.v64-delivery-title-versand {
		margin-right: 15px;
	}
	
		strong.v64-delivery-title-lieferzeit {
		margin-right: 9px;
	}
	
	
	/* ====================================
		Add to cart Area
	======================================= */
	/* Add to Cart Button*/
	#v64-mod-product-add-to-cart .single_add_to_cart_button {
		width: calc(100% - 100px);
		float: right;
	}
	
	/* Drop Down Box Variation */
	 #v64-mod-product-add-to-cart select  {
		padding: 11px 50px 11px 10px!important;
		border-radius: 3px!important;
		font-size: 13px;
		height: 42px;
		background-color: white!important;
		border: 1px solid!important;
		border-color: #ddd!important;
		cursor: pointer;
		background: linear-gradient(45deg, transparent 50%, white 50%),
		linear-gradient(135deg, white 50%, transparent 50%),
		linear-gradient(to right, #d9d9d9, #d9d9d9);
		background-position:
		calc(100% - 21px) calc(1em + 4px),
		calc(100% - 16px) calc(1em + 4px),
		100% 0;
		background-size:
		5px 5px,
		5px 5px,
		3.5em 3.5em;
		background-repeat: no-repeat;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		color: black;
	}
	
	/* Quantity button*/
	#v64-mod-product-add-to-cart  form.cart div.quantity  { 
		float: left!important; 
		margin: 0px 10px 0 0 !important;
	}
	
	#v64-mod-product-add-to-cart select  {
		min-width: 90px;
	}
	
	.woocommerce div.product .stock {
		color: #0c6590;
		font-weight: 700;
		margin-bottom: 10px;
		font-size: 1.1em!important;
	}
	
	.et_pb_wc_add_to_cart form.cart .variations td.value span:after {
    display: none;
}

/*** ------------------------------------------------------------
	Woo Commerce - Cart Page
-------------------------------------------------------------***/
	@media all and (min-width: 981px) {
		.woocommerce-cart table.cart td.product-thumbnail {
			display: flex;
			justify-content: flex-end;
			flex-direction: row;
		}
	}

	@media all and (max-width: 981px) {
		.woocommerce-page .quantity,
		.woocommerce a.remove {
				margin-left: auto;
			}
		
		.product-thumbnail:before,
		.product-remove:before	{
			display: none;
		}
	}
	
	.et_pb_wc_cart_products table.cart img {
		width: auto;
	}

	@media all and (max-width: 767px) {
		.woocommerce .quantity input.qty {
			width: 4.3em!important;
		}
	}
	
	th.product-thumbnail {
		width: 5%;
	}
	
	th.product-name {
		width: 40%;
	}
	
	
	.actions {
		Padding: 0px!important;
		border-top-style: unset!important;
	} 

/*** ------------------------------------------------------------
			Checkout											
-------------------------------------------------------------***/
	
	/* === General Layout === */
	
	
   	.woocommerce-billing-fields h3, 
	h3#order_payment_heading {
		text-align: left;
		margin-bottom: 15px;
	}
	
	.woocommerce-mailchimp-opt-in {
		display: none;
	}
	
	/* === Kostenpflichtig Bestellen button === */	
	
	.wc-gzd-order-submit .button.alt {
		background-color: #d60000!important;
		font-size: 19px!important;
		color: white!important;
		border-width: 0px!important;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.wc-gzd-order-submit .button.alt:after {
		content: ""!important;
	}
	
	.wc-gzd-order-submit .button.alt:hover {
		padding: 0.3em 1em!important;
		letter-spacing: 0px!important;
		border-radius: 3px!important;
		
	}	
	
	/* === Newsletter field === */
	.v64-woocommerce-form__label {
		display: inline-block;
		margin-right: 160px;
		font-size: 15px;
		line-height: 30px;
		font-weight: 400;
		color: #595959;
		padding-top: 10px;
	}
	
	.woocommerce form .form-row .input-checkbox {
		margin: -2px 3px 0 1px;
	}
	
	/* === Billing Area === */
	.v64-billing-fields-land {
		padding-bottom: 10px!important;
	}
	
	.woocommerce form .form-row select {
		padding: 6px;
	}
	
	.v64-billing-fields input.input-text {
		padding: 6px 10px!important;
	}
	
	.v64-billing-fields .select2-selection--single {
		height: 32px!important;
	}
	
	.v64-billing-fields .select2-selection__rendered {
		    line-height: 32px!important;
	}
	
	.v64-billing-fields .select2-selection__arrow {
		height: 32px!important;
	}
		
	.checkout-inline-error-message {
		font-size: 14px;
		color: red;
	}
	
	
	/* === Legal Area === */
	.woocommerce-gzd-legal-checkbox-text a {
		color: #18ACE5;
		text-decoration: underline;
	}
	
	
	/* === Ship to different address === */
	#ship-to-different-address {
		font-size: 15px!important;
		line-height: 30px;
		font-weight: 400;
	}
	
	/* === Notice Areas === */
	
	.woocommerce-error a {
		color: white;
	}

	.woocommerce-form-coupon-toggle {
		display: none;
	}
	
	
	/* === Ihre Warenkorb === */
	.woocommerce-checkout .shop_table {
		background-color: #ffffff;
	}
	
	.woocommerce-checkout table.cart td.actions .coupon .input-text {
		height: 40px;
		background-color: #fff !important;
		border: 1px solid #0000002b!important;
		color: black!important;
		width: 150px;
		margin-right: 10px;
		padding: 6px 12px;
	}
	
	.woocommerce-checkout table.cart img {
		width: 150px;
	}
	
	.woocommerce-account-fields .form-row {
		margin: 0 0 0px!important;
		padding-left: 4px!important;
	}
	
	.woocommerce-account-fields .form-row .input-checkbox {
		margin: -2px 3px 0 0!important;
	}
	
	/* === Paypal Confirmation screen === */
	.woocommerce form .form-row .optional {
		visibility: hidden;
	}
	
	.woocommerce-checkout h3 {
		text-align: left;
		margin-bottom: 15px;
		    font-size: 25px;
    font-weight: 600;
	}
	
	#order_review .wc-gzd-checkbox-placeholder p.form-row {
		padding: 0 1em 0 1em!important;
}
	
	/*cancel button*/
	.wc-gateway-ppec-cancel {
		position: relative;
		padding: 0.3em 1em;
		font-size: 19px!important;
		border: 2px solid;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 4px;
		background: #868686;
		color: white;
		font-size: 20px;
		font-weight: 500;
		line-height: 1.7em !important;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
		margin: 0;
		width: 100%;
		text-decoration: none;
		overflow: visible;
	    left: auto;
		display: inline-block;
		text-align: center;
	}
	

	
	/* === Thank You Page === */
	.woocommerce-order {
		display: none;
	}


/* === Reduce the space between tick box and payment method to
prevent the credit card icons to split into two === */
.woocommerce-checkout #payment ul.payment_methods li input {
    margin: 0 0.5em 0 0;
}

/*Reduce the space between stripe input boxes */

.woocommerce-checkout #payment div.payment_box .form-row {
    margin: 0 0 0em;
}

.woocommerce-checkout #payment div.form-row {
    padding: 0.3em;
}

.woocommerce .woocommerce-error {
	    margin-bottom: 0px;
		background: #D60000 !important;
    color: white !important;
	font-size: 16px;
}

.woocommerce-NoticeGroup-checkout {
	border-top: solid white 25px;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: none;
	display: block;
    margin: 15px auto;
}

.checkout #payment {
	border: 1px solid #dddddd;
}

#billing_customer_note {
	border: 1px solid #dddddd;
}