/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* 1_Remove slide whitening effect */

.et-pb-active-slide {
    opacity: 1!important;
}
/*_____*/

/* 2_Don't stack 5 columns*/
@media only screen and (max-width: 980px) {
.five-columns .et_pb_column {
width: 20%!important;
}
}
/*_____*/

/*3_Carousel on Homepage*/

/*Hide the section overflow*/
.ds-carousel-section {
    width: 100%;
    overflow: hidden;
}
 
/*Set the row width*/
.ds-carousel-row {
    overflow: hidden;
    width: 1000vw;
    max-width: 1000vw;
}

/*Set the arrows to 'not stack'*/
.ds-arrow-row {
        display: flex;
    }
 
@media all and (max-width: 1024px) {
/*Override Divi's width setting on tablets*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1000vw !important;
    }
}
 
@media all and (max-width: 479px) {
/*Override Divi's width setting on mobiles*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1000vw !important;
    }
}
 
/*Style the navigation arrows*/
#ds-arrow-left,
#ds-arrow-right {
    color: #fafafa;
    background: #dca47d;
    font-family: 'ETModules';
    font-size: 30px;
    padding: 5px 30px;
    border-style: none;
    border-radius: 0;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
 
/*Position the left arrow*/
#ds-arrow-left {
    float: right;
    margin-right: 5px;
}
 
/*Position the right arrow*/
#ds-arrow-right {
    float: left;
    margin-left: 5px;
}
 
/*Style navigation arrows on hover*/
#ds-arrow-left:hover,
#ds-arrow-right:hover {
    -webkit-box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
}
 
/*Style navigation arrows on click*/
#ds-arrow-left:active,
#ds-arrow-right:active {
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
}
 
/*Make sure the modules span their entire container*/
.ds-carousel-module .column {
    float: left;
    width: 100% !important;
    margin-right: 0 !important;
}
 
/*Set the module width*/
.ds-carousel-module {
    width: 20vw; /*Change this value to increase or decrease the module displayed per page*/
    padding: 0 30px;
    float: left;
    position: relative;
    margin-bottom: 0 !important;
}

/*Remove title*/
.ds-carousel-module .woocommerce-loop-product__title {
	display: none;
}

/*Remove price*/
.ds-carousel-module .amount {
	display: none;
}

/*Adjust product to container*/
.ds-carousel-module li.product {
    float: left;
    width: 100% !important;
    margin-right: 0 !important;
	margin-bottom: 0 !important;
}

/*Customize Overlay*/
.ds-carousel-module .et_overlay {
    background-color: rgba(220,164,125,0.5);
	opacity: 0.5;
}

 
/*Adjust for smaller screens*/
@media all and (max-width: 1024px) {
    /*Show 3 modules per page on tablets*/
    .ds-carousel-module {
        width: 33.33vw;
    }
    /*Align the navigation on smaller screens*/
    #ds-arrow-row .et_pb_column {
        width: 50% !important;
    }
}
 
@media all and (max-width: 479px) {
    /*Show 1 module per page on mobiles*/
    .ds-carousel-module {
        width: 100vw;
    }
}

/*_____*/

/*4_Woocommerce Customization*/

/*Button font small caps*/
a.button, button.button {
	font-variant: small-caps ;
}

/*Shop Page Customization*/

.woocommerce .woocommerce-result-count{
	font-size: 18px;
	color: #fafafa;
}

.woocommerce .woocommerce-ordering .orderby{
	font-size: 16px;
	background: #fafafa;
}
/*Product Page Customization*/

.product p.wc-gzd-additional-info{
	font-size: 75%;
	line-height:1.2;
	opacity:0,75;
}

.product p.wc-gzd-additional-info a{
	color: #DCA47D !important;
}

.product .et_pb_tab_content h2{
	color: #5c4534;
	margin-bottom: 0px !important;
}

.product .woocommerce #reviews #comments h2, .woocommerce-page #reviews #comments h2 {
	margin-bottom: 0px !important;
}

.product .comment-form-rating {
	padding-top: 15px;
}

/*Cart Page Customization*/

.woocommerce td.product-name dl.variation:last-child {
	font-size: 75%;
	line-height: 1.2;
	opacity:0.75;	
}

/*Checkout Page Customization*/

.woocommerce-checkout .col2-set {
	padding-bottom: 20px;
	border-bottom-width : 2px;
	border-bottom-style: solid;
}

.woocommerce-checkout #order_payment_heading {
	padding-top: 25px;
}

.woocommerce-checkout #order_review_heading {
	padding-top: 25px;
	border-style: solid;
	border-top-width: 2px;
	margin-top: 25px;
}

.woocommerce-checkout .woocommerce-additional-fields {
	padding-top: 25px;
	border-style: solid;
	border-top-width: 2px;
	margin-top: 25px;
}

