/*
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: 14px;
	right: 5px;
	color: #ffffff !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(228,235,243,0.6);
	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) {
}


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

	h1						{ font-size: 22px; }
	h2						{ font-size: 20px; }
	.headerwrapper h2		{ font-size: 36px; }
	h3						{ font-size: 20px; }
	h3.quote				{ font-size: 20px; }
	h4						{ font-size: 20px; }
	h5						{ font-size: 17px; }
	h6						{ font-size: 14px; }
	.card					{ font-size: 14px; }
	body					{ font-size: 14px; }
	.content				{ font-size: 14px; }
	.headerwrapper .content	{ font-size: 24px; }
	.col-6 .content			{ font-size: 14px; }
	.modal .content			{ font-size: 14px; }
	.date 					{ font-size: 13px; }
	.navbar-nav li a		{ font-size: 14px; }

	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; }

	.header-nav {
		padding: 25px 0 15px;
	}

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

	.btn-language {
		display: none;
	}

	.navbar-toggler {
		display: unset;
		z-index: +999;
	}

	.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;
	}

	.navbar-nav {
		padding-top: 23px;
		background-color: var(--darkblue);
	}

	.navbar-nav li {
		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 11px;
	}
	

	.navbar-nav li:first-of-type a {
		width: 239px;
        max-height: 65px;
		text-indent: -9999px;
		background-image: url('images/logo-diap.png');
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 239px auto;
		margin: 0 20px 7px;
	}

	.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 .sub-menu {
		pointer-events: none !important;
	}

	.navbar-nav li:hover .sub-menu {
		display: none !important;
	}


	
	.navbar-nav li:hover {
		background-color: var(--darkblue-hover);
	}

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

	.navbar-nav li .sub-menu {
		position: relative;
		opacity: 1;
		display: inline-block;
		display: none;
		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) {
}



/* Bootstrap Breakpoint - Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
	h1						{ font-size: 20px; }
	h2						{ font-size: 18px; }
	.headerwrapper h2		{ font-size: 30px; }
	h3						{ font-size: 17px; }
	h3.quote				{ font-size: 17px; }
	h4						{ font-size: 16px; }
	h5						{ font-size: 15px; }
	h6						{ font-size: 14px; }
	.content				{ font-size: 14px; }
	.headerwrapper .content	{ font-size: 18px; }
	.date 					{ font-size: 12px; }

	.header-carousel .container {
		display: none
	}

	.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		line-height: unset !important;
	}

	.partner-logo,
	a.partnerlogo:hover .partner-logo {
		width: 90px;
		height: 60px;
		margin: 6px 12px;
		opacity: 1;
	}

	.card-deck.news-item:nth-of-type(3) {
		display: none;
	}

	.news-card .card-body {
		padding: 15px 15px 57px 15px;
	}
	
}

/* 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;
	}

	.circlewrapper {
		width: 300px;
		height: 300px;
		font-size: 15px;
		line-height: 14px;
	}

	.circle .part span {
		left: 18%;
		top: 44%;
	}
	.pentagon-part span {
		margin: 5px auto;
	}

}