.blog_container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.blog_container .blog_row {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  border: 1px solid black;
  text-decoration: none !important;
  overflow: hidden;
  background-color: #fff;
}
@media (min-width: 1200px) {
  .blog_container .blog_row {
    flex-direction: row;
    height: 10rem;
  }
}
.blog_container .blog_row:hover {
  background-color: #eee;
}
.blog_container .blog_row .blog_thumb {
  align-self: flex-start;
  height: auto;
  width: 100%;
  aspect-ratio: 16/9;
  background-color: transparent;
  color: transparent;
}
@media (min-width: 1200px) {
  .blog_container .blog_row .blog_thumb {
    height: 100%;
    width: auto;
  }
}
.blog_container .blog_row .blog_thumb > img {
  aspect-ratio: 16/9;
}
.blog_container .blog_row .blog_content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: inherit;
  width: 100%;
  height: 100%;
  padding: 1rem;
  position: relative;
  overflow: hidden;
}
.blog_container .blog_row .blog_content .blog_title {
  display: flex;
  flex-direction: row;
  align-items: start;
  font-weight: bold;
  width: 100%;
  height: 1.5rem;
  background-color: inherit;
}
.blog_container .blog_row .blog_content .blog_title > span {
  overflow-x: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.blog_container .blog_row .blog_content .blog_text {
  font-size: 0.825rem;
  width: 100%;
  line-height: 1rem;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* number of lines to show */
  line-clamp: 4;
  -webkit-box-orient: vertical;
}
.blog_container .blog_row .blog_content .blog_footer {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
  font-size: 0.825rem;
  color: #b3b3b3;
  width: 100%;
  height: 1.5rem;
  background-color: inherit;
}
.blog_container .blog_row .blog_content .blog_footer > .blog_read {
  padding-right: 1rem;
}
.blog_container .blog_row .blog_content .blog_footer > .blog_read::after {
  position: relative;
  background-color: #b3b3b3;
  content: "";
  display: inline-block;
  width: 0.825rem;
  height: 0.825rem;
  top: 0.15rem;
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M15.6315 12L10.8838 3.03212L9.11622 3.9679L13.3685 12L9.11622 20.0321L10.8838 20.9679L15.6315 12Z"></path></svg>');
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M15.6315 12L10.8838 3.03212L9.11622 3.9679L13.3685 12L9.11622 20.0321L10.8838 20.9679L15.6315 12Z"></path></svg>');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/styles/site/blog.scss%22,%22../../assets/styles/site/_variables.scss%22,%22../../assets/styles/site/_breakpoints.scss%22,%22../../assets/styles/site/_icons.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAKA;EACI;EACA;EACA;EAEA;;AAKA;EACI;EACA;EAEA;EACA;EAGA;EAEA;EAEA;EAEA,kBC7BW;;ACsCjB;EFvBE;IAiBQ;IACA,QArBM;;;AAyBV;EACI,kBCtBI;;ADyBR;EACI;EACA;EACA;EACA;EAIA;EACA;;AEZV;EFGM;IAYQ;IACA;;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EAGA;EAEA;EACA;EAEA;EAEA;;AAEA;EACI;EACA;EACA;EAEA;EACA;EACA,QAxEQ;EA0ER;;AAEA;EACI;EACA;EACA;;AAIR;EAEI;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;;AAGJ;EAGI;EACA;EACA;EACA;EAEA;EACA,OARe;EASf;EACA,QA5GO;EA8GP;;AAEA;EACI;;AACA;EGpFhB;EAEA;EACA;EACA;EACA;EACA;EAEA;EAjBA;EACA;EACA;EACA%22,%22file%22:%22blog.output.css%22%7D */