/*
Theme Name: Vind mij Online
Author: Roald Craenen
Author URI: https://www.vindmijonline.nl/
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/

@keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-ms-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}

:root{
	--animate-delay: 0.2s;
	--zwart:#3c3c3b;
	--grijs:#dadada;
	--lichtgrijs:#d8d8d8;
	--oranje:#e95a0c;
	--gradient:linear-gradient(90deg, rgba(248,177,78,1) 0%, rgba(243,150,0,1) 16%, rgba(238,125,0,1) 46%, rgba(233,90,12,1) 100%);;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
html{-webkit-animation: fadein 500ms;-moz-animation: fadein 500ms;-ms-animation: fadein 500ms;-o-animation: fadein 500ms;animation: fadein 500ms;}
html,body{width:100%;height:auto;font-family:'Poppins', sans-serif;font-weight:400;font-size:16px;line-height:30px;color:var(--zwart)}
b,strong{font-weight:700}
em,i{font-style:italic}
img{max-width:100%;height:auto;}
a img{border:none;text-decoration:none}
a{color:var(--oranje);text-decoration:underline;}
a:hover{color:var(--oranje);text-decoration:none}
h1,h2,h3,h4{line-height:100%;font-weight:700;color:var(--zwart)}
h1{font-size:40px;margin:0 0 30px 0}
h2{font-size:30px;margin:0 0 30px 0}
h3{font-size:20px;margin:0 0 30px 0}
h4{font-size:18px;margin:0 0 20px 0}
p{margin:5px 0 20px 0}
p:first-of-type{margin-top:0;}
p:last-of-type{margin-bottom:0;}
i.padding-left{padding-left:10px;}
i.padding-right{padding-right:10px;}
input:focus,textarea:focus,button:focus {outline:0;}

/* General */
.oranje{color:var(--oranje)}
.b_oranje{background-color:var(--oranje)}
.b_blauw{background-color:var(--zwart);}
.b_lichtblauw{background-color:var(--lichtgrijs);}
.blok{padding:60px 0}
.subtitel{color:var(--oranje);font-size:16px;margin:0 0 10px 0}

