/*
 Theme Name:   Twenty Nineteen Child
 Description:  Twenty Ninteen Child Theme
 Author:       B12communication
 Template:     twentynineteen
*/


/*//////FONT*/
@font-face {
  font-family: 'Industry-Thin';
  src: 	url('fonts/Industry-Thin.eot?#iefix') format('embedded-opentype'),
  		url('fonts/Industry-Thin.otf')  format('opentype'),
	    url('fonts/Industry-Thin.woff') format('woff'),
		url('fonts/Industry-Thin.ttf')  format('truetype'),
		url('fonts/Industry-Thin.svg#Industry-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Industry-Light';
  src: url('fonts/Industry-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/Industry-Light.otf')  format('opentype'),
	     url('fonts/Industry-Light.woff') format('woff'), url('fonts/Industry-Light.ttf')  format('truetype'), url('fonts/Industry-Light.svg#Industry-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Industry-Book';
  src: url('fonts/Industry-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/Industry-Book.otf')  format('opentype'),
	     url('fonts/Industry-Book.woff') format('woff'), url('fonts/Industry-Book.ttf')  format('truetype'), url('fonts/Industry-Book.svg#Industry-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Industry-Demi';
  src: url('fonts/Industry-Demi.eot?#iefix') format('embedded-opentype'),  url('fonts/Industry-Demi.otf')  format('opentype'),
	     url('fonts/Industry-Demi.woff') format('woff'), url('fonts/Industry-Demi.ttf')  format('truetype'), url('fonts/Industry-Demi.svg#Industry-Demi') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Industry-Medium';
  src: url('fonts/Industry-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/Industry-Medium.otf')  format('opentype'),
	     url('fonts/Industry-Medium.woff') format('woff'), url('fonts/Industry-Medium.ttf')  format('truetype'), url('fonts/Industry-Medium.svg#Industry-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Industry-Bold';
  src: url('fonts/Industry-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Industry-Bold.otf')  format('opentype'),
	     url('fonts/Industry-Bold.woff') format('woff'), url('fonts/Industry-Bold.ttf')  format('truetype'), url('fonts/Industry-Bold.svg#Industry-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Industry-Black';
  src: url('fonts/Industry-Black.eot?#iefix') format('embedded-opentype'),  url('fonts/Industry-Black.otf')  format('opentype'),
	     url('fonts/Industry-Black.woff') format('woff'), url('fonts/Industry-Black.ttf')  format('truetype'), url('fonts/Industry-Black.svg#Industry-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Industry-Ultra';
  src: url('fonts/Industry-Ultra.eot?#iefix') format('embedded-opentype'),  url('fonts/Industry-Ultra.otf')  format('opentype'),
	     url('fonts/Industry-Ultra.woff') format('woff'), url('fonts/Industry-Ultra.ttf')  format('truetype'), url('fonts/Industry-Ultra.svg#Industry-Ultra') format('svg');
  font-weight: normal;
  font-style: normal;
}


body, h1, h2, h3, h4, h5, h6{
	
	font-family: 'Industry-Book'!important;
}

h1:not(.site-title):before, h2:before{
	
	display:none;
}

.elementor-36 .elementor-element.elementor-element-bfa61ec .eael-advance-tabs .eael-tabs-nav > ul li{
	
	 font-family: 'Industry-Black'!important;
	
}

.eael-advance-tabs .eael-tabs-nav>ul li{
	
	width:30%!important;
}

.eael-tabs-content {
	
	text-align:center;
}

.site-branding-container{
	
	
	display:none;
}

.site-footer{
	
	display:none;
}


.site-header{
	display:none;
}

.carre-anim1{
	
	animation: fadeInDown 3s infinite;
}
.carre-anim2{
	
	animation: fadeInDown 3s infinite;
	animation-delay: 0.5s;
}
.carre-anim3{
	
	animation: fadeInDown 3s infinite;
	animation-delay: 1s;
}


#essai1:hover{
	
	transform: rotate(360deg);
	transition:transform 1s;
	transition-timing-function:ease;
}

#txt_vertical{
	   writing-mode: vertical-rl;
    transform: rotate(-180deg);

}

#txt_vertical h2{

 font-family: 'Industry-black'!important;
}

.ehf-header #masthead {
	position:absolute!important;
}

.elementor-29408 .elementor-element.elementor-element-c3b4037 .premium-main-nav-menu > .premium-nav-menu-item{
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
}

.elementor-29408 .elementor-element.elementor-element-c3b4037 .premium-main-mobile-menu.premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link{
	padding:10px;
}

.elementor-29408 .elementor-element.elementor-element-c3b4037 .premium-main-mobile-menu.premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link:hover{
	color:#D20C30!important;
}

li#premium-nav-menu-item-29453 {
	padding:20px!important;
}

li#premium-nav-menu-item-29453 a {
	padding:20px!important;
}

