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

/* to hide #mainbody on home page there is css in the Content on FP module */

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


/* ADA only content */
.ada-only{display:none;}

/* Maximenu tweaks */
.mobilemenuck-bar-title .titreck-text{display:none;} 
@media only screen and (max-width: 767px) {
#header-b{margin-top: -62px;padding-bottom: 62px;}
}

.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%;
}





/* josh change that will get lost in tinymce edits */
.missions-flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.missions-flex-item {
  padding: 5px;
  width: 300px;
  margin-top: 10px;
  
  color: black;
  font-weight: normal;
  font-size: 1em;
  text-align: center;
}
.staff-flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.staff-flex-item {
  padding: 5px;
  width: 160px;
  margin-top: 10px;
  
  color: black;
  font-weight: normal;
  font-size: 1em;
  text-align: center;
}

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

.fa{width: 20px;}

/* Changing font to <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet"> */
body{
font-family: 'Work Sans', 'Helvetica', arial, sans-serif;
font-size:1em;
line-height: 26px;
color: #5e5e5e;
}
a {color:#235c0c;}
a:hover {color:#235c0c;}
.readon{
color: #ffffff;
background-color: #235c0c;
border-bottom: 2px solid #1b4c07;
}
.readon:hover {
background-color: #1b4c07;
border-bottom: 2px solid #143c04;
color: #ffffff;
}
h1, h2, h3, h4{color:#235c0c;line-height:100%;}

#header-surround {background-color: #fff;}
#header {background-color: #fff;color: #2F2F2F;}
#header-height{height:82px;}

#showcase{background-color: #333;color: #FFFFFF;}

#top{color: #131313;background-color: #F2F2F2;box-shadow: 0px 1px 0 #ECEFF6;line-height:36px;}
#top::after {color: #F2F2F2;text-shadow: 0px 2px 0 #ECEFF6;} /*dropdown triangle */

#utility{color: #6E6E6E;background-color: #FFFFFF;}

#feature{
background-image: url(../images/patterns/noise.png);
color: #333333;
background-color: #DCDCDC;
border-top: 1px solid #dde0e7;
border-bottom: 1px solid #dde0e7;
}
#feature h2, #feature h3, #feature h4{color:#235c0c;}
#feature a {color:#333333}

#maintop{color: #fff;background-color: #7F7F7F;}
#maintop h2, #maintop h3, #maintop h4{color:#fff}

#expandedtop{background-color: #FFFFFF;color: #6E6E6E;}
#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-container {margin-top: 49px;}
#sidebar-a{
background-color: #fff; /* #AFAFAF; or #78bf57 or #888888*/
color: #5e5e5e;
padding:3% 0% 3% 8%;
font-size:90%;
}
#sidebar-a h2, #sidebar-a h3{color:#676767;}
#sidebar-b h2, #sidebar-b h3{color:#676767;}
#sidebar-b{background-color: #fff; /* or #78bf57 or #888888*/
padding:53px 8% 3% 0%;
font-size:90%;
}
#content-bottom-boxes{text-align:left;}
#content-bottom{color: #6E6E6E;background-color: #FFFFFF;}
#content-bottom h2, #content-bottom h3, #content-bottom h4{color:#656565}

#expandedbottom{
color: #8b8b8b;
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:#000;}

#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: #fff;
background-color: #333;
padding:109px 4%;
}
#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: #515151;
color: #fff;
padding:109px 4%;
}
#bottom h2, #bottom h3 {color: #fff;}
#bottom a:hover{color: #fff;}

#footer a, #copyright a{color:#ccc;}
#footer{
background-image: url(../images/patterns/noise.png);
color: #8f8f8f;
background-color: #17161A;
padding:0; /* was 89px 4% 79px before footer banner */
margin-bottom:-5px;
}
#footer h2, #footer h3, #footer h4{color:#e8e8e8;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#footer-boxes{text-align:left;}
/* #footer-a{width:19%;} was for proper layout with cool logo to left, gone now */
#footer-b, #footer-c{width:35%;}

#copyright{
background-image: url(../images/patterns/noise.png);
color: #858585;
background-color: #000;
padding:20px 4% 8px;
text-transform: uppercase;
font-size: 64%;
}
#copyright h2, #copyright h3, #copyright h4{color:#787878;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#copyright a {color: #858585;}
#copyright a:hover, #footer a:hover{color: #aaa;}

