/* Start custom CSS for upcoming-event-listing, class: .elementor-element-d6819b2 *//* =====================================================
   MOUND BAYOU MUSEUM — EVENTS PAGE
   Matches current teal homepage
   Page ID: 2182
   ===================================================== */

body.page-id-2182 {
    --event-dark: #0f2424;
    --event-dark-soft: #123333;
    --event-teal: #0f8f8a;
    --event-teal-light: #7fd7d2;
    --event-cream: #eefaf9;
    --event-cream-deep: #d7eeec;
    --event-paper: #fffdf8;
    --event-text: #263a3a;
    --event-muted: #506b6a;
    --event-line: #c9e7e5;
}


/* =========================================
   PAGE BACKGROUND
   ========================================= */

body.page-id-2182 .site-main,
body.page-id-2182 .elementor {
    background: var(--event-cream);
}

body.page-id-2182 .elementor-widget-shortcode {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}


/* =========================================
   MAIN PAGE TITLE
   ========================================= */

body.page-id-2182 h1 {
    color: var(--event-dark);
    font-weight: 700;
    letter-spacing: -0.02em;
}


/* =========================================
   SECTION HEADINGS
   ========================================= */

body.page-id-2182 h2 {
    color: var(--event-dark);
    font-weight: 700;
    letter-spacing: -0.015em;
}

body.page-id-2182 h2::before {
    content: "";
    display: block;
    width: 42px;
    height: 4px;
    background: var(--event-teal);
    margin-bottom: 14px;
}


/* =========================================
   UPCOMING EVENT
   ========================================= */

body.page-id-2182 .wpem-event-listings-header,
body.page-id-2182 .wpem-event-listing-header-title {
    color: var(--event-dark);
}


/* =========================================
   FILTER / SEARCH AREA
   ========================================= */

body.page-id-2182 .event_filters {
    background: var(--event-dark);
    border: 1px solid var(--event-dark);
    border-radius: 14px;
    padding: 28px;
    margin: 28px 0 42px;
    box-shadow: 0 10px 28px rgba(15, 36, 36, 0.10);
}


/* Remove plugin's default white filter background */

body.page-id-2182 .event_filters .search_events,
body.page-id-2182 .event_filters .search_events > div {
    background: transparent;
}


/* Labels */

body.page-id-2182 .event_filters label {
    color: var(--event-teal-light);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 8px;
}


/* Fields */

body.page-id-2182 .event_filters input,
body.page-id-2182 .event_filters select {
    background: var(--event-paper);
    color: var(--event-text);
    border: 1px solid var(--event-line);
    border-radius: 8px;
    min-height: 50px;
    padding: 11px 14px;
    font-family: inherit;
    box-shadow: none;
}


/* Placeholder text */

body.page-id-2182 .event_filters input::placeholder {
    color: var(--event-muted);
    opacity: .8;
}


/* Active field */

body.page-id-2182 .event_filters input:focus,
body.page-id-2182 .event_filters select:focus {
    border-color: var(--event-teal-light);
    outline: 2px solid rgba(127, 215, 210, .22);
}


/* =========================================
   FILTER BUTTONS / DATE BUTTONS
   ========================================= */

body.page-id-2182 .event_filters button,
body.page-id-2182 .event_filters input[type="submit"],
body.page-id-2182 .event_filters .showing_jobs a,
body.page-id-2182 .event_filters .showing_events a {
    background: var(--event-teal);
    color: #fff;
    border: 0;
    border-radius: 8px;
    font-weight: 700;
    padding: 12px 20px;
}

body.page-id-2182 .event_filters button:hover,
body.page-id-2182 .event_filters input[type="submit"]:hover {
    background: var(--event-teal-light);
    color: var(--event-dark);
}


/* =========================================
   EVENT LIST
   ========================================= */

body.page-id-2182 ul.event_listings,
body.page-id-2182 .event_listings {
    border: 0;
    background: transparent;
    padding: 0;
}


/* EVENT CARD */

body.page-id-2182 ul.event_listings li.event_listing,
body.page-id-2182 .event_listings .event_listing {
    background: var(--event-paper);
    border: 1px solid var(--event-line);
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;

    box-shadow:
        0 3px 12px rgba(15, 36, 36, .035);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}


