/* ================================
   POST LOOP CARD
================================ */

.ih-post-loop-card {
  position: relative;
  overflow: hidden;

  min-height: 420px;
  padding: 34px;

  border-radius: 24px;
  background-size: cover !important;
  background-position: center !important;

  display: flex;
  align-items: flex-end;

  box-shadow: 0 14px 36px rgba(0,0,0,.10);
  transition: all .3s ease;
}

.ih-post-loop-card::before {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    180deg,
    rgba(0,0,0,.12) 0%,
    rgba(0,0,0,.42) 45%,
    rgba(0,0,0,.74) 100%
  );

  z-index: 1;
}

.ih-post-loop-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 50px rgba(15,79,58,.18);
}

.ih-post-loop-content {
  position: relative;
  z-index: 2;
  max-width: 90%;
}

/* Title */

.ih-post-loop-title .elementor-heading-title,
.ih-post-loop-title a {
  color: #ffffff !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  text-decoration: none !important;
  margin: 0 0 12px !important;
}

/* Excerpt */

.ih-post-loop-excerpt,
.ih-post-loop-excerpt p {
  color: rgba(255,255,255,.82) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 0 18px !important;
}

/* Meta */

.ih-post-loop-meta,
.ih-post-loop-meta * {
  color: #ddbb63 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Button */

.ih-post-loop-button .elementor-button {
  margin-top: 24px;

  background: rgba(255,255,255,.14) !important;
  color: #ffffff !important;

  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 999px !important;

  padding: 11px 20px !important;

  font-size: 13px !important;
  font-weight: 900 !important;

  backdrop-filter: blur(10px);
  box-shadow: none !important;
}

.ih-post-loop-button .elementor-button:hover {
  background: #ffffff !important;
  color: #0f4f3a !important;
}

/* Mobile */

@media (max-width: 767px) {
  .ih-post-loop-card {
    min-height: 360px;
    padding: 26px;
    border-radius: 20px;
  }

  .ih-post-loop-title .elementor-heading-title,
  .ih-post-loop-title a {
    font-size: 24px !important;
  }

  .ih-post-loop-excerpt,
  .ih-post-loop-excerpt p {
    font-size: 13px !important;
  }
}