 /* Klassic 2021 styles */
@import url('https://fonts.googleapis.com/css2?family=Boogaloo&display=swap');

.logopane img {margin:20px 0;}
.langpane {font-family:'Boogaloo', cursive;font-weight:400;}
.langpane a:link, .langpane a:visited, .langpane a:active {color:#4d605d;}
.langpane a:hover, a.langsel:link, a.langsel:visited, a.langsel:active, a.langsel:hover {background:#4d605d;color:white;}
::selection {background:#9dad58;}
::-moz-selection {background:#9dad58;}
a.bigbutton:link, a.bigbutton:visited {background:#9dad58;font-family:'Boogaloo', cursive;font-weight:400;}
a.bigbutton:active, a.bigbutton:hover {background:#4d605d;}
button.bigbutton {background:#9dad58;font-family:'Boogaloo', cursive;font-weight:400;}
button.bigbutton:hover {background:#4d605d;}
.h2-headline, .h3-headline, .h4-headline {font-family:'Boogaloo', cursive;font-weight:400;}
.documents a {display:inline-block;margin:0 0 3px 0;}
.documents a:link, .documents a:visited {background:white;font-family:'Boogaloo', cursive;font-weight:400;padding:5px 20px 5px 0;}
.documents a:active, .documents a:hover {background:#4d605d;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:#9dad58;color:white;font-family:'Boogaloo', cursive;font-weight:400;padding:5px 20px 5px 0;}
.newspaper-link a:active, .newspaper-link a:hover {background:#4d605d;color:white;text-decoration:none;}
.newspaper-link a:before {color:white;}
.gallery-link a:link, .gallery-link a:visited {font-weight:700;}
.rslides li .caption {background:#9dad58;top:auto;left:auto;right:0;height:100%;width:30%;-webkit-transform:none;-ms-transform:none;transform:none;display:flex;align-items:center;}
.rslides li .caption:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #9dad58;
    z-index: -1;
    transform: skewX(-15deg);
    transform-origin: 0 0;
}
.rslides li .caption h2 {margin:20px;}
.rslides li .caption h3 {font-size:36px;line-height:48px;margin:20px;}
.rslides li:after {display:none;}
.topimageheader {height:240px;}
.bottom {background:#243d38;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:#4d605d;}
.socialicons {margin:0 0 12px 0;}
.formatdate {font-family:'Boogaloo', cursive;font-weight:400;}
.articlesat-link a {font-weight:700;}
.datatable th {font-family:'Boogaloo', cursive;font-weight:400;}
h1, h2, h3, h4, h5, h6 {font-family:'Boogaloo', cursive;font-weight:400;color:#4d605d;}
h1 {font-size:30px;}
h2 {color:#9dad58;}
h3 {color:#9dad58;}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {color:#9dad58;}
hr {background:#9dad58;}
a:link, a:visited {color:#9dad58;}
a:active, a:hover {color:#9dad58;}
.content ul li:before, .content2 ul li:before {color:#9dad58;}
ul.megamenu {margin:35px 0;}
ul.megamenu a {font-family:'Boogaloo', cursive;font-weight:400;color:#4d605d;}
ul.megamenu li.level0:hover a, ul.megamenu li.level0 a:hover, .megahover {color:#9dad58;}
ul.megamenu .current a {color:#9dad58;}
ul.megamenu li.menufirst {display:none;}
#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:24px;line-height:36px;}
ul.megamenu li .sub {background:#4d605d;}
.mobilemenu ul {font-family:'Boogaloo', cursive;font-weight:400;}
a.disabled {color:#ccc !important;}
.gblocks a {background:#879e43;}
.gblocks a:nth-child(even) {background:#758c38;}
.gblocks a:hover {background:#4d605d;}
.gblockstext h2 {}
.gblockstext h3 {color:#ccc;}
.parallax-window {background:#4d605d;}
.parallax-link a:link, .parallax-link a:visited {font-family:'Boogaloo', cursive;font-weight:400;background:#9dad58;color:white;}
.parallax-link a:active, .parallax-link a:hover {background:white;color:#9dad58;}
.fd-day {font-family:'Boogaloo', cursive;font-weight:400;}
article.blog-detail h1 {font-family:'Boogaloo', cursive;font-weight:400;color:#9dad58;}
.ci-header span {background:#9dad58;}
/* 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 {height:auto;bottom:0;width:auto;display:block;}         
}
/* for 640px and less */
@media screen and (max-width:640px) {
.rslides li .caption h3 {font-size:30px;line-height:36px;}
}
