.elementor-kit-6{--e-global-color-primary:#FF006E;--e-global-color-secondary:#54595F;--e-global-color-text:#000000;--e-global-color-accent:#F1A141;--e-global-color-6cb657b:#70253F;--e-global-color-5927192:#F1A141;--e-global-color-13eae04:#FFFFFF;--e-global-color-ff94284:#0A0A0A;--e-global-color-c22a852:#FF006E;--e-global-typography-primary-font-family:"Nunito";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Fredoka";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Fredoka";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-font-style:italic;font-family:"Georama", Sans-serif;}.elementor-kit-6 h2{font-family:"Adamina", Sans-serif;font-weight:900;letter-spacing:-0.5px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Fredoka", Sans-serif;font-size:30px;font-weight:600;text-transform:uppercase;line-height:52px;background-color:var( --e-global-color-5927192 );}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-c22a852 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;700&family=Lato:ital,wght@1,400&display=swap');

/* 1. Main Container (Renamed to valid CSS class) */
.mix-events-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr); 
    gap: 1.5rem;
    overflow: visible !important; 
    padding: 1rem;
    padding-bottom: 2rem; 
    max-width: 1200px;
    margin: 0 auto;
}

@media (min-width: 640px) {
    .mix-events-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .mix-events-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* 2. Individual Event Card (The Anchor Tag) */
.full-event-card {
    display: block;
    text-decoration: none;
    color: #ffffff; 
    background-color: #70253F !important;
    border-radius: 8px;
    border: solid;
    border-color: #F1A141;
    border-width: 8px;
    height: 100%; 
    overflow: visible; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

/* 3. Content Wrapper */
.event-content {
    display: flex; 
    gap: 1rem;
    align-items: center; 
    padding: 1rem;
    border-radius: 2px;
    background-color: #70253F !important;
    transition: background-color 0.3s ease; 
    height: 100%;
    box-sizing: border-box;
}

/* * 4. HOVER FIX  */
.mix-events-grid a.full-event-card:hover .event-content {
    background-color: #FF006E !important;
    border-color: transparent !important; 
}

/* Target the Anchor Tag Background */
.mix-events-grid a.full-event-card:hover {
    background-color: #AD3A62 !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    text-decoration: none !important;
}

/* Target Text Colors on Hover */
.mix-events-grid a.full-event-card:hover .event-title,
.mix-events-grid a.full-event-card:hover .event-date {
    color: #FFF !important;
}

/* 5. Image Styling */
.full-event-card img {
    max-width: 175px; 
    flex-shrink: 0; 
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 8px; 
}

/* 6. Text Stack Container */
.event-info-stack {
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: flex-start; 
    flex-grow: 1; 
}

/* 7. Title Styling */
.event-title {
    font-family: 'Fredoka', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1; 
    color: #FFF; 
    margin: 0; 
    margin-bottom: 0px; 
    width: 100%;
}

/* 8. Date Styling */
.event-date {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.1;
    color: #FFF; 
    margin: 0;
    margin-top: 0px; 
    align-self: center; 
}

/* Force Event Meta Text (Date/Time/Location) to Black */
.em.pixelbones .em-item-meta-line {
    color: #0A0A0A !important;
}

/* Force Event Meta Headers (e.g., "When") to Black */
.em.pixelbones .em-item-meta h3 {
    color: #0A0A0A !important;
}

/* Optional: Force the Icons (Calendar/Clock) to Black */
.em.pixelbones .em-item-meta .em-icon {
    color: #0A0A0A !important;
}/* End custom CSS */