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

.logopane img {margin:23px 0;}
.contentpane3 {background:#f2f5f8;}
.bottom {background:white;color:black;}
.bottom a:link, .bottom a:visited {color:black;}
.bottom a:active, .bottom a:hover {color:#009640;}
.bottom .h4-headline {color:black;}
::selection {background:#c7d301;}
a.bigbutton:link, a.bigbutton:visited {background:#009640;font-family:"Outfit", serif;font-weight:700;border-radius:6px;}
a.bigbutton:active, a.bigbutton:hover {background:black;}
a.backtotop {border-radius:6px 6px 0 0 !important;}
button.bigbutton {background:#009640;font-family:"Outfit", serif;font-weight:700;border-radius:6px;}
button.bigbutton:hover {background:black;color:white;}
.documents a:link, .documents a:visited {color:#009640;font-family:"Outfit", serif;font-weight:700;}
.documents a:active, .documents a:hover {color:black;}
.newspaper-link a:link, .newspaper-link a:visited {color:#009640;font-family:"Outfit", serif;font-weight:700;}
.newspaper-link a:active, .newspaper-link a:hover {color:black;}
.h2-headline, .h3-headline, .h4-headline {font-family:"Outfit", serif;font-weight:500;color:#009640;}
.h4-headline {text-transform:none;color:black;}
.rslides li .caption h2 {font-size:80px;letter-spacing:0;text-transform:none;}
.rslides li .caption h3 {font-size:30px;}
.topimageheader .caption h2 {font-size:80px;letter-spacing:0;text-transform:none;margin:0 0 20px 0;}
.topimageheader .caption h3 {font-size:30px;}
.blog-sat {max-width:1070px;margin:80px auto 0;}
.blog-sat .h4-headline {display:block;font-size:60px;line-height:64px;}
.blog-archives {background:#f2f5f8;}
.fd-day {font-family:"Outfit", sans-serif;font-weight:700;color:black;}
.fd-month {background-color:black;}
.blog-detail article h1 {font-family:"Outfit", sans-serif;font-weight:700;color:#009640;text-transform:none;}
.ci-header span {background:#009640;}
.socialicons a:link, .socialicons a:visited {background:white;color:black;}
.socialicons a:active, .socialicons a:hover {background:#009640;color:white;}
.gblockswrapper {margin:0 auto 80px;padding:80px 0 0 0;}
.gblocks {justify-content:center;margin:40px 0 0 0;}
.gblocks a {flex:initial;margin:0 7px 14px;background:none;position:relative;}
.gblocks a:nth-child(even) {background:none;}
.gblocks a:hover {background:none;}
.gblocks a:after {
    position: absolute;
    width: 100%;
    height: 200px;
    content: "";
    left: 0;
    bottom: 0;
    z-index: 1000;
    transition: all .2s ease-in-out 0s;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
}
.gblockstext {position:absolute;z-index:1100;bottom:40px;left:0;margin:0 12px 0 24px;padding:0;}
.gblockstext h2 {font-size:40px;line-height:40px;margin:0;}
.gblockstext h3 {font-size:24px;line-height:30px;font-weight:400;margin:12px 0 0 0;color:white;}
.gblocks a:hover:after {
    height: 100%;
    opacity: 0.8;
    transition: all .2s ease-in-out 0s;
    background: #009640;
}
.citation-window {background:#009640;min-height:0;}
.citation-content {padding:80px 0;}
.citation-content h2 {font-size:36px;line-height:40px;margin:0;}
.citation-text {font-size:36px;line-height:40px;letter-spacing:0;font-family:"Outfit", sans-serif;font-weight:500;}
.datatable th {font-family:"Outfit", sans-serif;font-weight:700;}
h1, h2, h3, h4, h5, h6 {font-family:"Outfit", serif;color:black;font-weight:500;text-transform:none;}
h1 {font-weight:700;letter-spacing:0.1em;font-size:18px;line-height:24px;color:#009640;text-transform:uppercase;}
h3 {letter-spacing:0.02em;}
h4 {font-weight:700;color:#009640;}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {color:black;}
h2 a:active, h2 a:hover, h3 a:active, h3 a:hover {color:#009640;}
a:link, a:visited {color:#009640;}
a:active, a:hover {color:#c7d301;}
.content ul li::marker, .contentright ul li::marker {color:#009640;}
hr {background:#009640;height:6px;max-width:120px;}
blockquote {border-left:#009640 solid 8px;}
blockquote, blockquote p {color:#009640;font-family:"Outfit", serif;font-weight:700;font-size:24px;}
nav#dnnMenu ul {margin:41px 0;}
nav#dnnMenu ul li a {font-family:"Outfit", serif;font-weight:700;font-size:20px;height:48px;line-height:48px;color:black;}
nav#dnnMenu ul li a:hover {color:#009640;}
nav#dnnMenu ul li:last-child a {background:#009640;color:white;border-radius:6px;padding:0 20px;}
nav#dnnMenu ul li:last-child a:hover {background:black;color:white;}
.mobilemenu ul {font-family:"Outfit", serif;font-weight:700;}
.mobilemenu ul li a:hover {color:#009640;}
@media screen and (max-width: 640px) {
.rslides li .caption h2 {font-size:48px;line-height:54px;margin:0 0 20px 0;}
.topimageheader .caption h2 {font-size:48px;line-height:54px;}
.blog-sat .h4-headline {font-size:48px;line-height:54px;}
}