@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;600;800&display=swap');

/* Ajout classes Vincent */

/* slogan */
#slogan h1{font-weight:400;font-family:var(--bs-body-font-family);;}
/* page actu */
.post-7878 .featured-thumb{display:none;}
.roundedv img {border-radius:20px;}
.nofirst li:first-child{display:none;}

/* Contacts flottants */
.contactFixed{position:fixed;z-index:100; right:25px; top:270px;}
.contactFixed li{color:#8EC551;text-align:center;}
.contactFixed .list-group-item{background-color:transparent;border:none;}

.contact-icons .icon-hover {display: flex;align-items: center;justify-content: right;text-decoration: none;color: inherit;position: relative;}
.contact-icons .dashicons {font-size: 40px;width: 40px;height: 40px;line-height: 40px;transition: transform 0.3s ease;}

.hover-text {display: none;position: absolute;background-color: rgba(0, 0, 0, 0.7);padding:5px 20px;border: 1px solid #ccc;border-radius: 5px;
    margin-left: 10px;white-space: nowrap;z-index: 10;right:50px;font-size: 0.7em;}
.icon-hover .dashicons:hover + .hover-text {display: inline-block;}


@media (min-width: 652px){
	.contactFixed{right:25px; top:200px;}

}
@media (min-width: 992px){
	.contactFixed{right:41px; top:35px;}

}

/* WPCF7 */
.wpcf7-form {position:relative;}
.wpcf7 form .wpcf7-response-output{width:30%;margin-left:35%;text-align:center;position:absolute;top:90%;}
.wpcf7 form.sent .wpcf7-response-output{background-color: var(--secondary); color:white;}
.wpcf7 form.invalid .wpcf7-response-output {background-color: var(--primary); color:black;}

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap .wpcf7-list-item-label {display:inline;}
.wpcf7-form-control-wrap .wpcf7-list-item{margin:0px;}

 
/*===========================
	COMMON css 
===========================*/
:root {
--primary: #FFDA00; 
--bs-primary-rgb:rgb(255, 218, 1);
--secondary: #8EC551;
--bs-secondary-rgb:255,109,36;
--info: #15b2d5;
--fontcolor : #6A6972; 
}

body {}
.Font1Bold{font-family: 'Merriweather Sans', sans-serif; font-weight: 800!important;}
.Font1Regular{font-family: 'Merriweather Sans', sans-serif; font-weight: 600!important;}
.Font1light{font-family: 'Merriweather Sans', sans-serif; font-weight: 300!important;}
* {margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
img {max-width: 100%;}
a, button, input, textarea {-webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
a{color: rgba(159, 159, 220, 1);text-decoration: none}
a, a:focus, input:focus, textarea:focus, button:focus, .navbar-toggler:focus {text-decoration: none; outline: none; -webkit-box-shadow: none; box-shadow: none;}
a:focus, a:hover {text-decoration: none;}
a {color: var(--secondary)}
a:hover, a:focus, a:active {color: var(--primary);}
i, span, a {display: inline-block;}
audio, canvas, iframe, img, svg, video {vertical-align: middle;}
h1, h2, h3, h4, h5, h6 {margin: 0px; font-family: 'Merriweather Sans', sans-serif;margin:20px 0px;}
h1 {font-size: 2em; font-weight: 600;margin-top:20px; margin-bottom:20px}
@media (max-width: 575.98px) {}
h2 {font-size: 2em;}
h3 {font-size: 1.75em;}
h4 {font-size: 1.375em;}
h5 {font-size: 1.125em;}
h6 {font-size: 1em;}
@media (max-width: 575.98px) {h1 { font-size: 30px; }h2 { font-size: 27px; }h3 { font-size: 24px; }h4 { font-size: 18px; }}
ul, ol {margin: 0px; padding: 0px; list-style-type: none;}
p {font-size: 16px; font-weight: 400; line-height: 26px; color: #000000;}



/* ... (Memo Breakpoint) ... */
/* (sm) */ @media (min-width: 576px) {}
/* (md) */ @media (min-width: 768px) {}
/* (lg) */ @media (min-width: 992px) {}
/* (xl) */ @media (min-width: 1200px) {}
/* (xxl) */ @media (min-width: 1400px) {}

/* ... (autres styles) ... */

/* ... header ... */
.logo{width:90px;transition: opacity 0.5s ease-in-out; /* contrôle la transition avec un fondu de 0.5 seconde */}
.logo:hover {opacity: 0.5; /* Réduit l'opacité à 0.5 au survol */}


#bgHeaderGradient {
/* 	background-color: #333333; */
  background: #333333 url('https://ac-2.fr/wp-content/themes/bootstrap-component-blox-child-theme/assets/images/notes.svg');
  background-position: top left;
  background-repeat: no-repeat;
}

/* Menu Principal */
.navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-nav a{color: #FFFFFF; text-shadow: 2px 2px #000000;}
.navbar-nav a:hover {color: var(--primary)}
.navbar-nav .sub-menu a {color: black; text-shadow: 0px 0px; }
.navbar-nav .sub-menu a:hover {color: #8EC551 }
/* (lg) */ @media (min-width: 992px) {a.nav-link{font-size: 13px;}}
/* (xl) */ @media (min-width: 1200px) {a.nav-link{font-size: 17px;}}
.nav-link {text-transform: uppercase; font-family: 'Merriweather Sans', sans-serif; font-weight: 600!important;}
.navbar-expand-lg .navbar-nav .nav-link { margin-right: 15px }
.current-menu-item a{color: var(--primary)}
@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .nav-link {
		margin-right: 25px
	}
	
/* 	contact agence : dernier lien */
	#menu-item-5047 a, #menu-item-7461 a {
	border-bottom:4px solid var(--primary);
	margin-right: 0;
	}
}

/* Home Header */

.separateur {
	border-top: 1px solid #8EC551; /* Couleur et épaisseur de la ligne */
	width: 10%; /* Largeur de la ligne (peut être ajustée en pourcentage ou en pixels) */
	margin: 0 auto; /* Marge autour de la ligne (peut être ajustée selon vos besoins) */
	margin-top: 10px;
	margin-bottom: 10px;
}

#slogan{ text-shadow: 2px 2px #000000; }
#slogan .subtitle{font-size: 0.4em;}


#headerFeatured h2, .imgbox span { 
	font-family: 'Merriweather Sans', sans-serif;
	display: inline-block;
	padding: 12px 18px;
	background-color:rgba(0, 0, 0, 0.5);
	font-size: 1em;
	color: #fff;
	text-shadow: 2px 2px #000000;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1em;
	border-left: 5px solid ##8EC551
}

.more-btn { margin-top: 50px;}
@media (min-width: 992px){ .more-btn { margin-top: 130px;}}


/* @media (min-width: 992px){.imgChefOrchestre{margin-bottom: -250px;}} */

.imgbox{height:50vw;background-position:center!important;background-size:cover!important;}
.imgbox span {font-size: 15px}

@media(min-width: 800px) {.imgbox{height:400px;}}





#wave1{padding-top: -100px;}

#menu-menu2, #menu-menu2-1 { background-color: #000; text-align: center;margin-bottom: 0rem; }
#menu-menu2 a, #menu-menu2-1 a{ color: #8EC551}
#menu-menu2 a:hover, #menu-menu2-1 a:hover {color: var(--primary)}
 
/*  #submenu{
	 background: transparent url('https://ac-2.fr/wp-content/themes/bootstrap-component-blox-child-theme/assets/images/wave-noir.svg');
		background-position: bottom left;
		background-repeat: no-repeat;
		text-align: center;
		
	 
 } */
 


/* Home section interlocuteur */
#interlocuteur{
	background: #000 url('https://ac-2.fr/wp-content/themes/bootstrap-component-blox-child-theme/assets/images/bg-palme.png');
	background-position: top left;
	background-repeat: no-repeat;
}

#interlocuteur p{color:#FFFFFF !important;}



/* Home section realisations */


#realisations { background: #1e1e21;text-shadow: 2px 2px #000000;}
#realisations {
	background-image: url('https://ac-2.fr/wp-content/themes/bootstrap-component-blox-child-theme/assets/images/bg-realisations.svg');
	background-position: top left;
	background-repeat: no-repeat;
}
@media (min-width: 992px) {
	#realisations {
		position: relative;
	}
	#realisations::before {
		content: '';
		background: 
			url('https://ac-2.fr/wp-content/themes/bootstrap-component-blox-child-theme/assets/images/bg-combles.jpg'), 
			url('https://ac-2.fr/wp-content/themes/bootstrap-component-blox-child-theme/assets/images/bg-decoration.jpg'),
			url('https://ac-2.fr/wp-content/themes/bootstrap-component-blox-child-theme/assets/images/bg-extension.jpg'),
			url('https://ac-2.fr/wp-content/themes/bootstrap-component-blox-child-theme/assets/images/bg-locausprofessionnel.jpg');
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
		background-position: 
		0px 50px, 
		945px 480px, 
		90px 740px, 
		600px 1050px;
		background-size: auto, auto, auto, auto; /* Ajustez les tailles selon vos besoins */
		opacity: 0.5; /* Opacité à 0.5 (50%) pour les images de fond */
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
	}
	#realisations .col-12 {z-index: 3;}
}





