.article-card-wrapper .card {
  /* gap: 10px; */
}
.article {
  display: flex;
  align-items: center;
}

.article.grid__item {
  padding: 0;
}

.grid--peek .article-card {
  box-sizing: border-box;
}
.grid--peek .article-card.card--card .card__content,
.article-card-wrapper .card--card .card__content {
  padding: 20px;
}

.article-card__image-wrapper > a {
  display: block;
}
.article-card__title {
  text-decoration: none;
  word-break: break-word;
}

.article-card__title a:after {
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.article-card__link.link {
  padding: 0;
}

.article-card__link {
  text-underline-offset: 0.3rem;
}
.blog .card__information{
  gap: 8px;
}

.blog-articles .article-card .card__information,
.blog__posts .article-card .card__information {
  padding-left: 0;
  padding-right: 0;
}

.article-card__info {
  padding-top: 0.4rem;
}

.article-card__footer {
  letter-spacing: 0.1rem;
  font-size: 1.4rem;
 
}

.article-card__footer:not(:last-child) {
  margin-bottom: 0;
}

.article-card__footer:last-child {
  margin-top: auto;
}

.article-card__excerpt {
  width: 100%;
  /* width: 300px; */
  margin: 0;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  /* display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden; */
  /* line-height: 100%; */
}

.article-card__link:not(:only-child) {
  margin-right: 3rem;
}
.blog--card {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0;
  margin-bottom: 8px;
  gap: 20px;
}
.template--index .article-card__info.blog--card{
  margin: 0;
}
.layout--collage .blog--card {
  justify-content: center;
}

.blog--card .tags {
  padding: 0;
  margin: 0;
  list-style: none;
}

.blog--card .tags li {
  color: rgb(var(--color-foreground));
  letter-spacing: 0;
  text-transform: capitalize;
  font-size: 1.6rem;
  font-weight: var(--font-body-weight-medium);
}

/* .blog--card span {
  font-size: calc(var(--font-body-scale) * 14px);
  letter-spacing: 0;
  line-height: 22px;
  font-weight: var(--font-body-weight-medium);
  text-transform: capitalize;
  word-break: keep-all;
} */

.blog__title {
  letter-spacing: 0;
  line-height: normal;
}

@media screen and (min-width: 990px) {
  .article-card__link:not(:only-child) {
    margin-right: 4rem;
  }
}

.article-card__image--small .ratio::before {
  padding-bottom: 11rem;
}

.article-card__image--medium .ratio::before {
  padding-bottom: 22rem;
}

.article-card__image--large .ratio::before {
  padding-bottom: 33rem;
}

@media screen and (min-width: 750px) {
  .article-card__image--small .ratio::before {
    padding-bottom: 14.3rem;
  }

  .article-card__image--medium .ratio::before {
    padding-bottom: 21.9rem;
  }

  .article-card__image--large .ratio::before {
    padding-bottom: 27.5rem;
  }
}

@media screen and (min-width: 990px) {
  .article-card__image--small .ratio::before {
    padding-bottom: 17.7rem;
  }

  .article-card__image--medium .ratio::before {
    padding-bottom: 30.7rem;
  }

  .article-card__image--large .ratio::before {
    padding-bottom: 40.7rem;
  }
}
@media screen and (max-width: 1199px) {
  .grid--peek .article-card.card--card .card__content,
  .article-card-wrapper .card--card .card__content {
    padding: 15px;
  }
  .article-card-wrapper .card {
    /* gap: 10px; */
  }
  .blog--card .tags li, .blog--card span {
    font-size: calc(var(--font-body-scale) * 12px);
    line-height: normal;
}
}
/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .articles-wrapper.grid {
    margin: 0 0 5rem 0;
  }

  @media screen and (min-width: 750px) {
    .articles-wrapper.grid {
      margin-bottom: 7rem;
    }
  }
}
@media screen and (max-width: 989px){
  .grid--peek .article-card.card--card .card__content,
  .article-card-wrapper .card--card .card__content {
    padding: 10px;
  }
}
@media screen and (max-width: 575px){
  .blog--card{
    display: block;
  }
   .grid--peek .article-card.card--card .card__content,
  .article-card-wrapper .card--card .card__content {
    padding: 10px;
  }
  .single_banner.banner .logo_with_collection_logo.grid{
    max-width: 30rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.article_author{
  position: absolute;
  bottom: 15px;
  left: 15px;
  padding: 0 10px;
  background: rgba(var(--color-background));
  border-radius: var(--buttons-radius);
  font-size: calc(var(--font-body-scale)* 1.4rem);
  font-weight: var(--font-body-weight-semibold);
}
.article-card-wrapper .articletags {
    padding: 3px 12px;
    background: rgba(var(--color-button));
    border-radius: var(--buttons-radius);
    font-size: calc(var(--font-body-scale)* 1.4rem);
    font-weight: var(--font-body-weight-semibold);
    text-transform: capitalize;
    letter-spacing: 0;
    line-height: normal;
}
.article-card-wrapper .new_feablog_author{
  display: flex;
  align-items: center;
  gap: 10px;
}
.article-card__info .blog--card span.circle-divider time{
  font-size: calc(var(--font-body-scale)* 1.4rem) !important;
  font-weight: var(--font-body-weight-medium) !important;
  letter-spacing: 0;
  line-height: 100%;
}
.new_feablog_author span{
  line-height: normal;

}
.article-card-wrapper .card__content{
  display: flex;
  flex-direction: column;
}