/* Feb 2026 Slider */
.item-image-fullwidth-left .data-col h1.headline {
    line-height: normal;
}

.splide .splide__arrows {
    width: auto !important;
}

.carousel-item .item-image-fullwidth-left {
    height: 60vh;
    margin-top: 0vh;
}

.blog-detail-wrapper .addtoany_list.a2a_kit_size_32 {
  display: flex;
}   

@media (min-width: 768px) {
    .cta-banner.type-1 .container {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

@media screen and (max-width: 998px) {
    .carousel-item .item-image-fullwidth-left {
        height: 50vh;
        margin-top: 0vh;
    }
}

/* Home Event Page Styles */
.path-frontpage .home-event-list {
    padding: 62px 112px;
    background: #fff;
}

.path-frontpage .event-view-btn {
  text-align: center;
   margin-top: 50px;
}

.path-frontpage .mb_large:has(.testimonial-slider) {
    /* background-color: green; */
    margin-bottom: 0 !important;
}

.path-frontpage .home-event-list header {
  width: 100% !important;
}

.path-frontpage .home-event-list header h2 {
  font-family: 'Open Sans', -apple-system, Roboto, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2F3941;
  margin-bottom: 2%;
}

/* Event Card Link */
.event-card-link {
  text-decoration: none;
  color: inherit;
  display: block;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.event-card-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.event-card-link:hover .event-card {
  border-color: #295E63;
}

/* Event Card Container */
.event-card {
  width: 100%;
  max-width: 385px;
  height: 402px;
  min-height: 402px;
  border: 1px solid #BDBDBD;
  background: #FFF;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}

/* Event Image Container */
.event-image-container {
  position: relative;
  width: 100%;
  height: 210px;
  background: #BAA9A9;
}

.event-image {
  width: 100%;
  height: 100%;
  position: relative;
}

.event-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Date Badge */
.event-date-badge {
  position: absolute;
  left: 21px;
  bottom: -22px;
  width: 80px;
  height: 87px;
  border: 2px solid #FFF;
  background: #295E63;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 18px;
  box-sizing: border-box;
}

.event-month,
.event-year {
  color: #FFF;
  text-align: center;
  font-family: 'Roboto', -apple-system, Roboto, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 10px;
  text-transform: uppercase;
}

.event-day {
  color: #FFF;
  text-align: center;
  font-family: 'Roboto', -apple-system, Roboto, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 27px;
  letter-spacing: -0.6px;
}

/* Event Details Section */
.event-details {
  padding: 32px 20px 20px 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
  justify-content: space-between;
}

.event-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  color: #2F3941;
  text-overflow: ellipsis;
  font-family: 'Open Sans', -apple-system, Roboto, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
  height: 60px;
  margin-bottom: 10px;
}

/* Event Meta Information */
.event-meta {
  display: flex;
  align-items: flex-start;
  gap: 19px;
  flex-wrap: nowrap;
}

.event-time,
.event-venue {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  flex: 1;
  min-width: 0;
}

.event-time {
  flex-shrink: 0;
}

.event-time span,
.event-venue span {
  color: #2F3941;
  font-family: 'Roboto', -apple-system, Roboto, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 27px;
}

.event-venue span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  flex: 1;
  word-break: break-word;
}

.time-icon,
.location-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

/* Responsive Design */

@media (min-width: 640px) {
    .path-frontpage .home-event-list .views-view-grid.cols-3 .views-row {
        grid-row-gap: 0;
        row-gap: 0;
    }
}

@media (max-width: 1366px) {
  .path-frontpage .home-event-list {
    padding: 62px 60px;
    background: #fff;
  }
}

@media (max-width: 1024px) {
  .event-meta {
    gap: 15px;
    flex-wrap: wrap;
  }
  
  .event-time {
    min-width: 120px;
  }
  
  .event-venue {
    min-width: 160px;
  }

  .home-event-list .views-row .views-col {
    border: 1px solid #BDBDBD;
  }

  .home-event-list .views-row .views-col a .event-card {
    border: 0;
  }
}

@media (min-width: 1440px) {
    body.gin--vertical-toolbar.path-frontpage main>div.container {
        padding-left: 0;
    }
}

@media (max-width: 992px) {
  .path-frontpage .home-event-list {
    padding: 62px 30px;
  }
}

@media (max-width: 767px) {
  .path-frontpage .home-event-list header h2 {
    margin-bottom: 4%;
  }

  .path-frontpage .home-event-list {
    padding: 62px 18px;
    background: #fff;
  }

  .event-details {
    padding: 50px 20px 20px 20px;
  }

  .event-card {
    max-width: 100%;
    height: auto;
    min-height: 350px;
  }
  
  .event-image-container {
    height: 200px;
  }
  
  .event-date-badge {
    height: 85px;
    left: 15px;
    bottom: -32px;
    padding: 8px 12px;
  }
  
  .event-month,
  .event-year {
    font-size: 12px;
    line-height: 20px;
  }
  
  .event-day {
    font-size: 26px;
    line-height: 24px;
  }
  
  .event-title {
    font-size: 20px;
    height: auto;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  
  .event-meta {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
  
  .event-time,
  .event-venue {
    width: 100%;
    flex: none;
    min-width: 0;
    align-items: flex-start;
  }
  
  .event-venue span {
    max-width: 100%;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    white-space: normal;
  }
}

@media (max-width: 640px) {
  .home-event-list {
    padding: 62px 15px;
    background: #fff;
  }

  .path-frontpage .event-view-btn {
    margin-top: 0;
  }

  .event-date-badge {
    position: absolute;
    left: 21px;
    bottom: -22px;
    width: 80px;
    height: 87px;
    border: 2px solid #CBCBCB;
    background: #FBF9FA;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 18px;
    box-sizing: border-box;
  }

  .event-month,
  .event-year {
    color: #646F78;
  }

  .event-day {
    color: #2F3941;
  }
}

@media (max-width: 480px) {
  .path-frontpage .home-event-list header h2 {
    margin-bottom: 6%;
  }

  .event-card {
    height: auto;
    min-height: 320px;
  }
  
  .event-image-container {
    height: 180px;
  }

  .green-btn,
  .white-btn {
    display: inline-block !important;
  }      
  
  .event-date-badge {
    height: 80px;
    left: 18px;
    bottom: -28px;
  }
  
  .event-month,
  .event-year {
    font-size: 14px;
    line-height: 16px;
  }
  
  .event-day {
    font-size: 27px;
    line-height: 20px;
  }
  
  .event-title {
    font-size: 18px;
  }
  
  .time-icon,
  .location-icon {
    width: 18px;
    height: 18px;
  }
  
  .event-time span,
  .event-venue span {
    font-size: 12px;
    line-height: 20px;
  }
}