/* Component: arcadian-comp-accordion — extracted from main-with-blocks.css for R1 conditional loading */

.accordion__wrapper {
    margin: 6.4rem auto
}

@media (width <= 1024.98px) {
    .accordion__wrapper {
        margin: 4.8rem auto
    }
}

@media (width <= 640.98px) {
    .accordion__wrapper {
        margin: 2.4rem auto
    }
}

.accordion__content-container, .accordion__intro-content {
    flex-direction: column;
    display: flex
}

.accordion__blocks-container {
    gap: 1.6rem;
    display: grid
}

.accordion__item .accordion__trigger {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.accordion__item .accordion__content {
    grid-template-rows:0fr;
    transition: grid-template-rows .2s;
    display: grid
}

.accordion__item .accordion__content > div {
    overflow: hidden
}

.accordion__item .accordion__trigger-icon-wrapper {
    transition: transform .2s
}

.accordion__item .accordion__trigger-icon-wrapper:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\"><path d=\"M13 19.5L26 32.5L39 19.5\" stroke=\"%23242424\" stroke-width=\"4.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>")
}

.accordion__item .wp-element-button {
    border-radius: unset;
    padding: 1.2rem 2rem;
    font-size: 1.6rem;
    display: block
}

.accordion__item .wp-element-button, .accordion__item .wp-element-button:hover {
    background-color: #000;
    border: 1px solid #000
}

.accordion-open .accordion__content {
    grid-template-rows:1fr
}

.accordion-open .accordion__trigger-icon-wrapper {
    transform: scaleY(-1)
}

.wysiwyg-wrapper h1 {
    font-family: Libre Baskerville, Helvetica, Arial, sans-serif;
    font-size: 6.4rem;
    font-weight: 400;
    line-height: 150%
}

@media (width <= 1024.98px) {
    .wysiwyg-wrapper h1 {
        font-size: 3.6rem
    }
}

.wysiwyg-wrapper h2 {
    font-family: Libre Baskerville, Helvetica, Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 150%
}

@media (width <= 1024.98px) {
    .wysiwyg-wrapper h2 {
        font-size: 2.8rem
    }
}

.wysiwyg-wrapper h3 {
    font-family: Libre Baskerville, Helvetica, Arial, sans-serif;
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 150%
}

@media (width <= 1024.98px) {
    .wysiwyg-wrapper h3 {
        font-size: 2rem
    }
}

.wysiwyg-wrapper h4 {
    font-family: Libre Baskerville, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 150%
}

.wysiwyg-wrapper h5 {
    font-family: Red Hat Display, Helvetica, Arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 175%
}

@media (width <= 1024.98px) {
    .wysiwyg-wrapper h5 {
        font-size: 2rem
    }
}

.wysiwyg-wrapper p strong, .wysiwyg-wrapper h4 {
    font-family: Red Hat Display, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 175%
}

.accordion__intro-content {
    -moz-column-gap: 2.4rem;
    grid-template-columns:1fr auto;
    grid-auto-flow: column;
    column-gap: 2.4rem;
    display: grid
}

@media (width <= 640.98px) {
    .accordion__intro-content {
        display: block
    }
}

.accordion__content-container {
    gap: 4rem
}

.accordion__heading {
    color: #d52838;
    grid-column: 1;
    max-width: 55rem;
    margin: 0
}

@media (width <= 640.98px) {
    .accordion__heading {
        max-width: 100%;
        margin-bottom: 1.2rem
    }
}

.accordion__description {
    grid-column: 1;
    max-width: 55rem;
    margin: 0;
    line-height: 175%
}

@media (width <= 640.98px) {
    .accordion__description {
        max-width: 100%
    }
}

.accordion__cta-container {
    gap: 2.4rem;
    display: flex
}

.accordion__cta-container .cta-button.cta-button--secondary a {
    color: #d52838;
    border-color: #d52838
}

.accordion__cta-container .cta-button.cta-button--secondary a:after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 13 13' fill='none'><path d='M9.58594 2H0V0H13V13H11V3.41436L1.70718 12.7072L0.292969 11.293L9.58594 2Z' fill='%23d52838'/></svg>")
}

@media (width <= 640.98px) {
    .accordion__cta-container {
        flex-direction: column;
        grid-column: 1;
        gap: 1.6rem;
        margin-top: 2.4rem
    }
}

.accordion__trigger {
    align-items: center
}

.accordion__trigger .accordion__trigger-icon-wrapper:before {
    content: "" !important
}

