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

/**
 * @license
 * MyFonts Webfont Build ID 3860694, 2020-01-28T07:53:32-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Gilroy-Light by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/light/
 * 
 * Webfont: Gilroy-ExtraBold by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/extra-bold/
 * 
 * 
 * Licensed pageviews: 100,000
 * Webfonts copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
 * 
 * © 2020 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3ae8d6");
@font-face {font-family: 'Gilroy-Light';src: url('webfonts/3AE8D6_0_0.eot');src: url('webfonts/3AE8D6_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3AE8D6_0_0.woff2') format('woff2'),url('webfonts/3AE8D6_0_0.woff') format('woff'),url('webfonts/3AE8D6_0_0.ttf') format('truetype'),url('webfonts/3AE8D6_0_0.svg#wf') format('svg');}
@font-face {font-family: 'Gilroy-ExtraBold';src: url('webfonts/3AE8D6_1_0.eot');src: url('webfonts/3AE8D6_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3AE8D6_1_0.woff2') format('woff2'),url('webfonts/3AE8D6_1_0.woff') format('woff'),url('webfonts/3AE8D6_1_0.ttf') format('truetype'),url('webfonts/3AE8D6_1_0.svg#wf') format('svg');}


:root {
	--site-width: 1140px;
	--site-width-content: 1120px;
	--gutter: 10px;
	--indent: 20px;
	--col-width: 75px;
	--purple: #662483;
	--orange: #F39200;
	--light-orange: #F8C87E;
	--light: #F7F7F7;
	--text-light: #898989;
	--border: 2px solid #E8E8E8;
	--margin: 100px;
	--h1: 50px;
	--h2: 28px;
	--h3: 22px;
	--mask_width: 380px;
	--mask_height: 50px;
	--gap-180: 180px;
	--gap-120: 120px;
	--gap-100: 100px;
	--gap-70: 70px;
	--gap-60: 60px;
	--gap-45: 45px;
	--gap-25: 25px;
}

body {
	xoverflow-x: hidden;
}

html body, html body p {
	font-family: Gilroy-Light;
	font-weight: normal;
	font-style: normal;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .off-canvas-center .nav-sidebar.nav-vertical > li > a, .nav-vertical>li>ul li a {
	font-family: Gilroy-ExtraBold !important;
	font-weight: normal !important;
	font-style: normal;
	opacity: 1;
}
	
/* grid */
body.logged-in #wrapper #main {
	xbackground: url("/wp-content/uploads/grid.png") repeat-y 50% 50%;
}

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

.row.row-large {
    max-width: var(--site-width-content);
}

.row.row-small {
    max-width: 1100px;
}

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

	.row-large>.col {
    	padding: 0 var(--gap-45);
	}

/* header */
#top-bar .container {
	max-width: var(--site-width) !important;
	margin: 0 auto;
	padding: 0 calc(var(--gutter) + 20px);
}

	.menu-topmenu-container, #menu-topmenu, #menu-topmenu li {
		display: inline;
		xfont-size: 12px !important;
		margin: 0 1em;
	}

	#menu-topmenu li {
		display: inline;
		border-top: 0;
	}
	
	#top-bar a.active, #top-bar .current_page_item a {
		color: var(--orange);
	}

