/*======================================
Theme Name: TEFA
Theme URI: https://adaracom.fr
Description: Thème enfant de Divi
Version: 1.0
Author: Adaracom
Author URI: https://adaracom.fr
Template: Divi
======================================*/


/**************** Header *********************/

#main-header{
	box-shadow: none;
}

@media only screen and (min-width: 981px){
	.et_header_style_centered #top-menu>li>a {
	    padding-bottom: 30px!important;
	    padding-top: 30px!important;
	}
	.et_header_style_centered #top-menu{
		    display: flex;
    	align-items: center;
	}
	.menu-item a:before{
		content: '';
		display: block;
		height: 1px;
		width: 100%;
		position: absolute;
		bottom: 16px;
		left: 0;
		transition: all ease-in-out 300ms;
	}
	.menu-item.current-menu-item a:before,
	.menu-item a:hover:before{
		background-color: #ef5050;
	}
	#top-menu-nav>ul>li>a:hover{
		opacity: 1;
		color: #ef5050;
	}
	.et_header_style_centered #top-menu>li.linkedin>a{
		color: transparent;
		width: 38px;
		height: 38px;
		padding: 0!important;
		overflow: hidden;
	}
	.menu-item.linkedin a:before{
		content: url('images/icon-linkedin.svg');
		width: 38px;
		height: 38px;
		position: relative;
		bottom: auto;
		left: auto;
	}
	.menu-item.linkedin a:hover:before{
		background-color: transparent;
	}
	.menu-item.linkedin a:hover{
		transform: translateY(-5px);
	}
}


/**************** Contenu des pages *********************/

.et_pb_text h2,
.et_pb_post_content h2{
	padding: 1em 0 0.5em;
}
.et_pb_text h2:last-child,
.et_pb_post_content h2:last-child{
	padding: 1em 0 0;
}
.et_pb_text h2:first-child,
.et_pb_post_content h2:first-child{
	padding: 0 0 0.5em;
}
.et_pb_text h3,
.et_pb_post_content h3{
	padding: 0.8em 0 0.4em;
}
.et_pb_text h3:last-child,
.et_pb_post_content h3:last-child{
	padding: 0.8em 0 0;
}
.et_pb_text h3:first-child,
.et_pb_post_content h3:first-child{
	padding: 0 0 0.4em;
}
.et_pb_module p,
.et_pb_module p:last-of-type,
.et_pb_post_content p,
.et_pb_post_content p:last-of-type{
	padding-bottom: 1em;
}
.et_pb_module p:last-child,
.et_pb_post_content p:last-child{
	padding-bottom: 0;
}

.et_pb_module ul{
	padding-left: 0;
}
.et_pb_module li{
	padding-bottom: 10px;
	position: relative;
	list-style-type: none;
}
.et_pb_module li:last-of-type{
	padding-bottom: 0px;
}
.liste-check-bleu li,
.liste-arrow-red li,
.liste-arrow-white li{
	padding-left: 25px;
}
.liste-check-bleu li:before{
	content: '';
	background: url(images/liste-check-bleu.svg) no-repeat center;
	width: 15px;
	height: 12px;
	display: block;
	position: absolute;
	top: 9px;
	left: 0;
}

.liste-arrow-red li:before{
	content: '';
	background: url(images/icon-arrow-red.svg) no-repeat center;
	width: 16px;
	height: 17px;
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
}
.liste-arrow-white li:before{
	content: '';
	background: url(images/icon-arrow-white.svg) no-repeat center;
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	top: 9px;
	left: 0;
}
.et_pb_promo_button{
	text-decoration: none!important;
}
.et_pb_button_module_wrapper .et_pb_button{
	line-height: 1.2em!important;
}
.et_pb_section.separateur-vague-bas:after{
	content: '';
	background: url('images/separateur-vague-bas-blanc.png') no-repeat bottom center;
	background-size: 100% 100%;
	display: block;
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.et_pb_section.separateur-vague-bas-inverse:after{
	content: '';
	background: url('images/separateur-vague-bas-inverse-blanc.png') no-repeat bottom center;
	background-size: 100% 100%;
	display: block;
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.et_pb_bg_layout_dark .et_pb_slide_description{
	text-shadow: none!important;
}

#header-page h1 strong{
	font-size: 22px;
}

.et_pb_module .dnxte_coverflowslider_parent_0 .swiper-button-prev, .et_pb_module .dnxte_coverflowslider_parent_0 .swiper-button-next{
	background-color: transparent!important;
}
.header-level{
	font-size: 30px;
}

@media only screen and (min-width:768px){
	.et_pb_section.separateur-vague-bas:after,
	.et_pb_section.separateur-vague-bas-inverse:after{
		height: 150px;
	}
	#header-page h1 strong{
		font-size: 25px;
	}
	.header-level{
		font-size: 35px;
	}
}

@media only screen and (min-width:981px){
	.et_pb_section.separateur-vague-bas:after,
	.et_pb_section.separateur-vague-bas-inverse:after{
		height: 250px;
	}
	#header-page h1 strong{
		font-size: 27px;
	}
	.header-level{
		font-size: 40px;
	}

}
@media only screen and (min-width:1200px){
	#button-tab-particulier>div{
		display: flex;
		justify-content: space-between;
	}
}

/********************* Formulaire ******************/

.nf-form-fields-required{
	display: none;
}
.nf-form-content .textarea-wrap label{
	display: none;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea{
	background: #f7f7f7!important;
    border: none!important;
    border-radius: 25px!important;
    color: #5a5a5a!important;
    padding-left: 20px!important;
}
.nf-form-content{
	padding: 0!important;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit]{
	color: #FFFFFF!important;
    border-radius: 30px;
    font-weight: 600!important;
    background-color: #EF5050!important;
    padding: 13px 35px;
    line-height: 1.2em;
    font-size: 18px!important;
}
.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover{
	opacity: 0.8;
}
.nf-field-container.recaptcha-container{
	margin-bottom: 0!important;
}
/********************** Footer **********************/

#linkedin-footer a:before{
	content: '';
	background: url('images/icon-linkedin.svg') no-repeat center;
	display: block;
	width: 38px;
	height: 38px;
	margin: 0 auto;
}

#linkedin-footer a{
	position: relative;
	padding-top: 50px;
	display: block;
}



@media only screen and (min-width:981px){
	#linkedin-footer a{
		padding: 0 0 0 50px;
		transition: all ease-in-out 300ms;
	}
	#linkedin-footer a:hover{
		transform: translateX(10px);
	}
	#linkedin-footer a:before{
		position: absolute;
		top: -5px;
		left: 0;
	}

}