/*
Theme Name: Kifaru
Theme URI: http://www.kifaru.nl
Description: Kifaru door OneStep Media
Author: OneStep Media
Author URI: http://www.onestepmedia.nl
*/
@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap-theme.css'); html{	scroll-behavior: smooth;}html, body {
    max-width: 100%;
    overflow-x: hidden;
}
@font-face {
  font-family: Vampire;
  src: url(/wp-content/themes/kifaru/images/VampireWarsItalic-lgg8q.ttf);
}


.cta_blok_r .vc_col-sm-12:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
	background: linear-gradient(90deg, rgba(52,52,52,1) 0%, rgba(52,52,52,0) 40%);
}

.voorbeelden-background-cover .vc_column-inner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
	background: linear-gradient(90deg, rgba(52,52,52,1) 0%, rgba(52,52,52,0) 50%);
	z-index: -1;
    margin-top: -35px;
}


/*
.cta_blok_r{
  min-height: 100%;
  background: url(https://picsum.photos/id/1043/800/600) rgb(0 0 0 / 35%);
  background-blend-mode: multiply;
}

.voorbeelden-background-cover .vc_column-inner{
  min-height: 100%;
  background: url(https://picsum.photos/id/1043/800/600) rgb(0 0 0 / 35%);
  background-blend-mode: multiply;
}*/


.faq .vc_toggle_content{
	font-size: 17px;
    color: #313131;
    letter-spacing: 1.5px;
    line-height: 23px;
    margin-bottom: 30px;
}

.vc_toggle_content{
	font-size: 17px;
    color: #313131;
    letter-spacing: 1.5px;
    line-height: 23px;
    margin-bottom: 30px;
}

body { 	
	font-family: 'Poppins', sans-serif;
	color:#000000;
	background:#fff;
}
.nav-previous{
	width: 50%;
    float: right;
    text-align: right;
}
.nav-next{
	width: 50%;
    float: left;
    text-align: left;
}
.nav-links{
	margin-top:25px;
	border-bottom:1px solid #ebebeb;
	font-weight:bold;
	padding-bottom:45px!important;
}
.page a{
	color:#313131;
}
.meer-lezen{
	padding:0px!important;
	margin:0px!important;
}
.meer-lezen h4{
	font-size:19px!important;
	color:#ff9900;
}
.meer-lezen .vc_toggle_content{
	padding-left:0px!important;
}
.meer-lezen .vc_toggle_title{
	padding-left:0px!important;	
}
@media (min-width:960px){
.meer-lezen-rechts > .vc_toggle_title{
	text-align:right;
}
}
.grecaptcha-badge{
	display:none!important;
}
.cky-revisit-bottom-left{
	display:none!important;
}
.wpcf7 form .wpcf7-response-output{
	display:none!important;
}
a:hover{
	text-decoration:none;
}

.faq,.faq p{
	color:#fff;
}
.faq{
	padding:20px;
}
.vc_toggle_content{
	margin-bottom:-25px!important;
}
.vc_toggle_icon{
	display:none!important;
}
.vc_toggle_title h4{
	font-size:22px;
	font-weight:bold;
}
.container{
	padding-left: 5vw;
    padding-right: 5vw;
    width: 100%;
}
@media (max-width:960px){
#futy-container{
	display:none!important;
}
}
.bel_nu{
	background:#20BF55;
	position:fixed;
	z-index:999;
	bottom:5px;
	right:5px;
	padding: 10px 15px 10px 15px;
	font-size:22px;
	color:#fff;
	border-radius:41px;
	box-shadow: 0px 8px 18px -6px rgba(0,0,0,0.3);
}
@media only screen and (min-width: 960px) {
	.bel_nu{
		display:none!important;
	}
}
/* ================================================== HEADER ================================================== */

.header{
	position:absolute;
	width:100%;
	z-index:999;
}

