.ac {
    border: none;
    margin-bottom: 0;
}

.ac .ac-trigger {
    border-radius: 0;
    padding: 1.25rem 60px 1.25rem 0;
    font-size: 2rem;
    line-height: 1.2em;
    font-family: var(--header-font);
    text-transform: uppercase;
    font-weight: 400;
}
.ac .ac-trigger::before {
	content: "";
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, rgba(20, 20, 20, 0.20) 0%, rgba(20, 20, 20, 0.00) 100%);
	position: absolute;
	left: 0;
	top: 0;
}
.ac .ac-trigger:focus {
	color: #000;
}

.ac a.ac-trigger::after {
    content: none;
}

.ac .ac-trigger::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20id%3D%22Frame%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M8%2012L16%2020L24%2012%22%20stroke%3D%22%23141414%22%20stroke-linecap%3D%22square%22/%3E%3C/g%3E%3C/svg%3E");
    transform-origin: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;
    right: 0;
    transition: .3s ease-in-out;
}

.ac.is-active > .ac-header .ac-trigger::after {
    transform: translate(0, -50%) rotate(-180deg);
}
.ac .ac-panel {
	height: 0;
}
.ac:not(.ac-small) .ac-panel * {
    font-size: 1.25rem !important;
}

@media (width < 64rem) {
    .ac .ac-trigger {
        font-size: 1.25rem;
        padding-right: 46px;
    }
    .ac:not(.ac-small) .ac-panel * {
        font-size: 1rem !important;
    }
    .ac .ac-trigger::after {
        width: 32px;
        height: 32px;
    }
}

/* Homepage accordion */
.ac-small .ac-trigger {
    font-size: 1.25rem;
    padding: 1.375rem 46px 1.375rem 0;
}

.ac-small .ac-trigger::after {
    width: 32px;
    height: 32px;
}