/*------------------------------------------
 *  Reponsive
 * -----------------------------------------*/
/*------------------------------------------
 *  BUTTON
 * -----------------------------------------*/
/*------------------------------------------
 *  Before/After
 * -----------------------------------------*/
.single-post-grid:hover header.single-post-grid-header {
  background-color: var(--wp--preset--color--second);
}
.single-post-grid:hover div.single-post-grid-content {
  background-color: var(--wp--preset--color--second);
}
.single-post-grid:hover div.single-post-grid-content .single-post-grid-date {
  color: var(--wp--preset--color--first);
}
.single-post-grid:hover div.single-post-grid-content .single-post-grid-title {
  color: var(--wp--preset--color--black);
}
.single-post-grid header.single-post-grid-header {
  padding: 15px;
  border: 1px solid var(--wp--preset--color--first);
  border-radius: var(--border-radius);
  background-color: white;
  transition: 0.3s;
}
.single-post-grid header.single-post-grid-header picture {
  border-radius: calc(var(--border-radius) - 5px);
}
.single-post-grid header.single-post-grid-header .single-post-grid-cats {
  position: absolute;
  top: 25px;
  left: 25px;
  background-color: rgba(255, 255, 255, 0.6);
  font-size: var(--psm);
  color: var(--wp--preset--color--first);
  font-weight: 600;
  border: 2px solid var(--wp--preset--color--first);
  border-radius: 50px;
  padding: 1px 15px 0;
}
.single-post-grid div.single-post-grid-content {
  border: 1px solid var(--wp--preset--color--first);
  border-radius: var(--border-radius);
  background-color: white;
  transform: translateY(-1px);
  padding: 30px 30px 20px;
  transition: 0.3s;
}
.single-post-grid div.single-post-grid-content .single-post-grid-date {
  margin-bottom: 10px;
  color: var(--wp--preset--color--second);
  font-weight: 700;
  transition: 0.3s;
}
.single-post-grid div.single-post-grid-content .single-post-grid-more {
  font-weight: 700;
  display: block;
  text-align: right;
  color: var(--wp--preset--color--first);
}

@media (max-width: 1224px) {
  .single-post-grid div.single-post-grid-content {
    padding: 20px;
  }
}
@media (max-width: 781px) {
  .single-post-grid header.single-post-grid-header {
    padding: 10px;
  }
}
@media (max-width: 550px) {
  .ik-block-grid-post .ik-grid-result picture, .ik-block-grid-post .ik-grid-result img {
    height: 150px;
  }
}/*# sourceMappingURL=single-grid-actualite.css.map */