/*
==  THEME DETAILS  ============================================================
    Theme Name: Wennemars
	Theme URI: https://wennemars.nl/
    Description: Stylesheet voor Wennemars
    Version: 1.0
   	Author: Kracht Internet Marketing
	Author URI: https://www.krachtinternetmarketing.nl/

===============================================================================
*/

/*---------------------------------------------- 
	1.1 Basics
------------------------------------------------*/
	html {
  		font-size: 20px;
	}

	body {
		font-family: "Raleway", sans-serif;
		font-size: 0.8rem;
	  	line-height: 1.75rem;
		font-weight: 400;
		color: #0D0D0D;
		background: #FFF;
		-webkit-font-smoothing: antialiased;
  		-moz-osx-font-smoothing: grayscale;
	}
	
	a, a:hover, .btn, .btn:hover , .transition {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		text-decoration:none;	
	}
	
	p , figure , blockquote , ul {
		margin: 0 !important;
	}

	a {
		color: #EE7202; 
	}

	a:hover {
		color: #0D0D0D;
	}

	button:focus ,
	:focus {
		outline: 0 !important;
	}
	
	h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
		font-weight: 800;
		line-height: 1.4;
		color: #2B6296;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}

	h1, .h1 {
		font-size: 2rem;
	}

	h2, .h2 {
		font-size: 1.75rem;
	}

	h3, .h3 {
		font-size: 1.5rem;
	}
	
	h4, .h4 {
		font-size: 1.25rem;
	}

	h5, .h5 {
		font-size: 1rem;
	}

	.text-lg {
		font-size: 1.25rem;
		line-height: 2.75rem;
	}

	.text-md {
		font-size: 0.9rem;
	}

	.font-rajdhani {
		font-family: "Rajdhani", sans-serif;
	}
	
	.font-medium {
		font-weight: 500;
	}

	.font-semibold {
		font-weight: 600;
	}

	.font-bold , strong {
		font-weight: 700;
	}

	.font-extrabold {
		font-weight: 800;
	}

	.box-shadow {
		-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
		-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
		box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
	}

	.bg-cover {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.z-index-1 {
		position: relative;
		z-index: 8;
	}

	.list-inline-item:not(:last-child) {
		margin-right: 1rem;
	}

	.language .list-inline-item:not(:last-child) {
		margin-right: 0.25rem;
	}

	.title-icon img {
		position: absolute;
		top: -15px;
		margin-left: 10px;
	}

	#page-content.not-found {
		padding-top: 15rem !important;
	}

	@media (min-width: 1440px) {
		.container {
			max-width: 1440px;
		}	
	}

	@media all and (max-width: 1500px) {
    	html {
			font-size: 18px;
		}
	}

	@media all and (max-width: 1200px) {
    	html {
			font-size: 16px;
		}
	}

	@media all and (max-width: 767px) {
    	html {
			font-size: 15px;
		}
	}

/* Buttons -------------------------------------- */
	.btn-primary, 
	.btn-primary:active {
    	color: #FFF !important;
		background: #2B6296;
   	 	border: none;
	}

	.btn-primary:hover {
		background: #EE7202;
	}

	.btn-secondary {
		color: #FFF !important;
    	background: #EE7202;
   	 	border: none;
	}

	.btn-secondary:hover {
		background: #366194;
	}

	.btn-tertiary {
		color: #FFF !important;
    	background: #A0C522;
   	 	border: none;
	}

	.btn-tertiary:hover {
		background: #366194;
	}

	.btn {
		font-family: "Rajdhani", sans-serif;
		font-size: 1rem;
		font-weight: 600;
		text-transform: uppercase;
		line-height: 1;
		padding: 0.6rem 1.1rem;
		position: relative;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}

.btn-lg {
	padding: 1rem 1.1rem;
}

    button:focus ,
	.btn:focus {
		outline: 0 !important;
		box-shadow: none !important;
	}