#masthead {
	max-width: var(--site-width);
	margin: 0 auto;
}

	#masthead .header-inner {
		padding: 0 calc(var(--gutter) + 20px);
	}
	
	.header-nav {
		align-items: baseline;
	}
	
	.nav-spacing-xlarge>li {
   		margin: 0 20px;
	}
	
	#header .nav>li>a, .nav-dropdown a {
		font-family: Gilroy-ExtraBold !important;
		font-weight: normal !important;
		font-style: normal;
		font-size: 18px;
		xcolor: var(--purple);
	}
	
		#header .nav>li>a:hover, #header .nav>li.active>a  {
			color: var(--orange);
		}
		
	.header-bottom {
    	margin-top: 1em;
	}
	
	.postid-1913 .header-bottom, .postid-502 .header-bottom {
		display: none;
	}
		
	#top-bar .nav>li>a {
		font-size: 14px;
	}
	
	#top-bar a {
		color: var(--purple);
		font-family: Gilroy-ExtraBold !important;
		font-size: 14px;
		height: 18px;
	}
	
		#top-bar a .cls-1 {
			fill: none;
        	stroke: var(--purple);
        	stroke-width: 0.75px;
      	}
      	
      	#top-bar a:hover, #top-bar a.svg-icon-tel:hover .cls-1 {
      		color: var(--orange);
      		stroke: var(--orange);
      	}
	
	#home_symbol {
		stroke: var(--purple) !important;
	}
	
		.nav > li > a:hover #home_symbol, .nav > li.active > a #home_symbol {
			stroke: var(--orange) !important;
		}
		
	.mfp-bg.off-canvas-center:not(.dark) {
    	background-color: #fff;
   		opacity: 1;
	}
		
	.off-canvas-center .mfp-content {
    	padding-top: 0;
    	vertical-align: top;
	}
	
	.off-canvas .sidebar-menu {
		padding: 0 !important;
	}
		
	.off-canvas-center .nav-sidebar.nav-vertical > li > a {
		color: var(--purple);
		padding: 0.5em 0;
		font-size: 22px;
	}
	
	.nav-vertical> .active>.children {
		padding-bottom: 1em;
	}
	
	.off-canvas-center:not(.dark) .mfp-close {
		color: var(--purple);
		opacity: 1;
	}
	
	.off-canvas-center .nav-vertical>li>ul li a {
		color: var(--purple);
		font-size: 15px;
	}
	
		.off-canvas-center:not(.dark) .mfp-close:hover, .off-canvas-center .nav-vertical>li>ul li a:hover, .off-canvas-center .nav-sidebar.nav-vertical > li > a:hover {
			color: var(--orange);
		}
	
	.off-canvas-center .social-icons a {
		margin: 0 8px;
	}
	
	.nav-sidebar.nav-vertical>li.menu-item:hover {
    	background-color: rgba(0,0,0,0);
	}
	
	.off-canvas-center svg {
		transform: scale(1.4);
	}
	
	.mfp-content .nav-vertical>li.html {
		padding-top: 0.5em;
	}
	
	.mobile-nav .html.custom svg {
		transform: scale(1.4);
	}
	
	.off-canvas-center .cls-1, .mobile-nav .html.custom svg .cls-1 {
		fill: none;
		stroke: var(--purple);
	}
		
	button.toggle {
    	opacity: 1;
    	top: 5px !important;
    	right: 3em !important;
	}
	
		button.toggle i {
			font-family: Gilroy-ExtraBold !important;
			font-weight: normal !important;
			font-style: normal;
			font-size: 28px;
		}
		
		.active>button.toggle {
			transform: rotate(0);
		}
	
		button.toggle .icon-angle-down:before {
    		content: "+";
    		color: var(--purple);
		}
		
			li.active button.toggle .icon-angle-down:before {
    			content: "-";
			}
	
	.mfp-content .sidebar-menu .nav-sidebar {
		height: 100vh;
	}
	
		.mfp-content .html_topbar_right {
			xbottom: 5em;
			xposition: absolute;
		}
	
/* global */
h1, .h1, .banner h1, .banner .h1 {
	font-size: var(--h1);
}

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

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

h4, .h4, .banner h4, .banner .h4 {
	font-size: 18px;
}

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

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

.contact-box p {
	font-size: 1em;
	line-height: 1.875em;
}

.border-box>.col-inner, .border-box-icons>.col-inner {
	border: var(--border);
}

.border-box-icons .pull-right {
	xposition: absolute;
    right: -32px;
}

.border-box .fixed-height {
	max-width: 6.33333%;
	flex-basis: 6.33333%;
}

.banner:not(.banner-mask) .banner-icon {
	width: 45px !important;
	height: 45px;
	left: 30px;
	bottom: 30px;
}

	.slider-row .banner:not(.banner-mask) .banner-icon {
		bottom: 62px;
	}

.border-box .box-icon {
	position: absolute;
	width: 45px !important;
	height: 45px;
	left: 14px;
	bottom: 20px;
}

.border-box.box-right .box-icon {
	left: 24px;
	xbottom: 20px;
}

.border-box-icons .box-icon {
	position: absolute;
	left: -40px;
	background-color: var(--orange);
	width: 74px !important;
	height: 74px !important;
	line-height: 74px;
	text-align: center;
	border-radius: 50%;
	padding: 0 12px;
}

	.border-box-icons .box-icon img {
		max-width: 47px;
		max-height: 47px;
		height: auto;
		width: auto;
	}

