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

body {color:#1a4146;}
body.stickyheader {padding-top:314px;}
.header .pagelarge, .header .page {padding:0;}
.logopane {float:none;text-align:center;}
.logopane img {margin:30px 0;}
.header.is-sticky .logopane {display:none;}
.menu {float:none;background:#1a4146;}
.langpane {font-family:"Raleway", serif;font-weight:700;}
.langpane a:link, .langpane a:visited, .langpane a:active {color:#1a4146;}
.langpane a:hover, a.langsel:link, a.langsel:visited, a.langsel:active, a.langsel:hover {background:#e9e9e9;color:#1a4146;}
.contentpane2 {background:#e9e9e9;}
::selection {background:#e3ca91;}
a.bigbutton:link, a.bigbutton:visited {background:#e3ca91;color:white;font-family:"Raleway", serif;font-weight:700;font-size:20px;border-radius:6px;}
a.bigbutton:active, a.bigbutton:hover {background:#1a4146;color:white;}
a.bigbutton:before {display:none;}
a.bigbutton i.far, a.bigbutton i.fas {margin-right:6px;}
button.bigbutton {background:#e3ca91;color:white;font-family:"Raleway", serif;font-weight:700;font-size:20px;border-radius:6px;}
button.bigbutton:hover {background:#1a4146;color:white;}
.documents {margin:30px 0 0 0;}
.documents a {display:inline-block;margin:0 0 3px 0;}
.documents a:link, .documents a:visited {color:#e3ca91;font-family:"Raleway", serif;font-weight:700;font-size:20px;}
.documents a:active, .documents a:hover {color:#1a4146;text-decoration:none;}
.newspaper-link {margin:30px 0 0 0;}
.newspaper-link a {display:inline-block;margin:0 0 3px 0;}
.newspaper-link a:link, .newspaper-link a:visited {color:#e3ca91;font-family:"Raleway", serif;font-weight:700;font-size:20px;}
.newspaper-link a:active, .newspaper-link a:hover {color:#1a4146;text-decoration:none;}
.rslides li .caption h2 {font-size:80px;line-height:80px;letter-spacing:0;text-transform:none;}
.rslides li .caption h3 {font-size:74px;line-height:74px;letter-spacing:0;color:white;}
.topimageheader .caption h2 {font-size:80px;line-height:80px;letter-spacing:0;text-transform:none;}
.topimageheader .caption h3 {font-size:74px;line-height:74px;letter-spacing:0;color:white;}
.bottom {background:#1a4146;}
.bottom a:active, .bottom a:hover {color:#e3ca91;}
.bottompane2 {font-size:18px;}
.si-colored a:active, .si-colored a:hover {background:#1a4146 !important;}
h1, h2, h3, h4, h5, h6 {font-family:"Raleway", serif;font-weight:700;color:#1a4146;}
h1 {font-size:16px;line-height:20px;letter-spacing:0.5em;text-transform:uppercase;}
h2 {font-family:"Raleway", serif;font-weight:200;font-size:56px;line-height:60px;color:#1a4146;text-transform:none;}
h3 {font-family:"Yesteryear", serif;font-weight:normal;font-size:64px;line-height:64px;color:#1a4146;text-transform:none;}
h4 {font-size:16px;line-height:20px;letter-spacing:0.5em;color:#424242;text-transform:uppercase;}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {color:#1a4146;}
h2 a:active, h2 a:hover, h3 a:active, h3 a:hover {color:#e3ca91;}
.h2-headline, .h3-headline, .h4-headline {font-family:"Raleway", serif;font-weight:200;text-transform:none;color:#e3ca91;}
.h4-headline {font-size:24px;line-height:30px;}
hr {background:#e3ca91;}
a:link, a:visited, a:active, a:hover {color:#e3ca91;}
.content ul li::marker, .contentright ul li::marker {color:#e3ca91;}
blockquote {border-left:#e3ca91 solid 8px;}
blockquote, blockquote p {color:#e3ca91;font-size:20px;}
nav#dnnMenu {display:flex;justify-content:center;}
nav#dnnMenu ul {margin:0;}
nav#dnnMenu ul li a {font-family:"Raleway", serif;font-weight:600;font-size:16px;letter-spacing:0.12em;color:white;}
nav#dnnMenu ul li a:hover {color:#e3ca91;}
.mobilemenu ul {font-family:"Raleway", serif;font-weight:200;}
.gblockstext h2 {color:white;font-size:48px;line-height:54px;margin:0 40px 20px 40px;}
.gblockstext h3 {color:white;font-size:60px;line-height:60px;}
.gblocks a:after {background:rgba(40,48,53,.5);}
.refsoverlay {background:rgba(227,202,145,0.9);}
.refsoverlay h4 {font-family:"Yesteryear", serif;font-size:60px;line-height:60px;text-transform:none;font-weight:normal;letter-spacing:0;}
.refstext h3 {font-family:"Raleway", serif;font-weight:600;font-size:24px;color:#e3ca91;}
.refstext p {font-size:18px;}
.citation-window {background:#e3ca91;}
.citation-text {max-width:640px;margin:0 auto;}
.citation-text p {text-align:center;}
.fd-day {font-family:"Raleway", serif;font-weight:200;color:#e3ca91;}
.fd-month {background-color:#e3ca91;font-weight:700;}
.blog-detail article h1 {font-family:"Raleway", serif;font-weight:200;text-transform:none;color:#1a4146;}
.blog-sat .h4-headline {font-size:24px;line-height:30px;}
.blog-sat .blog article .article-content h3 {font-size:64px;line-height:64px;}
.ci-header span {background:#e3ca91;}
.contactform {max-width:1070px;margin:0 auto;}
.herocontent {padding:100px 0;}
.herocontent .caption {background:#1a4146;padding:60px;color:white;}
.herocontent .caption h2 {color:white;}
.herocontent .caption ul {margin:20px 0 20px 30px;}
.herocontent .caption ul li {list-style-type:disc;margin:0 0 10px 0;}
.herocontent .caption ul li:last-child {margin:0;}
.herocontent .caption ul li::marker {color:white;}
.herocontent-link {margin:30px 0 0 0;text-align:center;}
.herocontent-link a.bigbutton:active, .herocontent-link a.bigbutton:hover {background:white;color:#1a4146;}
.flexcontent-div {margin:0 0 60px 0;}
.flexcontent-accordion {margin:60px auto 0;}
.fca-header h3 {margin:0;}
.fca-header h3:after {content:'+';color:#e3ca91;margin-left:20px;}
.flexcontent-active .fca-header h3:after {content:'-';}
.fca-content {padding:20px 0 0 0;}
.fca-content p {margin:20px 0 0 0;}
.fca-content ul {margin:20px 0 0 30px;}
/* 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) {
nav#dnnMenu {display:none;}
}
@media screen and (max-width:640px) {
.rslides li .caption h2 {font-size:60px;line-height:60px;padding:0 10px;}
.rslides li .caption h3 {font-size:54px;line-height:54px;padding:0 10px;}
.topimageheader .caption h2 {font-size:60px;line-height:60px;padding:0 10px;}
.topimageheader .caption h3 {font-size:54px;line-height:54px;padding:0 10px;}
h2 {font-size:48px;line-height:54px;}
h3 {font-size:54px;line-height:54px;}
.herocontent .caption {padding:40px;}
.gblockstext h3 {font-size:48px;line-height:48px;}
.refsoverlay h4 {font-size:48px;line-height:48px;}
.blog-sat .blog article .article-content h3 {font-size:48px;line-height:48px;}
}