/*
Theme Name: Yooker Theme
Template: Impreza
Version: 1.0.0
Author:	Yooker
Theme URI: https://yooker.nl
Author URI: https://yooker.nl
*/

@import url("./forms.css");
@import url("./responsive.css");

:root { /* Deze aanpassen naar klantkleuren */
    --main-color: #75AE3E;
	--secondary-color: #7E956A;
	--tertiary-color: #FC9700;
	--alternate-background-color: rgba(228,233,223,0.50);
}

/* main */
.post-type-archive-product main#page-content{
	overflow: unset;
}
main#page-content{
	overflow: hidden;
}

/* Header */
.l-subheader.at_top .fas{
	color: var(--main-color);
}


/* Single Blog */
.blog-cat a {
	border: solid #ffffff8f 1px;
    border-radius: 50px;
    padding: 4px 20px;
}
.et_pb_post_content_0_tb_body.et_pb_post_content .scriptlesssocialsharing a {
	color:#111 !important;
	background-color:transparent !important;
	border:solid #00000014 1px;
	margin-left:-1px;
	padding:14px !important;
}
.et_pb_post_content_0_tb_body.et_pb_post_content .scriptlesssocialsharing a:before {
	font-size:17px !important;
}
.et_pb_post_content_0_tb_body.et_pb_post_content .scriptlesssocialsharing a:hover {
	background:#111 !important;
	color:#fff !important;
	border-color:#111 !important;
}
.scriptlesssocialsharing__heading {
	font-size:18px !important;
}
.scriptlesssocialsharing:first-child .scriptlesssocialsharing__buttons {
	margin-bottom:35px;
}
.et_pb_post_content p:not(.has-background):last-of-type {
	margin-bottom:35px !important;
}


/* Contactpagina */
#contact a:not(.gform_wrapper a) {
	color: #333;
}
#contact a:hover:not(.gform_wrapper a){
	color: var(--main-color);
}


/* Vertical align */
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/* Mobiel menu */
#mobile_menu {
	background:#fff !important;
	z-index:999 !important;
}
#mobile_menu a {
	color:#121212;
}
#mobile_menu .dipi-cta-button {
	background: var(--main-color) !important;
}


/* Scrollbar */
body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    background:#fff;
}
 
body::-webkit-scrollbar-thumb {
  background-color: var(--color-content-primary);
}


/* privacy pagina */
.no-touch .w-tabs-section-header:hover, .no-touch .w-tabs-section-header:focus{
	background: #fff !important;
}
.no-touch .w-tabs-section-header{
	font-weight: bold;
}
.w-tabs.accordion>div>.w-tabs-section{
	border-style: none;
}

/* Cookie Banner */
.seopress-user-consent {
	font-size:16px !important;
	padding:12px !important;
	background:#f7f7f7 !important;
	border-right:0px !important;
}
.seopress-user-consent p a:first-child {
	content: "";
    background-image: url(/wp-content/uploads/2022/01/yooker-cookies.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: cover;
    margin-bottom: -11px;
    margin-right: 13px;
}
.seopress-user-consent #seopress-user-consent-accept{
	background: var(--main-color);
    color: #fff;
    border-radius: 25px;
    padding: 8px 35px;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
	margin-left:50px !important;
	border:none;
	cursor:pointer;
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close {
	background: none;
    border: none;
    font-size: 13px;
    padding: 3px 20px;
    margin-top: 5px;
    font-weight: 600;
    color: #000;
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close:hover {
	border:none;
	background:none;
	color:red;
	transition:all ease .3s;
}
.seopress-user-consent p a:nth-child(2) {
	text-decoration:underline;
}
.seopress-user-consent p {
	padding-bottom:0 !important;
}


/* Mobile menu */
#mobile_menu .dipi-cta-button {
	margin-top: 15px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}
.dipi_hamburger.hamburger {
	background-color:transparent !important;
}


/* Contact form notification */
#gform_confirmation_message_1 h6 {
	color: #000 !important;
    font-size: 18px !important;
    line-height: 1.6 !Important;
}


/* Gravity forms padding onder weg */
.gform_wrapper.gravity-theme .gform_footer {
	padding-bottom:0 !important;
}


/* Footer */
footer .widget.widget_nav_menu li {
	margin-bottom: 14px !important;
}
footer .footer-foto{
    position: absolute;
    bottom: 0!important;
    z-index: 2!important;
}

