/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

:root {
	--color-accent-color: #b3e38f; /* salient */
	--color-extra-color-1: #1b3f7c; /* salient */
	--color-extra-color-2: #ffffff; /* salient */
	--color-extra-color-3: #1b3f7c; /* salient */

	--color-smoke: #f5f5f5;


	--color-logo-1: #b4d38c; /* vert */
	--color-logo-2: #53c0dd; /* bleu le plus clair */
	--color-logo-3: #07aee3; /* etc. */
	--color-logo-4: #0092c9; 
	--color-logo-5: #0077bb;
	--color-logo-6: #1b3f7c;

}

h1 {
	/*color: var(--color-accent-color) !important;*/
}

h2 {
	color: var(--color-accent-color) !important;
	/*font-size: 50px !important;	*/
}
ul li {
    /* list-style: none !important; */
}	 

/* logo en fonction de l'entité */
/*
126 > F&D Services -> Bienvenue
695 > Easy Riviera Services -> Bienvenue

128 > F&D Services -> Services à la famille
118 > F&D Services -> Cointactez-nous
121 > F&D Services -> Rejoignez-nous
130 > F&D Services -> Blog et news

*/



/*
.page-id-143 #logo {
	background: url(https://homry-partenaires.maj.mc/wp-content/themes/salient-child/img/logo-menu-F&D-Services-340x100-transparent.png) !important;
	min-height: 100px;
	background-position: center;
	background-repeat: no-repeat !important;
	width: 100px;
	background-size: contain;
	min-width: 500px;
}
.page-id-695 #logo {
	background: url(https://homry-partenaires.maj.mc/wp-content/themes/salient-child/img/logo-menu-Easy-Riviera-Services-378x100-transparent.png) !important;
	min-height: 100px;
	background-position: center;
	background-repeat: no-repeat !important;
	width: 100px;
	background-size: contain;
	min-width: 500px;
}
.page-id-143 #logo img,
.page-id-695 #logo img {
	display: none !important;
}
*/


/* rangée "À VOTRE SERVICE…" (home) */
.rangee-services h2 {
	font-size: 18px  !important;
	line-height: 24px !important;	
	color: white !important;
	padding-bottom: 30px;
}
.rangee-services p {
	font-size: 12px;
	line-height: 16px !important;	
	color: white !important;
}

.rangee-services .link_text {
	color: white !important;
}



/* liens de menu spéciaux */
.btn-rejoignez-nous a span {
	background: url('/wp-content/themes/salient-child/img/rejoignez-nous.svg') left center no-repeat;
	padding-left: 40px;
}
.btn-contactez-nous a span {
	background: url('/wp-content/themes/salient-child/img/contactez-nous.svg') left center no-repeat;
	padding-left: 35px;
}





/* rangée 5 domaines d'activité */
.illu-domaines {
	border: 8px solid var(--color-accent-color);
}
.rangee-5-domaines h3 {
	color: var(--color-accent-color);
}


/* rangée 6 atouts */
.rangee-6-atouts .nectar_icon {
	background: white !important;
}
.rangee-6-atouts h3 {
	color: var(--color-extra-color-3);
	font-weight: 700 !important;
	letter-spacing: 2px;
}
.rangee-6-atouts p {
	font-size: 18px;
	color: var(--color-smoke) !important;
	line-height: 24px;
}


/* milestone */
.subject {
	text-transform: uppercase;
	color: var(--color-accent-color);
	font-size: 34px;
	font-weight: 700;
	letter-spacing: 2px;
}

/* rangée "Services" */ 
.rangee-public-services p {
	text-transform: uppercase;
	font-size: 28px;
	color: white;
	font-weight: 500;
	padding-right: 30px;
}


/* rangée 5 étapes */
#rangee-5-etapes h3 {
	color: var(--color-accent-color);
	font-weight: 700;
	letter-spacing: 1px;
	padding-bottom: 15px;
}
#rangee-5-etapes p {
	color: grey;
	text-align: justify;
}



.colonne-3-services .column-image-bg {
	background-size: auto !important;
}


.flip-box-front {
	text-transform: uppercase;
	font-size: 28px;
}



/* Testimonial */
.testimonial .testimonial-name {
	font-size: 30px;
	color: var(--color-accent-color);
	font-weight: 700;
}
.testimonial .title {
	font-size: 18px !important;
	color: var(--color-accent-color) !important;
	margin-top: 20px;
	font-style: italic;
}


.testimonial .open-quote {
	color: var(--color-accent-color) !important;
}
.testimonial p {
	color: grey;
}
.testimonial_slider[data-style=multiple_visible_minimal][data-add-border=true] blockquote .inner {
    background: #f1f1f1 !important;
}


/* ---------- ---- ---------- */
/* ---------- FORM ---------- */
/* ---------- ---- ---------- */

