:root {
  --maxwidth: 1280px;
  --maxwidth2: 1040px;
  --font1: 'Bison', arial, sans-serif;
  --font2: 'Coal Hand Luke', arial, sans-serif;
  --font3: 'Lato', arial, sans-serif;
  --baseFontSize: 10px;
  --remFontSize: 1.6rem;
  --fontRatio: 1.33;
  --fontSize300: calc(var(--remFontSize) / var(--fontRatio)); /* 12px */
  --fontSize400: var(--remFontSize); /* 16px */
  --fontSize450: calc(var(--remFontSize) + 0.2rem); /* 18px */
  --fontSize500: calc(var(--fontSize400) * var(--fontRatio)); /* 21px */
  --fontSize550: calc(var(--fontSize400) * var(--fontRatio) + 0.3rem); /* 24px */
  --fontSize600: calc(var(--fontSize500) * var(--fontRatio)); /* 28px */
  --fontSize700: calc(var(--fontSize600) * var(--fontRatio)); /* 37px */
  --fontSize800: calc(var(--fontSize700) * var(--fontRatio) - 0.1rem); /* 49px */
  --fontSize900: calc(var(--fontSize800) * var(--fontRatio) - 0.5rem); /* 65px */
  --fontSize1000: calc(var(--fontSize900) * var(--fontRatio)); /* 86px */
  --black: #000000;
  --white: #ffffff;
  --red: #F03E3C;
  --blue: #1685BF;
  --beige: #E9E3DA;
  --grey: #BFBAC0;
  --expoInOut: cubic-bezier(.8,-0.05,.2,1.05);
}

.has-black-color {color: var(--black)}
.has-black-background-color {background-color: var(--black)}
.has-white-color {color: var(--white)}
.has-white-background-color {background-color: var(--white)}
.has-red-color {color: var(--red)}
.has-red-background-color {background-color: var(--red)}
.has-blue-color {color: var(--blue)}
.has-blue-background-color {background-color: var(--blue)}
.has-beige-color {color: var(--beige)}
.has-beige-background-color {background-color: var(--beige)}

@media (max-width: 1360px) {
  :root {
    --maxwidth: calc(100% - 80px);
  }
}

@media (max-width: 1120px) {
  :root {
    --maxwidth2: calc(100% - 80px);
  }
}

@media (max-width: 1440px) {
  :root {
    --baseFontSize: 9px;
    --fontSize1000: var(--fontSize900);
  }
}

@media (max-width: 800px) {
  :root {
    --maxwidth: calc(100% - 40px);
    --maxwidth2: calc(100% - 40px);
    --baseFontSize: 8px;
    --fontSize1000: var(--fontSize800);
    --fontSize900: var(--fontSize800);
  }
}

@media (max-width: 400px) {
  :root {
    --fontSize1000: var(--fontSize700);
    --fontSize900: var(--fontSize700);
    --fontSize800: var(--fontSize700);
  }
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-size: var(--baseFontSize);
  overflow: auto;
  scroll-behavior: smooth;
  scroll-padding-top: 200px;
}

body {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  font-family: var(--font3);
  font-size: var(--fontSize400);
  overflow: hidden;
}

#page {
  min-height: 100vh;
  justify-content: space-between;
}

.main {
  width: 100%;
  max-width: var(--maxwidth);
}

h1 {
  font-family: var(--font2);
  margin: 2rem 0;
  font-size: var(--fontSize1000);
  font-weight: 400;
}
h2 {
  font-family: var(--font2);
  margin: 2rem 0;
  font-size: var(--fontSize900);
  font-weight: 400;
}
h3 {
  font-family: var(--font2);
  margin: 2rem 0;
  font-size: var(--fontSize800);
  font-weight: 400;
}
h4 {
  font-family: var(--font2);
  margin: 2rem 0;
  font-size: var(--fontSize800);
  font-weight: 400;
}
h5 {
  margin: 2rem 0;
  font-size: var(--fontSize600);
  font-weight: 400;
}
h1, h2, h3, h4, h5 {
  width: 100%;
  line-height: 120%;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
  font-weight: 700;
}
a {
  color: var(--bleu);
}
p, ul, ol {
  width: 100%;
  margin: 1.33rem 0;
}
ul li, ol li {
  font-family: var(--font3);
  font-size: var(--fontSize400);
  line-height: 125%;;
}
p {
  font-family: var(--font3);
  font-size: var(--fontSize400);
  line-height: 125%;
}
p.big, .big p {
  font-size: var(--fontSize500);
  font-weight: 600;
  line-height: 140%;
}
blockquote {
  width: 100%;
  margin: 0;
}
figure {
  display: flex;
  margin: 0;
}
img {
  max-width: 100%;
}
img.aligncenter {
  display: block;
  margin: 0 auto;
}
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex__col {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.links {
  width: 100%;
  justify-content: flex-start;
  flex-flow: wrap;
  gap: 20px;
  margin: 30px 0;
}
.links.center {
  justify-content: center;
}
.links.Om {
  margin: 0;
}

.editor-styles-wrapper .wp-block-spacer {
  background-color: rgba(0,0,0,0.05);
}

.alignfull {
  width: 100%;
}

.error-404, .searchPage {
  margin: 4rem 0;
  min-height: calc(25vh - 100px);
}

.error-404 h1 {
  text-align: center;
}

.btn {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 18rem;
  padding: 1.6rem 3.4rem;
  font-family: var(--font3);
  font-size: var(--fontSize550);
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--white);
  background: var(--red);
  border-radius: 14px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s var(--expoInOut);
  border: 0.2rem solid var(--red);
}

