@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

/* Slider */
.swiper-container {margin-top: 3rem;}
.swiper-button-prev,.swiper-button-next {outline: none;}
.swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") !important;}
.swiper-button-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") !important;}

.swiper-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}

.swiper-alt {
  color: #252525;
  background: rgba(255,255,255,0.75);
  font-size: 13px;
  text-align: center;
  width: 100%;
  height: auto;
  margin: 0 !important;
  padding: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 580px) {
  .swiper-alt {padding: 0.5rem 1rem;}
}

/* Cookies */
/* #tarteaucitronRoot * {
  font-family: "Montserrat", sans-serif !important;
}

#tarteaucitronAlertBig {
  color: #6BAAD0 !important;
  background: #f2b443 !important;
  text-align: left !important;
  width: 250px !important;
  height: auto !important;
  padding: 3rem !important;
  box-shadow: rgba(82, 82, 82, 0.11) 0px 15px 35px !important;
  position: fixed !important;
  bottom: 2rem !important;
  left: auto !important;
  right: 2rem !important;
}

@media screen and (max-width: 580px) {
  #tarteaucitronAlertBig {
    bottom: 1rem !important;
    right: 50% !important;
    transform: translateX(50%) !important;
  }
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
  color: #FFFFFF !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 16px !important;
  font-weight: normal !important;
}

#tarteaucitronPercentage {
  background-color: #FFFFFF !important;
  box-shadow: none !important;
  bottom: 0 !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitron #tarteaucitronPrivacyUrl {
  color: #f2b443 !important;
  background: #FFFFFF !important;
  text-align: center !important;
  width: 100% !important;
  margin: 0 !important;
  margin-top: 1rem !important;
  margin-bottom: 0.5rem !important;
  margin-right: auto !important;
  margin-left: auto !important;
  display: table !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitron #tarteaucitronPrivacyUrl {
  color: #FFFFFF !important;
  background: transparent !important;
  text-decoration: underline !important;
  margin: 0 !important;
  padding: 0 !important;
} */

/* Page don */

.donation__cover {
  color: #FFFFFF;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-family: 'Figtree', sans-serif;
}

.donation__cover  > .section__container{
  display: flex;
  flex-direction: row;
  justify-content: start;
}

.donation__cover  > .section__container .left{
  font-family: 'Outfit', sans-serif;
}

.donation__cover  > .section__container .left a{
  color: #fff;
  text-decoration: underline;
}

.donation__cover  > .section__container > div{
  width: 45%;
  margin-right: 5%;
}

@media screen and (max-width: 580px) {
  .donation__cover  > .section__container{
    flex-direction: column;
  }

  .donation__cover  > .section__container > div{
    width: 100%;
    margin-right: 0;
  }
}

.donation__cover  > .section__container > div:last-child{
  margin-right: 0;
}

.donation__cover .right{
  font-family: sans-serif;
}

.donation_advantages {
  margin-top: 3em;
  font-family: 'Figtree', sans-serif;
}

.donation_advantages h1, .donation_advantages h2, .donation_advantages h3, .donation_advantages h4{
  font-family: 'Figtree', sans-serif;
}

.donation_advantages > li{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2em;
}

.donation_advantages > li img{
  max-width: none;
  display: block;
  height: 3em;
  width: auto;
  margin-right: 2em;
}

.donation_advantages > li .text{
  display: block;
}

.donation_form{
  background: white;
  padding: 2em;
  color: #065064;
  position: relative;
}

@media screen and (max-width: 580px) {
  .donation_form{
    padding: 1em;
  }
}

.donation_form .steps .step{
  display: none;
}

.donation_form .steps .step.active{
  display: block;
}

.donation_form nav ul{
  display: flex;
  justify-content: space-between;
  margin-bottom: 2em;
}

.donation_form nav ul li{
  border-bottom: 2px solid #D0DCDF;
  width: 33%;
  text-align: center;
  margin: 0 5px;
  padding-bottom: 3px;
  cursor: pointer;
}

