/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*/
@font-face {
  font-family: "Playfair Display";
  src: url("../../assets/fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display Italic";
  src: url("../../assets/fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
.blog-article-hero {
  padding-top: 290px;
  padding-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .blog-article-hero {
    padding-top: 176px;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .blog-article-hero {
    padding-top: 160px;
  }
}

.blog-entry-header-wrapper {
  display: flex;
  gap: 32px;
}
.blog-entry-header-wrapper__post-thumbnail {
  width: 40%;
  flex-shrink: 0;
}
.blog-entry-header-wrapper__post-thumbnail img {
  border-radius: 8px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .blog-entry-header-wrapper__post-thumbnail img {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .blog-entry-header-wrapper__post-thumbnail {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .blog-entry-header-wrapper {
    flex-direction: column;
  }
}

.blog-entry-header__back-link {
  font-weight: 600;
}
.blog-entry-header__back-link:hover {
  color: #0C9381;
}
.blog-entry-header__entry-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 32px 0 24px;
}
.blog-entry-header__entry-tags a {
  font-size: 12px;
  color: #FFFFFF;
  background-color: #00AF97;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 8px;
  border: 1px solid #0C9381;
  border-radius: 50px;
}
.blog-entry-header__title {
  font-size: 48px;
  line-height: 60px;
}
@media screen and (max-width: 767px) {
  .blog-entry-header__title {
    font-size: 32px;
    line-height: 42px;
  }
}
.blog-entry-header__entry-summary {
  font-size: 20px;
  margin: 24px 0 40px;
}
@media screen and (max-width: 1024px) {
  .blog-entry-header__entry-summary {
    margin: 16px 0 32px;
  }
}
.blog-entry-header__entry-meta {
  display: flex;
  gap: 10px;
}
.blog-entry-header__entry-meta__avatar img {
  border-radius: 50%;
}
.blog-entry-header__entry-meta__wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.blog-entry-header__entry-meta__wrapper__title {
  font-weight: 400;
  color: #D1D1D1;
}
.blog-entry-header__entry-meta__wrapper__name {
  font-weight: 500;
}

.blog-article-content-section {
  background-color: #F8F7F7;
  padding-top: 80px;
}
.blog-article-content-section a {
  color: #007BFF;
  text-decoration: underline;
}
.blog-article-content-section a:hover,
.blog-article-content-section a:focus {
  color: #0056b3;
}
.blog-article-content-section a:active {
  color: #004085;
}
.blog-article-content-section a:visited {
  color: #6f42c1;
}
.blog-article-content-section h2 {
  font-size: 24px;
  margin: 32px 0 16px;
}

.blog-article-content-section-container {
  max-width: 822px;
}
/*# sourceMappingURL=single.css.map */