/* temp - light mode */
/* body{
    background-color: white;
    color: black;
}
#navbar{
    background-color: black;
} */

/* newsroom wrapper */
#newsroom.wrapper {
  padding: 0 10%;
}

.article-card-content h6 {
  font-size: 0.6rem;
  letter-spacing: 0.1em;

  margin-bottom: 5px;
}
.article-card-content h5 {
  font-size: 0.9rem;
  letter-spacing: 0em;

  margin-bottom: 5px;
}
.article-card-content h6.blog-detail {
  margin-bottom: 0;
}

/* hovers */
/* a:hover .article-card-content h6 {
  color: white;
} */
/*  a:hover h5{
    color: white;
  } */

.article-card {
  display: grid;
  grid-template-rows: auto 1fr;
}
.article-card-img-container {
  overflow: hidden;
  height: 300px;
  width: 100%;
  margin-bottom: 20px;
}
.article-card-img {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s;
}
.article-card:hover .article-card-img {
  transform: scale(1.05);
}
.article-card-content {
  /* display: grid; */
  display: flex;
  flex-direction: column;
}
.article-card-content-inner {
  /* display: grid; */
  display: flex;
  flex-direction: column;
}

.blog-detail-spacing {
  margin-bottom: 10px !important;
}

.blog-detail-bottom {
  margin-top: auto;
  transition: all 0.3s;
}
.blog-detail-bottom:hover {
  color: black;
}

/* title */
.newsroom-title h3 {
  margin-bottom: 20px;
}
.newsroom-title {
  margin-bottom: 50px;
}
.newsroom-filters-container {
  display: grid;
  grid-template-columns: repeat(4, auto);
  justify-content: flex-start;
  gap: 10px;
}
/* news grid */
.newsroom-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);

  gap: 60px 30px;
}

.article-card-logo {
  background-size: contain;
  background-color: black;
}

/* duke in media */
#spiral .article-card-logo {
  background-color: black;
  background-size: 50%;
}
#jsh .article-card-logo {
  background-color: #e1011b;
}
#doha-news .article-card-logo {
  background-color: #692146;
}
#pia .article-card-logo {
  background-color: black;
}

/* endline */
.endline {
  margin-top: 120px;
}

@media (max-width: 1200px) {
  /* news grid */
  .newsroom-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 717px) {
  .newsroom-filters-container {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: flex-start;
    gap: 10px;
  }
  .newsroom-filters-container .jbtn-black-outlined:last-child {
    grid-column: 1/span 2;
  }
}
@media (max-width: 650px) {
  #newsroom.wrapper {
    padding: 0 30px;
  }
}
@media (max-width: 576px) {
  /* news grid */
  .newsroom-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}
@media (max-width: 455px) {
  .newsroom-filters-container {
    grid-template-columns: repeat(2, auto);
  }
  .newsroom-filters-container .jbtn-black-outlined:last-child {
    grid-column: auto;
  }
}
@media (max-width: 400px) {
}
@media (max-width: 364px) {
  .newsroom-filters-container {
    grid-template-columns: repeat(1, auto);
    justify-content: flex-start;
  }
}
@media (max-width: 300px) {
  /* news grid */
  .newsroom-grid {
    gap: 20px 30px;
  }
  #newsroom.wrapper {
    padding: 0 15px;
  }
}