:root {
	/* Colors */
	--primary: #012055;
	--primary-bg: #012055;
	--primary-dark: #00112f;
	--primary-light: #002769;

	--secondary: #8dc63f;
	--secondary-bg: #8dc63f;
	--secondary-dark: #6f9b32;
	--secondary-light: #a3e448;

	--tertiary: #00aae7;
	--tertiary-bg: #00aae7;
	--tertiary-dark: #008dc0;
	--tertiary-light: #00bbff;

	--quaternary: #faa61a;
	--quaternary-bg: #faa61a;
	--quaternary-dark: #ec6426;
	--quaternary-light: #ffd100;

	--quinary: #dbdbdb;
	--quinary-bg: #dbdbdb;
	--quinary-dark: #bfbfbf;
	--quinary-light: #ffffff;

	/* Fonts */
	--font-family-heading: "Open Sans", cursive, -apple-system, BlinkMacSystemFont,
		"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
		sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji";
	--font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont,
		"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
		sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji";
	--font-family-alt: "Single Day", cursive, -apple-system, BlinkMacSystemFont,
		"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
		sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji";
	--line-height: 1.5;

	/* Borders */
	--button-border: 2px;
	--dropdown-border: 1px;
	--input-border: 2px;
	--panel-border: 1px;

	/* Radii */
	--button-radius: 1rem;
	--dropdown-radius: 0.25rem;
	--input-radius: 0.25rem;
	--panel-radius: 0.5rem;

	/* Padding */
	--button-padding: 1rem;
	--dropdown-padding: 1rem;
	--input-padding: 1rem;
	--panel-padding: 1rem;

	--navigation-height: 6rem;

	/* Menubalk */
	--topspacing: 97px;
	--logowidth: 80%;
	--dropdownmenu: 34px;
	--logoheight: 150px;
    --logomaxwidth: 300px;
}

.mask {
	-webkit-mask: url("assets/steen.svg") no-repeat center;
	mask: url("assets/steen.svg") no-repeat center;
}

.header-img:before,
footer.nav-footer:before {
	background-image: url("assets/footer.svg");
}

/* Responsive breakpoints, mobile first. Graag bij gerelateerde component gebruiken, niet één per style sheet. */
@media only screen and (min-width: 576px) {
	/* Small (sm) */
}
@media only screen and (min-width: 768px) {
	/* Medium (md) */
}
@media only screen and (min-width: 992px) {
	/* Large (lg) */
}
@media only screen and (min-width: 1200px) {
	/* Extra large (xl) */
}


/* [NAVBAR]
	- Logo
*/
/* .nav-header .logo .img-fluid {
	max-width: 120px;
} */

/* Logo */


/* body[data-editor-mode=content] .object-circle-img .image-empty {
	width: 25rem;
} */

nav.type3 li:last-child {
    display: inline-block !important;
}

.bg-primary div[data-partial="download"] a:not(.btn-admin) {
	color: var(--white);
	transition: 0.15s;
}

.bg-primary div[data-partial="download"] a:not(.btn-admin):hover {
	color: var(--secondary);
}

.bg-primary div[data-partial="download"] a:not(.btn-admin):hover i {
	color: var(--white) !important;
}

.social-schools{
	display: none;
}