.btn.active {
  color: var(--red);
  background: var(--white);
}

.btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: calc(100% + 20px);
  height: auto;
  aspect-ratio: 1/1;
  background-color: var(--white);
  border-radius: 100%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.3s var(--expoInOut);
}

.btn:hover {
  color: var(--red);
  border-color: var(--red);
}

.btn:hover::before {
  transform: translate(-50%, -50%) scale(1);
}

.btn.blue {
  background: var(--blue);
  border-color: var(--blue);
}

.btn.blue::before {
  background-color: var(--white);
}

.btn.blue:hover {
  color: var(--blue);
  border-color: var(--blue);
}

.btn.white {
  color: var(--black);
  background: var(--white);
  border-color: var(--white);
}

.btn.white::before {
  background-color: var(--red);
}

.btn.white:hover {
  color: var(--white);
}

.btn.whiteBorder {
  color: var(--white);
  background: transparent;
  border-color: var(--white);
}

.btn.whiteBorder::before {
  background-color: var(--white);
}

.btn.whiteBorder:hover {
  color: var(--black);
}

.coalhandluke, .coalhandluke h1, .coalhandluke h2, .coalhandluke h3, .coalhandluke h4, .coalhandluke h5, .coalhandluke h6, .coalhandluke p {
  font-family: var(--font2)!important;
  font-weight: 400;
  font-style: normal;
}

.bison, .bison h1, .bison h2, .bison h3, .bison h4, .bison h5, .bison h6, .bison p {
  font-family: var(--font1)!important;
  font-weight: 400;
  font-style: normal;
}

.frutiger, .frutiger h1, .frutiger h2, .frutiger h3, .frutiger h4, .frutiger h5, .frutiger h6, .frutiger p {
  font-family: var(--font3)!important;
}

.big, .big h1, .big h2, .big h3, .big h4, .big h5, .big h6, .big p {
  font-size: var(--fontSize550)!important;
}

.header {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  justify-content: center;
  align-items: flex-start;
  transition: all 0.5s;
}

.header.active {
  background-color: rgba(0,0,0,0.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.header ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.header ul li a {
  font-family: var(--font1);
  font-size: var(--fontSize600);
  color: var(--white);
  text-decoration: none;
}

.header__inner {
  width: 100%;
  max-width: var(--maxwidth);
  justify-content: flex-start;
  gap: 12rem;
  padding: 2rem 0;
}

.header__logo {
  width: 100%;
  max-width: 150px;
  height: auto;
  transition: all 0.5s;
}

.header.active .header__logo {
  max-width: 100px;
}

.header__logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.header nav, .header nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header nav ul {
  gap: 8rem;
}

.extra__nav {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 1.5rem 3rem 1.5rem 6rem;
  background-color: var(--red);
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  transform: translateY(-50%);
  transition: all 0.5s;
}

.extra__nav.hidden {
  transform: translateY(-50%) translateX(calc(100% - 110px));
}

.extra__nav .extra__nav__arrow {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 2rem 1.5rem;
  transform: translateY(-50%);
  cursor: pointer;
}

.extra__nav .extra__nav__arrow div {
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent; 
  border-left: 15px solid var(--white);
  transition: all 0.5s;
}

.extra__nav.hidden .extra__nav__arrow div {
  transform: rotate(180deg);
}

.extra__nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4rem;
}

.extra__nav ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 100%;
}

.extra__nav ul li ul {
  gap: 2rem;
}

.extra__nav ul .extra__nav__tel a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}

.extra__nav ul li ul li img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

@media (max-width: 1440px) {
  .extra__nav.hidden {
    transform: translateY(-50%) translateX(calc(100% - 102px));
  }
}

@media (max-width: 1300px) {
  .extra__nav {
    top: 100dvh;
    transform: translateY(calc(-100% - 20px));
  }
  .extra__nav.hidden {
    transform: translateY(calc(-100% - 20px)) translateX(calc(100% - 102px));
  }
}

@media (max-width: 1080px) {
  .header__inner {
    justify-content: space-between;
  }
  #burger {
    position: relative;
    z-index: 10;
    width: 40px;
    height: 40px;
    cursor: pointer;
  }
  #burger div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 3px;
    border-radius: 100px;
    background-color: var(--white);
    transition: all 0.5s var(--expoInOut);
  }
  #burger div:nth-child(1) {
    transform: translate(-50%, calc(-50% - 10px));
  }
  #burger div:nth-child(2) {
    transform: translate(-50%, -50%);
  }
  #burger div:nth-child(3) {
    transform: translate(-50%, calc(-50% + 10px));
  }
  #burger.active div:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  #burger.active div:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  #burger.active div:nth-child(3) {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .header__menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background-color: var(--red);
    transform: translateX(100%);
    transition: all 0.5s var(--expoInOut);
  }
  .header__menu.active {
    transform: translateX(0%);
  }
  .header .header__menu nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4rem;
  }
}

@media (max-width: 800px) {
  .extra__nav.hidden {
    transform: translateY(calc(-100% - 20px)) translateX(calc(100% - 94px));
  }
}

