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

.toppane .rocketactionmenu {top:250px;}
.header {position:absolute;z-index:9000;background:transparent;}
.logopane {background:white;border-bottom-right-radius:24px;}
.logopane img {margin:24px;}
.header.is-sticky {background:#aebf39;top:0;}
.header.is-sticky .logopane {border-bottom-right-radius:0;}
.header.is-sticky .logopane img {height:60px;width:auto;margin:10px;}
.langpane {font-family:"Overpass", serif;font-weight:700;}
.langpane a:link, .langpane a:visited, .langpane a:active {color:white;margin:0 8px 0 0;}
.langpane a:hover, a.langsel:link, a.langsel:visited, a.langsel:active, a.langsel:hover {background:#12aec5;color:white;}
.citation-window {background-color:white;color:#282828;}
.citation-content {max-width:1280px;}
.citation-content h2 {color:#1a7286;}
.citation-content hr {background:#aebf39;}
.bottom {background:#1a7286;}
::selection {background:#aebf39;}
a.bigbutton:link, a.bigbutton:visited {background:#aebf39;font-family:"Overpass", serif;font-weight:700;text-transform:none;}
a.bigbutton:active, a.bigbutton:hover {background:#1a7286;}
button.bigbutton {background:#aebf39;font-family:"Overpass", serif;font-weight:700;text-transform:none;}
button.bigbutton:hover {background:#1a7286;}
.documents a:link, .documents a:visited {color:#aebf39;font-family:"Overpass", serif;font-weight:700;}
.documents a:active, .documents a:hover {color:#1a7286;}
.newspaper-link a:link, .newspaper-link a:visited {color:#aebf39;font-family:"Overpass", serif;font-weight:700;}
.newspaper-link a:active, .newspaper-link a:hover {color:#1a7286;}
.datatable th {font-family:"Overpass", serif;font-weight:700;}
.slider-container {height:80vh;}
.rslides li .caption h2 {letter-spacing:0;text-transform:none;}
.rslides li .caption h3 {letter-spacing:0;font-size:48px;color:#aebf39;}
.topimageheader {height:600px;}
.topimageheader .caption h2 {letter-spacing:0;text-transform:none;}
.topimageheader .caption h3 {letter-spacing:0;font-size:30px;color:#aebf39;}
h1, h2, h3, h4, h5, h6 {font-family:"Overpass", serif;font-weight:700;color:#1a7286;text-transform:none;}
h1 {color:#12aec5;}
h3 {font-family:"Overpass", serif;font-weight:500;color:#aebf39;font-size:36px;line-height:40px;}
h2 a:link, h2 a:visited {color:#1a7286;}
h2 a:active, h2 a:hover {color:#12aec5;}
h3 a:link, h3 a:visited {color:#aebf39;}
h3 a:active, h3 a:hover {color:#1a7286;}
.h2-headline, .h3-headline, .h4-headline {font-family:"Overpass", serif;font-weight:700;color:#1a7286;}
.content ul li::marker, .contentright ul li::marker {color:#aebf39;}
hr {background:#aebf39;}
blockquote {border-left:#12aec5 solid 10px;}
blockquote, blockquote p {color:#12aec5;}
a:link, a:visited {color:#aebf39;text-decoration:underline;}
a:active, a:hover {color:#1a7286;}
nav#dnnMenu ul {margin:53px 0;}
.header.is-sticky nav#dnnMenu ul {margin:10px 0;}
nav#dnnMenu ul li:first-child {display:none;}
nav#dnnMenu ul li a {font-family:"Overpass", serif;font-weight:700;color:white;height:60px;line-height:60px;}
nav#dnnMenu ul li a:hover {color:#aebf39;}
.header.is-sticky nav#dnnMenu ul li a:hover {color:#1a7286;}
.navicon {background:#aebf39;}
.navicon a:before {color:white;}
.mobilemenu ul {background:white;font-family:"Overpass", serif;font-weight:700;}
.mobilemenu ul li {border-top:#ddd solid 1px;}
.mobilemenu ul li a {color:#aebf39;}
.mobilemenu ul li a:hover {color:#1a7286;}
.gblockstext h2 {font-size:48px;padding:0 0 12px 0;}
.refsoverlay {background:rgba(18,174,197,0.75);}
.refsoverlay h4 {font-family:"Overpass", serif;font-weight:500;font-size:36px;padding:0 20px;}
.refstext {background:#1a7286;color:white;}
.refstext h3 {font-family:"Overpass", serif;font-weight:700;color:white;}
.refstext p {font-size:18px;line-height:30px;}
.formatdate {font-family:"Overpass", serif;font-weight:700;}
.fd-day {font-family:"Overpass", serif;font-weight:700;color:#12aec5;}
.fd-month {background-color:#12aec5;font-size:14px;}
.blog-detail article h1 {font-family:"Overpass", serif;font-weight:700;color:#12aec5;}
.ci-header span {background:#aebf39;}
.socialicons a:link, .socialicons a:visited {color:#1a7286;}
.socialicons a:active, .socialicons a:hover {background:#aebf39;color:#1a7286;}
.resa {max-width:1070px;margin:0 auto 60px;}
.labelswrapper, .gallery-wrapper {margin:60px auto 0;}
/* for 980px and less - Only portrait for retina display */
@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) {
.header {position:relative;background:white;}
.logopane img {margin:40px 0;}
.langpane a:link, .langpane a:visited, .langpane a:active {color:#12aec5;}
.langpane a:hover, a.langsel:link, a.langsel:visited, a.langsel:active, a.langsel:hover {color:white;}
.gblockstext h2 {font-size:40px;}
}