/*
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: #DC1A32;
	--secondary-color: #1c39da;
	--tertiary-color: #000;
}

/* font */
h1, h2, h3 ,h4, h5, h6, p{
	font-family: articulat-cf, sans-serif !important;
}
.heavy h1 {
    font-family: articulat-heavy-cf, sans-serif !important;
    font-weight: 900;
    line-height: 1.05;
    font-size: max( 4.8rem,3.8vw ) !important;
}


html{
	overflow-x: hidden;
}

/* 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;
}
.blog_foto:before{
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Laag_1" viewBox="0 0 213.06 81.91"><defs><style> .cls-1 { fill: %23c10230; } </style></defs><path class="cls-1" d="M4.55,4.57l208.51,77.34H0V0c1.34,1.83,2.9,3.42,4.55,4.57Z"/></svg>');
    height: 150px;
    width: 75%;
    top: 0;
    position: absolute;
    z-index: 1;
    right: 0;
	transform: rotate(180deg);
}
.blog_foto{
	overflow: hidden;
}




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

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

/* 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;
}

/* 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: 0px;
    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;
}

/* Footer */
footer .widget.widget_nav_menu li {
	margin-bottom: 14px !important;
}

/* Voorwaarden */
.voorwaarden .w-iconbox{
	align-items: center;
}

/* project vlak */
.b_project_vlak{
    color: var(--color-header-middle-bg)!important;
    text-transform: uppercase!important;
    padding: 15px!important;
    display: inline-block;
    font-size: 18px;
	box-shadow: rgb(0 0 0 / 20%) 0px 7px 10px 0px;
    background: #000000!important;
}

/* accordeon menu */
#b_accordeon .w-tabs-section-header {
    padding: 22px;
	padding-left: 0 !important;
}
#b_accordeon .w-tabs-section-control {
    color: var(--color-header-middle-text-hover)!important;
}
/* carousel */
#b_carousel_section{
	scale: 1.05;
}

.tekstvlak_met_afbleeding{
	overflow-x: hidden;
}

/*header open shapes*/

#header-content:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Laag_1" viewBox="0 0 184.42 86.52"><defs><style> .cls-1 { fill: %23fff; } </style></defs><path class="cls-1" d="M0,0h184.42v86.52h-107.03c-5.64,0-13.61-3.53-17.71-7.85L0,0Z"/></svg>');
    height: 320px;
    width: 260px;
    top: 0;
    position: absolute;
    z-index: 1;
    right: 0;
    transform: rotate(21deg);
}

/* Content banner */
#b_main_section:before{
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Laag_1" viewBox="0 0 184.42 86.52"><defs><style> .cls-1 { fill: %23c10230; } </style></defs><path class="cls-1" d="M0,0h184.42v86.52h-107.03c-5.64,0-13.61-3.53-17.71-7.85L0,0Z"/></svg>');
    height: 250px;
    width: 355px;
    top: -85px;
    position: absolute;
    z-index: 1;
    right: -100px;
    transform: rotate(21deg);
}

/* 2de blok met tekst */
#home_main_tekst:before{
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Laag_1" viewBox="0 0 292.5 242"><defs><style> .cls-1 { fill: %23c10230; } </style></defs><path class="cls-1" d="M0,0l274.8,118.71-.04.09c9.76,7.14,17.74,22.22,17.74,33.53v76.55c0,11.27-9.14,16.24-20.31,11.09L22.26,155.39C10.06,152.73.03,159.78.03,171.05"/></svg>');
    height: 192px;
    width: 14%;
    top: -97px;
    position: absolute;
    z-index: 1;
    left: 0;
}

/* wit vlak met tekst in afbeelding */
#b_tekstvalk_afbeelding:before{
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Laag_1" viewBox="0 0 213.06 81.91"><defs><style> .cls-1 { fill: %23c10230; } </style></defs><path class="cls-1" d="M4.55,4.57l208.51,77.34H0V0c1.34,1.83,2.9,3.42,4.55,4.57Z"/></svg>');
    height: 150px;
    width: 50%;
    bottom: 0;
    position: absolute;
    z-index: 1;
    left: 0;
}
#b_tekstvalk_afbeelding{
	overflow: hidden;
}

/* inschrijven Popup */
#popup_inschrijven:before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Laag_1" viewBox="0 0 184.42 86.52"><defs><style> .cls-1 { fill: %23c10230; } </style></defs><path class="cls-1" d="M184.42,86.52H0V0h107.03c5.64,0,13.61,3.53,17.71,7.85l59.68,78.67Z"/></svg>');
    height: 60px;
    width: 126px;
    bottom: 0;
    z-index: 1;
    position: absolute;
    left: 0;
}
.w-popup-box-content{
	padding-bottom: 178px !important;
}
.gform_footer.top_label {
	justify-content: right;
}