p, .banner p, li {
	font-size: 18px;
	line-height: 1.44em;
}

	#main p a {
		text-decoration: underline;
	}

strong {
	font-family: Gilroy-ExtraBold !important;
	font-weight: normal !important;
}

.section.dark {
	background-color: transparent;
}

.orange {
	color: var(--orange) !important;
}

.purple {
	color: var(--purple) !important;
}

.black {
	color: var(--black) !important;
}

.banner .button {
	margin: 0 !important;
}

.button:not(.icon) {
	font-size: 18px;
	min-width: 133px;
	padding: 0 1em;
	font-family: Gilroy-ExtraBold !important;
	font-weight: normal !important;
	font-style: normal;
	text-align: center;
	min-height: 2em;
	line-height: 2em;
	border: 0;
	letter-spacing: 0;
	margin: 0;
}

.button.is-link {
	padding-left: 0;
	line-height: 1.44em;
}

	.button.is-link:hover {
		color: var(--orange);
	}

	.button.is-link span {
		text-decoration: underline;
	}
	
a.underline {
	color: var(--dark);
	text-decoration: underline;
}

.arrow-right #Path_87 {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	transform: translate(230px, 7.073px);
}

	.arrow-right:hover #Path_87 {
    	transform: translate(196px, 7.073px);
	}
	
.nomargin, img.size-full.alignnone {
	margin-bottom: 0 !important;
}

.indent>.col-inner {
	padding-left: var(--indent);
}

.margin {
	margin-bottom: var(--indent);
}

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

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

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

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

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

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

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

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

.intro {
	font-size: var(--h3) !important;
}
	
/* elements */
.section.purple .bg-fill {
	background-color: var(--purple);
}

.section.gray .bg-fill {
	background-color: var(--light);
}

.col.purple .col-inner {
	background-color: var(--purple);
}

.vlak {
	position: absolute;
	z-index: -1;
	background-size: cover;
}

#scroll_icon {
	position: absolute;
	right: 0;
	bottom: 0;
}

	.slider-row #scroll_icon {
		bottom: 32px;
	}

	
	#scroll_icon #Ellipse_1 {
		xtransition: all 0.25s ease-in-out;
		transform: translate(1382px, 799px);
		animation: scroll 2s ease-in-out 5;
	}

		@keyframes scroll {
  			50% {
     			transform: translate(1382px, 838px);
  			}
		}
	
	#scroll_icon:hover #Ellipse_1 {
		 xtransform: translate(1382px, 838px);
	}

.social-icons .button.icon:not(.is-outline) {
	border-top-right-radius: 0 !important;
	background-color: var(--purple) !important;
	border: 0;
	margin-right: var(--indent);
}

	.social-icons .button.icon:hover, .social-icons .button.icon:hover i {
		xcolor: var(--purple) !important;
		xbackground-color: #fff !important;
		xopacity: 1 !important;
	}

	.social-icons .button.icon:hover {
		background-color: rgba(255,255,255,1) !important;
		opacity: 1;
	}

	.social-icons .button.icon:hover i:before {
		color: var(--orange) !important;
	}

	.social-icons .button.icon:not(.is-outline):last-child {
		margin-right: 0;
	}

.banner-mask .bg-fill {	
	clip-path: polygon(0 0, calc(100% - var(--mask_width)) 0%, calc(100% - var(--mask_width)) var(--mask_height), 100% var(--mask_height), 100% 100%, var(--mask_width) 100%, var(--mask_width) calc(100% - var(--mask_height)), 0 calc(100% - var(--mask_height)));
	-webkit-clip-path: polygon(0 0, calc(100% - var(--mask_width)) 0%, calc(100% - var(--mask_width)) var(--mask_height), 100% var(--mask_height), 100% 100%, var(--mask_width) 100%, var(--mask_width) calc(100% - var(--mask_height)), 0 calc(100% - var(--mask_height)));
}

