form#filterTopic button.topicButton.mixitup-control-active,
form#filterGroupTopic button.topicButton.active {
    background-color: #20a1a3 !important;
}

form#filterTopic button.topicButton,
form#filterGroupTopic button.topicButton {
    background-color: #23c5c9 !important;
    color: white !important;
}

form#filterGroupUpcoming button[data-toggle] {
    background-color: #1c85c6 !important;
    color: white !important;
}

form#filterGroupUpcoming button[data-toggle].active {
    background-color: #156fa7 !important;
    border-color: #156fa7 !important;
}

form#filterType button.typeButton.mixitup-control-active {
    background-color: #156fa7 !important;
}

form#filterType button.typeButton {
    background-color: #1c85c6 !important;
    color: white !important;
}

form#filterLocation button.locationButton.mixitup-control-active,
form#filterGroupLocation button.locationButton.active {
    background-color: #13846d !important;
}

form#filterLocation button.locationButton,
form#filterGroupLocation button.locationButton {
    background-color: #1ab293 !important;
    color: white !important;
}

li#filterBar button.typeButton {
    background-color: #1c85c6 !important;
}

li#filterBar button.locationButton,
li#groupBar button.locationButton {
    background-color: #1ab293 !important;
}

li#groupBar button.filter-has-upcoming {
    background-color: #1c85c6 !important;
}

.filter-btn {
    background-color: #23c5c9 !important;
    color: white !important;
}

button.resetButton {
    background-color: none !important;
    text-decoration: underline !important;
}

.header {
    font-family: 'Antonio', sans-serif;
}

h2 {
    font-family: 'Antonio', sans-serif;
    margin-bottom: 12px;
    margin-top: 12px;
}

#filterOpenButton {
    background-color: #23c5c9 !important;
}

#filterCloseButton {
    background-color: #23c5c9 !important;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

a {
    text-decoration: none;
    font-weight: 400;
    color: #7474ac;
}

span.badge.text-bg-info {
    background-color: #23c5c9 !important;
    color: white !important;
    font-weight: 500 !important;
}

span.badge.text-bg-success {
    background-color: #1c85c6 !important;
    color: white !important;
    font-weight: 500 !important;
}

.footer {
    background-color: #314459;
    color: white;
}

.footer.logo {
    font-family: 'Antonio', sans-serif;
}

.attribution a:hover {
    text-decoration: underline;
}

@media (min-width: 1200px) {
    .attribution a {
        color: rgb(255, 255, 255) !important;
        font-size: 15px;
    }
}

@media (max-width: 1199.98px) {
    .attribution a {
        color: rgb(255, 255, 255) !important;
        font-size: 12px;
    }
}

.removeFilter {
    color: red;
    font-size: 1rem;
    pointer-events: none;
}

.navbar {
    background-color: #314459 !important;
}

.navbar-brand a {
    font-family: 'Antonio', sans-serif;
    color: white !important;
}

body {
    background-color: #F2F2F2;
}

.int-button {
    background-color: white !important;
    color: #7474ac !important;
    --bs-btn-border-color: white;
    --bs-btn-bg: white;
}

ul#event-list {
    background-color: white !important;
}

li.list-group-item.events-border {
    border-bottom: 8px solid #F2F2F2 !important;
}

li.list-group-item.bookmarks-border {
    border-bottom: 8px solid #1c85c6 !important;
}

hr.int-ruler {
    background-color: #F2F2F2 !important;
    border: none !important;
    height: 2px !important;
    opacity: 1 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.login-tooltip {
    --bs-tooltip-bg: #1c85c6;
    --bs-tooltip-color: white;
}

.login-tooltip a {
    text-decoration: underline;
    color: white;
    font-weight: bold;
}

.likes-tooltip {
    --bs-tooltip-bg: #1c85c6;
    --bs-tooltip-color: white;
    white-space: nowrap;
}

.likes-tooltip a {
    text-decoration: underline;
    color: white;
    font-weight: bold;
}

.login-popover {
    --bs-popover-bg: #1c85c6;
    --bs-popover-color: white;
}

.login-popover a {
    text-decoration: underline;
    color: white;
    font-weight: bold;
}

.like-view {
    color: #1da4a6;
    font-size: 14px;
}

.like-view a {
    color: #1da4a6;
    font-size: 14px;
}

.like-view a:hover {
    text-decoration: dotted underline;
}

.toast {
    z-index: 2000;
    font-size: 16px;
    margin-bottom: 80px;
}

.toast-icon {
    padding-right: 8px !important;
}

.like-counter {
    cursor: pointer;
}

.nav-bookmark {
    cursor: pointer;
}

.main-title {
    font-size: 18px;
    font-weight: normal;
}

.picture-placeholder {
    width: 40px;
    height: 0;
}

.bookmarks-background {
    background-color: #1c85c6 !important;
}

.events-background {
    background-color: #F2F2F2 !important;
}

.groups-background {
    background-color: #F2F2F2 !important;
}

@media (min-width: 1200px) {
    .e-footer {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
    }

    .events-background,
    .groups-background {
        padding-bottom: 60px;
    }
}

.eventDescription p {
    margin-bottom: 0 !important;
    color: #555 !important;
}

@media (min-width: 1200px) {
    .event-title {
        font-size: 1.25rem; 
    }
}

@media (max-width: 1199.98px) {
    .event-title {
        font-size: 1.1rem; 
    }
}

.page-title {
    padding-left: 22px;
}

.group-events-list {
    margin-top: 8px;
}