#premium-nav-menu-item-29453 a span{
	display:none!important;
}

.elementor-widget-eael-fancy-text .eael-fancy-text-prefix{
	 font-family: 'Industry-light'!important;
}

.elementor-widget-eael-fancy-text .eael-fancy-text-strings, .elementor-widget-eael-fancy-text .typed-cursor{
	 font-family: 'Industry-light'!important;
}

#hauteur_fancy_text{
	height:100px;

}

@media screen and (max-width: 760px) {
	
.eael-filter-gallery-wrapper .gallery-item-caption-wrap.caption-style-hoverer {
	visibility:visible;opacity:1
	}
}

/*–––––––––––––––– WORD SWIPE ANIMATION -----------------*/

* {
  margin:0;
  padding:0;
  font-family: 'Industry-Medium';
}



.main{
  height:300px;
  width:100%;  
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
h1{
  text-align:center;
  text-transform: uppercase;
  color: #D20C30; 
  font-size: 1.5rem;
}

.roller{
  height: 4rem;
  line-height: 4rem;
  position: relative;
  overflow: hidden; 
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  
  color: black;
}


#spare-time{
  font-size: 1rem;
  font-style: italic;
  letter-spacing: 1rem;
  margin-top: 0;
  color: #A8DADC;
  
}

.roller #rolltext {
  position: absolute;
  top: 0;
  animation: slide 12s infinite;  
}


@keyframes slide {
  0%{
    top:0;
  }
  10%{
    top: -4rem;    
  }
  20%{
    top: -8rem;
  }
  30%{
    top: -12rem;
  }
  
  40%{
    top: -16rem;
  }
  
  50%{
    top: -20rem;
  }
  
  60%{
    top: -24rem;
  }
  
  70%{
    top: -28rem;
  }
  
  80%{
    top: -32rem;
  }
  
  90%{
    top: -36rem;
  }
  
  100%{
    top: -40rem;
  }
}

@media screen and (max-width: 76px){
  h1{
  text-align:center;
  text-transform: uppercase;
  color:#D20C30!important; 
  font-size: 1.5rem;
}
  
  .roller{
  height: 1.5rem; 
  line-height: 1.5rem;  
  }
  
  #spare-time {
    font-size: 1rem;
    letter-spacing: 0.1rem;
  }
  
  .roller #rolltext {  
  animation: slide-mob 12s infinite;  
}
  
  @keyframes slide-mob {
  0%{
    top:0;
  }
  10%{
    top: -1.5rem;    
  }
  20%{
    top: -3rem;
  }
  30%{
    top: -4.5rem;
  }
  
  40%{
    top: -6rem;
  }
  
  50%{
    top: -7.5rem;
  }
  
  60%{
    top: -9rem;
  }
  
  70%{
    top: -10.5rem;
  }
  
  80%{
    top: -12rem;
  }
  
  90%{
    top: -13.5rem;
  }
  
  100%{
    top: -15rem;
  }
}
}

/*–––––––––––––––– WORD SWIPE ANIMATION END-----------------*/

/*–––––––––––––––– FILL TEXT ANIMATION-----------------*/


.border{
	padding: 5px;
	background-size: 400% 400%;
	height: 400px;
	background-position: 25% 50%;
	-webkit-animation: Gradient 7s ease infinite;
	-moz-animation: Gradient 7s ease infinite;
}
.inner-cutout{
	padding: 40px 0;
	display: block;		
	padding-bottom: 40px;
	height: 300px;
	background-size: 300%;
	background-position:50% 50%;

}
.knockout {
	
	vertical-align: middle;
	text-align: left;
	 font-family: 'Industry-black'!important;
	font-size:100pt;
	color: blue;
	color: #fff;
	background: linear-gradient(110deg, #D20C30 33%, rgba(0, 0, 0, 0) 43%), linear-gradient(110deg, black 36%, white 44%);
	background-size: 400%;
	 -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.knockout{
		animation: Gradient 7s ease infinite;
		-webkit-animation: Gradient 7s ease infinite;
		-moz-animation: Gradient 7s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 30% 30%
	}
	50% {
		background-position: 55% 35%
	}
	100% {
		background-position: 30% 30%
	}
	
}



.main-anim{
	width: 1000px;
	height: auto;
	margin-left: 100px;
	margin-top: 50px
}

@media screen and (max-width: 760px) {
  .main-anim{
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-top: 50px
}
	
.knockout {
	
	vertical-align: middle;
	text-align: center;
	 font-family: 'Industry-black'!important;
	font-size:40pt;
	color: blue;
	color: #fff;
	background: linear-gradient(110deg, #D20C30 33%, rgba(0, 0, 0, 0) 43%), linear-gradient(110deg, black 36%, white 44%);
	background-size: 400%;
	 -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
	
}

/*–––––––––––––––– FILL TEXT ANIMATION-----------------*/