/* Klassic 2021 styles */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@700;900&display=swap');

body {color:#11609c;}
.logopane img {margin:20px 0;}
::selection {background:#23a638;}
::-moz-selection {background:#23a638;}
a.bigbutton:link, a.bigbutton:visited {background:#11609c;font-family:'Kanit', sans-serif;font-weight:700;}
a.bigbutton:active, a.bigbutton:hover {background:#333333;}
button.bigbutton {background:#11609c;font-family:'Kanit', sans-serif;font-weight:700;}
button.bigbutton:hover {background:#333333;}
.h2-headline, .h3-headline, .h4-headline {font-family:'Kanit', sans-serif;font-weight:900;}
.documents a {display:inline-block;margin:0 0 3px 0;}
.documents a:link, .documents a:visited {background:white;font-family:'Kanit', sans-serif;font-weight:700;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:#11609c;color:white;font-family:'Kanit', sans-serif;font-weight:700;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(0,0,0,.3);}
.rslides li .caption h2 {font-size:72px;font-weight:700;}
.rslides li .caption h3 {font-size:30px;line-height:36px;color:white;}
.topimageheader {height:240px;}
.tih-mask:after {background:rgba(0,0,0,.3);}
.topimageheader .caption h2 {font-size:72px;font-weight:700;}
.topimageheader .caption h3 {font-size:30px;line-height:36px;color:white;}
.bottom {background:#11609c;color:white;}
.bottom .h4-headline {font-weight:700;}
.bottom a:link, .bottom a:visited {color:white;}
.bottom a:active, .bottom a:hover {color:#23a638;}
.socialicons {margin:0 0 12px 0;}
.articlesat-link a {font-weight:700;}
h1, h2, h3, h4, h5, h6 {font-family:'Kanit', sans-serif;font-weight:900;color:#11609c;}
h1 {font-size:48px;line-height:60px;margin:40px 0;}
h2 {font-size:36px;line-height:40px;}
h3 {font-size:24px;line-height:30px;color:#11609c;}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {color:#11609c;}
hr {background:#23a638;}
a:link, a:visited {color:#23a638;}
a:active, a:hover {color:#11609c;}
blockquote {border-left:#23a638 solid 2px;}
blockquote, blockquote p {color:#23a638;}
.content ul li:before, .content2 ul li:before {color:#11609c;}
ul.megamenu a {font-family:'Kanit', sans-serif;font-weight:900;font-size:22px;color:#11609c;}
ul.megamenu li.level0:hover a, ul.megamenu li.level0 a:hover, .megahover {color:#11609c;}
ul.megamenu .current a {color:#11609c;}
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:'Kanit', sans-serif;font-weight:900;}
/* Modules */
.gblocks a:hover {background:#11609c;}
.gblockstext h2 {font-size:30px;line-height:32px;font-weight:700;}
.gblockstext h3 {font-weight:700;color:#ccc;}
.parallax-window {background:#145279;}
.parallax-content h2 {font-weight:700;}
.parallax-link a:link, .parallax-link a:visited {font-family:'Kanit', sans-serif;font-weight:700;background:#11609c;color:white;}
.parallax-link a:active, .parallax-link a:hover {background:white;color:#11609c;}
.fd-day {font-family:'Kanit', sans-serif;font-weight:900;}
article.blog-detail h1 {font-family:'Kanit', sans-serif;font-weight:900;color:#11609c;}
.ci-header span {background:#11609c;}

/* 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:36px;line-height:40px;}
.topimageheader .caption h2 {font-size:36px;line-height:40px;}
h1 {font-size:36px;line-height:40px;}
}