/* accesoires carousel */
.accessoires-add-button span.w-btn-label:before {
	content: '\f07a';
    font-family: 'fontawesome';
    padding-right: 10px;
}
.owl-prev, .owl-next {
    background: white;
}
.owl-prev:hover, .owl-next:hover {
	background: #75ae3e!important;
}
.owl-prev:hover:after, .owl-next:hover:after {
    color: white;
}
.owl-prev:after, .owl-next:after {
	color: #75ae3e;
}
.owl-carousel .owl-nav div {
    top: 80%!important;
}
.accesoires-wrapper {
	overflow: hidden;
}

/* Single product */
.product-header .l-section-h {
	z-index:1;
}
.single-product .woocommerce-product-gallery__wrapper .flex-active-slide a img {
	width: 100% !important;
    height: 100% !important;
}
.single-product .woocommerce-product-gallery__image, .single-product .woocommerce-product-gallery li img {
	border-radius:20px !important;
}
.single-product .quantity input {
	border-radius:50px;
}
.single-product .price ins {
	font-weight: 600 !important;
    color: #232323;
}
.single-product .price .woocommerce-price-suffix {
	font-size: 13px;
    font-weight: 900;
}
.product-accessoires:after {
	background: var(--color-alt-content-bg);
    content: "";
    width: 100%;
    height: 260px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}
.product-accessoires .l-section-h {
	z-index:1;
}
.single-product .w-tabs-list-h .w-tabs-item {
	border-bottom: solid 2px #0000001f;
    margin-bottom: 0px;
	    font-weight: 600;
}

.accordion-body h5{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem;
	margin: 15px 0;
	font-weight: 300;
	font-size: 16px;
	border-radius: 25px;
	background: var(--color-alt-content-bg);
}
.accordion-body h5 span{
	width: 20px;
}
.accordion-text.active{
	margin-bottom: 15px;
	padding-left: 15px;
}
.accordion-text{
	display: none;
}
.single-acco span {
	
    float: right;
    margin-right: 5px;
    color: #75ae3e;
    font-weight: 900;
    font-family: 'Muli';
    font-size: 26px;
    line-height: 0.6;

}

/* Home */
.home a .material-icons{
	color: var(--main-color);
}

.testimonials .w-tabs-list{
	background: none !important;
}
.testimonials .w-tabs-list .w-tabs-item{
	border-radius: 20px;
	border: none;
	padding: 30px 45px;
	display: flex;
	align-items: center;
}
.testimonials .w-tabs-list .w-tabs-item:not(:last-child){
	margin-bottom: 20px;
}
.testimonials .w-tabs-list .active{
	box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.12);
}
.testimonials .w-tabs-list .w-tabs-item .fas{
	
	max-height: 50px;
	border-radius: 50px;
}

.content-carousel .l-section.height_medium {
    padding-top: 0.5rem !important;
    padding-bottom: 4rem;
}

/* mijn account omgeving */
.woocommerce-MyAccount-content {
    display: grid;
}
.woocommerce-table--order-details, section>address {
    background: #75ae3e26;
	padding: 1.5rem!important;
}
.page-id-397 .woocommerce-table--order-details, section.woocommerce-order-details, section.woocommerce-customer-details, .mollie-instructions {
    width: 100%;
}

/* quotes */
.quote-boven:before {
    font-size: -webkit-xxx-large;
    font-family: 'fontawesome';
    font-weight: bold;
    content: '\f10e';
    color: #75ae3e;
}
.quote-boven .wpb_wrapper {
    padding-top: 5px;
}

/* Cart */

.woocommerce-cart .cart_totals{
	background: #f1f4ef !important;
	border-radius: 20px;
}
.w-cart.dropdown_height.ush_cart_1.height_full.empty{
	visibility: hidden;
}
.woocommerce-cart .woocommerce-cart-form__cart-item td {
	vertical-align:middle !important;
}


/* Checkout */
.woocommerce-checkout input:not([type="submit"]), .woocommerce-checkout textarea{
	box-shadow: none;
	border: solid 1px rgba(0,0,0,0.05);		
}
#order_review{
	background: var(--alternate-background-color) !important;
	border-radius: 20px;
}
#order_review .woocommerce-notice{
	border-radius: 10px;
}
.woocommerce-checkout .order-form-custom .wpb_wrapper:not(.wpb_text_column .wpb_wrapper) {
	border-radius: 20px!important;
    padding: 40px!important;
	background: #f1f4ef;
}

