body {
    font-family: "Barlow Semi Condensed", sans-serif;
    color: #003e5a;
}

body .bg-dark{
   background-color: #003e5a !important;
}
body .bg-light{
    background-color: #eeeeee !important;
}

body a,
body .btn-link
{
    color: #003e5a;
}

    body a:hover,
    body a.active,
    body .btn-link,
    body .page-link {
        color: #00a2dd;
    }

.data-source-link {
    color: #007bff;
}
.data-source-link i {
    font-size: 1.75em;
}

.popover {
   border: solid 1px #003e5a;
}

.text-dark {
    color: #003e5a;
}

.text-light{
    color: #fff;
}
body .bg-dark a:not(.btn-outline-primary){
   color: #fff;
}

body .btn{
   border-radius: 0;
   font-weight: 700;
   border-width: 2px;
}

body .btn-outline-primary {
    color: #003e5a;
    border-color: #003e5a;
    background-color: #fff;
}

body .btn-outline-primary:hover,
body .btn-outline-primary.active,
body .dropdown.show .btn-outline-primary,
body .dropdown .btn-outline-primary:active,
body .pagination .page-item.active .page-link
{
    background-color: #003e5a !important;
    border-color: #003e5a !important;
    color: #fff !important;
}

body .btn-primary {
    background-color: #003e5a;
    border-color: #003e5a;
    color: #f1b300;
}

body .btn-primary:hover {
    background-color: #f1b300;
    border-color: #003e5a;
    color: #003e5a;
}

 
body .bg-main-blue{
    background-color: #00a2dd;
}

body .cards-inherit-bg .card{
    background-color: inherit;
}

body .navbar-dark .navbar-nav .nav-link{
        color: inherit;
}

body .form-control {
    border-color: #b4b4b4;
    border-radius: 0;
}

body .form-label-group label{
  color: #b4b4b4;
}

@media(min-width: 1200px) {
    .container:not(.footer) {
    max-width: 1250px;
    }
}

/* Covid-19 Banner */
.covid-banner, .covid-filter-banner {
    background-color: #003e5a;
    color: white;   
}

.covid-banner {
    min-height: 35px;
    color: white;
    font-size: 16px;
    margin-bottom: 1em;
}

.covid-filter-banner {
    padding: 0.5em;
}

/*Adding styling for footer which displays the copyright text*/
.footer {
    background-color: #776e67;
    border-top: #00a3de solid 9px;
    max-width: none;
}

/*Adding styling for ISBE logo in footer*/
.isbe-logo-footer {
    height: 3em;
    font-size: 2em;
}

.irc-page .image-banner{
    height: 100%;    
}

.irc-page header .navbar-brand{
   max-width: 300px;
   padding:0;
}