/*---------------------------------------------- 
	1.2 Content Block 
------------------------------------------------*/
	.content-block p + p ,
	.content-block p + h2 ,
	.content-block p + h3 ,
	.content-block p + h4 ,
	.content-block p + h5 ,
	.content-block p + ul ,
	.content-block h3 + ul ,
	.content-block h4 + ul ,
	.content-block ul + p ,
	.content-block ul + h3 {
		margin-top: 1.5rem !important;
	}

	.content-block h1 {
		margin-bottom: 1.5rem;
	}

	.content-block h1 strong {
		color: #FFBE00;
	}

	.content-block h3 ,
	.content-block h4 {
		margin-bottom: 1.5rem;
	}

	.content-block ul {
		list-style: none;
	  	padding: 0;
	}
	
	.content-block li {
  		position: relative;
		padding-left: 30px;
	}

	.content-block ul li:before {
		font-family: "Font Awesome 6 Sharp";
		content: "\f058";
		color: #A0C522;
		font-weight: 400;
		position: absolute;
    	left: 0;
	}

	.content-block img.aligncenter {
		margin: 0 auto;
		 display: block;
	}

	.content-block .embed-responsive {
		margin: 2.5rem 0;
	}

/* Gallery -------------------------------------- */	
	.content-block .gallery {
		margin: 1.5em 0 !important;
	}

	.content-block .gallery img {
		border: none !important;
		max-width: 100% !important;
		height: auto !important;
	}
	
	@media all and (min-width : 767px) {
		.content-block .gallery {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.content-block .gallery .gallery-item {
			-ms-flex-preferred-size: 0;
			flex-basis: 0;
			-webkit-box-flex: 1;
			-ms-flex-positive: 1;
			flex-grow: 1;
			max-width: 100%;
			padding: 0 10px !important;	
			margin: 0;
		}
	}

/*---------------------------------------------- 
	1.3 Colors 
------------------------------------------------*/
	.bg-blue {
		background: #366194 !important;
	}

	.bg-green {
		background: #A0C522 !important;
	}

	.bg-light-green {
		background: #F4F8E9 !important;
	}

	.bg-orange {
		background: #EE7202 !important;
	}

	.bg-light-orange {
		background: #FFDBBA !important;
	}

	.bg-blue-gradient {
		background: rgb(32,76,118);
		background: -moz-linear-gradient(90deg, rgba(32,76,118,1) 0%, rgba(43,98,150,1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(32,76,118,1) 0%, rgba(43,98,150,1) 100%);
		background: linear-gradient(90deg, rgba(32,76,118,1) 0%, rgba(43,98,150,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#204c76",endColorstr="#2b6296",GradientType=1);
	}

	.text-blue {
		color: #366194 !important
	}

	.text-green {
		color: #A2C617 !important
	}

	.text-orange {
		color: #EE7202 !important
	}

	.text-grey {
		color: #969696 !important;
	}

/*---------------------------------------------- 
	1.4 Spacing 
------------------------------------------------*/
	.py-70 {
		padding: 3.5rem 0;
	}

	.pb-70 {
		padding-bottom: 3.5rem;
	}

	.mt-40 {
		margin-top: 2rem;
	}

	.mb-40 {
		margin-bottom: 2rem;
	}

/*---------------------------------------------- 
	1.5 Gravity Form
------------------------------------------------*/
	.gform_wrapper ,
	body .gform_wrapper .top_label div.ginput_container, 
	.gform_wrapper ul.gform_fields li.gfield ,
	.gform_wrapper li.hidden_label input {
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
	}

	.gform_wrapper.gravity-theme .gfield_label {
		font-size: 0.75rem !important;
	}

	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) ,
	.gform_wrapper textarea ,
    .gform_wrapper select {
		padding: 10px 15px !important;
		border: none;
		background: #F4F8E9;
		height: 50px;
		border-radius: 0;
        color: #005461 !important;
		width: 100% !important;
	}

	.gform_wrapper.gravity-theme .gform_footer input {
		margin: 0.5rem 0 0 0 !important;
	}

	.gform_wrapper.gravity-theme .gfield input.large, 
	.gform_wrapper.gravity-theme .gfield select.large {
		height: 50px;
	}

	.gform_wrapper select {
		border-right: 15px solid transparent;	
	}

	.gform_wrapper.gravity-theme .gfield textarea.small {
		height: 120px !important;
	}

	.gform_confirmation_message {
		margin-top: 1rem !important;
	}

	.gform_wrapper .field_description_below .gfield_description {
		font-size: 0.7rem !important;
		color: #000;
		padding: 0 !important;
		border: none !important;
	}

	.gform_wrapper.gravity-theme .gform_fields {
		grid-row-gap: 15px !important;
	}

	.gform_required_legend {
		display: none !important;
	}

	.gform_wrapper .gform_validation_errors>h2 {
		font-size: 14px !important;
		margin: 0 !important;
	}

/*---------------------------------------------- 
	1.6 Item Tip 
------------------------------------------------*/
	.item-tip {
		padding: 1.5rem;
		-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
			-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
			box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
	}

	.item-tip span {
		line-height: 1.75rem;
		font-weight: 800 !important;
		color: #0D0D0D;
		min-height: 3.5rem;
		text-transform: inherit;
	}

	@media all and (max-width: 1400px) {
		.item-tip span {
			font-size: 0.8rem !important;		
		}
	}

/*---------------------------------------------- 
	1.7 Item verhaal
------------------------------------------------*/
	.item-verhaal span.h5 {
		line-height: 1.75rem;
		font-weight: 800 !important;
		color: #0D0D0D;
		min-height: 3.5rem;
		text-transform: inherit;
	}

	.item-verhaal .wrapper {
		padding: 1.5rem 1rem;
	}

	@media all and (max-width: 1400px) {
		.item-verhaal span {
			font-size: 0.8rem !important;		
		}
	}

/*---------------------------------------------- 
	1.8 Item beursagenda
------------------------------------------------*/
	.item-beursagenda {
		padding: 1.55rem 1.5rem;
	}

	.item-beursagenda figure {
		width: 9rem;
		height: 9rem;
	}
	
	.item-beursagenda span.h5 {
		text-transform: inherit;
	}

/*---------------------------------------------- 
	1.9 Back to top
------------------------------------------------*/
	.cd-top {
		display: inline-block;
	  	height: 3rem;
	  	width: 3rem;
	  	position: fixed;
	  	bottom: 20px;
	  	right: 20px;
	  	overflow: hidden;
	  	text-indent: 100%;
	  	white-space: nowrap;
	  	background: rgba(160, 197, 34, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
	  	visibility: hidden;
	  	opacity: 0;
	  	z-index: 9;
		border-radius: 0;
		-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
		-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
		box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
	  	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	  	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	  	transition: opacity .3s 0s, visibility 0s .3s;
	}
	
	.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
	  -moz-transition: opacity .3s 0s, visibility 0s 0s;
	  transition: opacity .3s 0s, visibility 0s 0s;
	}
	
	.cd-top.cd-is-visible {
		visibility: visible;
	  	opacity: 1;
	}
	
	.cd-top.cd-fade-out {
		opacity: 0.7;
	}
	
	.no-touch .cd-top:hover {
	  opacity: 0.9;
	}

	@media all and (max-width: 767px) {
		.cd-top {
			bottom: 20px;
			right: 10px;
		}
	}

/*---------------------------------------------- 
	1.10 Swiper
------------------------------------------------*/
	.swiper-pagination {
		position: relative;
		bottom: 0 !important;
		margin-top: 0.25rem;
	}

	.swiper-pagination-bullet {
		background: #FFF;
		opacity: 1;
	}

	.swiper-pagination-bullet-active {
		background: #EE7202;
	}
	
/*---------------------------------------------- 
	2.1 Header
------------------------------------------------*/
	header {
		width: 100%;	
		z-index: 99 !important;;
	}

	header #top {
		padding: 0.4rem 0;
	}

	header #top .brand {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		background-image: url("../images/header-brand-bg.svg");
		background-repeat: no-repeat;
		background-size: 100%;
		width: 735px;
		height: 222px;
	}
	
	header #top .brand .wrapper {
		padding: 2rem 1rem;
	}

	header #top .brand {
		-webkit-animation: slide-in-left 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	 	animation: slide-in-left 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	}

	header.shrink #top .brand {
		-webkit-animation: slide-out-left 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
		animation: slide-out-left 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	}

	header #top #menu-top li a ,
	header #top .phone span a ,
	header #header-phone a {
		font-family: "Rajdhani", sans-serif;
		color: #FFF;
		line-height: 1;
		font-weight: 600;
		padding: 0;
		display: inline-block;
	}

	header #top #menu-top li a:hover ,
	header #top .phone span a:hover {
		color: #A0C522;
	}

	header #top #menu-top li:before {
		content: "-";
		line-height: 1;
		color: #FFF;
		padding: 0 0.6rem;
		display: inline-block;
	}

	header #top #menu-top li:first-child:before {
		content: "";	
		padding: 0;
	}

	header #top .phone span i {
		font-size: 0.7rem;
		margin-right: 0.25rem;
		color: #EE7202;
	}

	header #header-phone i {
		margin-right: 0.25rem;	
	}

	header.shop .brand img {
		max-height: 3.3rem !important; 
	}

	header .brand img.normal {
		display: none;
		max-height: 3.3rem !important; 
	}

	header.shrink .brand img.normal {
		display: block;
	}

	@media all and (max-width: 1720px) {
		header #top .brand {
			width: 662px;
			height: 200px;
		}	
	}

	@media all and (max-width: 1570px) {
    	header #top .brand {
			width: 510px;
			height: 154px;
		}
		header #top .brand .wrapper {
			padding: 1rem 1rem;
		}
		header #top .brand .wrapper img {
			max-width: 300px;
		}
	}

	@media all and (max-width: 1480px) {
    	header #top .brand {
			width: 470px;
			height: 142px;
		}
		header #top #menu-top li:before {
			padding: 0 0.3rem;
		}
	}

	@media all and (max-width: 1300px) {
    	header #top .brand {
			width: 415px;
			height: 125px;
		}
		header #top .brand .wrapper img {
			max-width: 240px;
		}
	}

	@media all and (max-width: 1100px) {
    	header #top .brand {
			width: 382px;
			height: 115px;
		}
	}

	@media all and (max-width: 767px) {
    	header #top .brand {
			width: 270px;
			height: 82px;
		}
		header #top .brand .wrapper img {
			max-width: 160px;
		}
		header #top .brand .wrapper {
			padding: 0.75rem 0;
		}
	}

	@-webkit-keyframes slide-out-left {
	  0% {
		-webkit-transform: translateX(0);
				transform: translateX(0);
		opacity: 1;
	  }
	  100% {
		-webkit-transform: translateX(-1000px);
				transform: translateX(-1000px);
		opacity: 0;
	  }
	}
	@keyframes slide-out-left {
	  0% {
		-webkit-transform: translateX(0);
				transform: translateX(0);
		opacity: 1;
	  }
	  100% {
		-webkit-transform: translateX(-1000px);
				transform: translateX(-1000px);
		opacity: 0;
	  }
	}

	@-webkit-keyframes slide-in-left {
	  0% {
		-webkit-transform: translateX(-1000px);
				transform: translateX(-1000px);
		opacity: 0;
	  }
	  100% {
		-webkit-transform: translateX(0);
				transform: translateX(0);
		opacity: 1;
	  }
	}
	@keyframes slide-in-left {
	  0% {
		-webkit-transform: translateX(-1000px);
				transform: translateX(-1000px);
		opacity: 0;
	  }
	  100% {
		-webkit-transform: translateX(0);
				transform: translateX(0);
		opacity: 1;
	  }
	}


