:root {
    --black: rgb(0,0,0);
    --white: rgb(255,255,255);
    --primary-color: rgb(0,87,176);
    --secondary-color: rgb(179,187,225);
}

.header_left {
    max-width: 500px;
}

.header_right {
    flex-grow: 1;
}

.schools_dropdown_container button.schools_dropdown_link:hover,
.schools_dropdown_container button.schools_dropdown_link:focus,
.button.light_button:hover,
.button.light_button:focus,
.button:focus,
.button:hover {
    background-color: var(--black);
    color: var(--white);
}

.button:focus,
.button:hover {
    border-bottom: solid 2px var(--black);
    border-top: solid 2px var(--black);
}

.button,
.button:after,
.button:before,
.schools_dropdown_container button.schools_dropdown_link {
    transition: all .3s ease;
}

.button:focus:before,
.button:hover:before,
.button:focus:after,
.button:hover:after {
    background: var(--black);
}

h3.events_section_title {
    color: var(--black);
}