.irc-page header .navbar-brand:before {
    content: "";
    display: block;
    float: left;
    position: relative;
    width: 100px;
    height: 100px;
    left: 0;
    top: 0;    
    margin:2px 0;
    margin-right: 15px;
    background-image: url("../images/irc-logo-white-border.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


.irc-page ul.list-unstyled li,
.myirc-page ul.list-unstyled li{
    margin: 1em;
}

.irc-page .search-banner,
.myirc-page .search-banner{
    margin: 3.5em;
    margin-bottom: 2em;
}

.irc-page .search-banner h1,
.myirc-page .search-banner h1{
    font-size: 3em;
}

.irc-page .search-main .search-banner,
.myirc-page .search-main .search-banner{
    margin: 0;
}

.irc-page .search-main .search-banner h1,
.myirc-page .search-main .search-banner h1{
    font-size: 2.5em;
}

.irc-page .search-main .list-unstyled,
.myirc-page .search-main .list-unstyled{
    border-left: solid 5px #eee;
}

.modal .card a:first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

#ataglancemenu + .dropdown-menu{
    z-index: 1001;
}
/*--- left navigation ---*/


.nav-pane-toggle {
    display: none; 
    float: left;
    background: none;
    border: 0;
    color: #927E84;
}

.nav-pane-toggle:hover {
    color: #DEB53A;
}

.reportcard-nav, main {
    -webkit-transition: left 500ms;
    transition: left 500ms;
}

.exhibit{
    margin-top: -1.75em; /* align adjust for toolbar with reportcad-nav*/
}

.exhibit .pagination {
    white-space: nowrap;
    font-size: 0;
    margin-top: 0;
    margin-bottom: 0;
}

    .exhibit .pagination > li {
        display: inline-block;
        font-size: 14px;
    }

.exhibit .pagination > li.dropdown {
    display: none;
}

.exhibit .pagination > li.arrow a {
    color: #927E84;
    border-color: transparent;
}

.exhibit .pagination > li.arrow a:hover {
    border-color: transparent;
    background: none;
    color: #DEB53A;
}

.exhibit .pagination > li > a { 
    display:inline-block;                
    padding: 6px 12px;
    padding-bottom: 3px;
    color: #5E5451;
    border: 1px solid #EBE8E7;
    border-width: 0;
    border-radius: 0;
    border-bottom-width: 5px;
    text-decoration: none;
}
.exhibit .pagination  > li:first-child > a{
    padding-left: 0;
}

.exhibit .pagination > li:last-child > a{
    padding-right: 0;
}

.exhibit .pagination  > li:not(.arrow) > a{
    min-width:10em;
}

.exhibit .pagination > li > a:hover {
    background: #EBE8E7;
    border-color: #DCD5D2;
    color: #363333;
}

.exhibit .pagination > li.active > a {
    background: none;
    color: #363333;
    font-weight: 700;
    border-color: #DEB53A;
}

.exhibit .pagination.responsive-wrapper .dropdown-menu > li.arrow {
display: none;
}

    .exhibit .pagination-wrapper {
        display: inline-block;
        margin: 20px;
    }

.pagination-helper-left {
    float: left;
    margin-left: 3.5em
}

.pagination-helper-right {
    float: right;
    margin-right: 3.5em
}

.exhibit .pager li > a {
    margin: 0 -5px;
    padding: 5px 5px;
    border-radius: 0;
    border-width: 0;
}

    .exhibit .pager li > a:hover {
        background: none;
    }

.exhibit .pagination .dropdown-menu {
    width: 100%;
}

.exhibit .cards .card{
    border-radius: 0;
    border: 0;
    min-width:30%;
    margin: 0.5rem;         
    cursor: pointer;   
    position:relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
}

.exhibit .cards .card::after{
    content: '';
    position:absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    transition: opacity 0.3s ease-in-out;
}

.exhibit .cards .card:hover{
    transform: scale(1.05, 1.05);
}

.exhibit .cards .card:hover::after{
   opacity: 1;
}

.reportcard-nav > ul > li {
    display: block;
    margin: 5px 0;
    background: #fff;
    padding: 0;
    border:0;
}


.reportcard-nav > ul > li > a {
    display: block;
    position: relative;
    padding: 12px 15px;
    background: #EBE8E7;
    color: #363333;
    font-weight: 600;
}


.reportcard-nav > ul > li > a:hover {
    text-decoration: none;
}

    .reportcard-nav > ul > li.active {
        box-shadow: 0 1px 2px #999; /* ie fallback for rgba */
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
        background: #fff;
    }

.reportcard-nav > ul > li.active > a{
    background: #F1B300;    
    text-shadow: 0 0 2px #BF8E00;
}

    .reportcard-nav > ul > li:not(.active) > a {
        box-shadow: 0 1px 2px #999; /* ie fallback for rgba */
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    }

.reportcard-nav > ul > li:not(.active) > a:hover{
   background: #DCD5D2;
}

.reportcard-nav > ul > li:not(.active) > a:active{
    top: 1px;
    box-shadow: none;
}

.reportcard-nav > ul > li > ul {
    padding: 8px 0 11px 0;
}

.reportcard-nav > ul > li > ul li{
    border: 0;
    padding: 0;
}

.reportcard-nav > ul > li > ul li a {
    display: block;
    position: relative;  
    padding: 6px 10px;    
    margin-bottom: 3px;
    border-left: 5px solid transparent;
    font-weight: normal;
}

.reportcard-nav > ul > li > ul li a:hover{
    border-left-color: #DCD5D2;
    text-decoration: none;
}

.reportcard-nav > ul > li > ul li.active{
   background-color: transparent;
}

.reportcard-nav > ul > li > ul li.active a {
    border-left-color: #F1B300; 
}

.exhibit .nav-pills .nav-link{
    border-radius: 0;
}
@media (min-width: 768px) {

    .irc-page header .navbar-brand {
        max-width: 360px;
        padding: 0;
    }

    .irc-page header .navbar-brand .h3 {       
        font-weight: 600;
        font-size: 2em;
    }

    :lang(es) .irc-page header .navbar-brand .h3{
        font-size: 1.5em;
    }

    .irc-page header .navbar-brand:before {
        width: 110px;
        height: 110px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
  

    .exhibit .responsive-wrapper > li.active > a.dropdown-toggle {
        min-width: 22em;
        max-width: 22em;
        padding-left: 5em;
        padding-right: 5em;
    }



}

/*Adding media query to resolve the improper appearance of video list thumbnails*/
@media (min-width: 481px) {

    .video-list .video-item a {
        min-width: 464px;
    }
}

@media (max-width: 767px) {

    .exhibit {
        margin-top: 0;
    }

    .nav-pane-toggle {
        display: block;
    }

    .reportcard-content .reportcard-nav,
    .reportcard-content main 
    {
       left: -100%;
    }   
    .reportcard-content.nav-pane-open .reportcard-nav,
    .reportcard-content.nav-pane-open main
    {
       left: 0;
    }

    /* Media Query for displaying appropriate font size for dropdown-item when screen size is small for District Finances drop down menu */

    .dd-item {
        font-size: 0.8em;
    }
}
/*--- end of left navigation ---*/
/*--- floating labels ---*/

.form-label-group {
    position: relative;
    margin-bottom: 1rem;
}

    .form-label-group > input,
    .form-label-group > select,   
    .form-label-group > label {
        height: 3.125rem;
        padding: .75rem;
    }

    .form-label-group > label {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        margin-bottom: 0; /* Override default `<label>` margin */
        line-height: 1.5;
        color: #495057;
        pointer-events: none;
        cursor: text; /* Match the input under the label */
        border: 1px solid transparent;
        border-radius: .25rem;
        transition: all .1s ease-in-out;
    }

    .form-label-group input::-webkit-input-placeholder,
    .form-label-group select::-webkit-input-placeholder,
    .form-label-group textarea::-webkit-input-placeholder {
        color: transparent;
    }

    .form-label-group input:-ms-input-placeholder,
    .form-label-group select:-ms-input-placeholder,
    .form-label-group textarea:-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-ms-input-placeholder,
    .form-label-group select::-ms-input-placeholder,
    .form-label-group textarea::-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-moz-placeholder,
    .form-label-group select::-moz-placeholder,
    .form-label-group textarea::-moz-placeholder {
        color: transparent;
    }

    .form-label-group input::placeholder,
    .form-label-group select::placeholder,
    .form-label-group textarea::placeholder {
        color: transparent;
    }

    .form-label-group input:not(:placeholder-shown),
    .form-label-group select:not(:placeholder-shown),
    .form-label-group textarea:not(:placeholder-shown)
    {
        padding-top: 1.25rem;
        padding-bottom: .25rem;
    }

    .form-label-group input:not(:placeholder-shown) ~ label,
    .form-label-group select:not(:placeholder-shown) ~ label,
    .form-label-group textarea:not(:placeholder-shown) ~ label {
        padding-top: .25rem;
        padding-bottom: .25rem;
        font-size: 12px;
        color: #777;
    }

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
    .form-label-group > label {
        display: none;
    }

    .form-label-group input::-ms-input-placeholder,
    .form-label-group select::-ms-input-placeholder,
    .form-label-group textarea::-ms-input-placeholder {
        color: #777;
    }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-label-group > label {
        display: none;
    }

    .form-label-group input:-ms-input-placeholder,
    .form-label-group select:-ms-input-placeholder,
    .form-label-group textarea:-ms-input-placeholder {
        color: #777;
    }

    .home-stock-image {
        max-height: 450px;
    }

    .image-banner .bg-main-blue img {
        min-height: 435px;
    }
}

.carousel-indicators li, 
.carousel-indicators li.active {
    text-indent: 0;
    border:none;   
    background-color:inherit;
}
.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.circle::before {
    font-family: "Font Awesome\ 5 Free";
    font-weight: 400;
    content: "\f111";
}

.active .circle::before{
    font-weight:900;
}

#homepagecarousel .carousel-caption {
    bottom: 20%;
}
 