/*---------------------------------------------- 
	2.2 Navigation 
------------------------------------------------*/
	#navigation #hoofdmenu li a {
		font-family: "Rajdhani", sans-serif;
		font-size: 1rem;
		color: #FFF;
		line-height: 1;
		font-weight: 600;
		text-transform: uppercase;
		padding: 0;
		background: none;
	}

	#navigation #hoofdmenu li + li {
		margin-left: 1.25rem;
	}

	#navigation #hoofdmenu li a:hover {
		color: #A0C522;
	}

	#navigation .buttons {
		margin-left: 1.75rem !important;
	}

	#navigation .buttons li a {
		color: #FFF;
	}

	#navigation .buttons li a.cart ,
	#navigation-mobile .buttons li a.cart{
		line-height: 2.5rem;
		width: 2.3rem;
		height: 2.3rem;
		padding: 0;
		text-align: center;
	}

	#navigation .buttons li a.cart .cart-count ,
	#navigation-mobile .buttons li a.cart .cart-count {
		width: 1rem;
		height: 1rem;
		background: #EE7202;
		color: #FFF;
		display: inline-block;
		text-align: center;
		line-height: 1rem;
		font-size: 0.55rem;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		position: absolute;
		top: -10px;
		right: -5px;
	}

	#navigation .buttons .list-inline-item:not(:last-child) ,
	#navigation-mobile .buttons .list-inline-item:not(:last-child) {
		margin-right: 0.5rem;
	}

	@media all and (max-width: 1200px) {
		#navigation #hoofdmenu li + li {
			margin-left: 1rem;
		}
	}