/* Order succesvol */
.woocommerce-order-received .woocommerce-customer-details address{
	background: #F1F4EF !important;
}
.woocommerce-order .woocommerce-table--order-details{
	background: #F1F4EF !important;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{
	background: #F1F4EF;
	margin:2rem !important;
}
.woocommerce-order-received .woocommerce-order{
	display: flex;
	flex-flow: row wrap;
}
.woocommerce-order-received .woocommerce-notice{
	width: 100%;
	text-align: center;
	color: #75ae3e !important;
    font-weight: 600;
}
.woocommerce-order-received .woocommerce-order-overview{
	width: 100%;
	display: flex;
	justify-content: center;
	border-radius: 10px;
	margin: 0 !important;
	flex-wrap: wrap;
}
.woocommerce-order-received .woocommerce-order-overview li{
	border: none !important;
}
.woocommerce-order-received .woocommerce-order section:nth-child(3){

}
.woocommerce-order-received .mollie-instructions p{
	text-align: center;
	background: rgb(117 174 62) !important;
	color:#fff !important;
	padding: 1rem 1.5rem;
	width: 100%;
	border-radius: 0 0 10px 10px;
}
.woocommerce-order-received .woocommerce-order-details h2, .woocommerce-order-received .woocommerce-customer-details h2{
	text-align: left;
	margin: 0 2rem;
	    font-size: 28px !important;
}
.woocommmerce-order-received .woocommerce ul.order_details li {
	flex:1;
}
.woocommmerce-order-received .woocommerce ul.order_details li strong {
    color: #000 !important;
}
.woocommerce-order-received .woocommerce-order-details table{
	display: table;
    margin: 2rem;
    border-radius: 10px;
    margin-top: 10px !important;
    -moz-box-sizing: border-box;
    border-spacing: 10px !important;
    border-collapse: separate;
}
.woocommerce-order-received .woocommerce-order-details table tr td:nth-child(2){
	padding-left: 4rem;
}
.woocommerce-order-received .woocommerce-customer-details address{
	display: flex;
	flex-direction: column;
	margin: 2rem;
	border-radius: 10px;
	background: #fff;
	padding: 25px;
	margin-top:10px !important;
}
.woocommerce-order-received .woocommerce-customer-details address .woocommerce-customer-details--phone{
	margin-top: 1rem;
	margin-bottom: 0 !important;
}
.woocommerce-order-received .woocommerce-customer-details address .woocommerce-customer-details--phone, .woocommerce-customer-details--email{
	padding-right: 1.5rem;
}
.page-id-396 section.woocommerce-order-details {
    width: 50%;
}
.page-id-396 section.woocommerce-customer-details{
	width: 50%;
}
.woocommerce-account .woocommerce-orders-table td, .woocommerce-account .woocommerce-orders-table th, .woocommerce-cart td, .woocommerce-cart th, .woocommerce-checkout td, .woocommerce-checkout th {
	    border-color: #75ae3e3d !important;
}
.woocommerce-account .woocommerce-orders-table td {
	vertical-align:middle !important;
}
.woocommerce .shop_table thead th {
	color: var(--color-alt-content-heading);
    opacity: 1;
    font-weight: 600 !important;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions a.view {
	background: #75ae3e !important;
    color: #fff !important;
    border-radius: 50px !important;
    border-color: #75ae3e !important;
}
.woocommerce-MyAccount-navigation ul li a:before {
    content: '\f054';
    font-family: 'fontawesome';
    font-size: 60%;
    margin-right: 2%;
    color: var(--color-content-primary);
    bottom: 2px;
    position: relative;
}
.woocommerce-MyAccount-navigation ul li {
	margin: 0 0 15px 0px;
}
.woocommerce-MyAccount-navigation ul li a {
	    color: var(--color-alt-content-heading);
    font-weight: 500;
}
.woocommerce-MyAccount-navigation li.is-active a {
	color: #75ae3e !important;
}
.woocommerce-table--order-details, section>address {
	background:transparent !important;
		    margin-top: 20px !important;
    border: 0 !important;
    margin-bottom: 30px !important;
	padding: 0px;
}
.woocommerce-table--order-details {
	padding:25px !important;
}
.woocommerce-view-order h2 {
	    margin-top: 20px;
    font-size: 32px;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.woocommerce-view-order .order-status {
	color: #fc9700 !important;
}
.widget_shopping_cart p.buttons .button {
	border-radius:50px !important;
}
.woocommerce-order-received {
	
}

/* Header border */
.l-header.shadow_thin .l-subheader.at_middle, .l-header.shadow_thin .l-subheader.at_bottom {
	box-shadow:none !important;
}
.l-header.sticky.shadow_thin .l-subheader.at_middle {
    box-shadow: 0 1px 0 rgb(0 0 0 / 8%) !important;
}
.l-header .at_top {
	border-bottom: solid 2px #f7f7f7;
}



/* BTW */
.tax-total th {
	text-transform:uppercase !important;
}
.tax-total th:after {
	text-transform:uppercase !important;
	content: ' 21%';
    font-size: 13px;
}

/* Landingspagina's */
.contentveld .g-cols{
	align-items: center;
}
#brochure:after{
	width: 36% !important;
	top: 115px !important;
	height: 100% !important;
	background: var(--color-alt-content-bg);
    content: "";
    display: block;
    position: absolute;
    right: 0;
    z-index: 0;
    border-radius: 20px 0 0 20px;
}
#brochure .testamonials{
	min-height: 475px;
}
#brochure .vc_col-sm-4{
	z-index: 1;
	width: 28%;
}
#brochure .g-cols{
	align-items: center;
}