@media (max-width: 500px) {
  .header__logo {
    max-width: 120px;
  }
}

.intro {
  position: relative;
  z-index: 2;
  width: 100vw;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
}

.intro figure {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.intro figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.intro h1 {
  font-family: var(--font1);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  margin-top: 30rem;
}

.intro h1 em {
  font-family: var(--font2);
  font-weight: 400;
  font-style: normal;
  text-transform: none;
}

.intro h1 span {
  color: var(--red);
  font-size: calc(var(--fontSize1000) + 6rem);
  line-height: 60%;
  padding: 4rem 0 0 0;
}

.presentation {
  position: relative;
  width: 100vw;
  color: var(--white);
  background-image: url(./assets/chart/fond-granite.jpg), url(../wp-content/themes/enviePizza/assets/chart/fond-granite.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.presentation__inner {
  width: 100%;
  max-width: var(--maxwidth);
  padding: 8rem 0 12rem 0;
}

.presentation__content {
  text-align: center;
}

.presentation__content p {
  font-size: var(--fontSize600);
}

.presentation__content ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: auto;
  margin: 40px 0;
}

.presentation__content ul li {
  font-size: var(--fontSize450);
}

.presentation__items {
  width: 100%;
  gap: 6rem;
  align-items: stretch;
  flex-flow: wrap;
  margin: 60px 0;
}

.presentation__item {
  position: relative;
  width: calc(33.33% - 40px);
  justify-content: flex-start;
}

.presentation__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 54px);
  background-color: var(--black);
}

.presentation__item figure {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.presentation__item figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.presentation__item__text {
  position: relative;
  z-index: 2;
  width: calc(100% - 5.2rem);
  padding: 2.6rem;
}

.presentation__item__text h3 {
  margin: 0;
  font-family: var(--font1);
  color: var(--red);
  line-height: 100%;
  letter-spacing: -1.6px;
  text-align: center;
}

.presentation__item__text h3::after {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1.33;
}

.presentation__item__text h4 {
  display: flex;
  align-items: flex-end;
  min-height: 182px;
  margin: 0;
}

.presentation__item__text p {
  min-height: 154px;
}

.presentation__item__text .btn {
  margin-top: 40px;
}

@media (max-width: 1280px) {
  .presentation__items {
    max-width: 800px;
  }
  .presentation__item {
    width: calc(50% - 3rem);
  }
}

@media (max-width: 1000px) {
  .presentation__content p br {
    display: none;
  }
}

@media (max-width: 768px) {
  .presentation__items {
    max-width: 460px;
  }
  .presentation__item {
    width: 100%;
  }
  .presentation__content {
    text-align: left;
  }
  .presentation__content ul {
    align-items: flex-start;
  }
  .presentation__item__text p {
    min-height: unset;
  }
}

.atouts {
  position: relative;
  z-index: 2;
  width: 100vw;
}

.atouts__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  overflow: hidden;
}

.atouts__bg img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 120%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.atouts__inner {
  width: 100%;
  max-width: var(--maxwidth);
  padding: 0 0 8rem 0;
  color: var(--white);
}

.atouts__header {
  width: calc(100% - 8rem);
  max-width: calc(var(--maxwidth2) - 8rem);
  padding: 3.2rem 4rem;
  gap: 6rem;
  background-color: var(--red);
  transform: translateY(-8rem);
}

.atouts__header figure {
  width: calc(29% - 3rem);
}

.atouts__header figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.atouts__header__content {
  width: calc(71% - 3rem);
  color: var(--white);
}

.atouts__header__content h2,
.atouts__header__content h3,
.atouts__header__content h4 {
  margin: 0;
}

.atouts__content {
  width: 100%;
}

.atouts__content h3 {
  font-family: var(--font1);
  margin-top: 0;
  margin-bottom: 8rem;
}

.atouts__items {
  width: 100%;
  gap: 0.7rem;
  align-items: stretch;
  flex-flow: wrap;
}

.atouts__item {
  width: calc(25% - 4.525rem);
  padding: 2rem;
  background-color: var(--black);
  justify-content: flex-start;
}

.atouts__item figure {
  width: 100%;
  max-width: 110px;
  height: auto;
  max-height: 110px;
  aspect-ratio: 1/1;
  margin-top: 20px;
}

.atouts__item figure img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.atouts__item h4 {
  font-size: var(--fontSize700);
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 0;
}

.atouts__item p {
  line-height: 180%;
  text-align: center;
}

@media (max-width: 1280px) {
  .atouts__item {
    width: calc(50% - 4.525rem);
  }
}

@media (max-width: 1080px) {
  .atouts__header__content br {
    display: none;
  }
}

@media (max-width: 600px) {
  .atouts__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
  }
  .atouts__header__content {
    width: 100%;
  }
}

@media (max-width: 450px) {
  .atouts__item {
    width: 100%;
  }
}

.propos {
  position: relative;
  z-index: 2;
  width: 100vw;
  overflow: hidden;
  padding: 10rem 0;
}

.propos::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: auto;
  max-width: 25%;
  height: 50%;
  aspect-ratio: 322/534;
  background-image: url(./assets/chart/trame_logo.svg), url(../wp-content/themes/enviePizza/assets/chart/trame_logo.svg);
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
}

.propos__inner {
  width: 100%;
  max-width: var(--maxwidth);
  align-items: stretch;
  gap: 3rem;
}

