/*
Theme Name:     theme_tykrapat
Description:    Theme enfant de Divi fourni par Niala Salocin
Author:         Studio Niko
Author URI:   https://studioniko.fr
Template:       Divi
Version:        5
*/

/*
Règles de CSS personnalisé ci-dessous
*/

/* change la taille de l'icone des boutons */
/* 1er code ne marche pas car ciblage ne remontant pas assez haut dans la hiérarchie voir le code suivant activé */
/* a.Btn_Choix::before,
a.Btn_Choix:hover::before {
  color: whitesmoke; 
  margin-left: -3rem !important; */
  /* font-family: "Font Awesome 5 Free Solid" !important; */
  /* font-weight: 900 !important; parfois requis pour FA 5 */
  /* line-height: 1 !important; /* éviter débordement vertical */
  /* font-size: 8px !important;*/
/* } */

#page-container #main-content .et_pb_button.Btn_Choix::before {
color: whitesmoke;
font-size:1.4rem !important;
margin-left: 1.5rem !important;
line-height:2rem !important;
}


@media screen and (max-width:1239px) {
#page-container #main-content .et_pb_button.Btn_Choix::before {
display:none!important;
}

/* diminue et egalise les marges interieures en responsive*/
#page-container #main-content .et_pb_button.Btn_Choix {
padding-left: 2rem!important;
padding-right: 2rem!important;
}
}



#page-container #main-content .et_pb_button#Btn_ContactClub::after {
color: whitesmoke;
font-size:1.7rem !important;
margin-left: 0.7rem !important;
line-height:2rem !important;
}


/*fais un background image tournant sur la id section_intro*/
/* Styles pour les calques d’arrière-plan animés */
#section_intro {
  position: relative;
  overflow: hidden;
  background: none !important;
}

.bg-layer {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
  pointer-events: none;
}

.layer-1 {
  z-index: 1;
}

.layer-2 {
  z-index: 2;
}

/* Contenu de la section au-dessus des calques */
#section_intro .et_pb_row {
  position: relative;
  z-index: 10;
}
/* enleve l'icone recherche dans le menu de wordpress */
#et_search_icon:before {
  display:none;
}
/* cache le logo dans le menu de wordpress */
.logo_container {
  display: none;
}

/* fais disparaitre dans la section d'introduction la colonne de droite en dessous de 1024px*/
@media screen and (max-width:1024px){
  .disappear_1024 {
 display:none!important;
}
.width100{
  width: 100%!important;
}
}

/* change de couleur le menu actif 
li.menu_actif a:hover {
  color:greenyellow!important;
}*/
/*

li.menu_actif a {
  color: #e7ebee!important;
}


li.menu_actif a:active {
  
  text-decoration: underline !important;
  color: orange!important;
}*/

/* style par défaut des liens ancre (adaptable si tu veux cibler .menu_actif seulement) */
.menu_actif a {
  color: white !important;
  text-decoration: none !important;
  transition: color 0.3s ease;
}

/* Lien actif (section visible) */
.menu_actif.active a {
  color: orange !important;
  text-decoration: underline !important;
}