.woocommerce-invalid input, .woocommerce-invalid select{
	border-color: red !important;
}
.woocommerce-invalid label.checkbox{
	color: red;
}


/* Carousel Fix */
.single-product .owl-carousel.owl-loading {
	opacity:1 !important;
}



.single-product .woocommerce-product-gallery__image img {
	border-radius:20px;
}



.w-filter-list .w-form-checkbox{
	box-shadow: none !important;
}

.filterlijst .wpb_wrapper{
	position: relative;
}
.filterlijst .wpb_wrapper:before{
	content: "";
    background: #f1f4ef;
    height: 120%;
    width: 200%;
    position: absolute;
    left: -45%;
    top: -10%;
    border-radius: 0 100px 100px 0;
}


/* Nieuwe pakketten */
.product-pakketten .variations .label, .product-pakketten .variations label, .product-pakketten .variations .value {
	padding:0 !important;
}
.product-pakketten .variations tr {
	display: flex;
    justify-content: flex-start;
    align-items: center;
}
.product-pakketten .variations .value {
	margin-left: 20px;
}
.product-pakketten .variable-items-wrapper li {
	    width: 90px !important;
    height: 90px !important;
}
.product-pakketten th.label {
	min-width: 80px !important;
}


/* Tooltip bij de pakketten */
.tooltip {
  display: none;
    background: #ffae34;
    color: #000;
    border-radius: 5px;
    padding: 10px 20px;
    z-index: 99;
    position: absolute;
    font-weight: 600;
    margin-top: 5px;
    font-size: 16px;
}

.woocommerce-variation-add-to-cart-disabled + .tooltip {
  display: block;
}


/* Pakketten */
.product-pakketten #us_grid_1 .add_to_cart_button {
	padding: 0 !important;
    width: 50px !important;
    height: 50px !important;
    line-height: 46px !important;
    font-size: 28px !important;
}
.product-pakketten .offers {
	display:block !important;
}

@media screen and (max-width: 600px){
	.product-pakketten .variable-items-wrapper li {
		width: 80px !important;
		height: 80px !important;
	}
	.product-pakketten th.label {
		min-width: auto !important;
		    font-size: 15px !important;
		line-height:22px;
	}
	.product-pakketten .variations .value {
		margin-left: 5px !important;
	}
	.woo-variation-swatches .variable-items-wrapper {
		min-width: 180px !important;
	}
	.product-pakketten .variations tr {
		    justify-content: space-between;
	}
	.product-pakketten .offers .w-iconbox {
		    margin-top: 7px !important;
	}
	.product-pakketten .offers .woocommerce-variation-add-to-cart {
		margin-top: 24px !important;
	}
	.product-pakketten .offers {
	display:flex !important;
}
}

.fas.fa-play{
	margin: unset !important;
}

.fas.fa-chevron-down:before {
	    content: "\f078";
}

a[href="#camera"] .w-iconbox-icon, a[href="#gps"] .w-iconbox-icon, a[href="#navigatie"] .w-iconbox-icon {
	margin-right: 10px !important;
}

@media screen and (min-width: 800px){
	/* Productengrid */
	#newprod .w-grid {
		    max-width: 361px;
	}
	#prods2023 h4.post_title a {
		min-height: 53px !important;
    display: block !important;
	}
}


.l-subheader-cell.at_right .w-popup {
	margin:0;
}
.l-subheader-cell.at_right .w-popup-trigger {
	font-size: 13px;
    padding-left: 0;
    padding-right: 0;
	font-weight: 900;
}



.l-subheader-cell.at_center .w-popup {
	margin:0;
}
.l-subheader-cell.at_center .w-popup-trigger {
	font-size: 15px;
    padding-left: 0;
    padding-right: 0;
	font-weight: 900;
}