.propos__left {
  width: calc(33.33% - 7.5rem);
  padding: 3rem;
  background-color: var(--beige);
  text-align: center;
}

.propos__left h2 {
  font-size: var(--fontSize1000);
  color: var(--red);
  margin-bottom: 0;
  line-height: 100%;
}

.propos__left h2 strong {
  font-family: var(--font1);
  font-size: var(--fontSize900);
  font-weight: 400;
  line-height: 90%;
}

.propos__left h3 {
  font-family: var(--font1);
  line-height: 100%;
  margin-top: 0;
}

.propos__right {
  width: calc(66.66% - 1.5rem);
  gap: 1rem;
  justify-content: space-between;
}

.propos__right__visual {
  position: relative;
  width: 100%;
  position: relative;
  padding-bottom: 10rem;
}

.propos__right__image {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
}

.propos__right__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: all 0.6s var(--expoInOut);
}

.propos__right__image img.active {
  opacity: 1;
}

.propos__right__bullets {
  position: absolute;
  bottom: 6rem;
  left: 50%;
  width: auto;
  gap: 1rem;
  transform: translateX(-50%) translateY(50%);
}

.propos__right__bullet {
  width: 2rem;
  height: 2rem;
  background-color: var(--black);
  border-radius: 100%;
  cursor: pointer;
}

.propos__right__bullet.active {
  background-color: var(--red);
}

.propos__right__badge {
  position: absolute;
  z-index: 2;
  bottom: 10rem;
  left: 2rem;
  width: 20rem;
  height: auto;
  aspect-ratio: 1/1;
  transform: translateY(50%);
}

.propos__right__badge img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.propos__right__badge::after {
  content: "Le savoir du bon et du local";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 125px;
  font-family: var(--font1);
  font-size: 41px;
  color: var(--white);
  transform: translate(-50%, -50%);
  line-height: 100%;
}

@media (max-width: 450px) {
  .propos__right__badge::after {
    width: 111px;
    font-size: 36px;
  }
}

.propos__right__items {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  flex-flow: wrap;
  gap: 2rem;
}

.propos__right__item figure {
  width: 80px;
  height: 80px;
}

.propos__right__item figure img {
  width: auto;
  max-width: 80px;
  height: auto;
  max-height: 80px;
  object-fit: contain;
}

.propos__right__item__separator {
  width: 84px;
  height: 4px;
  margin-top: 20px;
  background-color: var(--black);
  border-radius: 100px;
}

.propos__right__item p {
  font-family: var(--font1);
  font-size: var(--fontSize550);
  text-align: center;
}

@media (max-width: 1280px) {
  .propos__inner {
    flex-direction: column;
    gap: 0;
  }
  .propos__left {
    width: calc(100% - 6rem);
    align-items: flex-start;
    text-align: left;
  }
  .propos__left br {
    display: none;
  }
  .propos__right {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .propos__right__items {
    justify-content: center;
  }
  .propos__right__item {
    width: calc(33.33% - 1.5rem);
  }
}

@media (max-width: 768px) {
  .propos__right__bullets {
    left: unset;
    right: 0;
    transform: translateY(50%);
  }
}

@media (max-width: 500px) {
  .propos__right__items {
    gap: 2rem 0;
  }
  .propos__right__item {
    width: calc(50% - 1.5rem);
  }
}

@media (max-width: 375px) {
  .propos__right__item {
    width: 100%;
  }
}

.ambition {
  position: relative;
  z-index: 2;
  width: 100vw;
  color: var(--white);
  background-image: url(./assets/chart/fond-granite-2.jpg), url(../wp-content/themes/enviePizza/assets/chart/fond-granite-2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ambition__inner {
  width: 100%;
  max-width: var(--maxwidth);
  align-items: flex-start;
  flex-flow: wrap;
  padding: 8rem 0;
  gap: 0 6rem;
}

.ambition__col {
  width: calc(33.33% - 4rem);
  align-items: flex-start;
}

.ambition__col h2 {
  font-size: var(--fontSize1000);
  line-height: 100%;
  margin-bottom: 1rem;
}

.ambition__col h3 {
  font-family: var(--font1);
  line-height: 130%;
  margin-top: 0;
}

.ambition__col p {
  font-size: var(--fontSize450);
}

.ambition__col ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
  list-style: none;
}

.ambition__col ul li {
  position: relative;
  font-size: var(--fontSize500);
  font-weight: bold;
}

.ambition__col ul li::before {
  content: "+";
  position: absolute;
  top: 5px;
  left: -40px;
  font-size: var(--fontSize700);
}

.ambition__list {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
  list-style: none;
}

.ambition__item {
  width: 100%;
  gap: 2rem;
}

.ambition__item img {
  width: 7rem;
  height: 7rem;
  object-fit: contain;
}

.ambition__item__text {
  width: calc(100% - 9rem);
  font-size: var(--fontSize450);
  font-weight: bold;
  line-height: 120%;
}

@media (max-width: 1280px) {
  .ambition__inner {
    justify-content: flex-end;
  }
  .ambition__col {
    width: calc(50% - 4rem);
  }
  .ambition__col br {
    display: none;
  }
}

@media (max-width: 768px) {
  .ambition__inner {
    justify-content: flex-start;
  }
  .ambition__col {
    width: 100%;
  }
}

.articles {
  position: relative;
  z-index: 2;
  width: 100vw;
}

.articles__inner {
  width: 100%;
  max-width: var(--maxwidth);
  padding: 8rem 0 6rem 0;
}

.articles__title {
  font-family: var(--font1);
  font-size: var(--fontSize1000);
  align-items: flex-end;
  gap: 20px;
}

.articles__title img {
  width: 100px; 
  height: 100px;
  object-fit: contain;
}

.articles__items__container {
  width: 100%;
  overflow-x: auto;
  justify-content: flex-start;
  margin-top: 2rem;
}

.articles__items {
  width: max-content;
  gap: 8rem 6rem;
  align-items: stretch;
  margin-top: 5rem; 
}

.articles__items__container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #E9E3DA;
}

.articles__items__container::-webkit-scrollbar-thumb {
  background-color: var(--red);
  border-radius: 10px;
}

.articles__items__container::-webkit-scrollbar-track {
  background-color: #E9E3DA;
}

.articles__item {
  position: relative;
  width: 320px;
  justify-content: flex-start;
  align-items: flex-start;
}

.articles .articles__item {
  max-width: 70vw;
}

.article__link::before {
  content: "";
  position: absolute;
  z-index: 4;
  display: block;
  inset: 0;
}

.articles__item a {
  text-decoration: none;
}

.articles__item figure {
  width: 100%;
  height: auto;
  margin-bottom: 2rem;
}

.articles__item figure img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
}