.menu_button a{
	border-radius: 10px!important;
    background: linear-gradient(270deg,#C9804B 0,#FF9900 100%)!important;
    padding: 0px 20px 10px 25px!important;
    border: 0px solid black!important;
    text-transform: uppercase!important;
    box-shadow: 0 8px 18px -6px rgba(0,0,0,.3)!important;
}
.mega-menu_button  a.mega-menu-link{
	padding-top:10px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{
	line-height:46px!important;
	letter-spacing:2px;
}
.menu_button a{
	color:#fff!important;
	font-size:20px;
	font-family: Vampire!important;
	letter-spacing:0px!important;
}

/* ---------- Menu Desktop ---------- */
.menu_desktop{
	z-index:999;
}
.menu_desktop ul{
	padding-top:40px;
	text-align:right;
}
.menu_desktop li{
	display:inline;
	list-style-type:none;
	margin-left:40px;
}
.menu_desktop a{
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Poppins', sans-serif;
	letter-spacing:3px;
}
.menu_desktop a:hover{
	color:#FF7631;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
	font-weight:bold;
	color:#fff;
	font-family: Vampire!important;
	border-bottom:5px solid #FF9900!important;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item{
	padding-left:30px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{
	height:45px!important;
}
/* ---------- Menu Mobiel ---------- */
.verwijdermenuopenen{
	display:none!important;
}
.verwijdermenuopenen{
	display:none!important;
}
.menuisgesloten{
	display:none!important;
}
.menu_mobiel{
	text-align:right;
	margin-top:35px;
	font-size:30px;
}
.menu_mobiel a{
	color:#FF7631!important;
	
}
@media (min-width:960px){
.menu_mobiel{
	display:none!important;
}
}
/* Algemene opmaak van het mobiele menu */
.menu_mobiel_inner{
	height:100vh;
	width:80%;
	position:fixed;
	background:#fafafa;
	z-index:1000;
	display:none!important;
	float:right;
}
.menu_mobiel_inner li{
	display:block;
	margin-top:15px;
}
.menu_mobiel_inner a{
	font-size:16px;
	color:#000;
}
.menu_mobiel_inner .current_page_item a{
	font-weight:bold;
	color:#FF9900;
}
/* Opent/sluit het menu */
.menuopen{
	display:block!important;
}

/* Menu op mobiel uitschakelingen*/
@media (max-width:960px){
.menu_desktop{
	display:none!important;
}
}

.logo{
	width:100px;
	padding-top:20px;
}


/* ================================================== FRONTPAGE ================================================== */
@media (min-width:960px){
@media (max-width:1350px){
.menu_button {
		display:none!important;	
}
}
}
/* mobiele aanpassingen frontpage */



@media (max-width:760px){
.frontpage_banner{
		background:url('/wp-content/uploads/2023/12/Homepage_mobiel_1.jpg')!important;
		background-position: center!important;
		background-repeat:no-repeat;
		background-size:cover!important;
	}
	.frontpage_banner h1{
		margin-top:-12px!important;
	}
	.frontpage_topp{
		margin-top:160px!important;
	}
	.button_frontpage01{
		margin-top: 65vw!important;
		margin-left: auto!important;
		margin-right: auto!important;
		display: block!important;
		margin-bottom:0px!important;
	}
}
@media (max-width:960px){
	.frontpage_banner h1{
		font-size:45px!important;
	}
	.frontpage_banner p{
		font-size:20px!important;
	}
	.page h2{
		margin-top:70px;
		font-size:35px!important;
	}
	.cta_blok h2,.cta_blok_r h2{
		font-size:45px!important;
	}
	.page p{
		font-size:16px!important;
	}
	
	
	.menu-main-container ul{
		margin:0px!important;
		padding:0px!important;
	}
	.mobielpaddingtop{
		display:none!important;
	}
	.cta_image_overlay img{
		border: 10px solid #fff!important;
	}
	.cta_image img{
		margin-top:-32px!important;
	}
}
@media (min-width:960px){
.padding-left-page{
	padding: 0px 3vw 0px 3vw;
}
.padding-right-page{
	padding-right:85px;
}
	.mobielpaddingtop{
		padding-top:140px;
	}
}

@media (min-width:1800px){
.frontpage_banner{
	background:url('/wp-content/uploads/2023/12/frontpage-banner-v5.jpg')!important;
}
}
.frontpage_banner{
	background:url('/wp-content/uploads/2023/12/frontpage-banner-mid.jpg');
	background-position: right bottom;
    background-size: cover;
	min-height:85vh!important;
}

.frontpage_banner h1{
	margin-top:-25px;
	font-family: 'Barlow', sans-serif;
	font-weight:900;
	text-transform:uppercase;
	color:#fff;
	font-size:85px;
	max-width:440px;
}

.frontpage_banner p{
	font-weight:500;
	color:#fff;
	font-size:37px;
	max-width:440px;
}

.frontpage_topp{
	color:#FF9900!important;
	font-size:45px!important;
	font-family:Vampire;
	margin-top:200px;
}

.button_frontpage01{
	margin-bottom:150px;
	font-size:20px;
	border-radius:10px;
	background: linear-gradient(270deg,#C9804B 0,#FF9900 100%);
	padding:8px 40px 8px 30px;
	border:0px solid black;
	color:#fff;
	text-transform:uppercase;
	margin-top:20px;
	font-family: Vampire;
	box-shadow: 0 8px 18px -6px rgba(0,0,0,.3);
}

/* ================================================== PAGE ================================================== */

.page a{
	color:#FF9900;
	font-weight:bold;
}
.faq a{
	color:#fff!important;
}
.page a button{
	font-weight:normal!important;
}
.faq ul li::before{
	color:#fff!important;
}
.page h3{
	font-weight:bold;
	color:#FF9900;
	font-family: 'Barlow', sans-serif;
}
.page li{
	font-size:17px;
	color: #313131;
    letter-spacing: 1.5px;
    line-height: 23px!important;
	margin-bottom:20px;
}
@media (min-width:860px){
.margin-left-mobiel-voorbeelden{
	margin-left:75px!important;
}
	.foto-lp-rechts img{
		padding-left:55px;
	}
	.foto-lp-links img{
		padding-right:35px;
	}
}
@media (max-width:860px){
.margin-left-mobiel-voorbeelden{
	margin-left:25px!important;
	margin-right:25px!important;
}
.margin-left-mobiel-voorbeelden-bottom{
	margin-bottom:100px!important;
}
	.vc_custom_1702997096637{
		background-position: -900px -230px!important;
	}	
	
	
}
.voorbeelden-background-cover{
	background-size:cover!important;
}
.vc_gitem-zone{
    background-size: contain;
    background-position: bottom;
    max-height: 425px;
}
@media (max-width:860px){
	.vc_gitem-zone{
		max-height: 227px!important;
	}
	.vc_gitem-zone h4 {
		font-size: 25px!important;
		margin-left: 9px!important;
		padding-top: 68px!important;
		font-family: 'Barlow', sans-serif;
		font-weight: 900!important;
		text-transform: uppercase;
		max-width:220px;
		color:#fff;
	}
}
.vc_custom_1419240516480{
	margin-top:-152px;
	background:none!important;
	padding-bottom:30px;
}
@media (min-width:860px){
.vc_gitem-zone h4{
	font-family: 'Barlow', sans-serif;
    font-weight: 900!important;
    text-transform: uppercase;
	font-size:35px;
	max-width:220px;
	color:#fff;
	margin-left:50px;
}
}
.vc_gitem-post-data p{
	display:none!important;
}
.vc_btn3-container.vc_btn3-left{
	display:none!important;
}
/*.vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item{
	height:683px;
}*/
/*
.vc_gitem-zone{
	height:1050px;
	
	background-color:#f9f9f900 !important;
	padding-left:25px;
	color:#fff;
}
.vc_gitem-zone h4{
	font-family: 'Barlow', sans-serif;
    font-weight: 900!important;
    text-transform: uppercase;
	font-size:35px!important;
	max-width:220px;
}


@media (max-width:960px){
	.vc_gitem-zone{
		height:360px!important;
	}
	.vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item{
	height:383px!important;
	}
}*/



.page i{
	color:#FF9900;
}

.page_banner h1{
	margin-top: 170px;
    margin-bottom: 40px;
	font-family: 'Barlow', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
	color:#fff;
}

.page h2{
	color:#FF9900;
	font-size:45px;
	font-family: 'Barlow', sans-serif;
	font-weight:900;
	text-transform:uppercase;
}

.page p{
	font-size:17px;
	color:#313131;
	letter-spacing:1.5px;
	line-height:23px;
	margin-bottom:30px;
}

.page ul{
	font-size:18px;
	list-style:none!important;
	padding-left:20px;
	font-weight:bold;
	margin-bottom:30px;
}
.page li{
	line-height:35px;
}

.page ul li::before {
    font-family: 'FontAwesome';
    content: "\f061";
    color: #F80;
    font-weight: 700;
    display: inline-block;
    width: 1.5em;
    margin-left: -1em;
}

.cta_image img{
	box-shadow: 0 8px 18px -6px rgba(0,0,0,.3);
}

.cta_image_overlay img{
	outline:10px solid #fff;
	border-right:10px solid #fff;
}

.cta_blok{
	position:relative!important;
	/*box-shadow: 0 8px 18px -6px rgba(0,0,0,.3);*/

}
.cta_blok h2{
	color:#fff!important;
	max-width:550px;
	font-size:65px;
}
.cta_blok p{
	max-width:550px;
	color:#fff;
}

/* 2e CTA blok home-page */
.cta_blok_r{
	position:relative!important;
	/*box-shadow: 0 8px 18px -6px rgba(0,0,0,.3);*/
}

.cta_blok_r h2{
	color:#fff!important;
	font-size:65px;
	
}
.cta_blok_r p{
	color:#fff;
	
}
.cta_image_r img{
	box-shadow: 0 8px 18px -6px rgba(0,0,0,.3);
}
.cta_image_overlay_r img{
	outline:10px solid #fff;
}
/* zorgt voor align right en max width */


.button{
	font-size:20px;
	border-radius:10px;
	background: linear-gradient(270deg,#C9804B 0,#FF9900 100%);
	padding:8px 40px 8px 30px;
	border:0px solid black;
	color:#fff;
	text-transform:uppercase;
	font-family: Vampire;
	box-shadow: 0 8px 18px -6px rgba(0,0,0,.3);
}

.contact input[type=text], .contact input[type=tel], .contact input[type=email], .contact textarea {
    background: #F4F2F2!important;
    color: #3f3f3f;
    font-size: 16px;
    padding: 10px 15px;
    font-weight: 300;
    border: 0 solid #000;
    margin-bottom: 10px;
    width: 100%;
}
input[type="submit"] {
    font-size: 20px;
    border-radius: 10px;
    background: linear-gradient(270deg,#C9804B 0,#FF9900 100%);
    padding: 8px 40px 8px 30px;
    border: 0px solid black;
    color: #fff;
    text-transform: uppercase;
    font-family: Vampire;
    box-shadow: 0 8px 18px -6px rgba(0,0,0,.3);
	float:right;
}





/* ================================================== FOOTER ================================================== */

/* ---------- Footer globaal ---------- */
.footer {
	background:url('/wp-content/uploads/2023/07/footer_bg.jpg');
	color:#fff;
	font-size:16px;
	padding:0px 0px 40px 0px;
	background-repeat:no-repeat;
	background-size:cover;
	padding:45px 0px 10px 0px;
	z-index:999;
	position:relative;
	font-family: 'Barlow', sans-serif;
	text-transform:uppercase;
}
.footer h4{
	color:#ffffff;
	font-size:25px;
	font-weight:bold;
}
.footer ul{
	padding:0px!important;
}
.footer li{
	list-style-type:none;

}
.footer a{
	color:#fff;
	line-height:2.5;
	font-weight:500;
}

.footer_content{
	margin-top:30px;
}

.footer p{
	line-height:40px;
}

.footer i{
	color:#FF9900;
}

/* ---------- Footer copyright ---------- */

.copyright{
	padding:16px 0px 5px 0px;
	font-size:12px;
	color:#fff;
	padding-top:50px;
}
.copyright a{
	color:#fff;
}
@media (min-width:1025px){
	.copyright .mobiel{
		display:none!important;
		
	}
}
@media (max-width:1025px){
	.copyright .desktop{
		display:none!important;
		
	}
}
.copyright .mobiel{
	text-align:center;
}

.laatstgeupdate{
	display:none;
}





#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
	border-bottom:1px solid #d6d6d6;
	letter-spacing: 1px;
    line-height: 30px;
}