.card {
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.card-img-top {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    object-fit: cover;
}

.ce-events-grid .btn-primary {
    background-color: #0073aa;
    border: none;
}

.ce-events-grid .btn-primary:hover {
    background-color: #005f8d;
}


.carousel-item {
  transition: transform 0.8s ease-in-out;
}

.card .card-img-top {
  border-radius: .5rem .5rem 0 0;
}

.card {
  border-radius: .5rem;
}
/* ===== Custom Events Carousel Controls ===== */
#ceEventsCarousel {
  position: relative;
}

/* Center the prev/next arrows vertically */
#ceEventsCarousel .carousel-control-prev,
#ceEventsCarousel .carousel-control-next {
  width: 40px;                 /* smaller clickable area */
  height: 40px;                /* smaller button size */
  top: 50%;                    /* center vertically */
  transform: translateY(-50%); /* adjust center position */
  background-color: rgba(0, 0, 0, 0.3); /* subtle dark background */
  transition: background-color 0.3s ease;
  padding: 0;
}

/* Position arrows slightly outside carousel */
#ceEventsCarousel .carousel-control-prev {
  left: -20px;
}

#ceEventsCarousel .carousel-control-next {
  right: -20px;
}

/* Hover effect */
#ceEventsCarousel .carousel-control-prev:hover,
#ceEventsCarousel .carousel-control-next:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

/* Reduce arrow icon size */
#ceEventsCarousel .carousel-control-prev-icon,
#ceEventsCarousel .carousel-control-next-icon {
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
  filter: invert(1); /* makes icon white */
}

/* Optional: On smaller screens, pull arrows inward */
@media (max-width: 768px) {
  #ceEventsCarousel .carousel-control-prev {
    left: 0;
  }
  #ceEventsCarousel .carousel-control-next {
    right: 0;
  }
}

i.bi.bi-geo-alt-fill.text-danger {
    position: relative;
    z-index: 9999;
    background: #fff;
    border-radius: 50%;
    padding: 8px;
}
.card.h-100.shadow-lg.border-0.rounded-3.overflow-hidden {
    box-shadow: none !important;
}
a.btn.btn-primary.mt-auto.w-100.rounded-pill {
    color: #fff;
}

div#ceEventsCarousel {
    margin-top: 50px;
    margin-bottom: 50px;
}
#ceEventsCarousel .btn {
    font-weight: 600;
    background: #79BA41;
    border: none;
}
#ceEventsCarousel .card-title {
    font-size: 1.25rem;
    color: #6fba4d  !IMPORTANT;
}
#ceEventsCarousel img {
    border-radius: 20px;
}
#ceEventsCarousel .btn {
 
    width: 136px !important;
    padding: 9px;
}
#ceEventsCarousel button.carousel-control-prev,  #ceEventsCarousel button.carousel-control-next {
    background: #79ba41 !important;
    opacity: 1;
    border: none;
}
#ceEventsCarousel .carousel-control-prev-icon, #ceEventsCarousel .carousel-control-next-icon {
    width: 41px;
    height: 15px;
    filter: invert(0) !important;
}
.card.h-100.shadow-lg.border-0.rounded-3.overflow-hidden {
    background: #efefef73;
    padding: 5px;
}
p.card-text.text-secondary.small.mb-3 a {
    color: #777 !important;
}
img.me-1.svg_icon_events {
    border-radius: unset !important;
}
img.card-img-top.object-fit-cover.wp-post-image {
    object-fit: contain !important;
    object-position: center center;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}