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


/* mobile menu hide location bar */
.mobilemenuck-bar-title .titreck-title{display:none;}
.mobilemenuck-bar-button{margin-top:-26px;}


/* a:focus{border:2px solid red;padding:4px;} */

a.external::after {
   font-family: "Font Awesome 5 Free";
   content: "\f35d";
   display: inline-block;
   padding-left: 4px;
   vertical-align: bottom;
   font-weight:600;
font-size:15px;
}

body {
font-family: 'Raleway', sans-serif;
font-size: 17px;
line-height: 30px;
color: #5e5e5e;
}
h1, h2, h3, h4 {font-family: 'Pathway Gothic One', sans-serif;color: #91191e;line-height: 120%;}

h2 {font-size: 175%;line-height: 120%;}
h3 {font-size: 150%;line-height: 150%;}
a {color: #012543;}
a:hover {color:#490408;}
.readon{background-color: #012543;color:#fff;border-bottom: 0;border-radius:3px;padding: 10px 25px;}
.readon:hover{background-color: #00001C;color:#fff;border-bottom: 0;padding: 10px 25px;}
#verytop{transition: all 0.5s ease-in-out;display:block;width:100%;
text-align:center;background-color: #91191e;
color: #fff;
position:relative;
z-index:22;
padding: 15px 0;}
#verytop-boxes {margin:0 auto;max-width:1200px;}
#verytop h3{color: #fff;}
#verytop-a{display:inline-block;vertical-align:top;}
#verytop-b{text-align: right;}
#verytop-b, #verytop-c {display:inline-block;margin-left: 3%;vertical-align:top;}
#verytop-b.width-45, #verytop-c.width-45  {margin-left: 6% !important;}
#header-surround{background-color:#fff;}
#header{background-color:#fff;height:63px;padding:20px 4%;text-align:center;}
#header-height{height:104px;}
#drawer-holder{background-color:#162e42;padding:16px 1% 14px;}
#showcase{}
#showcase a{}
#top{color: #f1f1f1;
background-color: #91191e;box-shadow: 0px 1px 0 #f2e693;}
#top::after {color: #91191e;} /*dropdown triangle */
#top h2, #top h3, #top h4{color:#f1f1f1}
#utility{color: #2C2C2C;background-color: #FFFFFF;}
#utility h2, #utility h3, #utility h4{color:#656565}
#utility-a img, #utility-b img, #utility-c img{width:87%;}/* to fix 100% width set in css.css. This fix is for slider arrows */
#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:#656565}
#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: #FFFFFF;color: #2C2C2C;}
#sidebar-a{
background-color: #fff; /* or AFAFAF #78bf57 or #888888*/
color: #5e5e5e;
font-size:80%;
}
#sidebar-a h2, #sidebar-a h3{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#sidebar-b{background-color: #fff; /* #AFAFAF or #78bf57 or #888888*/
color: #5e5e5e;
}
#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;}
#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:#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-color: #91191e;
color: #f1f1f1;
font-size:122%;
text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
margin-top: -76px;
}
#bottom h2, #bottom h3, #bottom h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#footer{
background-color:#162e42;
border-top: 1px solid rgba(0,0,0,0.2);
letter-spacing:1px;
color:#ccc;
 width: 100%;
padding-top:18px;}
#footer a{color:#ccc}
#footer h2, #footer h3, #footer h4{color:#e8e8e8;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#footer-boxes {}
#copyright{
background-image: url(../images/patterns/noise.png);
color: #5f5f5f;
background-color: #2d2d2d;
border-top: 1px solid rgba(0,0,0,0.2);
}
#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%;}
/* hide slider gray bar overlay for titles */
.layout-slideshow .sprocket-features-content{background:none;}
.layout-slideshow{margin-top:0;margin-bottom:-7px;padding-top:0;}




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

  .video-container {
 position: relative;
 padding-bottom: 50%;
 padding-top: 35px;
 height: 0;
 overflow: hidden;
 }
 /* 16x9 Aspect Ratio */
 .video-container-16x9 {
 padding-bottom: 56.25%;
 }
 /* 4x3 Aspect Ratio */
 .video-container-4x3 {
 padding-bottom: 75%;
 } .video-container iframe {
 position: absolute; top:0; left: 0; width: 100%; height: 100%;
 }


/*Changes to menu*/
div#maximenuck229{float:none;text-align:center;margin-left:-94px;}/* center menu and fix left padding*/
div#maximenuck229 ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck229 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck229 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck229 ul.maximenuck li.maximenuck.level1.active > span.separator {
font-size: 16px;
font-weight: 500;
}
div#maximenuck229 ul.maximenuck{margin-top:0;}
div#maximenuck229 ul.maximenuck li.maximenuck.level1{margin-right:24px;}
div#maximenuck229 ul.maximenuck li.maximenuck.last.level1{margin-right:0px;}
div#maximenuck229 .maxiFancybackground{height:1px;top:44px;background-color:transparent;border-top:2px solid #012543;}


/*Menu text color*/
div#maximenuck229 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck229 ul.maximenuck li.maximenuck.level1 > span.separator{
color:#fff;
}
/*Active menu item color*/
div#maximenuck229 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#maximenuck229 ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenuck229 ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenuck229 ul.maximenuck li.maximenuck.level1.active > span.separator {
color: #ccc;}

/* submenu */
div#maximenuck229 ul.maximenuck li.level1.parent > a:after, div#maximenuck229 ul.maximenuck li.level1.parent > span.separator:after{
right:-7px;} /*dropdown arrow position*/
div#maximenuck229 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck229 ul.maximenuck2 li.maximenuck{
padding-bottom:8px;
}

/* submenu background and border */
div#maximenuck229 div.floatck{ 
border:1px; 
border-color:#fff;
background:#fff;
margin-top:24px;
padding-left:6px;
padding-top:8px;
}


/* submenu  link color */
div#maximenuck229 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{
color:#666;text-transform:none;} 

/* Changes menu hover color */
div#maximenuck229 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck229 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck229 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a,  div#maximenuck229 ul.maximenuck2 li:hover > h2 a, div#maximenuck229 ul.maximenuck2 li:hover > h3 a{
color:#ccc;text-transform:uppercase;}
div#maximenuck229 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck229 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuck229 ul.maximenuck2 li:hover > a{
color:#000;text-transform:none;}

/* sets dropdown arrow color */
div#maximenuck229.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck229.maximenuckh ul.maximenuck li.level1.parent > span.separator:after{
    border-color:#666 transparent transparent transparent; }
    

    



.show960{display:none;}
.show-over-1200{display:block;}
.show1200{display:none;}
.show850{display:none;}
div#show-850{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: 850px) {
.show850{display:block;}
.hide850{display:none;}
#drawer-holder{display:none;}
#header-a{width:100%;text-align:left;}
#mainbody{padding-top:0}
#top{margin-bottom: 53px;}
}


@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;}
}

@media (max-width: 580px) {
}

@media (max-width: 480px) {
#mod-custom195{max-width:200px;}
.mobile-menu-button .mobilemenuck-bar-button{margin-top: -60px;}
#header{height:42px;}
#header-height{height:70px;}
}


@media (max-width: 420px) {
#header{padding-bottom: 10px;}
}



