/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Default values for standard classes we use */
:root {
	--ws-border-radius: 10px;
}
/* Bio Sans ExtraLight */
@font-face {
    font-family: 'bio-sans';
    src: url('/fonts/BioSans-ExtraLight.woff2') format('woff2'),
         url('/fonts/BioSans-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
html{
	scroll-behavior: smooth;
}
/* Bio Sans Light */
@font-face {
    font-family: 'bio-sans';
    src: url('/fonts/BioSans-Light.woff2') format('woff2'),
         url('/fonts/BioSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

/* Bio Sans Regular */
@font-face {
    font-family: 'bio-sans';
    src: url('/fonts/BioSans-Regular.woff2') format('woff2'),
         url('/fonts/BioSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* Bio Sans Italic */
@font-face {
    font-family: 'bio-sans';

    font-weight: 400;
    font-style: italic;
}

/* Bio Sans SemiBold */
@font-face {
    font-family: 'bio-sans';
 
    font-weight: 600;
    font-style: normal;
}

/* Bio Sans Bold */
@font-face {
    font-family: 'bio-sans';

    font-weight: 700;
    font-style: normal;
}

/* Bio Sans Bold Italic */
@font-face {
    font-family: 'bio-sans';

    font-weight: 700;
    font-style: italic;
}

/* Bio Sans ExtraBold */
@font-face {
    font-family: 'bio-sans';

    font-weight: 800;
    font-style: normal;
}

.page .color-white {
	color: #fff !important;
}

.page .rounded, .page .rounded * {
	border-radius: var(--ws-border-radius);
}
.page .banner-container{
	clip-path: padding-box;
	border: transparent 10px solid;
	border-radius: calc(var(--ws-border-radius) + 10px) !important;
	max-width: 1343px !important;
	justify-self: center;
	left: initial !important;
	background-position-y: 100% !important;
}
.page h2{
	font-size: 34px;
}
body.page{
	font-size: 16px;
}
.page p,
.page h1,
.page h2,
.page h3,
.page a,
.page h4,
.page li,
.page h5,
.page button{
	font-family: 'bio-sans';
}
body.page.home{
	background: linear-gradient(to bottom, #EFEFEF 0px, #EFEFEF 370px, #FFFFFF 370px, #FFFFFF 100%);
}
body:not(.home) header#masthead{
	background-color: #EFEFEF;
}
body:not(.home).single-post .featured-image{
	text-align: center;
}
body:not(.home).single-post footer.entry-meta{
	display: none;
}
.entry-meta .byline{
	display: none;
}
.page .orange-row{
	background: #FFF;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 15%, rgba(239, 125, 0, 1) 15%, rgba(239, 125, 0, 1) 50%, rgba(239, 125, 0, 1) 85%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0) 100%);
}
.page .orange-row-small{
background: #FFF;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(239, 125, 0, 1) 20%, rgba(239, 125, 0, 1) 50%, rgba(239, 125, 0, 1) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
}
.main-navigation .main-nav ul li > a{
	text-transform: uppercase !important;
	font-size: 14px !important;
	
	}
a.btn,
.main-navigation .main-nav ul li.Contact-menu > a{
	text-transform: uppercase !important;
	padding: 15px;
	font-size: 16px;
	border-radius: 5px;
	display: block;
	width: fit-content;
	line-height: 1;
	transition: 0.3s linear;
}
input[type='submit']{
	transition: 0.3s linear;
}
a.btn:hover,
.main-navigation .main-nav ul li.Contact-menu > a:hover,
input[type='submit']:hover{
	transform: scale(1.05);
	filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.3));
}
a.btn.btn-white{
	background: white;
	color: #575756;
}
a.btn.btn-orange,
.main-navigation .main-nav ul li.Contact-menu > a{
	background: #F39226;
	color: white;
}
.review-container{
		padding: 2em 3em;
}
.review-container .btn-container p{
	margin-bottom:0;
}
.page .review-container img{
	border-radius: 0;
}
.review-container div:not(.btn-container) > div > p{
	font-size: 25px;
}
.benaming{
	color: #EF7D00;
	font-weight: 700;
	text-transform: uppercase;
}
/*  carrousel */
.vc_row.container-carrousel{
	padding-right: 0 !important;
}
.ult-item-wrap.slick-slide{
	min-width: 14vw;
}
.ult-carousel-wrapper > .slick-slider{
	display: flex;
	flex-wrap: wrap;
}
.ult-carousel-wrapper button {
    z-index: 1;
    position: relative;
}
button.slick-prev {
  display: none !important;
}

button.slick-next {
display: none !important;
}
div.slick-track{
	display: flex;
}
.vc_row.container-carrousel .slick-slide img {
	/* height: 240px;
	width: 100%; */
	object-fit: cover;
	border-radius: 5px;
}
button.slick-next-custom,
button.slick-prev-custom{
	float: right;
	background: none;
}
.page .grey-row{
	background: #FFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 15%, rgba(239, 239, 239, 1) 15%, rgba(239, 239, 239, 1) 50%, rgba(239, 239, 239, 1) 100%);
}
/* Only desktop */
@media only screen and (min-width: 768px) {
	div.img-full > div > div.vc_column-inner{
		padding-inline: 0;
	}
	.hide-desktop{
		display: none !important;
	}
	.copyright-bar .bottombar-container{
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
}
.btn-container {
    display: flex;
    flex-direction: row;
    column-gap: 1em;
    place-items: center;
    margin-bottom: 10px;
}

/*  Nieuwe GRID*/
.rt-row .rt-grid-item div.rt-holder{
	box-shadow: none;
}
.rt-row .rt-holder .rt-detail .entry-title a{
	color: #575756 !important;
	font-weight: bold !important;
	
}
.rt-row .rt-holder .rt-detail {
	padding: 0 !important;
}
.rt-row .rt-holder .rt-detail  .tpg-excerpt{
		color: #575756 !important;
		
}
.rt-row .rt-holder .rt-detail h3.entry-title{
	margin-bottom: 3px;
}
.rt-row .rt-holder  img{
	border-radius: 5px;
}
.tpg-shortcode-main-wrapper .carousel1 .rt-holder .rt-detail, .tpg-shortcode-main-wrapper .isotope1 .rt-holder .rt-detail, .tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-detail {
	background: transparent;
}
.rt-tpg-container.grid-container{
	padding-inline: 0;
}
.nieuws-container.btn-container{
	justify-content: space-between;
	margin-bottom: 20px;
}
.nieuws-container.btn-container > div{
	margin-top: auto;
}
.nieuws-container.btn-container > div a{
	color: #575756;
	text-decoration: underline;
	font-size: 16px;
}
.contact-container{
	padding: 1em 3em 3em 3em;
}
div.gform-footer.gform_footer{
	margin-bottom: 0;
	padding-bottom: 0;
}
div.gform-footer.gform_footer > input {
	margin-bottom: 0;
}
.contact-container h2{
	color: white;
}
.contact-container a,
.contact-container p{
	color: rgba(255,255,255,0.75);
}
.contact-container .wpb_text_column{
	border-right: 1px solid #EEECF8;
}
.contact-container input,
.contact-container textarea{
	border-radius: 5px;
	border: none;
	font-size: 14px !important;
	padding-left: 15px;
}
.contact-container input[type="submit"]{
	padding: 11px 21px;
	float: right;
	margin-left: auto;
	text-transform: uppercase;
}
.half-grey{
	background: #FFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(239, 239, 239, 1) 50%, rgba(239, 239, 239, 1) 100%);
}
.copyright-bar{
	width: 100%;
}
/* 110% size */
@media (min-width: 1701px) and (max-width: 1919px) {}

/* Laptop L (120%) size */
@media (min-width: 1501px) and (max-width: 1700px) {}

/* Macbook screens size (1440x768) */
@media (min-width: 1401px) and (max-width: 1500px) {}

/* Laptop S/M (150%) sizes */
@media (min-width: 1200px) and (max-width: 1400px) {}

/* Tablet/iPad landscape mode */
@media (min-width: 901px) and (max-width: 1199px) {
		.page .banner-container{
		background-position-x: 0 !important;
	}
}
@media    (-webkit-min-device-pixel-ratio: 2) 
  and (max-device-width: 1025px) {
	.page .banner-container{
		border-width: 3px;
		left: 0 !important;
		width: auto !important;
	}
	
}
/* Tablet/iPad portrait mode */
@media (min-width: 501px) and (max-width: 900px) {
	/* Default tablet flex rules for WPBakery Rows. Use class tab-flexcol or tab-flexcol-rev on a row to have it below each other. */
	body .tab-flexcol {
		display: flex;
		flex-direction: column;
	}
	body .tab-flexcol-rev {
		display: flex;
		flex-direction: column-reverse;
	}
	body .tab-flexcol > div, body .tab-flexcol-rev > div {
		width: 100%;
	}
		.page .banner-container{
		background-position-x: 0 !important;
	}
}

/* Mobile general */
@media (max-width: 768px) {
	.main-navigation.toggled .main-nav li{
		padding: 0.5em 1em;
	}
	.main-navigation.toggled .main-nav{
		padding: 1em 0;
	}
	.page .banner-container{
		background-position-x: 0 !important;
	}
	.page .orange-row .banner-container{
		background-position-x: 60% !important;	
	}
}

/* iPhone X en kleiner */
@media (max-width: 380px) {}


.post .featured-image img {
	max-height: 350px;
	width: auto;
}
.page .rt-grid-item .rt-img-holder img{
	height: 200px;
}
.inside-article .entry-header{
	margin-top: 2em;
}