/*
	Theme Name: Divi-child
	Description: Divi Enfant, theme enfant de Divi
	Author: A New Story Julie
	Author URI: https://anewstory.fr
	Template: Divi
	Version: 1.0.0
	*/

.et_pb_scroll_top{
	background: #211910!important;
}
/*----LOGO----*/
#logo {
  max-height: 170% !important;
}
#main-header {
    box-shadow: unset;
}
/*----FORMULAIRE DE CONTACT----*/

.nf-form-fields-required{
	color:#ffffff!important;
	font-family:'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}

.nf-field-element input::placeholder, .nf-field-element textarea::placeholder{
	color:#00445B!important;
	font-family:'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}
.nf-form-content input:not([type=button]){
	color:#ffffff!important;
	font-family:'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}

.nf-before-form-content{
	display:block;
	padding-left:10px;
}

.nf-error-msg {
	color:#ffffff!important;
	font-weight: bold;
}

#nf-field-4:hover{
	color:#0089b7!important;
}





/*--------------------------------------------
 * -----------------RESPONSIVE----------------
 * -------------------------------------------*/



@media screen and ( max-width: 1400px ) {
#main-header .container{
	    width: 90%;	
}
}

@media screen and ( max-width: 1245px ) {
#main-header .container{
	    width: 95%;	
}
}

@media screen and ( max-width: 1180px ) {
#top-menu li {
    display: inline-block;
    font-size: 13px;
    padding-right: 15px;
}
}

@media screen and ( max-width: 1085px ) {
#top-menu li {
    display: inline-block;
    font-size: 12px;
    padding-right: 14px;
}
}

@media screen and ( max-width: 1020px ) {
#top-menu li {
    display: inline-block;
    font-size: 11px;
    padding-right: 10px;
}
}

@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
	#logo {
  max-height: 150% !important;
}
	.et_mobile_menu li a{
		    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
		color: #a3a4a3 !important;
	}
	
	.et_mobile_menu li.current_page_item>a{
			color: #0089b7 !important;
	}
	

	
}

@media only screen and (max-width:480px) {
	.btn_contact .et_pb_button_wrapper {
		text-align:center!important;
	}
}

@media only screen and (max-width: 375px) {
	.btn_contact a{
		font-size: 15px!important;
	}
}
@media only screen and (max-width:320px) {
	.home h1 {
		margin-top: 20px;
	}
	.header_pages h1 {
		font-size: 24px!important;
	}
	.header_pages h4 {
		font-size: 19px!important;
	}
}