.hov:hover {
    background-color:lightgray;
}

.learn-more {
    color: #003e5a;
    font-weight: bold;
    white-space: nowrap;
}

.learn-more-cls {
    color: #003e5a;
    display: inline-block;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    border: solid 1.25px #003e5a;
    padding-top: 0.1em;
}

.learn-more-desc {
    background-color: #f4f4f4;
}

.level3dd {
    font-size: 20px;
    color: #003e5f;
    border-bottom-color: #f1b300;
    border-width: 0 0 3px 0 !important;
}

.level3dd span{
    min-width:220px;
    display:inline-block;
}

.l3dd {
    font-size: 20px;
    font-weight: bold;
    color: #003e5f;
}

.l3dd:hover {
    background-color: #f1b300;

}

/*CSS form for Videos.aspx page*/
.videos .caption {
    font-weight: bold;
}

.video-list .video-item {
    margin: 5px 0;
    cursor: pointer;
}
    .video-list .video-item {
        min-width: 450px;
    }

    .video-list .video-item.selected img {
        border: solid 4px #DEB53A;
    }

    .video-list .video-item:hover img {
        opacity: 0.5;
        border: solid 4px #DEB53A;
    }

    .video-list .video-item a:hover {
        text-decoration: none !important;
    }

    .video-list .video-item:hover .caption {
        color: #DEB53A;
    }

