.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: #D9F6F7;
  color: #0198A2;
  border-radius: 8px;
  font-size: 14px;
}

.blog .post-type, .category .post-type, .tag .post-type, .search-results .post-type {
  padding: 6px 14px;
  background-color: #D9F6F7;
  color: #0198A2;
  border-radius: 8px;
  font-size: 14px;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
}

.blog section.blog, .category section.blog, .tag section.blog, .search-results section.blog {
  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: #c8f0f1;
  color: #0198A2;
  text-align: center;
  line-height: 30px;
  border-radius: 7px;
  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: white;
  background-color: #0198A2;
  height: 28px;
  width: 28px;
  display: block;
  text-align: center;
  border-radius: 100px;
}

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

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

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

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

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

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

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

section.blog article .thumbnail .article-categories .post-categories li a:hover {
  background-color: #D9F6F7;
}

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

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

section.blog article .thumbnail > a:before, section.blog article .thumbnail > a:after {
  transition: all 0.3s ease;
}

section.blog article .thumbnail > a:before {
  content: '';
  width: 41px;
  height: 41px;
  background: white;
  border-radius: 100%;
  position: absolute;
  right: 5px;
  bottom: 5px;
  transition: all .3s ease;
}

section.blog article .thumbnail > a:after {
  content: '';
  display: block;
  background: #0198A2;
  width: 21px !important;
  height: 21px !important;
  -webkit-mask: url("img/arrow-black.svg") no-repeat center/100% 100%;
  mask: url("img/arrow-black.svg") no-repeat center/100% 100%;
  position: absolute;
  right: 15px;
  bottom: 15px;
  transform: rotateZ(-45deg);
  transition: all .3s ease;
}

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

section.blog article .thumbnail > a:hover:before {
  background: #0198A2;
}

section.blog article .thumbnail > a:hover:after {
  background: white;
  transform: rotateZ(45deg);
}

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

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

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

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

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

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

#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: #0198A2;
  border-radius: 8px;
  font-size: 14px;
}

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

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

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

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

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

.single-post main .post-content p + .wp-block-group {
  margin-top: 36px;
}

.single-post main .post-content .wp-block-image {
  position: relative;
}

.single-post main .post-content .wp-block-image figcaption {
  position: absolute;
  bottom: 8px !important;
  left: 8px !important;
  background: #0198A2 !important;
  color: white !important;
  max-width: calc(100% - 16px);
  width: max-content !important;
  padding: 5px 10px !important;
  border-radius: 10px;
  text-shadow: none !important;
  text-align: left !important;
  box-sizing: border-box;
  font-size: 13px;
  margin: 0;
}

.single-post main > .wp-block-group > .wp-block-group__inner-container * + .wp-block-columns, .single-post main > .wp-block-group > .wp-block-group__inner-container .wp-block-columns + * {
  margin-top: 36px;
}

@media only screen and (max-width: 1024px) {
  section.blog article .thumbnail img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
  #actualites-blog section.blog {
    gap: 24px;
  }
  #actualites-blog section.blog article {
    flex-basis: calc(33.33% - 16px);
  }
}

@media only screen and (max-width: 781px) {
  .single-post p:has(iframe) iframe {
    width: 100%;
  }
}

@media only screen and (max-width: 580px) {
  #actualites-blog section.blog {
    gap: 24px;
  }
  #actualites-blog section.blog article {
    flex-basis: calc(50% - 12px);
  }
}

@media only screen and (max-width: 425px) {
  #actualites-blog section.blog {
    gap: 24px;
  }
  #actualites-blog section.blog article {
    flex-basis: 100%;
  }
}