/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

:root {
	--h1: 48px;
	--h2: 32px;
	--h3: 24px;
	--blauw: #92d5ef;
	--geel: #f7e966;
}

/* global */
h1, .h1, .banner h1, .banner .h1 {
	font-size: var(--h1);
	line-height: 1.1em;
}

h2, .h2, .banner h2, .banner .h2 {
	font-size: var(--h2);
	line-height: 1.3125em;
}

h3, .h3, .banner h3, .banner .h3 {
	font-size: var(--h3);
	font-weight: 600;
}

h4, .h4, .banner h4, .banner .h4 {

}

h5, .h5 {
	font-size: 16px;
	text-transform: none;
	letter-spacing: 0;
}

h6, .h6 {
	font-size: 14px;
}

strong {
	font-weight: 700;
}

.nomargin, .banner .nomargin {
	margin-bottom: 0;
	margin-top: 0;
}

.text-box.res-text {
	font-size: 1em;
}

/* afbeelding en vlak shortcodes */
img.afbeelding {
	position: absolute;
	z-index: -1;
	max-height: 1000px;
}

.vlak {
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
   	right: 0;
    bottom: 0;
    width: 90vw;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    z-index: -2;
}

	.vlak-overlay {
		position: absolute;
    	top: 0;
    	bottom: 0;
    	height: 100%;
    	left: -1px;
    	right: -1px;
	}
	
		.vlak-overlay.blauw {
			background-color: var(--blauw);
		}
		
		.vlak-overlay.geel {
			background-color: var(--geel);
		}

	.vlak-bg {
  		background-size: cover;
  		position: absolute;
    	top: 0;
    	left: 0;
    	height: 100%;
    	right: 0;
    	bottom: 0;
    	padding: 0 !important;
    	margin: 0 !important;
	}
		
.section.blauw {
	background-color: var(--blauw);
}

h1.blauw {
	color: var(--blauw);
}

.dark p {
	color: #fff;
}

@media only screen and (max-width: 48em) {



}