.ui-autocomplete{
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

.ui-autocomplete li{
    display:block; 
    width: 100%;
    clear:both;
}

ul.ui-autocomplete > li > a{
     text-decoration: none;
     display: block;
     position: relative;
     color: #363333;
     padding: 5px 15px;
     border-left: 5px solid transparent;
}

ul.ui-autocomplete > li > a:hover {   
     border-left-color: #DCD5D2; 
}

ul.ui-autocomplete > li.selected > a{
    border-left-color: #DEB53A;
}

/* Color codes for the different categories in the Auto suggest drop down */
.ui-autocomplete li span.City, 
.ui.autocomplete li span.city {
color:#6699cc;
}

.ui-autocomplete li span.County,
.ui-autocomplete li span.county {
color:#66cc66;
}

.ui-autocomplete li span.District,
.ui-autocomplete li span.district {
color:#cc9933;
}

.ui-autocomplete li span.CMO,
.ui-autocomplete li span.cmo {
color:#753e56;
}

.ui-autocomplete li span.School,
.ui-autocomplete li span.school {
color:#cc6666;
}
/* End of Color codes for the different categories in the Auto suggest drop down */


/* For sticky divs */
.scroller.sticky {  
     position: fixed;
     top: 0;
}


/*For other search options list*/
.nav-list > li > a 
{
	padding: 10px 15px;
	font-size:0.9em;
	font-weight:400;
	color:#666666;
	text-decoration:none;
}

.ui-helper-hidden-accessible
{
    display: none;
}
/*Highlight styles*/

.child-cards a{
    position:relative;
    color: #3A6FCE;
}

.child-cards .icon {
    position:absolute;
    top:0;
    left:0;
}

/*Blog styles*/
    .tags 
     {
        margin:5px 0;
     }
     .tags .label 
     {
         margin: 5px;
     }
     .tags .label a
     {
         color: #333;
     }
     
     .post
     {
         color: #333;
     }
     
     .post-body
     {
         margin-top:5px;
     }
    
     .blog.media-list
     {
          margin-top:20px;
     }
     
     .blog .media {
         margin-top:0;
     }
         
     .blog.media-list h4 i
     {
         margin-left: 5px;
      
     }
     
   
     .blog .filter  
     {
        display:inline-block;
        padding-right: 5px;
     }     
     
     .blog p.filter 
     {
         color: #ffffff;
     }
     
     .blog .filter .close
     {
         margin:0 5px 0 5px;
     }

 /* survey modal styles */
 iframe.iframe-default
{
    width:100%;
    height:500px;
    border:none;
    margin:0;
}

#survey-modal .modal-body
{
	max-height: 800px;
}


/* search map styles */
#IIRCMessageBox .content {
    margin: 5px;
    padding: 5px;
    color: #FFFFFF;
}

.container {
    position: relative;
}

.sidebar-container {
    padding-left: 0px;
}

#map {
    height: 600px;
    border: solid 1px #BBBBBB;
    z-index: 0;
    float: right;
}

#map img {
    max-width: none;
}

.sidebar {
    height: 300px;
    border: solid 1px #BBBBBB;
    border-radius: 4px;
    float: left;
    font-size: 0.95em;
    z-index: 0;
}

.legends {
    width: 100%;
    border: 0;
    float: left;
    display: block;
    background-color: #EEEEEE;
    border-bottom: solid 1px #BBBBBB;
    font-size: 1.0em;
}

.entries {
    width: 100%;
    height: 100%;
    border: 0;
    float: left;
    display: block;
    overflow: scroll;
    overflow-x: hidden;
}

.searchbar, .searchbar select, .searchbar input[type=button], .searchbar input[type=text] {
    font-size: 1em;
    font-weight: bold;
}
/* content header */

#il-map {
    background: white;
    min-height: 200px;
    margin-bottom:0.05em;
}


.content-header.school,
.content-header.campus {
    border: solid 0.25em #F1B300;  
}

.content-header.district {
    border: solid 0.25em #78AA00;
}

.content-header.state {
    border: solid 0.25em #01654C;
}

.content-header a.link-label {
    text-decoration: none;
    color: #3A6FCE;
    font-weight: bold; 
    display:block;
}

.content-header .row:first-child {
    margin-right: 0;
    margin-left: 0;
}

.content-header .row:not(:first-child){
   margin: 0.5em;
}

.content-header > .row:first-child {
    color: #fff;
    font-size: 1.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.content-header .top-padding {
    padding-top: 0.5em;
}

.content-header.collapse{
   display: block;
}

.content-header.collapse > .row:not(:first-child){
  display: none;
}


.content-header a {
    cursor: pointer;
}

.content-header:not(.school):not(.campus) > 
     .row:first-child a:not(.btn):not(.dropdown-item){
   color: #fff;
   font-weight: normal; 
}

.content-header.school > .row:first-child,
.content-header.campus > .row:first-child,
.content-header.campus > .row:first-child a:not(.btn):not(.dropdown-item),
.content-header.campus > .row:first-child a:not(.btn):not(.dropdown-item):hover,
.content-header.school > .row:first-child a:not(.btn):not(.dropdown-item),
.content-header.school > .row:first-child a:not(.btn):not(.dropdown-item):hover {
    color: #363333;
    font-weight: normal;
}

.content-header.school > .row:first-child,
.content-header.campus > .row:first-child {
    background-color: #F1B300;   
}

.content-header.district > .row:first-child {
    background-color: #78AA00;
}

.content-header.state > .row:first-child {
    background-color: #01654C;
}


.content-header section:not(:last-child){
    margin-bottom: 0.5em;
}

.content-header ul{
  margin:auto;
  z-index: 9999;
}

.content-header section span{
    display:block;
}

.content-header .leaflet-container span{
    display:inline;
}

.content-header section span:first-child{
    font-weight: bold; 
}

@media(min-width: 768px){
    .exhibit .content-header > .row:first-child section > span:first-child {
        font-size: 1.1em;
    }

    .exhibit .content-header > .row:first-child section > span:nth-child(2) {
        font-size: 0.75em;
    }
}

@media(max-width: 767px){
    .exhibit .content-header > .row:first-child section > span:first-child {
        font-size: 0.75em;
    }

    .exhibit .content-header > .row:first-child section > span:nth-child(2) {
        font-size: 0.5em;
    }
}