.articles__item__content {
  width: 100%;
  align-items: flex-start;
}

.articles__item__title {
  font-family: var(--font3);
  font-size: var(--fontSize550);
  font-weight: 700;
  margin: 1rem 0 2rem 0;
  width: 100%;
  line-height: 120%;
}

.articles__item__date {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 3rem;
  width: 80px;
  height: 80px;
  font-family: var(--font1);
  font-size: var(--fontSize550);
  text-align: center;
  color: var(--white);
  background-color: var(--red);
  border-radius: 100%;
  line-height: 90%;
  transform: translate(0%, -50%);
}

.articles__item__date span {
  font-size: var(--fontSize800);
  line-height: 85%;
}

.articles__inner .links {
  justify-content: center;
}

@media (max-width: 1280px) {
  .articles__inner br {
    display: none;
  }
  .articles__title {
    flex-direction: column;
    align-items: center;
  }
  .articles__inner h3 {
    font-size: var(--fontSize600);
  }
}

.contact {
  position: relative;
  width: 100vw;
}

.contact__inner {
  width: 100%;
  max-width: var(--maxwidth);
  padding: 4rem 0;
  gap: 2rem 6rem;
  align-items: flex-start;
}

.contact__col {
  justify-content: flex-start;
  align-items: flex-start;
}

.contact__col__left {
  width: 33.33%;
}

.contact__col__left h2 {
  font-size: var(--fontSize1000);
}

.contact__col__right {
  width: 66.66%;
}

.contactForm {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-top: 1.6rem;
}

.contactForm__inner {
  width: 100%;
  gap: 4rem;
  align-items: flex-start;
  flex-flow: wrap;
}

.contactForm__col {
  width: calc(50% - 2rem);
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
}

.contactForm__inner span.wpcf7-form-control-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.contactForm__inner span.wpcf7-form-control-wrap[data-name="message"] {
  width: 100%;
}

.contactForm__inner span.wpcf7-form-control-wrap input,
.contactForm__inner span.wpcf7-form-control-wrap textarea {
  appearance: none;
  width: 100%;
  background-color: var(--white);
  padding: 20px 20px;
  border: 1px solid var(--grey);
  box-sizing: border-box;
  font-family: var(--font3);
  font-size: 16px;
  color: var(--black);
}

.contactForm__inner span.wpcf7-form-control-wrap textarea {
  height: 256px;
  resize: vertical;
}

.contactForm__inner span.wpcf7-form-control-wrap input::placeholder,
.contactForm__inner span.wpcf7-form-control-wrap textarea::placeholder {
  color: var(--grey);
}

.contactForm__full {
  width: 100%;
  gap: 20px;
}

.contactForm__last,
.contactForm__captcha,
.kc_captcha .wpcf7-form-control {
  width: 100%;
}

.kc_captcha .captcha-image {
  width: 100%;
  border: unset;
  background-color: var(--white);
  border: 1px solid var(--grey);
  box-sizing: border-box;
  color: var(--black);
  font-size: 16px;
}

.contactForm__full span.wpcf7-form-control-wrap {
  width: 100%;
}

.contactForm__inner input[type="submit"]{
  border: unset;
  align-self: flex-end;
  margin-top: 1rem;
}

.contactForm__inner input[type="submit"]:hover {
  color: var(--white);
}

.contactForm__inner input[type="submit"]:disabled {
  opacity: .3;
}

.contactForm__inner span.wpcf7-form-control-wrap input[type="checkbox"] {
  position: relative;
  width: 20px;
  height: 20px;
  appearance: none;
  padding: 10px;
  border-radius: 0;
  margin: 0;
  margin-right: 10px;
  background-color: var(--white);
  border: 1px solid var(--black);
}

.contactForm__inner span.wpcf7-form-control-wrap input[type="checkbox"]:checked::before,
.contactForm__inner span.wpcf7-form-control-wrap input[type="checkbox"]:checked:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 3px;
  border-radius: 100px;
  background-color: var(--black);
  transform: translate(-7px, 0px) rotate(45deg);
}