.title-with-icon{text-shadow: 2px 2px #000000;}
.title-with-icon::before {
	content: url("data:image/svg+xml, <svg height='20' version='1.1' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><g id='layer1'><path d='M 15 8 L 17 10 L 0 10 L 0 11 L 17 11 L 15 13 L 16.5 13 L 19 10.5 L 16.5 8 L 15 8 z ' style='fill:%23FFDA00; fill-opacity:1; stroke:none; stroke-width:0px;'/></g></svg>");
	margin-right: 5px; /* Espace entre l'icône et le texte du titre */
}

#realisations a{text-decoration: none}
#realisations a h2 { color:var(--primary); text-shadow: 2px 2px #000000; }
#realisations a p{ color:#9f9fdc; transition: color 0.3s ease; }
#realisations a:hover, #realisations a p:hover{color:var(--primary)!important}

/* ... Sub footer Homepage ... */

#infosDetails{
	background: transparent url('https://ac-2.fr/wp-content/themes/bootstrap-component-blox-child-theme/assets/images/wave-blanc.svg');
	  background-position: top left;
	  background-repeat: no-repeat;
	  text-align: center
}
.title-with-icon2 {
		background: transparent url('https://ac-2.fr/wp-content/themes/bootstrap-component-blox-child-theme/assets/images/circle.svg');
		background-position: 0 0;
		background-repeat: no-repeat;
		width:20px;
		height:30px;
		margin-right: 5px; /* Espace entre l'icône et le texte du titre */
		margin-bottom: -13px;
		display: inline-block;
}

