/* EMS THEME COLORS */
:root {
  --normalblue: #003084;
  --normalbluehover:#004884 ;
  --darkerblue: #001438;
  --lightblue: #269cff;.
  --lightbluedarker: #1293ff;
  --yellowaccent: #fbc02d;
  --offwhite: #efefef;
  --offwhitedarker: #e2e2e2;
}

/*HEADER*/
          .toptitle{

            font-size: 20px;
          }
          .countytitle{
            color:white;
            line-height: 0.7;
            margin-bottom:0;
          }
          .maintitle{
            color:white;
            font-size:57px;
            line-height:0.85;
            font-weight: 700;

          }
          .maintitle span{
            font-size:50px;
            line-height:0.8;
            font-weight: 700;
          }
          #header h2{
            margin:0px !IMPORTANT;
          }
          .headtitle hr{
            margin:0 auto;
            width:92%;
            border-top:4px white solid; }
 /*ENDHEADER*/
.background1{
  background-color:#003084;
    background-color: var(--normalblue);
    border-color: #45aaff;
}   

.background1-2{
  background-color:#001438;
 background-color: var(--darkerblue);
}
.background2{
  background-color:#269cff;
    background-color: var(--lightblue);
}
.backgroundwhite{
  background-color:#efefef;
    background-color:var(--offwhite);
}
.selectors:hover {
    box-shadow: 0px 0px 1px 8px rgba(0,0,0,0.5);
    transition: .1s ease-in-out;
    text-decoration: none;
}
.iconlinks ul li:hover{
    color: yellow;

}
body{
  background-color:#efefef;
   background-color:var(--offwhite);
}

.btn-primary{
  background-color:#003084 !IMPORTANT;
    background-color:var(--normalblue) !IMPORTANT;
}
.btn{
    margin-top: 7px;
}
.btn-primary:hover{
    background-color:#32599c !IMPORTANT;
}
h1{
  color:#003084;
 color:var(--normalblue);
}
h2{
  color:#269cff;
	color: var(--lightblue);
    margin-bottom:10px;
}

h3{
  color:#003084;
	color: var(--normalblue);
}
.footertopback h4{
  color:#efefef;
    color:var(--offwhite);
}
.readmore{
  color:#269cff;
    color:var(--lightblue);
    font-size:1em;
    font-weight:700;
    display:inline-block;

}
#upperfooterleft p{
  color:#efefef;
    color:var(--offwhite);
}
.readmore:hover{
  color:#1293ff;
    color:var(--lightbluedarker);
}
.bodycontainer h3{
  color:#269cff;
	    color:var(--lightblue);
}
.page-header{
   border-bottom:10px solid #003084;
    border-bottom: 10px solid var(--normalblue);
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    color:#2c4167;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color:#1293ff;
    background-color:var(--lightbluedarker);
    color:#efefef;
    color:var(--offwhite);
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background-color:#1293ff;
    background-color:var(--lightbluedarker);
    font-weight:800;
}
#headerText {
  color:#fbc02d;
    color:  var(--yellowaccent);
}
.descTitle {
  background-color:#003084;
    background-color: var(--normalblue);
    color:#fbc02d;
    color: var(--yellowaccent);
}
.desc {
  border: 2px solid #003084;
    border: 2px solid var(--normalblue);
}
.label-primary{
  background-color: #269cff !IMPORTANT;
    background-color:var(--lightblue) !IMPORTANT;
}
.topnavbackground{
  background-color:#001438 !IMPORTANT;
    background-color:var(--darkerblue) !IMPORTANT;
}
#topnavcontainer{
  background-color:#001438 !IMPORTANT;
    background-color:var(--darkerblue) !IMPORTANT;
}
.navbar-brand{
  color:#efefef !IMPORTANT;
    color:var(--offwhite) !IMPORTANT;
}
.navbar-toggle{
  background-color:#efefef;
    background-color:var(--offwhite);
}

.navbar-default .navbar-nav>li>a{
  color:#efefef !IMPORTANT;
    color:var(--offwhite) !IMPORTANT;
}
.well{
  background-color:#269cff !IMPORTANT;
    background-color:var(--lightblue) !IMPORTANT;
}
.well{
  color:#efefef;
   color:var(--offwhite);
}
.well h2{
  color:#003084;
    color:var(--normalblue);
}
.well a{
  color:#efefef;
    color: var(--offwhite);
    font-weight:600;
}
#headerText a {
    color:#efefef;
    color: var(--offwhite);

}
.navbar-nav .open .dropdown-menu {
background-color: #ffffff;
}
.iconlinks ul li:hover{
  color:#fbc02d !IMPORTANT;
    color:var(--yellowaccent) !IMPORTANT;
}
.contentside{
    background-color:#e2e2e2;
    background-color:var(--offwhitedarker);

}
.carousel-caption{
    background-color: rgba(100, 184, 255, .9);
}
.selectortitle{
    color:#efefef !IMPORTANT;
    color:var(--offwhite) !IMPORTANT;

}
/*hr{
        border-top: 5px solid var(--offwhite);

}*/