/*End of CSS form for Videos.aspx page ends*/

/* Styling for District Finances drop down menu */

.responsive-wrapper .dd-item:hover {
    color: #003e5a;
    text-decoration: none;
}

.responsive-wrapper .dd-item:active {
    background-color: transparent;
}

.responsive-wrapper .dd-item.active {
    background-color: #f1b300;
}

/* End of styling for District Finances drop down menu */

.sidebar > div {
   min-width:300px;
}

.sidebar > .legends{
    min-height: 80px;
}

.sidebar > .entries{
    max-height: 200px;
}

.sidebar > div > .entry{
   cursor: pointer;
   margin: 0.5em 0.25em;
   padding: 0 0.25em;
}

.sidebar .entry:not(.empty):hover {
    background: #eeeeee;
}

.sidebar .custom-control-label:before{
  fill-opacity: 0.8;
}

.sidebar .darkred .custom-control-label:before {
    background-color: #9d3135;
}

.sidebar .darkgreen .custom-control-label:before {
    background-color: #728224;
}

.sidebar .darkblue .custom-control-label:before {
    background-color: #0067a3;
}

.sidebar .orange .custom-control-label:before {
    background-color: #f49630;
}

.search.modal {
    position: absolute;
    top: 44%;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    display: block;
}

.custom-control-input:checked ~ .custom-control-label:before {
    border-color: #003e5a;
    background-color: #003e5a;
    background-color: #003e5a;
}

hr {
    border-top: solid 1px #003e5a;
}

.search.modal .list-group-item:not(:first-child) {
   
    border-top: solid 1px #003e5a;
}

.search.modal button.close,
.search.modal button.close:hover,
.learn-more-desc button.close, 
.learn-more-desc button.close:hover{
    opacity: 1;
}

.search.modal button.close span,
.learn-more-desc button.close span {
    color: #003e5a;
    display: inline-block;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    border: solid 1.25px #003e5a;
    padding-top: 0.1em;     
}

.search.modal button.close:hover span,
.learn-more-desc button.close:hover span{
    color: #fff;
    background-color: #003e5a;
}

.search.modal .modal-content,
.search.modal .modal-header, 
.search.modal .modal-footer
{
    border: 0;
}

.search.modal .modal-footer{
   justify-content: flex-start;
}

.search.modal p.bottom-padding{
    margin-bottom: 2.5em;
}

.search.modal .modal-header .modal-title {
    font-weight: bold;
    color: #00a3de;    
}

.search.modal .card{
    border: 0;
    text-align: left;
}

.search.modal .modal-dialog {
    max-width: 100%;
}

.search.modal.fade:not(.show) {
    display: none;
}

.cursor-pointer {
    cursor: pointer;
}

#customizablereportcard [type="checkbox"]:not(:checked),
#customizablereportcard [type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
}

    #customizablereportcard [type="checkbox"]:not(:checked) + label,
    #customizablereportcard [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 2.3em;
        line-height: 1.7;
        cursor: pointer;
    }

        /* checkbox aspect */
        #customizablereportcard [type="checkbox"]:not(:checked) + label:before,
        #customizablereportcard [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 22px;
            height: 22px;
            border: 1px solid #aaa;
            background: #FFF;
            border-radius: 0;
            -webkit-transition: all .275s;
            transition: all .275s;
        }

        /* checked mark aspect */
        #customizablereportcard [type="checkbox"]:not(:checked) + label:after,
        #customizablereportcard [type="checkbox"]:checked + label:after {
            content: '';
            position: absolute;
            width: 17px;
            height: 17px;
            background-color: #03a5fc;
            top: 2px;
            left: 3px;
            font-size: 1.375em;
            /*    color: #CB22ED;*/
            line-height: 0;
            -webkit-transition: all .2s;
            transition: all .2s;
        }

        #customizablereportcard [type="checkbox"]:not(:checked) + label:after,
        #customizablereportcard [type="checkbox"]:checked + label.partial:after {
            width: 9px;
            height: 9px;
            top: 6px;
            left: 7px;
        }

        /* checked mark aspect changes */
        #customizablereportcard [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0) rotate(45deg);
            transform: scale(0) rotate(45deg);
        }

        #customizablereportcard [type="checkbox"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
        }