.shadow {
    -webkit-filter: drop-shadow(0px 0px 5px #111);
    filter: drop-shadow(0px 0px 5px #111);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

body, p {
    font-size: 16px;
}

hr {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #054E3A;
    margin: 1em 0;
    padding: 0;
}

h1 {
    color: #FE924C;
    padding-bottom: 25px;
}

a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #0C7E97;
}

    a:hover {
        text-decoration: none;
        color: #FE924C;
    }

    a > img {
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

        a > img:hover {
            opacity: .75;
        }

    a > svg {
        min-width: 20px;
        min-height: 20px;
        color: #0C7E97;
    }

        a > svg:hover {
            cursor: pointer;
        }

.table th, .table td {
    padding: .5rem;
}

.text-right {
    float: right;
}

html {
    overflow-x: hidden;
}

#content {
    /*padding-top: 30px;*/
    margin-bottom: 30px;
    min-height: 300px;
}

.leftCol {
    float: left;
    position: relative;
    background: url(/IBOMPortal/img/subContentGradient.jpg) repeat-y top left;
    margin: 0;
}

.centerCol {
    float: left;
    position: relative;
    background: url(/IBOMPortal/img/mainContentGradient.jpg) repeat-x top left;
    margin: 0;
    padding-top: 25px;
}

.rightCol {
    float: left;
    position: relative;
    background: url(/IBOMPortal/img/subContentGradient.jpg) repeat-y top left;
    margin: 0;
}

.rightColSub {
    float: left;
    background: url(/IBOMPortal/img/subContentGradient.jpg) repeat-y top left;
}

.centerCol ul li {
    margin-bottom: 4px;
}

#leftColMain, .leftColSub {
    margin: 0 10px;
}

    #leftColMain h4, #leftColSub h4 {
        padding: 5px 5px;
        background: #898A7B;
        color: #FFF;
        margin-top: 25px;
    }

    #leftColMain ul, #leftColSub ul {
        padding: 0 10px 10px 10px;
    }

        #leftColMain ul li, #leftColSub ul li {
            border-bottom: solid 1px #ffffff;
            line-height: 1.75;
        }

#rightColMain, .rightColSub {
    margin: 0 10px;
}

    #rightColMain h4, #rightColSub h4 {
        padding: 5px 5px;
        background: #898A7B;
        color: #FFF;
        margin-top: 25px;
    }

    #rightColMain ul, #rightColSub ul {
        padding: 0 10px 10px 10px;
    }

        #rightColMain ul li, #rightColSub ul li {
            border-bottom: solid 1px #ffffff;
            line-height: 1.75;
        }

/* ------------------ Flex styles ------------------ */
.d-flex {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
}

.row {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
}


/* ------------------ Accordion (Collapse) Styles ------------------ */
#accordion {
    margin-bottom: 15px;
}

    #accordion > .card {
        background: #eee;
        opacity: 1;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        border: none;
        margin-bottom: 15px;
    }

        #accordion > .card > .btn-link {
            color: #999;
        }

    #accordion .btn-link:hover {
        background: #CAEBF2;
        opacity: 1;
    }

    #accordion > .collapse.show {
        background: #f8f9fa;
        padding-top: 10px;
    }

    #accordion > .card > .card-header {
        padding: 0;
        border-bottom: none;
    }

    #accordion .btn {
        display: block;
        width: 100%;
        height: 100%;
        text-align: left;
        padding: .75rem .75rem .25rem;
        text-decoration: none;
        white-space: normal;
    }

.icon-rotates {
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    margin-right: 5px;
    color: #095C6E;
}

    .icon-rotates.rotate {
        -webkit-transition: rotate(180deg);
        transition: rotate(180deg);
    }

button.btn.btn-link.collapsed .icon-rotates {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #FE924C;
}

#accordion > .card > .card-header > h5 > button.btn.btn-link {
    width: 100%;
    text-align: left;
    text-decoration: none;
    color: #495057;
}


/* ------------------ Alerts Styles ------------------ */
.alert-danger {
    background-color: #DF3210;
    border: 0px;
    border-color: transparent;
}

.alert-success {
    background-color: #38B44A;
    border: 0px;
    border-color: transparent;
}

.alert-warning {
    color: #333;
    background-color: #FCE778;
    border: 0px;
    border-color: transparent;
}

.alert-info {
    color: #333;
    background-color: #CAEBF2;
    border: 0px;
    border-color: transparent;
}


/* ------------------ Button Styles ------------------ */
.btn {
    padding: .5rem 1rem;
    font-size: 1.2rem;
}

.btn-primary {
    background-color: #0C7E97;
    border-color: #0C7E97;
}

    .btn-primary:hover {
        background-color: #FE924C;
        border-color: #FE924C;
    }

.btn-secondary {
    background-color: #999;
    border-color: #999;
}

    .btn-secondary:hover {
        background-color: #CAEBF2;
        border-color: #CAEBF2;
        color: #333;
    }

.btn-dark {
    background-color: #0C7E97;
    border-color: #0C7E97;
}

    .btn-dark:hover {
        background-color: #095C6E;
        border-color: #095C6E;
    }

a.btn-primary, a.btn-secondary > svg {
    min-width: 20px;
    min-height: 20px;
    color: #fff;
}

    a.btn-secondary > svg:hover {
        color: #333;
    }

