@charset "UTF-8";
@font-face {
  font-family: "SplineBold";
  src: url("../fonts/SplineSans-Bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "SplineLight";
  src: url("../fonts/SplineSans-Light.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "SplineMedium";
  src: url("../fonts/SplineSans-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "SplineSemiBold";
  src: url("../fonts/SplineSans-SemiBold.woff2") format("woff2");
  font-display: swap;
}
/*
* Mixin pour les typographies fluides responsives
*
* $min-font-size - La taille de police minimum
* $max-font-size - La taille de police maximum
*
* Dans l'exemple ci-dessous l'élément aura une font-size minimum de 12px en dessous du le breakpoint small et maximum 18px au dessus du breakpoint large
* .mon-element {
* 	@include fluid-type(12px, 18px);
* }
*
* On peut également redéfinir les breakpoint minimum et maximum comme ci-dessous 
* .mon-element {
* 	@include fluid-type(12px, 18px, 768px, 1200px);
* }
*/
.archive #actu-grid {
  padding: var(--section-spacer) 0;
}
.archive #actu-grid .swiper-slide {
  position: relative;
  transform: none;
}
.archive #actu-grid .swiper-slide img {
  margin-bottom: 0;
}
.archive .card-sciences {
  background-color: var(--primary-ultra-ligth);
}
.archive .card-sciences .grid-1 {
  row-gap: 5rem;
}
.archive .card-sciences .grid-1 .single-post-card_two .slide-text {
  padding: 20px;
}
@media screen and (min-width: 780px) {
  .archive .card-sciences .grid-1 .single-post-card_two .slide-text {
    padding: 25px;
  }
}
.archive .card-sciences .grid-1 .single-post-card_two .slide-text .ax-title4 {
  font-size: 16px;
}
@media screen and (min-width: 1120px) {
  .archive .card-sciences .grid-1 .single-post-card_two .slide-text .ax-title4 {
    font-size: 20px;
  }
}