/*
Theme Name: Hello Biz Child copie
Description: Thème enfant du thème Hello Biz
Author: Reid Feldman
Template: hello-biz
Version: 1.0.0
Text Domain: hello-biz-child
*/

/* Importation du CSS du thème parent */
@import url("../hello-biz/style.css");


@font-face {
  font-family: 'Century';
  src: url('fonts/century.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


/* Ajoutez ici vos personnalisations CSS */
body, html, #page, .e-hosted-video {
    background-color: #fff; /* Exemple de couleur de fond #B9E6FF   #e9f3ff #ecf1f6 */
}
.elementor-video {
    background-color: #fff !important
}


/* style de toutes les pages */

.f16 { font-size: 16px; line-height: 20px}

ul.custom-list {
  position: relative;
  padding-left: 20px; /* espace pour la barre */
  list-style: none; /* supprime les puces classiques */
}

ul.custom-list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5px; /* position de la barre horizontale */
  width: 8px; /* épaisseur de la barre */
  height: 100%; /* hauteur qui couvre toute la liste */
  background-color: orange; 
}

ul.custom-list li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 10px; /* espace entre les items */
  font-size: 16px
    
}
ul > li > a, a {
  text-decoration-line: underline;
  text-decoration-thickness: 2px !important;
  text-decoration-color: orange !important;
  text-underline-offset: 6px;
  line-height: 30px
}

li a:hover {
  font-size: 20px;
  font-weight: bold;
}


/* liste à puce carré orange */
ul.custom-liste-carre {
  list-style: none; /* enlève la puce par défaut */
  padding-left: 1.2em; /* espace à gauche pour la puce */
}

ul.custom-liste-carre li {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1em; /* espace entre la puce et le texte */
}

ul.custom-liste-carre li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px; /* ajuste pour centrer verticalement */
  width: 8px;
  height: 8px;
  background-color: orange; /* couleur orange */
  display: block;
  border-radius: 0; /* carré, pas arrondi */
  transform: translateY(-50%);
}



.contact h5 {
  font-size: 1.3em;
}


li.wpml-ls-menu-item ul.sub-menu,
li.menu-item-language ul.sub-menu,
li.wpml-ls-item ul.sub-menu {
  width: auto !important;
  min-width: 0 !important;
  max-width: 90px !important; /* adapte à ton contenu */
  box-sizing: border-box;
}





.top-list {
    list-style: none;
    padding-left: 5px;
}

.top-list > li {
    position: relative;
    margin-bottom: 00px;
    font-size: 16px
}

.top-list > li > span {
    display: block; 
    border-left: 8px solid orange; /* La barre verticale */
    padding-left: 10px; /* Espace entre la barre et le texte */
    font-size: 20px;
    font-weight: bold;
    margin: 15px 0 10px 0
}

/* Pour les sous-listes */
.top-list ul {
    list-style-type: disc; /* Remet les puces */
    padding-left: 50px; /* Indentation normale */
  margin-top: 5px;
  margin-bottom: 10px;
}

ul li ul.custom-liste{
    list-style-type: none; /* Remet les puces */
padding-left: 30px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.top-list ul li {
    margin-bottom: 0px;
    /* Pas de bordure ou de pseudo-élément ici */
}


ul.custom-list90 {
  list-style: none; /* Enlever les puces par défaut */
  padding-left: 20px; /* laisser la place pour la puce */
  position: relative;
}

ul.custom-list90 li {
  position: relative;
  padding-left: 20px; /* espacement avant le texte */
}

ul.custom-list90 li::before {
  content: "";
  position: absolute;
  top: 41%; /* laisse 5% en haut */
  left: 0; /* position à gauche */
  width: 8px; /* largeur du trait */
  height: 8px; /* hauteur du trait à 90% du li */
  background-color: orange; /* couleur du trait */
}
h4 {margin-top: 0 !important; margin-bottom: 0 !important;}

.custom-list.fs18 li, .fs18 {
  font-size: 18px !important;
  margin-top: 10px;
  line-height: 22px;
}
.mt0 {margin-top: 0 !important;}

.custom-list90, .custom-liste-carre { line-height: 27px; }

@media (max-width: 768px) {
  br.smart, br.nosmart {
  display: none;
  }
}
/* Masque tous les <br> sur mobile sauf ceux avec la classe nosmart */

/* Cible tous les liens sauf ceux ayant une classe parent sub-menu */
a:not(.sub-menu) {
  text-decoration: none;
  position: relative;
  color: inherit;
}

.no-puce {
  list-style: none;
  padding-left: 20px;
}
.no-puce li {
  padding-bottom: 15px;
  font-size: 18px;
  line-height: 23px;
}


.logo-list { list-style: none; padding-left: 0; }
.logo-list li { display: flex; align-items: center; margin-bottom: 10px; font-size: 20px; /* espacement entre éléments de la liste */ }
.logo-list li img { width: 99px; height: 60px; margin-right: 10px; object-fit: contain; /* pour garder la proportion si besoin */ }
.white-bg { background-color: #ffffff !important; }
.tab20 { padding-left: 20px !important; }
/* met le footer en bas de page */
html, body { height: 100%; margin: 0; }
#page { min-height: 100vh; display: flex; flex-direction: column; }
#content { flex: 1; background-color: #f2f8ff;}
#colophon {  color: black; padding: 0 0; margin: 0 0 ; }


.cv-structure .row { display: flex; align-items: flex-start; margin-bottom: 8px; }
.cv-structure { font-size: 20px; font-family: Roboto; } 
.cv-date { width: 153px; font-weight: normal; text-align: left; }
.cv-desc { flex: 1; text-align: left; margin-left: 15px; }
.cv-bold { font-weight: normal; }
.cv-underline { text-decoration: underline; }
/* Pour titres ou rubriques principales */
.cv-title { font-size: 1.8em; font-family: Roboto }

.cv-formation-langues { display: flex; justify-content: space-between; margin-top: 20px; gap: 20px; /* Ajout d'un espacement interne entre les colonnes */ }
.cv-formation{ width: 48%; }

.cv-formation p, .cv-langues p {
    margin: 5px 0;
  font-size: 20px;
}


.cv-langues {
  /* Réduire la marge droite ou ajuster la largeur */
  margin-right: 10px; /* Diminue un peu l'espace à droite */
  text-align: left;
  width: 50%;
}
.cv-decal {padding-left: 25px;}

.mt40 { margin-top: 40px !important; }

.has-submenu{
  padding-right: 0 !important;
}

.elementor-1609 .elementor-element.elementor-element-639e8fd:not(.elementor-motion-effects-element-type-background)::before {
  content: "";
  position: absolute;
  inset: 0;
  /* background: url("https://www.rlfavocats.com/wp-content/uploads/2025/10/07-corporate.jpg") 50% 50% / cover no-repeat; */
  opacity: 0;
  animation: fadeInBg 0.5s ease-in 1s forwards;
  z-index: 0;
}

@keyframes fadeInBg {
  to {
    opacity: 1;
  }
}
#video > div > .elementor-background-video-hosted {
  display: initial !important;
}