@media screen and (max-width: 580px) {
  .donation_form nav ul li{
    font-size: 0.8em;
  }
}

.donation_form nav ul li.active{
  border-bottom: 3px solid #EFAE49;
}

.donation_form p.title{
  font-family: 'Outfit', sans-serif;
  font-size: 1.1em;
  margin-bottom: 1em;
  font-weight: bold;
}

.donation_form .form-control{
  display: flex;
  flex-direction: row;
  margin-bottom: 1em;
}

.donation_form .form-control.no-mb{
  margin-bottom: 0;
}

.donation_form .form-control > div{
  flex: 1;
  margin-right: 5px;
}

.donation_form .form-control > div:last-child{
  margin-right: 0;
}

.donation_form .form-control.checkbox{
  align-items: start;
}

.donation_form .form-control.checkbox input{
  margin-top: 10px;
  margin-right: 10px;
  transform: scale(1.3);
}

.donation_form .form-check label{
  flex-direction: row;
  align-items: center;
  margin-bottom: 1em;
  border: 1px solid #D2D2D2;
  height: 4em;
  display: flex;
  justify-content: center;
  font-weight: bold;
  cursor: pointer;
}

.donation_form .form-check input:checked + label{
  background: #065064;
  color: white;
}

.donation_form .form-check input{
  display: none;
}

.donation_form .form-control label.amount-custom{
  width: 100%;
  margin-bottom: 2em;
}

.donation_form .form-control label.amount-custom input[type="number"]{
  border: 1px solid #D2D2D2;
  height: 4em;
  padding: 0 1em;
  font-size: 1em;
  width: 100%;
}

.donation_form .form-control label.amount-custom input[type="radio"]{
  display: none;
}

.donation_form .form-control select{
  border: 1px solid #D2D2D2;
  height: 4em;
  padding: 0 1em;
  font-size: 1em;
  width: 100%;
  color: #065064;
}

.donation_form .form-group{
  display: flex;
  flex-direction: row;
  align-items: space-between;
}

.donation_form .form-group > div{
  width: 100%;
  margin-right: 10px;
}

.donation_form .form-group > div:last-child{
  margin-right: 0;
}

.donation_form .form-group input[type="text"],
.donation_form .form-group input[type="number"],
.donation_form .form-group input[type="tel"],
.donation_form .form-group input[type="email"]{
  flex: 1;
  margin-bottom: 1em;
  border: 1px solid #D2D2D2;
  height: 4em;
  display: flex;
  padding: 1em;
  /* margin-right: 10px; */
  color: #065064;
  font-size: 1em;
  width: 100%;
}

.donation_form .form-group input[type="text"]:last-child,
.donation_form .form-group input[type="number"]:last-child,
.donation_form .form-group input[type="tel"]:last-child,
.donation_form .form-group input[type="email"]:last-child{
  margin-right: 0;
}

.donation_form .form-group input.error{
  border: 1px solid #db1225;
}

.donation_form .tax-simulation{
  width: 100%;
  height: 4em;
  background: #eee;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.donation_form .btn{
  background: #EFAE49;
  color: white;
  border: none;
  padding: 1em 2em;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
  width: 100%;
  height: 4em;
  margin-top: 10px;
}

/* style placeholders */
.donation_form input[type="text"]::-webkit-input-placeholder,
.donation_form input[type="number"]::-webkit-input-placeholder,
.donation_form input[type="tel"]::-webkit-input-placeholder,
.donation_form input[type="email"]::-webkit-input-placeholder {
  color: #065064;
}

.donation_form .notice.notice-error{
  color: #db1225;
  margin-bottom: 5px;
}