/* menu */
#header-a.width-45{width:30%;}
#header-b.width-45{width:69%;}
div#maximenuck195{margin-top:5px;}
div#maximenuck195 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck195 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck195 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck195 ul.maximenuck li.maximenuck.level1.active > span.separator{
color:#388A1B;
}
div#maximenuck195 ul.maximenuck li.maximenuck.level1 > a span.titreck{color:#388A1B;}
div#maximenuck195 ul.maximenuck li.maximenuck.level1:hover > a span.titreck{color:#257708;}
div#maximenuck195 span.titreck{color:#388A1B;}
div#maximenuck195 span.titreck:hover{color:#257708;}
div#maximenuck195 ul.maximenuck li.maximenuck.level1{margin:0 16px;}
div#maximenuck195 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck195 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck195 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck195 ul.maximenuck li.maximenuck.level1.active > span.separator, div#maximenuck195 ul.maximenuck li.maximenuck.level1 > a {text-transform: none;}
div#maximenuck195 .maxiFancybackground{height:1px;background-color:transparent;border-top:0px;}/*remove border*/

/*Padding for top level items - keeps menu open when hovering below link*/
div#maximenuck195 ul.maximenuck li.maximenuck.level1 > a span.titreck {padding-bottom: 27px;}


/*dropdowns*/
/* submenu background and border and position */
div#maximenuck195 div.floatck{ 
border:1px; 
border-color:#fff;
background:#fff;
padding-left:14px;
padding-right: 10px;
padding-top:18px;
padding-bottom: 10px;
border-top: 3px solid #b9bfc0;
box-shadow: 3px 6px 10px rgba(0, 0, 0, .1);
}
div#maximenuck195 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck314 ul.maximenuck2 li.maximenuck{
padding-bottom:12px;}

/* arrow image for parent item */
div#maximenuck195.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck195.maximenuckh ul.maximenuck li.level1.parent > span.separator:after{
	border-color: #257708 transparent transparent transparent; /* sets dropdown arrow color */
	margin-right: -8px;}

/* arrow image for submenu parent item */
div#maximenuck195 ul.maximenuck li.level1.parent li.parent > a:after,
div#maximenuck195 ul.maximenuck li.level1.parent li.parent > span.separator:after,
div#maximenuck195 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:hover > a:after,
div#maximenuck195 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent.active > a:after {
	border-color: transparent transparent transparent #257708;
}
div#maximenuck195 ul.maximenuck li.level1.parent li.parent > a::after, div#maximenuck195 ul.maximenuck li.level1.parent li.parent > span.separator::after, div#maximenuck195 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a::after, div#maximenuck195 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a::after{
border-color: transparent transparent transparent #257708;
}

/*Fixed horizontal menu on hp*/
.menuhorizontal li{display:inline-block;height:22px;padding:0 8px;border-right:1px solid #241601;}
ul.menu-flat-location-menu li{font-size:100%;} /* bottom menu size */

/* blog/events page spacing below articles */
div.item {margin-bottom:56px;}
div.leading-0 {margin-bottom:56px;}


/* 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:-9px;padding-top:0;}

/* utility a strips change */
.sprocket-strips-s-block {padding:0;}
.sprocket-strips-p-block{padding:0}
.cols-3 .sprocket-strips-p-block{width:33.3%;}

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

.show1000{display:none;}
.show960{display:none;}
.show-over-1200{display:block;}
.show1200{display:none;}
.show767{display:none;}
.show480{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:1000px) {
.show1000{display:block;}
.hide1000{display:none;}
}


@media only screen and (max-width: 960px) {
.show960{display:block;}
.hide960{display:none;}
#mainbody{padding-top:39px;}
#sidebar-b{text-align:center;}
}


@media (max-width: 767px) {
.show767{display:block;}
.hide767{display:none;}
#footer-boxes{text-align:center;padding-bottom:0;}
#footer{margin-bottom:-24px;}
#header-height{height:81px;}
#footer-b, #footer-c{width:88%;margin-top:47px;}
.layout-slideshow .sprocket-features-content{
background:none;}
.layout-slideshow{margin-top:0px;}
#header-a.width-45{width:90%;}
.mobilemenuck-bar-button{right:-48px;}
}

@media (max-width: 480px) {
.show480{display:block;}
.hide480{display:none;}
#header-a.width-45{text-align:left;width:70%;}


}