/*
 Theme Name:   Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Divi Child Theme for MLA
 Author:       Thundra Multimedia
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.1.0
*/

/*****Add any custom CSS below this line*****/
html { visibility: hidden; opacity: 0; transition: all 1.4s ease;}

/* Fonts */

/* Fonts size */
h1 {font-size: 56px}
h2 {font-size: 48px}
h3 {font-size: 36px}
h4 {font-size: 30px}
h5 {font-size: 24px}
h6 {
  font-size: 20px; 
  font-family: "TT Rounds Neue Trial Condensed SemiBold", Helvetica, Arial, Lucida !important;
}
/* p {font-size: 18px} */

/* Colors */
.blue {color: #1501A6}
.red {color: #e74139}
.green {color: #90bf3b}
.gradient {background-image: linear-gradient(#9CC459, #0e5b9a)}

.et_pb_post_content a {color: #1501A6; text-decoration: underline;}
.et_pb_post_content a:hover {color: #e74139; text-decoration: none}

/* lightbox fixes */
.mfp-bg,
.mfp-container,
.mfp-content {display: none; opacity: 0 !important }
.mfp-wrap {opacity: 0 !important; cursor: pointer;}

/* Body Background */
body::before {
  content: "";
  position: fixed;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;
  z-index: -1;
  background: #90BF3B url(images/terrazzo02.svg) repeat;
  background-size: 600px 600px; /* 900px 900px (orig) */
}

.mla-button {
  display: inline-block; 
  margin-top: 15px; 
  padding: 12px 25px;
  background: #fff; 
  color: #1501A6; 
  text-decoration: none; 
  line-height: 1em;
  font-weight: bold;
  border: 2px solid #1501A6;
  border-radius: 80px;
}
.mla-button:hover {
  background: transparent !important; 
  color: #e74139; 
  border: 2px solid #e74139;
}

.mla-link  {color: #1501A6; text-decoration: underline;transition-duration: 1.5s}
.mla-link:hover {color: #e74139;transition-duration: 0.5s}


/* Header background */
.header-section .et_pb_sticky {
    z-index: -1;
    background: #90BF3B url(images/terrazzo02.svg) repeat;
    background-size: 600px 600px; /* 900px 900px (orig) */
}
.et_pb_sticky .big-logo {display: none}
.sticky-logo { display: none;}
.et_pb_sticky .sticky-logo { 
  display: flex; 
  opacity: 1;
  animation: fadeInLogo 0.50s forwards;
}
@keyframes fadeInLogo {
    from { opacity: 0.05; transform: translateY(-25px); }
    to { opacity: 1; transform: translateY(0); }
}

.mini-logo.et_pb_image_1_tb_header {
    text-align: left;
    margin-left: 0 !important;
    margin-right: auto !important;
    max-width: 110px;
}

/* Header Logo and Nav on Laptops & Landscape Tablet */
@media (min-width: 981px) and (max-width: 1224px) {
  .header-logo-col {width: 15% !important}
  .header-menu-col {width: 85% !important}
  .mini-logo-title-col {display: none !important}
  
  .mini-logo.et_pb_image_1_tb_header {width: 240px}

  .et_pb_column_0_tb_header.et_pb_column_0_tb_header {
    row-gap: 0 !important; 
  }
}

@media (min-width: 1225px) and (max-width: 1275px) {
  #menu-menu-principal .menu-item a {font-size: 14px !important}
}
@media (min-width: 981px) and (max-width: 1044px) {
  #menu-menu-principal .menu-item a {font-size: 14px !important}
}

/* outil de recherche à gauche */
@media (min-width: 980px) {
  .et_pb_menu__search-button {
    position: absolute;
    left: -20px;
    top: 8px;
    border: 2px solid #1501A6 !important;
    border-radius: 32px;
    padding: 0 20px !important;
    height: 34px;
  }
  .et_pb_menu__search-input {
    font-family: "TT Rounds Neue Trial Condensed SemiBold", sans-serif !important;
    font-size: 16px;
    color: #1501A6 !important;
  }
  .search-input::placeholder {
    font-family: "TT Rounds Neue Trial Condensed SemiBold", sans-serif !important;
    color: #1501A6 !important;
  }
}
@media (max-width: 980px) {
  /* Recherche sur mobile */
  .et_pb_menu__search-input {
    font-family: "TT Rounds Neue Trial Condensed SemiBold", sans-serif !important;
    font-weight: bold;
    color: #1501A6 !important;
    }
    .et_pb_menu__search-button {
      font-size: 32px !important;
      font-weight: 700;
    }
    .search-input::placeholder {
      font-family: "TT Rounds Neue Trial Condensed SemiBold", sans-serif !important;
      color: #1501A6 !important;
    }
    .et_pb_menu__search-input  {
      background-color: #ffffff !important;
      border-radius: 50px;
      padding: 10px !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    input::placeholder {
      font-size: 18px;
      color: #1501A6;
    }
    .mobile-header input[type="search"] {
      height: 60px;
      min-width: 180px;
      margin-left: -50px;
    }
}
/* @media (max-width: 820px) { */
@media (max-width: 980px) {
  /* Mobile Menu */
  #mobile_menu3 {z-index: 5 !important}
  .mobile-header .et_pb_menu_inner_container {
    justify-content: space-between !important;
    padding-right: 10px
  }
  .mobile-header .et_pb_menu__wrap {
    background-color: #ffffff;
    border-radius: 50px;
    flex-grow: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .et_pb_sticky .mobile-header {margin-top: 60px}
  .et_pb_sticky .mobile-header img {width: 50%}
  .et_pb_menu__logo {padding-left: 10px;}
  .et_mobile_menu {
      position: absolute;
      left: 0;
      padding: 5%;
      background: #fff;
      width: 100%;
      visibility: visible;
      opacity: 1;
      display: none;
      z-index: 9999;
      border-top: 0;
      box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
      -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  }
  
  /*change Divi hamburger menu to X*/
  .mobile_nav.opened .mobile_menu_bar:before {
      content: '\4d';
  }
  /*rotate the Divi Menu icon on click*/
  .mobile_menu_bar:before {
    transition: all .4s ease;
    transform: rotate(0deg);
    display: block;
  }
  /*rotate the Divi Menu icon on click*/
  .mobile_nav.opened .mobile_menu_bar::before {
    transition: all .4s ease;
    transform: rotate(90deg);
    display: block;
  }
}
/* Main Menu */
.header-menu-col .et_pb_menu_inner_container .et_pb_menu__wrap {
  padding-left: 48px;
}

/* Fixed menu */
.header-menu-col {align-items: flex-end !important}
.et_pb_sticky .header-menu-col {padding-top: 32px}

.main-menu .et-menu-nav ul {
  position: relative;
  left: 25px;
  column-gap:7px;
}
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul {padding-right: 20px !important}
.main-menu li {
    border: 2px solid #1501A6;
    color: #1501A6 !important;
    border-radius: 32px;
    opacity: 1;
    padding-top: 8px;
    padding-bottom: 0 !important;
}
.main-menu li:hover {
    border: 2px solid #e74139; 
    /* color: #e74139 !important; */
    opacity: 1;
    transition-duration: 0.25s
}
.main-menu li a:hover {
    color: #e74139 !important;
    opacity: 1;
    transition-duration: 0.05s;
}
.main-menu li.current-menu-item a {color:#ffffff !important}
.main-menu li.current-menu-item {border-color: #1501A6;background-color: #1501A6}

/* Home menu with an icon */
.home-menu-item a  {
    width: 50px;
    text-align: center;
    padding-bottom: 0px !important;
}
.home-menu-item a span:before  {
    position: relative;
    top: -9px;
    left: -5px;
    font-size: 30px;
    text-align: center;
}

/* Secondary Menu (top and footer)  */
.secondary-menu .et_pb_menu_inner_container {
  opacity: 1;
  transition-duration: 0.15s;
}
.et_pb_sticky .secondary-menu .et_pb_menu_inner_container {
  opacity: 0;
  transition-duration: 0.15s;
}
.secondary-menu li {
    border: 2px solid #1501A6;
    border-radius: 32px;
    opacity: 1;
    margin-left: 10px !important;
}
.secondary-menu li:not(.current-menu-item):hover {color: #e74139 !important; border-color: #e74139 !important;opacity: 1;transition-duration: 0.05s}
.secondary-menu li {background-color: #90bf3b}
.secondary-menu li a {padding-top: 5px !important;padding-bottom: 3px !important;}
.secondary-menu li.current-menu-item {background-color:#ffffff !important;border-color: #ffffff}
.secondary-menu li.current-menu-item a {color:#1501A6 !important}
.secondary-menu li a {color: #1501A6;padding-top: 7px}
.secondary-menu li:not(.current-menu-item):hover a,
.secondary-menu li a:not(.current-menu-item):hover {color: #e74139 !important; opacity: 1;transition-duration: 0.15s}
.secondary-menu li.lang-switcher-menu-item  {border: 0}
.secondary-menu .et_pb_menu__menu>nav>ul {padding-right: 0px !important}

/* GTranslate widget */
@media (min-width: 981px) {
  .gt_selector {
    background-color: #90bf3b;
    border: 2px solid #1501A6;
    border-radius: 32px;
    margin-left: -10px;
    padding-top: 0;
    padding-bottom: 0;
  }
  select.gt_selector {
    height: 26px; 
    color: #1501A6;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
  }
  .gt_switcher_wrapper {display:none}
}
@media (max-width: 980px){
  .gt_switcher_wrapper {display: block !important;}
  .gt_selector {
    background-color: #90bf3b;
    border: 2px solid #1501A6;
    border-radius: 32px;
    margin-left: -10px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px
  }
  select.gt_selector {
    height: 26px; 
    color: #1501A6;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
  }
}

/* Main content */
#main-content {
    background-color: transparent !important;
}
.image-ronde {
  border-radius: 100px 50px 120px 25px !important;
}

/* Page d'accueil */
/* Slider */
.home-slider .et_pb_slider_container_inner {position: relative;}
.home-slider .et_pb_slide_description:has(.et_pb_slide_title) {
  position: absolute;
  height: 440px;
  overflow: hidden !important;
  right: 40px;
  top: 40px;
  padding: 20px;
  padding-top: 40px;
  background-color: #ffffffcc;
  border-radius: 56px;
  max-width: 33%;
  text-align: right;
}

/* Slider nav bullets */
.home-slider + .et-pb-controllers {
    position: relative !important;
    display: inline-flex !important;
    width: max-content;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 40px;
    padding: 10px 20px;
    z-index: 999;
    background-color: #ffffff;
    border-radius: 32px;
}
.home-slider + .et-pb-controllers a {
  width: 32px !important;
  height: 32px !important;
  border-radius: 32px !important;
  border: 2px solid #1501A6;
  background-color: transparent;
  opacity: 1 !important;
}
.home-slider + .et-pb-controllers .et-pb-active-control {
    background-color: #e74139;
}

@media (max-width: 767px) {
  .home-slider .et_pb_slide_description:has(.et_pb_slide_title) {
    max-width: 100%;
    width: 100%;
    position: static !important;
    border-radius: 20px;
    top: : 160px !important;
    height: auto;
    overflow: hidden !important;
    right: 0px;
    padding: 10px;
    text-align: center;
  }
  .et-pb-controllers {
    height: auto !important;
  }
  .home-slider + .et-pb-controllers {
      margin-right: 0px;
      padding: 5px 10px;
      z-index: 999;
      background-color: #ffffff;
  }
  .home-slider + .et-pb-controllers a {
    width: 25px !important;
    height: 25px !important;
    border-radius: 25px !important;
  }
}

/* BX SLIDER */
.bx-wrapper {
  border: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 50px;
}
.bx-viewport { border-radius: 50px}
.bxslider-dynamic li {
  border-radius: 50px;
}
.bxslider-dynamic li {
  height: 500px !important; /* Ajustez cette valeur selon vos besoins */
  overflow: hidden;
  position: relative;
}
.custom-slider-container { position: relative; width: 100%; }
.slide-item { 
  position: relative; 
  border-radius: 50px;
}

.slide-content {
  position: absolute; 
  top: 30px; 
  right: 30px;
  background: #ffffff; 
  color: #1501A6;
  padding: 25px; 
  max-width: 450px; 
  z-index: 10;
  border-radius: 50px;
  text-align: center;
}
.slide-content p {
  font-family: "TT Rounds Neue Trial Condensed SemiBold", sans-serif !important;
}

.affiche-slide img {
  max-width:66%;
  margin:auto;
  max-height:180px;
  overflow:hidden;
  opacity: 1 !important;
}
.cta-button {
  display: inline-block; 
  margin-top: 15px; 
  padding: 12px 25px;
  background: #fff; 
  color: #1501A6; 
  text-decoration: none; 
  line-height: 1em;
  font-weight: bold;
  border: 2px solid #1501A6;
  border-radius: 80px;
}
.cta-button:hover {
  background: transparent !important; 
  color: #e74139; 
  border: 2px solid #e74139;
}
.bx-controls {
  display: flex !important;
  justify-content: flex-end !important;
  align-self: flex-end !important; /* Prevents this specific item from stretching */
  width: auto !important;           /* Naturally wraps to content size */
  margin-top: 32px !important;
}
.bx-pager {
  display: flex !important;
  justify-content: flex-end !important;
  align-self: flex-end !important;
  width: auto !important; 
  padding: 10px 20px !important;
  background-color: #ffffff;
  border-radius: 50px;
}
.bx-pager-item a {
  width: 32px !important; 
  height: 32px !important;
  border-radius: 32px !important;
  border: 2px solid #1501A6;
  border-radius: 32px; 
  margin-right: 16px;
  background-color: #fff;
}

.bx-pager-item a {
  color: transparent !important;
  background-color: transparent !important;
}
.bx-pager-item a:hover {
  color:  #1501A666 !important;
  background-color: #1501A666 !important;
}
.bx-pager-item a.active {
  color:  #e74139 !important;
  background-color: #e74139 !important;
}
/* Initial state: Hidden and unclickable */
.bx-wrapper .bx-controls-direction {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none; /* Prevents interference when hidden */
}

/* Hover state: Visible and clickable */
.bx-wrapper:hover .bx-controls-direction {
    opacity: 1;
    pointer-events: auto;
}

@media (max-width: 980px) and (min-width: 768px) {
  .slide-item {
    position: relative !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: contain !important;
    border-radius: 50px !important;
  }
  .slide-content {border-radius: 50px}
}

@media (max-width: 767px) {
  .bx-wrapper {margin-bottom: 0px !important}
  .bx-pager {display: none !important}
  .bx-viewport,
  .slide-item {
    border-radius: 0; 
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important; 
}
  .bxslider-dynamic li {border-radius: 10px !important}
  .slide-content { 
    position: static;
    max-width: 100%; 
    padding: 20px; 
    text-align: center; 
    border-radius: 0;
    border-bottom-left-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
  }
  .slide-content h2 {font-size: 32px}
  .slide-content p {line-height: 1em;}
  .slide-item img {max-height: 130px !important}
  .slide-item {
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: contain !important;
  }
  .affiche-slide img {
    max-width:50%;
    margin:auto;
    max-height:150px !important;
    overflow:hidden;
    opacity: 1 !important;
  }
  
}

/* BX HERO */


.bxhero-dynamic li {
  border-radius: 50px;
}
.bxhero-dynamic li {
  height: 500px !important; /* Ajustez cette valeur selon vos besoins */
  overflow: hidden;
  position: relative;
}

@media (max-width: 980px) {
  ul.bxhero-dynamic {
    padding-left: 10px;
    padding-right: 10px;
  }
  .bxhero-dynamic .slide-item {
    position: absolute;
    bottom: 0;
  }
  /* .bxhero-dynamic .slide-content {
    border-radius: 0 !important;
  } */
}



@media (max-width: 767px) {
  .fb-homepage-col {width: 100%}
}
/* Page accueil -> Territoire */
@media (max-width: 767px) {
  .villes-mrc-row {display: block  }
  .villes-mrc-col {width: 100% }
}



/* Hero section */
.hero-section {height: 500px;}
.hero-section .header-content {position: relative;}
.hero-section .header-content {
  position: absolute;
  height: 400px;
  overflow: hidden !important;
  right: 0px;
  top: 0px;
  padding: 20px;
  padding-top: 40px;
  background-color: #ffffff;
  border-radius: 28px;
  max-width: 33%;
}
.hero-section h6 span {
  position: absolute;
  bottom: 32px;
  left: 0px;
  width: 100%;
  text-align: center;
}
.hero-section .et_pb_header_content_wrapper p {
  padding-left: 30px;
  padding-right: 30px;
}

.hero-section .et_pb_header_button_wrapper {max-width: 80%}
.hero-section .et_pb_header_button_wrapper a {line-height: 1.5em !important}

/* Hero section equipe */
.post-type-archive-equipe .hero-section .et_pb_header_content_wrapper p {
  padding-left: 0px;
  padding-right: 0px;
}

.post-type-archive-equipe .header-content {
  position: absolute;
  z-index: 4 !important;
  height: auto;
  overflow: hidden !important;
  right: 20px;
  top: 30px;
  margin-top: 0;
  padding: 10px;
  padding-top: 0px;
  border-radius: 0px;
  max-width: 33%;
}
.post-type-archive-equipe .header-content h6  {margin-top: 40px;}
.post-type-archive-equipe .header-content h6 span {text-align: left !important}

@media (max-width: 1170px) and (min-width: 981px) {
  .post-type-archive-equipe .header-content {
    right: -90px;
    margin-top: -20px;
  }
}
@media (max-width: 980px) and (min-width: 768px) {
  .post-type-archive-equipe .header-content {
    position: absolute;
    height: 250px;
    right: 0px;
    left: 0px;
    top: 200px !important;
    padding: 20px !important;
    background-color: #ffffff;
    border-radius: 30px;
    max-width: 100%;
  }
  .post-type-archive-equipe .header-content h6  {margin-top: 40px;}
  .post-type-archive-equipe .header-content h6 span {margin-left: 20px;}
}

@media (max-width: 767px)  {
  .post-type-archive-equipe .header-content {
    position: absolute;
    height: 360px !important;
    right: 0px;
    left: 0px;
    top: 60px !important;
    padding: 20px !important;
    background-color: #ffffff;
    border-radius: 30px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-width: 100%;
  }
  .post-type-archive-equipe .header-content h6  {margin-top: 10px !important}
  .post-type-archive-equipe .header-content h6 span {margin-left: 20px;}
  .post-type-archive-equipe .header-content h6 span {bottom: auto}
  .equipe-hero-wrapper {background-color: transparent !important}
}

/* Hero for page-template-default */
.page-template-default .header-content {
  z-index: 4 !important;
  position: absolute;
  height: auto;
  overflow: hidden !important;
  right: 0;
  margin-top: 10%;
  padding: 10px;
  padding-top: 40px;
  background-color: #ffffff;
  border-radius: 28px;
  max-width: 33%;
}
@media (min-width: 768px) and (max-width:1024px) {
  .page-template-default .header-content {max-width: 50%;margin-top: 20%;}
}
@media (max-width: 767px) {
  .page-template-default .header-content {
    position: relative;
    top: 10%;
    max-width: 100%;
    padding-top: 20px;
  }
  .hero-section .et_pb_header_content_wrapper p {
    line-height: 1.15em;
  }
  .hero-section .et_pb_header_button_wrapper a {line-height: 1.15em !important}
}

/* Blue button link */
.homepage-section-links a {
  border: 2px solid #1501A6;
  color: #1501A6;
  font-family: "TT Rounds Neue Trial Condensed SemiBold", sans-serif ;
  font-size: 24px;
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  width: 240px;
  padding: 0 20px;
}
.homepage-section-links a:hover {
  border: 2px solid #e74139;
  color: #e74139;
}
.homepage-section-links .et_pb_link_inner {justify-content: center}

/* CTA Section (Activités, Services, Centrale de prêt ) */
.homepage-cta-item h3 {color: #ffffff}
.homepage-cta-item h3.homepage-cta-item-hovered {color: #e74139 !important}

/* Services */
.services-list-item {
  flex: 0 0 calc(25% - 30px); 
  min-width: 300px;
  max-width: calc(25% - 30px);
  min-height: 175px;
}
.services-list-item .et_pb_module_header {color: #ffffff !important}
.service-item-hovered .et_pb_module_header {color: #e74139 !important}

@media (max-width: 1177px) and (min-width: 981px) {
  .et-db #et-boc .et-l .et_pb_column_0_tb_body {
      padding-bottom: 0px !important;
  }
}
@media (max-width: 1177px) {
  .post-type-archive-service .et_pb_column_0_tb_body {
      padding-bottom: none !important;
  }
}

 /* Activités */
.activite-item-title {
  height: 100%;
  justify-content: flex-end;
}
.ateliers-texte-entete {
  margin-left: 20px;
}
.hero-section .ateliers-texte-entete h6 span {
  position: absolute;
  bottom: 32px;
  /* width: 100%; */
  padding-left: 20px;
  padding-right: 20px;
  margin: auto;
  text-align: center;
}

@media (min-width: 767px) and (max-width: 820px) {
  .activite-items-wrapper {
    column-gap: 16px !important;
    width: 100% !important;
  }
  .activite-item {
    flex: 0 0 31.88%;
    box-sizing: border-box;
  }
}

/* Formulaires d'inscriptions */
.form-wrapper .wpcf7-list-item {
  display: block;
}
.form-wrapper h5 {
  font-family: "TT Rounds Neue Trial Condensed SemiBold", Helvetica, Arial, Lucida !important;
  font-size: 24px;
}
.form-wrapper fieldset {
  position: relative;
  padding: 50px;
  border-radius: 50px;
  background-color: #90bf3b !important;
  margin-bottom: 50px;
  padding-top: 50px;
}
.form-wrapper legend {
  position: absolute;
  top: 20px;
  font-family: "TT Rounds Neue Trial Condensed SemiBold", sans-serif ;
  font-size: 24px;
}
@media (min-width: 767px) and (max-width: 1264px) {
  .form-wrapper legend {
    position: relative !important;
    padding-top: 20px !important;
  }
}
.form-wrapper .cf7-col-50 {
  width: 45%;
  margin-right: 30px;
  float: left;
  display: inline-block;
}
.form-wrapper {
  max-width: 950px !important;
  border: 1px solid #cfcfcf;
  border-radius: 32px;
  padding: 32px;
}
.form-wrapper input[type="text"],
.form-wrapper input[type="email"],
.form-wrapper textarea,
.form-wrapper select {
  min-width: 300px;
  width: 100%;
  height: 48px;
  padding: 0;
  padding-left: 8px;
  margin: 0;
  box-sizing: border-box;
  font-size: 18px;
  font-family: 'TT Rounds Neue Trial Condensed SemiBold', Helvetica, Arial, Lucida, sans-serif;
  color: #1501A6 !important;
}
input[type="date"] {
    text-autospace: no-autospace !important;
    font-family: monospace;
    padding-inline-start: 1px;
    cursor: default;
    padding: 0px;
    min-width: 300px;
    width: 100%;
    height: 48px;
    padding: 0;
    padding-left: 8px;
    margin: 0;
    box-sizing: border-box;
    font-size: 18px;
    font-family: 'TT Rounds Neue Trial Condensed SemiBold', Helvetica, Arial, Lucida, sans-serif;
    color: #1501A6 !important;
}
input[type="radio"] {
  transform: scale(1);
  min-width: none;
  width: 20px !important;
  height: 20px;
  padding: 0;
  padding-right: 0 !important;
  margin: 0;
  margin-right: 10px !important; /* Adjust as needed */
  box-sizing: border-box;
  font-size: 18px;
  font-family: sans-serif;
  color: #1501A6;
}

.form-wrapper input[type="text"] {
  color: #1501A6 !important;
}

.form-wrapper textarea {height: 144px}
.form-wrapper label {
  font-size: 18px;
  font-family: 'TT Rounds Neue Trial Condensed SemiBold', Helvetica, Arial, Lucida, sans-serif;
}
.form-wrapper input[type="submit"] {
  background-color: #ffffff; 
  border: 2px solid #1501A6;
  display: flex;
  justify-content: center;
  width: auto;
  text-align: center !important;
  margin: auto !important;
  color: #1501A6;
  padding: 5px 10px;
  font-size: 24px;
  cursor: pointer;
  border-radius: 32px; 
  transition: background-color 0.4s ease-in-out; 
}
@media (max-width: 767px ) {
  .form-wrapper {
    padding: 0px;
    border: 0;
  }
  .form-wrapper .cf7-col-50 {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: -15px;
    float: none;
    display: block;
  } 
  .form-wrapper fieldset {
    position: relative;
    padding: 10px;
    border-radius: 8px;
    max-width: 320px !important;
  }
  .form-wrapper legend {
    position: relative !important;
    top: 70px;
    padding-bottom: 70px;
    font-family: "TT Rounds Neue Trial Condensed SemiBold", sans-serif ;
    font-size: 24px;
    line-height: 1em;
  }
  .form-wrapper input[type="text"],
  .form-wrapper input[type="email"],
  .form-wrapper textarea,
  .form-wrapper select {min-width: 280px}
  input[type="date"] {min-width: 280px}
}

/* Style for hover state */
.form-wrapper input[type="submit"]:hover {
  /* background-color: #1501A6;
  color: #ffffff !important; */
  border-color: #e74139;
  color: #e74139 !important;
  transition: background-color 0.4s ease-in-out; 
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #e74139;
}
.clearer-spacer {
  display: block;
  clear: both;
  float: none;
  padding-top: 30px !important;
}
/* Largeur pour le form wrapper de Devenir membre */
.page-id-3482  .form-wrapper {
  max-width: none !important;
}

/* #devenir-membre-btn {
  pointer-events: none;
  opacity: 0.6;
} */

/* Equipe V2 en utilisant Loop Builder de Divi 5 */
.equipe-item:has(.et_pb_heading) {
  background-color: #ffffff;
  border-radius: 50px;
  padding: 24px;
}
@media (min-width: 767px) and (max-width: 980px) {
  .equipe-item {
    flex: 0 0 48.5% !important;
  }
}

/* Faire un don */
.don-header-img img {border-radius: 0 !important}

/* formulaire inscription */
.form-wrapper {

}
.form-col {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 60px;
}
@media (max-width: 767px) {
  .form-col {display: block}
}


/* Footer Nav (Secondary Menu) */
.social-footer-nav {
  height: 39px;
  justify-content: flex-end;
  top: -6px;
}
.social-footer-nav a {
    display: inline !important;
    margin-left: 0 !important;
    padding: 0px 11px;
    text-transform: uppercase;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #1501A6;
    border-radius: 32px;
    opacity: 1;
    background-color: #90bf3b;
    font-family: 'TT Rounds Neue Trial Condensed SemiBold', Helvetica, Arial, Lucida, sans-serif;
    line-height: 14px;
}
.social-footer-nav a:hover {
  color: #e74139;
  transition-duration: 0.25s;
  border-color: #e74139;
}
.footer-nav-right-col {
  justify-content: start !important;
  margin-left: -15px !important;
}
.footer-nav-right-col .lang-switcher-menu-item {display: none !important}

.footer-coord p {
  padding-bottom : 8px;
  line-height: 1.25em;
}

@media (max-width: 980px) {
  .footer-nav-right-col .et_mobile_nav_menu {display: none}
  .footer-nav-right-col .secondary-menu {display: block}
  .footer-nav-right-col .secondary-menu #menu-menu-secondaire-1 {justify-content: flex-start}
}

/* Copyright & Stuff */
.agency-link a {color: #1501A6;transition-duration: 1.5s}
.agency-link a:hover {color: #e74139;transition-duration: 0.5s}

/* Redwaves backgrounds & images CSS */
.top-redwave-wrapper {background-size: 100%}
.bottom-redwave-wrapper {background-size: 100%}

@media (min-width: 981px) and (max-width: 1224px) {
  .top-redwave-wrapper {top: 32px}
}
@media (min-width: 768px) and (max-width: 980px) {
  .top-redwave-wrapper {min-width: 101% !important}
  .bottom-redwave-wrapper {min-width: 101% !important}
  .top-redwave-wrapper02 img {min-width: 101% !important; left: -5px;}
}
@media (max-width: 767px)  {
  .top-redwave-wrapper {height: 120px !important; min-width: 105% !important}
  .top-redwave-wrapper02{height: 120px !important}
  .top-redwave-wrapper02 img {min-width: 105% !important; left: -5px;}
  
  .bottom-redwave-wrapper {align-items: flex-start !important;min-width: 105% !important }
  .bottom-redwave-wrapper img {top: 20px}
}

html { visibility: visible; opacity: 1; transition: all 1.4s ease;}