/* Shrink -------------------------------------- */
	header.shrink #navigation {
		background: #FFF;
		-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
		-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
		box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
	}

	header.shrink #navigation #hoofdmenu li a ,
	header.shop #navigation #hoofdmenu li a{
		color: #366194;
	}
/*---------------------------------------------- 
	2.3 Navigation Mobile
------------------------------------------------*/
	#navigation-mobile .cd-dropdown-trigger {
		display: inline-block;
    	position: relative;
    	padding: 0;
		font-size: 1.2rem;
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		background: #0D0D0D;
		color: #FFF;	
		text-align: center;
		margin: 0;
		z-index: 99;
		border-radius: 0;
	}

	#navigation-mobile .cd-dropdown-trigger i {
		margin: 0;	
	}

	#navigation-mobile .cd-dropdown-content ,
	#navigation-mobile .cd-dropdown-content ul {
		padding-top: 120px;
	}
	
	#navigation-mobile .cd-dropdown-content a {
		font-size: 1rem;
		color: #0D0D0D;
		font-weight: 500;
		text-align: left !important;
	}

	#navigation-mobile .current_page_item a {
		font-weight: 700;
	}

	#navigation-mobile .cd-dropdown {
		background: #FFF;
		z-index: 999;
	}
	
	#navigation-mobile .cd-dropdown-wrapper {
		height: auto;
		margin: 0 !important;
	}
	
	#navigation-mobile ul {
		padding-left: 0;
	}
	
	#navigation-mobile .cd-dropdown-content a, 
	#navigation-mobile .cd-dropdown-content ul a {
		border-top-width: 0.5px;
    	border-bottom-width: 0;
    	border-left-width: 0;
    	border-right-width: 0;
    	border-color: #E6E6E6;
    	border-style: solid;
	}
	
	#navigation-mobile .cd-dropdown-content .go-back a {
		background: #FFF;
		color: #0D0D0D;
	}

	.go-back a::before, .go-back a::after {
		background: #FFF !important;	
	}
	
	#navigation-mobile .cd-secondary-dropdown > a,
	#navigation-mobile .cd-secondary-dropdown > .go-back a {
  		display: none !important;
		background: #FFF;
	}

	#navigation-mobile .has-children > a::before, 
	#navigation-mobile .has-children > a::after, 
	#navigation-mobile .go-back a::before, .go-back a::after ,
	.cd-dropdown .cd-close::after, 
	.cd-dropdown .cd-close::before {
		background: #366194 !important;
	}

	#navigation-mobile .cd-secondary-dropdown > .go-back a + a {
		display: block !important;
	}

	#navigation-mobile .cd-dropdown .top {
		position: absolute;
		left: 1rem;
		top: 1.5rem;
	}

	#navigation-mobile .cd-dropdown .top .btn {
		color: #FFF;
	}

