/* 
Theme Name: PASCAL THIBAULT - Hello Elementor Child
Template: hello-elementor
*/



/*elementor setup et classes */
@keyframes imageFilterAnim {
    0% {
        filter: grayscale(0%) contrast(100%) brightness(100%);
    }
    25% {
        filter: grayscale(100%) contrast(120%) brightness(90%);
    }
    50% {
        filter: grayscale(50%) contrast(150%) brightness(110%);
    }
    75% {
        filter: grayscale(100%) contrast(80%) brightness(120%);
    }
    100% {
        filter: grayscale(0%) contrast(100%) brightness(100%);
    }
}

.img-animated {
    animation: imageFilterAnim 15s infinite ease-in-out;
}

.elementor-heading-title span{font-weight:100;}
.elementor-icon-wrapper{line-height:0;}
.elementor-social-icon:hover{background-color:var(--e-global-color-primary)!important;}
.elementor-social-icon:hover svg{fill:var(--e-global-color-text)!important;}

.menu a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}


.menu a::after {
  transform: scaleX(0);
  transform-origin: center;
}

.menu a:hover::after {
  transform: scaleX(1);
}



/*contact form 7*/
.wpcf7-form *{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-primary);
}


input::placeholder,
textarea::placeholder
{
    color: var(--e-global-color-primary)!important;
    opacity: 1!important;
}

input,textarea{
	padding:1rem!important;
	border-radius:0!important;
	margin-bottom:1rem;
	background:none;
	border:2px solid var(--e-global-color-primary)!important;
}

.wpcf7-submit{padding:1rem 2rem!important;display:block;margin:auto;font-family:var( --e-global-typography-primary-font-family ), Sans-serif!important;font-weight:900;text-transform:uppercase;background:var(--e-global-color-primary);color:var(--e-global-color-text);}
.wpcf7-submit:hover,.wpcf7-submit:focus{background-color:var(--e-global-color-text);}

.wpcf7-response-output{text-align:center;border:4px solid var(--e-global-color-accent)!important;}
.wpcf7-not-valid-tip{padding:0.5rem 1rem;border:4px solid var(--e-global-color-accent)!important;}









/*header visible sur scroll up*/

:root {
  --header-height: 110px; /* valeur initiale, sera remplacée par JS */
}

body:not(.elementor-editor-active) .header {
  position: fixed;
  top: 0;
  width: 100%;
z-index:999;
  transition: top 1s ease;
}

body.scroll-down .header {
  top: -100%;
}

body.scroll-up .header {
  top: 0;
}

body>div.elementor,body>main#content{
  /*padding-top: var(--header-height);*/
}



/*setup menu hamburger*/


.hamburger {width: 30px;height: 20px;display: flex;flex-direction: column;justify-content: center;transition: transform 0.3s ease;align-items: center;gap: 6px;cursor: pointer;position: relative;}
.hamburger span {display: block;width: 100%;height: 4px;background-color: #fff;transition: all 0.3s ease;transform-origin: center;position: relative;}

.hamburger.open:hover span:nth-child(2){width:100%;margin-left:0;}

.hamburger.close span:nth-child(1) {transform: rotate(45deg);position: absolute;top: 50%;left: 0;transform-origin: center;}
.hamburger.close span:nth-child(2) {opacity: 0;}
.hamburger.close span:nth-child(3) {transform: rotate(-45deg);position: absolute;top: 50%;left: 0;transform-origin: center;}
.hamburger.close{height:40px;}
.hamburger.close:hover{ transform: scale(1.1);}

.hamburger{display:none;cursor:pointer;}

@media(max-width:1024px){
	.hamburger{display:flex;}	

	.container-menu{position:unset;}
	.menu{
	transition:all 0.5s;
	position: fixed;
    top: -120vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
	}
}