/* Mosaïk styles */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@800&display=swap');

::selection {background:#ffe323;}
.logopane img {margin:20px 0;}
.header.is-sticky .logopane img {margin:15px 0;}
a.bigbutton:link, a.bigbutton:visited {background:#e30613;font-family:"Outfit", serif;font-weight:800;font-size:20px;}
a.bigbutton:active, a.bigbutton:hover {background:#282828;}
button.bigbutton {background:#e30613;font-family:"Outfit", serif;font-weight:800;font-size:20px;}
button.bigbutton:hover {background:#282828;}
.h2-headline, .h3-headline, .h4-headline {font-family:"Outfit", serif;font-weight:800;text-transform:none;color:#e30613;}
.documents a:link, .documents a:visited {font-family:"Outfit", serif;font-weight:800;color:#e30613;font-size:20px;}
.documents a:active, .documents a:hover {color:#282828;}
.newspaper-link a:link, .newspaper-link a:visited {font-family:"Outfit", serif;font-weight:800;color:#e30613;font-size:20px;}
.newspaper-link a:active, .newspaper-link a:hover {color:#282828;}
.rslides li .caption h2 {font-size:80px;font-weight:800;}
.rslides li .caption h3 {font-size:40px;line-height:40px;color:white;}
.topimageheader {height:400px;}
.topimageheader .caption h2 {font-size:70px;line-height:70px;font-weight:800;margin:0 0 20px 0;}
.topimageheader .caption h3 {font-size:40px;line-height:40px;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:#e30613;}
.socialicons a:link, .socialicons a:visited {background:#282828 !important;color:white;}
.socialicons a:active, .socialicons a:hover {background:#e30613 !important;color:white;}
h1, h2, h3, h4, h5, h6 {font-family:"Outfit", serif;font-weight:800;text-transform:none;color:#282828;}
h1 {font-family:'Poppins', sans-serif;font-weight:400;}
h3 {font-family:'Poppins', sans-serif;font-weight:600;font-size:40px;line-height:44px;}
h2 a:link, h2 a:visited {color:#e30613;}
h2 a:active, h2 a:hover {color:#282828;}
h3 a:link, h3 a:visited {color:#282828;}
h3 a:active, h3 a:hover {color:#e30613;}
a:link, a:visited {color:#282828;text-decoration:underline;}
a:active, a:hover {color:#e30613;}
hr {background:#ffe323;height:6px;}
blockquote {border-left:#e30613 solid 10px;margin:40px 0 40px 40px;}
blockquote, blockquote p {font-size:20px;line-height:30px;font-weight:700;color:#e30613;}
.content ul li::marker, .contentright ul li::marker {color:#e30613;}
nav#dnnMenu ul {margin:51px 0;}
nav#dnnMenu ul li a {font-family:"Outfit", serif;font-weight:800;font-size:20px;color:#282828;height:48px;line-height:48px;}
nav#dnnMenu ul li a:hover {color:#e30613;}
nav#dnnMenu ul li.rootlevel:last-child a {background:#e30613;color:white;border-radius:24px;padding:0 20px;}
nav#dnnMenu ul li.rootlevel:last-child a:hover {background:#282828;color:white;}
nav#dnnMenu ul li ul li {background:none;}
nav#dnnMenu ul li ul li a {background:#e30613;border-radius:6px;padding:0 20px;}
nav#dnnMenu ul li ul li a:hover {background:#282828;color:white;}
.header.is-sticky nav#dnnMenu>ul {margin:36px 0;}
.mobilemenu ul {font-family:"Outfit", serif;font-weight:800;text-transform:none;}
.mobilemenu ul li a:hover {color:#e30613;}
.mobilemenu ul li a.disabled {color:#ccc;}
.grid-refs {max-width:1480px;padding:20px 0 0 0;}
.grid-item {padding:6px;}
.refsoverlay {display:none;}
.refstext {display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0;text-align:center;background:rgba(0,0,0,0.25);}
.refstext h2 {font-size:50px;line-height:50px;color:white;margin:0 40px;}
.grid-item:hover .refstext {transform:none;background:rgba(0,0,0,0.5);}
.citation-window {background:#e30613;}
.citation-content {max-width:1070px;}
.blog-sat .h4-headline {font-size:30px;}
.blogsat article h2 {font-size:30px;line-height:32px;}
.fd-day {font-family:"Outfit", serif;font-weight:800;color:#e30613;}
.fd-month {background-color:#e30613;}
.blog-detail article h1 {font-family:"Outfit", serif;font-weight:800;font-size:50px;line-height:54px;color:#e30613;}
.blog-archives {background:#f2f2f2;}
.ci-header span {background:#e30613;}
.labels {max-width:1250px;margin:80px auto;}
.labels img {max-height:100px;}
.bottom .labels {margin:0;}
.contactform {max-width:1070px;margin:0 auto;}
/* 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) {
.rslides li .caption h2 {font-size:60px;}
.topimageheader .caption h2 {font-size:60px;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.rslides li .caption h2 {font-size:40px;line-height:48px;}
.topimageheader .caption h2 {font-size:40px;line-height:48px;}
h2 {font-size:40px;line-height:48px;}
.blog-detail article h1 {font-size:40px;line-height:48px;color:#e30613;}
.gblockstext h2 {font-size:40px;}
.refsoverlay h4, .refsoverlay h2 {font-size:40px;line-height:48px;margin:0 20px;}
}