.woocommerce-checkout .woocommerce-form-login-toggle a {
	text-decoration: underline;
}

td.actions a.button {
	font-size: 20px;
}

.woocommerce-checkout #place_order {
	float: right;
	font-size: 42px;
}

.woocommerce-thankyou-order-received {
	font-size: 170%;
	padding-bottom: 50px;
}

/*Login Page Customization*/

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
	float: none !important;
	width: 100%;
	padding-bottom: 35px;
	border-bottom-width: 2px;
	border-bottom-color: #5c4534;
	border-bottom-style: solid;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	float: none !important;
	width: 100%;
	padding-top: 20px;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
	margin: 0px;
	padding: 5px;
}

.woocommerce .col2-set, .woocommerce-page .col2-set h2 {
	font-size: 32px;
	line-height: 1.3em;
}

.woocommerce .col2-set, .woocommerce-page .col2-set  {
	font-size: 22px;
}

.woocommerce .col2-set, .woocommerce-page .col2-set {
	padding: 10px;
}

/*Payment Methods Page Customization*/

.payment_method_mollie_wc_gateway_directdebit, .payment_method_mollie_wc_gateway_belfius, .payment_method_mollie_wc_gateway_eps, .payment_method_mollie_wc_gateway_ideal, .payment_method_mollie_wc_gateway_kbc, .payment_method_mollie_wc_gateway_bancontact, .payment_method_mollie_wc_gateway_paysafecard, .payment_method_mollie_wc_gateway_przelewy24, .payment_method_mollie_wc_gateway_giftcard, .payment_method_mollie_wc_gateway_mybank {
	display: none;	
}

/*_____*/

/*5_Customize Custom Product Addons form*//*_____*/

.wcpa_form_outer {
	border-top: 1px;
	border-bottom: 1px;
	border-style: solid;
}

.pers-form-title {
	font-size: 90%;
	line-height: 1.3;
	font-weight: bold;
}	

.pers-form-text {
	font-size: 85%;
	line-height: 1.3em;
}

.pers-form-check_parent label[for=personalisierung] {
	margin: 0!important;
	display: none;
}

.pers-form-check {
	font-size:90%;
	line-height:1.3;
	font-weight:bold;
}

/*6_Customize Checkboxes and Radio Buttons*/

/** SECTION 1 **/

/* Hide the OS/Browser checkboxes/radio buttons */
input[type=checkbox], input[type=radio], label input[type=checkbox], .wcpa_check {
  visibility: hidden!important;
  margin: 0!important;
  width: 0!important;
}

/* Set Elegant Icont font, size, & positioning for the checkboxes/radio buttons plus the cursor on hover */
input[type=checkbox] + label:before,
input[type=checkbox] + span:before,
input[type=radio] + label:before,
label input[type=checkbox] + span:before {
  visibility: visible;  
  font-family: "ETmodules";
  font-size: 30px;
  position: relative;
  top: 6px;
  padding-right: 8px;
}

input[type=checkbox] + label:hover,
input[type=checkbox] + span:hover,
label input[type=checkbox] + label:hover,
label input[type=checkbox] + span:hover,
input[type=radio] + label:hover { 
  cursor: pointer; 
}

/** SECTION 2 **/

/* Set checkbox to ET icons: normal, hover, checked, & checked hover */
input[type=checkbox] + label:before,
input[type=checkbox] + span:before,
label input[type=checkbox] + label:before,
label input[type=checkbox] + span:before { 
  content: '\56'; 
}
input[type=checkbox] + label:hover:before,
input[type=checkbox] + span:hover:before,
label input[type=checkbox] + label:hover:before,
label input[type=checkbox] + span:hover:before {
  content: '\5a';
	filter: alpha(opacity=20);
  opacity: 0.2;
}
input[type=checkbox]:checked + label:before,
input[type=checkbox]:checked + span:before,
label input[type=checkbox]:checked + label:before,
label input[type=checkbox]:checked + span:before {
  content: '\5a';
}
input[type=checkbox]:checked + label:hover:before,
input[type=checkbox]:checked + span:hover:before,
label input[type=checkbox]:checked + label:hover:before,
label input[type=checkbox]:checked + span:hover:before { 
  filter: alpha(opacity=100); opacity: 1;
}

/* Set radio buttons Divi icons: normal, hover, checked, & checked hover */
input[type=radio] + label:before { 
  content: '\5b';
}
input[type=radio] + label:hover:before { 
  content: '\5c'; 
  filter: alpha(opacity=20); 
  opacity: 0.2; 
}
input[type=radio]:checked + label:before { 
  content: '\5c'; 
}
input[type=radio]:checked + label:hover:before { 
  filter: alpha(opacity=100); opacity: 1; 

}


/*7_???*/