.donation_form .loader{
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.donation_form .loader__spinner{
  border: 16px solid #f3f3f3;
  border-top: 16px solid #065064;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 2s linear infinite;
}

.donation_form.adhesion_form .step-1 h3{
  margin-bottom: 25px;
}

.donation_form.adhesion_form .step-1 hr{
  margin-bottom: 30px;
  border: none;
  height: 1px;
  background-color: #D2D2D2;
}

.donation_form.adhesion_form .form-check label span{
  font-size: 0.8em;
  margin-right: 5px;
}

.terms-discount.disabled{
  opacity: 0.5;
}

.partner-details{
  display: none;
}

#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img{
  max-width: 25px;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .wc-block-components-checkout-place-order-button{
  background: #EFAE49;
  color: white;
  border: none;
  padding: 1em 2em;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
  width: 100%;
  height: 4em;
  margin-top: 10px;
}

.woocommerce-page .dpsp-share-text,
.woocommerce-page #dpsp-post-content-markup,
.woocommerce-page #dpsp-content-top,
.wc-block-components-order-summary-item__image,
.wp-block-woocommerce-checkout-express-payment-block
{
  display: none;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image{
  display: none !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__description{
  padding-left: 12px !important;
}

.wp-block-woocommerce-checkout,
.woocommerce-order{
  font-family: 'Figtree';
}

.woocommerce-checkout h1{
  font-size: 3em;
}

.woocommerce-checkout .defaut__container,
.woocommerce-account .defaut__container{
  width: 100%;
}

.wc-block-components-product-metadata__description,
.wc-block-checkout__add-note{
  display: none;
}

.wc-block-components-checkout-return-to-cart-button svg{
  width: 25px;
}

.woocommerce ul.order_details{
  border: 1px solid rgba(0,0,0,.1);
  padding: 20px;
}

.woocommerce table.shop_table{
  border-radius: 0;
}

.woocommerce .woocommerce-customer-details :last-child, .woocommerce .woocommerce-order-details :last-child, .woocommerce .woocommerce-order-downloads :last-child{
  margin-bottom: 20px;
}

.woocommerce-thankyou-order-received{
  font-weight: bold;
  font-size: 1.2em;
}

.woocommerce-account h1{
  font-size: 3em;
}

.woocommerce-MyAccount-navigation{
  border: 1px solid rgba(0,0,0,.1);
  font-family: 'Figtree';
}

.woocommerce-MyAccount-navigation ul li a{
  padding: 20px;
  border-bottom: 1px solid rgba(0,0,0,.1);
  color: #252525;
  text-decoration: none;
  display: block;
  transition: all 0.3s;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover{
  color: #FFFFFF;
  background: #065064;
}

.woocommerce-MyAccount-content{
  width: 100%;
  padding-left: 5em;
  font-family: 'Figtree';
}

.woocommerce-MyAccount-content a{
  color: #252525;
}

.amounts > .form-control{
  flex-wrap: wrap;
}

.amounts > .form-control > .form-check{
  flex: 0 0 32%;
}

#custom-amount-one-time{
  display: none;
}

.wc-block-components-notice-banner.is-error>svg{
  max-width: 40px;
}

/* Update charte July 2024 */

.posts__content h4, .posts__content h4 a{
  color: #430038;
}

.posts__date{
  color: #E0805C;
  border-color: #E0805C;
}

.header__title{
  width: 12em;
}

@media screen and (max-width: 580px) {
  .header__title{
    width: 12em;
  }
  .menu--open .header__title{
    visibility: hidden;
    pointer-events: none;
  }
}

.header .link span{
  margin-left: 0;
}

.intro h1.homepage-cover--slogan{
  font-family: Outfit, sans-serif;
  font-size: 4em;
    color: white;
    /* background: #430038; */
    padding: 0.2em 0.3em;
    margin-bottom: 5px;
    position: relative;
}

/* .intro h1.homepage-cover--slogan::before,
.intro h1.homepage-cover--slogan::after{
  content: "«";
  color: #FFFFFF;
  position: absolute;
  left: -2em;
  font-size: 1.1em;
  line-height: 1.3em;
  top: 0;
  font-weight: 400;
}

.intro h1.homepage-cover--slogan::after{
  content: "»";
  right: -2em;
  left: auto;
} */

@media screen and (max-width: 580px) {
  .intro h1.homepage-cover--slogan{
    font-size: 2.7em;
  }
}

.intro .section__container a.link.link--border{
  color: #FFFFFF;
  background: #E0805C;
  border-color: #E0805C;
  padding: 0.5rem .7rem;
}

.menu:after{
  background-color: #430038;
}

.header--show .header{
  background-color: #430038;
}

.header{
  background-color: #430038;
}

.header .header__menu,
.header--show .header__menu{
  color: white;
}

.header .header__menu i,
.header--show .header__menu i{
  background: white;
}

#tarteaucitronRoot .icon-picto,
#tarteaucitronRoot #tarteaucitronMainLineOffset, #tarteaucitronRoot #tarteaucitronInfo, #tarteaucitronRoot #tarteaucitronClosePanel,
#tarteaucitronRoot .tarteaucitronTitle button,
#tarteaucitronRoot .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton{
  background: #E0805C !important;
  border-color: #E0805C !important;
  color: #fff !Important;
}

#tarteaucitronRoot .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny{
  color: #E0805C !important;
  opacity: 1 !Important;
}

#tarteaucitronAlertBig:before{
  background-color: #E0805C !important;
} 

