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

html {
  scroll-behavior: smooth;
}

ul.sigFreeClassic li.sigFreeThumb{padding-right:1%;padding-bottom: 1%;}

body {
font-family: 'Khula', sans-serif;
font-size:1.1em;
line-height: 28px;
color: #5e5e5e;
}
h1, h2, h3, h4 {font-family:'Lora', serif;color:#5c5877;font-weight: 300;line-height: 100%;}
h2 {font-size: 150%;line-height: 160%;}
a {color: #5c5877}
a:hover {color:#343244}
.readon{background-color:#5c5877;color:#fff;}
.readon:hover{background-color:#343244;color:#fff;}

#header-surround{background-color:#fff;position: relative;box-shadow:  none;}
#header{background-color:#fff;height: auto;padding:0px 4%;}
#header-height{height:129px;display: none;}
#header-a.width-95{width:100%}


#drawer-holder{border-top: 1px #D7CDC7 solid;}
#drawer {padding: 9px 4px 6px 4px;}

#showcase{}
#showcase a{}

#top{color: #424242;background-color: #F5F6F8;box-shadow: 0px 1px 0 #dde0e7;}
#top::after {color: #F5F6F8;text-shadow: 0px 2px 0 #dde0e7;} /*dropdown triangle */
#top h2, #top h3, #top h4{color:#656565}

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

#feature{
background-image: url(../images/backgrounds/feature/preset1/bg.png);
color: #000000;
background-color: #F5F6F8;
border-top: 1px solid #dde0e7;
border-bottom: 1px solid #dde0e7;
}
#feature h2, #feature h3, #feature h4{color: #fff;}
#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}

#feature {
    background-image: url(../../../images/feature.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    color: #fff;
    background-color: #F5F6F8;
    border-top: 1px solid #dde0e7;
    border-bottom: 1px solid #3D4262;
    padding: 238px 4%;
}

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

.sidebar-a-container {margin-top: 102px;}
#sidebar-a{
background-color:#f4f2f9;
color: #5e5e5e;
font-size:80%;
}
#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: #424242;
background-color: #f5f6f8;
border-top: 1px solid #dde0e7;
box-shadow: 0px 1px 0 #dde0e7;
}

#expandedbottom::after {color: #F5F6F8;text-shadow: 0px 2px 0 #dde0e7;}
#expandedbottom h2, #expandedbottom h3, #expandedbottom h4 {color: #6A6A6A;}

#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:#000;}

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

#bottom{background-color: #f4f2f9;color: #a9a7ac;border-top:6px solid #b2b0b7}
#bottom-a {text-align: right;}
#bottom-b {text-align: left; border-left: 1px solid #D7CDC7; padding-left: 4%;}

#footer{color: #626262;background-color: #b2b0b7;border-top: none;font-size:80%;box-shadow:  none;}
#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);}

/*MENU CHANGES*/
/*Menu text color*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck197 ul.maximenuck li.maximenuck.level1 > span.separator{
color:rgba(69,110,98,1);
}
/*Active menu item color*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > span.separator {
color: rgba(69,110,98,1);}
/*FONT WEIGHT*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > span.separator {
    font-size: 15px;
    font-weight: 100;
}
/*Underline*/
div#maximenuck197 .maxiFancybackground{display: none;}
/*Spacing*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1{margin-right:54px;}


/* 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;}
}

@media only screen and (max-width: 767px) {
.show767{display:block;}
.hide767{display:none;}
.layout-slideshow .sprocket-features-content{background:none;}
.layout-slideshow{margin-top:0px;}
#header-a.width-45{width: 90%;padding-left: 0;}
#header-b.width-45 {width: 90%;text-align: center;}
#bottom-a, #bottom-b {text-align: center; width: 90%; border: none; margin: 10px auto;}
#top {padding:29px 4% 49px;}
#maintop {padding:29px 4% 49px;}
#bottom {padding:29px 4% 49px;}
}

@media (max-width: 640px) {
#drawer-holder {border-top: none;}
#maximenuck197-mobile-bar, #maximenuck197-mobile-bar-wrap-topfixed {padding-bottom: 18px;}
[data-id="maximenuck197"] .mobilemenuck-bar-button {color: #5c5877 padding-top: 5px;}
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;}
#feature h2{font-size: 110%;}
#feature{background-image: url();background-color:#5c5877;padding: 56px 4% 48px;}
}

@media (max-width: 480px) { ... }