/* ------------------------------ */
/* ----- Accordion (General) ---- */
/* ------------------------------ */

.section > .section__title + .section__accordion, .section > .section__text + .section__accordion {
    padding-top: 25px;
}

.accordions {
    max-width: var(--width-content);
    border-top: 3px solid var(--brand-background-color-transparent);
}

.accordion {
    position: relative;
    border-bottom: 3px solid #f2f6f5    ;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.no-touchevents .accordion:not(.accordion--active):hover {
    background-color: var(--brand-background-color-transparent);
}

.accordion__header {
    position: relative;
    cursor: pointer;
}
  
.accordion__header .row {
    margin: 0;
}
  
.accordion__content {
    overflow: hidden;
    display: none;
    padding: 0 1rem 2rem;
    margin-top: -0.5rem;
}



/* ------------------------------ */
/* ------ Simple Accordion ------ */
/* ------------------------------ */

.accordion_trigger {
    position: relative;
    padding: 1rem 4.25rem .9rem 1rem;
}

.accordion_trigger h3 {
    margin-bottom: 0;
}

.accordion_trigger.iconset--arrow-small::after {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.no-touchevents .accordion:hover .accordion_trigger.iconset--arrow-small::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
}

.accordion.accordion--active .accordion_trigger.iconset--arrow-small::after {
    opacity: 0;
    -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
}



/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

 @media only screen and (max-width: 1199.98px) {  
  
    .accordion_trigger {
        padding: 1rem 3.85rem .9rem 1rem
    }

    .accordion__content {
        padding: 0 1rem 1rem;
    }

}


@media (max-width: 413.98px) {  

    .accordion_trigger {
        padding: .85rem 3.7rem .65rem .85rem
    }

    .accordion__content {
        padding: 0 .85rem 1rem;
    }
  
}