/**
 * This element is using CSS from the following:
 *
 * - opengemeenten_site/General/OpenGemeentenSite-Section.css
 * - opengemeenten_cefeatureaccordion/Feature/Accordion/OpenGemeentenCeFeatureAccordion-Item.css
 * - opengemeenten_cefeatureaccordion/Feature/Accordion/OpenGemeentenCeFeatureAccordion-Header.css
 * - opengemeenten_cefeatureaccordion/Feature/Accordion/OpenGemeentenCeFeatureAccordion-Panel.css
 *
 * Variables can be set there globally or override them here!
 */

.ce-accordion {
    --font-size: var(--root-font-size); /* Reset, use REM */
}

.section--color-primary.ce-accordion {
    /*--color-background: var(--root-color-background--primary);*/
}

.section--color-secondary.ce-accordion {
    /*--color-background: var(--root-color-background--secondary);*/
}

.section--color-support.ce-accordion {
    /*--color-background: var(--root-color-background--support);*/
}

.section--color-grey.ce-accordion {
    /*--color-background: var(--root-color-background--grey);*/
}

@media (min-width: 62rem) {
    .ce-accordion .flow--frame,
    .ce-accordion .flow--frame .flow--content {
        max-width: 62rem;
    }
}

@media (min-width: 80rem) {
    .ce-accordion .flow--frame,
    .ce-accordion .flow--frame .flow--content {
        max-width: 66rem;
    }
}

.ce-accordion__list {
    margin: 0;
    padding: 0;
}

.ce-accordion {
    background-color: var(--color-background, transparent);
    font-size: var(--font-size, 1rem);
}