/*---------------------------------------------- 
	2.4 Breadcrumb 
------------------------------------------------*/
	.woocommerce-breadcrumb {
		font-size: 0.7rem;
		color: #0D0D0D;
		margin: 0 !important;
	}

	.woocommerce-breadcrumb a {
		color: #797979;
	}

	.woocommerce-breadcrumb span {
		padding: 0 0.5rem;
		color: #2B6296;
	}

/*---------------------------------------------- 
    3.1 Hero Frontpage
------------------------------------------------*/
    #hero.frontpage {
        max-height: calc(100dvh - 15rem);
    }

    #hero.frontpage .item {
        height: calc(100dvh);
        min-height: 100dvh;
    }

    #hero.frontpage .content {
        margin-bottom: 18.5rem;
    }

    #hero .item {
        height: 35rem;
    }

    #hero .item::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        background-image: url("../images/hero-wave.png");
        height: 450px;
        width: 100%;
        z-index: 7;
        background-position: center bottom;
        background-size: 100%;
        background-repeat: no-repeat;
    }

	 @media all and (max-width: 1500px) {
        #hero.frontpage {
            max-height: calc(100dvh - 10rem);
        }
        #hero.frontpage .content img {
            width: 80%;
        }
        #hero .item {
            height: 30rem;
        }    
    }

	 @media all and (max-width: 1200px) {
        #hero.frontpage {
            max-height: calc(40rem - 10rem);
        }
        #hero.frontpage .item {
            height: 40rem;
            min-height: inherit;
        }
        #hero.frontpage .content {
            margin-bottom: 14rem;
        }
        #hero .item {
            height: 25rem;
        }    
    }

