.elementor-kit-6{--e-global-color-primary:#0B785B;--e-global-color-secondary:#3B916A;--e-global-color-text:#000000;--e-global-color-accent:#0190D6;--e-global-color-f155fb8:#FFFFFF;--e-global-color-87f61e9:#FF7E7E;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:30px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Lato";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-font-style:italic;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-accent );}.elementor-kit-6 a:hover{color:var( --e-global-color-87f61e9 );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{color:var( --e-global-color-f155fb8 );}.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;}}:root { --Blue:#0190d6; --Dark-Green:#0b785b; --Light-Green:#3b916a; }
/* Start custom CSS */.wave-divider {
  z-index: 1;
}

/* * 1. 3-Column Event Grid Styling 
* FIXED: Changed class name to text "three" to match standard CSS rules
*/
.three-column-events-grid .em-events-list-grouped,
.upcoming-events-grid .em-events-list-grouped {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  font-size: 0; 
  
}

/* 2. Default Event Content Box */
.event-content {
  border: 5px solid #0190D6;
  padding: 20px;
  background-color: #0B785B;
  border-radius: 5px;
  min-height: 100px;
  box-sizing: border-box;
  height: 100%;
  
}

/* 3. Base styles for links */
.widget-event-card,
.grid-event-card {
  text-decoration: none;
  color: inherit;
  height: 100%;
  display: block;
  
}

/* 4. Base style for event's date */
.event-date {
  font-size: 0.9rem;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 0;
}

/* 5. Base style for event's name/title */
.event-title {
  font-size: 1.2rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 18px;
}

/* 6. WIDGET Layout (Image Left, Text Right) */
.event-widget-wrapper .event-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}

.event-widget-wrapper .event-content img {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

.event-widget-wrapper .event-text-wrapper {
  flex-grow: 1;
}

.event-widget-wrapper .event-title,
.event-widget-wrapper .event-date {
  text-align: left;
}

/* 7. 3-COLUMN-GRID Layout (Stacked & Centered) */
.grid-event-card .event-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  overflow: hidden;
}

.grid-event-card .event-content img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 4px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.grid-event-card .event-title,
.grid-event-card .event-date {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

.grid-event-card .event-title {
  flex-grow: 1;
}

.grid-event-card .event-date {
  margin-bottom: 15px;
}

/* 8. Fix Theme Hover Override */

/* --- FIX FOR WIDGET --- */
.elementor-element-2abd059 .widget-event-card:hover {
  color: #ffffff !important;
  text-decoration: none !important;
  background-color: #0B785B !important;
}

.elementor-element-2abd059 .widget-event-card:hover .event-content {
  background-color: #0B785B !important;
  border-color: #0190D6 !important;
}

.elementor-element-2abd059 .widget-event-card:hover .event-title,
.elementor-element-2abd059 .widget-event-card:hover .event-date {
  color: #ffffff !important;
}

/* --- FIX FOR 3-COLUMN-GRID --- */
.elementor-element-ff8c966 .grid-event-card:hover {
  color: #ffffff !important;
  text-decoration: none !important;
  background-color: #0B785B !important; 
}

.elementor-element-ff8c966 .grid-event-card:hover .event-content {
  background-color: #0B785B !important;
  border-color: #0190D6 !important;
}

.elementor-element-ff8c966 .grid-event-card:hover .event-title,
.elementor-element-ff8c966 .grid-event-card:hover .event-date {
  color: #ffffff !important;
}

/* 9. Responsive rules */
@media (max-width: 992px) {
  /* FIXED: .3-column changed to .three-column */
  .three-column-events-grid .em-events-list-grouped,
  .upcoming-events-grid .em-events-list-grouped {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  /* FIXED: .3-column changed to .three-column */
  .three-column-events-grid .em-events-list-grouped,
  .upcoming-events-grid .em-events-list-grouped {
    grid-template-columns: 1fr;
  }
  
  .event-widget-wrapper .event-content {
    flex-direction: column;
    align-items: center;
    background-color: #0B785B;
  }
  
  .event-widget-wrapper .event-content .event-title,
  .event-widget-wrapper .event-content .event-date {
    text-align: center;
  }
  
  .event-widget-wrapper .event-content img {
    width: 100%;
    height: 225px;
    margin-bottom: 10px;
  }
}/* End custom CSS */