/* =========================================================
   FAQ SECTION
========================================================= */

.faq-section {
    background: #ffffff;
}


/* =========================================================
   HEADING
========================================================= */

.faq-section .faq-heading {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 12px;

    text-align: left;

    color: #00447c;
}


/* =========================================================
   SUBHEADING
========================================================= */

.faq-section .faq-subheading {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;

    text-align: left;

    font-family: inherit;
    font-weight: 400;

    color: #001d39;
}


/* =========================================================
   FAQ LIST
========================================================= */

.faq-list {
    width: 100%;

    border-top: 1px solid #003B72;
}


/* =========================================================
   FAQ ITEM
========================================================= */

.faq-section .faq-item {
    position: relative;

    width: 100%;

    margin-bottom: 0 !important;

    padding: 20px 12px 20px 0;

    border-left: 0 !important;
    border-bottom: 1px solid #003B72;

    cursor: pointer;
}


/*
 * Remove old left-border states completely
 */
.faq-section .faq-item.active,
.faq-section .faq-item:hover {
    border-left: 0 !important;
}


/* =========================================================
   QUESTION ROW
========================================================= */

.faq-question-row {
    position: relative;

    display: flex;
    align-items: center;

    width: 100%;

    min-height: 38px;

    padding: 9px 34px 9px 0;
}


/* =========================================================
   QUESTION
========================================================= */

.faq-section .faq-question {
    flex: 1;
    font-weight: 700!important;
    margin: 0 !important;
    padding: 0 !important;

    color: #003B72;
}


/*
 * Override lg:ml-24 from the original component
 */
@media (min-width: 1024px) {

    .faq-section .faq-question {
        margin-left: 0 !important;
    }

}


/* =========================================================
   CHEVRON
========================================================= */

/* =========================================================
   CHEVRON
========================================================= */

.faq-chevron-button {
    position: absolute;

    top: 50% !important;
    right: 1px;

    width: 32px;
    height: 32px;

    display: flex !important;
    align-items: center;
    justify-content: center;

    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    color: #003B72 !important;

    box-shadow: none !important;
    outline: none !important;

    appearance: none;
    -webkit-appearance: none;

    transform: translateY(-50%);

    cursor: pointer;
}


/* Prevent theme button styles from changing it */
.faq-chevron-button:hover,
.faq-chevron-button:focus,
.faq-chevron-button:focus-visible,
.faq-chevron-button:active,
.faq-item.active .faq-chevron-button,
.faq-item.active .faq-chevron-button:hover,
.faq-item.active .faq-chevron-button:focus,
.faq-item.active .faq-chevron-button:active {
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;

    color: #003B72 !important;

    box-shadow: none !important;
    outline: none !important;
}


/* Chevron */
.faq-chevron {
    display: block;

    width: 24px;
    height: auto;

    color: #003B72;

    transition: transform 0.25s ease;
}


/* Keep SVG stroke navy */
.faq-chevron path {
    stroke: #003B72 !important;
}


/* Only rotate when FAQ is open */
.faq-item.active .faq-chevron {
    transform: rotate(180deg);
}

/* =========================================================
   ANSWER
========================================================= */

.faq-section .faq-answer {
    margin-left: 0 !important;

    padding: 0 34px 18px 0 !important;
}


.faq-section .faq-answer.hidden {
    display: none;
}


.faq-section .faq-answer .text-body {
    margin: 0;

    color: #001d39;
}


/* Paragraph spacing */
.faq-section .faq-answer p {
    margin-top: 0;
    margin-bottom: 12px;
}


/* Last paragraph */
.faq-section .faq-answer p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   LINKS
========================================================= */

.link-color a,
.link-color a span {
    color: #001d39;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .faq-section .faq-subheading {
        margin-bottom: 32px;
    }

    .faq-question-row {
        min-height: 48px;

        padding-top: 12px;
        padding-bottom: 12px;
    }


}