/* Accordion typography, spacing and icons match timplate's original accordion. */
.module.accordion_with_media .accordion-media-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; align-items: start; }
.module.accordion_with_media .accordion-media-layout.has-media { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.module.accordion_with_media .accordion-media-content h2 { margin: 0 0 1.5em; }
.module.accordion_with_media .accordion-media-item { border: 0; }
.module.accordion_with_media .accordion-media-item + .accordion-media-item { border-top: 1px solid #e3e3e3; }
.module.accordion_with_media .accordion-media-item summary {
    position: relative; isolation: isolate; display: block; margin: 0; padding: 1.5em 0 1.5em 20px;
    font-family: "Raleway", sans-serif; font-weight: 800; font-size: 1.1428571429rem;
    color: inherit; cursor: pointer; list-style: none; transition: color 0.5s ease;
}
.module.accordion_with_media .accordion-media-item summary::-webkit-details-marker { display: none; }
.module.accordion_with_media .accordion-media-item summary::before {
    content: ""; position: absolute; display: block; top: calc(50% - 15px); left: 0;
    z-index: -1; width: 30px; height: 30px; background-size: cover;
    background-position: center; background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGc+PHJlY3QgeD0iNzQuODQiIHdpZHRoPSI1MC4zMSIgaGVpZ2h0PSIyMDAiIGZpbGw9IiNlM2UzZTMiLz48cmVjdCB5PSI3NC44NCIgd2lkdGg9IjIwMCIgaGVpZ2h0PSI1MC4zMSIgZmlsbD0iI2UzZTNlMyIvPjwvZz48L3N2Zz4=");
}
.module.accordion_with_media .accordion-media-item[open] > summary::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGc+PHJlY3QgeT0iNzQuODQiIHdpZHRoPSIyMDAiIGhlaWdodD0iNTAuMzEiIGZpbGw9IiNlM2UzZTMiLz48L2c+PC9zdmc+"); }
.module.accordion_with_media .accordion-media-item summary:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.module.accordion_with_media .accordion-media-answer { margin: -.5em 0 2.2em; padding: 0 0 0 20px; cursor: initial; overflow-wrap: anywhere; }
@media screen and (min-width: 700px) and (max-width: 1249px) {
    .module.accordion_with_media .accordion-media-item summary { font-size: 1.2rem; }
    .module.accordion_with_media .accordion-media-item summary::before { left: -40px; }
    .module.accordion_with_media .accordion-media-item summary,
    .module.accordion_with_media .accordion-media-answer { padding-left: 0; }
}
@media screen and (min-width: 1250px) {
    .module.accordion_with_media .accordion-media-item summary { font-size: 1.375rem; }
    .module.accordion_with_media .accordion-media-item summary::before { top: calc(50% - 20px); width: 40px; height: 40px; left: 0; }
    .module.accordion_with_media .accordion-media-item summary,
    .module.accordion_with_media .accordion-media-answer { padding-left: 30px; }
}
@media screen and (min-width: 1650px) {
    .module.accordion_with_media .accordion-media-item summary::before { left: -60px; }
    .module.accordion_with_media .accordion-media-item summary,
    .module.accordion_with_media .accordion-media-answer { padding-left: 0; }
}
.module.accordion_with_media .accordion-media-visual img,
.module.accordion_with_media .accordion-media-visual video { display: block; width: 100%; height: auto; }
.module.accordion_with_media .accordion-media-visual.is-embed { position: relative; aspect-ratio: 16 / 9; }
.module.accordion_with_media .accordion-media-visual iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 767px) {
    .module.accordion_with_media .accordion-media-layout.has-media { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