.contactForm__inner span.wpcf7-form-control-wrap input[type="checkbox"]:checked:after {
  width: 13px;
  transform: translate(-3px, -1px) rotate(-45deg);
}

.contactForm__inner span.wpcf7-form-control-wrap label {
  display: flex;
}

.contactForm__inner span.wpcf7-form-control-wrap span.wpcf7-list-item-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--black);
}

.contactForm .wpcf7-not-valid-tip {
  font-size: var(--fontSize300);
  margin-top: 4px;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
	background-color: #46b450;
  color: var(--white);
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232;
	background-color: #dc3232;
  color: var(--white);
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; 
	background-color: #f56e28;
  color: var(--white);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900;
	background-color: #ffb900;
  color: var(--white);
}

.wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 10px 20px;
}

.wpcf7-list-item {
  margin: 0;
}

@media (max-width: 1000px) {
  .contact__col__left, .contact__col__right {
    width: 50%;
  }
  .contactForm__col {
    width: 100%;
  }
  .contactForm__inner {
    gap: 1rem;
  }
}

@media (max-width: 800px) {
  .contact__inner {
    flex-direction: column;
  }
  .contact__col__left, .contact__col__right {
    width: 100%;
  }
  .contact__col__right {
    max-width: 600px;
    align-self: center;
  }
}

.footer {
  position: relative;
  z-index: 2;
  width: 100vw;
  color: var(--white);
  background-image: url(./assets/chart/fond-granite-3.jpg), url(../wp-content/themes/enviePizza/assets/chart/fond-granite-3.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.newsL {
  width: 100%;
  max-width: var(--maxwidth);
  gap: 20px 40px;
  flex-flow: wrap;
  align-items: flex-start;
  padding: 8rem 0 0 0;
}

.newsL__title {
  width: 50%;
  font-family: var(--font1);
  font-size: var(--fontSize800);
}

.newsL__title span {
  color: var(--red);
}

.newsL .wpcf7 {
  width: calc(50% - 40px);
}

.newsL__form {
  width: 100%;
  gap: 1rem;
  flex-flow: column;
}

.newsL__cols {
  width: 100%;
  gap: 1rem;
}

.newsL__form span.wpcf7-form-control-wrap input {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid var(--grey);
  color: var(--white);
  padding: 20px 0;
}

.newsL__form input[type="submit"]:hover {
  color: var(--white);
}

.newsL__form .btn {
  align-self: flex-end;
}

.newsL__form .wpcf7-spinner {
  align-self: flex-end;
}

.newsL__form .wpcf7-acceptance {
  max-width: 450px;
  align-self: flex-end;
}

.newsL__form .kc_captcha .captcha-image {
  border: none;
  border-radius: 14px;
}

.newsL__form span.wpcf7-form-control-wrap span.wpcf7-list-item-label {
  color: var(--white);
}

.newsL__form span.wpcf7-form-control-wrap input[type="checkbox"] {
  position: relative;
  width: 20px;
  height: 20px;
  appearance: none;
  padding: 10px;
  border-radius: 0;
  margin: 0;
  margin-right: 10px;
  background-color: var(--white);
  border: 1px solid var(--black);
}

.newsL__form span.wpcf7-form-control-wrap input[type="checkbox"]:checked::before,
.newsL__form span.wpcf7-form-control-wrap input[type="checkbox"]:checked:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 3px;
  border-radius: 100px;
  background-color: var(--black);
  transform: translate(-7px, 0px) rotate(45deg);
}

.newsL__form span.wpcf7-form-control-wrap input[type="checkbox"]:checked:after {
  width: 13px;
  transform: translate(-3px, -1px) rotate(-45deg);
}

.wpcf7 form.sent .wpcf7-response-output {
  border-radius: 14px;
}

.newsL__form .wpcf7 form.sent .wpcf7-response-output {
  align-self: flex-end;
}

@media (max-width: 800px) {
  .newsL__title {
    width: 100%;
  }
  .newsL .wpcf7 {
    width: 100%;
    max-width: 600px;
  }
}

.footer__inner {
  position: relative;
  width: 100%;
  max-width: var(--maxwidth);
  justify-content: space-between;
  align-items: flex-start;
  flex-flow: wrap;
  gap: 2rem;
  padding-top: 10rem;
}

.footer__inner__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 35%;
  height: auto;
  transform: translateX(-25%) translateY(-20%);
  opacity: 0.16;
  pointer-events: none; 
}

.footer__inner__bg figure, .footer__inner__bg figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.footer__col {
  width: calc(25% - 2rem);
}

.footer__menu {
  align-items: flex-start;
}

.footer__menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: flex-start;
}

.footer__menu ul li a {
  color: var(--white);
  text-decoration: none;
}

.no__link {
  pointer-events: none;
}

.menu__title {
  font-family: var(--font1);
  font-size: var(--fontSize600);
  margin-bottom: 3rem;
}

.footer__tel {
  font-size: var(--fontSize500);
  font-weight: 700;
}

