/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/posts-list/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.wp-block-kaaj-blocks-posts-list a {
  text-decoration: none;
}
.wp-block-kaaj-blocks-posts-list h3 {
  font-size: 1.3rem;
  font-weight: bold;
  padding: var(--wp--preset--spacing--20) 0;
}
.wp-block-kaaj-blocks-posts-list p {
  font-size: 18px;
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--wp--preset--spacing--30);
}
.wp-block-kaaj-blocks-posts-list .kaaj-post-thumbnail img {
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style1 .kaaj-post {
  flex: 1;
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style2 .kaaj-post {
  flex: auto;
  width: calc(50% - var(--wp--preset--spacing--30));
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style2 .kaaj-post .kaaj-post-content {
  padding: var(--wp--preset--spacing--30);
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style2 .kaaj-post .kaaj-post-content h3 {
  padding: 0;
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style2 .kaaj-post-thumbnail {
  position: relative;
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style2 .kaaj-post-thumbnail .kaaj-post-content {
  position: absolute;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style2 .kaaj-post-thumbnail .kaaj-post-content a {
  color: white;
  font-weight: bold;
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style2 .kaaj-post-thumbnail:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7019607843) 100%);
  top: 0;
  pointer-events: none;
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style3 {
  display: grid;
  grid-template-columns: 35% repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style3 .kaaj-post-first {
  grid-row: span 2;
  display: flex;
  flex-direction: column;
  background: #383838;
  position: relative;
  min-height: 500px;
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style3 .kaaj-post-first .kaaj-post-content {
  position: absolute;
  padding: 2rem 2vw;
  text-align: center;
  color: white;
  z-index: 1;
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style3 .kaaj-post-first .kaaj-post-content h3 {
  font-size: 1.5rem;
  font-weight: bold;
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style3 .kaaj-post-first .kaaj-post-content a {
  color: white;
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style3 .kaaj-post-first .kaaj-post-thumbnail {
  height: 100%;
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style3 .kaaj-post-first .kaaj-post-thumbnail img {
  height: 100%;
}
.wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style3 .kaaj-post-first .kaaj-post-thumbnail:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
  top: 0;
  pointer-events: none;
}
.wp-block-kaaj-blocks-posts-list .posts-view-all {
  display: inline-block;
  border-top: 1px solid lightgray;
  margin: 1rem 0;
}

@media screen and (max-width: 1024px) {
  .wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style1 .kaaj-post {
    flex: auto;
    width: calc(50% - var(--wp--preset--spacing--30));
  }
  .wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style3 {
    grid-template-columns: 40% repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style3 {
    grid-template-columns: 50% repeat(1, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style1 .kaaj-post {
    width: 100%;
    margin-bottom: 1rem;
  }
  .wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style2 .kaaj-post {
    width: 100%;
    margin-bottom: 1rem;
  }
  .wp-block-kaaj-blocks-posts-list .kaaj-posts-list.style3 {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

/*# sourceMappingURL=style-index.css.map*/