/* ES THEME COLORS */
:root {

  --normalblue: #23345E;
  --normalbluehover:#004884 ;
  --darkerblue: #081740;
  --lightblue: #081740;
  --lightbluedarker: #1293ff;
  --yellowaccent: #fbc02d;
  --offwhite: #edf3f9;
  --offwhitedarker: #d5dae0;
}




.background1{
    background-color: #23345E;
    background-color: var(--normalblue);
    border-color: #45aaff;
background-image: url("https://www.transparenttextures.com/patterns/triangles.png");

}

.background1-2{
  background-color:#081740;
 background-color: var(--darkerblue);
}
.background2{
 background-color: #081740;
    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;
}

body{
  background-color: #edf3f9;
   background-color:var(--offwhite);
}

.btn-primary{
    background-color: #23345E !IMPORTANT;
    background-color:var(--normalblue) !IMPORTANT;
}
.btn{
    margin-top: 7px;
}
.btn-primary:hover{
    background-color:#32599c !IMPORTANT;
}
h1{
  color: #23345E;
 color:var(--normalblue);
}
h2{
  color:#29416D;
  color: var(--lightblue);
    margin-bottom:10px;
}
.iconlinks ul li:hover{
  color:#fbc02d !IMPORTANT;
    color:var(--yellowaccent) !IMPORTANT;
        transition: .1s;
}
h3{
  color: #23345E;
  color: var(--normalblue);
}

.readmore{
    color: #29416D;
    color:var(--lightblue);
    font-size:1em;
    font-weight:700;
    display:inline-block;

}
.footertopback h4{
  color:#efefef;
    color:var(--offwhite);
}
.readmore:hover{
    color: #23527c !IMPORTANT;
}
.bodycontainer h3{
      color:#29416D;
	    color:var(--lightblue);
}
.page-header{
    border-bottom: 10px solid #23345E;
    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: #23345E;
    background-color: var(--normalblue);
    color:#062745;
    color: var(--yellowaccent);
}
.desc {
    border: 2px solid #23345E;
    border: 2px solid var(--normalblue);
}
.label-primary{
    background-color: #29416D !IMPORTANT;
    background-color:var(--lightblue) !IMPORTANT;
}
.topnavbackground{
    background-color: #081740 !IMPORTANT;
    background-color:var(--darkerblue) !IMPORTANT;
}
#topnavcontainer{
    background-color: #081740 !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: #29416D !IMPORTANT;
    background-color:var(--lightblue) !IMPORTANT;
}
.well{
  color:#edf3f9;
   color:var(--offwhite);
}
.well h2{
    color:#23345E;
    color:var(--normalblue);
}
.well a{
    color:#000000;

    font-weight:600;
}
.well p a{
    color: #edf3f9;
    color: var(--offwhite);
}
#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: #23345E;
    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: #23345E;
    background-color:var(--normalblue);
    border-bottom: #29416D 6px solid;
    border-bottom: var(--lightblue) 6px solid;
}
#news_iframe_scroll {
    border: #23345E 2px solid;
    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:#081740; 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; }