/* Hash scroll */
@media screen and (min-width: 992px) {
    html {
        scroll-padding-top: var(--large-header);
    }
}

@media screen and (max-width: 991px) {
    html {
        scroll-padding-top: var(--small-header);
    }
}

.callout {
    background: #017fba;
}

.callout label {
    font-size: 1.5rem;
}

.callout select {
    font-size: 1.5rem;
    color: #7c7c7c;
    border-bottom-right-radius: var(--bs-border-radius)!important;
    min-width: 23.5rem;
}

@media screen and (max-width: 767px) {
    .callout label {
        font-size: 1.125rem;
    }

    .callout select {
        font-size: 1rem;
    }
}

.water-problems-section .wp-image{
    padding-bottom: 1.25rem !important;
}

.water-problems-section .wp-display-name{
    font-size: 1.5rem !important;
}

.water-problems-section .problem-details li:first-child {
    margin-top: 0.625rem;
}

.water-problems-section .problem-details li {
    margin-top: 1.875rem;
}

.water-problems-section .problem-details {
    position: relative;
}

.water-problems-section .problem-details:after {
    content: '';
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    margin-left: -1px;
}

.water-problems-section .problem-details,
.water-problems-section .problem-details:after {
    background-color: #017fba;
}

.water-problems-section:nth-child(even) .problem-details,
.water-problems-section:nth-child(even) .problem-details:after {
    background-color: #363636;
}