:root {
    --purple:#a524d2;
    --blue:#4667b2;
    --lightblue:#32c9fd;
    --darkblue:#1d236b;
    --grey:#e6e6e6;
}

@font-face { font-family:'Segoe UI'; src:url('fonts/SegoeUI-Italic.eot'); src:url('fonts/SegoeUI-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/SegoeUI-Italic.woff2') format('woff2'), url('fonts/SegoeUI-Italic.woff') format('woff'), url('fonts/SegoeUI-Italic.ttf') format('truetype'), url('fonts/SegoeUI-Italic.svg#SegoeUI-Italic') format('svg'); font-weight:normal; font-style:italic; font-display:swap; }
@font-face { font-family:'Segoe UI'; src:url('fonts/SegoeUI-Bold.eot'); src:url('fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/SegoeUI-Bold.woff2') format('woff2'), url('fonts/SegoeUI-Bold.woff') format('woff'), url('fonts/SegoeUI-Bold.ttf') format('truetype'), url('fonts/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg'); font-weight:bold; font-style:normal; font-display:swap; }
@font-face { font-family:'Segoe UI'; src:url('fonts/SegoeUI-BoldItalic.eot'); src:url('fonts/SegoeUI-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/SegoeUI-BoldItalic.woff2') format('woff2'), url('fonts/SegoeUI-BoldItalic.woff') format('woff'), url('fonts/SegoeUI-BoldItalic.ttf') format('truetype'), url('fonts/SegoeUI-BoldItalic.svg#SegoeUI-BoldItalic') format('svg'); font-weight:bold; font-style:italic; font-display:swap; }
@font-face { font-family:'Segoe UI'; src:url('fonts/SegoeUI.eot'); src:url('fonts/SegoeUI.eot?#iefix') format('embedded-opentype'), url('fonts/SegoeUI.woff2') format('woff2'), url('fonts/SegoeUI.woff') format('woff'), url('fonts/SegoeUI.ttf') format('truetype'), url('fonts/SegoeUI.svg#SegoeUI') format('svg'); font-weight:normal; font-style:normal; font-display:swap; }

body { color:#2f4570; font-family:'Calibri'; font-size:17px; background-color:#fff; }
h1, .h1 { color:var(--purple); }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family:'Segoe UI'; }

a:link, a:visited { color:var(--darkblue); text-decoration:underline; }
a:hover, a:active { color:var(--darkblue); text-decoration:none; }

header, footer { background:linear-gradient(90deg, #a424d1 50%, #1c236b 50%); }

header .container { background-image:url(../img/kleurverloop_bg.jpg); background-repeat:repeat-y; background-size:contain; height:175px; }
header .mainTitle { font-family:'Segoe UI'; font-size:32px; font-weight:bold; color:#fff; text-shadow: 2px 2px 5px black; }
header .subTitle { font-family:'Segoe UI'; font-size:18px; color:#fff; text-shadow: 2px 2px 5px black; }
header .hexagonLogo { position:absolute; right:0; top:10px; max-height:155px; width:auto; }

@media (max-width:767px) {
    header .container { height:125px; }
    header .mainTitle { font-size:24px; }
    header .subTitle { font-size:14px; }
    header .hexagonLogo { max-height:105px; }
}
@media (max-width:500px) {
    header .container { height:100px; }
    header .mainTitle { font-size:20px; }
    header .subTitle { font-size:12px; }
    header .hexagonLogo { max-height:80px; }
}

.navContainer { background-color:var(--grey); padding-left:0; padding-right:0; }
.navContainer .container { background-color:var(--grey); }
.navContainer .navbar { background-color:transparent !important; }
.navContainer .navbar-nav a.nav-link:link, .navContainer .navbar-nav a.nav-link:visited { color:var(--darkblue); text-decoration:none; font-size:19px; font-weight:bold; }
.navContainer .navbar-nav .active>.nav-link, .navContainer .navbar-nav .nav-link.active, .navContainer .navbar-nav .nav-link.show, .navContainer .navbar-nav .show>.nav-link { background-color:transparent; color:var(--darkblue); text-decoration:underline !important; font-weight:bold; }
.navContainer .navbar-nav .nav-link:focus, .navContainer .navbar-nav .nav-link:hover { background-color:transparent; color:var(--darkblue); text-decoration:underline !important; }
.navContainer .navbar-brand img { max-height:35px; }
.navContainer .navbar-nav .dropdown-menu { background-color:var(--grey); border-color:var(--darkblue); padding:0; }
.navContainer .navbar-nav .dropdown-item { line-height:30px; color:var(--darkblue); text-decoration:none; }
.navContainer .navbar-nav .dropdown-item:focus, .dropdown-item:hover { background-color:var(--grey); color:var(--darkblue) !important; }
.navContainer .navbar-toggler { border:none; }
.navContainer .navbar-toggler-icon { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-brand { display:none; }
@media (min-width:768px) {
    body.scrolled .navContainer { position:fixed; top:0; }
    body.scrolled .mainContent { margin-top:60px; }
    body.scrolled .navbar-brand { display:block; }
}

footer .container-fluid, footer .container { background-image:url(../img/kleurverloop_bg.jpg); background-repeat:repeat-y; background-size:contain; color:#fff; min-height:30px; line-height:30px; padding-top:15px; padding-bottom:15px; }
footer a:link, footer a:visited { color:#fff; text-decoration:none; }
footer a:hover, footer a:active { color:#fff; text-decoration:underline; }

.coloredBlock { padding:15px; }
div[data-name="coloredBlock-blue"], .coloredBlock.blue { background-color:#1d236b; color:#FFF; }
div[data-name="coloredBlock-purple"], .coloredBlock.purple { background-color:#a524d2; color:#FFF; }
.coloredBlock.blue>* { color:#FFF; }
.coloredBlock.purple>* { color:#FFF; }

a.blueBlockLink:link, a.blueBlockLink:visited { background-color:#1d236b; width:250px; height:50px; display:inline-block; text-align:center; line-height:50px; color:#fff; text-decoration:none !important; font-size:18px; font-weight:bold; border-radius:10px; }
a.blueBlockLink:hover, a.blueBlockLink:active { text-decoration:underline !important; }
a.purpleBlockLink:link, a.purpleBlockLink:visited { background-color:#a524d2; width:250px; height:50px; display:inline-block; text-align:center; line-height:50px; color:#fff; text-decoration:none !important; font-size:18px; font-weight:bold; border-radius:10px; }
a.purpleBlockLink:hover, a.purpleBlockLink:active { text-decoration:underline !important; }
a.whiteTextLink { color:#fff; }

.hexagon { position:relative; width:100%; height:75%; clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); overflow:hidden; aspect-ratio:14 / 12; }

.accordion-item { border-color:#fff; }
.accordion-button { background:var(--darkblue); color:#fff; }
.accordion-button:not(.collapsed) { background:var(--darkblue); color:#fff; }

img.partner { max-width:250px; max-height:100px; }
hr.purple { color:var(--purple); }
span.red { color:var(--purple); }

.btn-primary { background-color:var(--purple); border-color:var(--purple); }
.btn-primary:hover { background-color:var(--darkblue); border-color:var(--darkblue); }