.footer__rs__title {
  margin-top: 2rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.footer__rs ul {
  gap: 1rem;
}

.footer__rs ul li img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.footer__mentions {
  width: 100%;
  max-width: var(--maxwidth);
  margin: 6rem 0 2rem 0;
}

.footer__mentions ul {
  gap: 2rem;
  flex-flow: wrap;
}

@media (max-width: 1280px) {
  .footer__col {
    width: calc(33.33% - 2rem);
  }
}

@media (max-width: 800px) {
  .footer__col {
    width: calc(50% - 2rem);
  }
}

@media (max-width: 500px) {
  .footer__inner {
    max-width: 400px;
  }
  .footer__col {
    width: 100%;
  }
}

@media (max-width: 440px) {
  .footer__inner {
    max-width: calc(100% - 40px);
  }
}

.introPage {
  position: relative;
  z-index: 2;
  width: 100vw;
  min-height: 400px;
}

.introPage figure {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.introPage figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.introPage__inner {
  width: 100%;
  max-width: var(--maxwidth);
  padding-top: 194px;
}

.introPage__inner h1 {
  margin: 4rem 0;
  font-family: var(--font2);
  font-size: var(--fontSize1000);
  font-weight: 400;
  color: var(--white);
  text-align: center;
}

/*
.listeCategories {
  width: 100%;
  justify-content: flex-start;
  flex-flow: wrap;
  margin: 4rem 0;
  gap: 1rem;
}
*/

.listeCategories, .listeCategories__inner {
  width: 100%;
  align-items: flex-start;
}

.listeCategories {
  margin: 4rem 0;
}

.listeCategories__inner input {
  display: none;
}

.listeCategories__inner label {
  display: none;
}

.listeCategories__items {
  position: relative;
  z-index: 2;
  width: 100%;
  justify-content: center;
  align-items: stretch;
  flex-flow: wrap;
  gap: 1rem;
}

@media (max-width: 768px) {
  .listeCategories__items {
    order: 1;
  }

  .listeCategories__inner input {
    order: 2;
    display: none;
  }
  
  .listeCategories__inner label {
    display: flex;
    order: 3;
    font-size: var(--fontSize400);
    font-weight: 700;
    padding: 2px 0;
    margin: 1.6rem 0;
    border-bottom: 2px solid var(--black);
    align-self: flex-start;
  }

  .listeCategories__inner label::before {
    content: "Voir toutes les catégories"
  }
  .listeCategories__inner input:checked ~ label::before {
    content: "Fermer les catégories"
  }

  .listeCategories__items {
    max-height: 50px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: column;
    overflow: hidden;
    transition: all 0.3s;
  }

  .listeCategories__items a {
    min-height: 2.7rem;
  }

  .listeCategories__items a.active {
    order: -100;
  }

  .listeCategories__inner input:checked ~ .listeCategories__items {
    max-height: 1000px;
    overflow-y: auto;
  }
}

.blog__items {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: wrap;
  gap: 8rem 6rem;
  margin: 4rem 0;
}

.single .blog__items {
  gap: 2rem 6rem;
}

.single .blog__items h2 {
  font-size: var(--fontSize800);
  margin-bottom: 0;
}

.single .blog__items .single__sidebar__title {
  width: 100%;
}

.blog__noPosts {
  width: 100%;
  align-items: center;
}

.blog__noPosts h2, .blog__noPosts p {
  text-align: center;
}

.blog__items .articles__item {
  width: calc(33.33% - 4rem);
}

.blog__items .blog__item__sticky {
  width: 100%;
}

.blog__items .blog__item__sticky figure {
  width: calc(66.66% - 2rem);
  margin: 0;
  margin-right: 2rem;
}

.blog__items .blog__item__sticky .articles__item__content {
  width: calc(33.33% - 4rem);
  margin-left: 4rem;
}

.articles__item__cat {
  position: relative;
  z-index: 5;
  font-weight: 700;
  color: var(--red);
  flex-flow: wrap;
  gap: 0.4rem;
}

.articles__item__cat a::after {
  content: ",";
}

.articles__item__cat a:last-child::after {
  content: "";
}

.blog__pagination {
  margin-bottom: 8rem;
}

.blog__pagination .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
  gap: 1rem;
}

.blog__pagination .nav-links a,
.blog__pagination .nav-links span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font1);
  font-size: var(--fontSize600);
  color: var(--white);
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  width: 50px;
  height: 50px;
  border: 2px solid var(--red);
  border-radius: 100px;
  background-color: var(--red);
  box-sizing: border-box;
  transition: all 0.3s var(--expoInOut);
}

.blog__pagination .nav-links a:hover {
  color: var(--red);
  background-color: var(--white);
}

.blog__pagination .nav-links span.current {
  color: var(--red);
  background-color: var(--white);
}

@media (max-width: 768px) {
  .blog__items {
    gap: 8rem 2rem;
  }
  .single .blog__items {
    gap: 2rem;
  }
  .blog__items .articles__item {
    width: calc(50% - 1rem);
  }
  .blog__items .blog__item__sticky {
    flex-direction: column;
  }
  .blog__items .blog__item__sticky figure {
    width: 100%;
    margin: 0;
    margin-bottom: 2rem;
  }
  .blog__items .blog__item__sticky .articles__item__content {
    width: 100%;
    margin-left: 0;
  }
  .blog__items .blog__item__sticky p {
    display: none;
  }
}

@media (max-width: 600px) {
  .blog__items {
    margin-top: 0;
    gap: 2rem 0;
  }
  .single .blog__items {
    margin-top: 0;
    gap: 2rem 0;
  }
  .blog__items .articles__item {
    width: 100%;
  }
  .articles__item__date {
    top: 10px;
    left: 10px;
    width: 60px;
    height: 60px;
    transform: unset;
  }
  .listeCategories {
    justify-content: center;
  }
}

