/* FAQ Block Styles */


#block--faq-wrapper {
    padding: 1.5em 0;
}
@media only screen and (min-width: 1030px) {
    #block--faq-wrapper {
        padding: 60px 0;
    }
}

#block--faq-wrapper ol,
#block--faq-wrapper ul {
    padding: 0 0 0 1.5em;
}
#block--faq-wrapper ul li {
    padding-bottom: .5em;
}
/* tabs */
.faq-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 1em auto;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    width: 100%;
}
.faq-tabs div {
    background: #f0f5fa;
    border: solid thin #000;
    margin: .3em 0;
    width: 100%;
    text-align: center;
}
.faq-tabs p {
    margin: 0;
    padding: .5em;
}
/* .faq-selected class added in faqs.js */
.faq-selected {
    background: #fff !important;
    border-bottom: solid thin #000 !important;
}
@media only screen and (min-width: 768px) {
    .faq-tabs {
        margin: 1em auto 0 auto;
        width: 90%;
    }
    .faq-tabs div {
        border: solid thin #000;
        cursor: pointer;
        margin: 0;
        width: 174px;
    }
    .faq-selected {
        border-bottom: solid thin #fff !important;
    }
}
@media only screen and (min-width: 1030px) {
    .faq-tabs div {
        width: 225px;
    }
}

/* faq content sections */
.faq-content {
    border: solid thin #000;
    border-bottom: 0;
    margin-top: -1px;
}
.faq-section {
    display: none;
    margin: 0 auto;
    width: 100%;
}
.active {
    display: block !important;
}
.block--single-faq h4 {
    border-bottom: solid thin #000;
    padding: 1.5em .5em;
    cursor: pointer;
}
/* .faq-answer is hidden in faqs.js */
.block--faq-answer {
    background: #f0f5fa;
    border-bottom: solid 2px #000;
    padding: .5em;
    font-weight: 400;
}
.block--faq-toggle {
    display: inline-block;
    cursor: pointer;
    margin: 0 .5em 0 0;
}
.block--faq-toggle:before {
    display:inline-block;
    content: url('images/EFMF-dark-accordion-arrow.svg');
    transform: rotate(0deg);
    text-align: center;
    width: 25px;
    height: 25px;
}
.block--faq-toggle.faq-open:before {
    transform: rotate(180deg);
    text-align: center;
}
@media only screen and (min-width: 768px) {
    .block--faq-answer {
        padding: 2em;
    }
}