/*!!!!(location schedule styling in locations folder)!!!!*/

/*----------------------------------------------------*/

/*Schedules Page (calendar view - decided not to use this view for now):*/

/*TOP BAR:*/

#shortcode .mec-gCalendar #mec-gCalendar-wrap .fc-header-toolbar.fc-toolbar {
    background: var(--blue-md);
    border-radius: 10px;
    margin-bottom: 20px;
}

/*month title*/
#shortcode .mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
    font-size: 35px;
    line-height: 1;
    color: var(--white);
}

/*buttons nav*/
#shortcode button.fc-prevYear-button.fc-button.fc-button-primary {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 2px solid var(--blue-lt);
    border-right: none;
}

#shortcode button.fc-nextYear-button.fc-button.fc-button-primary {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 2px solid var(--blue-lt);
    border-left: none;
}

#shortcode button.fc-prev-button.fc-button.fc-button-primary,
#shortcode button.fc-today-button.fc-button.fc-button-primary,
#shortcode button.fc-next-button.fc-button.fc-button-primary {
    border-top: 2px solid var(--blue-lt);
    border-bottom: 2px solid var(--blue-lt);
}

#shortcode button.fc-today-button.fc-button.fc-button-primary {
    height: 46px;
    font-size: 18px;
}

/*CALENDAR:*/

#shortcode #mec-gCalendar-wrap table.fc-scrollgrid tr th {
    border-bottom: none;
}

#shortcode .fc-daygrid.fc-dayGridMonth-view.fc-view {
    border: 2px solid var(--blue-dk);
    border-radius: 15px;
    padding: 0 20px 20px;
}

/*days:*/

#shortcode .mec-gCalendar table.fc-scrollgrid-sync-table tbody td {
    border: none;
    padding: 5px;
}

/*labels*/
#shortcode #mec-gCalendar-wrap table.fc-scrollgrid tr th a {
    font-size: 25px !important;
    color: var(--blue-dk);
}

/*dates*/
#shortcode #mec-gCalendar-wrap table.fc-scrollgrid-sync-table .fc-daygrid-day-top {
    background: var(--purple-t);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

#shortcode #mec-gCalendar-wrap .fc-daygrid-day .fc-daygrid-day-number {
    margin: 8px 0;
    padding: 12px 10px 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
}

#shortcode #mec-gCalendar-wrap .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    color: var(--blue-lt);
    border: 2px solid var(--blue-lt);
    border-radius: 50%;
}

/*events:*/

#shortcode .mec-gCalendar #mec-gCalendar-wrap a.fc-event {
    border-left: 3px solid #5c2e91aa;
}

/* #shortcode .mec-gCalendar #mec-gCalendar-wrap .fc-daygrid-event-harness:nth-child(odd) a.fc-event {
    background-color: #f0ecf5ee !important;
} */
#shortcode .mec-gCalendar #mec-gCalendar-wrap .fc-daygrid-event-harness:nth-child(even) a.fc-event {
    background-color: #f0ecf566 !important;
}

#shortcode .mec-gCalendar #mec-gCalendar-wrap a.fc-event .fc-event-main {
    font-size: 16px;
    color: var(--gray);
}

/*pop up*/
#shortcode .fc-theme-standard .fc-popover-header {
    background: #f0ecf5ff;
}

.fc .fc-popover-title {
    color: var(--purple-dk);
}

.fc .fc-popover-close {
    color: var(--purple-dk);
}

@media (max-width: 992px) {
    #shortcode .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk {
        margin-bottom: 0;
    }

    #shortcode .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk:first-child {
        padding: 20px;
    }

    #shortcode .mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    #shortcode button.fc-today-button.fc-button.fc-button-primary {
        height: 38px;
    }
}

/*----------------------------------------------------*/

/*Events Page (tile view):*/

/*month nav*/
#shortcode .mec-skin-tile-month-navigator-container {
    height: unset;
    padding: 30px;
    border-radius: 15px;
    background: var(--purple-dk);
}

#shortcode .mec-skin-tile-month-navigator-container .mec-calendar-header h2 {
    font-size: 30px;
    color: var(--white);
    line-height: 1;
    margin: 0;
}

#shortcode .mec-skin-tile-month-navigator-container .mec-next-month,
#shortcode .mec-skin-tile-month-navigator-container .mec-previous-month {
    padding: 10px 25px 6px;
    background: var(--purple-t);
}

#shortcode .mec-skin-tile-month-navigator-container .mec-next-month a,
#shortcode .mec-skin-tile-month-navigator-container .mec-previous-month a {
    font-size: 18px;
    line-height: 1;
    color: var(--black);
    opacity: 1;
    font-family: "Cachet";
    text-transform: capitalize;
    letter-spacing: 0em;
}

