/* Filename: css/latest_press_releases.css */

.press-releases-content{
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 0px; /* Add padding top/bottom */
}

.latest-press-releases-paragraph {
  background-color: #fff;
}

.latest-press-releases__title {
  margin-bottom: 0.8em !important;
  font-size: 1.8em;
  color: #4B4C57;
}

.latest-press-releases__content-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2em;
}

@media (min-width: 768px) {
  .latest-press-releases__content-wrapper {
    grid-template-columns: 1.5fr 1fr;
  }
}

.latest-press-releases__text-content {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.latest-press-releases__item-title {
  font-size: 16px;
  line-height: 100%;
  color: #000;
}

.latest-press-releases__item-meta {
  margin-bottom: 0.5em;
}

.latest-press-releases__item-date {
  font-size: 12px;
  color: #AAAAAA;
  display: flex;
  align-items: center;
  gap:
          0.4em;
  padding: 5px 10px;
  background-color: #F8F9FA;
  font-weight: 600;
  max-width: 125px;
}

.latest-press-releases__clock-icon {
  width: 15px;
  height: 15px;
  color: #6B778C;
  flex-shrink: 0;
}

.latest-press-releases__summary {
  color: #6F7079; /* Adjust text color */
  line-height: 100%;
  font-size: 16px; /* Adjust size */
  font-weight: 400;
}

.latest-press-releases__summary p:last-child {
  margin-bottom: 0; /* Remove extra space from paragraphs inside summary */
}


.latest-press-releases__buttons {
  margin-top: 1em; /* Space above buttons */
  display: flex;
  flex-wrap: wrap; /* Allow buttons to wrap on small screens */
  gap: 1em; /* Space between buttons */
  align-items: center;
}

.latest-press-releases__buttons .button {
  display: inline-block;
  padding: 0.7em 1.4em; /* Adjust padding */
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  font-family: Poppins;
}

.latest-press-releases__buttons .button--read-more {
  background-color: #95c11f;
  color: #fff;
  border: 1px solid;
}
.latest-press-releases__buttons .button--read-more:hover {
  background-color: #ffffff !important;
  border-color: #95c11f !important;
  color: #95c11f !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid;
  font-size: 16px;
}

.latest-press-releases__buttons .button--see-all {
  background-color: #0052cc; /* Blue */
  color: white;
  border: 1px solid;
}
.latest-press-releases__buttons .button--see-all:hover {
  background-color: #ffffff !important;
  border-color: #2a55ca !important;
  color: #2a55ca !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid;
  font-size: 16px;
}

.latest-press-releases__image {
  line-height: 0;
  overflow: hidden; /* Ensure image respects container */
  /* Let grid handle sizing, but maybe set a max-width/height or aspect ratio if needed */
  max-width: 100%; /* Ensure image is responsive */
  height: auto; /* Maintain aspect ratio */
}

.latest-press-releases__image img {
  display: block;
  width: 100%;
  height: auto; /* Adjust if fixed height is needed */
  object-fit: contain; /* Use contain or cover based on desired image scaling */
  object-position: center;
  max-height: 350px; /* Example max height */
}

.button--read-more svg, .button--see-all svg{
  padding-left: 4px;
}

/* Adjust image placement on mobile if needed */
@media (max-width: 767px) {
  .latest-press-releases__image {
    /* Image might appear below text by default with single column grid */
    order: -1; /* Move image above text content if desired */
    margin-bottom: 1.5em; /* Add space below image when stacked */
    max-height: 250px; /* Smaller max height on mobile */
  }
  .latest-press-releases__content-wrapper {
    padding: 1em; /* Less padding */
  }
}