.accordion__trigger:after {
    transform-origin: 50%;
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 20 12' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M9.99902 9.07099L17.7772 1.29282L19.1914 2.70703L9.99902 11.8994L0.80663 2.70703L2.22084 1.29282L9.99902 9.07099Z' fill='%232B2824'/></svg>");
    width: 2rem;
    height: 100%;
    transition: rotate .2s;
    display: inline-block;
    position: relative
}

.accordion__trigger h3 {
    justify-content: space-between;
    width: 100%;
    font-size: 2rem;
    display: flex
}

.accordion-open .accordion__trigger:after {
    rotate: 180deg
}

.accordion__item {
    border-top: 2px solid #2b2824;
    padding-block: 0 !important
}

.accordion__wrapper--dark .accordion__trigger:after {
    filter: brightness(0) invert(1)
}

.accordion__wrapper--dark .accordion__trigger-icon-wrapper:before {
    filter: brightness(0) invert(1)
}

.accordion__wrapper--dark .accordion__trigger h3 {
    color: #fff
}

.accordion__wrapper--dark .accordion__content,
.accordion__wrapper--dark .accordion__content p {
    color: #fff
}

.accordion__wrapper--dark .accordion__item {
    border-top-color: #fff
}

.accordion__content > div > :last-child {
    margin-bottom: 3.2rem
}

@media (width <= 1024.98px) {
    .accordion__content > div > :last-child {
        margin-bottom: 2.4rem
    }
}

.accordion__content div :first-child {
    margin-top: 0
}

.accordion__content .wp-block-buttons {
    margin-top: 1.6rem
}

.accordion__content .wp-block-button:not(.is-style-outline) a:hover {
    background-color: #d52838;
    border-color: #d52838
}

.accordion__content .wysiwyg-wrapper {
    padding: 0
}

.accordion__content .wysiwyg-wrapper .wp-block-button.is-style-outline a {
    background-color: #0000;
    border: none;
    padding: 0;
    color: #d52838 !important
}

.accordion__content .wysiwyg-wrapper .wp-block-button.is-style-outline a:after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 13 13' fill='none'><path d='M9.58594 2H0V0H13V13H11V3.41436L1.70718 12.7072L0.292969 11.293L9.58594 2Z' fill='%23d52838'/></svg>")
}

.accordion__content .wysiwyg-wrapper .wp-block-button.is-style-outline a:hover {
    background-color: #0000;
    border: none
}

.wysiwyg__root {
    margin-block: 4.8rem
}

@media (width <= 1024.98px) {
    .wysiwyg__root {
        margin-block: 4rem
    }
}

.wysiwyg-wrapper h3, .wysiwyg-wrapper h2, .wysiwyg-wrapper h1 {
    color: #d52838;
    margin-top: 0;
    margin-bottom: 2.4rem
}

.wysiwyg-wrapper h3 + h5, .wysiwyg-wrapper h2 + h5, .wysiwyg-wrapper h1 + h5 {
    margin-top: -1.6rem
}

.wysiwyg-wrapper h4 {
    margin-top: 0;
    margin-bottom: .8rem
}

.wysiwyg-wrapper h5 {
    margin-top: 0;
    margin-bottom: 2rem
}

.wysiwyg-wrapper p {
    margin: 2.4rem 0;
    line-height: 175%
}

.wysiwyg-wrapper p a {
    color: #d52838;
    text-underline-offset: .4rem;
    font-weight: 600;
    line-height: 175%;
    text-decoration: underline
}

.wysiwyg-wrapper p strong {
    line-height: 175%
}

.wysiwyg-wrapper ol, .wysiwyg-wrapper ul {
    margin-bottom: 2.4rem
}

.wysiwyg-wrapper ul ::marker {
    color: #d52838;
    font-size: 1.6rem
}

.wysiwyg-wrapper li {
    line-height: 175%
}

.wysiwyg-wrapper li a {
    color: #d52838
}

.wysiwyg-wrapper sub {
    appearance: none;
    border-left: 4px solid #d52838;
    padding-left: 3.2rem;
    font-family: Libre Baskerville, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    line-height: 150%;
    display: block
}

.wysiwyg-wrapper .wp-block-button {
    margin: 2.4rem 0
}

.wysiwyg-wrapper .wp-block-button a {
    background-color: #d52838;
    border-radius: 0;
    font-size: 2rem
}

.wp-block-columns .wp-block-column .wysiwyg__root :last-child {
    margin-bottom: 0
}

@media (width <= 781px) {
    .wp-block-columns .wp-block-column:first-of-type .wysiwyg__root {
        margin-bottom: 0
    }
    .wp-block-columns .wp-block-column:last-of-type .wysiwyg__root {
        margin-top: 0
    }
}