/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Mar 19 2024 | 10:56:58 */
/* global CSS rules mobile, tablets, desktop without media Query */
/* fix image cart */
.widget.woocommerce.widget_shopping_cart .woocommerce-mini-cart.cart_list.product_list_widget .woocommerce-mini-cart-item.mini_cart_item .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
	width: auto!important;
	height: auto!important;
	max-width: 80px;
	max-height: 80px;
}

/* fix showing of page title after update Essentials it's set to opcacity 0 */
.pix-sliding-headline {
    opacity: 1!important;
}

/* combined rules */
/* mobiel + tablet (max-width: 1199px) */
@media only screen and (max-width: 1199px) {
	.pix-sidebar {
		top: 80px;
	}

	.woocommerce-mini-cart.cart_list.product_list_widget {
		max-height: 50vh;
	}
}


/* globale CSS voor mobiele paddings links en rechts 
@media (max-width: 667px) {
	.vc_column_container>.vc_column-inner {
    	box-sizing: border-box;
    	padding-left: 20px;
    	padding-right: 20px;
    	width: 100%;
	}
}
*/
/* fix link color a[href^=tel] */
a[href^=tel] {
    text-decoration: inherit; 
    color: #eb6408; 
}


/* hide extra donatie variatie data in floating cart */
dl.tc-epo-metadata.variation {
    display: none;
}

/* generieke form stijling */
.form-control:not(.shadow-0), .post-password-form input[type="password"]:not(.shadow-0), .shop_table #coupon_code:not(.shadow-0), .woocommerce-billing-fields .woocommerce-input-wrapper input:not(.shadow-0), .woocommerce-billing-fields .woocommerce-input-wrapper textarea:not(.shadow-0), .woocommerce-billing-fields .woocommerce-input-wrapper select:not(.shadow-0), .woocommerce-additional-fields .woocommerce-input-wrapper input:not(.shadow-0), .woocommerce-additional-fields .woocommerce-input-wrapper textarea:not(.shadow-0), .woocommerce-additional-fields .woocommerce-input-wrapper select:not(.shadow-0), .woocommerce-shipping-fields .woocommerce-input-wrapper input:not(.shadow-0), .woocommerce-shipping-fields .woocommerce-input-wrapper textarea:not(.shadow-0), .woocommerce-shipping-fields .woocommerce-input-wrapper select:not(.shadow-0), #yith-wcwl-form .hidden-title-form input[type="text"]:not(.shadow-0), .woocommerce-Input.input-text:not(.shadow-0) ,textarea.form-control, .shop_table textarea#coupon_code, .woocommerce-billing-fields .woocommerce-input-wrapper textarea, .woocommerce-additional-fields .woocommerce-input-wrapper textarea, .woocommerce-shipping-fields .woocommerce-input-wrapper textarea, textarea.woocommerce-Input.input-text ,.form-control, .post-password-form input[type="password"], .shop_table #coupon_code, .woocommerce-billing-fields .woocommerce-input-wrapper input, .woocommerce-billing-fields .woocommerce-input-wrapper textarea, .woocommerce-billing-fields .woocommerce-input-wrapper select, .woocommerce-additional-fields .woocommerce-input-wrapper input, .woocommerce-additional-fields .woocommerce-input-wrapper textarea, .woocommerce-additional-fields .woocommerce-input-wrapper select, .woocommerce-shipping-fields .woocommerce-input-wrapper input, .woocommerce-shipping-fields .woocommerce-input-wrapper textarea, .woocommerce-shipping-fields .woocommerce-input-wrapper select, #yith-wcwl-form .hidden-title-form input[type="text"], .woocommerce-Input.input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  min-height: 50px;
  border: 2px solid #6C9D95;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: none!important;
  font-size: 14px;
  letter-spacing: 0.13px;
  line-height: 17px!important;
  color: #4F3011!important;
}

/* quantity input no border */
.input-text.qty {
    border: 0px!important;
}

