/*
Style Responsive
Version: 1.0
Theme_URI: https://www.lemon.nl
Date: 12-2024
Author: Roeland ten Holder | Lemon
Author URI: roeland@lemon.nl
*/

/** ******************************** **/
/**      _____                       **/
/**    _(  _  )__________________    **/
/**   ( | (___)     | ____ |  _  |   **/
/**   |_|_______|_|_|______|_| |_|   **/
/**                                  **/
/**            www.lemon.nl          **/
/**                                  **/
/** ******************************** **/

/************* RESPONSIVE *************/
.desktop 		{ display: block; }
.desktop-inline { display: inline-block; }
.mobile,
.mobile-inline	{ display: none; }


.navbar-toggler {
	display: none;
	padding: 0 10px;
	border: 0;
	position: fixed;
	top: 45px;
	right: 30px;
	color: #fff !important;
	z-index: +2;
	font-size: 26px;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background-color: transparent;
	transition: all 0.2s;
}

.navbar-toggler:focus {
	box-shadow: none;
}

body:not(.page-template-page-home) .navbar-toggler.scroll1,
body .navbar-toggler.scroll2 {
	color: var(--blue);
	background-color: rgba(32,187,229,0.5);
	transition: all 0.2s;
}

body .navbar-toggler[aria-expanded="true"].scroll1,
body .navbar-toggler[aria-expanded="true"].scroll2 {
	background-color: transparent;
}



/* Extra breakpoint */
@media (max-width: 1269.98px) {
	.page-template-page-home .headerwrapper {
		background-position: right -850px top -420px;
	}
}


/* Bootstrap Breakpoint - Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {

	html { margin-top: 0 !important; }
	#wpadminbar { display: none !important; }


	/* .widthcontainer { max-width: calc(100% - 40px); }
	.container 		{ max-width: calc(100vw - 40px); }
	.smallcontainer { max-width: calc(100% - 40px); } */

	.desktop,
	.desktop-inline	{ display: none; }
	.mobile 		{ display: block; }
	.mobile-inline 	{ display: inline-block; }

	.page-template-page-home .headerwrapper {
		background-position: right -950px top -420px;
	}


	#primary-menu {
		position: fixed;
		top: 0px;
		padding-top: 0px;
		left: 0;
		width: 100%;
		z-index: +1;
	}


	.btn-language {
		display: none;
	}

	.navbar-toggler {
		display: unset;
	}

	.navbar-toggler .open 	{ display: inline-block; }
	.navbar-toggler .close 	{ display: none; }
	.navbar-toggler[aria-expanded="true"] .open { display: none; }
	.navbar-toggler[aria-expanded="true"] .close { display: inline-block; }


	.navbar-brand img {
		width: 239px;
		max-height: 65px;
	}

	.naavbar {
		position: absolute;
		left: 0;
		width: 100%;
		z-index: +1;
	}

	.navbar-nav li {
		background-color: var(--cyan);
		border-bottom: 1px solid rgba(255,255,255,0.5);
	}
	
	.navbar-nav li a {
		padding-top: 14px;
		padding-bottom: 14px;
		padding-right: calc(var(--bs-gutter-x)* .5);
    	padding-left: calc(var(--bs-gutter-x)* .5);
		display: block;
		margin: 0 25px;
	}
	

	.navbar-nav li.has-logo a {
		height: 140px;
		text-indent: -9999px;
		background-image: url('images/logo-diap.svg');
		background-position: calc(var(--bs-gutter-x)* .5) 43px;
		background-repeat: no-repeat;
		background-size: 239px 65px;
	}

	.navbar-nav li.has-language a {
		text-indent: -9999px;
		background-image: url('images/flags/nl.png');
		background-position: calc(var(--bs-gutter-x)* .5) 20px;
		background-repeat: no-repeat;
		background-size: 24px 24px;
	}
	.navbar-nav li.has-language.en a {
		background-image: url('images/flags/en.png');
	}

	
	.navbar-nav li.has-language.waves {
		background-color: transparent;
		background-image: url('images/waves-white-no-shadow.svg');
		background-position: center bottom;
		background-size: 140vw auto;
		background-repeat: no-repeat;
		width: 100vw;
		margin-top: 0;
		aspect-ratio: 1/0.22;
		height: 170px;
		border-bottom: none;
		position: relative;
	}


	.navbar-nav li.has-language.waves::before {
		position: absolute;
		top: 0;
		content: " ";
		width: 100%;
		height: 100px;
		box-shadow: 0 0 45px var(--cyan-light);
		z-index: -1;
	}
	

	.navbar-nav li a:hover {
		color: var(--blue);
	}

	.navbar-nav li .sub-menu {
		position: relative;
		opacity: 1;
		display: inline-block;
		max-width: 100%;
		width: 100%;
	}



	.navbar-nav li:hover .sub-menu li a span,
	.navbar-nav li .sub-menu span {
		display: none;
	}

}



/* Extra breakpoint */
@media (max-width: 889.98px) {
	.page-template-page-home .headerwrapper {
		background-position: right -975px top -420px;
	}
}



/* Bootstrap Breakpoint - Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
	.page-template-page-home .headerwrapper {
		background-position: right -1010px top -420px;
	}
	.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		line-height: unset !important;
	}

	.partner-logo {
		width: 100%;
		max-width: 100px;
		max-height: 80px;
	}

}

/* Bootstrap Breakpoint - Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) {
	.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		line-height: unset !important;
	}
}