/*
Theme Name: Roaldcraenen
Author: Roald Craenen
Author URI: https://www.roaldcraenen.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:#2b2623;
	--lichtzwart:#524c4c;
	--blauw:#1198c7;
	--donkerblauw:#0e81a9;
	--lichtblauw:#f3fafc;
	--oranje:#fe6c1d;
	--geel:#fdb913;
	--grijs:#c0bbb7;
	--grijsrand:#f2f2f2;
	--lichtgrijs:#f7f7f7;
	--boxshadow:0 0 20px rgba(0,0,0,0.1);
	--boxshadow_hover:0 0 40px rgba(0,0,0,0.2);
}

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%;font-family:'Montserrat', sans-serif;font-weight:400;font-size:14px;line-height:26px;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:#310487;text-decoration:underline;}
a:hover{color:#310487;text-decoration:none}
h1,h2,h3,h4{line-height:100%;font-weight:700;color:var(--donkerblauw)}
h1{font-size:30px;margin:0 0 30px 0}
h2{font-size:24px;margin:0 0 30px 0}
h3{font-size:20px;margin:0 0 30px 0}
h4{font-size:18px;margin:0 0 30px 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;}
.wp-caption{max-width:100%;}
.wp-caption-text{font-style:italic;font-size:0.8em;}

/* General */
.gradient{background: rgb(14,129,169);background: linear-gradient(90deg, rgba(14,129,169,1) 0%, rgba(17,152,199,1) 100%);}
.blauw{color:var(--blauw)}
.donkerblauw{color:var(--donkerblauw)}
.b_blauw{background-color:var(--blauw)}
.b_lichtblauw{background-color:var(--lichtblauw)}
.b_lichtgrijs{background-color:var(--lichtgrijs)}
.b_oranje{background-color:var(--oranje)}

