/* === HOMEPAGE NEWS GRID CARDS === */
/* --- 1. Set up the main grid container --- */
#homepage-news .vc_pageable-slide-wrapper {
  position: relative !important;
  height: auto !important; 
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch; /* Forces equal height */
  margin-left: -15px;
  margin-right: -15px;
}

/* --- 2. Fix the grid items (columns) --- */
#homepage-news .vc_grid-item {
  /* Layout fixes */
  position: static !important; 
  left: auto !important;
  top: auto !important;
  width: 33.333333% !important; 
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column;
  
  /* Card Styling */
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  overflow: hidden;
  
  /* Animation Overrides */
  opacity: 1 !important;
  transform: none !important; /* Overrides initial animation */
  animation: none !important;
  /* Allows *only* the hover transitions */
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* --- 3. Make the inner card wrapper fill the item's height --- */
#homepage-news .vc_grid-item-mini {
  display: flex !important;
  flex-direction: column !important;
  height: 100%; 
  width: 100%;
}

/* --- 4. Vertical Alignment & Border Removal --- */
#homepage-news .vc_gitem-zone-c {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  border: none !important; /* --- NEW: Removes the border --- */
}

#homepage-news .vc_gitem-zone-c .vc_gitem-zone-mini,
#homepage-news .vc_gitem-zone-c .vc_gitem_row,
#homepage-news .vc_gitem-zone-c .vc_gitem-col {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

#homepage-news .vc_gitem-zone-c .vc_btn3-container {
  margin-top: auto !important; 
}

/* --- 5. Disable inner animation block --- */
#homepage-news .vc_gitem-animated-block {
  transition: none !important;
  animation: none !important;
}

/* --- 6. Hover lift effect --- */
#homepage-news .vc_grid-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
}
/*Homepage news END*/