@import url("https://use.typekit.net/mfn0qbw.css");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");
@font-face {
  font-family: 'Gotham-Bold';
  src: url("fonts/Gotham/Gotham-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Book';
  src: url("fonts/Gotham/Gotham-Book.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Light';
  src: url("fonts/Gotham/Gotham-Light.otf") format("opentype");
  font-weight: lighter;
  font-style: normal;
}

.blog .category-list, .category .category-list, .tag .category-list, .search-results .category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.blog .category-list li, .category .category-list li, .tag .category-list li, .search-results .category-list li {
  list-style: none;
}

.blog .category-list li a, .category .category-list li a, .tag .category-list li a, .search-results .category-list li a {
  display: block;
  text-decoration: none;
  padding: 6px 14px;
  background-color: #F4FBF3;
  color: white;
}

.blog section.blog-list, .category section.blog-list, .tag section.blog-list, .search-results section.blog-list {
  margin-top: 32px;
}

.blog .pagination ul, .category .pagination ul, .tag .pagination ul, .search-results .pagination ul {
  margin-top: 48px;
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
}

.blog .pagination ul li a, .category .pagination ul li a, .tag .pagination ul li a, .search-results .pagination ul li a {
  text-decoration: none;
}

.blog .pagination ul li a.prev, .blog .pagination ul li a.next, .category .pagination ul li a.prev, .category .pagination ul li a.next, .tag .pagination ul li a.prev, .tag .pagination ul li a.next, .search-results .pagination ul li a.prev, .search-results .pagination ul li a.next {
  height: 28px;
  width: 28px;
  display: block;
  background-color: #F4FBF3;
  color: #2C3133;
  text-align: center;
  line-height: 30px;
  font-family: arial;
}

.blog .pagination ul li span.current, .category .pagination ul li span.current, .tag .pagination ul li span.current, .search-results .pagination ul li span.current {
  color: #2C3133;
  background-color: #F4FBF3;
  height: 28px;
  width: 28px;
  display: block;
  text-align: center;
}

#blog-group section.blog-list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 16px;
}

#blog-group section.blog-list article {
  flex-basis: calc(25% - 12px);
}

section.blog-list article {
  display: flex;
  flex-direction: column;
}

section.blog-list article .thumbnail {
  position: relative;
}

section.blog-list article .thumbnail .article-categories {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
}

section.blog-list article .thumbnail .article-categories .post-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

section.blog-list article .thumbnail .article-categories .post-categories li a {
  opacity: 1 !important;
  display: block;
  background-color: white;
  color: #F4FBF3;
  padding: 4px 8px;
  text-decoration: none;
  font-size: 13px;
}

section.blog-list article .thumbnail img {
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
  width: 100%;
}

section.blog-list article .thumbnail > a {
  position: relative;
  aspect-ratio: 4 / 3;
  display: block;
  height: 100%;
}

section.blog-list article .thumbnail > a:hover {
  opacity: .8;
}

section.blog-list article .article-info {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

section.blog-list article .date {
  font-size: 14px;
}

section.blog-list article .article-title {
  width: auto;
  position: static;
  font-size: 16px;
  font-weight: 700;
  margin-top: 0;
}

section.blog-list article .article-title a {
  text-decoration: none;
}

section.blog-list article .article-excerpt {
  margin-top: 8px;
}

section.blog-list article .article-excerpt p {
  font-size: 13px;
}

#single-header .wp-block-group__inner-container {
  background-color: #F4FBF3;
}

#single-header .wp-block-group__inner-container > * {
  color: white;
}

#single-header * + .date {
  margin-top: 32px;
}

#single-header .date + * {
  margin-top: 8px;
}

#single-header h1 {
  font-size: 40px;
}

#single-header .post-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#single-header .post-categories li {
  list-style: none;
}

#single-header .post-categories li a {
  display: block;
  text-decoration: none;
  padding: 6px 14px;
  background-color: white;
  color: #F4FBF3;
  font-size: 14px;
}

.single-post main img.alignleft {
  float: left;
  max-width: 300px;
  margin: 15px 25px 15px 0;
}

.single-post main img.aligncenter {
  width: 80%;
  margin: 0 auto;
}

.single-post main img.alignright {
  float: right;
  max-width: 300px;
  margin: 15px 25px 15px 0;
}

.single-post p:has(img.aligncenter) {
  text-align: center;
}

.single-post * + table {
  margin-top: 24px;
}

.single-post p:has(iframe) {
  text-align: center;
}

.single-post p:has(iframe) iframe {
  width: 60%;
}

.single-post .gallery + p {
  margin-top: 16px;
}

@media only screen and (max-width: 1024px) {
  #actualites-blog section.blog-list article {
    flex-basis: calc(33.33% - 11px);
  }
}

@media only screen and (max-width: 781px) {
  #actualites-blog section.blog-list article {
    flex-basis: calc(50% - 8px);
  }
}

@media only screen and (max-width: 580px) {
  section.blog-list article {
    flex-basis: 80%;
  }
}