/*
Theme Name: Hello Elementor Enfant
Description: Theme enfant de Hello Elementor.
Author: Pierrick Pralong
Author URI: http://panierdepixels.fr/
Template: hello-elementor
Version: 1.0
*/

/** GENERALITE **/
.p9-font-secondaireb {
    font-family: "Italianno";
    font-weight: 400;
    font-style: normal;
    font-size: 1.92em; /* ratio exact */
    line-height: 1;
}

.p9-font-secondairec {
    font-family: "Italianno";
    font-weight: 400;
    font-style: normal;
    font-size: 2em; /* ratio exact */
    line-height: 1.25;
}
@media screen and (max-width: 1024px) {
	.p9-block-mobile{
		display:block;
  }
}

/*-- Animer les bouton effet defilement gauche droite en hover --*/
/* Btn de base*/
.p9-btn-hover-anime a.elementor-button {
 position: relative; overflow: hidden; background: transparent;
  z-index: 1; transition: color 0.3s ease; border: 1px solid var(--e-global-color-accent);
}
/* Couche rouge animée */
.p9-btn-hover-anime a.elementor-button::before {
  content: ""; position: absolute; inset: 0; background: var(--e-global-color-accent);
  transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease;  z-index: 0;
}
/* On remet le texte au-dessus */
.p9-btn-hover-anime .elementor-button .elementor-button-content-wrapper {
  position: relative; z-index: 2;
}
/* Animation au hover */
.p9-btn-hover-anime a.elementor-button:hover::before {
  transform: scaleX(1);
}

/* Texte en blanc au hover */
.p9-btn-hover-anime a.elementor-button:hover {
  color: #fff !important;
}
/*-- Fin Animer les bouton effet defilement gauche droite en hover --*/


/** HEADER **/
/* Telephone menu mobile pleine hauteur*/
nav.elementor-nav-menu--dropdown {height: 2000px; padding-top: 60px; padding-left: 30px;}

/* Menu mobile plein écran */
nav.elementor-nav-menu--dropdown {
    position: fixed !important;  top: 100px !important;
    height: 1000px !important;
    background: #fff;
    padding-top: 30px;	padding-left: 30px;
    overflow: hidden !important;  z-index: 9999;
}

/* Supprime le scroll sur le body, custom.js s'occupe d'ajouter la class "menu-open */
body.menu-open {  overflow: hidden !important; touch-action: none;}
/*Je rajoute du blanc pour ne pas voir sur mobile une bande du site en bas une fois la barre de navigation chrome rangé au défilement*/
body.menu-open::before { content: "";  position: fixed;   inset: 0;  background: #ffffff;  z-index: 2;}

/* Fin de Telephone menu mobile pleine hauteur*/


/** CONTACT **/
textarea#form-field-message {border: 1px solid;}
.p9-iconfb div.elementor-icon-wrapper a.elementor-icon {
	border-color:#BA3518 !important;
}

.elementor-widget-form form.elementor-form div.elementor-field-type-text input::placeholder,
.elementor-widget-form form.elementor-form div.elementor-field-type-email input::placeholder,
.elementor-widget-form form.elementor-form div.elementor-field-type-textarea textarea::placeholder
{opacity:100%;}