/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }
  body {
    font-size-adjust: 0.4 !important;
  }
  img {
    margin: 0 !important;
  }
  h1, h2, h3, h4, h5 {
    font-size-adjust: 0.5 !important;	 
  }
  .scroll-down-link {
    display: none !important;
  }
.av-minimum-height-100:not(.av-slideshow-section) .container {
  height: auto !important;
  min-height: 0 !important;
}
.bio{
    font-size-adjust: 0.5 !important;
}
}

@media only screen and (max-width: 989px) {
  .responsive #top #wrap_all .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }
  body {
    font-size-adjust: 0.4 !important;
  }
  img {
    margin: 0 !important;
  }
  h1, h2, h3, h4, h5 {
    font-size-adjust: 0.5 !important;	 
  }
  .scroll-down-link {
    display: none !important;
  }
.av-minimum-height-100:not(.av-slideshow-section) .container {
  height: auto !important;
  min-height: 0 !important;
}
.bio{
    font-size-adjust: 0.5 !important;
}
}



input[type="text"]{
	margin-bottom: 0px !important;
}

.wpcf7-form p {
  margin-bottom: 10px; /* ajuste la valeur */
}

.wpcf7-form .wpcf7-form-control {
  margin-bottom: 10px;
}

.container {
  margin: 0 0 !important;
  padding: 0 0 !important;;
}

/* Décale le bouton de la flèche haut-de-page pour évityer la superposition avec le captcha */
#scroll-top-link {
  right: 50px;
  bottom: 100px !important;
}

/* ─────────────────────────────────────────────
 * Enfold – Scroll down link
 * Ajuste la position de la flèche dans les Color Sections
 * Date: 2025-09-22
 * Raison: Remonter l’icône de 65px pour un alignement visuel plus harmonieux
 * Auteur: Claude (modif thème enfant)
 * ───────────────────────────────────────────── */
#top .avia-section .scroll-down-link {
 bottom: 20px !important; /* si la valeur par défaut était 50px → 50 + 65 = 115 */
}

/*
#top .avia-section.av-mfel9tfm-8c36dce3040233c108a778f624241bb9 .scroll-down-link.avia-svg-icon svg:first-child {
  stroke: #008ea9;
  fill: #000 $important;
}
*/
#top .scroll-down-link.avia-svg-icon.svg:first-child {
  height: 100px;
  bottom: 20px !important;             /* ta position actuelle */
}

/* Enfold – flèche scroll-down : amplitude de l'animation (course plus longue) */

#top .avia-section .scroll-down-link {
  height: 100px;
  bottom: 20px !important;             /* ta position actuelle */
  margin: 0 0 0 -18px !important;
/*  animation: none !important;           /* on neutralise une éventuelle anim du thème sur le lien */
  animation: avia_fade_move_down 2s ease-in-out infinite;

}

/* On anime seulement le SVG pour ne pas casser le centrage/position absolue du lien */
#top .avia-section .scroll-down-link svg {
  display: block;
  pointer-events: none;                 /* clique sur le lien, pas sur le SVG */
  will-change: transform;
  /*animation: mv-sdl-bounce 2.0s ease-out infinite;/**/
  /*animation: avia_fade_move_down 2s ease-in-out infinite;/**/
}

/* Ajuste la course ici: 0 → 48px. Mets 60px/80px si tu veux encore plus long */
@keyframes mv-sdl-bounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(50px); }
}

/* Gestion de la couleur des flèches selon sections couleur */
/* Flèche blanche par défaut */
.avia-section .scroll-down-link svg path {fill: #008ea9;}

/* Flèche rouge seulement dans la section #services */
#solutions .scroll-down-link svg path {fill: #ffffff;}

/* Flèche rouge seulement dans la section #services */
#services .scroll-down-link svg path {fill: #ffffff;}

/* Flèche bleue seulement dans la section #contactez-nous */
#contactez-nous .scroll-down-link svg path {fill: #ffffff;}

/* Flèche bleue seulement dans la section #nibi */
#nibi .scroll-down-link svg path {
  fill: #000000;
}

/* Flèche bleue seulement dans la section #decrypteur */
#decrypteur .scroll-down-link svg path {fill: #000000;}

.mv-enfold-social-inline a {
  display:inline-block;
  vertical-align:middle;
  text-decoration:none;
  line-height:1;
  font-size: inherit !important; /* hérite bien du style inline */
/*  color: inherit !important;*/
}

/* le pictogramme réel */
/* force la taille des pictogrammes inline */
/*
.mv-enfold-social-inline .avia-font-entypo-fontello:before {
  font-size: var(--mv-size, 24px) !important;
  line-height: 1 !important;
}
*/

.mv-enfold-social-inline .av-icon-display {
  font-size: 20px !important;  /* taille du pictogramme */
  color: #0077b5 !important;   /* couleur */
  line-height: 1;
  vertical-align: middle;
}

/* Icônes sociales inline : disque blanc autour du pictogramme */
.mv-enfold-social-inline a{
  /* tu as déjà --mv-size sur <a>; on dérive le diamètre du disque ici */
  --mv-diam: calc(var(--mv-size) * 2.2);
}

.mv-enfold-social-inline .av-icon-display{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width: var(--mv-diam) !important;    /* diamètre du disque */
  height: var(--mv-diam) !important;
  background:#fff !important;          /* disque blanc */
  border-radius:50% !important;        /* cercle parfait */
  padding:0 !important;                /* pas de pastille “pilule” */
  border-width:1px !important;
  border-style: solid;
  border-color: #777 !important; 
  box-shadow:none !important;
  line-height:1 !important;
  color: inherit !important;           /* bleu hérité de <a> */
  font-size: var(--mv-size) !important;/* taille du pictogramme */
}

/* selon versions, le pictogramme est rendu via :before — on force l’héritage */
.mv-enfold-social-inline .av-icon-display:before{
  font-size: inherit !important;
  color: inherit !important;
}