/*---------------------------------- fonts ----------------------------------*/
/*---------------------------------- ellipsis ----------------------------------*/
/*---------------------------------- line text ----------------------------------*/
/*---------------------------------- text gradient ----------------------------------*/
/*---------------------------------- glass effect ----------------------------------*/
/*---------------------------------- card shadow ----------------------------------*/
/*---------------------------------- font icon ----------------------------------*/
/*---------------------------------- overlay ----------------------------------*/
/*---------------------------------- border radius ----------------------------------*/
/*---------------------------------- line ----------------------------------*/
/*---------------------------------- background image ----------------------------------*/
/*---------------------------------- scroll bar ----------------------------------*/
/*---------------------------------- media query ----------------------------------*/
/*---------------------------------- flex ----------------------------------*/
/*---------------------------------- Second Language ----------------------------------*/
.common-card {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 0 20px 20px 20px;
  background-color: #ffffff;
  border-radius: calc(15px * 1.3333);
  border: 1px solid #ededed;
}
.common-card:hover .common-card__title a {
  color: #A67838;
}
.common-card:hover .common-card__img img {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  filter: grayscale(1);
}
.common-card:before {
  content: "";
  width: 80%;
  height: 10px;
  margin: 0 auto;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
.common-card.primary:before {
  background-color: #013726;
}
.common-card.secondary:before {
  background-color: #A67838;
}
.common-card:has(.common-card__text) .common-card__title a {
  margin: 10px 0 -3px 0;
}
.common-card__img {
  display: block;
  width: 100%;
}
.common-card__img img {
  width: 100%;
  box-shadow: none;
  transition: all 300ms linear;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 50px;
}
.common-card__title {
  margin: 0;
}
.common-card__title a {
  display: block;
  color: #333333;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  transition: all 300ms linear;
  width: 100%;
  height: 50px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.common-card__text {
  color: #A9A9A9;
  font-size: 13px;
  line-height: 25px;
  width: 100%;
  height: 75px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.common-card .special-button {
  margin-left: auto;
}

/*# sourceMappingURL=archives-en.css.map */