.banner-square-mask .bg-fill {	
	-clip-path: polygon(0 calc(100% - var(--margin)), 0 0, calc(100% - var(--margin)) 0, calc(100% - var(--margin)) var(--margin), 100% var(--margin), 100% 100%, var(--margin) 100%, var(--margin) calc(100% - var(--margin)));
	-webkit-clip-path: polygon(0 calc(100% - var(--margin)), 0 0, calc(100% - var(--margin)) 0, calc(100% - var(--margin)) var(--margin), 100% var(--margin), 100% 100%, var(--margin) 100%, var(--margin) calc(100% - var(--margin)));
}

article.content-toggler {
	margin-bottom: 2em;
}

	article.content-toggler .toggler {
		position: absolute;
		right: -45px;
		bottom: 3em;
	}
	
	article.content-toggler .toggler .icon-plus:before {
    	content: "+";
    	font-weight: bold;
    	font-size: 2em;
    	color: var(--orange);
	}
	
		article.content-toggler .toggler.active .icon-plus:before {
    		content: "-";
		}

	
/* home slider */
.movida-slider .flickity-viewport, .movida-slider .flickity-viewport .banner.is-selected {
	xoverflow: visible;
}

.movida-slider .flickity-viewport .banner:not(.is-selected) .banner-inner  {
	display: none;
}

.movida-slider .flickity-prev-next-button {
	top: 32px;
	bottom: unset;
	left: unset;
}

	.movida-slider .bg.bg-loaded {
		height: calc(100% - 32px);
	}
	
	.movida-slider .slider-textbox {
		bottom: 32px;
	}

	.movida-slider .flickity-prev-next-button .arrow {
		fill: var(--light-orange);
	}

		.movida-slider .flickity-prev-next-button .arrow:hover, .movida-slider .flickity-prev-next-button svg:hover, .movida-slider .flickity-prev-next-button svg:hover .arrow {
			fill: var(--orange) !important;
			border-color: var(--orange) !important;
		}

	.movida-slider .flickity-prev-next-button.next {
		right: 36px;
	}
	
	.movida-slider .flickity-prev-next-button.previous {
		right: 64px;
	}
	
	.movida-slider .banner .box {
		display: block;
		width: calc(100% + var(--indent));
		background-color: var(--orange);
		padding: var(--indent);
		margin-right: calc(-1 * var(--indent));
	}
	
	.movida-slider .img.thumb-nav {
		width: 196px !important;
		z-index: 10;
	}
	
	.movida-slider .img.indent {
		padding-left: var(--indent);
	}
	
	.movida-slider .img .img-inner {
		overflow: visible;
	}

	.movida-slider .img .caption, .wp-caption figcaption.wp-caption-text {
    	position: static;
    	transition: none;
    	-ms-transform: none;
    	transform: none;
   		xbottom: -32px;
    	padding: 4px 10px;
    	font-size: 12px;
    	color: #FFF;
    	font-family: Gilroy-ExtraBold !important;
		font-weight: normal !important;
		font-style: normal;
    	background-color: var(--orange);
    	text-align: center;
	}
	
	
	.movida-slider .banner-layers.container {
		xoverflow: hidden;
	}
	
	.movida-slider .banner-thumbs {
		z-index: 99;
		padding-left: 224px;
	}
	
	.wp-caption {
    	margin-bottom: 0em;
    }
	
		@media only screen and (max-width: 850px) {
			.movida-slider .h1 {
				font-size: 24px;
			}
			
			.movida-slider .banner-thumbs {
				padding-left: 3px;
			}
		}
	
	.movida-slider .banner-thumbs .text {
		xwidth: 500px !important;
	}
	
		.movida-slider .banner-thumbs figure {
			width: 49% !important;
			max-width: 200px;
			padding: 0 1.49%;
			display: inline-block;
		}

	
nav.carousel {
	margin-top: 2em;
}

nav.carousel div.thumb {
	display: inline;
	width: 140px !important;
	height: auto;
	overflow: hidden;
	margin: 0 1.999%;
	list-style-type: none;
}

	nav.carousel .thumb.is-selected {
		display: none;
	}

	nav.carousel div.thumb div {
		background-size: cover;
	}
	
nav.carousel .flickity-prev-next-button {
	opacity: 1;
}

nav.carousel .flickity-prev-next-button svg {
	color: #e30613;
	padding: 0%;
}
	

/* team member */
.team .pull-col-up>.col-inner {
	margin-top: -190px;
}
	