.transition{transition:all 100ms ease-in-out;}
.transition.schaduw{box-shadow:var(--boxshadow)}
.up:hover{transform:translateY(-3px);}
.pointer:hover{cursor:pointer;}
.schaduw:hover{box-shadow:var(--boxshadow_hover)}
.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 30px;background:var(--oranje);color:#fff;font-size:16px;font-weight:700;text-decoration:none;display:inline-block;margin-top:30px;border-radius:100px;border:none;}
.cta:hover{background:var(--oranje);color:#fff}
.cta i{transition:all 100ms ease-in-out;}
.cta:hover i{transform:translateX(3px);}
.cta.ghost{border:1px solid var(--blauw);color:var(--blauw);background-color:transparent;}
/* .cta.ghost:hover{background-color:var(--blauw);color:#fff} */
.cta.small{font-size:12px;line-height:12px;padding:10px 20px;margin-top:0;}

.blok{padding:60px 0;position:relative;overflow:hidden;}
.blok.grijs{background-color:var(--lichtgrijs);}
.blok.lichtblauw{background-color:var(--lichtblauw);}
/* .blok .intro{margin-bottom:60px;} */
.blok .intro p{margin-bottom:60px;}
.blok .intro .cta{margin-top:0}

.ruiten{background-image:url("images/ruiten.png");background-repeat:no-repeat;width:890px;height:1038px;position:absolute;bottom:-20%}
.grijs .ruiten,.b_lichtgrijs .ruiten{opacity:0.3;mix-blend-mode:luminosity;}
.lichtblauw .ruiten{}
.ruiten.links{left:-20%}
.ruiten.rechts{right:-20%}
.hero .ruiten{background-image:url("images/ruiten-wit.svg");width:2000px;height:2000px;left:-40%;opacity:0.8;top:-5%}
.hero .ruiten.links{}

/* Bar */
.bar{background-color:var(--zwart);color:#fff;padding:5px 0}
.bar ul{list-style:none;margin:0;padding:0}
.bar ul li{display:inline-block}
.bar ul li + li{margin-left:30px;}
.bar ul li a{text-decoration:none;color:#fff;font-size:12px;font-weight:700;line-height:12px;}
.bar .bar-contact a{padding:8px 20px;background:var(--oranje);color:#fff;font-weight:700;text-decoration:none;display:inline-block;border-radius:100px;border:none;letter-spacing:0;}

/* Top */
.top{padding:0;z-index:999;background:#fff;top:0;position:-webkit-sticky;position:sticky;}
/* .top.sticky{} */
.logo{display:none}
.logo{/* max-height:60px; */margin:30px 0 0 0}

.searchicon{float:right;padding:10px;color:var(--zwart);font-size:20px;margin-top:16px}
.search-form input{border-radius:5px;border:1px solid var(--lichtzwart)}
.search-form{visibility:hidden;opacity:0;transition:all 350ms ease-in-out;display:none}
.search-form.active{visibility:visible;opacity:1;}
.phone{float:right;padding:10px;color:var(--zwart);font-size:20px;margin-top:16px}

/* Nav */
.navigation{background-color:#1a171b}
.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:var(--zwart) !important;display:block;font-size:16px;font-weight:400;padding:10px 0px;border-bottom:1px solid var(--lichtgrijs);}
.navbar-nav li a i{float:right;transition:all 100ms ease-in-out;line-height:0;padding:15px;margin-right:-15px;}
.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 0px 10px 15px}
.navbar-nav li li li a {padding:10px 0px 10px 30px}
.navbar-toggler{border:none;padding:10px;background:transparent !important;float:left;border:none;border-radius:0;margin-top:20px;}
.navbar-toggler .icon-bar{background-color:var(--zwart) !important;height:3px}
.navbar-collapse{background-color:#fff;z-index:1;position:relative;margin-top:0px;border:none;text-align:left;padding:0}
.navbar-brand{padding:0;height:auto;display:inline-flex;float:left}
.navbar-brand img{width:160px;padding:15px 0 0 5px}
.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);}

/* USPs */
.usps{background-color:rgba(17,152,199,0.9);color:#fff;padding:10px 0;position:absolute;width:100%;z-index:100;}
.usps .item{font-weight:700;text-align:center}
.usps .item i{padding-right:20px;}

/* Hero */
.hero{width:100%;position:relative;}
/* .hero .item{background-size:cover;background-attachment:initial;background-position:50%;position:relative;width:100%;height:850px;} */
.hero .item{background-size:cover;background-attachment:initial;background-position:50%;position:relative;width:100%;height:70vh;overflow:hidden;}
.hero .item:before{content:"";width:75%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);}
.hero h3{font-size:30px;margin-top:60px;}
.hero p{}

.owl-nav{position:absolute;top:calc(50% - 27px);width:100%;}
.owl-nav button{position:absolute;background-color:var(--blauw) !important;border-radius:50%;padding:0 !important;opacity:1;transition:all 100ms ease-in-out;}
.owl-nav button.disabled{opacity:0;}
.owl-nav button i{color:#fff;font-size:20px;padding:15px 17px}
.owl-nav button.owl-prev{left:-10px}
.owl-nav button.owl-next{right:20px}

.owl-dots{position:absolute;bottom:30px;text-align:center;width:100%;}
.owl-dots button.owl-dot{width:18px;height:18px;border-radius:50%;background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.5);display:inline-flex;justify-content:center;align-items:center;margin:0 5px}
.owl-dots button.owl-dot span{display:inline-flex;width:10px;height:10px;background-color:#fff;border-radius:50%;display:block;transition:all 100ms ease-in-out;}
.owl-dots button.owl-dot.active span{background-color:#fff;}

/* Breadcrumbs */
.breadcrumbs{line-height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.breadcrumbs span{}
.breadcrumbs span a{}
.breadcrumbs span .breadcrumb_last{}

/* Main */
.header{height:380px;background-position:50%;background-size:cover;position:relative;background-color:var(--lichtgrijs);}
/* .header.small{height:250px;} */
.header .container,.hero.galerij .container{position:absolute;bottom:30px;left:0;right:0;}
.header .meta{font-size:12px;line-height:100%;color:#fff;z-index:2;}
.header .meta span + span{margin-left:15px;}
.main{}
.main h1{font-size:30px;}
.main h2{margin:60px 0 30px 0;font-size:24px;}
.main h1 + h2{font-weight:300;font-size:24px;margin:-20px 0 30px 0;color:var(--lichtzwart)}

/* Vloeren */
.vloeren{}
.vloeren .owl-stage{left:-30px}
/* .vloeren .owl-stage-outer{overflow: visible;} */
.vloeren .owl-stage-outer{padding:30px 0;}
.vloeren .item{border-radius:20px;background-color:#fff;overflow:hidden;/* border:1px solid var(--lichtgrijs) */}
.vloeren .item .img{height:200px;}
.vloeren .item .txt{padding:30px}
.vloeren .item .txt h3{margin:0 0 30px 0;font-size:20px;}
.vloeren .item .txt h3 a{color:var(--zwart);text-decoration:none;}
.vloeren .item .txt p{font-size:12px;line-height:24px;}

/* Projecten */
.projecten{}
.projecten .owl-stage{left:-30px}
.projecten .owl-stage-outer{overflow: visible;}
.projecten .item{background-size:cover;background-position:50%;position:relative;height:300px;width:100%;border-radius:20px;overflow:hidden}
.archive .projecten .item{margin-bottom:30px;}
.projecten .item::before{content:"";width:100%;height:100%;position:absolute;bottom:0;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 75%);}
.hero.galerij .item{height:calc(70vh);}
.hero.galerij .item::before{content:"";width:100%;height:50%;position:absolute;bottom:0;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 75%);top:auto}
.projecten .item .txt{position:absolute;bottom:30px;left:30px;right:30px;color:#fff}
.projecten .item .txt h3{font-size:20px;margin:0 0 20px 0}
.projecten .item .txt h3 a{color:#fff;text-decoration:none;}
.projecten .item .txt p{font-size:14px;line-height:26px;}
.projecten .item .txt .tags{margin-top:20px;}
.projecten .item .txt .tags ul,.hero.galerij .tags ul{list-style:none;padding:0;margin:0}
.projecten .item .txt .tags ul li,.hero.galerij .tags ul li{display:inline-block}
.projecten .item .txt .tags ul li + li,.hero.galerij .tags ul li + li{margin-left:10px;}
.projecten .item .txt .tags ul li a,.hero.galerij .tags ul li a{border:1px solid #fff;border-radius:50px;font-size:10px;font-weight:700;padding:5px 10px;color:#fff;text-decoration:none;display:block;line-height:100%;}

/* Filter */
.filter{margin-bottom:30px;}
.filter .select{position: relative;display: inline-flex}
.filter select{padding:8px 10px;border-radius:5px;-webkit-appearance: none;-moz-appearance: none;appearance: none;width:200px;}
.filter .select:after{content:"\f0d7";font-family:'Font Awesome 5 Pro';color:var(--zwart);position:absolute;right:10px;font-weight:700;top:8px;}
.filter i:hover{cursor: pointer;}

.filter i{position:absolute;top:6px;right:15px;}
.projecten .filter .select{display:block;margin-top:10px;}
.projecten .filter .select select{width:100%;}

/* Actueel - FAQ */
.actueel-faq{}
.actueel-faq h3{font-size:24px;margin:0 0 30px 0}
.actueel-faq h3 a.cta{margin-left:30px;}
.actueel-faq .actueel{margin-bottom:60px;}
.actueel-faq .actueel .item{border:1px solid var(--lichtgrijs);border-radius:20px;overflow:hidden;position:relative;}
.actueel-faq .actueel .col-12 + .col-12 .item{margin-top:15px;}
.actueel-faq .actueel .item .img{width:95px;height:95px;display:inline-block;}
.actueel-faq .actueel .item .txt{padding:0;position:absolute;left:115px;right:20px}
.actueel-faq .actueel .item .txt .meta{font-size:12px;line-height:120%;color:var(--blauw);}
.actueel-faq .actueel .item .txt .meta span + span{margin-left:15px;}
.actueel-faq .actueel .item .txt b{font-size:14px;display:block;margin-top:10px;line-height:150%;}
.actueel-faq .actueel .item .txt b a{color:var(--zwart);text-decoration:none;}

/* Blog */
.blog{}
.blogs .owl-stage{left:-30px}
.blogs .owl-stage-outer{overflow: visible;}
.blog .blogposts{padding-bottom:90px;}
.blog .blogposts .item{margin-bottom:30px;}
.blogposts .item{border:1px solid var(--grijsrand);border-radius:20px;overflow:hidden;background-color:#fff;}
.blogposts .item .img{position:relative;height:240px;}
.blogposts .item .img::after{content:"";position:absolute;bottom:0;height:70%;width:100%;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);}
.blogposts .item .img .meta{font-size:12px;line-height:100%;color:#fff;position:absolute;bottom:20px;left:30px;right:30px;z-index:2;}
.blogposts .item .img .meta span + span{margin-left:10px;}
.blogposts .item .txt{padding:30px}
.blogposts .item .txt h3{font-size:18px;margin-bottom:20px;}
.blogposts .item .txt h3 a{text-decoration:none;color:var(--zwart)}
.blogposts .item .txt p{font-size:12px;line-height:24px;}

/* Blokken */
.blokken{}
.blokken .flex_blok{}
.blokken .flex_blok h2{font-size:24px;}
.blokken .flex_blok .img{width:100%;height:240px;background-size:cover;background-position:50%;top:-60px;position:relative;}
.blokken .flex_blok.afbeelding_links_tekst_rechts .img{left:0}
.blokken .flex_blok.afbeelding_rechts_tekst_links .img{right:0}
.blokken .flex_blok.afbeelding_2x{padding:60px 0}
.blokken .flex_blok.afbeelding_2x .img-fit{height:400px;}
.blokken .flex_blok.wit + .wit{padding-top:0;}
.flex_blok.calltoaction_btn.blok{padding:60px !important;}
.flex_blok.calltoaction_btn .cta{margin-top:0}

/* Inspiratie */
.inspiratie-blok{padding:0 0 90px 0;}
.inspiratie-blok .item{overflow:hidden;border-radius:20px;margin-bottom:30px;}
.inspiratie-blok .item:hover{cursor:pointer;}
.inspiratie-blok .item .img{position:relative;}
.inspiratie-blok .item .img::after{content:"";position:absolute;bottom:0;height:70%;width:100%;transition:all 150ms ease-in-out;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);opacity:0;pointer-events: none;}
.inspiratie-blok .item .img a{display:flex}
.inspiratie-blok .item .img .txt{position:absolute;bottom:-100px;left:30px;right:30px;font-size:12px;color:#fff;line-height:12px;z-index:2;transition:all 150ms ease-in-out;pointer-events: none;}
.inspiratie-blok .item .img img{transition:all 150ms ease-in-out;}
.inspiratie-blok .item:hover .img img{transform:scale(1.05);}
.inspiratie-blok .item:hover .img .txt{bottom:30px;}
.inspiratie-blok .item:hover .img::after{opacity:1;}
.fancybox-button.fancybox-button--share{background-color:var(--blauw);color:#fff}

/* Showroom */
.showroom{margin-top:60px;}
.showroom .item{height:300px;border-radius:20px;overflow:hidden;}
.showroom .item .img{height:400px;}

.showroom .owl-nav{position:initial;top:0;width:100%;}
.showroom.owl-carousel .owl-nav button.owl-next, .showroom.owl-carousel .owl-nav button.owl-prev{padding:8px 13px 8px 13px !important;background-color:var(--blauw);border-radius:50%;position:absolute;top:calc(50% - 15px);}
.showroom .owl-nav button i{color:#fff;font-size:18px}
.showroom .owl-nav button{opacity:1;transition:all 150ms ease-in-out;;}
.showroom .owl-nav button.disabled{opacity:0;}
.showroom .owl-nav button.disabled.owl-prev{transform:translateX(-5px);}
.showroom .owl-nav button.disabled.owl-next{transform:translateX(5px);}
.showroom .owl-nav button.owl-prev{left:-10px;transform:translateX(0);}
.showroom .owl-nav button.owl-next{right:-10px;transform:translateX(0);}

/* FAQ's */
.faq{}
.faq #accordion-group{width:100%;}
.faq .card{box-shadow:0 0 40px rgba(0, 0, 0, .1);border:none;background-color:#fff;border-radius:0;overflow:hidden;}
.faq .card:first-child{border-top-left-radius:20px;border-top-right-radius:20px;}
.faq .card:last-of-type{border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.faq .card + .card{margin-top:10px;}
.faq .card-header{padding:0;border:none;border-radius:0;}
.faq h4{font-size:16px;font-weight:700;text-transform:none;margin:0}
.faq h4 a{text-decoration:none;width:100%;display:block;padding:30px 60px 30px 30px;border:none;color:var(--zwart);background-color:#fff;border-radius:0px;transition:all 200ms ease-in-out;position:relative;}
.faq h4 a.collapsed{color:var(--zwart);background-color:#fff;border-radius:0;}
.faq h4 a i{position:absolute;right:30px;top:calc(50% - 9px);transform:rotate(180deg);transition:all 200ms ease-in-out;color:var(--blauw)}
.faq h4 a.collapsed i{transform:rotate(0deg);}
.faq .card-body{border-color:transparent !important;padding:0 30px 30px 30px}
.faq a.cta{margin-top:30px;}

/* Reviews */
.referenties{position:relative;overflow:hidden;}
.referenties .owl-stage{left:-30px}
.referenties .owl-stage-outer{overflow: visible;}
.referenties .item{margin-bottom:30px;background-color:#fff;padding:60px 30px;border-radius:20px;}
.referenties .item .score{margin-bottom:30px;}
.referenties .item .score i{color:var(--geel)}
.referenties .item .score i + i{margin-left:5px;}
.referenties .item p{font-size:14px;line-height:26px;}
.referenties .item .auteur{margin-top:30px;font-size:14px;color:var(--grijs)}
.referenties .item .auteur .img{width:60px;height:60px;display:inline-block;margin-right:20px;border-radius:50%;overflow:hidden;vertical-align:middle}
.referenties .item .auteur .txt{display:inline-block;width:calc(100% - 90px);vertical-align:middle;line-height:100%;}
.referenties .item .auteur .txt b{font-size:16px;line-height:16px;font-weight:700;color:var(--zwart);display:block;margin-bottom:5px;}

/* Review bar */
.reviewbar{padding:40px 0 50px 0;overflow-y:hidden;height:auto;font-weight:700;font-size:18px;line-height:18px;color:#fff}
.reviewbar .score-stars{margin-bottom:10px;}
.reviewbar .score-stars i{color:var(--geel);font-size:16px;}
.reviewbar .score-stars i + i{margin-left:5px;}
.reviewbar .score{text-align:center;border-radius:50%;color:#fff;font-size:60px;padding:50px 50px;margin:0 20px;font-weight:700;}
.reviewbar .score sup{font-size:0.5em;top:-0.75em}
.reviewbar a{color:#fff}

/* Call to action */
.calltoaction{color:#fff;position:relative;overflow:hidden;}
.calltoaction .img{position:absolute;width:500px;height:500px;top:-45px;left:-130px;background-position:50%;background-repeat:no-repeat;background-size:cover;}
/* .calltoaction h3{color:#fff;font-size:24px;margin:295px 0 30px 0} */
.calltoaction h3{color:#fff;font-size:24px;margin:30px 0}
.calltoaction p{}
.calltoaction .persoon{position:absolute;top:calc(50% + 70px);right:15px}
.calltoaction .persoon b{display:block;margin-bottom:-5px;}
.calltoaction .persoon i{}

/* Contact */
/* .contact .wpcf7{margin-bottom:60px} */
.main.blok.contact{padding-bottom:0;}

/* Footer */
.footer{font-size:12px;line-height:24px;}
.footer .margintop{margin-top:98px;}
.footer .logo{display:block;width:auto;margin:0;max-width:200px;}

.social{font-size:20px;}
.footer .social a,.social a{background-color:var(--blauw);color:#fff;width:40px;height:40px;border-radius:50%;text-align:center;padding-top:7px;display:inline-block;}
.social a + a{margin-left:10px;}

.footer h4{font-size:18px;margin:0 0 20px 0;}
.footer a,.copyright a{color:var(--zwart);text-decoration:none}
.footer ul.footernav{list-style:none;margin:0;padding:0}
.copyright{padding:60px 0 0 0;line-height:100%;}

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

/* Contact form */
.wpcf7-form table{width:100%}
.wpcf7-form{margin-top:60px}
.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(--zwart);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:20px;}

/* 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:300px;background-size:cover;background-position:50%;padding:0;display:block;}
.gallery .gallery-item a img{object-fit:cover;display:block;width:100%;height:300px;}
.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}
p + .video-container{margin-top: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:36px;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 30px 0}

	.vloeren .owl-stage,.projecten .owl-stage,.referenties .owl-stage,.blogs .owl-stage{left:0}
}
@media (min-width: 992px) {
	html,body{font-size:16px;line-height:28px;}
	/* .top{position:relative} */
	.logo{display:block;}
	.column{column-count:2;column-gap:30px;}
	.blok{padding:120px 0 90px 0;}

	.usps{padding:15px 0;}
	.usps .item{text-align:initial}

	.owl-nav button.owl-prev{left:-30px}
	.owl-nav button.owl-next{right:0}
	.owl-nav button i{font-size:24px;padding:15px 17px}

	/* .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{padding:25px 32px 19px 32px !important;} */

	.navbar{text-align:center;display:flex;width:100%}
	.navbar-default{border:none;}
	.navbar-collapse{padding:0;margin-top:0;box-shadow:none}
	.navbar-collapse.collapse{background-color:transparent;}
	.navbar ul#menu-hoofdmenu{padding:0;width:100%;visibility:hidden;opacity:0;transition:all 350ms ease-in-out;}
	.navbar ul#menu-hoofdmenu.active{visibility:visible;opacity:1}
	.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:16px;line-height:100%;padding:33px 0;border:none !important}
	.navbar-collapse ul li{position:relative;float:left;margin:0;padding:0 20px 0 0;width:calc(100% / 5)}
	.navbar-collapse ul li.current-menu-item>a,.navbar-collapse ul li.current-menu-parent>a{color:var(--blauw) !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(--blauw) !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:rgba(0,0,0,0.1);}
	.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;}

	/* Submenu */
	.submenu{position:absolute;z-index:999;background-color:#fff;width:100%;padding:0 0 30px 0;box-shadow:0 10px 10px -5px rgba(0, 0, 0, 0.2);opacity:0;transition:all 350ms ease-in-out;visibility:hidden;transform: translateY(10px);}
	.submenu.active{opacity:1;visibility:visible;transform: translateY(0px);}
	.submenu ul{list-style:none;margin:0;padding:0}
	.submenu ul li{}
	.submenu ul.nav > li{display:inline-block;width:calc(100% / 5)}
	.submenu ul.nav > li > a{display:none}
	.submenu ul li a{color:var(--zwart) !important;font-size:14px;text-decoration:none;}

	/* Search */
	.searchicon{position:absolute;right:0;top:calc(50% - 29px);padding:15px 0 15px 15px !important;color:var(--zwart);margin-top:0;}
	.search-form{visibility:hidden;opacity:0;transition:all 350ms ease-in-out;position:absolute;right:26px;transform:translateX(-10px);}
	.search-form.active{visibility:visible;opacity:1;transform:translateX(0px);}
	.has-search{position: relative;margin:0}
	.has-search .form-control{border:1px solid var(--lichtzwart)}
	.has-search .form-control-feedback{position:absolute;z-index:2;display:block;width: 2.375rem;height:2.375rem;line-height:2.375rem;text-align:center;pointer-events:none;color:var(--zwart);right:0}

	.filter i{position:relative;top:auto;right:auto}
	.filter select{margin-left:5px;}
	.projecten .filter .select{display:inline-block;margin-top:0;}
	.projecten .filter .select select{width:200px}

	.main h1{font-size:36px;}
	.hero h3{font-size:38px;margin-top:0;}
	.vloeren .intro p{margin-bottom:30px;}
	.vloeren .intro p:after{content:"";background-image:url("images/pijl.svg");width:40px;height:91px;background-repeat:no-repeat;background-size:contain;position:absolute;left:-30px;bottom:-15px}
	.vloeren .item .img{height:240px;}
	.vloeren .item .txt{padding:60px 30px}
	.vloeren .item .txt p{font-size:14px;line-height:26px;}
	.projecten .item{height:400px;}
	.referenties{padding-bottom:90px}
	.reviewbar{font-size:20px;line-height:20px;}
	.actueel-faq .actueel{margin-bottom:0}
	.actueel-faq .actueel .col-12 + .col-12 .item{margin-top:30px;}
	.actueel-faq .actueel .item .img{width:140px;height:140px;}
	.actueel-faq .actueel .item .txt{position:absolute;left:170px;right:30px}
	.actueel-faq .actueel .item .txt b{font-size:18px;}
	.faq h4{font-size:18px;}
	.blogposts .item .txt{padding:60px 30px}
	.blogposts .item .txt h3{font-size:20px;margin-bottom:30px;}
	.blogposts .item .txt p{font-size:14px;line-height:26px;}
	.blogposts .item .img{position:relative;height:240px;}
	.inspiratie-filter{margin-top:-30px;}
	.showroom .item{height:400px;}
	.showroom.owl-carousel .owl-nav button.owl-next, .showroom.owl-carousel .owl-nav button.owl-prev{padding:17px 20px 13px 20px !important;top:calc(50% - 25px);}
	.showroom .owl-nav button i{font-size:24px}
	.showroom .owl-nav button.owl-prev{left:-30px;}
	.showroom .owl-nav button.owl-next{right:-30px;}

	.calltoaction .img{width:1000px;height:600px;top:0;left:auto;right:-100px;background-size:auto;}
	.calltoaction .persoon{top:calc(50% + 100px);right:calc(50% - 325px)}
	.calltoaction .persoon b{margin-bottom:5px;}
	.calltoaction h3{font-size:30px;margin:0 0 30px 0}

	.blokken .flex_blok .img{width:calc(50% - 15px);height:100%;background-size:cover;background-position:50%;top:0;position:absolute;}
	.blokken .flex_blok.afbeelding_links_tekst_rechts .item{padding-left:30px;}
	.blokken .flex_blok.afbeelding_rechts_tekst_links .item{padding-right:30px;}

	.main.blok.contact{padding-bottom:120px;}

	.sidebar{position:relative;margin:-120px 0 0 0;padding:60px 0 0 0;}
	.widget.normal{padding:60px 15px 60px 15px}
	
	.footer{font-size:16px;line-height:28px;}
	.footer .logo{width:200px}
	.footer h4{font-size:20px;margin:0 0 30px 0;}
	.social{margin-top:30px;}
	.copyright{padding:120px 0 0 0;}
	.copyright span{margin:0 10px}
	.copyright span:first-of-type{margin-left:0;}
	.copyright span:last-of-type{margin-right:0;}
}
@media (min-width: 1200px) {
	.navbar-collapse ul a{font-size:16px;padding:44px 0}
	.navbar-collapse ul li{padding:0 20px 0 0;width:calc(100% / 5)}

	:is(.single-vloeren,.single-toepassingen) .header{height:500px;background-position:50% 75%;}
	.hero h3{font-size:48px;}
	.vloeren .item .img{height:360px;}
	.vloeren .intro p:after{width:53px;left:-50px;}
	.actueel-faq h3{font-size:30px;margin:0 0 60px 0}
	.calltoaction .img{right:0}

	/* .sidebar:before{content:"";width:100vw;background-color:var(--lichtgrijs);position:absolute;top:0;left:0;height:100%;z-index:-1;} */
	.sidebar:before{content:"";width:100vw;position:absolute;top:0;left:0;height:100%;z-index:0;background:url("images/ruiten.png") var(--lichtgrijs);mix-blend-mode:luminosity;background-position:30% -20px;background-repeat:no-repeat;}
	.widget.normal{padding:60px 0 60px 30px;position:relative}
}
@media (min-width: 1920px) {
	.blokken .flex_blok{max-width:1920px;margin:0 auto}
}
@import url("/wp-content/themes/roaldcraenen/unica-kleurenstijl.css");