/****** There is a combined widget for Accordions and Tab Lists, which is why the styles for both are included ******/
.accordion-button {
    scroll-margin-top: 160px;
}
h4.h3 .accordion-button {
    /* overriding BS, which is overridden in globals.css */
    font-size: 1rem !important;
}
 .accordion-header .accordion-button:not(.collapsed) {
     color: var(--brand-color1);
     background-color: var(--brand-color4) !important;
}
.btn-primary .accordion-span {
    color: var(--brand-color9);
}
.sidebar .accordion-body {
    border: 1px solid var(--brand-color9);
     padding: 1rem 0 0 2.5rem;
     list-style: none;
}
 .sidebar .accordion-button:focus {
     z-index: 3;
     border-color: none;
     outline: 0;
     box-shadow: none;
}
 .sidebar .accordion-button:not(.collapsed) {
     color: var(--brand-color1)!important;
     background-color: var(--brand-color2)!important;
     box-shadow: none;
}
 .sidebar button.accordion-button.sidebar-title-top.collapsed {
     color: var(--brand-color4);
     background-color: var(--brand-color2);
}
 .sidebar .accordion-item:last-of-type .accordion-button.collapsed {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
}
 .sidebar .accordion-item:last-of-type {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     border: 0;
}
 .sidebar .accordion-item:first-of-type .accordion-button {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
 .sidebar .accordion-button::after {
     display: none;
}
 .sidebar .accordion-button:not(.collapsed)::after {
     display: none;
}
 .nav-tabs {
     flex-direction: column;
}
 .accordion-button {
     border: 1px solid var(--brand-color9);
     margin-bottom: 0px;
     text-transform: none;
}
 .accordion-button::after {
     content: "+";
     background-image: none;
     transition: transform .2s ease-in-out;
     color: var(--brand-color4);
     font-size: 2rem;
     margin-top: -1rem;
}
 .accordion-button:not(.collapsed)::after {
     content: "-";
     background-image: none;
     color: var(--brand-color9);
     font-size: 2rem;
     margin-top: 2rem;
}
 .accordion-button:is(:hover,:focus, :focus-visible) {
     background: var(--brand-color13);
     border: 1px solid var(--brand-color9);
     color: var(--brand-color9);
}
 .accordion-button:is(:focus) {
     z-index: 3;
     outline: 0;
     box-shadow: none;
}
.accordion-button:is(:hover, :focus, :focus-visible)::after {
    color: var(--brand-color9);
}
 .accordion-item {
     background-color: var(--brand-color4);
     border-top: 1px solid rgba(0, 0, 0, .125);
     border-bottom: 1px solid rgba(0, 0, 0, .125);
     margin-bottom: 1px;
}
.accordion-body {
    border: 1px solid var(--brand-color9);
    border-top-color: transparent;
}
/*.accordion-item .accordion-collapse {*/
/*    overflow-anchor: none !important;*/
/*}*/
 .accordion-collapse {
     background-color: var(--brand-color4);
     border-color: #86b7fe;
     outline: 0;
}
.accordion .secondary-button {
    display: inline-block;
    margin-bottom: 25px;
}
/*FAQ*/
 .faq-button-container {
     width: 50%;
     padding: .625rem;
}
 .accordion.faq .accordion-header {
     position: relative;
}

 .accordion-item:first-of-type {
     border-top-right-radius: 0 !important;
     border-top-left-radius: 0 !important;
}
 .accordion-item:first-of-type .accordion-button {
     border-top-left-radius: 0 !important;
     border-top-right-radius: 0 !important;
}
 .accordion-item:last-of-type .accordion-button.collapsed {
     border-top-right-radius: 0 !important;
     border-top-left-radius: 0 !important;
}
 .accordion-item:last-of-type {
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
}
 .accordion-item:last-of-type .accordion-collapse {
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
}
 .accordion-item:last-of-type .accordion-button.collapsed {
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
}
 .accordion-header button span {
     font-weight: 700;
}
@media (max-width: 1480px) {
    .accordion .primary-button {
        max-width: 100% !important;
    }
    .accordion-button::after {
        right: 10px;
        position: absolute;
    }
}
@media (max-width: 992px) {
    .accordion-button {
        scroll-margin-top: 145px;
    }
}
@media (max-width: 768px) {
    .tab-content >.tab-pane {
         opacity: 1;
    }
    .accordion-body a {
        word-wrap: break-word;
    }
}
@media (min-width: 768px) {
    .nav-tabs {
         display: flex;
         flex-direction: row;
    }
     .tab-content .accordion {
         border: none;
    }
     .tab-content .accordion .accordion-header {
         display: none;
    }
     .tab-content .accordion .collapse {
         display: block;
    }
}
@media (min-width: 992px) {
    /*.accordion-button {*/
    /*    scroll-margin-top: 130px;*/
    /*}*/
}