/*
 Theme Name:   Versatile Child
 Description:  Versatile Child theme
 Author:       Versatile Team
 Template:     versatile
 Version:      1.0
 Text Domain:  versatile-child
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&display=swap');

body {scroll-behavior: smooth;}
#page {overflow-x:hidden;}

html, body, .gform_wrapper .top_label .gfield_label .btn, .btn {font-family: 'poppins', sans-serif;font-size:17px;font-weight:300;line-height:1.8;}

/* FONTS */
.theme-hero .inner h1, h1, h2, h3, h4 {font-weight:500;font-family: 'Baskervville', serif;letter-spacing: 2px;}

h1, .h1, .theme-hero h1 {font-size:55px;line-height:1.2 !important;margin:0px 0px 20px;}
h2, .h2 {font-size:40px;line-height:1.2 !important;margin:0px 0px 15px;}
h3, .h3 {font-size:20px;line-height:1.2 !important;margin:0px 0px 15px;}
h4, .h4 {color:#a9b0be;text-transform:uppercase;font-size:16px;font-weight:500;margin:0px 0px 10px;}

	.theme-hero .inner h1 {margin-bottom:10px;}
	h1.entry-title {text-align:left;padding:0px 15px;color:#FFFFFF;}

b, strong {font-weight:500;}

a {font-weight:600;}
a.btn, body .gform_wrapper input[type="submit"], a.btn, .btn, .btn:active, .btn:focus, .theme-hero .btn, body .gform_wrapper input[type="submit"] {transition:0.3s ease;}
a.btn, body .gform_wrapper input[type="submit"], .btn, .btn:active, .btn:focus, .theme-hero .btn, body .gform_wrapper input[type="submit"] {font-weight:500;border-radius:60px;margin:0px 0px 20px;color:#fff !important;padding:15px 45px;text-align:center;display:inline-block;border:0px !important;font-size:17px;line-height:1.8;}


/* HEADER */
.theme-hero {height:auto;width:100%;padding:100px 15px;position:relative;z-index:0;margin-bottom:0px;}
.theme-hero::before {background: linear-gradient(15deg, rgb(0 0 0 / 1) 0%, rgb(0 0 0 / 15%) 70%) !important;height:100%;width:100%;position:absolute;content:'';top:0;left:0;z-index:1;}
.theme-hero .wrapper {z-index:2;}
.theme-hero .inner {width:100%;max-width:700px;padding:0px;border-radius:0px;text-align:left;background:rgba(0,0,0,0);box-shadow:unset !important;}
.theme-hero .inner h1 {color:#FFFFFF;text-indent:0px !important;}
.theme-hero .inner p {color:#FFFFFF;}
/*.theme-hero .inner .intro {text-transform:uppercase;font-weight:500;color:#FFFFFF !important;}*/

.theme-hero.hero-static {min-height:0vh;position:relative;z-index:0;padding:200px 50px;margin-bottom:0px;}
.theme-hero.hero-static::before {background:rgb(18,45,46);background:linear-gradient(90deg, #2F2F2F 0%, rgb(0 0 0 / 15%) 70%)!important;height:100%;width:100%;position:absolute;content:'';top:0;left:0;z-index:1;}
/*.theme-hero.hero-static::after, .theme-hero::after {position:absolute;content:'';width:100%;height:210px;background-image: url(https://lindentotaalbouw.nl/wp-content/themes/versatile-child/img/boogheader.svg);background-size:100% auto !important;bottom:-11px;left:0px;z-index:1;background-repeat:no-repeat;background-position:bottom center;}*/


/* KRUIMELPAD */
body:not(.home).breadcrumb-default #breadcrumbs {border-bottom:0px;margin-bottom:40px !important;}
#breadcrumbs {padding:0px 15px;color:#FFF;}
#breadcrumbs .breadcrumb-text {font-weight:400;margin-top:10px;padding:0px;}
#breadcrumbs .col {padding:0px;}
.breadcrumb_last, #breadcrumbs .breadcrumb-text, #breadcrumbs .breadcrumb-text a {color:#FFF !important;}


/* NAVIGATIE */
.top-bar {font-size:15px;}

.site-header {border-bottom:1px solid #393939;}
.site-header .header-bottom {padding: 5px 15px 0px!important;}
.sticky-nav {border-bottom:0px;box-shadow:unset !important;}
	.main-navigation ul.sub-menu {border-radius:2px;overflow:hidden;}
	.main-navigation a {font-weight:400;font-size:17px;}
	.main-navigation ul ul a {font-size:17px;width: 260px;}

li.menu-btn a {font-weight:600;border-radius:2px;letter-spacing:1px;margin:-9px 0px 0px;color:#fff;padding:14px 25px;text-align:center;display:inline-block;background-color:#e34f29;font-size:15px;;}
li.menu-btn a:hover, li.menu-btn a:focus {background-color:#cf3b15;color:#fff !important;}
li.current-menu-item.menu-btn a {color:#FFF !important;}


/* AFBEELDINGEN */
.centered-text-narrow img {height:auto;}
.header-logo img {height:65px;max-height:65px;}
.flex-columns img {height:auto;border-radius:10px;width:auto;}
.centered-text-narrow img {height:auto;}
#secondary img {max-width:100%;height:auto;}


/* GRAVITY FORMS */
.site-content .gform_wrapper.gravity-theme .gfield {max-width:800px;}
.gform_wrapper ul.gform_fields li.gfield {margin:10px 0px 0px !important;}
body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio {margin-top: 0px !important;margin-bottom: 20px !important;}
body .gform_wrapper textarea {height:160px !important;}
body .gform_wrapper .gform_footer {margin:20px 0px 0px !important;}
.gform_legacy_markup_wrapper .gform_footer input.button, .gform_legacy_markup_wrapper .gform_footer input[type="submit"], .gform_legacy_markup_wrapper .gform_page_footer input.button, .gform_legacy_markup_wrapper .gform_page_footer input[type="submit"]{line-height: 1.5;}
.gform_required_legend {display:none !important;}


/* FLEX COLUMNS */
.flex-columns div[class^="col"] {padding: 0 15px;}

.fblock-image-text.strech-image {padding-top:100px;padding-bottom:100px;}
.fblock-image-text.strech-image .image-block {z-index:10;border-radius:30px;overflow:hidden;}

.text-block.col {z-index:3;}

.centered-text-narrow {margin:0 auto;}


/* CARDS */
.flex-columns.card-info img {border-radius:0px;}

.card-info .col-lg-4 h3, .card-info .col-lg-4 p, .card-info .col-lg-4 .link-block, .card-info .col-lg-3 h3, .card-info .col-lg-3 p, .card-info .col-lg-3 .link-block {padding:0px 30px;}
.flex-columns .image-wrapper {margin:0px 0px 0px;}
.card-info .col-lg-4 .link-block .btn, .card-info .col-lg-3 .link-block .btn {width:100%;}
.card-info .col-lg-4, .card-info .col-lg-3 {box-shadow:0 2rem 6rem rgba(45,45,46,.08) !important;background-color:#FFF;border-radius:2px;overflow:hidden;}
.card-info.small .container-fluid, .card-info.small .container {max-width:1300px !important;}

.flex-columns.cards {padding-top:30px !important;}
.flex-columns.cards a.btn {width:100%;border-radius:0px 0px 30px 30px;line-height:1.8;padding:20px 15px !important;margin:0px !important;}
.flex-columns.cards .col-lg-4 .image-wrapper, .flex-columns.cards .col-lg-3 .image-wrapper {border-radius:30px 30px 0px 0px;max-height:500px;}
.flex-columns.cards img {border-radius:0px !important;}

.flex-columns.cards-img {padding-top:50px !important;}
.flex-columns.cards-img img {max-width:150px;margin-bottom:20px;}

.flex-columns.cards .col-lg-4 {width:31.3333%;-ms-flex:0 0 31.3333%;flex:0 0 31.3333%;max-width:31.3333%;margin:0px 1%;padding:0px;}
.flex-columns.cards .col-lg-3 {width:23%;-ms-flex:0 0 23%;flex:0 0 23%;max-width:23%;margin:0px 1%;padding:0px;}

.cards.small .container {max-width:1300px !important;}

/* BLOG */
.search article, .blog article {margin:30px 0 50px;padding-bottom:50px;border-bottom:1px solid #C6DAD7;display:table;}
.search article.has-post-thumbnail .entry-title, .blog article.has-post-thumbnail .entry-title {margin:0px 0px 10px;}


/* FOOTER */
.site-footer {border-top:0px;padding-top:100px;}
.site-footer .footer-bottom {font-size:14px;}
.site-footer .footer-second-row a {line-height:2.8;}
.site-footer a {text-decoration:underline;color:inherit;}
.site-footer .h2-title, .site-footer .a-title {font-size:35px !important;font-weight:500 !important}

.col-lg-6.rght, .col-lg-6.lft {padding:0px;}
.col-lg-6.lft {text-align:left;float:left;}
.col-lg-6.rght {text-align:right;float:right;}


/* FAQ */
.faq-scheme .faq-scheme-list-item .faq-scheme-question {font-weight:400 !important;font-size:17px !important;}
.faq-scheme-list {margin:0px 0px 20px;}


/* CUSTOM */
.center {text-align:center;}

.no-space-bottom, .no-space-bottom .container-fluid {padding-bottom:0px !important;margin-bottom:0px !important;}
.no-space-top, .no-space-top .container-fluid {padding-top:0px !important;margin-top:0px !important;}
.no-space, .no-space .container-fluid {padding-top:0px !important;padding-bottom:0px !important;margin-top:0px !important;margin-bottom:0px !important;}

.page-template-no-sidebar #primary {padding-right: 0px !important;}

.call-cta {display:none;}
#page .mobile-cta {display:none;}
.ti-widget.ti-goog .ti-widget-container {text-align: left !important;}
.smooth-scroll {padding-top:115px !important;margin-top:-115px !important;}
iframe {margin-top:30px;}

.USP .col-lg-4 {text-align:center;border-right:solid 1px #efdde1;}
.USP .col-lg-4:last-of-type {border-right: none;}
.USP .col-lg-4 p {margin:0px;}
.USP .col-lg-4 b, .USP .col-lg-4 strong {font-size:19px;font-weight:600;}


/* LINDEN */
.top-dark {background:linear-gradient(180deg, #050505 0%, #050505 80%, #FFF 80%, #FFF 100%) !important;color:#FFF;}
.top-dark-short {background:linear-gradient(180deg, #050505 0%, #050505 40%, #FFF 40%, #FFF 100%) !important;color:#FFF;}
.top-light {background:linear-gradient(180deg, #ffffff 0%, #ffffff 60%, #241f0e 60%, #241f0e 100%) !important;}




/*
h4::before, .theme-hero .inner .intro::before {
    content: "|";
    margin: 0 0.5rem 0 0;
    color: #e34f29;
	font-weight:600;
}
*/

/*.theme-hero .inner .intro {color:#FFF !important;}*/

.calltoactionfoto{padding: 150px 15px 150px;}

.card-info .col-lg-4:nth-child(1), 
.card-info .col-lg-3:nth-child(1) {background-color:unset;box-shadow:unset !important;display: flex;justify-content:center;align-content:center;flex-direction:column;}

.site-content .gform_wrapper.gravity-theme .gfield {max-width:100%;}


.flex-columns.quote::before {background: rgb(18,45,46);background: linear-gradient(1deg, rgb(0 0 0) 0%, rgba(0, 0, 0, 0.38) 90%) !important;height: 100%;width: 100%;position: absolute;content: '';top: 0;left: 0;z-index: 1;}


.flex-columns.quote {
  padding: 150px 15px 130px;
    padding-right: 15px;
    padding-left: 15px;
}

.flex-columns.quote {
  position: relative;
  z-index: 0;
}

.flex-columns.quote .col-lg-12 h2, .flex-columns.quote .col-lg-12 h3 {
  font-size: 45px !important;
}

.flex-columns.quote a {
  font-size: 17px;
  font-weight: 500;
  position: relative;
  z-index: 0;
}

.flex-columns.quote .col-lg-12 p {
  font-size: 20px;
}

.flex-columns.quote .col-lg-12 {
  padding: 100px 100px 80px !important;
  max-width: 700px;
  color: #FFF;
  z-index: 10;
}

.impression {padding-top:0px;}
.impression .col-lg-4 img {
  margin-top: 70px;
}
.impression img {
  width: 100%;
  height: auto;
}

.offset .col-lg-4, .offset .col-lg-3 {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.quote-single {padding:70px 15px 50px;}
.quote-single .row {
    padding-left: 50px;
    position: relative;
    z-index: 1;font-weight:400;
    font-size: 25px;
}
.quote-single .row::before {
    background-color: #e34f29;
    content: "";
    left: -50px !important;
    height: 5vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}

.quote-single .container-fluid {
    max-width: 1200px;
}

#content {margin-top:70px;}

@media (max-width:767px) {
	
	.card-info, .offset {padding-left:30px;padding-right:30px;}
	
	.card-info .col-lg-4, .card-info .col-lg-3 {padding:50px 20px 30px !important;}
	
	.flex-columns.quote .col-lg-12 {
		padding: 20px 30px 0px !important;}
}

.dots-left .row {position:relative;z-index:1;}
	.dots-left .row::after {background-image:url('https://lindentotaalbouw.nl/wp-content/themes/versatile-child/img/dots.svg') !important;background-size:800px auto !important;background-repeat:no-repeat !important;background-position:center right;height:800px;width:800px;content:'';position:absolute;z-index:1;bottom:-25%;left:15%;}

.usp {margin-top:50px;text-align:center;}

.usp img {
    max-width: 150px;
    margin: 0px 0px 20px;
}

.usp p {
    font-size: 19px;
    line-height: 1.2 !important;
    font-weight: 700;
    margin: 0px 0px 15px;
}

@media (max-width: 767px) {
.flex-columns.usp .col-lg-3 {
    width: 50%;
}

.flex-columns.usp .col-lg-3:nth-child(even) {
    padding-top: 50px;
}

}


@media (min-width:768px) {
	
	.card-info .col-lg-4, .col-lg-3.col-xl-4 {width:31.3333% !important;max-width:31.3333% !important;margin:1%;padding:0px 0px 15px !important;overflow:hidden;}
	.card-info .col-lg-3 {width:23%;max-width:23%;padding:50px 30px 30px !important;overflow:hidden;}
	.card-info .col-lg-4 {padding:50px 30px 30px !important;overflow:hidden;}
	.flex-columns.card-info .col-lg-3 {margin:1% 1% 30px 1% !important;}

	#page .mobile-cta {display:none!important;}
	
	.wp-block-embed iframe {max-width: 100%;width: 560px;height: 315px;}
	
}


@media (min-width:1200px) and (max-width:1700px) {


	.site-footer .footer-container {padding:0px 30px !important;}
	.site-footer .footer-bottom {padding-left:30px !important;padding-right:30px !important;}
	
	.flex-columns, .site-content, .container {padding-left:30px !important;padding-right:30px !important;}

}


@media (min-width:1200px) {
	
	body.header-wrapper-disabled #masthead .wrapper, .container, .container-sm, .container-md, .container-lg, .container-xl, .site-content, .theme-hero .wrapper, .container, .container-fluid .row, .container-sm, .container-md, .container-lg, .container-xl, .cards .container, .site-footer .footer-container {max-width: 1700px !important;}
	.fblock-image-text.container-fluid .row, .site-footer .footer-bottom, .site-footer .footer-bottom, .card-info .container {max-width:1700px !important;margin: 0 auto;}
		
	.theme-hero.hero-static .btn {margin:0px 5px;}
	
	#primary {padding-right:150px;}
	
}


@media (max-width:767px) {
	

	.no-space-bottom, .no-space-bottom .container-fluid {padding-bottom:0px !important;}
	.no-space-top, .no-space-top .container-fluid {padding-top:0px !important;}
	.no-space, .no-space .container-fluid {padding-left:15px !important;padding-right:15px !important;}

	h1, .theme-hero .wrapper h1 {font-size:45px;line-height:1.2 !important;}
	h1.entry-title {margin:0px;}
	h2 {font-size:30px!important;}
	
	a.btn, body .gform_wrapper input[type="submit"], .btn, .btn:active, .btn:focus, .theme-hero .btn, body .gform_wrapper input[type="submit"]{padding: 20px 15px 18px !important;width:100%;text-align:center;padding:15px;}
	
	.site-header .header-bottom {height:70px;padding: 5px 15px 0px 15px;}
	
	.theme-hero {height:auto;padding:100px 15px;width:100%;background-color:#FFFFFF;min-height:unset;margin:0px 0px 70px !important;}	
	.theme-hero .inner {padding:0px 15px;text-align:left;}
	
	.cards {padding:15px 15px;}
		.flex-columns.cards .col-lg-4 {padding:0px !important;}

	
.flex-columns.cards .col-lg-4 {width:100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin:0px 1%;}
.flex-columns.cards .col-lg-3 {width:100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin:0px 1%;}
/*
	.theme-hero .inner h1 {font-size:30px;}
	.theme-hero.hero-static {height:auto;padding:100px 15px;margin:0px !important;}
	.theme-hero.hero-static::after {bottom:-1px !important;}
	
	#breadcrumbs .col {padding:0px;}
	#breadcrumbs .breadcrumb-text {padding:0px !important;}
					
	.fblock-image-text.strech-image {margin: 0px;padding: 50px 15px 20px;}
	.fblock-image-text.strech-image .image-block {padding:0px 15px !important;margin-bottom:30px;}
	.fblock-image-text.container-fluid.strech-image .text-block.col {padding: 30px;}
		
	.center {text-align:left;}

	#slide-menu a, #slide-menu .current_page_item > a, #slide-menu .current-menu-item > a, #slide-menu .current_page_ancestor > a, #slide-menu .current-menu-ancestor > a, #slide-menu a {font-weight:600;}
	#slide-menu .menu-btn a {font-weight:600;border-radius:0px;letter-spacing:1px;margin:0px 0px 0px;color:#FFF !important;padding:14px 15px;text-align:center;display:inline-block;background-color:#e34f29;width:100%;text-align:center;}
	#slide-menu .menu-btn a:hover, #slide-menu .menu-btn a:focus {background-color:#cf3b15;color:#FFF !important;}
	
	.site-footer {padding-top:100px !important;margin-top:0px;}
	.site-footer .footer-bottom {margin-top:0px !important;display:inline-block;}
	.site-footer .footer-container {padding:0px 30px !important;padding-bottom:0px !important;}
	.col-lg-6.lft, .col-lg-6.rght {padding-left:15px !important;padding-right:15px !important;text-align:left;padding-bottom:20px;}
		
	.centered-text-narrow.no-space.center {padding: 0px !important;}
		
	#secondary {padding-bottom:0px !important;}
	
	.search article .post-thumbnail, .blog article .post-thumbnail {overflow: hidden;width: 100%;margin:0px 0px 20px;height: auto;display: inline-block;}
	
	.mobile-cta {display: inline-block;width: 100%;height: auto;position: fixed;z-index: 20;bottom:0px;padding: 0px 30px;}	
	.mobile-cta a.btn, a.btn, .btn, .btn:active, .btn:focus, .theme-hero .btn, body .gform_wrapper input[type="submit"] {text-decoration:none !important;padding:20px 5px !important;width:100%;}
	
	.call-to-action h2 {line-height:22px;font-size:15px;padding:10px;}
	.call-cta {display:block !important;}
	.call-cta a {position:fixed;bottom:15px;right:80px;border-radius:60px;width:50px;height:50px;font-size:20px;padding:8px 14px;background-color:#a3381c;z-index:10;color:#FFF !important;box-shadow:0px 0px 12px #555;border:0px;}
	
}
