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

/* Accordion */
.accordion { margin: 0 0 30px; border-bottom: 1px solid var(--light-gray); }

/* Accordion Title */
.accordion .accordion__title {border-top: 1px solid var(--light-gray); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding:25px 20px 10px 0; margin: 0; position:relative; font-weight:var(--heading-weight); width: 100%; text-align: left; font-family: var(--heading-family); clip-path: none; background: transparent; }
.accordion .accordion__title {font-size: 2.5rem; }
.accordion .accordion__item:nth-of-type(1) .accordion__title {border-top: 0;}
.accordion .accordion__title:hover:after { background: transparent }

.accordion .accordion__title:after { content: "\e917"; font-family: var(--icon-family); position:absolute; top:0; right:0; font-size: 2.125rem; color: var(--secondary); height: 100%; display: flex; align-items: flex-end; font-weight: 500; padding-bottom: 10px; }
.accordion .accordion__title[aria-expanded="true"]:after { content: "\e911"; }

/* Accordion Icons */
.accordion[data-style="arrow"] .accordion__title:after { content: "\e911"; }
.accordion[data-style="arrow"] .accordion__title[aria-expanded="true"]:after { content: "\e917"; }

.accordion[data-style="carrot"] .accordion__title:after { content: "\e91d"; }
.accordion[data-style="carrot"] .accordion__title[aria-expanded="true"]:after { content: "\e91e"; }

.accordion[data-style="expand"] .accordion__title:after { content: "\e907"; }
.accordion[data-style="expand"] .accordion__title[aria-expanded="true"]:after { content: "\e955"; }

.accordion[data-style="plus-minus"] .accordion__title:after { content: "\e907"; }
.accordion[data-style="plus-minus"] .accordion__title[aria-expanded="true"]:after { content: "\e9bf"; }

.accordion[data-style="circle-plus-minus"] .accordion__title:after { content: "\e905"; }
.accordion[data-style="circle-plus-minus"] .accordion__title[aria-expanded="true"]:after { content: "\e9be"; }

.accordion[data-style="circle-arrow"] .accordion__title:after { content: "\e910"; }
.accordion[data-style="circle-arrow"] .accordion__title[aria-expanded="true"]:after { content: "\e916"; }


/* Accordion Content */
.accordion .accordion__content { padding: 15px 35px 20px 0; margin: 0; }