/* generiek alle placeholders in één keer stijlen */
div#comments ::placeholder, .woocommerce ::placeholder {
  color: #4F3011!important;
  font-family: Barlow!important;
  font-size: 14px!important;
  letter-spacing: 0.13px!important;
  line-height: 17px!important;
}

/* Generiek alle input buttons, in één keer stijlen */
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
    border-radius: 2px;
    background-color: #6C9D95;
    color: #FFFFFF;
    font-family: Barlow;
    font-size: 20px;
    font-weight: 500!important;
    letter-spacing: 0.19px;
    line-height: 24px;
    text-align: center;
}

/* fix voor TranslatePress vlaggetjes setup */
.trp-language-switcher > div > a {
    display: block;
    padding: 2px;
    border-radius: 3px;
    color: #4F3011!important;
    font-family: Barlow;
    font-size: 16px;
    letter-spacing: 0.15px;
    line-height: 19px;
    border: 0px;
}

.trp-ls-shortcode-current-language, .trp-language-switcher > div > a {
    display: block;
    padding: 2px;
    color: #4F3011;
    line-height: 18px;
    border: 0px;
    font-family: Barlow;
    font-size: 18px!important;
    letter-spacing: 0.15px!important;
    line-height: 19px!important;
    font-weight: 500!important;
}
.trp-ls-shortcode-current-language {
    border: 0px!important;
}

.trp-language-switcher > div {
    background-image: none!important; 
}

.trp-language-switcher > div {
    padding: 3px 20px 3px 5px;
    border: 0px!important;
    background-color: #fff;
    width: 32px!important;
}

.trp-language-switcher > div:hover {
    background-color: #edf2f1;
    width: 60px!important;
}

/*----------------------- header overlay color home slider element ------------------------------------
 .pix-intro-1 .pix-intro-img {
    position: absolute;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
    background: linear-gradient(180deg, #00000049 0%, rgba(0,0,0,0) 100%);
} 
*/
/*------------------------- header overlay color vervolgpagina's --------------------------------------
.bg-black {
    background: linear-gradient(180deg, #000000 0%, rgba(0,0,0,0) 100%);
}*/



/*----------------------------- global site background color -----------------------------------------*/
#content{
	background-color:#FCFCFC!important;
    padding-bottom: 0px;
}


/* ------------------------------------- content block styles -------------------------------------- */

/*- hogere z-index op de uitklap sidebar op mobiel zorgt ervoor dat hij over het mobiele menu valt -*/
.collapsable_sidebar_wrapper_essentials.sidebar_open {
    z-index: 9999999999;
}

/* ----- verbergt added to cart omdat we cart sidebar zelf tonen na toevoegen product aan cart---- */
.pix-notifications {
    display: none;
}

/* fix voor padding in uitklap cart, die default vanuit pix styles komt hij 2x, maar werkt geen één keer. Mist padding links, door deze default 
padding niet meer. */
.pix-sidebar-widget .widget.woocommerce.widget_shopping_cart .woocommerce-mini-cart.cart_list.product_list_widget {
    padding: 20px!important;
}

.download-section .wpb_text_column a:hover {
    color: #EB6408 !important;
    transition: none!important;
}


/* styling voor breadcrumbs en header voor mobiel */
@media(max-width: 767px){
	.pix-main-intro.pix-intro-1.bg-black {
    	height: 130px !important;
	}

	.pix-main-intro.pix-intro-1.bg-black .container.pix-intro-container.pix-dark{
	    padding-top: 42px !important;
	}

	ol.breadcrumb {
 	   padding-bottom: 30px !important;
	}	
	.pix-main-intro.pix-intro-1.bg-black .d-inline-block.text-heading-default.animated{
  		 font-size: 24px !important;
  		 font-weight: bold;
  		 letter-spacing: 0.23px;
  		 line-height: 29px;
	}
	
    #responsive-text p{
       color: #4F3011;
       font-family: Barlow;
       font-size: 16px;
       font-weight: 500;
       letter-spacing: 0.15px;
       line-height: 29px;
    }   
}


