/*
Theme Name: hiapidieulefit - Divi Child Theme
Description: Theme enfant de hiapidieulefit
Author: Studio Paon 
Author URI: https://www.hiapidieulefit.fr
Template: Divi
Version: 1.1
*/




/* ============================================
   MENU MOBILE DIVI 5 — Personnalisations
   ============================================ */
@media only screen and (max-width: 980px) {

  /* 1. PLEINE LARGEUR */
  .et_mobile_menu,
  .et_pb_menu .et_mobile_menu {
    min-width: 100vw !important;
    width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: calc(-50vw + 50%) !important;
    box-sizing: border-box !important;
    text-align: center !important;
    background: #faf5ed !important;
  }

  .et_mobile_menu li a {
    color: #527235 !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
  }

  /* 2. DÉCALAGE 16px VERS LE BAS */
  .et_mobile_menu,
  .et_pb_menu .et_mobile_menu {
    margin-top: 16px !important;
  }

  /* 3. PLEINE HAUTEUR
     Couvre tout l'écran depuis le menu jusqu'en bas */
  .et_mobile_menu,
  .et_pb_menu .et_mobile_menu {
    min-height: calc(100vh - 64px) !important;
  }

  /* 4. SUPPRESSION DE L'ANIMATION D'OUVERTURE/FERMETURE */
  .mobile_nav.opened .et_mobile_menu {
    display: block !important;
    animation: none !important;
    transition: none !important;
  }
  .et_mobile_menu {
    transition: none !important;
    animation: none !important;
  }

  /* 5. SUPPRESSION DE LA BORDURE HAUTE */
  .et_mobile_menu {
    border-top: none !important;
  }

  /* 6. ICÔNE HAMBURGER → CROIX ✕ QUAND MENU OUVERT */
  .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d' !important;
    font-size: 32px;
  }

  /* Suppression transition sur l'icône */
  .mobile_menu_bar:before {
    transition: none !important;
  }

}

/* Plugins  */
/* Forminator */


html .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design="default"] .forminator-label[for],
html .forminator-ui.forminator-custom-form[data-design="default"] .forminator-label[for],
html .forminator-ui.forminator-custom-form[data-design="default"] .forminator-label  {
    color: #000000 !important;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}


html .forminator-ui.forminator-custom-form[data-design="default"] .forminator-input, 
html .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select,
html .forminator-ui.forminator-custom-form[data-design="default"] .forminator-textarea {
    background-color: #f3f3f3;
    border-color: #292929;
}

html .forminator-ui.forminator-custom-form[data-design="default"] .forminator-button-submit {
  border-width: 10px !important;
  border-radius: 10px !important;
  background-color: #527235 !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  text-transform: uppercase;
  color: #FFFFFF !important;
  padding-top: 16px !important;
  padding-right: 20px !important;
  padding-bottom: 16px !important;
  padding-left: 20px !important;
  text-transform: uppercase;
  letter-spacing: 1px
}

html .forminator-ui.forminator-custom-form[data-design="default"] .forminator-button-submit:hover {
  background-color: #527235 !important;
  color: #FFFFFF !important;
  box-shadow:  none !important;
}
@media(max-width: 782px) {
  html .forminator-ui.forminator-custom-form[data-design="default"] .forminator-button {
    width: auto;
  }
}

/* NL  */
html h4 {
    display: none;
}

html .inf-success h4 {
    display: block;
}

html .inf-success p {
    display: none;
}

html .inf-form  .inf-input.inf-input-text {
    font-size: 12px;
    font-family: inherit;
    font-weight: 700;
    display: block;
    line-height: 1.7em;
    color: #575962;
    text-transform: uppercase;
}

html .inf-form  .inf-input.inf-input-text input {
    width: 100%;
}

html .inf-form .inf-submit input {
    border-width: 0px;
    border-radius: 10px;
    background-color: #527235;
    padding: 10px 20px 10px 20px;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    font-size: 14px;
}


html .inf-form .inf-submit input:hover {
    color: #FFFFF;
    background-color: #dc636e;
    border-color: #527235;
}

html .inf-form .inf-input.inf-input-text input {
    font-size: 16px;
    font-family: inherit;
    font-weight: 400;
    box-shadow: none;
    background-color: #fff;
    margin: 0;
    padding: 10px;
    border-width: 0;
    border-style: none;
    border-radius: 0;
}