/*---------------------------------------------- 
    3.2 Hero Video
------------------------------------------------*/
	#hero-video {
        max-height: calc(100dvh - 15rem);
    }

    #hero-video .video::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        background-image: url("../images/hero-wave.png");
        height: 450px;
        width: 100%;
        z-index: 7;
        background-position: center bottom;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    #hero-video .video {
        height: 100%;
        max-height: calc(100vh);
        overflow: hidden;
        position: relative;
        z-index: 8 !important;
    }

    #hero-video .pay-off {
        position: absolute;
        max-height: calc(100dvh - 15rem);
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
    }

    @media all and (max-width: 1500px) {
        #hero-video {
            max-height: calc(100dvh - 10rem);
        }
        #hero-video .pay-off .content img {
            width: 80%;
        }   
    }

	@media (max-width: 550px) {
		#hero-video .video-wrapper {
			height: 350px;
			width: calc(350px * 16 / 9);
			margin: 0 auto;
		}
		#hero-video iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}

/*---------------------------------------------- 
	4.1 Frontpage Blocks
------------------------------------------------*/
	#frontpage-blocks .item {
		padding: 2.5rem 2rem;
	}

	#frontpage-blocks .item .title {
		height: 4.5rem;
	}

	#frontpage-blocks .item .title span {
		line-height: 2.25rem;	
	}

	#frontpage-blocks .item.bg-orange .btn:hover {
		background: #FFF;
		color: #2B6296 !important;
	}

	@media all and (max-width: 1200px) {
		#frontpage-blocks .item img {
			width: 70%;
		}
		#frontpage-blocks .item .title span {
			font-size: 1rem;
			line-height: 2rem;	
		}	
	}

	@media all and (max-width: 1200px) {
		#frontpage-blocks .item {
			padding: 2.5rem 1rem;
		}	
	}

	@media all and (max-width: 767px) {
		#frontpage-blocks .item {
			padding: 2rem 1rem;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
			border-radius: 50px;
		}	
		#frontpage-blocks .item .title {
			height: inherit;
		}
	}

/*---------------------------------------------- 
	4.2 Frontpage Doelstelling
------------------------------------------------*/
	#frontpage-doelstelling .content {
		margin: 7.5rem 0 6.5rem 0;
		padding: 3.75rem 0 0 2.25rem;
	}

	#frontpage-doelstelling .content::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		background-image: url("../images/quote.svg");
		width: 188px;	
		height: 164px;
	}

	#frontpage-doelstelling .content span {
		font-size: 2rem;
		font-weight: 300;
		line-height: 3.5rem;
		z-index: 8;
		position: relative;
	}

	#frontpage-doelstelling .image {
		position: absolute;
		right: 0;
		top: 3.5rem;
	}

	@media all and (max-width: 1800px) {
		#frontpage-doelstelling .image img {
			width: 80% !important;
		}
	}

	@media all and (max-width: 1200px) {
		#frontpage-doelstelling .content span {
			font-size: 1.5rem;
			line-height: 3rem;
		}
		#frontpage-doelstelling .image img {
			width: 60% !important;
		}
	}

	@media all and (max-width: 767px) {
		#frontpage-doelstelling .content {
			margin: 5rem 0;	
		}
	}

/*---------------------------------------------- 
	5.1 Page Modules
------------------------------------------------*/
	#page-modules .module:last-child {
		padding-bottom: 0;
	}

/*---------------------------------------------- 
	5.2 Module Beursagenda
------------------------------------------------*/
	#page-modules .beursagenda .usp .wrapper {
		padding: 1rem 1.5rem;
	}

	#page-modules .beursagenda .usp ul li i {
		font-size: 1.25rem;
		color: #2B6296;
	}

	#page-modules .beursagenda .usp ul li {
		line-height: 1.5rem;
	}

	#page-modules .beursagenda .usp ul li + li {
		margin-top: 0.65rem;
	}

	#page-modules .beursagenda .usp .wrapper .image img {
		max-width: 9rem;
	}

