/* Mosaïk styles */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html {scroll-padding-top:200px;}
::selection {background:#ffdd00;}
.logopane img {margin:20px 0;}
.toppane {min-height:120px;}
a.bigbutton:link, a.bigbutton:visited {background:#0e4194;font-family:"Montserrat", sans-serif;font-weight:800;font-size:20px;}
a.bigbutton:active, a.bigbutton:hover {background:#ffdd00;}
button.bigbutton {background:#0e4194;font-family:"Montserrat", sans-serif;font-weight:800;font-size:20px;}
button.bigbutton:hover {background:#ffdd00;}
.h2-headline, .h3-headline, .h4-headline {font-family:"Montserrat", sans-serif;font-weight:800;text-transform:none;color:#282828;}
.documents a:link, .documents a:visited {font-family:"Montserrat", sans-serif;font-weight:800;color:#0e4194;font-size:20px;}
.documents a:active, .documents a:hover {color:#ffdd00;}
.newspaper-link a:link, .newspaper-link a:visited {font-family:"Montserrat", sans-serif;font-weight:800;color:#0e4194;font-size:20px;}
.newspaper-link a:active, .newspaper-link a:hover {color:#ffdd00;}
.rslides li .caption {max-width:60%;left:50%;transform:translate(-50%,-50%);}
.rslides li .caption h2 {font-size:72px;font-weight:700;text-transform:none;letter-spacing:0;}
.rslides li .caption h3 {font-size:30px;color:white;}
.rslides li .caption p {font-size:24px;}
.topimageheader {height:400px;}
.topimageheader .caption h2 {font-size:72px;font-weight:700;text-transform:none;letter-spacing:0;}
.topimageheader .caption h3 {font-size:30px;color:white;}
.bottom {background:white;color:#282828;}
.bottom .h4-headline {color:#282828}
.bottom a:link, .bottom a:visited {color:#282828;}
.bottom a:active, .bottom a:hover {color:#ffdd00;}
.socialicons a:link, .socialicons a:visited {background:#0e4194 !important;color:white;}
.socialicons a:active, .socialicons a:hover {background:#ffdd00 !important;color:white;}
h1, h2, h3, h4, h5, h6 {font-family:"Montserrat", sans-serif;font-weight:800;text-transform:none;color:#282828;}
h1 {font-family:'Poppins', sans-serif;font-weight:400;}
h2 {font-size:50px;line-height:54px;}
h3 {font-family:'Poppins', sans-serif;font-weight:600;font-size:40px;line-height:44px;}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {color:#282828;}
h2 a:active, h2 a:hover, h3 a:active, h3 a:hover {color:#ffdd00;}
a:link, a:visited {color:#282828;text-decoration:underline;}
a:active, a:hover {color:#ffdd00;}
hr {background:#ffdd00;}
blockquote {border-left:#0e4194 solid 10px;}
blockquote, blockquote p {font-size:20px;line-height:30px;font-weight:700;color:#0e4194;}
.content ul li::marker, .contentright ul li::marker {color:#ffdd00;}
nav#dnnMenu ul {margin:44px 0;}
nav#dnnMenu ul li a {font-family:"Montserrat", sans-serif;font-weight:800;font-size:18px;color:#0e4194;text-transform:none;height:48px;line-height:48px;}
nav#dnnMenu ul li a:hover {color:#ffdd00;}
nav#dnnMenu ul li:first-child {display:none;}
nav#dnnMenu ul li:last-child a {background:#0e4194;color:white;border-radius:24px;padding:0 20px;}
nav#dnnMenu ul li:last-child a:hover {background:#ffdd00;color:white;}
.mobilemenu ul {font-family:"Montserrat", sans-serif;font-weight:800;background:white;}
.mobilemenu ul li a {color:#0e4194;}
.mobilemenu ul li a:hover {color:#ffdd00;}
.gblockstext h2 {font-size:48px;padding:0 0 12px 0;}
.gblockstext h3 {font-size:24px;line-height:30px;font-weight:400;}
.refsoverlay {background:rgba(14,65,148,0.75);}
.refstext {color:#0e4194;}
.refstext h3 {font-family:"Montserrat", sans-serif;font-weight:800;color:#0e4194;}
.refstext p {font-size:18px;line-height:30px;}
.citation-window {background:#0e4194;}
.citation-content {max-width:1070px;margin:0 auto;}
.blogsat article h2 {font-size:30px;line-height:32px;}
.fd-day {font-family:"Montserrat", sans-serif;font-weight:800;color:#0e4194;}
.fd-month {background-color:#0e4194;}
.blog-detail article h1 {font-family:"Montserrat", sans-serif;font-weight:800;font-size:50px;line-height:54px;color:#282828;}
.blog-archives {background:#f2f2f2;}
.ci-header span {background:#ffdd00;}
.labelswrapper {margin:0 0 100px 0;}
.labels {padding:20px 0 0 0;}
.flexcontent-div {margin:0 0 60px 0;}
.contactform {max-width:1070px;margin:0 auto 60px;}
.linkswrapper {max-width:1070px;margin:0 auto;}
.gallery-wrapper {padding:40px 0 0 0;}
/* Timeline */
.svgblockswrapper {max-width:1070px;margin:80px auto 0 auto;}
.svgblocks {margin:40px 0 0 0;}
.svgblock {padding:2em 2em 1em 2em;position:relative;border-left:2px solid #0e4194;margin:0 0 0 3em;}
.svgblock h3 {
    position: absolute;
    left: 1em;
    top: 0.2em;
    color: #0e4194;
    margin: 0;
}
.svgblock:after {
	width: 20px;
	height: 20px;
	display: block;
	top: 0.8em;
	position: absolute;
	left: -11px;
	border-radius: 10px;
	background: white;
    color: #0e4194;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 20px;
    content: '\f144';
    text-align: center;
    line-height: 20px;
}
.svgblock:last-child {border-image:linear-gradient(to bottom, #0e4194, transparent) 1 100%;}
@media screen and (max-width:1580px) {
.logopane {float:none;text-align:center;}
.menu {float:none;margin:0 0 20px 0;}
nav#dnnMenu ul {display:flex;justify-content:center;flex-wrap:wrap;margin:0;}
}
@media screen and (max-width:1380px) {
.gblockstext h2 {font-size:36px;line-height:40px;}
.gblockstext h3 {font-size:20px;line-height:24px;}
}
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px) and (orientation: portrait) {
.rslides li .caption h2 {font-size:60px;}
.topimageheader .caption h2 {font-size:60px;}
}
@media screen and (max-width:640px) {
.rslides li .caption {max-width:none;left:auto;transform:translateY(-50%);}
.rslides li .caption h2 {font-size:40px;line-height:48px;padding:0 20px;}
.rslides li .caption h3, .rslides li .caption p {padding:0 20px;}
.topimageheader .caption h2 {font-size:40px;line-height:48px;padding:0 20px;}
h2 {font-size:40px;line-height:48px;}
}