.elementor-kit-6{--e-global-color-primary:#CF2030;--e-global-color-secondary:#F18D1F;--e-global-color-text:#000000;--e-global-color-accent:#582D13;--e-global-color-13eae04:#FFFFFF;--e-global-typography-primary-font-family:"Jost";--e-global-typography-primary-font-size:36px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Roboto Slab";--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:"Libre Baskerville";--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 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Jost", Sans-serif;}.elementor-kit-6 h2{font-family:"Jost", 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;}.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);}.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. PLUGIN OVERRIDES (The "White Box" Fix)
   ========================================= */

/* 1. Target the Card with MAXIMUM specificity */
html body .k-events-grid a.full-event-card {
    background-color: #582D13 !important;
    background: #582D13 !important;
    display: flex !important;
    flex-direction: column !important;
    text-decoration: none !important;
}

/* 2. Force the inner content wrapper to be Brown too (just in case) */
html body .k-events-grid .event-content {
    background-color: #582D13 !important;
    background: #582D13 !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. THE GHOST FIX: Make everything inside the card transparent */
/* This stops hidden <p> tags or plugin divs from creating white boxes */
html body .k-events-grid .full-event-card *,
html body .k-events-grid .full-event-card div,
html body .k-events-grid .full-event-card span,
html body .k-events-grid .full-event-card p,
html body .k-events-grid .full-event-card h2,
html body .k-events-grid .full-event-card h3 {
    background-color: transparent !important;
    background: transparent !important;
}

/* 4. Force Text Color to ensure it's not invisible */
html body .k-events-grid .event-title,
html body .k-events-grid .event-date {
    color: #ffffff !important;
    z-index: 10; /* Brings text to front */
    position: relative;
}

/* 5. Force the Plugin Container to be invisible */
html body .k-events-grid .em.pixelbones, 
html body .k-events-grid .em-events-list {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Tablet: 2 Columns */
@media (min-width: 640px) {
    .k-events-grid .em-events-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop: 3 Columns */
@media (min-width: 1024px) {
    .k-events-grid .em-events-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* --- Card Base Styling --- */
.k-events-grid .full-event-card {
    display: flex !important; /* Changed to Flex to fix height issues */
    flex-direction: column;
    text-decoration: none;
    color: #ffffff;
    
    /* Brown Background - IMPORTANT to override plugin */
    background-color: #582D13 !important; 
    
    /* Red Border */
    border: 8px solid #CF2030; 
    
    border-radius: 8px;
    height: 100%;
    overflow: hidden;
    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;
    
    /* Reset text size inside card */
    font-size: 1rem; 
    line-height: normal;
}

/* --- Content Layout --- */
.k-events-grid .event-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center; 
    padding: 1rem;
    
    /* Ensure the content box is also Brown or Transparent */
    background-color: #582D13 !important; 
    
    height: 100%;
    box-sizing: border-box;
}

/* --- Image Styling --- */
.k-events-grid .full-event-card img {
    width: 100%;
    height: 200px; 
    object-fit: cover;
    border-radius: 6px;
    display: block;
    margin: 0 auto;
}

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

.k-events-grid .event-title {
    font-family: 'Fredoka', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #FFF !important; /* Forced White */
    margin-bottom: 0.5rem;
    text-align: center; 
    width: 100%;
}

.k-events-grid .event-date {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-style: italic;
    color: #FFF !important; /* Forced White */
    text-align: center; 
    width: 100%;
}

/* --- Hover Effects --- */
.k-events-grid .full-event-card:hover {
    background-color: #F18D1F !important; /* Orange Hover */
    border-color: #CF2030 !important;
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* On hover, we must ensure the inner content div doesn't block the orange color */
.k-events-grid .full-event-card:hover .event-content {
    background-color: transparent !important;
}

.k-events-grid .full-event-card:hover .event-title,
.k-events-grid .full-event-card:hover .event-date {
    color: #FFF !important;
}


/* =========================================
   3. HOME PAGE WIDGET OVERRIDES
   Target Class: .home-event-wrapper
   ========================================= */

/* --- Card Base Styling (Widget) --- */
.home-event-wrapper a.widget-event-card, 
.home-event-wrapper .widget-event-card {
    display: block !important;
    text-decoration: none !important;
    
    /* FORCE BROWN BACKGROUND */
    background-color: #582D13 !important;
    background: #582D13 !important;
    
    /* Red Border */
    border: 4px solid #CF2030 !important;  
    
    border-radius: 8px;
    margin-bottom: 15px; /* Space between events */
    overflow: hidden;
    transition: all 0.3s ease;
}

/* --- Layout: Image Left, Text Right --- */
.home-event-wrapper .event-content {
    display: flex !important;
    flex-direction: row !important; /* Forces side-by-side */
    align-items: center !important;
    padding: 10px !important;
    gap: 15px !important;
}

/* --- Image Styling (Fixed Square) --- */
.home-event-wrapper .widget-event-card img {
    width: 90px !important;
    height: 90px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    display: block !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* --- Text Wrapper --- */
.home-event-wrapper .event-text-wrapper {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    flex-grow: 1 !important;
}

/* --- Typography --- */
.home-event-wrapper .event-title {
    font-family: 'Fredoka', sans-serif;
    font-size: 18px !important; 
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #ffffff !important; 
    margin-bottom: 5px !important;
    text-align: left !important;
}

.home-event-wrapper .event-date {
    font-family: 'Lato', sans-serif;
    font-size: 13px !important;
    font-style: italic !important;
    color: #ffffff !important; 
    text-align: left !important;
}

/* --- Hover Effects --- */
.home-event-wrapper .widget-event-card:hover {
    background-color: #F18D1F !important; /* Turns solid Orange on hover */
    border-color: #CF2030 !important; 
    transform: translateX(5px); 
}

.home-event-wrapper .widget-event-card:hover .event-title,
.home-event-wrapper .widget-event-card:hover .event-date {
    color: #ffffff !important;
}/* End custom CSS */