@charset "utf-8";
/* CSS Document */


/***************************************************************/
/* SIMPLE ACCORDION */
/***************************************************************/

.simpleAccordionWrapper {
    width:100%;
    max-width:1200px;

    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px 20px;

    margin:25px auto;
    padding:0;

    align-items:start;
}


/***************************************************************/
/* ITEM */
/***************************************************************/

.simpleAccordionItem {
    width:100%;
    display:block;

    margin:0;
    padding:0;

    background:#fff;

    border:1px solid rgba(23,63,122,.14);
    border-radius:12px;

    box-shadow:0 4px 14px rgba(23,63,122,.07);

    overflow:hidden;
    box-sizing:border-box;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.simpleAccordionItem:hover {
    border-color:rgba(111,143,233,.45);
    box-shadow:0 7px 18px rgba(23,63,122,.11);
}

li.simpleAccordionItem {
    width:100%;
    margin:0;
    list-style:none;
}


/***************************************************************/
/* HEADER */
/***************************************************************/

.simpleAccordionHeader {
    width:100%;
    min-height:58px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    margin:0;
    padding:16px 18px;

    background:#e7f1f8;
    color:#173f7a !important;

    font-family:inherit;
    font-size:.98em;
    font-weight:650;
    line-height:1.35;
    text-align:left;

    border:0;

    cursor:pointer;
    box-sizing:border-box;

    transition:
        background .2s ease,
        color .2s ease;
}

.simpleAccordionHeader:hover {
    background:#c9ddea;
    color:#173f7a !important;
}


/***************************************************************/
/* PLUS / MINUS */
/***************************************************************/

.simpleAccordionHeader::after {
    width:30px;
    height:30px;
    flex:0 0 30px;

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

    margin-left:auto;

    background:#fff;
    color:#173f7a;

    border:1px solid rgba(111,143,233,.45);
    border-radius:50%;

    font-size:1.08em;
    font-weight:600;
    line-height:1;

    box-sizing:border-box;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.hideContent .simpleAccordionHeader::after {
    content:"+";
}

.revealContent .simpleAccordionHeader::after {
    content:"−";

    background:#6f8fe9;
    color:#fff;

    border-color:#6f8fe9;
}


/***************************************************************/
/* OPEN HEADER */
/***************************************************************/

.revealContent .simpleAccordionHeader {
    background:#c9ddea;
    color:#173f7a !important;

    border-bottom:1px solid rgba(23,63,122,.10);
}


/***************************************************************/
/* CONTENT */
/***************************************************************/

.simpleAccordionContent {
    height:auto;
    max-height:2000px;

    padding:20px 22px 22px;

    overflow:hidden;

    background:#fff;
    color:#4d5665 !important;

    font-size:.92em;
    line-height:1.65;

    box-sizing:border-box;

    transition:
        max-height .6s ease,
        padding .4s ease;
}

.simpleAccordionContent p {
    margin:0 0 14px;
    color:#4d5665 !important;
}

.simpleAccordionContent p:last-child {
    margin-bottom:0;
}

.simpleAccordionContent strong {
    color:#173f7a !important;
}


/***************************************************************/
/* LINKS */
/***************************************************************/

.simpleAccordionContent a {
    color:#449b46;

    font-weight:600;

    text-decoration:underline;
    text-decoration-color:rgba(68,155,70,.35);
    text-underline-offset:2px;
}

.simpleAccordionContent a:hover {
    color:#173f7a;
    text-decoration-color:#173f7a;
}


/***************************************************************/
/* CLOSED */
/***************************************************************/

.hideContent .simpleAccordionContent {
    max-height:0;
    padding-top:0;
    padding-bottom:0;
}


/***************************************************************/
/* TABLET - ONE ACCORDION PER ROW */
/***************************************************************/

@media screen and (max-width:1024px) {

    .simpleAccordionWrapper {
        grid-template-columns:1fr;
        gap:12px;
    }

}


/***************************************************************/
/* MOBILE */
/***************************************************************/

@media screen and (max-width:768px) {

    .simpleAccordionWrapper {
        margin:20px auto;
    }

    .simpleAccordionHeader {
        min-height:54px;
        padding:14px;
        gap:12px;
        font-size:.93em;
    }

    .simpleAccordionHeader::after {
        width:26px;
        height:26px;
        flex-basis:26px;
    }

    .simpleAccordionContent {
        padding:18px 16px 20px;
        font-size:.90em;
    }

    .hideContent .simpleAccordionContent {
        padding-top:0;
        padding-bottom:0;
    }

}