/* Product langingspage */
@media only screen and (min-width: 768px) {
    .landingspage_head:after{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 0px 0px 0px 30px;
        background-color: var(--color-subfooter-bg-alt);
        width: 43%;
        z-index: 0;
        height: 98%;
    }
    
    .container_1_main{
        width: 42% !important;
    }
    .container_2_product, .container_3_product{
        width: 29% !important;
    }
    .container_2_product, .container_3_product{
        margin-left: -2px;
    }
    
    .container_1_table_row_main{
        width: 42% !important;
    }
    .container_2_table_row, .container_3_table_row{
        width: 29% !important;
    }
    .container_2_table_row, .container_3_table_row{
        margin-left: -2px;
    }
    
    /* tabs */
    .tabs_sectoren .w-tabs-list.align_center {
        position: absolute;
        bottom: 25px;
        z-index: 2;
        left: 0;
        right: 0;
    }

}
@media only screen and (max-width: 768px) {
    .landingspage_head_mobile:after{
        content: '';
        position: absolute;
        top: -1vh;
        right: 0;
        border-radius: 30px 0px 0px 30px;
        background-color: var(--color-subfooter-bg-alt);
        width: 85%;
        z-index: 0;
        height: 110%;
    }
    
    .container_1_table_row_main{
        width: 50% !important;
        margin: 0px !Important;
    }
    .container_2_table_row, .container_3_table_row{
        width: 25% !important;
        margin: 0px !Important;
    }
    .container_2_table_row, .container_3_table_row{
        margin-left: -2px;
    }
    .mogelijkheden_section .w-iconbox.style_circle.color_primary .w-iconbox-icon{
        font-size: 0.6rem !important;
    }
    
    .voordelen_section .w-iconbox.style_circle.color_primary .w-iconbox-icon{
        font-size: 2rem !important;
    }
    
    .voordelen_section h3{
        line-height: 1.2!important;
        font-size: 1.3rem !important;
    }
}

/* custom play  btn */
.custom_popup_video_btn button{
    color: #0a0a0a !important;
        background: #ffffff;
            font-weight: 600;
}
.custom_popup_video_btn button span.w-btn-label{
        margin-right: 48px;
}
.custom_popup_video_btn i.fas.fa-play{
    background: var(--color-content-primary);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    align-content: center;
    color: #fff;
    width: 48px;
    border-radius: 50%;
}

.voordelen_section .w-iconbox-icon{
    height: 1.5em!important;
    width: 1.5em !important;
}

.voordelen_section h3.w-iconbox-title{
 padding: 0 !important;   
}

.container_1_table_row_main .wpb_text_column{
    line-height: 1.2 !important;
}


/* tabs */
.tabs_sectoren .w-tabs-item{
    padding: 0.3em 1.2em !important;
}
.tabs_sectoren .w-tabs-item{
    color: #fff;
    border: 1px solid #fff;
    opacity: 0.9;
}
.tabs_sectoren .w-tabs-item.active .w-tabs-item-title{
    Color: #131313;
    font-size: 17px;
    font-weight: 600;
}
.tabs_sectoren .w-tabs-item:hover {
    background: var(--color-content-bg);
    color: var(--color-content-primary);
    box-shadow: 0 0.3em 0.8em rgba(0,0,0,.08);
}
.tabs_sectoren .w-tabs-list-h{
    gap: 30px
}
.tabs_sectoren .w-tabs-section-content:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000069;
}
.tabs_sectoren .w-tabs-section-content{
    position: relative;
}
.tabs_sectoren .w-tabs-section-content .w-tabs-section-content-h{
    position: relative;
    z-index: 1;
}

.green_li_items ul li{
 list-style: circle;   
}

.green_li_items ul li::marker{
       color: var(--color-alt-content-primary);
}
.custom_link_accesoire a{
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
}
.custom_fullh_col_accesoires .vc_column-inner .wpb_wrapper:nth-child(1):not(.vc_col-sm-12 .wpb_wrapper) {
    height: 100%;
}

.row_no_flex_wrap{
 flex-wrap: nowrap !important;   
}

.product_spef_landing .w-separator.with_line.color_border{
	color: #F1F4EF;
}

@media screen and (max-width: 1200px){
	#klantverhalen .post_image{
		position:relative !important;
	}
}



/* Grid fix impreza */
.w-grid {
    clear: unset;
    container-type: unset;
}

html[lang="de-DE"] .hide-german {
	display:none !important;
}