.team-member.message-box {
	border: var(--border);
    padding: 36px 34px 48px 40px !important;
    background-color: rgba(255,255,255,0);
}
	
	.team-member .pull-up .col-inner {
		margin-top: -68px;
	}
	
	.team-member .pull-up img {
		width: 165px;
		height: auto;
	}
	
	.team-member .title {
		font-size: var(--h3);
	}

	.team-member .bio {
		font-size: 15px;
		line-height: 1.33em;
	}
	
/* contact banner */
.banner-contact .text-inner {
	padding: 40px 100px 40px 60px;
}

/* formulieren */
.nf-form-content {
	padding-left: 0 !important;
	padding-right: 1rem !important;
}

.nf-form-cont input[type='email'], .nf-form-cont input[type='date'], .nf-form-cont input[type='search'], .nf-form-cont input[type='number'], .nf-form-cont input[type='text'], .nf-form-cont input[type='tel'], .nf-form-cont input[type='url'], .nf-form-cont input[type='password'], .nf-form-cont textarea, .nf-form-cont select, .nf-form-cont .select2-container .select2-choice, .nf-form-cont .select2-container .select2-selection {
	border: 0px solid #fff !important;
    box-shadow: none;
    background: #fff !important;
    color: #000 !important;
}

/* formulieren */
.vacature .nf-form-cont input[type='email'], .vacature .nf-form-cont input[type='date'], .vacature .nf-form-cont input[type='search'], .vacature .nf-form-cont input[type='number'], .vacature .nf-form-cont input[type='text'], .vacature .nf-form-cont input[type='tel'], .vacature .nf-form-cont input[type='url'], .vacature .nf-form-cont input[type='password'], .vacature .nf-form-cont textarea, .vacature .nf-form-cont select, .vacature .nf-form-cont .select2-container .select2-choice, .vacature .nf-form-cont .select2-container .select2-selection {
	border: 0px solid #fff !important;
    box-shadow: none;
    background: transparent !important;
    color: #fff !important;
    padding-left: 0 !important;
    font-size: 22px;
}

.vacature .nf-form-cont ::placeholder {
	color: #fff;
}

.vacature .html-wrap {
	border: 0 !important;
}

.vacature .html-wrap p {
	font-size: var(--h3);
}

.nf-form-cont .field-wrap:not(.submit-wrap) {
	border-bottom: 1px solid #fff;
}


.label-left .field-wrap:not(.submit-wrap) .nf-field-label {
    text-align: left !important;
}

	.label-left .nf-field-label label {
    	font-weight: 500;
	}

.vacature .nf-form-cont .submit-container {
	float: right;
	margin-top: 1rem;
}

.vacature .nf-after-form-content {
	clear: both;
}

input[type=button], .vacature .nf-fu-fileinput-button {
	text-transform: none;
	font-size: 15px !important;
	min-width: 165px !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-align: center !important;
	height: 2rem !important;
	min-height: 2rem !important;
	line-height: 2rem !important;
	border: 0 !important;
	letter-spacing: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: var(--orange);
	font-family: Gilroy-ExtraBold !important;
	font-weight: normal !important;
	font-style: normal;
}

.vacature .file_upload-wrap {
	border: 0 !important;
}

.vacature .file_upload-wrap label {
	font-family: Gilroy-ExtraBold !important;
	font-weight: normal !important;
	font-style: normal;
	font-size: var(--h3);
}

.vacature .nf-fu-progress {
	border-radius: 0;
}

.files_uploaded .delete {
	text-transform: none;
	font-size: 15px !important;
	min-width: 165px !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-align: center !important;
	height: 2rem !important;
	min-height: 2rem !important;
	line-height: 2rem !important;
	border: 0 !important;
	letter-spacing: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: inline-block;
	background-color: var(--orange);
	font-family: Gilroy-ExtraBold !important;
	font-weight: normal !important;
	font-style: normal;
}

.nf-fu-progress-bar-success {
	background-color: var(--orange) !important;
}

/* nieuws */
.nieuws .post-title.is-large {
	font-size: var(--h3);
	line-height: 34px;
}

	.nieuws .col-inner .row {
	    margin: 0 auto;
	}
	
.nieuws .is-divider {
	display: none;
}

.nieuws .box {
	background-color: #fff;
}

