.news-main-content-div .news-list-div {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  margin-top: 1rem;
  justify-content: center;
}
.news-main-content-div .news-list-div .news-card {
  padding: 1rem;
  position: relative;
  width: 50%;
  min-width: min(35rem, 100vw - 6rem);
  max-width: 60rem;
  margin: 0;
}
.news-main-content-div .news-list-div .news-card .card-content {
  height: 46rem;
  width: 100%;
  box-shadow: 0 0 3px 3px var(--box-shadow-color);
  background: var(--background-elevation-3);
  border-radius: 0.25rem;
  cursor: pointer;
  overflow: auto;
}
.news-main-content-div .news-list-div .news-card .card-content:hover {
  background: var(--background-elevation-4);
  box-shadow: 0 0 6px 6px var(--box-shadow-color);
}
.news-main-content-div .news-list-div .news-card .card-content:hover .card-news-title {
  color: var(--app-color);
}
.news-main-content-div .news-list-div .news-card .card-content:hover .card-news-image img {
  transform: scale(1.2);
}
.news-main-content-div .news-list-div .news-card .card-content .card-featured-icon {
  font-size: 3.5rem;
  position: absolute;
  left: 1.5rem;
  top: -0.5rem;
  color: var(--app-color);
  z-index: 10;
}
.news-main-content-div .news-list-div .news-card .card-content .card-news-title {
  font-weight: var(--news-header-font-size);
  font-size: var(--extra-large-font-size);
  max-width: calc(100% - 1rem);
  margin: 1rem 1rem 0 1rem;
  overflow: hidden;
  white-space: break-spaces;
  transition: color 0.25s ease;
}
.news-main-content-div .news-list-div .news-card .card-content .card-news-image {
  height: auto;
  max-height: min(35rem, 40vh);
  width: 100%;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  overflow: hidden;
  margin: 0;
  display: flex; /* Use flexbox for alignment */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
}
.news-main-content-div .news-list-div .news-card .card-content .card-news-image .image {
  width: 100%;
  height: 100%;
}
.news-main-content-div .news-list-div .news-card .card-content .card-news-image .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1s ease;
}
.news-main-content-div .news-list-div .news-card .card-content .card-news-description {
  width: calc(100% - 3rem);
  font-size: var(--medium-font-size);
  margin: 0.5rem 1.5rem 1rem 1.5rem;
  overflow-y: auto;
  text-align: justify;
}
.news-main-content-div .news-list-div .news-card .card-content .card-news-description * {
  font-size: var(--medium-small-font-size);
}
.news-main-content-div .news-list-div .news-card .card-content .card-news-description p {
  font-weight: var(--news-body-font-size);
  margin: 0; /* Remove default margin of p element */
  white-space: break-spaces;
  letter-spacing: 0.04rem;
  margin-bottom: 0.25rem;
}
.news-main-content-div .news-list-div .news-card .card-content .card-news-date {
  font-size: var(--small-font-size);
  margin: 0 2rem 1rem auto;
  height: 2rem;
  width: fit-content;
}
.news-main-content-div .no-news-div-card {
  width: 25rem;
  height: 30rem;
  box-shadow: 0 0 3px 3px var(--box-shadow-color);
  background: var(--background-elevation-3);
  border-radius: 0.5rem;
  display: grid;
  grid-template-rows: max-content 1fr 1rem;
  transition: background 0.25s ease;
  padding: 1.5rem 3rem;
  font-size: var(--medium-large-font-size);
  margin: 2rem auto 3rem;
}
.news-main-content-div .no-news-div-card .icon-div {
  width: fit-content;
  margin: 0 auto 0.5rem auto;
}
.news-main-content-div .no-news-div-card .icon-div i {
  display: block;
  font-size: 5rem;
  color: var(--app-color);
}
.news-main-content-div .no-news-div-card .no-news-label {
  font-size: var(--large-font-size);
  text-align: justify;
}

/*# sourceMappingURL=news-main-page.css.map */