/* A en O Fonds Grafimedia - Dashboard CSS
	A en O Paars
		paars: rgb(47,12,114) html #2f0c72
	A en O Oranje
		oranje: rgb(253,95,0) html #21880C
	A en O Bruin
		bruin: rgb(213,180,159) html #d5b49f */
/* loading fonts */
	@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
/* CSS vars */
	:root {
		--aeno-purple:#2f0c72;
		--aeno-purple-quarter:rgba(47,12,114,0.25);
		--aeno-purple-tenth:rgba(47,12,114,0.1);
		--aeno-orange:#fd5f00;
		--aeno-orange-tenth:rgba(253,95,0,0.1);
		--aeno-brown:#d5b49f;
		--aeno-brown-quarter:rgba(213,180,159,0.25);
		--black:#333;
		/* precies genoeg contrast naar witte achtergrond => 4.54:1
			#777 is 4.48:1, dus net te weinig voor de grenswaarde van 4.5:1 */
		--dark-grey:#767676;
		--grey:#ccc;
		--white-grey:#f5f5f5;
		--white:#fff;
		/* default settings */
		--line-height:1.42857em;
		--bandwidth:#5bc0de;
	}
/* structural elements */
	html, body { background-color:var(--white); font-family:Lato,Verdana,Arial,sans-serif; height:100%; }
	body { color:var(--black); display:-ms-flexbox; display:flex; flex-direction:column; }
	header { margin:0; padding:0; }
	header  > .container { background-color:var(--white); }
	.logo p { margin-bottom:0; }
	.logo a { text-decoration:none; }
	.logo img { height:116px; }
	main { flex:1 0 auto; }
	main > .container { background-color:var(--white); padding:20px 30px 0 30px; }
	footer { flex-shrink:0; position:bottom; }
	.footer { background-color:var(--aeno-purple); color:var(--white) ! important; min-height:60px; }
	.footer > .container { padding-top:5px; padding-right:15px; padding-left:15px; }
	.footer p { margin-bottom:0; padding-top:0; padding-bottom:0; }
	.footer a, .footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color:var(--white) ! important; }
	.footer a:hover { color:var(--white) ! important; text-decoration:none; }
	.footer .panteia-logo { margin-top:7px; width:80px; }
