/* Klassic 2021 styles */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,700|Abel);

body {font-family:'Roboto', sans-serif;color:#465669;}
.logopane img {margin:20px 0;}
::selection {background:#e23706;}
::-moz-selection {background:#e23706;}
a.bigbutton:link, a.bigbutton:visited {background:#4c8fce;font-family:'Abel', sans-serif;font-weight:400;}
a.bigbutton:active, a.bigbutton:hover {background:#333333;}
button.bigbutton {background:#4c8fce;font-family:'Abel', sans-serif;font-weight:400;}
button.bigbutton:hover {background:#333333;}
.h2-headline, .h3-headline, .h4-headline {font-family:'Abel', sans-serif;font-weight:400;}
.documents a {display:inline-block;margin:0 0 3px 0;}
.documents a:link, .documents a:visited {background:white;font-family:'Abel', sans-serif;font-weight:400;padding:5px 20px 5px 0;}
.documents a:active, .documents a:hover {background:#333333;color:white;text-decoration:none;}
.newspaper-link a {display:inline-block;margin:0 0 3px 0;}
.newspaper-link a:link, .newspaper-link a:visited {background:#4c8fce;color:white;font-family:'Abel', sans-serif;font-weight:400;padding:5px 20px 5px 0;}
.newspaper-link a:active, .newspaper-link a:hover {background:#333333;color:white;text-decoration:none;}
.newspaper-link a:before {color:white;}
.gallery-link a:link, .gallery-link a:visited {font-weight:700;}
.slider-container {height:640px;}
.rslides li:after {background: rgba(70,86,105,.3);}
.rslides li .caption h2 {font-size:80px;letter-spacing:0;text-transform:none;}
.rslides li .caption h3 {font-size:30px;line-height:36px;color:white;}
.topimageheader {height:240px;}
.topimageheader .caption h2 {font-size:80px;letter-spacing:0;text-transform:none;}
.topimageheader .caption h3 {font-size:30px;line-height:36px;color:white;}
.bottom {background:#465669;color:white;}
.bottom h4 {color:white;margin:0 0 12px 0;}
.bottom a:link, .bottom a:visited {color:white;}
.bottom a:active, .bottom a:hover {color:#e23706;}
.socialicons {margin:0 0 12px 0;}
.formatdate {font-family:'Roboto', sans-serif;font-weight:700;}
.articlesat-link a {font-weight:700;}
.datatable th {font-family:'Roboto', sans-serif;font-weight:700;}
h1, h2, h3, h4, h5, h6 {font-family:'Abel', sans-serif;font-weight:400;color:#465669;}
h1 {font-size:48px;line-height:60px;margin:40px 0;}
h2 {font-size:36px;line-height:40px;}
h3 {font-family:'Roboto', sans-serif;font-weight:700;font-size:24px;line-height:30px;color:#4c8fce;}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {color:#465669;}
hr {background:#465669;}
a:link, a:visited {color:#4c8fce;}
a:active, a:hover {color:#4c8fce;}
.content ul li:before, .content2 ul li:before {color:#4c8fce;}
ul.megamenu a {font-family:'Abel', sans-serif;font-size:22px;font-weight:400;color:#465669;}
ul.megamenu li.level0:hover a, ul.megamenu li.level0 a:hover, .megahover {color:#4c8fce;}
ul.megamenu .current a {color:#4c8fce;}
ul.megamenu li.menufirst {display:none;}
ul.megamenu li .sub {top:130px !important;left:30px;}
#megamenu li.sublink {border-bottom:rgba(255,255,255,0.2) solid 1px;}
#megamenu li.sublink:last-child {border-bottom:0;}
#megamenu li.sublink a {font-size:22px;height:36px;line-height:36px;}
ul.megamenu li .sub {background:rgba(76,143,206,0.9);}
.mobilemenu ul {font-family:'Abel', sans-serif;}
/* Modules */
.gblocks a:hover {background:#4c8fce;}
.gblockstext h2 {font-size:30px;line-height:32px;}
.gblockstext h3 {color:#ccc;}
.parallax-window {background:#4e6786;}
.parallax-link a:link, .parallax-link a:visited {font-family:'Abel', sans-serif;font-weight:400;background:#4c8fce;color:white;}
.parallax-link a:active, .parallax-link a:hover {background:white;color:#4c8fce;}
.fd-day {font-family:'Abel', sans-serif;font-weight:400;}
article.blog-detail h1 {font-family:'Abel', sans-serif;font-weight:400;color:#4c8fce;}
.ci-header span {background:#4c8fce;}

/* 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:72px;}
.topimageheader .caption h2 {font-size:72px;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.rslides li .caption h2 {font-size:54px;line-height:60px;}
.topimageheader .caption h2 {font-size:54px;line-height:60px;}
h1 {font-size:36px;line-height:40px;}
}