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

:root {
	--site-width: /*1152px*/ 1240px;
	--site-max: 1920px;
	--gutter: 12px;
	--col-width: 74px;
	--blue: #576cb2;
	--dark: #292929;
	--indent: 32px;
	--padding: 5vw;
	--header-height: 100px;
	--h1: 36px;
	--h2: 24px;
	--h3: 20px;
	--h4: 18px;
}

/* flickity witruimte fix? */
html {
	overflow-y: scroll;
}

/* grid */
body.logged-in #wrapper #main {
	xbackground: url("https://nicolevankilsdonk.nl/wp-content/uploads/proworks-grid.png") repeat-y 50% 50%;
}

.row, .row.row-collapse {
    max-width: var(--site-width);
}

.row.row-large {
    max-width: calc(var(--site-width) + 34px);
}

.container {
	max-width: var(--site-width);
	padding: 0;
	margin: 0 auto;
}

.col {
	padding: 0 var(--gutter);
	padding-bottom: 0 !important;
}

.custom-col>.col-inner {
	padding: 0 var(--gutter);
}

/* header */    
#masthead {
	max-width: var(--site-width) !important;
	margin: 0 auto;
}

	#masthead .header-inner {
		padding: var(--gutter);
	}
	
.flex-right .header-block {
	max-width: 100px;
	width: 100px;
}
	
/* menu */
.off-canvas-center .mfp-content {
	max-width: 100vw;
	padding: 0px !important;
}

.lightbox-content .row:not(.row-collapse) {
	margin: 0 auto;
}
	
/* global */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-weight: 500 !important;
	word-wrap: break-word;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight: 700;
}

h1, .h1, .banner h1, .banner .h1 {
	font-size: var(--h1);
}

h2, .h2, .banner h2, .banner .h2 {
	font-size: var(--h2);
}

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

h4, .h4, .banner h4, .banner .h4 {
	font-size: var(--h4);
}

h5, .h5 {
	font-size: 16px;
}

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

.dark p {
	color: #fff;
}

.dark a:hover, .white.is-link:hover span {
	opacity: 0.8;
}

strong {
	font-weight: bold;
}

.nomargin {
	margin: 0;
}

.vlak {
	position: absolute;
	z-index: -1;
	background-size: cover;
	margin: 0 auto;
	border-bottom-left-radius: 1em;
	border-top-left-radius: 1em;
}

.banner.rounded, .banner.rounded .banner-bg {
	border-radius: 1em;
}

img.size-full.alignnone {
	margin-bottom: 1em;
}

.padding .col-inner {
	padding: 0 var(--gutter);
}

.white {
	color: #000 !important;
}

.button {
	font-weight: bold;
}

.button:not(.icon)>span+i {
    margin-left: 0.2em;
    transition: all 0.2s;
}

.button:not(.icon):hover>span+i {
    margin-left: 0.68em;
}

.gap-element.padding {
	padding-top: var(--padding) !important;
}

.gap-element.header {
	padding-top: var(--header-height) !important;
}

.section.nomargin {
	padding: 0;
}

.section.bottom {
	align-items: flex-end;
}

.indent {
	padding-left: var(--indent);
}
	
	.nf-form-content {
    	padding: 0px !important;
    }
	
.social-icons .button.icon.circle {
	border-radius: 0 !important;
	border: 3px solid #000;
}

	.contact-info .button.icon.circle i {
		color: #000;
	}

.filmstrip .col-inner {
	xxbackground-image: url('https://nicolevankilsdonk.nl/wp-content/uploads/bg-filmstrip.png');
	background-size: auto 35px;
	background-position: top;
	background-repeat: repeat-x;
	padding-top: 35px;
}

	
	.filmstrip .slider .banner {
		margin: 0 10px !important;
	}
	
	.filmstrip .slider .banner .banner-bg.fill {
		border-radius: 25px;
	}
	
	.filmstrip .slider {
		padding-bottom: 3em;
	}
	
	.filmstrip .slider .dot {
		background-color: transparent !important;
		border: 0 !important;
		background-image: url('https://nicolevankilsdonk.nl/wp-content/uploads/dot.png');
		background-size: cover;
		width: 15px;
		xmargin: 0;
		padding: 0;
		border-radius: 0;
		height: 18px;
	}

	

@media only screen and (max-width: 849px) {
	:root {
		--indent: 12px;
	}
	
	.col .col-inner.text-right {
		text-align: center;
	}
}

@media only screen and (min-width: 849px) {
	.view-in-room {
		width: calc(100vw - 20vh);
	}
	
	.mfp-container .mfp-content {
    	top: 10vh !important;
    	vertical-align: top;
    	width: calc(100vw - 20vh);
	}
}

@media only screen and (max-width: 1152px) {
	.row-large>.col {
   		padding: 0 var(--gutter);
	}
}

@media only screen and (min-width: 1920px) {
	
}