#infosDetailsLiens a{
	text-decoration: none;	
}

.buttonInline a {
	position: relative;
	display: inline-block;
	padding: .5rem 0;
/* 	text-transform: uppercase; */
	font-weight: 700;
	font-size: 93%;
	letter-spacing: .03rem;
	color: #8EC551
}

.buttonInline a::before,.buttonInline a::after {
	-webkit-transition: background-color .4s,width .4s;
	transition: background-color .4s,width .4s;
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: .1rem;
	background-color: ##8EC551
}

.buttonInline a::before {
	left: auto;
	right: 0
}

.buttonInline a::after {
	top: auto;
	bottom: 0
}

.buttonInline a:hover {
	color: ##8EC551
}

.buttonInline a:hover::before,.buttonInline a:hover::after {
	width: 20%;
	background-color: #fcd86f
}


.btn-full-width {
	width: 100%;
	display: block;
}

#guidesListing .btn{ margin: 0.5rem; border-radius: 30px }

/* ... footer ... */
footer{ text-transform: uppercase; border-top:1px solid #e5e5e5; padding: 4rem!important;}
footer a { text-decoration: none;color: #333333}
.separator{opacity: 0.2; /* 20% opacity */}








#projets h3 { color:#FFF}

#projets { background-color:#8ec551; }
#projets .posts, .realisationArtisan .posts {padding:0px;position:relative;background-color:#951919;}
#projets .posts .imgbox, .realisationArtisan .posts .imgbox {transition:ease-in-out 0.5s;}
#projets .purple {position:absolute;bottom:1px;transition:ease-in-out 0.5s;opacity:0;}
#projets .purple h4{color:white;font-size:1.2em}

.realisationArtisan .posts:hover .imgbox {opacity:0.6;}
#projets .posts:hover .imgbox{opacity: 0.6}
#projets .posts:hover .purple  {opacity:1;bottom:40%;}

#projets ul li,
#actualite ul li {
	list-style-type: none
}


/***

====================================================================
	CSS template : Two Column Fluid estimezVostravaux
====================================================================

***/


.custom-card-img {
	height: 300px; /* Remplacez 200px par la hauteur souhaitée */
	object-fit: cover; /* Garantit que l'image couvre la totalité de la zone tout en conservant son ratio d'aspect */
	width: 100%; /* Assurez-vous que l'image occupe toute la largeur du conteneur */
}



#estimezVostravaux { background: #1e1e21;}
#estimezVostravaux p { color: white}


.one-col-bg{
	background-color:#2F2D34;
	color:#FFF;
	padding:20px 40px 40px 40px;
}

.two-col-fluid{
	position:relative;
	background-color:#2F2D34;
	color:#FFF
}

.two-col-fluid .image-column{
	position:absolute;
	top:0px;
	width:50%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:right top;
}

.leftimg{
	left:0px;
}
.rightimg{
	right:0px;
}

.two-col-fluid .content-column{
	position:relative;
	width:50%;
}

.lefttxt{
	float:left;
	text-align: right
}
.righttxt{
	float:right;
}

.two-col-fluid .content-column h2{
/* 	font-size:30px; */
/* 	margin-bottom:30px; */
	color:#FFFFFF;
}

.two-col-fluid .content-column h2:after,
.thematiques h2:after
{
	display: none
}

.two-col-fluid .content-column .content-inner{
	position:relative;
	max-width:800px;
	padding:20px 40px 40px 40px;
}


/* CSS template : Page defaut */


.featured-thumb {
	text-align: center;
	margin:0 auto;
 }
 
 .quote {
   margin: 0;
   border-radius: 0 0 1em 1em;
 }
 
 .quote p {
	 color: #FFFFFF;
	 font-size: 1.5em;
	 line-height: initial;
 }

 
 .featured-thumb p {
	 color: white;
	 font-size: 1em;
 }


.entry-content h1 {
	color: #FFBB00;
}

.entry-content h2:first-child {
	color: #333333;
}
.entry-content h3 {
	color: #8ec551;
}

.entry-content h2,
.entry-content h3 {
	font-weight: 800;
	margin-top: 20px;
}

.entry-content ul li {
	list-style: none;
	border-bottom: 1px solid #EEE;
	position: relative;
	display: block;
	padding: 10px 0;
}

.entry-content ul li:last-child {
	border-bottom: 0px solid #EEE;
}

.entry-content ul li:before{
  content: "-";
  color: #F7A601; /* or whatever color you prefer */
  display: inline-block;
  width: 1.3em; /* same as padding-left set on li */
}

/* .has-background {
	padding: 6vw
} */
.has-background h2, .has-background h3{
	color: #333333;
} 
.has-background p{
	line-height: 1.8;
}


/* NEW CONTACT */


.card-contact {
	position:relative;
	font-size:18px;
	font-weight:bold;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom:80px;
}
.card-contact .card-center {
	position: relative;
	background: #59555f;
	color: #fff;
	width: 340px;
	height: auto;
	border-left: 10px solid #af0000;
	padding:20px;
}

.card-contact .card-center h3 {
	color: #fff;
	font-size:18px;
}

.card-contact .card-right p {
	font-size: 18px;
	color: #8ec451;
	text-align: center;
	line-height: 20px;
}

@media (min-width:1000px) {
	.card-contact .card-center {
		margin-left: -15%;
	}
}

@media (max-width:999px) {
	.card-contact {
		flex-direction:column;
	}
	.card-contact .card-center {
		margin:20px auto;
	}
}

.centered-double-btn {
	display: flex;
	justify-content: center;
	align-items: center;
}

.centered-double-btn .new-btn {
	padding: 5px 15px;
	font-size: 18px;
}

/* Contact form 7 */
@media(min-width:800px) {
	.half-form {
		display:flex;
		justify-content:space-between;
		align-items:flex-start;
	}
	.left-form, .right-form {
		width:48%;
	}
}

.wpcf7-form-control-wrap {
	position: relative;
	width:100% !important;
}

.wpcf7 input[type="text"],.wpcf7 input[type="email"], .wpcf7 input[type="quiz"], textarea,.wpcf7-intl-tel {
	width:100% !important;
	margin-bottom: 20px;
	padding: 10px;
}
.intl-tel-input.allow-dropdown {
	width:100%;
	margin-bottom: 20px;
}
.intl-tel-input.allow-dropdown input[type="tel"] {
	width:100% !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

textarea {
	height: 200px;
}



.wpcf7-list-item input[type="checkbox"]{
	margin-right:10px
}

.wpcf7-acceptance{
	display: inline-block
}

.wpcf7-form input[type="submit"] {
	color: #fff;
	background-color: #32373c;
	border-radius: 9999px;
	box-shadow: none;
	text-decoration: none;
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	font-size: 1.125em;
}

.wpcf7 input[type="submit"]:hover {
	background-color:var(--secondary) !important;
	/*! border:none !important; */
}


.img-circle {
  border-radius: 50%;
  width: 150px; /* Ajustez la largeur et la hauteur selon vos besoins */
  height: 150px; /* Ajustez la largeur et la hauteur selon vos besoins */
  object-fit: cover; /* Pour éviter que l'image ne se déforme */
}




.business-card {
	max-width: 600px;
	margin: auto;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-top: 20px;
}

/* annuaire */


.card-hover {
	border: 1px solid #ccc;
	transition: border 0.3s ease-in-out; 
}	

.card-hover:hover {
	border: 1px solid #8EC551;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

h4.card-title { color: black;}
h4.card-title:hover{ color: #8EC551;}

.btn-success {
	color: #fff;
	background-color: #8EC551; /* Couleur principale */
	border-color: #8EC551;
}

.btn-success:hover {
	color: #fff;
	background-color: #7CB149; /* Variation pour survol */
	border-color: #6FA845; /* Variation pour survol */
}

.btn-success:focus {
	color: #fff;
	background-color: #8EC551; /* Retour à la couleur principale pour le focus */
	border-color: #8EC551; /* Retour à la couleur principale pour le focus */
	box-shadow: 0 0 0 0.25rem rgba(142, 197, 81, 0.5); /* Variation pour focus */
}

.btn-success:active {
	color: #fff;
	background-color: #6FA845; /* Variation pour clic */
	border-color: #5E953C; /* Variation pour clic */
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-success:disabled {
	color: #fff;
	background-color: #8EC551;
	border-color: #8EC551;
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	#post-7300 h2 {
		font-size: 1em;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#post-7300 h2 {
		font-size: 2em;
	}
}

.btn-secondary {
  background-color: #32373c;
  border-radius: 9999px;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.btn-secondary:hover {
  background-color: #1e2022;
  transform: scale(1.03);
  text-decoration: none;
  color: #fff;
}