/*Black Style https://pritchardwebpages.com/black-anacron2/ but this one is from midliferenewalcoach.com*/
/* add <link href="https://fonts.googleapis.com/css?family=Comfortaa|Josefin+Sans:300" rel="stylesheet"> to index.php */




body{
font-family:'Raleway',Arial,Helvetica,sans-serif;
font-size: 20px;
line-height: 29px;
color: #5e5e5e;
background-color:#fff;
}
a {color:#1b90af;}
a:hover {color:#085f76;}
#header-surround {background-color: #000;position:relative;
background: url('../../../images/fire-bar.jpg') bottom center repeat-x;
background-size:cover;
} /* added position:relative to stop fixed top logo area */
#header {color: #2F2F2F;height:177px;
} /* height was height:224px; after adding the menu */
#header-height{height:0px;}/* height was height:243px; after adding the menu - was 196 with fixed top header*/
#drawer-holder{background-color: #07637a;padding:16px 1% 14px}

#showcase{background-color: #333;color: #FFFFFF;}
#top{color: #fff;background-color: #000;
background: #000 url('../../../images/Texture-maintop.jpg') bottom center repeat;
}
#top::after {color: #1a6079;text-shadow: 0px 1px 2px #000;} /*dropdown triangle */
#top h2, #top h3, #top h4{color:#fff}
#top a{color:#fff;font-weight:bold;}
#top a:hover{color:#f1f1f1;}

#utility{color: #6E6E6E;background-color: #FFFFFF;margin-bottom:0;}
#utility h2, #utility h3, #utility h4{color:#656565}
#feature{
background-image: url(../images/backgrounds/feature/preset1/bg.png);
color: #8B8B8B;
background-color: #333;
border-top: 1px solid #333;
border-bottom: 1px solid #dde0e7;
}
#feature h2, #feature h3, #feature h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#maintop{color: #fff;background-color: #fdedbd;font-size:18px;
background: #000 url('../../../images/fire-bar2.jpg') bottom center repeat-x;
} /* was background-color: #f5f6f8; */
#maintop h2, #maintop h3, #maintop h4{color:#6E6E6E}
#expandedtop{background-color: #FFFFFF;color: #6E6E6E;padding-bottom:0;margin-bottom:-34px;}
#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: #6E6E6E;}
#sidebar-a{
background-color: #c9b8a6; /* or #78bf57 or #888888*/
color: #5e5e5e;
}
#sidebar-a h2, #sidebar-a h3{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#sidebar-b{background-color: #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}
#expandedbottom{
color: #fff;
font-size:122%;
background-color: #000;
border-top: 1px solid #dde0e7;
box-shadow: 0px 1px 0 #dde0e7;
}
#expandedbottom::after {color: #000;text-shadow: 0px 2px 0 #000;}

/*Flame background bar*/
#expandedbottom::after {content: none;}
#expandedbottom {background: #000 url('../../../images/Texture-top-a.jpg') bottom center repeat-x;
background-size:cover;
}

#expandedbottom h2, #expandedbottom h3, #expandedbottom h4 {color:#000;}
#mainbottom{background-color: #FFFFFF;color: #6E6E6E;}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#656565}
#extension{color: #fff;background-color: #fdedbd;font-size:18px;
background: #000 url('../../../images/Texture-maintop.jpg') bottom center repeat-x;
}
#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: #fff;background-color: #333;}
#fullwidth h2, #fullwidth h3, #fullwidth h4{color:#656565}
#bottom{
background-image: url(../images/patterns/noise.png);
background-color: #c9b8a6;
color: #111;
}
#bottom h2, #bottom h3, #bottom h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#bottom a:hover,#footer a, #copyright a{color: #fff;}
#footer{
background-image: url(../images/patterns/noise.png);
color: #8f8f8f;
background-color: #363539;
border-top: 1px solid rgba(0,0,0,0.2);
}
#footer-boxes{padding:24px 4%;font-size:80%;line-height:25px;width:92%}
#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);
}
#copyright h2, #copyright h3, #copyright h4{color:#787878;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#copyright a:hover, #footer a:hover{color: #aaa;}
a.readon{
color: #ffffff !important;
background-color: #44aeca;
border-bottom: 2px solid #0f7f9d;
}
a.readon:hover {
background-color: #1b90af;
border-bottom: 2px solid #066b86;
color: #ffffff;
}



.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* fa style */
.fab, .far {color:#919191;}.fab:hover, .far:hover {color:#797878;}



/*Changes to menu*/
.mobilemenuck-bar-title{display:none;}
.mobilemenuck-bar-button{margin-top:-26px;}/* Joomla Shack sliders */
div.jwts_toggleControlContainer a.jwts_toggleControl{
background-image:none;
background-color:#fcfcfc;
padding:8px;
font-size: inherit;
padding-top: 13px;
}
div.jwts_toggleControlContainer a.jwts_toggleOn{color:#333}
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle {
background: url(/media/plg_content_jw_ts/css/template/default/images/arrows.png) no-repeat 0 4px;
}
div#maximenuck135{float:none;text-align:center;margin-left:-94px;text-transform:uppercase;}/* center menu and fix left padding*/
div#maximenuck135 ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck135 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck135 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck135 ul.maximenuck li.maximenuck.level1.active > span.separator {
font-size: 16px;
font-weight: 500;
}
div#maximenuck135 ul.maximenuck{margin-top:0;}
div#maximenuck135 ul.maximenuck li.maximenuck.level1{margin-right:24px;}
div#maximenuck135 ul.maximenuck li.maximenuck.last.level1{margin-right:0px;}
div#maximenuck135 .maxiFancybackground{height:1px;top:44px;background-color:transparent;border-top:2px solid #188aa6;}


/*Menu text color*/
div#maximenuck135 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck135 ul.maximenuck li.maximenuck.level1 > span.separator{
color:#fff;
font-size: 16px;
font-weight: 500;
}
/*Active menu item color*/
div#maximenuck135 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#maximenuck135 ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenuck135 ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenuck135 ul.maximenuck li.maximenuck.level1.active > span.separator {
color: #ccc;
font-size: 16px;
font-weight: 500;
}

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

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


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

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

/* sets dropdown arrow color */
div#maximenuck135.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck135.maximenuckh ul.maximenuck li.level1.parent > span.separator:after{
    border-color:#f1f1f1 transparent transparent transparent; }
    
/* mobile menu changes */
#maximenuck135 .maximenumobiletogglericonck{color:#fff;font-size: 48px !important;}




/* full width slider */
#showcase{margin-bottom:-9px;}
#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;}




/* hide slider gray bar overlay for titles */
.layout-slideshow .sprocket-features-content{background:none;}


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

.show355{display:none;}
.show450{display:none;}
.show640{display:none;}
.show767{display:none;}
.show960{display:none;}
.show-over-1200{display:block;}
.show1200{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: 900px) {
div#maximenuck135 ul.maximenuck li.maximenuck.level1{line-height:32px;}
div#maximenuck135{margin-left:0;}
div#maximenuck135 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck135 ul.maximenuck2 li.maximenuck{text-align:center;}
}

@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 only screen and (max-width: 640px) {
.show640{display:block;}
.hide640{display:none;}
#header-surround{background-size:auto;}
#header{height:149px;padding:10px 0;}
}

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

@media (max-width: 450px) {
.show450{display:block;}
.hide450{display:none;}

}
@media (max-width: 355px) {
.show355{display:block;}
.hide355{display:none;}
}