@import url("https://use.typekit.net/mfn0qbw.css");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");
.blog .category-list, .category .category-list, .tag .category-list, .search-results .category-list {
  margin-top: 32px;
  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: #631312;
  color: white;
}

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

.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: #631312;
  color: white;
  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: white;
  background-color: #631312;
  height: 28px;
  width: 28px;
  display: block;
  text-align: center;
}

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

#blog-group section.blog-list .article-row {
  flex-direction: row;
  flex-basis: unset;
  padding: 80px 0;
  margin-top: 0 !important;
  border-top: 1px solid black;
}

#blog-group section.blog-list .article-row:last-child {
  border-bottom: 1px solid black;
}

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

#blog-group section.blog-list .article-row .article-thumbnail .article-categories {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
}

#blog-group section.blog-list .article-row .article-thumbnail .article-categories .post-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#blog-group section.blog-list .article-row .article-thumbnail .article-categories .post-categories li {
  list-style: none;
}

#blog-group section.blog-list .article-row .article-thumbnail .article-categories .post-categories li a {
  display: block;
  background-color: white;
  color: #631312;
  padding: 6px 12px;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
}

#blog-group section.blog-list .article-row .article-thumbnail .article-categories .post-categories li a:hover {
  background-color: #631312;
  color: white;
}

#blog-group section.blog-list .article-row .article-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
}

#blog-group section.blog-list .article-row .article-title a {
  line-height: normal;
}

#blog-group section.blog-list .article-row .wp-block-column.article-content {
  display: flex;
  flex-direction: column;
}

#blog-group section.blog-list .article-row .wp-block-column.article-content > p {
  margin-bottom: 32px;
}

#single-header .wp-block-group__inner-container {
  padding-bottom: 0 !important;
}

#single-header .date {
  margin-top: auto;
}

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

#single-header h1 {
  font-size: 60px;
  transform: translateY(-10px);
  line-height: 72px;
}

#single-header p:first-of-type {
  font-size: 20px;
}

#single-header .post-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
  margin-bottom: 32px;
}

#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: #631312;
  font-size: 14px;
}

#single-header .wp-block-columns {
  align-items: stretch;
}

#single-header .wp-block-columns .wp-block-column {
  display: flex;
}

#single-header .wp-block-columns .wp-block-column:first-child img {
  width: 100%;
  height: 100%;
  max-height: 750px;
  object-fit: cover;
  display: block;
}

#single-header .wp-block-columns .wp-block-column a {
  color: black;
}

#single-header .wp-block-columns .wp-block-column:last-child {
  flex-direction: column;
}

#single-header .wp-block-columns .wp-block-column:last-child h1 {
  margin-bottom: 0;
}

.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;
}

.cta-blog {
  text-align: center;
}

.wp-block-group__inner-container.title-home-blog {
  padding-bottom: 0 !important;
}

.wp-block-group__inner-container.title-home-blog .wp-block-columns {
  gap: 32px;
}

.wp-block-group__inner-container.title-home-blog .wp-block-columns .wp-block-column:nth-of-type(1) {
  flex-basis: 75%;
}

.wp-block-group__inner-container.title-home-blog .wp-block-columns .wp-block-column:nth-of-type(2) {
  flex-basis: 25%;
  text-align: right;
  display: flex;
  align-items: center;
}

#single-header a.lien-back {
  margin-top: 32px !important;
}

.article-title a {
  text-decoration: none !important;
  color: black !important;
}

@media only screen and (min-width: 1230px) {
  .wp-block-group.group-content-blog .wp-block-group__inner-container {
    padding: 128px;
  }
  .wp-block-group.group-content-blog .wp-block-group__inner-container a {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 1230px) {
  .article-title {
    font-size: 35px;
    line-height: normal;
  }
  #single-header h1 {
    font-size: 48px;
    line-height: 58px;
  }
}

@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);
  }
  #single-header h1 {
    font-size: 40px;
    line-height: 48px;
    transform: none;
  }
  #single-header .post-categories {
    margin: 32px 0;
  }
  #blog-group section.blog-list .article-row .article-thumbnail img {
    height: 300px;
    object-fit: cover;
  }
  .wp-block-group.group-content-blog .wp-block-group__inner-container {
    padding-top: 40px;
  }
  .wp-block-group__inner-container.title-home-blog p {
    text-align: left;
  }
}

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