/* Custom Expansion Menu - Requires HTML, CSS, and JS */

.awb-expansion-menu {
    display: block;
    max-width: 100%;
    margin: 1rem auto;
    border-radius: 5px;
    background: var(--bs-primary);
}

.awb-expansion-menu-header {
    display: block;
    padding: 0.2rem 0.4rem;
    font-size: 0.9rem;
    font-weight: 400;
    cursor: pointer;
    color: var(--bs-white);
    background-color: var(--bs-primary);
    text-decoration: none;
    transition: all .15s ease-in-out;
}

    .awb-expansion-menu-header:hover {
        /*background: var(--bs-primary-bg-subtle);*/
        font-weight: 600;
        color: white;
    }

.awb-expansion-menu-content {
    display: none;
    padding: 0.2rem 0.2rem;
    color: var(--bs-primary);
    background-color: var(--bs-body-bg);
    animation: fadein .4s ease-in-out forwards;
}

    .awb-expansion-menu-content.show {
        display: block;
    }

@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Modified Bootstrap Accordion Menu - Requires HTML and CSS */

.awb-accordion-menu {
}

    .awb-accordion-menu .awb-accordion-item {
        border: none;
        border-radius: 0 !important;
        box-shadow: none;
    }

    .awb-accordion-menu .awb-accordion-header + .accordion-header {
        padding: 0.5rem !important;
        margin: 0 !important;
    }

    .awb-accordion-menu .awb-accordion-button {
        display: flex;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        width: auto;
        gap: 0.5rem;
        padding: 0.8rem !important;
    }

    .awb-accordion-menu .awb-accordion-collapse {
    }


    .awb-accordion-menu .awb-accordion-body {
        padding: 0.2rem 0.3rem;
        margin: 0 0 0 0.5rem;
    }

    .awb-accordion-menu .awb-accordion-nav {
        padding: 0.1rem 0.3rem;
        margin: 0 0 0 0.5rem;
    }