.container-wrap input[type=text],
.container-wrap input[type=email],
.container-wrap input[type=tel] {
	font-size: 24px;
	padding: 5px;
}

.form-row { 
	/* width: 100%; */
} 
.column-half,
.column-full { 
	float: left; 
	position: relative; 
	padding: 2rem; 
	width: 100%; 
	box-sizing: border-box 
} 

.column-half p,
.column-full p { 
	font-size: 22px;
	color: var(--color-accent-color);
}
.column-half span,
.column-full span { 
	font-size: 18px;
	color: grey;
}


.clearfix:after { 
	content: ""; 
	display: table; 
	clear: both; 
} 
.button-container {
	height: 100px;
	position: relative;
}
.button-center {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

hr {
	clear: both;
	visibility: hidden;
}


/* newsletter */
.column-half-newsletter { 
	float: left; 
	position: relative; 
	padding: 0rem; 
	width: 100%; 
	box-sizing: border-box 
}
.email-newsletter-footer input {
	font-size: 12px !important;
	display: inline-block;
	right: 0;
}
.email-newsletter-footer input {
	font-size: 12px !important;
	display: inline-block;
	left: 0;
}
body[data-form-submit=regular] .container-wrap .btn-newsletter-footer input[type=submit] {
    padding: 5px !important;
	font-size: 18px !important;
}
body[data-button-style="slightly_rounded_shadow"] .container-wrap .btn-newsletter-footer input[type="submit"]:hover {
	box-shadow: none !important;
	transform: translateY(0) !important;
}


@media only screen and (min-width: 48em) {  
	.column-half { 
		width: 50%; 
	}
	.column-half-newsletter { 
		width: 50%; 
	}
} 


.wpcf7-checkbox span.first {
	margin-left: 15px;
}



/* */
.footer-fetdservices h4 {
	font-size: 24px;
	text-transform: uppercase;
	color: var(--color-accent-color);
}
.footer-fetdservices p {
	font-size: 18px;
	color: grey;
}












/* pages des liens de menu footer */
.page-menu-footer h2 {
	color: white !important;
}









/* équipe */
.team-member .description {
	color: white !important;
	font-size: 14px;
	line-height: 18px;
}
.team-member h4 {
	color: white !important;
	font-size: 22px;
}





/* progress bar */
.stepper-wrapper {
	margin-top: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	margin-left: 60px;
	margin-right: 60px;
}
.stepper-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;

	@media (max-width: 768px) {
		font-size: 12px;
	}
}
  

.stepper-item::before,
.stepper-item::after {	
	position: absolute;
	content: "";
	border-bottom: 2px solid #ccc;
	width: 100%;
	top: 24px;
}
.stepper-item::before {
	left: -50%;
}
.stepper-item::after {
	left: 50%;
}
  
.stepper-item .step-counter {
	position: relative;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: var(--color-accent-color);
	margin-bottom: 16px;
	font-size: 26px;
	color: white;
}

.stepper-item .step-counter.one {
	background: var(--color-logo-1);
}
.stepper-item .step-counter.two {
	background: var(--color-logo-2);
}
.stepper-item .step-counter.three {
	background: var(--color-logo-3);
}
.stepper-item .step-counter.four {
	background: var(--color-logo-4);
}
.stepper-item .step-counter.five {
	background: var(--color-logo-5);
}




.stepper-item .step-name {
	font-size: 24px;
	text-align: center;
	color: var(--color-accent-color);
}

.stepper-item:first-child::before,
.stepper-item:last-child::after {
	content: none;
}	











/* ---------- MAI 2024 ---------- */
ul.blocs-services li {
	list-style: disc !important;
	text-align: left;
}




/* puzzle */
.puzzle-container {
	position: relative;
	width: 750px;
	height: 500px;
	margin: auto;
	border: 2px solid grey;
	background-image: ("/wp-content/themes/salient-child/img/puzzle-0.png");
}

.puzzle-image {
	width: 100%;
	height: 100%;
	opacity: 1;
	/*transition: opacity 0.5s linear;*/
}

.white {
	color: var(--color-extra-color-2);
}


.logo-on-map {
	position: absolute;
	border: 1px solid transparent;
	width: 40px;
	height: 40px;
	margin-left: 41%;
	margin-top: 39%;
	z-index: 10;
}


.testimonial_slider blockquote p {
	font-size: 16px;
	line-height: 20px;
}







/* Popup Maker */
/*
.pum-theme-1250 .pum-title, .pum-theme-homry .pum-title {
	font-family: Lato;
	color: var(--color-accent-color);
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: 15px;
	text-transform: uppercase;
	text-align: center;
}
.pum-content p {
	text-align: justify;
}
*/


