/*
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, .5);
}

/* 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: #fff; }
.owl-prev:hover, .owl-next:hover { background: #75ae3e !important; }
.owl-prev:hover:after, .owl-next:hover:after { color: #fff; }
.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 {
    content: "";
    display: block;
    position: absolute;
	background: var(--color-alt-content-bg);
    width: 100%;
    height: 260px;
    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, .05);		
}

#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: 25% !important; }
    .container_2_product,
    .container_3_product {
        width: 25% !important;
    }
    .container_2_product,
    .container_3_product {
        margin-left: -2px;
    }
    .container_1_table_row_main { width: 25% !important; }
    .container_2_table_row,
    .container_3_table_row,
    .container_4_table_row {
        width: 25% !important;
    }
    .container_2_table_row,
    .container_3_table_row,
    .container_4_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_2_product,
    .container_3_product {
        margin-left: -2px;
    }
    .container_2_product h3,
    .container_3_product h3,
    .container_4_product h3 {
        font-size: 16px !important;
    }
    .container_1_table_row_main {
        width: 25% !important;
        margin: 0px !important;
    }
    .container_2_table_row,
    .container_3_table_row,
    .container_4_table_row {
        width: 25% !important;
        margin: 0px !important;
    }
    .container_2_table_row,
    .container_3_table_row,
    .container_4_table_row {
        margin-left: -2px !important;
    }
    .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; }
html[lang="de-DE"] .menu-item-162 {
	.w-nav-arrow,
    .w-nav-list.level_2 {
        display: none !important;
    }
}
html[lang="de-DE"] .w-nav.type_desktop .hover_underline .w-nav-anchor.level_1 {
	padding-left: var(--menu-items-gap, 20px);
    padding-right: var(--menu-items-gap, 20px);
}
html[lang="de-DE"] .w-grid-item.post-2504 { display: none !important; }
html[lang="de-DE"] .home #camera .g-cols .wpb_column:nth-child(1) .vc_column-inner { padding-left: 4.5rem; }

/*verzendkosten uitlijnen checkout*/
ul.woocommerce-shipping-methods li { justify-content: flex-end; }
ul.woocommerce-shipping-methods li label { font-size: 0; }
ul.woocommerce-shipping-methods li label[for="shipping_method_0_free_shipping7"] { font-size: 17px; }
ul.woocommerce-shipping-methods li label .woocommerce-Price-amount.amount { font-size: 17px; }

/* Woocommerce variaties/stalen */
.woo-variation-swatches .variable-items-wrapper .variable-item img { object-fit: contain; }
.add_to_cart .single_variation_wrap { margin-top: 0.5rem; }
.add_to_cart .woocommerce-variation-price {
	font-size: 1.5rem;
    color: #212b16;
    font-weight: bold;
}
.w-grid-item.post-4474 img {
	aspect-ratio: 1;
    object-fit: contain !important;
}