.single__article {
  width: 100%;
}

.introSingle {
  min-height: 144px;
}

.single .introPage figure::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.16);
  backdrop-filter: blur(10px);
}

.single__main {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}

.single__content {
  width: calc(100% - 360px);
  align-items: flex-start;
}

.single__content .share {
  margin: 2rem 0 6rem 0;
}

.single__thumb {
  width: 100%;
  margin-bottom: 2rem;
}

.single__thumb img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.single__content h1 {
  font-family: var(--font2);
  font-weight: 400;
  font-size: var(--fontSize800);
  text-align: left;
}

.single__content h2 {
  font-size: var(--fontSize800);
}

.single__content h3 {
  font-size: var(--fontSize700);
}

.single__content h2, .single__content h3, .single__content h4 {
  margin-top: 4rem;
}

.ariane {
  align-self: flex-start;
  margin: 4rem 0 2rem 0;
}

.ariane ul {
  margin: 0;
  padding: 0;
  list-style: "> ";
  gap: 10px 0;
  justify-content: flex-start;
  flex-flow: wrap;
}

.ariane ul li {
  margin-left: 2rem;
}

.ariane ul li:first-child {
  list-style: none;
  margin-left: 0;
}

.ariane ul li a {
  font-weight: 700;
  text-decoration: none;
}

.single__sidebar {
  align-items: flex-start;
  width: 300px;
  padding-bottom: 4rem;
}

.single__sidebar__header {
  width: 100%;
  margin-top: 4rem;
}

.single__sidebar__header img {
  width: 100px;
  height: auto;
}

.single__sidebar__header p {
  font-size: 14px;
  text-align: center;
}

.single__sidebar__title {
  font-family: var(--font1);
  font-size: var(--fontSize600);
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.single__sidebar__cats {
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.4rem;
}

.single__sidebar__cats a {
  font-weight: 700;
  color: var(--red);
  text-decoration: none;
}

.single__sidebar__posts {
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  gap: 3rem;
  margin-top: 2rem;
}

.single__sidebar__posts .articles__item {
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.single__sidebar__posts .articles__item__date {
  top: 10px;
  left: 10px;
  width: 50px;
  height: 50px;
  font-size: var(--fontSize450);
  transform: unset;
}

.single__sidebar__posts .articles__item__date span {
  font-size: var(--fontSize600)
}

.single__sidebar__posts .articles__item figure {
  width: 30%;
  height: auto;
  aspect-ratio: 1/1;
  margin-bottom: 0;
}

.single__sidebar__posts .articles__item__content {
  width: calc(70% - 1rem);
  margin-left: 1rem;
}

.single__sidebar__posts .articles__item__cat {
  font-size: 14px;
}

.single__sidebar__posts .articles__item__title {
  font-size: var(--fontSize400);
}

.single__sidebar .btn {
  font-size: 14px;
  padding: 1rem 1.6rem;
}

.single__sidebar .marge {
  margin-top: 2rem;
}

.single__sidebar .marge2 {
  margin-top: 4rem;
}

.share__items {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: wrap;
  gap: 1rem;
}

.share__items a, .share__items a img {
  width: 25px;
  height: 25px;
}

.single__sidebar__posts .share .single__sidebar__title {
  margin-top: 0;
}

@media (max-width: 1000px) {
  .single__main {
    flex-direction: column;
    gap: 4rem 0;
  }
  .single__content {
    width: 100%;
  }
  .single__content .share {
    margin-bottom: 0;
  }
  .single__sidebar {
    width: 100%;
    padding-bottom: 2rem;
  }
  .single .blog__items {
    margin-top: 0;
  }
  .single__sidebar__header {
    position: relative;
    z-index: 2;
    width: calc(100% - 4rem);
    padding: 2rem;
  }
  .single__sidebar__header::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background-color: var(--beige);
    transform: translateX(-50%);
  }
  .single__sidebar__header p {
    max-width: 400px;
  }
  .single__sidebar .share {
    display: none;
  }
  .single__sidebar__posts {
    flex-direction: row;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2rem 6rem;
  }
  .single__sidebar__posts .articles__item {
    flex-direction: column;
    width: calc(33.33% - 4rem);
  }
  .single__sidebar__posts .articles__item figure {
    width: 100%;
    margin-bottom: 2rem;
    aspect-ratio: unset;
  }
  .single__sidebar__posts .articles__item__content {
    width: 100%;
    margin-left: 0;
  }
  .single__sidebar__posts .articles__item__cat {
    font-size: var(--fontSize400);
  }
  .single__sidebar__posts .articles__item__title {
    font-size: var(--fontSize550);
  }
}

@media (max-width: 768px) {
  .single__sidebar__posts {
    gap: 2rem;
  }
  .single__sidebar__posts .articles__item {
    width: calc(50% - 1rem);
  }
}

@media (max-width: 600px) {
  .single__sidebar__posts .articles__item {
    width: 100%;
  }
}

.is-content-justification-center,
.wp-block-embed__wrapper,
.wp-block-embed__wrapper iframe {
  width: 100%;
}

.wp-block-embed__wrapper iframe {
  height: auto;
  aspect-ratio: 16/9;
}