/* EM THEME COLORS */
:root {
  --normalblue: #062745;
  --normalbluehover:#004884 ;
  --darkerblue: #041d33;
  --lightblue: #29416D;.
  --lightbluedarker: #1293ff;
  --yellowaccent: #fbc02d;
  --offwhite: #edf3f9;
  --offwhitedarker: #d5dae0;

}
/*
:root {
  --normalblue: #0d152a;
  --normalbluehover:#004884 ;
  --darkerblue: #080e1b;
  --lightblue: #888888;.
  --lightbluedarker: #1293ff;
  --yellowaccent: #fbc02d;
  --offwhite: #edf3f9;
  --offwhitedarke`r: #e2e2e2;
}
*/

.btn-login{
  background-color:#ffffff !IMPORTANT;
  border-color: none !IMPORTANT;
  color:black !IMPORTANT;
}
.btn-login:hover{
  background-color:#efefef !IMPORTANT;
}
.btn-danger{
  background-color:#CD2029 !IMPORTANT;
  border-color: none !IMPORTANT;
}
.btn-danger:hover{
  background-color:#9A181F !IMPORTANT;
}
.contentdiv ul, .contentdiv ol{
    margin-left:35px;
    font-size: 1.2em;
}
.contentdiv ol li{
    margin-bottom: 10px;
}
/*HEADER*/
          .toptitle{

            font-size: 20px;
          }
          .countytitle{
            color:white;
            line-height: 0.7;
            margin-bottom:0;
          }
          .maintitle{
            color:white;
            font-size:43px;
            line-height:0.85;
            font-weight: 700;
          }
          .maintitle span{
            font-size:83px;
            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: #062745;
    background-color: var(--normalblue);
    border-color: #45aaff;
}   
#textlb{
  color:#29416D !IMPORTANT;
  color: var(--lightblue) !IMPORTANT;
}
.background1-2{
  background-color:#041d33;
 background-color: var(--darkerblue);
}
.background2{
  background-color: #29416D;
    background-color: var(--lightblue);
}
.backgroundwhite{
  background-color: #edf3f9;
    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: #edf3f9;
   background-color:var(--offwhite);
}

.btn-primary{
    background-color: #062745 !IMPORTANT;
    background-color:var(--normalblue) !IMPORTANT;
}
.btn{
    margin-top: 7px;
}
.btn-primary:hover{
    background-color:#32599c !IMPORTANT;
}
h1{
  color: #062745;
 color:var(--normalblue);
}
h2{
  color:#3d4f73;

    margin-bottom:10px;
}

h3{
  color: #062745;
	color: var(--normalblue);
}
.footertopback h4{
  color:#edf3f9;
    color:var(--offwhite);
}
.readmore{
  color:#29416D;
    color:var(--lightblue);
    font-size:1em;
    font-weight:700;
    display:inline-block;

}
#upperfooterleft p{
  color:#edf3f9;
    color:var(--offwhite);
}
.readmore:hover{
  color:#1293ff;
    color:var(--lightbluedarker);
}
.bodycontainer h3{
  color:#29416D;
	    color:var(--lightblue);
}
.page-header{
  border-bottom: 10px solid #062745;
    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:#edf3f9;
    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: #062745;
    background-color: var(--normalblue);
    color:#fbc02d;
    color: var(--yellowaccent);
}
.desc {
  border: 2px solid #062745;
    border: 2px solid var(--normalblue);
}
.label-primary{
  background-color:#29416D !IMPORTANT;
    background-color:var(--lightblue) !IMPORTANT;
}
.topnavbackground{
    background-color:#041d33 !IMPORTANT
    background-color:var(--darkerblue) !IMPORTANT;
}
#topnavcontainer{
  background-color:#041d33 !IMPORTANT;
    background-color:var(--darkerblue) !IMPORTANT;
}
.navbar-brand{
  color:#edf3f9 !IMPORTANT;
    color:var(--offwhite) !IMPORTANT;
}
.navbar-toggle{
  background-color: #edf3f9;
    background-color:var(--offwhite);
}