.nieuws .box-text p {
	margin: 16px 0 40px 0;
}

.nieuws .button.is-gloss {
	font-size: 15px;
	min-width: 165px;
	font-family: Gilroy-ExtraBold !important;
	font-weight: normal !important;
	font-style: normal;
	text-align: center;
	border: 0;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	bottom: -16px;
}

	.nieuws .button.is-gloss:after {
		display: none;
	}
	
/* banner mask */
.banner-contact {
	margin: 50px 40px 100px 40px !important;
}

.border-box .button.pull-down {
	position: absolute;
	bottom: -20px;
}

.cta-contact .banner-icon {
	margin-right: 36px;
}

/* webshop */
#main ul {
  list-style: none; /* Remove default bullets */
}

.shop-page-title {
	display: none;
}

.woocommerce-cart .row h2 {
	padding: 0 20px;
}

.products.row {
    margin: auto !important;
}

.quantity input {
	min-width: unset !important;
}

.products.row-small>.col {
    padding: 0 var(--gap-45);
}

form.checkout h3, th {
	text-transform: none;
}

td {
	font-size: 1em;
	font-family: Gilroy-ExtraBold !important;
}

form.woocommerce-checkout {
	padding-top: var(--gap-25);
}

.shop-container {
	margin-bottom: var(--gap-45);
}

	.category-page-row {
		padding-top: 0;
	}

	.shop-container .category {
		text-transform: none;
		font-size: 1rem;
		letter-spacing: 0;
		color: #000;
		opacity: 1;
	}
	
	.shop-container .product-title a {
		text-decoration: none !important;
		font-family: Gilroy-ExtraBold !important;
		color: #000;
		font-size: 18px;
	}
	
	.shop-container .price span.amount {
		color: var(--purple);
		font-family: Gilroy-ExtraBold !important;
		font-size: 24px;
		font-weight: normal;
	}
	
		span.amount {
			font-weight: normal;
		}
	
		.shop-container .price span.amount .woocommerce-Price-currencySymbol {
			margin-right: 0.5em;
		}
		
		.shop-container .superscript {
			font-size: smaller;
		}

#main ul:not(.page-numbers) li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: var(--purple); /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  font-size: 18px;
}

/* footer */
.footer p {
	font-size: 1em;
	line-height: 1.375em;
}

.footer-info, .menu-footer-container, #menu-footer, #menu-footer li a {
	display: inline;
	font-size: 12px !important;
}

.footer .pipe {
	margin: 0 5px;
}

footer a {
	color: #000;
	font-size: 16px;
}

#menu-footer li {
	display: inline;
	border-top: 0;
}