/*---------------------------------------------- 
	5.3 Module Call to Action
------------------------------------------------*/
	#page-modules .call-to-action .wrapper {
		background-image: url("../images/cta-bg.jpg");
		padding: 3.75rem 1rem;
	}

	#page-modules .call-to-action .wrapper .btn {
		color: #FFF;
	}

	#page-modules .call-to-action .wrapper .btn:hover {
		background: #FFF;
		color: #366194 !important;
	}

/*---------------------------------------------- 
	5.4 Module blokken
------------------------------------------------*/
	#page-modules .blokken .item {
		padding: 2.5rem 2rem;
	}

	#page-modules .blokken .item .title {
		height: 4.5rem;
	}

	#page-modules .blokken .item .title span {
		line-height: 2.25rem;	
	}

	#page-modules .blokken .item.bg-orange .btn:hover {
		background: #FFF;
		color: #2B6296 !important;
	}

/*---------------------------------------------- 
	5.5 Module Contact
------------------------------------------------*/
	#page-modules .contact .sidebar-wrapper {
		padding: 2rem 1.5rem;
	}

	#page-modules .contact .sidebar-wrapper ul li {
		color: #FFF;
	}

	#page-modules .contact .sidebar-wrapper ul li ,
	#page-modules .contact .sidebar-wrapper ul li a {
		font-size: 0.8rem;
		font-weight: 500;
		color: #FFF;
	}

	#page-modules .contact .sidebar-wrapper ul li a:hover {
		color: #EE7202;		
	}

	#page-modules .contact .sidebar-wrapper .social-media li a {
		font-size: 1.5rem !important;
		color: #FFF;
	}

	#page-modules .contact .sidebar-wrapper .social-media .list-inline-item:not(:last-child) {
		margin-right: 0.4rem;
	}

/*---------------------------------------------- 
	6. Page FAQ
------------------------------------------------*/
    #tabs-overzicht .item + .item {
        margin-top: 3rem;
    }

	#tabs-overzicht .accordion-item ,
    #tabs-overzicht .accordion .accordion-button {
		border: none;
		border-radius: 0;
		box-shadow: none;
	}

	#tabs-overzicht .accordion-item {
		border: none;
	}

	#tabs-overzicht .accordion-item + .accordion-item {
		margin-top: 3px;
	}

	#tabs-overzicht .accordion .accordion-button {
		background: #F4F8E9;
	}

	#tabs-overzicht .accordion .card .btn-tab {
		text-align: left;
		background: none;
		padding: 1rem 1.5rem;
		width: 100%;
        text-transform: inherit !important;
		border-radius: 0;
	}

    #tabs-overzicht .accordion .accordion-button span {
		font-size: 0.8rem;
		color: #0D0D0D;
		font-weight: 600;
		line-height: 1.5rem;
    }

	#tabs-overzicht .accordion .accordion-item .accordion-body {
        font-size: 0.8rem;
        background: #FFF;
		padding: 1.25rem;
		border-radius: 0;
	}

/*---------------------------------------------- 
	7. Footer 
------------------------------------------------*/
	#footer {
		padding: 5rem 0;
		margin-top: 11.5rem;
	}

	#footer .image {
		position: absolute;
		left: 0;
		bottom: 0;
	}

	#footer ul li ,
	#footer ul li a {
		font-size: 0.9rem;
		font-weight: 500;
		color: #FFF;
	}

	#footer ul li a:hover {
		color: #EE7202;		
	}

	#footer .social-media li a {
		font-size: 1.5rem !important;
		color: #FFF;
	}

	#footer .social-media .list-inline-item:not(:last-child) {
		margin-right: 0.4rem;
	}

	@media all and (max-width: 2000px) {
		#footer .image img {
			width: 80% !important;
		}
	}

	@media all and (max-width: 1700px) and (min-width: 1200px)  {
		#footer	.contactgegevens {
			margin-left: 41.66666667%;
			width: 58.33333333%;
		}
	}

	@media all and (max-width: 1500px) {
		#footer {
			margin-top: 7rem;
		}
		#footer .image img {
			width: 70% !important;
		}
	}

	@media all and (max-width: 1200px) {
		#footer {
			margin-top: 3rem;
			padding: 2.5rem 0;
		}
	}