.transition, .transition a{transition:all 100ms ease-in-out;}
.transition.schaduw{box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.up:hover{transform:translateY(-3px);}
.pointer:hover{cursor:pointer;}
.schaduw:hover{box-shadow:0 0 40px rgba(0,0,0,0.2);}
.spacing{letter-spacing:1px;}
.objectfit_ie{background-size:cover;background-position:50%;}
.objectfit_ie img{width:100%;height:100%;object-fit:cover;display:block;}
.compat-object-fit img{opacity:0;}
.grecaptcha-badge{display:none;}
.fa-input {font-family:'Font Awesome 5 Pro',sans-serif;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cta{padding:12px 20px;background:var(--oranje);background:var(--gradient);color:#fff;font-weight:700;text-decoration:none;display:inline-block;margin-top:30px;border-radius:5px;border:none;}
.cta:hover{color:#fff}
.cta.ghost{background:transparent;color:var(--oranje);border:2px solid var(--oranje)}
.cta.ghost:hover{background-color:var(--oranje);color:#fff}

/* Top */
.top{padding:0;;background-color:#fff;}
.logo{display:none}
.logo{height:70px;margin:20px 0}
.call{border:2px solid var(--oranje);padding:5px 12px 4px 12px;margin:13px 5px 0 0;}
.call a{color:var(--oranje)}

/* Nav */
.navigation{background-color:var(--zwart)}
.navbar{margin-bottom:0;padding:0}
.navbar-default{border:none;background-color:transparent;margin:0 -15px}
.navbar-header{width:100%;text-align:left}
.navbar ul{list-style:none;margin:0;padding:0}
.navbar ul#menu-hoofdmenu{padding:0 0 0 0}
.navbar-nav li a{text-decoration:none;color:#fff !important;display:block;font-size:16px;font-weight:400;padding:10px 25px;border-bottom:1px solid rgba(255,255,255,0.1);}
.navbar-nav li a i{float:right;transition:all 100ms ease-in-out;line-height:1.8;}
.navbar-nav li a i.active{float:right;-moz-transform: scaleY(-1);-o-transform: scaleY(-1);-webkit-transform: scaleY(-1);transform: scaleY(-1);filter: FlipV;-ms-filter: "FlipV";}
.navbar-nav li li a{padding:10px 25px 10px 45px}
.navbar-nav li li li a {padding:10px 25px 10px 65px}
.navbar-toggler{border:none;padding:10px;background:transparent !important;float:right;border:2px solid var(--oranje);border-radius:0;margin-top:13px;}
.navbar-toggler .icon-bar{background-color:var(--oranje) !important;height:3px}
.navbar-collapse{background-color:var(--zwart);z-index:1;position:relative;margin-top:0px;border:none;text-align:left;padding:0}
.navbar-brand{padding:0;height:auto;margin:0}
.navbar-brand img{width:180px;padding:15px 0 10px 0}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none}

/* Animate hamburger */
.navbar-toggler:hover{background:transparent !important;}
.navbar-toggler .icon-bar{width:22px;transition:all 0.2s;display:block;margin-bottom:5px;}
.navbar-toggler .top-bar{transform:translateY(8px) rotate(45deg);transform-origin:center}
.navbar-toggler .middle-bar{opacity:0;transform:translateX(5px)}
.navbar-toggler .bottom-bar{transform:translateY(-8px) rotate(-45deg);transform-origin:center;margin-bottom:0;}
.navbar-toggler.collapsed .top-bar{transform:rotate(0);}
.navbar-toggler.collapsed .middle-bar{opacity:1;transform:translateX(0px)}
.navbar-toggler.collapsed .bottom-bar{transform:rotate(0);}

/* Animate hamburger */
.navbar-toggle:hover{background:transparent !important;}
.navbar-toggle .icon-bar{width:22px;transition:all 0.2s;}
.navbar-toggle .top-bar{transform:rotate(45deg);transform-origin:0% 10%;}
.navbar-toggle .middle-bar{opacity:0;}
.navbar-toggle .bottom-bar{transform:rotate(-45deg);transform-origin:6% 90%;}
.navbar-toggle.collapsed .top-bar{transform:rotate(0);}
.navbar-toggle.collapsed .middle-bar{opacity:1;}
.navbar-toggle.collapsed .bottom-bar{transform:rotate(0);}

/* Hero */
.hero{width:100%;position:relative;}
.hero .item{height:460px;background-size:cover;background-position:50%;}
.hero .item:before{content:"";position:absolute;width:100%;height:100%;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 70%);z-index:1;}
.hero .item .col-md-8{position:relative;z-index: 2;}
.hero h3{font-size:32px;color:#fff;margin-bottom:30px;}
.hero p{color:#fff;margin-bottom:0}
.hero a.cta + a{color:#fff;margin-left:30px;text-decoration:none;font-weight:700;}

.owl-nav{position:absolute;top:-50px;width:100%;text-align:right;}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{padding:10px !important}
.owl-nav button i{color:var(--oranje);font-size:16px}
.owl-carousel .owl-nav button.disabled{cursor:default}
.owl-carousel .owl-nav button.disabled i{color:var(--grijs);}

/* Breadcrumbs */
.breadcrumbs{line-height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:20px 0;font-size:12px;color:var(--zwart);}
.breadcrumbs > div > div > div > span{margin-left:10px;}
.breadcrumbs span{font-weight:700;}
.breadcrumbs span i{padding:0 5px}
.breadcrumbs span a{text-decoration:none;color:var(--oranje)}
.breadcrumbs span .breadcrumb_last{}

/* Main */
.header{height:300px;background-size:cover;background-position:50%;}
.tekst{}
.tekst h1{}
.tekst h2{font-size:24px;margin:40px 0 20px 0}
.tekst h3{font-size:20px;margin:30px 0 10px 0}

/* Over */
.over{}
.over .img{margin-bottom:30px;}
.over h2{}
.over h1{font-size:30px;}

/* Diensten */
.diensten{}
.diensten .item{margin-bottom:30px;position:relative;background-color:#fff;padding:60px 30px;border-radius:10px;}
.diensten .item .img{height:80px;width:80px;border-radius:50%;overflow:hidden;margin:0 auto 30px auto}
.diensten .item .txt{background-color:#fff}
.diensten .item .txt h3{font-size:20px;line-height:100%;margin:0 0 20px 0}
.diensten .item .txt a{color:var(--oranje);text-decoration:none;font-weight:700;}
.diensten .item .txt a:hover i{transform:translateX(3px)}
.diensten .item .txt p{margin:0 0 30px 0}
.diensten .item .txt h3 a{color:var(--zwart);text-decoration:none;}

/* Reviews */
.reviews{position:relative;overflow:hidden}
.reviews hr{margin-bottom:90px;}
.reviews .naam{margin-bottom:30px;}
.reviews .naam h2{font-size:24px;}
.reviews .google .img{width:48px;height:48px;background-image:url("images/google.svg");margin-right:20px;}
.reviews .google .txt{font-size:20px;line-height:31px;}
.reviews .google .txt .rating{color:var(--oranje);}
.reviews .google .txt .rating b{margin-right:5px;}
.reviews .google .txt .rating i{}
.reviews .google .txt .rating i + i{margin-left:2px;}
.reviews .item{margin-bottom:30px;background-color:#fff;padding: 30px;border-radius: 10px;}
.reviews .item .score{margin-bottom:10px;}
.reviews .item .score .stars{margin-right:10px;font-size:14px;}
.reviews .item .score .date{font-size:12px;color:var(--grijs)}
.reviews .item .score i{color:var(--oranje)}
.reviews .item .score i + i{margin-left:2px;}
.reviews .item .author{margin-bottom:20px;font-size:14px;}
.reviews .item .author .img{width:60px;height:60px;display:inline-block;margin-right:20px;border-radius:50%;overflow:hidden;vertical-align:middle}
.reviews .item .author .name{display:inline-block;width:calc(100% - 90px);color:var(--grijs);font-weight:300;vertical-align:middle}
.reviews .item .author .name b{font-size:16px;line-height:16px;font-weight:700;color:var(--zwart);display:block;}
.reviews .item .desc{font-size:14px;line-height:24px}
.reviews .desc.collapse:not(.show) {display: block;height: 3rem;overflow: hidden;}
.reviews .desc.collapsing {height: 3rem;}
.reviews a.collapsed::after {content: '+ Lees meer';}
.reviews a:not(.collapsed)::after {content: '- Lees minder';}

/* Contact */
.contact h3{font-size:30px;margin:0 0 30px 0;text-transform:uppercase;}
.contact p + h3{margin-top:40px}
.contact a i{color:var(--oranje)}
.contact .wpcf7{margin-bottom:60px}

/* Footer */
.footer{}
.footer iframe{margin-bottom:30px;}
.footer .margintop{margin-top:98px;}
.footer .logo{display:block;width:100%;margin-bottom:30px;margin-top:-55px;}
.footer .item{margin-bottom:30px;}
.footer .item i{color:var(--oranje);font-size:24px;display:inline-block;width:45px;vertical-align:top;}
.footer .item .social i{color:#fff;font-size:20px;width:auto;vertical-align:unset;}
.footer .item .inner .vandaag{color:var(--oranje)}
.footer .item .inner span{width:100px;display: inline-block}
.footer .item .inner span time{}
.footer h4{}
.footer a{color:var(--zwart);text-decoration:none}
.social{margin-top:30px;font-size:20px;}
.footer .social a,.social a{color:#fff;width:40px;height:40px;border-radius:50%;text-align:center;padding-top:7px;display:inline-block;}
.social a + a{margin-left:10px;}
.copyright.blok{padding:40px 0}
.copyright,.copyright a{color:#fff;text-decoration:none;font-size:12px;line-height:150%;}
.copyright img{height:20px;}

/* Sidebar */
.sidebar{position:relative;margin-top:60px;background-color:var(--lichtgrijs);}
.widget.normal, .widget.normal ul, .widget.normal li{list-style:none;margin:0;padding:0}
.widget.normal{padding:30px}
.widget.normal h3{font-size:24px;margin:0 0 30px 0;}
.widget.normal li{padding:0 0 10px 0}
.widget.normal li:last-child{border:none}
.widget.normal .textwidget .center{text-align:center;}

/* Contact form */
.wpcf7-form table{width:100%}
.wpcf7-form{margin-top:30px}
.wpcf7-form .field{display:block;margin-bottom:20px}
.wpcf7-form strong{margin-bottom:5px;display:block;font-weight:700;}
.wpcf7-form .telefoonnummer input{width:200px}
.wpcf7-form td{padding-bottom:20px}
.wpcf7-form input[type="date"],.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form select,.wpcf7-form textarea,.wpcf7-tel,.wpcf7-form input[type="tel"] {margin:0 0 10px 0;padding:10px;border:1px solid var(--grijs);width:100%;color:var(--zwart)}
select.wpcf7-not-valid,input.wpcf7-not-valid,textarea.wpcf7-not-valid{border:1px solid #ff0000 !important}
.wpcf7-validation-errors{border:2px solid #ff0000 !important;margin:0 0 20px 0 !important;color:#ff0000 !important;padding:10px !important}
span.wpcf7-not-valid-tip{color:#981b1e !important;font-size:12px !important}
div.wpcf7-response-output{margin-top:30px !important;background-color:rgba(152,27,30,0.1);padding:10px 20px !important}
.wpcf7 form.invalid .wpcf7-response-output{background-color:rgba(255,185,0,0.1);}
.wpcf7 form.sent .wpcf7-response-output{background-color:rgba(70,180,80,0.1);}
#wpcf7-f57-p20-o1 .versturen{margin-bottom:0}
.wpcf7-form button{margin-top:0}

/* Default Wordpress */
.entry-content td{padding-right:20px}
.alignleft{float:left;margin-right:20px}
.alignright{float:right;margin-left:20px}
.aligncenter{clear:both;display:block;margin:0 auto 20px}
blockquote{font-style:italic;border-left:4px solid #e1001a;padding-left:10px}

/* Gallery */
.gallery{margin-top:60px}
.gallery img{width:100%}
.gallery .gallery-item{margin-bottom:30px}
.gallery .gallery-item a{border:none;height:200px;background-size:cover;background-position:50%;padding:0;display:block;}
.gallery .gallery-item a img{object-fit:cover;display:block;width:100%;height:200px;}
.gallery .gallery-item a.compat-object-fit img{opacity:0;}

/* Modal */
.modal{background-color:rgba(0,0,0,0.4)}
.modal-content{box-shadow:none;background-color:transparent;border:none;}
.modal-header{border:none;}
.modal .close{color:#fff;opacity:1;font-size:40px}

/* IE fixes */
.widget-area{width:100%}
.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(255,255,255,0.1);}
.table>tbody>tr>td{border:none;}
video{height:auto}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom:30px}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
iframe[name='google_conversion_frame'] {font-size: 0 !important;height: 0 !important;line-height: 0 !important;margin-top: -13px;width: 0 !important;}

/* Responsive oembed */
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;height: auto;} 
.embed-container iframe,.embed-container object,.embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Pagination */
.pagination{width:100%;position:relative;margin-bottom:90px;}
.pagination > div{position:absolute;}
.pagination .nav-previous{left:0;}
.pagination .nav-next{right:0;}

/* ------------------------------ Media Queries ------------------------------ */
@media (min-width: 576px) {

}
@media (min-width: 768px) {
	h1,h2,h3{line-height:100%;}
	h1{font-size:40px;margin:0 0 30px 0}
	h2{font-size:30px;margin:0 0 30px 0}
	h3{font-size:20px;margin:0 0 30px 0}
	h4{font-size:18px;margin:0 0 20px 0}
	.blok{padding:100px 0}
	.hero h3{font-size:48px;}
	.hero .item{height:700px}
	.hero .item:before{content:"";position:absolute;width:100%;height:100%;background: rgb(0,0,0);background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 70%);z-index:1;}
	.copyright,.copyright a{font-size:14px;}
	.footer .item .inner{display:inline-block;width:calc(100% - 50px)}
	.footer .item .inner span{width:120px}
}
@media (min-width: 992px) {
	body{overflow-x:hidden;}
	.logo{display:block;}
	.column{column-count:2;column-gap:30px;}

	.navbar{text-align:center;display:inline-block;}
	.navbar-default{border:none;}
	.navbar-collapse{padding:0;margin-top:25px;box-shadow:none}
	.navbar-collapse.collapse{background-color:transparent;}
	.navbar ul#menu-hoofdmenu{padding:0}
	.navbar-collapse ul{list-style:none;position:relative;float:right;margin:0;padding:0}
	.navbar-collapse ul a{display:block;color:var(--zwart) !important;text-decoration:none;font-weight:bold;font-size:18px;line-height:100%;padding:20px 0;}
	.navbar-collapse ul li{position:relative;float:left;margin:0;padding:0 20px}
	.navbar-collapse ul li:last-of-type{padding-right:0;}
	.navbar-collapse ul li.current-menu-item>a,.navbar-collapse ul li.current-menu-parent>a{color:var(--oranje) !important;border:none}
	.navbar-collapse ul ul li.current-menu-item i{display:none}
	.navbar-collapse ul ul li.current-menu-item a{border-bottom:none}
	.navbar-collapse ul li a:hover{background:none !important;color:var(--oranje) !important}
	.navbar-collapse ul li a:hover + i{}

	.navbar-collapse ul ul{display:none;position:absolute;top:100%;left:0;text-align:left;background-color:rgba(255,255,255,1);box-shadow:0 5px 10px rgba(0, 0, 0, .1);}
	.navbar-collapse ul ul li{float:none;width:auto;transition:all 100ms;}
	.navbar-collapse ul ul li:hover{background-color:var(--lichtgrijs)}
	.navbar-collapse ul ul a{padding:15px;color:var(--zwart) !important;text-shadow:none;white-space:nowrap;}
	.navbar-collapse ul ul ul{top:0;left:100%}
	.navbar-collapse ul li:hover > ul{display:block;z-index:1;}
	.navbar-nav li li li a {padding:15px}
	.navbar-brand{display:none}
	.navbar-nav li a i{line-height:1;}

	.sidebar{position:relative;margin-top:-100px;padding-top:40px;}
	.widget.normal{padding:60px 15px 60px 15px}
}
@media (min-width: 1200px) {
	.navbar-collapse ul a{font-size:18px;padding:20px 0}
	.navbar-collapse ul li{padding:0 20px}
	.sidebar:before{content:"";width:100vw;background-color:var(--lichtgrijs);position:absolute;top:0;left:0;height:100%;z-index:-1;}
	.widget.normal{padding:60px 0 60px 30px}
}
@media (min-width: 1400px) {
}