#tarteaucitronAlertBig h4, #tarteaucitronAlertBig .h4-title{
  color: #E0805C !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog{
  color: #E0805C !important;
  border-color: #E0805C !important;
}

#tarteaucitronRoot .tarteaucitronDeny{
  background: transparent !important;
  color: #E0805C !important;
}

.menu__secondary{
  font-weight: bold; 
  font-size: 25pt; 
  margin-top: 2.5em; 
  color: white;
}

.menu__secondary a{
  color: white;
  display: block;
}

.wpulike{
  background: none;
  padding-left: 0;
}

.wpulike-default button.wp_ulike_btn{
  display: none;
}

.menu__nav a{
  font-size: 2.2125rem;
}

@media screen and (max-width: 768px) {
  .menu__nav {
      text-align: left;
      margin-left: 0;
  }

  .menu__nav a{
    font-size: 1.825rem;
  }
}

.section.intro,
.section.candidat__cover{
  position: relative;
  overflow: hidden;

  h2 {
    font-size: 5rem;
  }

  h5 {
    max-width: 760px;
  }
}

.section.intro > img.section__cover-image,
.section.candidat__cover > img.section__cover-image{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section.intro > img.section__cover-image.mobile,
.section.candidat__cover > img.section__cover-image.mobile{
  display: none;
}

@media screen and (max-width: 768px) {
  .section.intro > img.section__cover-image.mobile,
  .section.candidat__cover > img.section__cover-image.mobile{
    display: block;
  }

  .section.intro > img.section__cover-image.desktop,
  .section.candidat__cover > img.section__cover-image.desktop{
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .intro .social {
      display: none;
  }
}

.post__article--header h1,
.posts__content h4, .posts__content h4 a,
.posts__content__details>h4>a,
.posts .sous-texte
{
  color: #222;
}

.color-blue{
  color: #222;
}

.posts .sous-texte{
  margin-bottom: 2rem;
}

.form:after{
  background: rgb(67 0 56 / 72%);
}


/* GLOBAL */

.posts__item {
  margin-top: 3rem;
}

body, html {
  overflow-x: clip;
  width: 100vw;
}

@media (min-width: 1200px) {
  html {
    font-size: 110%;
  }
}

body {
  padding-top: 100px;
}

@media (max-width: 768px) {
  body {
    padding-top: 50px;
  }
}

.link {
  border-radius: 0.5rem;
}

.link--purple {
  background-color: #430038;
  border-color: #430038;
  color: #E0805C;
}

.link--orange {
  background: #E0805C;
  border-color: #E0805C;
  color: white;
}

.link--orange path {
  fill: #FFFFFF;
}

.link--purple path {
  fill: #E0805C;
}

h2, .h2 {
  font-size: 48px;
  margin-bottom: 25px;
}

h5 {
  font-weight: normal;
}

@media screen and (max-width: 900px) {
  h2, .h2 {
    font-size: 40px;
  }
}

@media screen and (max-width: 580px) {
  h2, .h2 {
    font-size: 35px;
  }
}


.sous-texte {
  font-size: 1.25rem !important;
}

.section.candidat__cover {
  height: calc(-300px + 100vh);
}

.wp-block-file a {
  color: #E0805C;
  font-weight: bold;
  text-decoration: underline;
}

.wp-block-file__button {
  padding: 0rem 0.5rem;
}

.intro {
  &:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #430038;
    opacity: .15;
    z-index: 2;
  }

  .section__container {
    z-index: 3;
  }
}

.newsletter__txt p {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 1rem;
}

/* QUOTE */

.quote {
  padding: 100px 0;
}

.quote__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;

  :before, :after {
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    width: 70px;
    height: 80px;
    opacity: .2;
    background-image: url(../images/quote.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }

  :after {
    left: auto;
    right: 30px;
    transform: rotate(180deg);
  }
}

@media (max-width: 767px) {
  .quote__wrapper:before, .quote__wrapper:after {
    display: none;
  }
}

.quote__paragraph {
  font-size: 1.25rem;
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
}

.quote__sign {
  width: 50%;
  max-width: 260px;
  margin: 0 auto;
}

.quote .link {
  margin-top: 1.75rem;
}


/* CTA */

.cta {
  
}

.cta__wrapper {
  position: relative;
  background-color: #E0805C;
  color: white;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.cta__body {
  padding: 40px 60px;
}

.cta__title {
  color: #430038;
  margin-bottom: 30px;
}

.cta__image {
  display: flex;
  height: 100%;

  img {
    width: 100%;
    min-height: 100%;
    object-fit: contain;
    object-position: top right;
  }
}

@media screen and (max-width: 900px) {  
  .cta__body {
    padding: 30px 30px;
  }
}

@media screen and (max-width: 768px) {
  .cta__wrapper {
    grid-template-columns: 1fr;
  }

  .cta__body {
    order: 2;
  }

  .cta__image {
    max-height: 30vh;
  }
}

/* Portal */


.portal {

}

.portal__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-top: 30px;
}

.portal__item {
  position: relative;
  display: block;
  /* overflow: hidden; */
}

.portal__item__image {
  position: relative;
  aspect-ratio: 380/480;

  img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
  }
}

