/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */

h1, h2 {
	font-family: 'Montserrat', sans-serif;	
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item~li.current-menu-item>a {
	text-transform: uppercase !important;
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-ancestor>a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-parent>a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item>a {
	text-transform: uppercase !important;

}
.nav-link {
	text-transform: uppercase !important;

}

#menu-menu li a {
	font-family: 'Montserrat', sans-serif;	
}

#menu-menu li a:hover {
	color: #99C299;
}

#menu-menu-1 li a {
	font-family: 'Montserrat', sans-serif;	
}

#menu-menu-1 li a:hover {
	color: #99C299;
}

#menu-menu-1 {
	width: 800px;
}

.hero-banner {
	height: 100vh;
	width: 100%;
	background-image:url('http://chloerajalu-avocat.fr/wp-content/uploads/2021/10/1-1.jpg');
	background-size: cover;
	position: relative;

	
}



.hero-banner-text {
	height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
	text-transform: uppercase;
} 

.titre-banner {
	font-size: 40px;
	font-weight: bold;
	color: white !important;
	margin:0 0 10px 0;
}


.hero-banner-text h2 {
    color: white !important;
	font-weight: bold;
	font-size: 40px;
	margin: 0 0 10px 0;
} 

.hero-banner-text p {
	font-size: 18px;
} 

.hero-btn {
	background-color: white;
	color: #02250C;
	border: #02250C;
	position: absolute;
	top: 80%;
	left: 50%;
	padding: 15px 25px;
	transform: translate(-50%, -50%);
	transition: .6s;
	border-radius: 4px;
	font-size: 15px;
	margin: 0 auto;
	text-align: center;
}

.hero-btn:hover {
	background-color: #02250C;
	color: white;
	border: none;
	transition: .6s;
}

.fl-button {
	transition: .6s;
}

.fl-button:hover {
	transition: .6s;
	background-color: white;
	color: #02250C;
	border: #02250C;
}

.titre {
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #02250C;
}

.titre-blanc {
	color: white;
}

.texte-presentation {
	text-align: justify;
}

.texte-presentation-2 {
	text-align: center;
}

.domaine img {
	width: 60px;
	margin:0 auto;
}

.domaine-img {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.domaine h2 {
	color: white;
	font-size: 22px;
	margin-bottom: 20px;
}

.domaine-texte li {
	color: white !important;
	text-align: justify;
}

.domaine p {
	color: white !important;
	text-align: justify;
}

.honoraires p {
	text-align: justify;
}


.fl-contact-form input {
	background-color: #99C299 !important;
	color: white;
}

.fl-contact-form textarea {
	background-color: #99C299;
	color: white;
}

.contact-titre {
	color: #02250C;
}


.fl-contact-form input::placeholder {
	color: white;
}

.fl-contact-form textarea::placeholder {
	color: white;
}

.fl-page-footer-text {
	padding: 10px 0;
}

.fl-page-footer-text a {
	color: white;
	text-decoration: none;
	padding: 10px 0;
	font-size: 14px;
}

.fl-page-footer-text a:hover {
	color: #99C299;
	text-decoration: none;
	
}

@media (max-width: 767px) { 

	.fl-node-616ea06d0e38b {
		padding: 15px;
	}
	
	.hero-banner-text p {
		text-align: center;
	}
	
	.mob-menu-logo-holder {
		display: none;
	}
	
	.fl-page-nav-col {
		display: none;
	}
	
	.texte-presentation-2 {
		text-align: justify;
	}
	
	#mobmenuright li a {
		font-family: 'Montserrat', sans-serif;
		color: #02250C;
	}
	
	.domaine-texte li {
		color: white;
	}
	
	.domaine p {
	color: white;
	text-align: justify;
}
}