@charset "UTF-8";

.mdr-faq {
    display: grid;
    grid-row-gap: 50px;
    
    padding: var(--mdr--padding-vertical) var(--mdr--padding-horizontal);
}

.mdr-faq__intro__text {
    margin-top: 20px;
}

.mdr-faq__cta--mobile-only {
    justify-self: flex-start;
}
.mdr-faq__cta--desktop-only {
    display: none;
}


.mdr-faq__accordions-list {
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    justify-content: flex-start;
    row-gap: 15px;
}
@media screen and (min-width: 768px) { 
    .mdr-faq__accordions-list {
        row-gap: 30px;
    }
}

@media screen and (min-width: 1196px) {
    .mdr-faq {
        grid-template-areas: ". intro .   faq .";
        grid-template-columns: 48px 500px 1fr 600px 48px;
        grid-template-rows: auto;
        padding: var(--mdr--padding-vertical) 0px;
    }
    .mdr-faq__intro {
        grid-area: intro;
        max-width: 500px;
        align-self: flex-start;
        position: sticky;
        top: var(--wp-admin--admin-bar--height, 0px);
    }
    .mdr-faq__accordions-list {
        grid-area: faq;
        max-width: 600px;
    }
    
    .mdr-faq__intro__text {
        margin-top: 37px;
    }
    .mdr-faq__intro__cta {
        margin-top: 24px;
    }
    .mdr-faq__cta--mobile-only {
        display: none;
    }
    .mdr-faq__cta--desktop-only {
        display: inline-block;
    }
}
@media screen and (min-width: 1441px) {
    .mdr-faq {
        grid-template-columns: minmax(48px, 1fr) 500px 252px 600px minmax(48px, 1fr);
    }
}