/*
body #header-secondary-outer nav >ul >li {
	margin-left: 20px;
}

body #header-secondary-outer nav >ul >li >a  { 
	padding-left: 6px !important;
	background-color: var(--color-logo-6);
	border-radius: 5px;
	color: white;
	border: none;
	font-size: 14px;
	font-family: Lato;
	text-transform: uppercase;
}


body #header-secondary-outer nav >ul >li >a span { 
	padding-left: 10px;
}


#header-secondary-outer>.container>nav {
    min-height: 40px !important;
    padding-top: 4px !important;
}
*/


/*
body #header-secondary-outer nav  ul  li  a  { 

	background-color: var(--color-logo-6) !important;
	border-radius: 15px !important;
	font-size: 18px !important;
	padding: 3px;

}
body #header-secondary-outer nav  ul  li:hover  a  { 

	background-color: var(--color-logo-6) !important;
	border-radius: 15px !important;
	font-size: 18px !important;

}
*/

body #header-secondary-outer nav a  { 
	font-size: 18px !important;
}

body #header-secondary-outer span  { 
	padding: 7px !important;
}




@media only screen and (min-width: 1000px) {
	body #header-outer .menu-item-1270 > a:before,
	body #header-outer .menu-item-1270 > a:after,
	body #header-outer .menu-item-1271 > a:before,
	body #header-outer .menu-item-1271 > a:after,
	body #header-outer .menu-item-1272 > a:before,
	body #header-outer .menu-item-1272 > a:after {
		height: calc(100% + 2px) !important;
	}
}


.flip-box-front .inner {
	padding: 35% 30px !important;
}


.flip-box-front .inner {
	font-size: 26px;
	line-height: 26px;

	font-variant: normal;
	text-align: center;
	color: white;
	padding: 10px 0;
}


.flip-box-back .inner {
	padding: 20px !important;
	text-align: justify;
	min-height: 330px;
}




span.jour {
	width: 90px !important;
    display: inline-block;
}






/* haut popup */
.vc_custom_1706865255868 {
	padding: 0 !important;
}















/* Burger menu icon */
/*
body #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a::before {
	background-color: var(--color-logo-6) !important;
}
*/

/* 1er trait */
/*body #header-outer[data-has-menu][data-format][data-padding][data-using-logo] > #top .slide-out-widget-area-toggle[data-custom-color="true"] a .lines-button i:before {
	background-color: #ffffff !important;
}
	*/
/* 2e trait */
/*
body #header-outer[data-has-menu][data-format][data-padding][data-using-logo] > #top .slide-out-widget-area-toggle[data-custom-color="true"] .lines-button:after {
	background-color: #ffffff !important;
}
	*/
/* 3e trait */
/*
body #header-outer[data-has-menu][data-format][data-padding][data-using-logo] > #top .slide-out-widget-area-toggle[data-custom-color="true"] a .lines-button i.lines:after {
	background-color: #ffffff !important;
}
*/



/* Magnify icon */
#search-btn div {
	background-color: white; 
	padding: 16px !important;
	border-radius: 50px;
}
#header-outer.transparent.dark-slide > #top nav ul #search-btn a span,
#header-outer.transparent #top nav ul #search-btn a .icon-salient-search,
#header-outer.transparent #top nav ul #search-btn a:hover span {
    color: var(--color-logo-6) !important;
}

#header-outer #top nav .slide-out-widget-area-toggle[data-custom-color=true]:not(.mobile-icon) a:not(.using-label) {
    width: 30px; /* original : 22 */
}
body #header-outer #top .slide-out-widget-area-toggle[data-custom-color] a:before {
    height: 52px; /* original : 46 */
}
#top .slide-out-widget-area-toggle a>span {
	margin-right: 3px;
}


/* To Top icon */
#to-top {
	height: 48px;
	width: 48px;
	right: 37px;
	bottom: -15px;	
}
#to-top i {
	line-height: 48px;
	font-size: 24px;
}




#entity-switch {
	position: relative;
	display: inline;
}
#entity-switch img {
	position: fixed;
	max-height: 54px;
}





/* menu pilules haut */

#header-outer .menu-item-1270:hover > a:before,
#header-outer .menu-item-1271:hover > a:before,
#header-outer .menu-item-1272:hover > a:before {
	background: var(--color-logo-1);
	color: white;
}

#header-outer .menu-item-1270:hover > a span,
#header-outer .menu-item-1271:hover > a span,
#header-outer .menu-item-1272:hover > a span,
#header-outer .menu-item-1270:hover > a i,
#header-outer .menu-item-1271:hover > a i,
#header-outer .menu-item-1272:hover > a i {
	color: var(--color-logo-6);
}




/* -------------------------------------------------- */
/* CENTRAGE DU LOGO ALTERNATIF - PLUS D'ACTUALITE !!! */
/* A CONSERVER POUR UN EVENTUEL CONTRE-ORDRE…		  */
/* -------------------------------------------------- */
/*
.special-logo-fds {
	padding-left: 94px !important;
}
.special-logo-ers {
	padding-left: 156px !important;
}
*/