.navbar-default .navbar-nav>li>a{
  color: #edf3f9 !IMPORTANT;
    color:var(--offwhite) !IMPORTANT;
}
.well{
  background-color: #d5dae0 !IMPORTANT;
    background-color:var(--offwhitedarker) !IMPORTANT;
}
.well{
  color:#edf3f9;
   color:var(--offwhite);
}
.well h2{
  color: #062745;
    color:var(--normalblue);
}
.well a{
  color:#edf3f9;
    color: var(--offwhite);
    font-weight:600;
}
#headerText a {
  color:#edf3f9;
    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:#d5dae0;
    background-color:var(--offwhitedarker);

}
.carousel-caption{
    background-color: rgba(100, 184, 255, .9);
}
.selectortitle{
  color:#edf3f9 !IMPORTANT;
    color:var(--offwhite) !IMPORTANT;

}
/*hr{
        border-top: 5px solid var(--offwhite);

}*/

.linkcaption{
   margin: 0 auto; 
   color:white;
   font-weight:600;
   background-color:#29416D;
   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:#edf3f9;
    color: var(--offwhite);
}
.lowerfooter{
  color:#edf3f9;
    color:var(--offwhite);
}
.footerheader a:hover{
  color:#d5dae0 !IMPORTANT;
    color:var(--offwhitedarker) !IMPORTANT;
}
.footerlinks a{
  color:#edf3f9;
    color: var(--offwhite);
}
.footerlinks li{
  color:#edf3f9;
    color: var(--offwhite);
}
.socialmedia li img:hover{
  background-color:#fbc02d;
    background-color:var(--yellowaccent);
}
.jcesfooterlink{
  color: #062745;
    color:var(--normalblue);
}
.footerlogojoco{
  color:#edf3f9 !IMPORTANT;
    color:var(--offwhite) !IMPORTANT;
}
.jcesfooterlink a:hover{
  color: #004884 !IMPORTANT;
    color:var(--normalbluehover) !IMPORTANT;
}
.jcesfooterlink span{
  color:#edf3f9;
    color:var(--offwhite);
}
.lvl-1:hover{
  background-color: #1293ff !IMPORTANT;
    background-color:var(--lightbluedarker) !IMPORTANT;    
}
.badgeImg{
    max-height:200px;
    margin-bottom:30px;
}
li p{
    margin-bottom:0px;
}

/*Ticker*/
.news_scroll-title {
  color:#fbc02d;
    color:var(--yellowaccent);
    background-color: #062745;
    background-color:var(--normalblue);
    border-bottom:#29416D 6px solid;
    border-bottom: var(--lightblue) 6px solid;
}
#news_iframe_scroll {
  border: 2px solid #062745;
    border: var(--normalblue) 2px solid;
}
/* EMBEDDED NEWS PAGE LINK COLORS */

.news-scroll a:link { color:#29416D !IMPORTANT; color:var(--lightblue) !IMPORTANT; text-decoration: none; }

.news-scroll a:visited  { color:#29416D; color:var(--lightblue); text-decoration: none; }

.news-scroll a:active   { color:#fbc02d; color: var(--yellowaccent); text-decoration: none; }

.news-scroll a:hover    { color:#fbc02d; color: var(--yellowaccent); text-decoration: underline; }


@media only screen and (min-width: 768px) and (max-width: 991px){
.maintitle span{
  font-size:1.95em;
}
.maintitle{
  font-size:30px;
}
.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 (min-width: 626px) and (max-width: 767px){
.maintitle span{
  font-size:1.95em;
}
.maintitle{
  font-size:40px;
}
.countytitle{
  font-size:2.1em;
}
.heademblem img{
  height:125px;
}
#header .media-body{
    height:150px;
}

}


@media only screen and (max-width: 625px){
.maintitle span{
  font-size:1.95em;
}
.maintitle{
  font-size:28px;
}
.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:#041d33;
background-color: var(--darkerblue);
}

}
@media only screen and (max-width: 430px){
.maintitle span{
  font-size:1.95em;
}
.maintitle{
  font-size:23.5px;
}
.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:1.95em;
}
.maintitle{
  font-size:20px;
}
.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: #062745;
    background-color:var(--normalblue);
    border-bottom: #29416D 6px solid;
    border-bottom: var(--lightblue) 6px solid;
}
#news_iframe_scroll {
    border: var(--normalblue) 2px solid;
}
/* EMBEDDED NEWS PAGE LINK COLORS */

.news-scroll a:link { color: #29416D !IMPORTANT; color:var(--lightblue) !IMPORTANT; text-decoration: none; }

.news-scroll a:visited  { color: #29416D; color:var(--lightblue); text-decoration: none; }

.news-scroll a:active   { color:#fbc02d; color: var(--yellowaccent); text-decoration: none; }

.news-scroll a:hover    { color:#fbc02d; color: var(--yellowaccent); text-decoration: underline; }