@charset "UTF-8";
.button, .eventDetails .date {
    font-weight: 700;
    text-align: left;
    font-size: 14px;
    letter-spacing: -.14px
}

.CalendarMonth, .DayPickerNavigation_button {
    -webkit-user-select: none;
    -ms-user-select: none
}

.button {
    line-height: 14px
}

.container-fluid {
    margin: auto;
    max-width: 1920px
}

.CalendarMonth, .CalendarMonth_table, .DayPicker, .DayPicker_focusRegion, .DayPicker_weekHeader {
    max-width: 272px !important
}

.eventFinder a, .eventFinder a:hover {
    color: #000
}

@media screen and (min-width: 769px) {
    .eventFinder {
        padding-left: 30px
    }
}

.card-body {
    padding: 30px
}

.eventDetails {
    font-family: Gellix, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    margin-bottom: 30px;
    padding: 0 !important
}

.eventDetails .date {
    color: #c00;
    font-style: normal;
    line-height: 18px
}

.eventDetails .information {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    font-family: Bitter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 20px;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis
}

.eventDetails .name, .eventDetails.details .details-name, .list-group {
    text-align: left;
    font-style: normal
}

.eventDetails .justify-content-between {
    display: flex;
    justify-content: space-between
}

.eventDetails .badge {
    background-color: #000;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    letter-spacing: -.1px;
    line-height: 14px;
    padding: 5px 11px;
    right: 30px;
    top: 15px
}

.eventDetails.details {
    display: flex;
    flex-direction: column
}

.eventDetails.details .details-icon {
    border: 2px solid #c00;
    border-radius: 50%;
    color: #c00;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 38px;
    margin-right: 7.5px;
    width: 38px
}

.eventDetails.details .details-name {
    color: #c00;
    font-size: 14px !important;
    font-weight: 700;
    letter-spacing: -.14px;
    line-height: 14px
}

.eventDetails.details .details-place {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.14px;
    line-height: 14px;
    text-align: left
}

.eventDetails .card-img, .eventDetails .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.eventDetails .image-container img {
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
    padding: 15px;
    width: 100%
}

.eventDetails .ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.eventDetails .ratio:before {
    content: "";
    display: block;
    padding-top: var(--bs-aspect-ratio)
}

.eventDetails .ratio {
    position: relative;
    width: 100%
}

.eventDetails .image-wrapper {
    --bs-aspect-ratio: 56.25%;
    background-color: #000
}

.eventDetails .image-container {
    width: 50%
}