@media only screen and (max-width: 849px) {
	:root {
		--margin: 4vw;
		--gap-120: 4vw;
		--gap-100: 4vw;
		--gap-70: 1rem;
		--gap-60: 1rem;
		--gap-45: 1rem;
		--gap-25: 1rem;
		--indent: 0;
		--h1: 2rem;
		--h2: 1.5rem;
		--h3: 1.25rem;
	}
	
	.header-main li.html.custom {
		display: block;
	}
	
	.html_topbar_left a {
		color: var(--purple);
		font-family: Gilroy-ExtraBold !important;
		font-weight: normal !important;
		font-style: normal;
	}
	
	body.mfp-open {
    	position: fixed;
     	overflow: hidden;
	}
	
		body.mfp-open .off-canvas.mfp-ready {
			top: 0 !important;
		}
	
	.html_topbar_left a.active, .html_topbar_left .current_page_item a {
		color: var(--orange);
	}
	
	#masthead .header-inner {
		padding: 0 var(--gutter);
	}
	
	#logo img {
		padding: 10px 0;
	}
	
	.nav>li>a {
		padding: 0;
	}
	
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
		line-height: 1.2em !important;
	}
	
	.row-large>.col {
		padding: 0 var(--gutter);
	}
	
	#main .movida-slider .banner {
    	max-width: 100% !important;
	}
	
	#scroll_icon, .banner-icon, .box-icon {
		display: none;
	}
	
	.team .pull-col-up>.col-inner {
		margin-top: 0;
	}
	
	.team-member .pull-up .col-inner {
		margin-top: 0;
	}
	
	.team-member.message-box {
		padding: 1rem !important;
	}
	
	.team-member .pull-up img {
		margin-bottom: 1rem !important;
	}
	
	.team-member .bio {
    	color: #333;
	}
	
	.team-member .title {
		font-size: 15px;
	}
	
	.button.is-link:not(.icon) {
		text-align: left;
	}
	
	.large-10 .col-inner, .large-8 .col-inner, .contact .large-12 .col-inner {
		padding: 0 !important;
	}
	
		.nieuws .post-item {
			margin-bottom: 60px;
		}
		
			.nieuws .box-text {
				padding: 4vw 4vw 0 4vw !important;
			}
	
			.nieuws .box-text p {
				margin: 16px 0;
			}
	
	.banner-mask .bg-fill {	
		clip-path: none;
		-webkit-clip-path: none;
	}

	.banner-square-mask .bg-fill {	
		clip-path: none;
		-webkit-clip-path: none;
	}
	
	.movida-slider .text-box.pull-down {
		bottom: 10%;
	}
	
	.movida-slider .banner-cta .text-inner .box, .movida-slider .text-box.pull-down .intro {
		padding: 5%;
		color: #fff;
	}
	
	.movida-slider .text-box.pull-down .text-inner .is-divider {
		display: none;
	}
	
	.movida-slider .img.thumb-nav {
		width: 132px !important;
		xwidth: 60% !important;
	}
	
	.movida-slider .flickity-slider .banner-layers {
    	overflow: hidden !important;
	}
	
	.movida-slider .img .caption {
		font-size: 12px;
		xbottom: -27px;
	}
	
	.movida-slider .bg.bg-loaded {
		height: calc(100% - 27px);
	}
	
	.movida-slider .slider-textbox {
		bottom: 27px;
	}
	
	.flickity-page-dots {
		bottom: -2em;
	}
	
	.banner-contact {
		margin: var(--gutter) !important;
	}
	
	.text-box.banner-contact {
		width: calc(100% - 20px) !important;
	}
	
		.banner-contact .text-inner {
			padding: 20px;
		}
		
	.border-box .large-4 .col-inner {
		padding: 0 var(--gutter) !important;
	}
	
	footer .indent>.col-inner {
		padding-left: 0;
	}
	
	.absolute-footer {
		display: none;
	}
}

@media only screen and (min-width: 850px) {
	.slider-offset .col-inner {
		padding-left: var(--indent);
	}
	
	.flickity-page-dots {
		display: none;
	}
	
	.border-box .fixed-height .col-inner {
		height: 260px;
	}
	
	.border-box .pull-up-down {
		position: absolute;
   		top: -48px;
	}
	
	.border-box-icons .button.pull-down {
		position: absolute;
		bottom: -15px;
	}
	
	.movida-slider .slider-textbox {
		width: calc(100% - 300px) !important;
		margin: 0 100px 0 200px;
	}
	
		.movida-slider .slider-textbox .text-inner {
			padding: 40px 200px 0 40px !important;
		}
	
	/*.movida-slider .banner .overlay {
		top: unset;
		bottom: 0;
		left: unset;
		right: 0;
		width: calc(100% - var(--margin));
		height: calc(100% - var(--margin));
	}*/

	.movida-slider .bg-fill {
		clip-path: polygon(0 calc(100% - var(--margin)), 0 0, calc(100% - var(--margin)) 0, calc(100% - var(--margin)) var(--margin), 100% var(--margin), 100% 100%, var(--margin) 100%, var(--margin) calc(100% - var(--margin)));
		-webkit-clip-path: polygon(0 calc(100% - var(--margin)), 0 0, calc(100% - var(--margin)) 0, calc(100% - var(--margin)) var(--margin), 100% var(--margin), 100% 100%, var(--margin) 100%, var(--margin) calc(100% - var(--margin)));
	}
	
	.vacature .nf-fu-progress {
		width: 65.81196581196582%;
	}
	
	.vacature .nf-fu-fileinput-button {
		float: right;
	}
}

@media only screen and (max-width: 1152px) {
	

}

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

}

@media only screen and (max-width: 1280px) {
	
	.wide-section {
		left: 0 !important;
	}

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

	.section.purple .bg-fill {
		left: calc((100vw - 1280px) / 2);
	}

	.section.gray>.bg-fill {
		left: calc((100vw - 1280px) / 2);
	}

}

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