button.btn.dropdown-toggle.btn-light {
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: inherit;
}

.btn-well {
    color: #fff;
    font-weight: bold;
    border: 2px solid white;
    margin-left: 10px;
}

    .btn-well:hover {
        background: #0C7E97;
    }

.btn-well-dark {
    color: black;
    font-weight: bold;
    border: 2px solid black;
    margin-left: 10px;
}

    .btn-well-dark:hover {
        background: #0C7E97;
    }


/* ------------------ Card Styles ------------------ */
.card {
    background-color: #eee;
    border: none;
}


/* ------------------ Footer Styles ------------------ */
.site-footer {
    background: #0C7E97;
    color: #fff;
    padding-top: 30px;
}

#usa-map {
    float: left;
    overflow: hidden;
}

    #usa-map > img {
        width: 100%;
    }

footer {
    margin-top: 30px;
}

.footer-navigation a {
    color: #fff;
}

    .footer-navigation a:hover {
        color: #FE924C;
    }

.footer-menu > .menu-item {
    line-height: 2;
}

    .footer-menu > .menu-item > a {
        color: #fff;
    }

.footer-links {
    padding-top: 30px;
    padding-bottom: 0px;
    font-size: smaller;
}

    .footer-links > a {
        color: #fff;
    }

        .footer-links > a:hover {
            color: #FE924C;
        }

.footer-agency {
    color: #FE924C;
    font-weight: 700;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

    .footer-agency:hover {
        color: #fff;
    }

.footer-links-list {
    -webkit-padding-start: 0px;
    padding-inline-start: 0px;
}

    .footer-links-list > ul {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
    }

    .footer-links-list > li {
        display: inline;
        padding: 5px;
    }

        .footer-links-list > li > a {
            color: #fff;
        }

            .footer-links-list > li > a:hover {
                color: #FE924C;
                text-decoration: none;
            }

        .footer-links-list > li:not(:first-of-type):before {
            content: " | ";
            padding-right: 10px;
            color: #fff;
        }

.photo-credit {
    padding-top: 30px;
    padding-bottom: 10px;
    font-style: italic;
}

    .photo-credit > p {
        float: right;
        text-align: right;
    }

        .photo-credit > p > a {
            color: #fff;
        }

            .photo-credit > p > a:hover {
                color: #FE924C;
            }

#colophon {
    background-image: url('../img/seal.png');
    background-repeat: no-repeat;
    background-blend-mode: luminosity;
    background-size: 300px 182px;
    background-position: 75% 100%;
}

.versioning {
    font-size: small;
    text-align: right;
    padding-right: 5px;
    color: #aaa;
    background: #0c6377;
}


/* ------------------ Header Styles ------------------ */
.top-navigation {
    background: #eee;
    color: #000;
    height: 31px;
    line-height: 30px;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    padding-left: 20px;
}

.fontsizer {
    cursor: pointer;
}

.idaho-logo {
    margin-top: -3px;
}

ul#menu-top.top-menu.nav > li > a.nav-link {
    padding: 0rem .5rem;
}

.top-menu > li > a {
    color: #000;
}

    .top-menu > li > a:hover {
        background-color: #ddd;
        color: #000;
    }

.site-branding {
    border: none;
    min-height: 275px;
    font-family: "Montserrat",sans-serif;
}

.header-background {
    background-size: cover;
    background-position: center;
    background-image: url(../img/header.jpg); /* --- PLACE YOUR HEADER IMAGE HERE --- */
}

.header-brand {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    min-height: 275px;
}

.header-text {
    margin-top: 0px;
}

.header-agency, .header-logo, .header-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

img.logo {
    padding-top: 0px;
    width: 100%;
    max-width: 250px;
}

.agency {
    color: #fff;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    display: block;
    margin-top: 10px;
}

.header-agency > img {
    width: auto;
    max-height: 150px;
    float: right;
}


/* ------------------ Navigation Styles ------------------ */
.navigation {
    background-color: #eee;
    font-family: "Montserrat",sans-serif;
    letter-spacing: .06rem;
    padding: 0px;
    position: relative;
    z-index: 2;
    font-weight: 500;
}

.navbar {
    padding: 2px;
}

.navbar-nav .nav-link {
    color: #000;
}

.navbar-nav > li.nav-item > a.nav-link:hover {
    /*background-color: #DDD;*/
    background: url(/IBOMPortal/img/subContentGradient.jpg) repeat-y top left;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #000;
}

.dropdown-menu {
    padding: .3rem 0;
    margin: 2px 0;
    background-color: #ddd;
    border-radius: 0;
}

.collapse.show {
    width: 100%;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler:not(:disabled):not(.disabled) {
    color: #000;
    background: #ddd;
    border: solid 2px;
}

.navbar-search {
    padding: 7px 15px;
    border: solid 2px;
    background: #ddd;
    border-radius: 5px;
    position: absolute;
    right: 15%;
    top: 2px;
}

/* ------------------ Google Customer Search Engine (CSE) Styles ------------------ */
.gsc-control-cse {
    border-color: transparent !important;
    background-color: transparent !important;
}

td.gsc-input, .search-form {
    min-width: 250px !important;
    max-width: 250px !important;
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    text-align: left !important;
    font-weight: bold !important;
}