.linkcaption{
   margin: 0 auto; 
   color:white;
   font-weight:600;
   background-color:#269cff;
   background-color: var(--lightblue);
   padding-left:4px;
   padding-right:4px;
   position: absolute;
   bottom: 10px;
   width:100%;
}

.educationlink{
   height:200px;
   border:2px black solid;
   background-repeat:no-repeat;
   background-size:cover;
   position:relative;
   margin-bottom:20px;
}
.educationlink:hover{
box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.2);
}
/*FOOTER*/
.footerheader{
  color:#003084;
    color: var(--normalblue);
}
.lowerfooter{
  color:#efefef;
    color:var(--offwhite);
}
.footerheader a:hover{
  color:#004884 !IMPORTANT;
    color:var(--normalbluehover) !IMPORTANT;
}
.footerlinks a{
  color:#efefef;
    color: var(--offwhite);
}
.footerlinks li{
  color:#efefef;
    color: var(--offwhite);
}
.socialmedia li img:hover{
  background-color:#fbc02d;
    background-color:var(--yellowaccent);
}
.jcesfooterlink{
  color:#003084;
    color:var(--normalblue);
}
.footerlogojoco{
  color:#efefef !IMPORTANT;
    color:var(--offwhite) !IMPORTANT;
}
.jcesfooterlink a:hover{
  color:#004884 !IMPORTANT;
    color:var(--normalbluehover) !IMPORTANT;
}
.jcesfooterlink span{
  color:#003084;
    color:var(--normalblue);
}
.lvl-1:hover{
  background-color:#1293ff !IMPORTANT;
    background-color:var(--lightbluedarker) !IMPORTANT;    
}
.badgeImg{
    max-height:200px;
    margin-bottom:30px;
}
li p{
    margin-bottom:0px;
}



@media only screen and (min-width: 768px) and (max-width: 991px){
.maintitle span{
  font-size:0.87em;
}
.maintitle{
  font-size:35px;
}
.countytitle{
  font-size:1.5em;
}
.heademblem img{
  height:85px;
}
#header .media-body{
    height:120px;
}
.upperbar{
font-size:  12px;
display:  block;
height:20px;
}
}
.appearmobile{
  display:none;
}
.disappearmobile{
  display:inline-block;
}
@media only screen and (max-width: 625px){
.maintitle span{
  font-size:0.87em;
}
.maintitle{
  font-size:38px;
}
.countytitle{
  font-size:1.5em;
}
.heademblem img{
  height:100px;
}
#header .media-body{
    height:120px;
}
.upperbar{
font-size:  10px;
display:  block;

}
.upperbar a{
  font-size:17px;
}
}

@media only screen and (max-width: 767px){
.floatleft, .floatright{
float: none;
}


.appearmobile{
  display:inline-block;
}
.disappearmobile{
  display:none;
}
.heademblem a{
  margin: 0 20px;
}
.upperbar{
  background-color:#00276b;
}

}
@media only screen and (max-width: 430px){
.maintitle span{
  font-size:0.87em;
}
.maintitle{
  font-size:32px;
}
.countytitle{
  font-size:1.5em;
}
.heademblem img{
  height:90px;
}
#header .media-body{
    height:100px;
}

.upperbar a{
  font-size:13px;
}
}
@media only screen and (max-width: 339px){
.maintitle span{
  font-size:0.87em;
}
.maintitle{
  font-size:28px;
}
.countytitle{
  font-size:1.5em;
}
.heademblem img{
  height:85px;
}
#header .media-body{
    height:100px;
}

.upperbar a{
  font-size:13px;
}
}
/*Ticker*/
.news_scroll-title {
  color:#fbc02d;
    color:var(--yellowaccent);
    background-color:#003084;
    background-color:var(--normalblue);
    border-bottom: #269cff 6px solid;
    border-bottom: var(--lightblue) 6px solid;
}
#news_iframe_scroll {
  border:#003084;
    border: var(--normalblue) 2px solid;
}