#shortcode i.mec-sl-angle-right {
    font-size: 12px;
}

/*event tile*/
#shortcode .mec-event-tile-view article.mec-tile-item {
    padding: 0 0 30px;
    border-radius: 15px;
    overflow: hidden;
}

/*date/time*/
#shortcode .event-tile-view-head {
    padding: 15px 20px;
    background: var(--blue-lt);
    display: flex;
    justify-content: space-between;
    align-items: center;

    transition: all 0.2s ease;
}

#shortcode .mec-event-tile-view article.mec-tile-item:hover .event-tile-view-head {
    background: var(--purple-dk);
}

#shortcode .mec-event-tile-view article.mec-tile-item .mec-event-month span.mec-start-date-label {
    flex: 1 0 45%;
    font-size: 24px;

    transition: all 0.2s ease;
}

#shortcode .mec-event-tile-view article.mec-tile-item:hover .mec-event-month span.mec-start-date-label {
    font-size: 30px;

    transition: all 0.2s ease;
}

#shortcode .mec-event-tile-view article.mec-tile-item .mec-event-time {
    flex: 1 0 15%;
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    justify-content: end;
    font-size: 22px;
    color: var(--white);
    align-items: center;
}

/*location*/
#shortcode .mec-event-tile-view article.mec-tile-item .mec-event-loc-place {
    font-size: 22px;
}

/*title*/
#shortcode .mec-event-tile-view article.mec-tile-item .mec-event-title a {
    font-size: 28px;
}

#shortcode .mec-event-tile-view article.mec-tile-item .mec-event-title a:hover {
    color: var(--blue-md);
}

@media (max-width: 992px) {
    #shortcode .mec-skin-tile-month-navigator-container .mec-month-navigator {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    #shortcode .mec-skin-tile-month-navigator-container .mec-calendar-header {
        order: -1;
        flex: 0 0 100%;
    }

    #shortcode .mec-skin-tile-month-navigator-container .mec-next-month,
    #shortcode .mec-skin-tile-month-navigator-container .mec-previous-month {
        position: relative;
        flex: 0 0 100%;
        top: unset;
        left: unset;
        right: unset;
    }
}

/*----------------------------------------------------*/

/*Single Event Page*/

/*title text*/
.mec-wrap .mec-single-title {
    color: var(--blue-md);
    font-size: 45px;
}

.mec-event-content .mec-single-event-description.mec-events-content p {
    font-size: 20px;
}

/*image*/
.mec-single-event .mec-events-event-image img {
    border: 3px solid var(--purple-t);
    border-radius: 20px !important;
}

/*boxes*/
.mec-single-event .mec-frontbox,
.mec-single-event .mec-events-meta-group-countdown {
    border: 3px solid var(--purple-t);
    border-radius: 15px;
}

/*event meta*/
.mec-single-event .mec-event-meta h3 {
    color: var(--blue-dk);
}

.mec-single-event-location dl i.mec-sl-location-pin {
    display: none;
}

.mec-single-event span.mec-start-date-label,
.mec-single-event abbr.mec-events-abbr,
.mec-single-event .mec-event-meta h6,
.mec-single-event dd.mec-events-event-categories a {
    font-size: 16px !important;
    color: var(--gray);
}

.mec-single-event .mec-event-meta .mec-events-address .mec-address {
    padding: 0;
    font-size: 14px;
    color: var(--gray);
}

/*socials*/
h3.mec-social-single.mec-frontbox-title {
    font-size: 18px;
    color: var(--purple-dk);
}

.mec-single-event .mec-event-social h3 {
    border-bottom: 4px solid var(--purple-t);
}

.colorskin-custom .mec-single-event .mec-frontbox-title:before {
    border-color: var(--blue-md) !important;
}

.mec-single-event .mec-event-social li.mec-event-social-icon a {
    border-radius: 10px;
}

/*coutndown*/
.mec-events-meta-group-countdown .countdown-w span {
    color: var(--blue-lt);
}

.mec-countdown-details .countdown-w .clockdiv li p {
    color: var(--purple-dk);
}

/*buttons*/
a.mec-events-button {
    border-radius: 1000px;
    padding: 15px 25px;
    letter-spacing: -0.05em;
    margin: 0;
    display: inline-block;
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
    background: var(--blue-gradient);
    color: var(--white) !important;
    border: 3px solid var(--blue-md);
}

a.mec-events-button:hover {
    border: 3px solid var(--purple-dk) !important;
}

@media (max-width: 768px) {
    .mec-events-meta-group-countdown .countdown-w {
        padding: 0;
    }
}