.portal__item__paragraph {
  font-weight: 600;
  line-height: 1.3;
}

.portal__item__inner {
  position: relative;
  margin-top: -120px;
  color: #430038;
  padding: 30px;
  padding-top: 90px;
  text-align: center;
  z-index: 2;

  :before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #E0805C;
    border-radius: 100% 100% 0 0;
    z-index: -1;
    opacity: .9;
  }
}

.portal__item:nth-of-type(2) {
  .portal__item__inner {
    :before {
      background-color: #F5F0F4;
    }
  }
}

.portal__item:nth-of-type(3) {
  .portal__item__inner {
    color: #E0805C;

    :before {
      background-color: #430038;
    }
  }
}

@media (max-width: 900px) {
  .portal__grid {
    gap: 15px;
  }
  .portal__item__inner {
    padding: 50px 20px 20px 30px;

    :before {
      aspect-ratio: 1;
    }
  }
}

@media (max-width: 767px) {
  .portal__grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

/* PARCOURS */

.parcours {

}


.parcours__intro {
  max-width: 620px;
  padding: 60px 0;
}

.parcours__list {
  display: grid;
  gap: 100px;
  margin-top: 90px;
}

.parcours__item {
  display: grid;
  grid-template-columns: .5fr .6fr;
  gap: clamp(20px, 8.333%, 120px);
  align-items: center;
}

.parcours__item:nth-child(even) {
  grid-template-columns: .6fr .5fr;

  .parcours__item__image {
    order: -1;
  }
}

.parcours__item__title {
  margin-bottom: 20px;
}

@media (max-width: 900px) {
  .parcours__list {
    margin-top: 60px;
    gap: 60px;
  }
}

@media (max-width: 767px) {
  .parcours__item {
    grid-template-columns: 1fr !important;
    gap: 30px;
  }

  .parcours__item__image {
    order: -1;
  }
}


/* INTRO */

.introduction .link {
  color: #430038;
  margin-top: 30px;

  path {
    fill: #430038;
  }
}


/* NUMBERS */


.numbers {

}

.numbers__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}

