/* 
    Created on : 07.03.2020, 16:28:13
    Author     : Dreampainter.de

    Custom Modification for Woocommerce Checkout Wizard.
*/

/*
 * ------------------------------------------
 * - Common Styles                          -
 * ------------------------------------------
 */
 
 	/* --------- FONTS ---------*/
    .wizard>.content>.body input[type="text"],
    .wizard>.content>.body input[type="number"], 
    .wizard>.content>.body input[type="email"], 
    .wizard>.content>.body input[type="tel"], 
    .wizard>.content>.body input[type="url"], 
    .wizard>.content>.body input[type="password"], 
    .wizard>.content>.body input[type="search"], 
    .wizard>.content>.body textarea,
	
	 #wizard #order_review .product-name .wmc-product-desc dd {
        font-family: DIN-next-reg
    }
	
	#wizard .wc_payment_methods input,
	#wizard .wc_payment_methods select, 
	.payoneSelect {
		 font-family: DIN-next-reg  !important;
	}
	
	 #wizard .content .title,
	 .cart-discount td {
        font-family: DINPro-condbold;
    }
	
	.wizard button,
	#shipping_wooccm9_field label,
	#wizard .wc_payment_method label,
	#wizard #order_review .product-name .wmc-product-desc,
	.checkout .woocommerce form input[type=submit], 
	.checkout form.login .button { 
        text-transform: uppercase !important;
        font-family: DINPro-condbold !important;
    }
	
	#wizard .content .title {
        text-transform: uppercase;
    }
	
	
	/* --------- FONT-SIZE ---------*/
	 #wizard #order_review .product-name .wmc-product-desc,
	 .cart-discount td  { 
        font-size: 25px;
    }
	.checkout h3#ship-to-different-address {
        font-size: 22px;
    }
	#wizard #order_review .product-name .wmc-product-desc .variation dt {
        font-size: 20px;
    }
	#shipping_wooccm9_field label,
	#wizard .wc_payment_method label {
        font-size: 18px;
    }
	 #wizard #order_review .product-name .wmc-product-desc dd {
        font-size: 16px !important;
    }
	#wizard .includes_tax, 
	#wizard .includes_tax .amount,
	#wizard #order_review .product-name .wmc-product-desc .cart-cat { 
       font-size: 14px !important; 
    }
	
	.cart-collaterals .cart_totals small.includes_tax .woocommerce-Price-amount,
	#wizard .includes_tax, 
	#wizard .includes_tax .amount {display: inline-block !important; }
	
	
	/* --------- COLOR ---------*/
	.wizard>.content>.body input[type="text"],
    .wizard>.content>.body input[type="number"], 
    .wizard>.content>.body input[type="email"], 
    .wizard>.content>.body input[type="tel"], 
    .wizard>.content>.body input[type="url"], 
    .wizard>.content>.body input[type="password"], 
    .wizard>.content>.body input[type="search"], 
    .wizard>.content>.body textarea,
	
	.wizard>.steps li a,
	 #wizard #order_review .product-name .wmc-product-desc dd,
	 #wizard .wc_payment_methods input,
	 #wizard .wc_payment_methods select, 
	.payoneSelect,
	 #wizard #payment .payment_methods li input[type="radio"]:first-child:checked + label::before {
        color: #000 !important;
    }
	
	.wizard .actions ul li:first-child a {
        color: #a8a8a8 !important;
    }
	#wizard #order_review .product-name .wmc-product-desc .variation dt,
	.cart-discount td {
        color: #888;
    }
	
	
    /* ------------------------------------------  
    FORM GENERAL
	------------------------------------------  */
    form.checkout { margin: 0px auto !important; }
    button[name='update_cart'] {display: none !important;}

    /* Buttons */
    .checkout #customer_login .form-row input.button, 
    .wizard .actions a,
    .wizard button,
	.checkout form.login .button {
        background: url(../../picts/_but/but-style2.png) bottom center no-repeat !important;
        background-size: 100% 100% !important;
        min-width: 214px !important;
        line-height: 1.8em !important;
        color: #fff !important;
        word-spacing: 3px !important;
        text-align: center !important;
        font-weight: normal !important;
        border: 0px !important;
        padding: 8px 25px !important;
    }
	.wizard button {height: 53px;}
	
	/* CHECKOUT first LOGIN */
	.checkout .woocommerce-form-login-toggle { display: none; }
	.checkout .woocommerce-form-login-toggle .woocommerce-info {top: 0px;}
	
	.checkout .woocommerce-info {
	   background-color: #232323;
	   padding: 10px 10px 15px;
	}
	.checkout .woocommerce-info:before {top: .85em;}
	.checkout .woocommerce-info a.showlogin { text-decoration: underline !important;}
	.checkout .woocommerce-form-login .lost_password { margin-top: -20px; }
	.checkout .woocommerce-form-login p a {  text-decoration: underline !important; }
	.checkout .woocommerce-form-login input.button {  margin: auto !important; }
	.checkout .woocommerce-form-login .woocommerce-form__label {
		padding-bottom: 10px; 
		text-align: center !important;
	}

	.checkout .woocommerce-form-login {
		margin: 0px auto 70px;
		max-width: 800px;
	}
	
	
	.checkout .first-login h3 { margin: 0 auto 20px;}
	.checkout .first-login a { text-decoration: underline !important;}
	.checkout .first-login a:hover { opacity: .6;}
	
	/*DE / EN*/
	.checkout .first-login { display: none; }
	html:lang(de-DE) .checkout .first-login.de,
	html:lang(en-US) .checkout .first-login.en { display: block; }
	
	@media only screen and (max-width: 850px) { 
	  .checkout .woocommerce-form-login { margin: 0px auto 50px;}
	  .checkout .woocommerce-form-login p br { display: none; }
	  
	}
	
    
	/*action*/
    .wizard > .actions > ul {
        display: inline-block;
        text-align: center;
        min-height: 100px;
    }
   .wizard > .actions > ul > li { float: none; }
    
    .wizard .actions a,
    .wizard button {
        background: url(../../picts/_but/but-style1.png) bottom center no-repeat !important;
    }
    
    .wizard .actions ul li:first-child a {
        position: absolute;
        top: 60px;
        background: none !important;
        padding: .5em 1em !important;
        width: 100%;
    }
	
	/* actions container */
    .wizard .actions { text-align: center; }
    
    /* Input fields */
    .wizard>.content>.body input[type="text"],
    .wizard>.content>.body input[type="number"], 
    .wizard>.content>.body input[type="email"], 
    .wizard>.content>.body input[type="tel"], 
    .wizard>.content>.body input[type="url"], 
    .wizard>.content>.body input[type="password"], 
    .wizard>.content>.body input[type="search"], 
    .wizard>.content>.body textarea {
        background: #fff;
        border: 1px solid #ccc;
        box-shadow: none;
        text-shadow: none;
        padding: 8px 16px;
        vertical-align: middle;
    }

    /* ------------------------------------------  
    STEPS
	------------------------------------------  */
    .wizard>.steps { margin-bottom: 70px}
    .wizard>.steps li a { margin-bottom: 40px !important; }
	
    .wizard>.steps li a:before { 
        border: 0px; 
        content: "";
        top: 51px;
        width: 30px;
        height: 30px;
        background: url(../../picts/_checkout/step-open.png) bottom center no-repeat;
        background-size: contain;
        margin: auto;
    }
    .wizard>.steps li.current a:before { 
        border: 0px; 
        content: "";
        top: 51px;
        width: 30px;
        height: 30px;
        background: url(../../picts/_checkout/step-current.png) bottom center no-repeat;
        background-size: contain;
        margin: auto;
        z-index: 3;
    }
    .wizard>.steps li.done a:before { 
        border: 0px; 
        content: "";
        top: 51px;
        width: 30px;
        height: 30px;
        background: url(../../picts/_checkout/step-done.png) bottom center no-repeat;
        background-size: contain;
        margin: auto;
    }
    
    .wizard>.steps:before { 
        display: block;
        content: "";
        border-bottom: 0px solid #000;
        height: 10px;
        width: 100%;
        background: url(../../picts/_checkout/step-border.png) bottom center no-repeat;
        background-size: contain;
        position: absolute;
        top: 61px;
        left: 0;
        right: 0;
        z-index: 1;
    }
    
	/* ------------------------------------------  
    LOGIN
	------------------------------------------  */
	/* Remove Header and Breadcrumb-navigation */
	body.page-template-template-checkout.page-id-6 .small-header > h3, 
	body.page-template-template-checkout.page-id-6 .steps,
	body.page-template-template-checkout.page-id-26181 .small-header > h3, 
	body.page-template-template-checkout.page-id-26181 .steps { display: none;}
	#wizard .register {margin: 0px;}
    
	
	/* ------------------------------------------  
    COUPON
	------------------------------------------  */    
	/*COUPON FORM (jQuery 1340) */
	.wizard .coupon-step.current .checkout_coupon.click-submit { display: none !important; }
	.woocommerce-remove-coupon { display: none;}
	
	 /* tfoot */
	#wizard .checkout_coupon {
		border: 0px;
		background: #eee;
		margin: 0px auto 30px;
		padding: 34px 34px 10px;
	}
	
	#wizard .cart-discount th { line-height: 1em;}
	#wizard tfoot .cart-discount td {
		font-weight: normal; 
		padding-right: 1em;
	}
	
	.wizard .actions.last-step {
		text-align: right;
		margin-left: -110px;
		margin-top: -50px;
	}
	.wizard .actions a {
		min-height: 55px;
		padding: 13px 25px !important;
	}
	
	/* error message (jQuery 1335)*/
	 #wizard .coupon-step ul.woocommerce-error {top: 0px;}
	 #wizard .coupon-step ul.woocommerce-error li { list-style: none;}
	.checkout .coupon-step .woocommerce-message { 
		display: block !important;
		padding: 8px 0;
	}
	.woocommerce-message,
	.woocommerce-message .wc-forward {word-spacing: 3px; }
	
	/* ------------------------------------------  
    SHIPPING & BILLING
	------------------------------------------  */     
    .checkout h3#ship-to-different-address label {
        text-align: center;
        text-transform: none;
    }
    
    #ship-to-different-address .woocommerce-form__input-checkbox {
        position: relative !important;
        top: 7px !important;
    }
    
    #wizard .woocommerce-shipping-fields {
        clear: both;
        padding-top: 30px;
    }
    
    #wizard .billing-tab-contents select#billing_country,
    #wizard .billing-tab-contents select#shipping_country,
    #billing_country,
    #shipping_country {
        width: 47.0588235294%;
        margin-left: 0px;
        border: 1px solid #ccc;
        padding: 10px 10px;
    }
    
    #wizard #billing_country_field, 
    #wizard #shipping_country_field,
    #billing_country_field,
    #shipping_country_field {
        margin-top: 10px;
        text-align: left;
    }
    
	/* ------------------------------------------  
    FORM
	------------------------------------------  */ 
    #shipping_wooccm9_field > label,
	/*#shipping_wooccm14_field > label,*/
	#shipping_wooccm9_field span br,
	#billing_wooccm11_field span br,
	#shipping_wooccm14_field span br { display: none; }
	
	
	/*wrapper*/
	#shipping_wooccm9_field .woocommerce-radio-wrapper,
	#billing_wooccm11_field .woocommerce-radio-wrapper,
	#shipping_wooccm14_field .woocommerce-radio-wrapper { 
		display: block; 
		margin: 40px 0px; 
		background: #f5f5f5; 
	}
	
	/* headline Wähle Versandoption */
	#billing_wooccm11_field label:first-child,
	#shipping_wooccm14_field label:first-child {
		font-size: 22px;
		color: #000;
		padding: 80px 0 0 ;
		text-align: center;
		text-transform: uppercase !important;
        font-family: DINPro-condbold
	}
	
	#shipping_wooccm14_field label:first-child .required,
	#billing_wooccm11_field label:first-child .required,
	#shipping_wooccm14_field label:first-child:before,
	#billing_wooccm11_field label:first-child:before {display: none;}
	
	/*label*/
	#shipping_wooccm9_field label,
	#billing_wooccm11_field label,
	#shipping_wooccm14_field label {
        margin-bottom: 0.3em;
        padding: 20px 0px 20px 80px;
        width: 50%;
		
		padding-left: 250px;
        width: 100%;
    }
	
	#shipping_wooccm9_field label:after,
	#billing_wooccm11_field label:after,
	#shipping_wooccm14_field label:after {
        content: "";
        width: 100%;
        height: 3px;
        background-color: white;
        left: 0;
        position: absolute;
        display: block;
        margin-top: 22px;
    }
	
    #shipping_wooccm9_field label:before,
	#billing_wooccm11_field label:before,
	#shipping_wooccm14_field label:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        line-height: inherit;
        vertical-align: baseline;
        content: "\f111";
        margin-right: 0.5407911001em;
        -webkit-transition: color, ease, 0.2s;
        transition: color, ease, 0.2s;
    }
	

    /*radiobuttons*/
    #shipping_wooccm9_field input[type="radio"],
	#billing_wooccm11_field input[type="radio"],
	#shipping_wooccm14_field input[type="radio"]  {
        display: inline-block;
        width: 5%;
        margin-left: 20%;
        position: absolute;
        left: -9999px;
        z-index: -1;
    }
	#shipping_wooccm9_field input[type="radio"]:checked + label:before,
	#billing_wooccm11_field input[type="radio"]:checked + label:before,
	#shipping_wooccm14_field input[type="radio"]:checked + label:before {content: "\f192";}
	
  
	
	
    
	
    /* ------------------------------------------  
    PAYMENT & OVERVIEW
	------------------------------------------  */ 
	/*title*/
    #wizard .content .title.current { 
		position: static; 
		left: auto; 
	}
    #wizard .content #wizard-h-0.title.current { 
		position: absolute; 
		left: -999em; 
	}
	
	
	/*Grid*/
    #wizard #order_review {
        max-width: 83.33333333333334%;
        margin: 0px auto;
    }
    #wizard #order_review .product-name { width: 80%; }
	
	
	/* ------------------------------------------  
    CART ITEM
	------------------------------------------  */
	.cart_item {paddinmg-bottom: 20px;}
	
	/*td, th*/
	#wizard #order_review .cart_item td,
	#wizard table.woocommerce-checkout-review-order-table thead th,
    #wizard table.woocommerce-checkout-review-order-table thead td { 
        background: #FFF !important;
        border-bottom: 1px solid #F2F2F2; 
    }
	#wizard thead th{
        padding-bottom: 40px;
    } 
	#wizard #order_review .cart_item td {
		padding-bottom: 20px;
	}
	
	#wizard th, 
	#wizard td, 
	#wizard .finish-btn { 
		 margin: 0px;
		 padding: 5px 1.41575em 5px .7em;
	} 
	
	#wizard th.product-name,
	#wizard td.product-name { 
		padding-left: 0px; 
	}

	#wizard th.product-total,
	#wizard td.product-total {
		text-align: right;
	}
	#wizard th.product-total {
		padding-right: .5em;
	}
	#wizard td.product-total {
		padding-right: 1em;
	}
	
	/*thumbnail*/
    #wizard #order_review .product-name .wmc-product-desc,
    #wizard #order_review .product-name .wmc-product-img { 
        vertical-align: top; 
    }
    #wizard .product-name .wmc-product-img {
        max-width: 250px;
        padding-right: 50px;
    }
     
	/* desc, variants, dt, dd */
    #wizard #order_review .product-name .wmc-product-desc .cart-cat { 
        display: block; 
        vertical-align: top; 
        line-height: 1; 
    }
    
    #wizard #order_review .product-name .wmc-product-desc .variation {
        margin: 0px auto -10px;
        padding: 0px;
    }
    
	
	#wizard #order_review .product-name .wmc-product-desc .variation dt,
	#wizard #order_review .product-name .wmc-product-desc dd  {
        display: inline-block;
        text-transform: none !important;
        float: none;

    }
    #wizard #order_review .product-name .wmc-product-desc dd {
        margin: 0px;
        padding: 0px;
        font-weight: normal !important;
    }
    
    #wizard #order_review .product-name .wmc-product-desc dd p {
        display: inline-block;
        margin: 0px;
        padding: 0px;
    }
    
    #wizard #order_review .product-name .wmc-product-desc dd p:after { content: ", "; margin-right:4px; }
    #wizard #order_review .product-name .wmc-product-desc dd:last-child p:after { content: ""; margin-right:0px; }
    
    /* ------------------------------------------  
    TAX
	------------------------------------------  */ 
	#wizard .order-total .includes_tax {display: block; }
    #wizard .includes_tax { 
		padding-top: 5px; 
		padding-bottom: 5px; 
	}
	
	/* ------------------------------------------  
    tFOOT
	------------------------------------------  */ 
    #wizard tfoot td { 
		text-align: right; 
		min-width: 250px; 
	}
	
	 
	@media (max-width: 767px) { 
		
		.checkout #wizard th {max-width: 100px;}

		/*description*/
		.checkout #wizard #order_review .product-name .wmc-product-desc { 
			min-width: 280px;
		}
	}
	
	@media (max-width: 599px) {  
		 #wizard tfoot td {min-width: 220px;}	
	}
		
	@media (max-width: 479px) { 
		 /* tfoot */
		 #wizard tfoot td {min-width: 200px;}
		 .wizard>.content>.body label {margin-bottom: 0em;}
		 
		/* .checkout #wizard tr.shipping  { width: 100%; background: #F2F2F2; display: block; }
		 .checkout #wizard .shipping th, 
		 .checkout #wizard .shipping td {
			width: 100%;
			display: block;
		}*/
	}
	
    /* ------------------------------------------  
    PAYMENT  METHODS
	------------------------------------------  */ 
    #shipping_method label { display: inline-block; }
    #wizard .wc_payment_method label { margin-bottom: 0.3em;}
    
	/*#wizard #payment { 
	 	width: 80%; 
		margin: auto;
	}*/
	
    #wizard .wc_payment_method label:after {content: "*";}
    #wizard .wc_payment_methods input {
        background: #fff !important;
        border: 1px solid #D1D1D1 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        padding: 5px 16px !important;
        vertical-align: middle !important;
    }
    
    #wizard .wc_payment_methods select, .payoneSelect {
        margin-left: 0px !important;
        border: 1px solid #ccc !important;
        padding: 5px 10px !important;
        background: #fff !important;
    }
    
    #wizard #cardexpiremonth { margin-right: 10px; }
	
    #wizard #payment .payment_methods li .payment_box fieldset .form-row { margin-bottom: 0em; }
    #wizard .payment_method_bs_payone_creditcard .form-row-wide { height: 70px; }
   
    #wizard .payment_method_bs_payone_paypal > label:after,
    #wizard .payment_method_bs_payone_creditcard > label:after,
    #wizard .payment_method_bs_payone_sofort > label:after { 
        margin: auto;
        vertical-align: middle;
        margin-left: 20px;
        position: absolute;
        left: 240px;
		display: none;
    }
	#wizard .payment_method_bs_payone_paypal > label:after,
    #wizard .payment_method_bs_payone_creditcard > label:after,
    #wizard .payment_method_bs_payone_sofort > label:after { content: url("../../picts/_checkout/payment-methods-paypal.png"); }
    #wizard .payment_method_bs_payone_creditcard > label:after { content: url("../../picts/_checkout/payment-methods-creditcards.png");}
    #wizard .payment_method_bs_payone_sofort > label:after { content: url("../../picts/_checkout/payment-methods-sofortueberweisung.png");}
	
    #wizard .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {background: #FFF;}
    #wizard .woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:hover, 
	.checkout .woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked { background: #CCC; }
	
    #wizard .woocommerce-terms-and-conditions-checkbox-text a { text-decoration: underline !important; }
    
    
	/* -----------------------------
	RESONSIVE
	-----------------------------*/
	@media only screen and (max-width: 1599px) { 
		/* GRID */
		#wizard-p-1 .col-10,
		#wizard #order_review {width: 90%;}
	
		#wizard #order_review {
			max-width: 90%;
		}	
	}


	@media only screen and (max-width: 1439px) { 
		/* GRID */
		#wizard-p-1 .col-10,
		#wizard #order_review {width: 100%;}
		
		#wizard #order_review {
			max-width: 100%;
		}
	}


	@media (max-width: 1367px) {
		/* FORM */
		#shipping_wooccm9_field input[type="radio"] {margin-left: 10%;}
		#shipping_wooccm9_field label {
			padding: 20px 0px;
			width: 90%;
		}
	}  
	
	
   
	@media (max-width: 1023px) {
		/* Top-headline*/
		#wizard h3 {margin: 20px auto 30px;}
		
		/*thumbnail*/
		#wizard .product-name .wmc-product-img {
		  max-width: 200px;
		  padding-right: 20px;
		}
	}  

	@media (max-width: 849px) {
		
		/* VERSAND & ZAHLUNG */
		/*thumbnail*/
		#wizard .product-name .wmc-product-img {
		  max-width: 150px;
		  padding-right: 10px;
		}
		
	}

    
	@media (max-width: 767px) { 
		/* STEPS */
		.wizard > .steps li a::before,
		.wizard > .steps li.current a::before,
		.wizard > .steps li.done a::before {
			top: 58px;
			width: 24px;
			height: 24px;
		}
		
		/*RECHNUNG & VERSAND*/
		#ship-to-different-address .woocommerce-form__input-checkbox {top: 0px !important;}
		
		/*VERSAND & ZAHLUNG*/
		/* GRID */
		.checkout article.status-publish .entry-content .woocommerce {width: 94%;}
		
		#wizard thead th {padding-bottom: 20px;}
		
		/*thumbnail*/
		table.have-thumnails div {display: block;}
		
		/*name*/
		#wizard #order_review .product-name .wmc-product-desc { 
			line-height: 1em;
			padding: 10px 0; 
		}
		
		#wizard #order_review .product-name .wmc-product-desc dd { padding-top: 8px; }
		
		/*radiobut*/
		.checkout input[type="radio"] + label {margin: 0px;}

		/*shipping*/
		#shipping_wooccm9_field input[type="radio"] {margin-left: 0%;}
		#shipping_wooccm9_field label {
			padding: 20px 0px;
			width: 90%;
		}
		
		/*COUPON*/
		.wizard > .content > .coupon-step {
		  width: 100%;
		  margin-left: 0%;
		}
		#wizard .checkout_coupon .form-row.form-row-last  {float: none;}
		#wizard .checkout_coupon .form-row.form-row-last button { margin: 0px auto; }
		
		/* ERROR, ALERT */
		.woocommerce-message::before, 
		.woocommerce-info::before, 
		.woocommerce-error::before, 
		.woocommerce-noreviews::before, 
		p.no-comments::before { display: none !important;}
	}
	
	@media (max-width: 599px) { 
		
		/*FONT*/
		#wizard #order_review .product-name .wmc-product-desc, 
		.cart-discount td {font-size: 1.5em;}
		
		/* STEPS */
		#wizard .steps li a {
		  max-width: 100px;
		  line-height: 1em;
		  margin: auto;
		}
		
		/*quantity*/
		.checkout .product-quantity {font-size: .75em; }
	}

	@media (max-width: 479px) { 
		
		/*grid*/
	   .checkout article.status-publish .entry-content .woocommerce {width: 96%;}
	   
		 #wizard th, 
		 #wizard td, 
		 #wizard .finish-btn {
			  padding: 3px 0px 3px .3em;
		 }
		 
		 #wizard .product-total, 
		 #wizard .cart-subtotal td, 
		 #wizard .cart-discount td, 
		 #wizard .woocommerce-shipping-totals td, 
		 #wizard .order-total td {
			text-align: left;
		}
			
		
		/* tax */
		.checkout table td small.includes_tax {
			text-align: left;
			float: left
		}
		
		/*payment_method*/
		#wizard .payment_method_bs_payone_paypal > label:after, 
		#wizard .payment_method_bs_payone_creditcard > label:after, 
		#wizard .payment_method_bs_payone_sofort > label:after {
			right: 25px;
			left: auto
		}
	}