/*
Theme Name: wplab2-child
Description: Crafted by Woomera with Divi by Elegant Theme
Author: Woomera
Template: Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
/* text décalé header pizza/napoli*/
.header_decale span{
	padding-left: 250px;
}
/* insertion variable couleur*/
.title-light{
	color: var(--accent)
}
.text_decale{
	top: 100px;
	left: -150px;
}
.letter-spacing .et_pb_text_inner h2 {
white-space: nowrap;
 
-webkit-animation: et_pb_fade_2 4s infinite ease !important; /* Safari 4+ */
  -moz-animation:    et_pb_fade_2 4s infinite ease !important; /* Fx 5+ */
  -o-animation:      et_pb_fade_2 4s infinite ease !important; /* Opera 12+ */
  animation:         et_pb_fade_2 4s infinite ease !important; /* IE 10+, Fx 29+ */
 
}
#title_header h1{
    background: center / cover url("https://wplab-2.woomera.eu/wp-content/uploads/2022/03/hello-i-m-nik-J_-p8jmKf-A-unsplash-scaled.jpg");
    background-clip: texte;
	font-weight: 9000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@-webkit-keyframes et_pb_fade_2 {
  0%   { opacity: 0; letter-spacing: 0em; }
  50% { opacity: 1; letter-spacing: -0.25em; }
  100%   { opacity: 0; letter-spacing: 0em; }
}
 
 
@-moz-keyframes et_pb_fade_2 {
  0%   { opacity: 0; letter-spacing: 0em; }
  50% { opacity: 1; letter-spacing: -0.25em; }
  100%   { opacity: 0; letter-spacing: 0em; }
}
 
@keyframes et_pb_fade_2 {
  0%   { opacity: 0; letter-spacing: 0em; }
  50% { opacity: 1; letter-spacing: -0.25em; }
  100%   { opacity: 0; letter-spacing: 0em; }
}
/* Condensed texte*/

/* card_feature*/
.card_features{
	transition: background-color 2s ease-out 100ms
}
.card_features:hover{
	border: 2px solid #10495c !important;
	transition: 0.3s;
}
.card_features:hover .et_pb_module_header{
	color: #10495c;
	transition: 0.3s;
}
.card_features:hover .et-pb-icon{
	background-color: #10495c;
	color: #f2ad5f;
	transition: 0.3s;
}
/* card services*/
.card_hover_bg_color{
	position: relative;
	transition: 0.3s ease;
}
.card_hover_bg_color:hover{
	background-color: #10495c !important;
	top: -15px;
	color: white !important;
}
.card_hover_bg_color:hover h3{
	color: white !important;
}

/* card services*/
/* card_feature*/
.image_courbes:after{
	background-color: #ba6f4d;
	position: absolute;
	content: '';
    width: 100%;
    top: 70px;
    bottom: -70px;
    left: -80px;
    z-index: -1;
    opacity: 1;
    border-radius: 0 0 50% 0;
	
	
}
/* card_feature*/
/* animation separator*/
@media only screen and (min-width: 750px){
	.separator h2::before {
    content: "";
    display: block;
    width: 0;
    height: 6px;
    background-color: #e37e9e;
    transition: width .5s ease-out;
    margin: 0 auto 20px;
}
}
@media only screen and (min-width: 750px){
	.separator h2::before {
    width: 80px;
}

}

/* animation separator*/
.hr-lines{
  position: relative;
  max-width: 500px;
  margin: 100px auto;
  text-align: center;
}
/* animation separator*/
/* after red title*/
.hr-lines h2:before{
  content:" ";
  height: 2px;
  width: 130px;
  background: red;
  display: block;
  position: absolute;
  top: 8%;
  left: 0;
}

.hr-lines h2:after{
  content:" ";
  height: 2px;
  width: 130px;
  background: red;
  display: block;
  position: absolute;
  top: 8%;
  right: 0;
}
/* after red title*/

/* portfolio*/

 
.content{
  display: none;
}
 
.portfolio:hover .content {
  display: block !important;
}
.portfolio:hover {
  background-color: red !important;
}
/* portfolio*/
/* column reverse*/
@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
} 
/* column reverse*/


/* prefrontality*/
#top-header, #top-header .container, #top-header #et-info, #top-header .et-social-icon a{
	line-height: 2em !important;
}
/* titre compétences*/
.competences h3::after{
	content: '';
    display: block;
    height: 9px;
    width: 70px;
    background: #3d6bb3;
    position: absolute;
	bottom: -15px;

}
/* titre compétences*/
/* Animation logo */

.logo_div img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
.logo_div img:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
/* Animation logo */
/* taille footer*/

#menu-sitemap{
	font-size: 14px !important;
}
#custom_html-2{
	font-size: 14px !important;
}
/* taille footer*/
/* espace équipe*/
.et_pb_member_position{
	padding-top: 20px important!important;
	padding-bottom: 20px !important;
}
.et_pb_module_header{
	padding-top: 20px !important;
}
/* espace équipe*/
@media only screen and (max-width:375px) {

	#header .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content{
		width: 100% !important;
		
	}
	#header .et_pb_fullscreen .et_pb_fullwidth_header_container{
		width: 100% !important;
	}
	#media_image-5{
		max-width: 50% !important;
	}
}
/* prefrontality*/