/*----------------- Fostering and Adoption Site specific CSS ----------------------------------------*/

@media (min-width: 576px) {
    html {
        font-size: 1.25rem;
    }
 
    .nav-link, .dropdown-item {
        font-size: 0.8rem;
    }
}

body {
    font-family: museo-sans, sans-serif;
    letter-spacing: -0.03em;
    color: #444;
}

h1, h2, h3, h4 {
    font-weight: bold;
    margin-bottom: 0.5em;
}

    h2:not(:first-child), h3:not(:first-child), h4:not(:first-child) {
        margin-top: 0.9em;
    }

h3 {
    font-size: 1.5rem;
}

#header-nav {
    background-color: #777;
}

    #header-nav .navbar {
        padding: 20px 0;
    }

    #header-nav .navbar-brand {
        flex: 1 1 600px;
    }

    #header-nav .logo {
        width: 100%;
    }

    #header-nav .form-inline {
        flex-shrink: 0;
    }

    #header-nav #search-input {
        height: 2rem;
        width: 12rem;
    }

    #header-nav .btn {
        border: 0;
        color: #fff;
        background-color: #2e892c;
    }

        #header-nav .btn:hover {
            background-color: #31922f;
        }

@media (min-width: 767px) and (max-width: 900px) {
    #header-nav #search-input {
        width: 10rem;
    }
}

    #header-nav button {
        height: 2rem;
        width: 2rem;
        padding: 0;
    }

@media (min-width: 768px) {
    #header-nav .navbar-brand {
        max-width: 600px;
    }

    #header-nav .logo {
        padding-top: 5px;
    }

    #header-nav .navbar .container {
        flex-wrap: nowrap;
    }
}

@media (max-width: 767.98px) {
    #header-nav .navbar-brand {
        margin: auto;
    }

    #header-nav .form-inline {
        margin: 0.5rem auto 0;
    }
}

@media (max-width: 567.98px) {
    #header-nav .form-inline {
        margin: 0 auto;
    }
}

#main-nav .navbar-toggler {
    border: 0;
}

    .container.spacer ul li {
        padding: 5px;
    }

    #content a, #right-col a {
        text-decoration: underline;
        color: #2e892c;
    }

        #content a:hover, #right-col a:hover,
        #content a.card-body:link
         {
            text-decoration: none;
            color: #2e892c;
        }
        
        #content .media-body a:link {
            text-decoration: none;
        }

    #right-col.sticky-top {
        z-index: 999;
    }

    #right-col h2 {
        font-size: 1.75rem;
    }

    #right-col h3 {
        font-size: 1.5rem;
    }

    #right-col .list-group-item {
        border: 0;
        background: #efefef;
        padding: 1rem;
    }

    #right-col .list-group-item-light {
        background: initial;
    }

        /* ----------------------- Footer ------------------------------------*/
        .footer-menu {
            background-color: #2d892c;
            border-top: 10px solid #ebb308;
            color: #fff;
        }

    /* -------- Navigation -------------- */
    .navbar-dark .navbar-nav .nav-link {
        color: #fff;
    }

    .navbar-item.active {
        background-color: #e8670c;
    }

    .dropdown-item.active {
        background-color: #e8670c;
    }


    #main-nav {
        background: #2e892c;
    }

    .navbar-nav .nav-link {
        padding-top: 15px;
    }

        #main-nav .navbar-nav .nav-link:hover {
            color: #fff;
            background-color: #e8670c;
        }

    .nav-item.dropdown.show {
        background-color: #e8670c;
    }

    .dropdown-menu {
        background-color: #2e892c;
        margin: 0;
    }

    .dropdown-item:focus, .dropdown-item:link {
        color: #fff !important;
        text-decoration: none;
    }

    .dropdown-item:focus, .dropdown-item:hover {
        color: #fff !important;
        text-decoration: none;
        background-color: #e8670c;
    }

    .dropdown-item {
        color: #fff !important;
    }

    .navbar-dark .navbar-toggler .navbar-toggler-icon {
        color: #fff;
    }
    /* ------------- HOMEPAGE --------------*/

    .homePage h1 {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .home-grid .card-body {
        background-color: #e8670c;
        color: #fff;
    }

        .home-grid h2 {
            font-size: 1.5rem;
            margin-bottom: 0;
        }


    /* ------------- /HOMEPAGE --------------*/

    /* ----------------- Events pages -----------------------------*/

    .calendar {
        border: 1px solid #b3b2b2;
        width: 250px;
        padding: 10px;
        cursor: pointer;
    }

    .card-footer {
        border: none;
    }

        .card-footer:last-child {
            margin: 10px 0 0 0;
            padding: 0;
        }

    .event-button {
        background-color: #e8670c;
        border: 0;
        font-size: 0.8rem;
    }

        .event-button:hover {
            background-color: #ff8630;
        }


/* ----------------- News and events -----------------------------*/

.news-list-home .card-header, .events-home .card-header {
    background-color: #2e892c;
    color: #fff;
}

.news-list-home .card-footer, .events-home .card-footer {
    background-color: #fff;
}

.news-list-home h2, .events-home h2 {
    font-size: 1.5rem;
    margin: 0;
}

.home-news-article {
    background: #efefef;
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

    .home-news-article a {
        color: inherit;
    }

    .home-news-article h3, .events-home h3 {
        font-size: 1.25rem;
        margin: 0;
    }

    .home-news-article .item-date {
        font-size: 0.8rem;
    }

    /*------------ Search -----------------*/
    ul .item-listing li {
        list-style: none;
        display: list-item;
        color: black;
    }

    .item {
        list-style-type: none;
        border-bottom: 1px solid #2d892c;
        display: block;
        margin: 10px 0;
    }


    .nav-item.dropdown.active {
        background-color: #e8670c;
    }

    .document-list {
        background: #f5f5f5 url(../../images/common/docs-bg.png) no-repeat 50% 50%;
    }

    .media .media-thumb {
        max-width: 250px;
    }

    /* Fix side content */
    .row.m0 {
        margin: 0px;
    }

        .row.m0 .card {
            padding: 0px;
        }


/*  Accordions */

#accordion {
    display: flex;
    flex-direction: column;
    gap: 0.8em;
}

#accordion button.card-header {
    background-color: #e8670c;
    color: white;
    text-align: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row-reverse;
    column-gap: 0.8em;
}

#accordion button.card-header:active {
    background-color: #e8670c;
}

#accordion button.card-header.collapsed {
    background-color: #626262;
}

#accordion i.fas.fa-angle-up {transition-duration: 300ms;transform: rotate(180deg);}

#accordion .collapsed i.fas.fa-angle-up {
    transform: none;
}