.elementor-31865 .elementor-element.elementor-element-6df1531{--display:flex;}.elementor-31865 .elementor-element.elementor-element-31a26af{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-31865 .elementor-element.elementor-element-c967054{--grid-columns:1;}@media(max-width:1024px){.elementor-31865 .elementor-element.elementor-element-c967054{--grid-columns:2;}}@media(max-width:767px){.elementor-31865 .elementor-element.elementor-element-c967054{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-c967054 *//* =========================================
   ENCOUNTERS CATEGORY ARCHIVE - UNIFIED
========================================= */

/* 1. CONTAINER & CARD LAYOUT */
.elementor-loop-container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto !important;
}

.elementor-loop-container .elementor-grid-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-bottom: 80px !important; 
  padding-bottom: 40px !important;
  border-bottom: 1px solid rgba(201, 168, 76, 0.1) !important;
}

/* 2. THE MUSEUM GOLD FRAME - FORCED UNIFORM DISPLAY */
.elementor-loop-container .elementor-grid-item img {
  width: 100% !important;
  height: 520px !important; /* This ensures identical length */
  object-fit: cover !important; /* This prevents stretching */
  display: block !important;
  border: 3px solid #C9A84C !important;
  padding: 12px !important;
  background-color: #000 !important;
  border-radius: 4px !important;
  box-shadow: 0 15px 35px rgba(0,0,0,0.6) !important;
  transition: transform 0.4s ease !important;
}

.elementor-loop-container .elementor-grid-item:hover img {
  transform: scale(1.01) !important;
}

/* 3. EDITORIAL TITLE STYLING */
.elementor-loop-container .elementor-heading-title,
.elementor-loop-container .elementor-post__title a {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  color: #C9A84C !important;
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  margin-top: 25px !important; 
  text-decoration: none !important;
}

/* 4. EXCERPT (THE WRITING) */
.elementor-loop-container .elementor-widget-post-excerpt,
.elementor-loop-container .elementor-post__excerpt {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 15px auto !important;
  text-align: center !important;
}

.elementor-loop-container .elementor-post__excerpt p,
.elementor-loop-container .elementor-widget-post-excerpt {
  font-family: "Source Serif Pro", Georgia, serif !important;
  font-size: 15.5px !important;
  line-height: 1.7 !important;
  color: #baae98 !important;
}

/* 5. READ MORE BUTTON - CENTERED & STYLED */
.elementor-loop-container .elementor-widget-button,
.elementor-loop-container .elementor-button-wrapper {
  margin-top: 30px !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

.elementor-loop-container .elementor-button {
  background-color: transparent !important;
  border: 1px solid rgba(201, 168, 76, 0.4) !important;
  color: #C9A84C !important;
  padding: 10px 24px !important;
  font-size: 13px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease !important;
}

.elementor-loop-container .elementor-button:hover {
  background-color: rgba(201, 168, 76, 0.1) !important;
  border-color: #C9A84C !important;
  letter-spacing: 2px !important;
}

/* RESPONSIVE ADJUSTMENTS */
@media (min-width: 1025px) {
  .elementor-loop-container .elementor-heading-title { font-size: 30px !important; }
}

@media (max-width: 1024px) {
  .elementor-loop-container .elementor-grid-item img { height: 400px !important; }
  .elementor-loop-container .elementor-heading-title { font-size: 24px !important; }
}

@media (max-width: 767px) {
  .elementor-loop-container .elementor-grid-item img { height: 320px !important; padding: 8px !important; }
  .elementor-loop-container .elementor-heading-title { font-size: 22px !important; }
}/* End custom CSS */