/* ################################################################################ //
// ########################     Blog Page Styles     ############################# //
// ################################################################################ */
/*#########################          Imports          ##############################*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
  font-family: "CrashFont";
  src: url("../../../fonts/Crashnumberinggothic-MAjp.ttf");
  font-weight: normal;
  font-style: normal;
}
/*########################         Default Styles     ############################## */
/*############################################################################
##########################     Starter Section     ###########################
############################################################################*/
.blog-section {
  min-height: 90dvh;
  background: #5f9e69;
  background: radial-gradient(circle, #e7e7e7 32%, #e7e7e7 100%);
}
.blog-section .blog-row .blog-column .single-post {
  padding: 50px 0px;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.blog-section .blog-row .blog-column .single-post .post-title {
  padding: 20px 0px;
}
.blog-section .blog-row .blog-column .blog-container-inside {
  padding: 75px;
}
.blog-section .blog-row .blog-column .blog-container-inside .blog-header {
  color: #5f9e69;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
}
.blog-section .blog-row .blog-column .blog-container-inside .blog-description {
  font-weight: 700;
}
.blog-section .blog-row .blog-column .blog-container-inside .blog-posts {
  padding: 30px 0px;
  gap: 30px;
}
.blog-section .blog-row .blog-column .blog-container-inside .blog-posts .blog-post {
  position: relative;
  aspect-ratio: 16/11;
  object-fit: cover;
  background-color: rgba(0, 0, 0, 0.253);
  box-shadow: 2px 2px 2px rgba(83, 83, 83, 0.411);
  border-radius: 10px;
  border: none;
  overflow: hidden;
}
.blog-section .blog-row .blog-column .blog-container-inside .blog-posts .blog-post .post-thumbnail {
  position: absolute;
  width: 100%;
  aspect-ratio: 1/1;
  top: 0%;
  left: 0%;
  object-fit: cover;
  z-index: 1;
  cursor: pointer;
  pointer-events: all;
}
.blog-section .blog-row .blog-column .blog-container-inside .blog-posts .blog-post .post-thumbnail a {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.blog-section .blog-row .blog-column .blog-container-inside .blog-posts .blog-post .post-thumbnail a img {
  min-height: 100%;
  min-width: 100%;
}
.blog-section .blog-row .blog-column .blog-container-inside .blog-posts .blog-post .post-title {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 24px;
  text-decoration: none;
  font-weight: 700;
  color: #5f9e69;
  position: absolute;
  z-index: 3;
  bottom: 3%;
  left: 3%;
  transition: 0.3s ease all;
}
.blog-section .blog-row .blog-column .blog-container-inside .blog-posts .blog-post .post-title a {
  color: rgb(255, 255, 255);
  text-decoration: none;
  transition: 0.3s ease all;
}
.blog-section .blog-row .blog-column .blog-container-inside .blog-posts .blog-post .post-overlay {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgb(4, 4, 4);
  background: linear-gradient(180deg, rgba(4, 4, 4, 0) 9%, rgb(44, 45, 50) 78%);
  pointer-events: none;
  transition: 0.3s ease all;
}
.blog-section .blog-row .blog-column .blog-container-inside .blog-posts .blog-post:hover .post-title a {
  color: grey;
}

@media (max-width: 778px) {
  .blog-section .blog-container .blog-row .blog-column .blog-container-inside {
    padding: 10px;
  }
  .blog-section .blog-container .blog-row .blog-column .blog-container-inside .blog-header {
    padding-top: 50px;
    padding-bottom: 10px;
  }
  .blog-section .blog-container .blog-row .blog-column .blog-container-inside .blog-description {
    padding-bottom: 10px;
    margin-bottom: 0px;
    text-align: center;
  }
}

/*# sourceMappingURL=blog.css.map */