.numbers__item {
  text-align: center;

  .number {
    font-size: 68px;
    font-weight: bold;
    color: #430038;
    line-height: 1;
  }
}


@media (max-width: 1024px) {
  .numbers__item {
    .number {
      font-size: 50px;
    }
  }
}

@media (max-width: 767px) {
  .numbers__grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }
}


/* TEAM */

.team {

}

.team__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  row-gap: 45px;
  margin-top: 45px;
}

.team__item {
  text-align: center;
}

.team__item__photo {
  position: relative;
  aspect-ratio: 1/1;
  max-width: 200px;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 20px auto;

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

.team__item .sous-texte {
  font-weight: 600;
}

@media (max-width: 1024px) {
  .team__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .team__grid {
    grid-template-columns: repeat(2, 1fr);
  } 
}

@media (max-width: 330px) {
  .team__grid {
    grid-template-columns: 1fr;
  }
}


/* Portal Grid */

.portal-grid__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  row-gap: 35px;
}

.portal-grid__item__image {
  position: relative;
  background-color: #F1F1F1;
  aspect-ratio: 395/256;
  overflow: hidden;
  margin-bottom: 20px;

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

.portal-grid__item {
  h3 {
    margin-bottom: 16px;
  }
}

@media (max-width: 900px) {
  .portal-grid__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .portal-grid__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}


/* CTA Big */

.cta-big {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 0;
  overflow: hidden;
}

.cta-big__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;

  &:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #430038;
    opacity: .5;
  }

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

.cta-big__inner {
  max-width: 820px;
  margin: auto;
  text-align: center;
  background-color: white;
  border-radius: 8px;
  padding: 52px 40px;

  .h3 {
    font-size: 40px;
  }

  div {
    max-width: 700px;
    margin: 0 auto;
  }

  .link {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .cta-big__inner {
    padding: 30px 25px;
  }

  .h3 {
    font-size: 30px !important;
  }

  p.sous-texte {
    font-size: 18px !important;
  }
}


/* MENU */

.menu__nav .sub-menu li a {
  font-size: 24px;
  font-weight: normal;
}

.menu__nav .sub-menu li:first-child {
  margin-top: 20px;
}

.menu__nav .sub-menu {
  display: grid;
  row-gap: 8px;
}

.menu__nav .menu-item-has-children:before {
  right: 0;
  left: auto;
  pointer-events: none;
}

.menu__nav {
  width: auto;

  a {
    display: block;
  }
}


/* Explications */

.donation_explications {
  /* display: flex;
  align-items: start;
  gap: 25px; */
  color: white;
  margin-top: 30px;
  line-height: 1.4;
}

.donation_explications_picto {
  max-width: 60%;
  width: 100%;
}

.donation_explications_title {
  font-weight: bold;
  margin-bottom: 12px;
}

@media (max-width: 600px) {
  .donation_explications {
    flex-direction: column;
  }
}

.introduction__wysiwyg {
  max-width: 960px;
}