/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.btn-pulse {
    max-width: 300px;
    border-radius: 100px;
    border: medium none;
    box-shadow: 0 0 0 0 #F4CF7D;
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    border: 1px solid #F4CF7D;
}
.btn-pulse:hover {
    background: none;
    color: #F4CF7D;
}

@-webkit-keyframes pulse {
    to {
      box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}
  @-moz-keyframes pulse {
    to {
      box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}
  @-ms-keyframes pulse {
    to {
      box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}
  @keyframes pulse {
    to {
      box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

.bg-hp {
    background: linear-gradient(180deg, #676868 0%, #575758 17%, #121212 100%) !important;
}

.whitetxt {
    color: white !important;
}

.yellowtxt {
  color: #F4CF7D;
}

/* Style pour texte avec juste le contour en couleur  */
.text-empty h2,
.text-empty h1 {
  font-weight: 800; /* ou 900 */
  -webkit-text-stroke: 1px #F4CF7D; /* Couleur du contour */
  color: transparent !important; /* Pas de remplissage */
}

.text-empty-white h2,
.text-empty-white h1{
  font-weight: 800; /* ou 900 */
  -webkit-text-stroke: 1px #FFFFFF; /* Couleur du contour */
  color: transparent !important; /* Pas de remplissage */
}

.text-empty-black h1,
.text-empty-black h2,
.text-empty-black span {
  font-weight: 800; /* ou 900 */
  -webkit-text-stroke: 1px #121212; /* Couleur du contour */
  color: transparent !important; /* Pas de remplissage */
}

.btn-scalex {
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
}

.btn-scalex .e-font-icon-svg {
  transition: margin-left 0.3s ease; /* Animation douce sur la marge */
}

.btn-scalex:hover .e-font-icon-svg {
  margin-left: 12px; /* Décale la flèche au hover */
}


#contact-btn {
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
  box-shadow: 0 0 0 0 rgba(244, 207, 125, 0.7); /* Ajout d'une box-shadow initiale */
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

#contact-btn .e-font-icon-svg {
  transition: margin-left 0.3s ease; /* Animation douce sur la marge */
}

#contact-btn:hover .e-font-icon-svg {
  margin-left: 12px; /* Décale la flèche au hover */
}


/* Assurer que tous les types de champs sont concernés */
#contact .elementor-field-textual:focus, 
#contact .elementor-field-type-text input:focus,
#contact .elementor-field-type-email input:focus,
#contact .elementor-field-type-number input:focus
#contact .elementor-field-type-textarea textarea:focus {
  background-color: #ffffff !important;
  color: #333333 !important;
  transition: all 0.3s ease;
}

/* Styliser également le placeholder lorsque le champ est actif */
#contact .elementor-field-textual:focus::placeholder {
  color: #999999 !important;
}
#contact #form-field-message {
  border-radius: 10px;
  color: #121212 !important;
}
#contact #form-field-anniversaire {
  background-color: white;
  border-radius: 10px;
}
.social-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.social-footer {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 200;
  color: #F4CF7D;
}

.social-footer img {
  margin-right: 10px;
}

.social-footer:hover {
  color:#FFFFFF !important;
  cursor: pointer;
}

.sponsor-container a {
  color: initial; /* ou la couleur que vous utilisez actuellement */
  transition: color 0.3s ease;
}

.sponsor-container:hover a,
.sponsor-container a:hover {
  color: #F4CF7D !important;
  cursor: pointer;
}
/* Bold de l'element actif dans le menu*/
.elementor-element.elementor-element-54c251f .elementor-nav-menu--main .elementor-item.elementor-item-active {
  font-weight: bold;
}

.menu-activite .elementor-nav-menu .menu-item .elementor-item.elementor-item-active {
  text-decoration: underline !important;
}

.abonnement-card {
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 0px 8px 8px 0px;
}


.resp-only {
    display: none;
}

@media (max-width: 1024px) {
    .resp-only {
        display: block;
    }
}