/*at a glance*/
.atAGlance__pageTop, .atAGlance__pageMain {
    background: var(--body-bgcolor) !important;
    color: black !important;
}

.atAGlance__pageTop p {
    color: black !important;
}

.chakra-ui-dark .css-16ba3ux:not([data-theme]), [data-theme=dark] .css-16ba3ux:not([data-theme]), .css-16ba3ux[data-theme=dark] {
    --drawer-bg: white !important;

}

.atAGlance__scrollGradientOverlay {
    background-image: ease-in-gradient(to left, var(--chakra-colors-color9), var(--chakra-colors-transparent));
}

.atAGlance__groupSelectorButton, .atAGlance__formatSelectorButton {
    border-color: black;
    color: black;
}

.atAGlance__formatSelectorButton.active,
.atAGlance__groupSelectorButton.active {
    background-color: var(--button-bgcolor, white) !important;
    color: var(--button-color, black);
    border-color: var(--button-bgcolor, black) !important;
}

.atAGlance__groupSelectorButton.pSelectorButton, .atAGlance__formatSelectorButton.pSelectorButton {
    border-color: white;
    color: black;
}

.atAGlance__hoursListHour {
    border-color: black;
}


.atAGlance__eventListHeader {
    color: black;
}

.atAGlance__eventList {
    border-right-color: black;
}

.atAGlance__event {
    background: var(--button-bgcolor);
    color: var(--button-color, white);

    p {
        color: var(--button-color, white);
    }
}


.atAGlance__event:hover {
    background: var(--button-bgcolor-hover);
    color: var(--button-color-hover, white);

    p {
        color: var(--button-color-hover, white);
    }
}

main.program__pageMain {
    background-color: #fff;
}

.program__searchForm .chakra-input__group {
    border: #EDF2F7;
}

.program__searchForm button {
    background-color: #EDF2F7;
}

.program__searchForm button:hover {
    background-color: #E2E8F0;
}

.chakra-slide.chakra-modal__content {
    button {
        background: var(--button-bgcolor);
        color: var(--button-color, white);

        &:hover {
            background: var(--button-bgcolor-hover);
            color: var(--button-color-hover, white);
        }
    }

    .program__moderators {
        color: black;


    }

    .program__sectionTitle {
        color: var(--h2) !important;

        span {
            color: black !important;
        }
    }

    .program__sectionTitle + p {
        span {
            color: black !important;
        }
    }
}

.program__page .pageBody, .atAGlance__page .pageBody {
    padding-bottom: 70px;
}

.atAGlance__groupSelector > div > div:nth-child(2) span {
    color: black !important
}