@font-face {
  font-family: "Montserrat";
  src:
    local("Montserrat"),
    url("/fonts/montserrat.woff2") format("woff2");
}

.blog--card {
}

.blog--title {
  font-size: 2rem;
}

.blog--meta-gap {
  display: inline-block;
  gap: 0px 0.4rem;
  color: #393939;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

.blog--divider {
  display: inline-block;
  padding: 0 0.5rem;
  &::after {
    content: "";
    display: inline-block;
    background-color: #d6d6d6;
    width: 1px;
    height: 0.8rem;
  }
}

.blog--unsplash {
  & .img {
    margin: 0 auto;
    max-height: 400px;
  }
  &.cover {
    position: relative;
    transition: 0.5s opacity ease-in-out;
    &::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(rgba(47, 47, 47, 0.1), rgba(47, 47, 47, 0.3));
      pointer-events: none;
    }
  }
}

.blog--brief-text {
  font-size: 0.8rem;
  color: rgb(57, 57, 57);
}

.blog--read-more-container {
  min-height: 3rem;
  align-items: center;
}

.blog--read-more {
  font-family: "Montserrat";
}

.blog--vertical-divider {
  content: "";
  display: inline-block;
  height: 1px;
  vertical-align: middle;
  background-color: #ededed;
}