/* Bootstrap 5 overrides */
	a, a:link, a:visited, a:hover, a:active { color:var(--aeno-purple); }
	a:hover { color:var(--aeno-purple); text-decoration:none; }
	a:visited { color:var(--black); }
	.bg-navbar-override { background-color:var(--aeno-purple); border-top:1px solid var(--dark-grey); border-bottom:1px solid var(--dark-grey); }
	.nav-link { color:var(--white) ! important; font-weight:normal; padding-top:0.5rem; padding-bottom:0.7rem; }
	.nav-link:hover, .nav-item .nav-link.active { background-color:var(--white) ! important; color:var(--aeno-purple) ! important; }
	.dropdown-menu { background-color:var(--white); }
	.dropdown-item { color:var(--aeno-purple) ! important; }
	.dropdown-item:hover { background-color:var(--aeno-orange); color:var(--white) ! important; }
	.dropdown-item.active, .dropdown-item:active { background-color:var(--aeno-orange) ! important; color:var(--white) ! important; }
	.navbar-toggler { border-color:var(--white) ! important; margin-left:20px; width:64px; }
	.navbar-toggler-icon { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") ! important; }
	.btn-primary { background-color:var(--aeno-purple); border-color:var(--aeno-purple); color:var(--white) ! important; }
	.btn-primary:hover { background-color:rgba(1,104,155,0.75); border-color:rgba(1,104,155,0.75); }
	.alert.alert-info p:last-of-type { margin-bottom:0; }
	.currentProvince label { background-color:lightblue; color:var(--black); opacity:1 !important; padding:0 5px; }/* voor accessibility redenen, hoger contrast */
/* diversen */
	h1, h2, h3, h4, h5, h6 { color:var(--aeno-purple); font-family:Lato,Verdana,Arial,sans-serif; }
	h1 { font-weight:bold; padding:0; position:relative; }
	h2.contact { font-size:1.2em; }
	.subTitle { color:var(--dark-grey); font-size:80%; }
	span.lastLogin { clear:right; display:block; margin:0 0 1.4em; padding:1.4em 0 0; font-size:90%; text-align:right; }
	figure { margin-bottom:0; }
	/* voor skip links */
	.visually-hidden:not(:focus):not(:active) {
		clip-path:inset(50%);
		height:1px;
		overflow:hidden;
		position:absolute;
		white-space:nowrap;
		width:1px;
	}
/* periodekiezer */
	.titleContainer span.headerYearPicker {
		color:inherit;
		display:block;
		font-size:0.7em;
		font-weight:bold;
		height:inherit;
		letter-spacing:-1px;
		line-height:inherit;
		overflow:hidden;
		padding:0;
		position:absolute;
		right:0;
		text-align:right;
		z-index:100;
	}
	.titleContainer span.headerYearPicker.year { top:8px; z-index:200; }
	.titleContainer span.headerYearPicker #yearName {
		background-color:var(--white);
		color:var(--aeno-purple);
		display:inline-block;
		font-family:inherit;
		font-size:inherit;
		font-weight:inherit;
		letter-spacing:-1px;
		padding:3px 0 0 3px;
	}
	.titleContainer span.headerYearPicker #selectYear {
		background-color:var(--white);
		color:var(--aeno-orange);
		display:inline-block;
		font-size:inherit;
		font-weight:inherit;
		line-height:inherit;
		min-width:28px;
		text-align:center;
		vertical-align:top;
	}
	.titleContainer span.headerYearPicker #selectYear:before { color:var(--aeno-orange); content:'\f13a'; font-family:'FontAwesome'; font-size:0.8em; }
	.titleContainer span.headerYearPicker #selectYear:hover { cursor:pointer; color:var(--aeno-orange); }
	.titleContainer span.headerYearPicker #selectYear.showMenu:before { content:'\f139'; color:var(--aeno-orange); }
	.titleContainer span.headerYearPicker #yearMenu { display:none; margin-top:5px; max-width:200px; text-align:right; }
	.titleContainer span.headerYearPicker #yearMenu.showMenu { display:block; }
	.titleContainer span.headerYearPicker #yearMenu ul { display:block; margin:0; overflow:hidden; padding:0; text-align:left; }
	.titleContainer span.headerYearPicker #yearMenu ul li { display:block; margin-bottom:4px; overflow:hidden; }
	.titleContainer span.headerYearPicker #yearMenu ul li a {
		background-color:var(--aeno-purple);
		border:2px solid var(--aeno-purple);
		border-radius:6px !important;
		color:var(--white);
		font-size:0.75em;
		font-weight:bold;
		display:block;
		margin:0;
		padding:5px 0 5px 10px;
		text-decoration:none;
	}
	.titleContainer span.headerYearPicker #yearMenu ul li.active a,
	.titleContainer span.headerYearPicker #yearMenu ul li.active a:hover,
	.titleContainer span.headerYearPicker #yearMenu ul li a:hover { background-color:var(--white); color:var(--blue-dark); }
	.titleContainer span.headerYearPicker #yearMenu ul li a:before { color:inherit; content:'\f105'; font-family:'FontAwesome'; font-size:0.9em; margin-right:6px; }
/* terug naar boven knop */
	.back-to-top {
		background-color:var(--aeno-orange);
		border:1px solid var(--aeno-orange);
		border-radius:4px;
		bottom:5px;
		color:var(--white) ! important;
		display:none;
		font-size:1.4em;
		font-weight:500;
		opacity:0.95;
		padding:5px 15px;
		position:fixed;
		right:5px;
		text-decoration:none;
	}
	.back-to-top:hover,
	.back-to-top:active,
	.back-to-top:focus { background-color:var(--aeno-purple); border:1px solid var(--aeno-purple); color:var(--white); text-decoration:none; }
	.back-to-top i:before { color:#fff; }
	.back-to-top i { font-style:normal; }
/* media queries */
	@media print {
		body { background-color:#fff ! important; padding-top:0; }
		header, footer, .noprint { display:none; }
		p, ul, ol, li { page-break-inside:avoid; }
		h3 { font-size:1.3rem; }
		h4 { font-size:1.2rem; }
		h5 { font-size:1.1rem; }
	}
	@media only screen and (max-width:991px) {
		#topmenu { margin-top:10px; min-width:400px; }
		.nav-item a, .nav-item.dropdown a { padding-left:10px; }
	}
	@media only screen and (max-width:767px) {
		.titleContainer span.headerYearPicker.year { top:62px; z-index:100; }
		.footer p { padding-top:10px; padding-bottom:0; }
		.footer .panteia-logo { margin-top:0; }
	}
	@media only screen and (max-width:400px) {
		#topmenu { min-width:100%; }
		.logo p { padding-top:0; margin-bottom:0; }
	}