/* gray version*/
/* add <link href="https://fonts.googleapis.com/css?family=Comfortaa|Josefin+Sans:300" rel="stylesheet"> to index.php */

ul.mod-menu{list-style-type: none;}
ul.mod-menu li{list-style-type: none;display: inline-block;padding-left:12px;}

*/article module */
ul.mod-articles-items{list-style-type: none;}
ul.mod-articles-items li{list-style-type: none;display: inline-block;padding-left:12px;}
figure.item-image img{max-width:100%;height: auto;}

body {
font-family: 'Verdana', 'Helvetica', arial, serif;
font-size:1em;
line-height: 28px;
color: #5e5e5e;
background-color:#FCFCFC;
}
h1, h2, h3, h4 {font-family: 'Raleway', 'Helvetica', arial, serif;color: #004aad;}
h2 {font-size: 150%;line-height: 160%;}
a {color: #004aad;}
a:hover {color:#3091CF;}
.readon{background-color: #797878;color:#fff;border-bottom: 2px solid #535252;}
.readon:hover{background-color: #444;color:#fff;border-bottom: 2px solid #1B1A1A;}

#header-surround{background-color:#1E1E1E;}
#header{height:88px;padding:20px 4%;}
#header-height{}
#header-a.width-45{width:20%}
#header-b.width-45{width:72%}

#drawer-holder{background-color:#383838;padding:16px 1% 14px;}

#showcase{}
#showcase a{color:#48A9E7;}
#showcase a:hover{color:#3091CF;}
.special-announcement{padding: 69px 4% 89px;font-size: 130%;background-color:#585858;margin-top: -10px;color:#fff}
.special-announcement img {max-width:100%;}


#top{color:#848484;background-color:#202020;margin-top: -8px;}
#top h2, #top h3, #top h4{color:#848484}



#utility{color:#818181;background-color:#313131;}
#utility h2, #utility h3, #utility h4{color:#818181}
#utility a{color:#B5B5B5;}

#feature{
background-image: url(../images/backgrounds/feature/preset1/bg.png);
color: #C3C3C3;
background-color: #585858;
}
#feature h2, #feature h3, #feature h4{color:#C3C3C3}
#maintop{color: #424242;background-color: #f5f6f8;}
#maintop h2, #maintop h3, #maintop h4{color:#656565}

#expandedtop{background-color: #FFFFFF;color: #2C2C2C;}
#expandedtop h2, #expandedtop h3, #expandedtop h4{color:#656565}

#content-top{background-color: #FFFFFF;color: #6E6E6E;}
#content-top h2, #content-top h3, #content-top h4{color:#656565}

#mainbody{background-color: #FCFCFC;color:#353535;}

.sidebar-a-container {margin-top: 48px;}

#sidebar-a{
background-color: #FCFCFC; /* or AFAFAF #78bf57 or #888888*/
color: #5e5e5e;
}
#sidebar-a h2, #sidebar-a h3{}
#sidebar-b{background-color: #fff; /* #AFAFAF or #78bf57 or #888888*/
color: #5e5e5e;
font-size:80%;
}

#content-bottom{color: #6E6E6E;background-color: #FFFFFF;}
#content-bottom h2, #content-bottom h3, #content-bottom h4{color:#656565}
#content-bottom-boxes {border-top: 1px solid #ccc;padding-top: 53px;}
#expandedbottom{color: #C3C3C3;background-color:#585858;}
#expandedbottom h2, #expandedbottom h3, #expandedbottom h4 {color: #C3C3C3;}
#expandedbottom a {color:#E6E6E6;}
#expandedbottom a:hover {color:#C1C1C1;}


#mainbottom{background-color: #FFFFFF;color: #6E6E6E;}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#656565}

#extension{
background-image: url(../images/backgrounds/extension/preset1/bg.png);
color: #000000;
background-color: #cdcdcd;
}
#extension a{color:#07659e}
#extension h2, #extension h3, #extension h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#fullwidth{color: #6E6E6E;background-color: #FFFFFF;}
#fullwidth h2, #fullwidth h3, #fullwidth h4{color:#656565}

#bottom{
background-image: url(../images/patterns/noise.png);
background-color:#313131;
color: #e2e2e2;
}
#bottom h2, #bottom h3, #bottom h4{color:#e2e2e2;}

#footer{
background-image: url(../images/patterns/noise.png);
color: #8f8f8f;
background-color:#202020;
font-size:80%;
}
#footer h2, #footer h3, #footer h4{color:#e8e8e8;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#copyright{
background-image: url(../images/patterns/noise.png);
color: #5f5f5f;
background-color: #2d2d2d;
border-top: 1px solid rgba(0,0,0,0.2);
padding-top:6px;
padding-bottom:24px;
}
#copyright h2, #copyright h3, #copyright h4{color:#787878;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}


/* full width slider */
#showcase-a.width-95{width:100%;}


.fp-round-image-bottom-first-image{display:inline-block;margin:1%;width:220px;vertical-align:top;}
.lnee p{margin:0 0 15px} /* for the custom latest news enhanced module */
/* div.newsintro p:last-of-type {display:inline-block;} */


.show960{display:none;}
.show-over-1200{display:block;}
.show1200{display:none;}
.show767{display:none;}

@media only screen and (max-width: 1200px) {
.show-over-1200{display:none;}
.show1200{display:block;}
.fp-round-image-bottom-first-image{display:none;}
}

@media only screen and (max-width: 960px) {
.show960{display:block;}
.hide960{display:none;}
#header-a.width-45{width:45%}
#header-b.width-45{width:45%}

}

@media only screen and (max-width: 767px) {
.show767{display:block;}
.hide767{display:none;}
.mobilemenuck-bar-button {margin-top: -91px;margin-right: -55%;}
#header-a.width-45 {width: 95%;  }
}

@media (max-width: 640px) {
div#maximenuck197 ul.maximenuck li.maximenuck.level1{text-align:right;padding-top: 12px;padding-right:4px !important}
div#maximenuck197 div.floatck{background-color:transparent;border-color:transparent;}
div#maximenuck197 ul.maximenuck li.maximenuck a{text-align:right;}
div#maximenuck197 ul.maximenuck2 a{text-align:right;}
div#maximenuck197 div.floatck{margin-top:0px;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a{color:#fff;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a:hover{color:#ccc;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{color:#fff;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li > a:hover{color:#ccc;}
}

@media (max-width: 480px) {
  #header-a.width-45 {text-align: left;}
}