.eventDetails .card-v2 {
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

.eventDetails .information-content {
    align-items: space-between;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto
}

.eventDetails .separator {
    color: #000;
    margin-left: 6px;
    margin-right: 6px
}

.eventDetails .name {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 25px
}

.eventDetails a {
    text-decoration: none
}

.loadMore {
    display: flex;
    justify-content: center
}

.loadMore button {
    background: #c00 !important;
    border: 1px solid #c00;
    border-radius: 100px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.56px;
    line-height: 22px;
    padding: 15px 30px;
    white-space: nowrap
}

.eventFinder .badge {
    border: 1px solid #000;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px;
    padding: 5px 15px
}

.eventFinder .badge img {
    height: auto;
    margin-top: -2px;
    width: 8px
}

.badge.me-1.rounded-pill.text-dark {
    margin-right: 15px !important
}

.list-group {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.14px;
    line-height: 20px
}

.list-group.list-group-root {
    overflow: hidden;
    padding: 0
}

.filter-open p, .list-group.list-group-root .list-group {
    margin-bottom: 0
}

.list-group.list-group-root > .list-group-item:first-child {
    border-top-width: 0
}

.list-group.list-group-root > .list-group > .list-group-item {
    padding-left: 42px
}

.list-group-item {
    align-items: center !important;
    border: 0 !important;
    display: flex !important;
    padding: 7.5px 15px !important
}

.form-check-input {
    -webkit-appearance: none !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    box-shadow: none;
    display: inline-block;
    margin-right: 8px;
    margin-top: 1px;
    outline: 0;
    padding: 8px;
    position: relative
}

.form-check-input:checked {
    background-color: #c00 !important;
    background-image: unset !important;
    border-color: #c00 !important
}

.form-check-input:checked:after {
    color: #fff;
    content: "•" !important;
    font-size: 36px;
    left: 2.5px !important;
    line-height: 17px !important;
    position: absolute !important;
    top: -6px !important
}

.form-check-input:focus {
    border-color: none !important;
    box-shadow: none !important
}

.DayPickerKeyboardShortcuts_show__bottomRight:hover:before, .DayPickerKeyboardShortcuts_show__topRight:hover:before {
    border-right: 33px solid #008489
}

.PresetDateRangePicker_panel {
    padding: 0 22px 11px
}

.PresetDateRangePicker_button {
    background: 0 0;
    border: 2px solid #00a699;
    box-sizing: border-box;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    height: 100%;
    line-height: normal;
    margin-right: 8px;
    overflow: visible;
    padding: 4px 12px;
    position: relative;
    text-align: center
}

.CalendarDay:active, .DayPickerKeyboardShortcuts_buttonReset:active, .DayPickerKeyboardShortcuts_close:active, .DayPicker_focusRegion, .PresetDateRangePicker_button:active {
    outline: 0
}

.DateRangePickerInput, .SingleDatePickerInput {
    background-color: #fff;
    display: inline-block
}

.DateRangePickerInput__withBorder, .SingleDatePickerInput__withBorder {
    border: 1px solid #dbdbdb;
    border-radius: 2px
}

.DateRangePickerInput__rtl, .DateRangePicker_picker__rtl, .SingleDatePickerInput__rtl, .SingleDatePicker_picker__rtl {
    direction: rtl
}

.SingleDatePickerInput__disabled {
    background-color: #f2f2f2
}

.DateRangePickerInput__block, .DateRangePicker__block, .SingleDatePickerInput__block, .SingleDatePicker__block {
    display: block
}

.DateRangePickerInput__showClearDates, .SingleDatePickerInput__showClearDate {
    padding-right: 30px
}

.DateRangePickerInput_clearDates, .SingleDatePickerInput_clearDate {
    background: 0 0;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: normal;
    margin: 0 10px 0 5px;
    overflow: visible;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.DateRangePickerInput_clearDates_default:focus, .DateRangePickerInput_clearDates_default:hover, .SingleDatePickerInput_clearDate__default:focus, .SingleDatePickerInput_clearDate__default:hover {
    background: #dbdbdb;
    border-radius: 50%
}

.DateRangePickerInput_clearDates__small, .SingleDatePickerInput_clearDate__small {
    padding: 6px
}

.CalendarMonthGrid_month__hidden, .DateRangePickerInput_clearDates__hide, .DayPicker__hidden, .SingleDatePickerInput_clearDate__hide {
    visibility: hidden
}

.DateRangePickerInput_clearDates_svg, .SingleDatePickerInput_clearDate_svg {
    fill: #82888a;
    height: 12px;
    vertical-align: middle;
    width: 15px
}

.DateRangePickerInput_clearDates_svg__small, .SingleDatePickerInput_clearDate_svg__small {
    height: 9px
}

.DateRangePickerInput_calendarIcon, .SingleDatePickerInput_calendarIcon {
    background: 0 0;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    line-height: normal;
    margin: 0 5px 0 10px;
    overflow: visible;
    padding: 10px;
    vertical-align: middle
}

.DateRangePickerInput_calendarIcon_svg, .SingleDatePickerInput_calendarIcon_svg {
    fill: #82888a;
    height: 15px;
    vertical-align: middle;
    width: 14px
}

.SingleDatePicker {
    display: inline-block;
    position: relative
}

.DateRangePicker_picker, .SingleDatePicker_picker {
    background-color: #fff;
    position: absolute;
    z-index: 1
}

.DateRangePicker_picker__directionLeft, .SingleDatePicker_picker__directionLeft {
    left: 0
}

.DateRangePicker_picker__directionRight, .SingleDatePicker_picker__directionRight {
    right: 0
}

.DateRangePicker_picker__portal, .SingleDatePicker_picker__portal {
    background-color: rgba(0, 0, 0, .3);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.DateRangePicker_picker__fullScreenPortal, .SingleDatePicker_picker__fullScreenPortal {
    background-color: #fff
}

.DateRangePicker_closeButton, .SingleDatePicker_closeButton {
    background: 0 0;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.DateRangePicker_closeButton:focus, .DateRangePicker_closeButton:hover, .SingleDatePicker_closeButton:focus, .SingleDatePicker_closeButton:hover {
    color: darken(#cacccd, 10%);
    text-decoration: none
}

.DateRangePicker_closeButton_svg, .DayPickerKeyboardShortcuts_closeSvg, .SingleDatePicker_closeButton_svg {
    fill: #cacccd;
    height: 15px;
    width: 15px
}

.DayPickerKeyboardShortcuts_buttonReset {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
    line-height: normal;
    overflow: visible;
    padding: 0
}

.DayPickerKeyboardShortcuts_show {
    height: 26px;
    position: absolute;
    width: 33px;
    z-index: 2
}

.DayPickerKeyboardShortcuts_show:before {
    content: "";
    display: block;
    position: absolute
}

.DayPickerKeyboardShortcuts_show__bottomRight {
    bottom: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__bottomRight:before {
    border-right: 33px solid #00a699;
    border-top: 26px solid transparent;
    bottom: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__topRight {
    right: 0;
    top: 0
}

.DayPickerKeyboardShortcuts_show__topRight:before {
    border-bottom: 26px solid transparent;
    border-right: 33px solid #00a699;
    right: 0;
    top: 0
}

.DayPickerKeyboardShortcuts_show__topLeft {
    left: 0;
    top: 0
}

.DayPickerKeyboardShortcuts_show__topLeft:before {
    border-bottom: 26px solid transparent;
    border-left: 33px solid #00a699;
    left: 0;
    top: 0
}

.DayPickerKeyboardShortcuts_show__topLeft:hover:before {
    border-left: 33px solid #008489
}

.DayPickerKeyboardShortcuts_showSpan {
    color: #fff;
    position: absolute
}

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
    bottom: 0;
    right: 5px
}

.DayPickerKeyboardShortcuts_showSpan__topRight {
    right: 5px;
    top: 1px
}

.DayPickerKeyboardShortcuts_showSpan__topLeft {
    left: 5px;
    top: 1px
}

.DayPickerKeyboardShortcuts_panel {
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    bottom: 0;
    left: 0;
    margin: 33px;
    overflow: auto;
    padding: 22px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    z-index: 2
}

.DayPickerKeyboardShortcuts_title {
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.DayPickerKeyboardShortcuts_list {
    font-size: 14px;
    list-style: none;
    padding: 0
}

.DayPickerKeyboardShortcuts_close {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 2
}

.DayPickerKeyboardShortcuts_closeSvg:focus, .DayPickerKeyboardShortcuts_closeSvg:hover {
    fill: #82888a
}

.CalendarDay {
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    text-align: center
}

.CalendarDay__defaultCursor {
    cursor: default
}

.CalendarDay__default {
    background: #fff;
    border: 1px solid #e4e7e7;
    color: #484848
}

.CalendarDay__default:hover {
    background: #e4e7e7;
    border: 1px solid #e4e7e7;
    color: inherit
}

.CalendarDay__hovered_offset {
    background: #f4f5f5;
    border: 1px double #e4e7e7;
    color: inherit
}

.CalendarDay__outside {
    background: #fff;
    border: 0;
    color: #484848
}

.CalendarDay__outside:hover {
    border: 0
}

.CalendarDay__blocked_minimum_nights {
    background: #fff;
    border: 1px solid #eceeee;
    color: #cacccd
}

.CalendarDay__blocked_minimum_nights:active, .CalendarDay__blocked_minimum_nights:hover {
    background: #fff;
    color: #cacccd
}

.CalendarDay__highlighted_calendar {
    background: #ffe8bc;
    color: #484848
}

.CalendarDay__highlighted_calendar:active, .CalendarDay__highlighted_calendar:hover {
    background: #ffce71;
    color: #484848
}

.CalendarDay__selected_span {
    background: #66e2da;
    border: 1px double #33dacd;
    color: #fff
}

.CalendarDay__selected_span:active, .CalendarDay__selected_span:hover {
    border: 1px double #33dacd
}

.CalendarDay__selected, .CalendarDay__selected:active, .CalendarDay__selected:hover {
    border: 1px double #00a699;
    color: #fff
}

.CalendarDay__hovered_span, .CalendarDay__hovered_span:hover {
    background: #b2f1ec;
    border: 1px double #80e8e0
}

.CalendarDay__hovered_span:active {
    background: #80e8e0;
    border: 1px double #80e8e0
}

.CalendarDay__blocked_calendar, .CalendarDay__blocked_calendar:active, .CalendarDay__blocked_calendar:hover {
    background: #cacccd;
    border: 1px solid #cacccd;
    color: #82888a
}

.CalendarDay__blocked_out_of_range, .CalendarDay__blocked_out_of_range:active, .CalendarDay__blocked_out_of_range:hover {
    background: #fff;
    border: 1px solid #e4e7e7;
    color: #cacccd
}

.CalendarDay__hovered_start_first_possible_end {
    background: #eceeee;
    border: 1px double #eceeee
}

.CalendarDay__hovered_start_blocked_min_nights {
    background: #eceeee;
    border: 1px double #e4e7e7
}

.CalendarMonth {
    background: #fff;
    text-align: center;
    user-select: none;
    vertical-align: top
}

.CalendarMonth_table {
    border-collapse: collapse;
    border-spacing: 0
}

.CalendarMonth_verticalSpacing {
    border-collapse: separate
}

.CalendarMonth_caption {
    caption-side: top;
    padding-bottom: 37px;
    padding-top: 22px;
    text-align: center
}

.CalendarMonth_caption__verticalScrollable {
    padding-bottom: 7px;
    padding-top: 12px
}

.CalendarMonthGrid {
    background: #fff;
    text-align: left;
    z-index: 0
}

.CalendarMonthGrid__animating, .DayPickerNavigation__verticalScrollable_prevNav {
    z-index: 1
}

.CalendarMonthGrid__horizontal {
    position: absolute
}

.CalendarMonthGrid__vertical, .CalendarMonthGrid__vertical_scrollable {
    margin: 0 auto
}

.CalendarMonthGrid_month__horizontal {
    display: inline-block;
    min-height: 100%;
    vertical-align: top
}

.CalendarMonthGrid_month__hideForAnimation {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1
}

.DayPickerNavigation {
    position: relative;
    z-index: 2
}

.DayPickerNavigation__horizontal {
    height: 0
}

.DayPickerNavigation__verticalDefault {
    bottom: 0;
    height: 52px;
    left: 0;
    position: absolute;
    width: 100%
}

.DayPickerNavigation__verticalScrollableDefault, .DayPicker_weekHeaders {
    position: relative
}

.DayPickerNavigation__bottom {
    height: auto
}

.DayPickerNavigation__bottomDefault {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: flex;
    justify-content: space-between
}

.DayPickerNavigation_button {
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    user-select: none
}

.DayPickerNavigation_button__default {
    background-color: #fff;
    border: 1px solid #e4e7e7;
    color: #757575
}

.DayPickerNavigation_button__default:focus, .DayPickerNavigation_button__default:hover {
    border: 1px solid #c4c4c4
}

.DateRangePickerInput__disabled, .DayPickerNavigation_button__default:active {
    background: #f2f2f2
}

.DayPickerNavigation_button__disabled {
    border: 1px solid #f2f2f2;
    cursor: default
}

.DayPickerNavigation_button__disabled:focus, .DayPickerNavigation_button__disabled:hover {
    border: 1px solid #f2f2f2
}

.DayPickerNavigation_button__disabled:active {
    background: 0 0
}

.DayPickerNavigation_button__horizontalDefault {
    line-height: .78;
    padding: 6px 9px;
    position: absolute;
    top: 18px
}

.DayPickerNavigation_bottomButton__horizontalDefault {
    margin: -10px 22px 30px;
    position: static
}

.DayPickerNavigation_leftButton__horizontalDefault {
    left: 22px
}

.DayPickerNavigation_button__verticalDefault {
    background: #fff;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    display: inline-block;
    height: 100%;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 50%
}

.DayPickerNavigation_nextButton__verticalDefault {
    border-left: 0
}

.DateInput__block, .DayPickerNavigation_nextButton__verticalScrollableDefault, .DayPickerNavigation_prevButton__verticalScrollableDefault, .DayPicker_transitionContainer__vertical {
    width: 100%
}

.DayPickerNavigation_svg__horizontal {
    fill: #82888a;
    display: block;
    height: 19px;
    width: 19px
}

.DayPickerNavigation_svg__vertical {
    fill: #484848;
    height: 42px;
    width: 42px
}

.DayPickerNavigation_svg__disabled {
    fill: #f2f2f2
}

.DayPicker {
    position: relative;
    text-align: left
}

.DayPicker, .DayPicker__horizontal {
    background: #fff
}

.DayPicker__verticalScrollable {
    height: 100%
}

.DayPicker__withBorder {
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .07)
}

.DayPicker_portal__horizontal {
    box-shadow: none;
    left: 50%;
    position: absolute;
    top: 50%
}

.DayPicker_portal__vertical {
    position: static
}

.DayPicker_calendarInfo__horizontal, .DayPicker_wrapper__horizontal {
    display: inline-block;
    vertical-align: top
}

.DayPicker_weekHeaders__horizontal {
    margin-left: 9px
}

.DayPicker_weekHeader {
    color: #757575;
    position: absolute;
    text-align: left;
    top: 62px;
    z-index: 2
}

.DayPicker_weekHeader__vertical {
    left: 50%
}

.DayPicker_weekHeader__verticalScrollable {
    background: #fff;
    border-bottom: 1px solid #dbdbdb;
    display: table-row;
    left: 0;
    margin-left: 0;
    text-align: center;
    top: 0;
    width: 100%
}

.DayPicker_weekHeader_ul {
    font-size: 14px;
    list-style: none;
    margin: 1px 0;
    padding-left: 0;
    padding-right: 0
}

.DayPicker_weekHeader_li {
    display: inline-block;
    text-align: center
}

.DayPicker_transitionContainer {
    border-radius: 3px;
    overflow: hidden;
    position: relative
}

.DayPicker_transitionContainer__horizontal {
    transition: height .2s ease-in-out
}

.DayPicker_transitionContainer__verticalScrollable {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    padding-top: 20px;
    position: absolute;
    right: 0;
    top: 0
}

.DateInput {
    background: #fff;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 130px
}

.DateInput__small {
    width: 97px
}

.DateInput__disabled {
    background: #f2f2f2;
    color: #dbdbdb
}

.DateInput_input {
    background-color: #fff;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #484848;
    font-size: 19px;
    font-weight: 200;
    line-height: 24px;
    padding: 11px 11px 9px;
    width: 100%
}

.DateInput_input__small {
    font-size: 15px;
    letter-spacing: .2px;
    line-height: 18px;
    padding: 7px 7px 5px
}

.DateInput_input__regular {
    font-weight: auto
}

.DateInput_input__readOnly {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.DateInput_input__focused {
    background: #fff;
    border: 0;
    outline: 0
}

.DateInput_input__disabled {
    background: #f2f2f2;
    font-style: italic
}

.DateInput_screenReaderMessage {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.DateInput_fang {
    height: 10px;
    left: 22px;
    position: absolute;
    width: 20px;
    z-index: 2
}

.DateInput_fangShape {
    fill: #fff
}

.DateInput_fangStroke {
    stroke: #dbdbdb;
    fill: transparent
}

.DateRangePickerInput_arrow {
    color: #484848;
    display: inline-block;
    vertical-align: middle
}

.DateRangePickerInput_arrow_svg {
    fill: #484848;
    height: 24px;
    vertical-align: middle;
    width: 24px
}

.DateRangePicker {
    display: inline-block;
    position: relative
}

.CalendarDay, .CalendarDay__blocked_out_of_range, .CalendarDay__blocked_out_of_range:active, .CalendarDay__blocked_out_of_range:hover {
    border: unset;
    border-radius: 50%
}

.CalendarMonth_caption {
    color: #c00 !important;
    font-family: Gellix, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 16px !important
}

.CalendarDay__default:hover {
    border: unset
}

.PresetDateRangePicker_button {
    border: unset !important;
    border-radius: 50px !important;
    color: #c00
}

.CalendarDay__selected_span:active, .CalendarDay__selected_span:hover, .PresetDateRangePicker_button__selected {
    background: #c00;
    border: unset !important;
    border-radius: 50px !important;
    color: #fff
}

.DayPickerNavigation_button__horizontalDefault {
    border-radius: 80%
}

.DayPickerNavigation_button__horizontalDefault:hover {
    border-color: #c00;
    border-radius: 80%;
    color: #fff
}

.CalendarDay__selected, .CalendarDay__selected:active, .CalendarDay__selected:hover {
    background: #c00 !important;
    border: unset !important;
    border-radius: 50px !important
}

.CalendarDay__hovered_span, .CalendarDay__hovered_span:active, .CalendarDay__hovered_span:hover, .CalendarDay__selected_span {
    background-color: #c00 !important;
    border: unset !important;
    border-radius: 50px !important;
    opacity: .35
}

.CalendarDay__hovered_span, .CalendarDay__hovered_span:active, .CalendarDay__hovered_span:hover {
    color: #fff
}

.CalendarMonthGrid__horizontal {
    left: unset
}

.DateInput_fang, .DayPickerKeyboardShortcuts_buttonReset {
    display: none
}

.DateInput_input__focused {
    border-bottom: 2px solid #c00
}

.DayPicker_weekHeader {
    padding: 0 !important
}

.DayPicker_weekHeader_li {
    padding: 0 !important;
    width: 36px !important
}

.DayPickerNavigation_rightButton__horizontalDefault {
    right: 12px
}

.DayPicker {
    min-height: 272px !important;
    overflow-x: hidden;
    visibility: unset;
    width: 272px !important
}

.DayPicker_transitionContainer {
    min-height: 298px !important
}

#datepicker-container > div > div > div {
    width: unset
}

@media (max-width: 1300px) {
    .CalendarMonth, .CalendarMonth_table, .DayPicker, .DayPicker_focusRegion, .DayPicker_weekHeader {
        max-width: 242px !important
    }

    .DayPicker {
        min-height: 242px !important
    }

    .DayPicker, .DayPicker > div > div {
        width: 242px !important
    }

    .DayPicker_weekHeader {
        padding: 0 !important
    }

    .DayPicker_weekHeader_li {
        padding: 0 !important;
        width: 32px !important
    }

    .CalendarMonth_caption {
        font-size: 16px !important;
        margin-left: 10px;
        margin-top: 5px
    }
}

@media (max-width: 1100px) {
    .CalendarMonth, .CalendarMonth_table, .DayPicker, .DayPicker_focusRegion, .DayPicker_weekHeader {
        max-width: 202px !important
    }

    .DayPicker {
        min-height: 202px !important;
        overflow: auto
    }

    .DayPicker, .DayPicker > div > div {
        width: 202px !important
    }

    .DayPicker_weekHeader {
        padding: 0 !important
    }

    .DayPicker_weekHeader_li {
        padding: 0 !important;
        width: 26px !important
    }

    .CalendarMonth_caption {
        font-size: 12px !important;
        margin-left: 10px;
        margin-top: 5px
    }
}

@media (max-width: 990px) {
    .DayPicker {
        overflow-x: auto;
        width: 180px !important
    }
}

@media (max-width: 870px) {
    .DayPicker {
        overflow-x: auto;
        width: 150px !important
    }
}

.eventfinder .modal-content {
    border: 0 !important;
    height: 100vh !important;
    overflow-y: auto !important;
    position: fixed !important
}

.eventfinder .modal-content .modal-header {
    border: 0;
    margin-bottom: 15px;
    padding: 30px 30px 15px
}

.eventfinder .modal-content .modal-header .modal-title {
    font-size: 25px;
    font-weight: 700
}

.eventfinder .modal-body {
    background-color: #fff;
    padding: 0 30px !important
}

.eventfinder .modal-body .results-clear {
    border-left: 0;
    height: 45px
}

.eventfinder .modal-body .results-clear button {
    color: #c00
}

.eventfinder .modal-footer {
    border: 0 #c00;
    bottom: 0;
    left: 0;
    padding: 0 !important;
    position: fixed;
    width: 100%
}

.eventfinder .modal-footer .btn-apply {
    align-items: center;
    background-color: #c00;
    border-color: #c00;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 60px;
    justify-content: space-between;
    line-height: 22px;
    margin: 0;
    padding: 0 30px;
    text-align: left;
    width: 100%
}

.eventfinder .modal-footer .btn-apply p {
    font-weight: 700;
    letter-spacing: -.56px !important;
    margin-bottom: 0
}

.accordion-selects {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    margin-bottom: 15px;
    text-align: left
}

.filter-open, .results-clear button, .results-count {
    font-style: normal;
    font-weight: 700;
    text-align: left
}

.results-count {
    color: #c00;
    font-size: 20px;
    letter-spacing: -.5px;
    line-height: 21px;
    padding-left: 15px;
    text-transform: uppercase
}

.results-clear {
    align-items: center;
    border-left: 1px solid rgba(0, 0, 0, .2);
    display: flex
}

.results-clear .me-1 {
    padding: 0 15px
}

.results-clear button {
    background-color: transparent;
    border: none;
    letter-spacing: -.1px;
    text-transform: uppercase
}

.filter-open, .results-clear button {
    align-items: center;
    display: flex;
    font-size: 14px
}

.filter-open {
    background-color: #c00;
    color: #fff;
    height: 60px;
    justify-content: space-between;
    letter-spacing: -.56px;
    line-height: 22px
}

.accordion-body {
    padding: 0 0 15px
}

.accordion-button, .eventFinder .accordion-button {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.84px;
    line-height: 21px;
    padding: 30px 15px
}

.accordion-flush .accordion-item:first-child {
    border-top: 1px solid rgba(0, 0, 0, .125) !important
}

.eventFinder .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: #000
}

.accordion-button:focus {
    border-color: gray;
    box-shadow: none
}

.eventFinder .accordion-button:focus {
    box-shadow: none
}

.eventFinder .accordion-button {
    text-align: left
}

@media (max-width: 768px) {
    .container-fluid {
        width: 100%
    }

    .image-wrapper {
        --bs-aspect-ratio: 100% !important
    }

    .eventDetails .information {
        font-size: 16px;
        padding: 0 !important
    }

    .eventDetails .date {
        font-size: 16px
    }

    .eventDetails .image-container {
        width: 75%
    }

    .DayPicker {
        align-items: center !important;
        display: flex !important;
        height: 100% !important;
        justify-content: center !important;
        max-width: 100% !important;
        overflow-x: auto
    }

    .DayPicker, .DayPicker > div > div {
        width: 100% !important
    }

    .CalendarMonth, .CalendarMonth_table, .DayPicker_focusRegion, .DayPicker_weekHeader {
        max-width: 272px !important;
        padding: auto
    }

    .DayPicker_weekHeader {
        padding: 0 !important
    }

    .CalendarMonth_caption {
        font-size: 16px !important;
        margin-left: 10px;
        margin-top: unset
    }

    .results-count {
        align-items: center;
        display: flex;
        margin: 0;
        padding: 0 15px
    }

    .results-clear {
        align-items: flex-start
    }

    .results-clear .me-1 {
        padding-left: 0
    }

    .accordion-body {
        padding: 0 0 15px !important
    }

    .eventFinder .accordion-button {
        padding: 15px 0
    }
}

.eventFinder .accordion-button:after {
    background-image: url(../../../assets/icons/plus-black.svg);
    background-position: 50%;
    background-size: 22px
}

.accordion-button {
    border-left: 0;
    border-right: 0
}

.accordion-button:after {
    background-image: url(../../../assets/icons/minus-black.svg);
    background-position: 50% !important;
    background-size: 22px !important
}

.accordion-button.active .circle {
    display: inline
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none
}

.accordion-button:not(.collapsed):after {
    background-image: url(../../../assets/icons/minus-black.svg) !important
}

.accordion-button .circle {
    color: #c00;
    margin-left: 10px;
    margin-top: -5px
}