/* ================================
   NEWS POSTS STYLING
   ================================ */
.xh-recent-posts {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 columns for large screens */
  gap: 20px;
}

/* Mid-width screens (like laptops and tablets in landscape) */
@media (max-width: 1500px) {
  .xh-recent-posts {
    grid-template-columns: repeat(3, 1fr); /* 3 columns for mid-size */
  }
}

/* Tablets and smaller desktops */
@media (max-width: 1024px) {
  .xh-recent-posts {
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
  }
}

/* Phones */
@media (max-width: 600px) {
  .xh-recent-posts {
    grid-template-columns: 1fr; /* 1 column */
  }
}
.xh-post-item {
  background: #282A2A;
  padding: 20px;
  border-radius: 10px;
	min-height:400px;
}
.xh-post-thumbnail{
	padding-top:20px;
	text-align:center;
}
.xh-post-item h3 a {
  color: #00ff88;
  text-decoration: none !important;
}
.xh-post-date {
  float:left;
	width: fit-content;
	color: #FFF;
	font-size:16px;
	font-weight:700;
	text-align:left;
}
.xh-post-author{
	float:right;
	width: fit-content;
	text-align:right;
	font-size:16px;
	font-weight:800
}
.xh-post-excerpt{
	padding-top:40px;
	padding-bottom:20px;
	font-size:20px;
}
/* Hides posts above the set limit for each screen size */

/* On large screens (desktop), hide items above desktop_limit */
@media (min-width: 1025px) {
  .post-hidden-desktop {
    display: none !important;
  }
}

/* On tablets (between 601px and 1024px), hide above tablet_limit */
@media (max-width: 1024px) and (min-width: 601px) {
  .post-hidden-tablet {
    display: none !important;
  }
}

/* On phones (600px and below), hide above mobile_limit */
@media (max-width: 600px) {
  .post-hidden-mobile {
    display: none !important;
  }
}