/*
 * Contact Page
 */
/* This is a hack for the extra paddding that displays for recaptcha. */
iframe {
    margin: -1px 0px 0px -2px;
}

#contact-map {
    /* 
            Hack for leaflet to ensure the map is showing up on 
            small and large screens.
     */
    height: 450px;
}

/* Leaflet */
.leaflet-popup-content {
    margin: 0;
}

    .leaflet-popup-content h4 {
        text-align: center;
        margin: 0;
        color: black;
        font-size: 1.5rem;
    }

    .leaflet-popup-content h5 {
        text-align: center;
    }

    .leaflet-popup-content h {
        text-align: center;
    }

    .leaflet-popup-content p {
        text-align: end;
        border-right: 2px solid #22823b;
        padding: 0px 10px;
        color: black;
        margin: 0;
    }

    #contact-icon-contain {
        margin-left: 2px;
    }

.leaflet-popup-content-wrapper {
    justify-content: end;
    padding: 1em;
}

#img-contain {
    max-width: 200px;
    height: 70px;
    margin: 0px auto;
}

#img-contain img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.bg-primary-subtle {
    position: relative;
}

.cta-button {
    z-index: 1;
    position: relative;
}

.accordion-button {
    --bs-accordion-active-color: var(--text-color);
}
    .accordion-button svg {
        margin: 10px;
        fill: var(--bs-accordion-active-color);
    }

    .accordion-button .section-complete {
        --bs-accordion-active-color: #1a1a1a;
        background-color: #6ee68d;
    }

    .accordion-button:not(.collapsed) {
        --bs-accordion-active-color: #1a1a1a;
        background-color: #6ee68d;
    }