/* Klassic 2021 styles */
@import url('https://fonts.googleapis.com/css2?family=Squada+One&display=swap');

body {padding:0 40px;}
.logopane {position:absolute;background:white;padding:20px;z-index:9000;}
.logopane img {margin:0;}
.langpane {font-family:"Squada One", sans-serif;font-weight:400;font-size:20px;}
.langpane a:link, .langpane a:visited, .langpane a:active {color:#187185;margin:0 8px 0 0;}
.langpane a:hover, a.langsel:link, a.langsel:visited, a.langsel:active, a.langsel:hover {background:#187185;color:white;}
.bottom {background:white;color:#282828;}
.bottom .h4-headline {color:#187185;}
.bottom a:link, .bottom a:visited {color:#282828;}
.bottom a:active, .bottom a:hover {color:#9fb759;}
.bottompane1 {color:#282828;}
.footer {padding:20px 0;}
::selection {background:#9fb759;}
::-moz-selection {background:#9fb759;}
a.bigbutton:link, a.bigbutton:visited {background:#9fb759;font-family:"Squada One", sans-serif;font-weight:400;font-size:24px;text-transform:none;}
a.bigbutton:active, a.bigbutton:hover {background:#187185;}
button.bigbutton {background:#9fb759;font-family:"Squada One", sans-serif;font-weight:400;font-size:24px;text-transform:none;}
button.bigbutton:hover {background:#187185;}
.documents a {display:inline-block;margin:0 0 3px 0;font-size:24px;text-align:center;}
.documents a:link, .documents a:visited {background:white;color:#187185;font-family:"Squada One", sans-serif;font-weight:400;padding:5px 20px 5px 0;}
.documents a:active, .documents a:hover {background:#187185;color:white;text-decoration:none;}
.newspaper-link a {display:inline-block;margin:0 0 3px 0;font-size:24px;text-align:center;}
.newspaper-link a:link, .newspaper-link a:visited {background:#9fb759;color:white;font-family:"Squada One", sans-serif;font-weight:400;padding:5px 20px 5px 0;}
.newspaper-link a:active, .newspaper-link a:hover {background:#187185;color:white;text-decoration:none;}
.newspaper-link a:before {color:white;}
.rslides li .caption h2 {font-size:80px;}
.rslides li .caption h3 {font-size:40px;line-height:40px;}
.topimageheader {height:240px;}
.datatable th {font-family:"Squada One", sans-serif;font-weight:400;}
h1, h2, h3, h4, h5, h6 {font-family:"Squada One", sans-serif;font-weight:400;color:#187185;}
h1 {font-size:30px;}
h2 {color:#9fb759;font-size:80px;line-height:80px;}
h3 {color:#9fb759;}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {color:#9fb759;}
.h2-headline, .h3-headline, .h4-headline {font-family:"Squada One", sans-serif;font-weight:400;color:#187185;}
hr {height:10px;background:url("/Portals/26/wave.svg") no-repeat center center;}
blockquote {border-left:#187185 solid 10px;}
blockquote, blockquote p {color:#187185;}
a:link, a:visited {color:#9fb759;}
a:active, a:hover {color:#9fb759;}
.content ul li:before, .content2 ul li:before {color:#9fb759;}
ul.megamenu {margin:30px 0;}
ul.megamenu a {font-family:"Squada One", sans-serif;font-weight:400;font-size:30px;color:#187185;height:60px;line-height:60px;}
ul.megamenu li.level0:hover a, ul.megamenu li.level0 a:hover, .megahover {color:#9fb759;}
ul.megamenu .current a {color:#9fb759;}
.navicon {background:#187185;}
.navicon a:before {color:white;}
.mobilemenu ul {background:white;font-family:"Squada One", sans-serif;font-weight:400;font-size:30px;}
.mobilemenu ul li {border-top:#ddd solid 1px;}
.mobilemenu ul li a {color:#187185;}
.citation-window {background:#187185;}
.citation-content hr {background:url("/Portals/26/wave.svg") no-repeat center center;}
.formatdate {font-family:"Squada One", sans-serif;font-weight:400;}
.fd-day {font-family:"Squada One", sans-serif;font-weight:400;color:#187185;}
.fd-month {background-color:#187185;font-size:14px;}
.blog-detail article h1 {font-family:"Squada One", sans-serif;font-weight:400;color:#187185;}
.ci-header span {background:#9fb759;}
.socialicons {margin-top:25px;}
.socialicons a {font-size:20px;color:white !important;}
.socialicons a:active, .socialicons a:hover {background:#9fb759 !important;}
.fca-header h4:after {font-family:'Font Awesome 5 Free';font-weight:900;content:'\f055';margin-left:8px;font-size:24px;}
.flexcontent-active .fca-header h4:after {content:"\f056";}
/* Menu */
/* 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) {
.logopane {position:relative;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
body {padding:0;}
h2 {font-size:54px;line-height:54px;}
.rslides li .caption h2 {font-size:54px;line-height:54px;padding:0 20px;}
.topimageheader .caption h2 {font-size:54px;line-height:54px;padding:0 20px;}
}