/* Hover */

body.page-id-2182 ul.event_listings li.event_listing:hover,
body.page-id-2182 .event_listings .event_listing:hover {
    transform: translateY(-3px);

    border-color: var(--event-teal-light);

    box-shadow:
        0 12px 30px rgba(15, 36, 36, .10);
}


/* EVENT LINK */

body.page-id-2182 ul.event_listings li.event_listing > a,
body.page-id-2182 .event_listing > a {
    padding: 24px 26px;
    background: transparent;
}


/* =========================================
   EVENT DATE
   ========================================= */

body.page-id-2182 .event_listing .date,
body.page-id-2182 .event_listing .event-date,
body.page-id-2182 .event_listing time {
    color: var(--event-teal);
    font-weight: 700;
}


/* =========================================
   EVENT TITLE
   ========================================= */

body.page-id-2182 .event_listing h3,
body.page-id-2182 .event_listing .position h3,
body.page-id-2182 .event_listing .event-title {
    color: var(--event-dark) !important;
    font-size: clamp(19px, 2vw, 25px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.015em;
}


/* =========================================
   EVENT DETAILS
   ========================================= */

body.page-id-2182 .event_listing .location,
body.page-id-2182 .event_listing .meta,
body.page-id-2182 .event_listing .company,
body.page-id-2182 .event_listing .event-location {
    color: var(--event-muted);
    font-size: 14px;
    line-height: 1.55;
}


/* =========================================
   CATEGORY / EVENT TYPE PILLS
   ========================================= */

body.page-id-2182 .event_listing .event-type,
body.page-id-2182 .event_listing .event-category,
body.page-id-2182 .event_listing .event-type a,
body.page-id-2182 .event_listing .event-category a {
    display: inline-block;

    color: var(--event-dark);
    background: var(--event-cream-deep);

    border: 1px solid var(--event-line);
    border-radius: 100px;

    padding: 5px 10px;
    margin-top: 7px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
}


/* =========================================
   LINKS
   ========================================= */

body.page-id-2182 .event_listings a {
    text-decoration: none;
}

body.page-id-2182 .event_listing a:hover h3 {
    color: var(--event-teal) !important;
}


/* =========================================
   LOAD MORE EVENTS
   ========================================= */

body.page-id-2182 .load_more_events {
    display: table;
    width: auto;

    background: var(--event-dark);
    color: #fff;

    border: 0;
    border-radius: 8px;

    padding: 14px 25px;
    margin: 30px auto 10px;

    font-weight: 700;
    font-size: 14px;

    transition:
        background .2s ease,
        transform .2s ease;
}

body.page-id-2182 .load_more_events:hover {
    background: var(--event-teal);
    color: #fff;
    transform: translateY(-2px);
}


/* =========================================
   NO EVENTS MESSAGE
   ========================================= */

body.page-id-2182 .no_event_listings_found,
body.page-id-2182 .no_event_listings_found,
body.page-id-2182 .no_events_found {
    background: var(--event-paper);
    color: var(--event-muted);

    border: 1px solid var(--event-line);
    border-left: 4px solid var(--event-teal);

    border-radius: 8px;

    padding: 20px;
}


/* =========================================
   SELECT2 FIELDS USED BY WP EVENT MANAGER
   ========================================= */

body.page-id-2182 .select2-container .select2-selection--single,
body.page-id-2182 .select2-container .select2-selection--multiple {
    background: var(--event-paper);
    border: 1px solid var(--event-line);
    border-radius: 8px;
    min-height: 50px;
}

body.page-id-2182
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    color: var(--event-text);
    line-height: 48px;
}

body.page-id-2182
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    height: 48px;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    body.page-id-2182 .event_filters {
        padding: 20px;
        border-radius: 10px;
        margin: 22px 0 32px;
    }

    body.page-id-2182 ul.event_listings li.event_listing > a,
    body.page-id-2182 .event_listing > a {
        padding: 20px;
    }

    body.page-id-2182 .event_listing h3,
    body.page-id-2182 .event_listing .position h3 {
        font-size: 19px;
    }

    body.page-id-2182 h2::before {
        width: 34px;
    }
}/* End custom CSS */