/*Theme Name: eecktheme
Description: Theme enfant pour le site eeck-consulting.com
Author: NGcrea
Template: generic
*/

@import url("../generic/style.css");


/*enconstruction*/
body#enconstruction {margin: 0;	display: flex;	height: 100vh;	align-items: center;  justify-content: center;}
.contenu_construction {width: 100%; height: auto ; background: #ffffff; text-align: center ; padding: 40px 20px }
.contenu_construction img {max-height: 300px; max-width: 300px; display: inline-block }
.phrase_construction { font-family: "Montserrat", sans-serif;  font-weight: 800; display: block; margin-top: 30px; font-size: 32px; line-height: 42px }
#enconstruction header, #enconstruction aside {display: none !important}
body#enconstruction {background: var(--grisvert); }
.phrase_construction {color: var(--vert);  }
/*fin_enconstruction*/





/*color*/
.blanc, .blanc strong, .has-blanc-color {color: #ffffff !important }
.noir, .noir strong, .has-noir-color {color: #000000 !important }
.vert, .vert strong, .has-vert-color {color: #606648 !important}
.marron, .marron strong, .has-marron-color {color: #423f30 !important}
.grisvert, .grisvert strong, .has-grisvert-color {color: #eef1e5 !important}
.turquoise, .turquoise strong, .has-turquoise-color {color: #536a6e !important}
.orange, .orange strong, .has-orange-color {color: #ff6600 !important}
.orangeclair, .orangeclair strong, .has-orangeclair-color {color: #ff9900 !important}
.has-blanc-background-color {background-color: #ffffff !important }
.has-noir-background-color {background-color: #000000 !important }
.has-vert-background-color {background-color: #606648 !important }
.has-marron-background-color {background-color: #423f30 !important }
.has-grisvert-background-color {background-color: #eef1e5 !important }
.has-turquoise-background-color {background-color: #536a6e !important }
.has-orange-background-color {background-color: #ff6600 !important}
.has-orangeclair-background-color {background-color: #ff9900 !important}

:root {
--blanc: #ffffff;
--noir: #000000;
--vert  :#606648;
--marron : #423f30;
--grisvert: #eef1e5;
--turquoise: #536a6e;
--orange: #ff6600;
--orangeclair: #ff9900;
}

/*fin_color*/







body {font-family: "Roboto Slab", serif;  font-weight: 400  ;  text-align: left ; font-size: 16px !important  ; line-height: 30px !important ; color: #000000 ; margin: 0  ; padding: 0 ; word-wrap: normal ; word-break: normal !important ; background-color: #ffffff; position: relative }
.sitecontenu {overflow: hidden; }

#header, #container, #footer {    padding: 0% !important}
a img:hover, a:focus img, a svg:hover, a:focus svg {  opacity: 1;}
p a:hover {text-decoration: underline}
header {padding: 0 !important}
.container {position: relative;  }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {  padding-right: 20px;    padding-left: 20px;    margin-right: auto;    margin-left: auto;}
strong {font-weight: 700 ; }
.gras, .gras strong {font-weight: 800 !important ; }


p {margin: 0 0 20px 0 !important;}
div p:last-child {margin: 0 0 0 0 !important;}
:root :where(.is-layout-constrained) > * {  margin-block-start: 0px;  margin-block-end: 0;}

a img {    opacity: 1 !important }
i {font-style: italic}
.aligncenter {margin: 0px auto;    }
a{text-decoration: none; color: inherit;}

.contenu a, .contenu li a{  color: inherit;  }
.contenu a:hover, .contenu li a:hover{ color: inherit}
@media (prefers-color-scheme: light) {  #header {    background: #ffffff;  }
}


[class*="col"] {margin: 0 ; padding: 0  }
.row {padding-left: 0; padding-right: 0}
/* * { transition: all 0.3s ease; }*/
.wp-block-separator {    border-top: 0px solid;    border-bottom: 0px solid;}
.overflow {overflow: hidden}

.cap {text-transform: uppercase}
.pacap {text-transform: none !important}

.noborder { border: 0 !important}
.nomarge {margin: 0 !important}
.nopad {padding: 0 !important}

.invisible, .hidedesk {display: none}

.cap {text-transform: uppercase}
.bloc {display: block}

.droite {text-align: right}
.gauche {text-align: left }
.centre {text-align: center !important}

.pad10 {padding: 10px}
.pad20 {padding: 20px}
.pad30 {padding: 30px}
.padbot0{padding-bottom: 0!important}
.padtopt0{padding-top: 0!important}

.taille60 {font-size: 60px}
.taille48 {font-size: 48px}
.taille32 {font-size: 32px}
.taille20 {font-size: 20px}
.taille16 {font-size: 16px}

.radius20 {border-radius: 20px}

.slab {font-family: "Roboto Slab", serif; font-weight: 400}
.montserrat {font-family: "Montserrat", sans-serif; font-weight: 400}

.colonnes2 {  column-count: 2;  column-width: auto;  column-gap: 40px;}
hr {opacity: 1 !important; margin: 0px 0;}
:root :where(.wp-block-separator.is-style-dots)::before {    content: "";    font-size: 0;  letter-spacing: 0;  padding-left: 0;  border-top: 1px dotted currentColor;  display: block;  margin:
	20px 0; }
.justify{text-align: justify}
.vertical_centre {align-self: center}



/*hack li*/
ul li, ul {list-style-type: none !important;   }
ul  {margin: 0 0 0 0 !important; text-indent: 0px; }
.entry-content ul, .widget-container ul, .comment-body ul, .entry-content ol, .widget-container ol, .comment-body ol, ul li, ul  {
    font-family: inherit !important;  font-weight: 400  ;    }
.entry-content ul {margin: 0px 0 30px 0 !important}
.entry-content li { margin: 0px 0;}
.entry-content li { margin-bottom: auto !important; line-height: inherit;}
.entry-content ul li::before, .widget-container ul li::before, .plus li:before {    content: "\f0da";  font-family: "Font Awesome 5 Free";  color: #ff6600;  display: inline-block; margin-right: 5px;   font-weight: 900; }



@media (min-width: 1400px) {
 .container {    max-width: 1400px;  }
}
.mb-2 {  margin-bottom: 0rem !important;}



/*titres*/

.slab {font-family: "Roboto Slab", serif; font-weight: 400}
.montserrat {font-family: "Montserrat", sans-serif; font-weight: 400}

h1, h2, h3, h4, h5, h6 {padding: 0 0 0 0  ; margin: 0 0 0 0 ; display: block ; text-align: inherit; width: 100%;   }
h1, h2, h3 {font-family: "Montserrat", sans-serif; font-weight: 700 }
h1 {font-size: 72px; line-height: 86px;  }
h2 {font-size: 60px; line-height: 75px;  }
h3, .sp-testimonial-free-section .sp-testimonial-title h3 { font-size: 32px; line-height: 48px; }
h4, .intro_site h1 {font-size: 20px; line-height: 34px; font-weight: 400  }



/*bouton*/
.wp-block-button__link { font-size: 16px; line-height: 20px; font-family: "Montserrat", sans-serif; font-weight: 700; padding: 15px 25px; text-transform: uppercase ; border-radius: 100px; width: fit-content;}
.has-vert-background-color .wp-block-button__link, .has-grisvert-background-color .wp-block-button__link {box-shadow: inset 0 0 1px 1px rgba(255,255,255,1) !important;}
.has-vert-background-color .wp-block-button__link:hover, .has-grisvert-background-color .wp-block-button__link:hover  { box-shadow: inset 0 0 100px 100px rgba(255,255,255,1) !important; color: var(--orangeclair) !important}
.has-grisvert-background-color .wp-block-button__link:hover  { color: var(--orange) !important}
input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus, .button:hover, .button:focus {  opacity: 1;}



/* header */
 .headereeck h1, .headereeck h2 {  text-shadow: #fff 0px 0px 50px, #fff 0px 0px 20px, #fff 0px 0px 20px, #fff 0px 0px 20px, #fff 0px 0px 50px, #fff 0px 0px 50px !important;  }
.headereeck {background-repeat: no-repeat; background-size: cover; background-position: center top; }
.headereeck .head_gradient { background:linear-gradient(0deg,rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 60%), linear-gradient(90deg,rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
  padding-bottom: 20px; }
.hp .headereeck .head_gradient { padding-bottom: 80px; }
.headereeck .container-fluid {padding: 0 100px}
.headereeck .col-12 {display: flex; flex-direction: column; align-items: center}
.logosite {  width: 300px;  background:rgba(255,255,255,0.5);  padding:40px 40px 30px 40px;  position: relative;  z-index: 10000;  top: -90px;  border-radius:0 0 20px 20px;  box-shadow: inset 0 0 70px 20px #fff, 0 0 50px rgba(0,0,0,0.2);}
.headereeck .titre_page {color: var(--vert); padding-bottom: 20px;  position: relative;  top: -20px; text-align: center}
.hp .headereeck .titre_page {padding-bottom: 60px; }
.intro_site {box-shadow: 0 0 20px rgba(0,0,0,0.1)}
.intro_site h1 {font-family: "Roboto Slab", serif; font-weight: 400 }



/* nav*/
.fondnav {background: var(--vert); display: block; min-height: 73px }
.eecknav { display: block; padding: 0 50px }
.eecknav #menu {  margin-top: 0px;  float: none; text-align: right}
.menu-eeckmenu-container, .eecknav #menu div:first-of-type {float: none}
.eecknav #menu a {  font-family: "Montserrat", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 16px; color: #fff;  text-align: center; text-decoration:none;  line-height: auto;  padding-bottom: 20px; padding-top: 20px; padding-right: 20px; padding-left: 20px;  margin-top: 0px;  margin-right: 0px; box-shadow: inset 0px 0px var(--marron);  transition: all 0.6s ease;}
.eecknav #menu a:hover { box-shadow: inset 500px 0px var(--marron); }
.eecknav #menu ul.sub-menu {  margin-top: 10px !important;  margin-left: 20px !important;   }
.eecknav #menu ul.sub-menu a {text-transform: none; box-shadow: inset 0px 0px var(--grisvert); color: var(--marron) !important  }
.eecknav #menu ul.sub-menu a:hover { box-shadow: inset 500px 0px var(--grisvert);  }

#mysticky-nav .myfixed {  right: 0% !important;}
#mysticky-wrap  {  width: 100%}


 .mobmenu-content #mobmenuleft li a {font-family: "Montserrat", sans-serif !important; text-transform: uppercase !important; font-size: 16px !important}
 .mobmenu-content #mobmenuleft .sub-menu a {text-transform: none !important}
.mobmenu-content #mobmenuleft .sub-menu li:hover{background: var(--marron)} 
.mobmenu-content #mobmenuleft .sub-menu li:hover a{color: var(--grisvert)} 

.mobmenul-container i {  background: var(--vert) !important; padding: 5px; border-radius: 5px}
.mobmenul-container i:hover { color: var(--grisvert) !important; }
.mobmenu-left-panel .mob-cancel-button:before {background: #ffffff;  padding: 5px 10px;  margin: 0 !important;  border-bottom-right-radius: 10px;  display: block;  text-align: left; width: 40px;}
.mobmenu-left-panel .mob-cancel-button:hover {  color: var(--vert) !important;}
.mobmenu-left-panel .mobmenu-left-bt {left: 0 !important}

#mysticky-nav .myfixed {  right: 0% !important; border-bottom: 10px solid #ffffff !important}
#mysticky-nav .myfixed  .logosite {display: none !important }


/*contenu*/
.introduction {font-family: "Montserrat", sans-serif; }
.ellipses {position: relative}
.ellipses:before, .ellipses:after {content: ""; display: block; position: absolute; z-index: 2; left: auto; width: 100%;  height: 20px;  background: #ffffff;   border-radius:  1000px / 10px; 	}
.ellipses:before {top: -10px; }
.ellipses:after {bottom: -10px; }

.backvert, .backclair { background-repeat:  no-repeat; background-position:  top center; background-size: cover}
.backvert {background-image: url(/wp-content/uploads/2025/04/back_vert.jpg); }
.backclair {background-image: url(/wp-content/uploads/2025/04/back_clair.jpg); }

.col2, .col3, .col4 {align-items: stretch;}
.col2 .colonne {width: 48%; margin-bottom: 30px !important;}
.col3 .colonne {width: 31%; margin-bottom: 30px !important;}
.col4 .colonne {width: 23% }

.fiche {  border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); border: 1px solid var(--grisvert);  padding: 0}
.fiche figure { position: relative; overflow: hidden  }
.fiche h3, .fiche h4 {line-height: normal}
.col2 .fiche figure img {object-fit: cover; object-position: top center  }
.col2 .fiche figure img {max-height: 300px  }
.wp-block-media-text > .wp-block-media-text__content {padding: 0 0}
.fiche_titre, .fiche_texte {padding: 25px 30px 30px 30px}
.fiche_bouton .fiche_texte {padding-bottom: 60px}
.fiche_bouton .wp-block-buttons {position: relative; top: -35px}
.fiche_titre sub {  font-size: 16px;  font-weight: 400;  bottom: -18px;}
.fiche  .wp-block-button__link {box-shadow: 0 0 0px 5px rgba(255,255,255,1),inset 0 0 0px 1px rgba(255,102,0,1),inset 0 0 0px 0px rgba(238,241,229,1) !important;}
.fiche .wp-block-button__link:hover { box-shadow: 0 0 0px 5px rgba(255,255,255,1),inset 0 0 0px 1px rgba(255,102,0,1), inset 0 0 100px 100px rgba(238,241,229,1) !important; color: var(--orange) !important}

.citation {background: url(/wp-content/uploads/2025/04/back_gens.jpg) no-repeat center center; background-size: cover; background-attachment: fixed }
.citation_gradient {background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); padding-top: 300px}
.citation_texte {padding: 40px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.pictos figure { display: inline-block; padding: 20px; width: 150px; height: 150px; background: #ffffff; border-radius: 100px; border: 5px solid var(--turquoise); margin-bottom: 20px; }

.bordure-gauche {border-width: 0px 0px 0px 1px !important ;
  
  border-style: solid;
}

.accompagnement h4 {font-weight: 700; line-height: normal; margin-bottom: 30px}

#engagements .pictos figure {  margin-top: -50px; border-color: var(--grisvert)}

/*caroussel texte*/
.sp-testimonial-free-wrapper { padding:30px 30px 0 30px !important;}
.swiper-wrapper {  align-items: center;}

.sp-testimonial-free-section .testimonial-nav-arrow {  top: 65%; }
#sp-testimonial-free-wrapper-92 .sp-testimonial-free-section .testimonial-nav-arrow {   border: 0px solid #777777; background: var(--vert);  color: #fff;     width: 40px;  height: 40px;   padding: 5px; display: flex;} 
.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-prev {border-radius: 0 50px 50px 0}
.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-next {border-radius: 50px 0 0 50px }
#sp-testimonial-free-wrapper-92 .sp-testimonial-free-section .testimonial-nav-arrow:hover {  background: var(--vert);;  border-color:rgba(0,0,0,0);  color: #ff9900;}
#sp-testimonial-free-wrapper-92 .sp-testimonial-free-section .testimonial-pagination span.swiper-pagination-bullet {  background: var(--marron);}
#sp-testimonial-free-wrapper-92 .sp-testimonial-free-section .testimonial-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {  background:var(--grisvert)}

#sp-testimonial-free-wrapper-92 .sp-testimonial-free {    border:0px solid #e3e3e3;  border-radius: 0px;  display: flex;  flex-direction: row;  word-break: keep-all; align-items: stretch}
#sp-testimonial-free-wrapper-92 .sp-testimonial-free-section .sp-testimonial-title .sp-testimonial-post-title {color: var(--grisvert) }
.sp-testimonial-free-section .sp-testimonial-title {  margin:0 0 0px 0;  align-items: center;  display: flex; flex-direction: column;  width: 50%;  padding-right: 20px;  font-family: "Montserrat", sans-serif;  position: relative;  justify-content: center; }
.sp-testimonial-free-section .sp-testimonial-title h3 {    text-align: center;  font-weight: 700;   }
.sp-testimonial-free-section .sp-testimonial-title:before {content:""; display: block; width: 150px; height: 150px; background: #ffffff; background-size: 80% 80%; background-repeat: no-repeat;  background-position:center center;  border-radius: 100px; border: 5px solid var(--vert); margin-bottom: 10px; }
.sp-testimonial-free-section .sp-testimonial-item:nth-child(2) .sp-testimonial-title:before {background-image: url(/wp-content/uploads/2025/04/ico_cadre.png);  }
.sp-testimonial-free-section .sp-testimonial-item:nth-child(3) .sp-testimonial-title:before {background-image: url(/wp-content/uploads/2025/04/ico_promesse.png);  }
.sp-testimonial-free-section .sp-testimonial-item:nth-child(1) .sp-testimonial-title:before {background-image: url(/wp-content/uploads/2025/04/ico_principe.png);  }
.sp-testimonial-free-section .sp-testimonial-item:nth-child(5) .sp-testimonial-title:before {background-image: url(/wp-content/uploads/2025/04/ico_cadre.png);  }
.sp-testimonial-free-section .sp-testimonial-item:nth-child(6) .sp-testimonial-title:before {background-image: url(/wp-content/uploads/2025/04/ico_promesse.png);  }
.sp-testimonial-free-section .sp-testimonial-item:nth-child(4) .sp-testimonial-title:before {background-image: url(/wp-content/uploads/2025/04/ico_principe.png);  }

.sp-testimonial-free-section .sp-testimonial-client-testimonial, .sp-testimonial-free-section .sp-testimonial-client-testimonial p {  font-size: inherit;  line-height: inherit;  
  text-align: left;    margin:0 0 0px 0;  color: #fff;}



/*formulaire*/
input, textarea {font-family: inherit}

.formulaire p {margin-bottom: 0}
.nom_champs {display: block ; color:#ffffff ; font-weight: 700; font-family: "Montserrat", sans-serif; text-transform: uppercase; text-align: left; }
.nom_champs i.fas, .wpcf7-not-valid-tip, .wpcf7 form .wpcf7-response-output  {color:var(--orangeclair) ; }
.wpcf7 form .wpcf7-response-output {border: 1px dotted var(--orangeclair);}
.wpcf7 form.sent .wpcf7-response-output {  border-color:#ffffff;}
.formulaire input::placeholder, .formulaire textarea::placeholder {font-style: italic}
.formulaire .col {padding: 0 15px !important}
.formulaire .row {margin-top: 20px}
.wpcf7 .fullsize, .wpcf7 label {width: 100%;  }
.wpcf7 .fullsize, .wpcf7 label {width: 100%;  }



/*footer*/
footer {position: relative}
.foot_contenu { }
.foot_contenu .content_block a  {color: #ffffff}
.foot_contenu .content_block a:hover  {}

/*404*/


.grecaptcha-badge  {display: none}
/*hack block content*/
.content_block p {margin-bottom: 0 !important}


@media screen and (max-width: 1400px) {	

}

@media screen and (max-width: 1200px) {	
body {font-size: 14px !important  ; line-height: 26px !important ; }
.sitecontenu {overflow: hidden; }
.eecknav {  padding:0 10px;}
.eecknav #menu ul.sub-menu {  margin-left: 10px !important;}
.hp .headereeck {margin-bottom: 0px}
.hp .headereeck .head_gradient {  padding-bottom: 60px;}
.headereeck {margin-bottom: 20px}
.headereeck .container-fluid {padding: 0 30px}
h3, .sp-testimonial-free-section .sp-testimonial-title h3 {  font-size: 24px;  line-height: 32px;	}
h1, h2 {  font-size: 40px;  line-height: 48px;}
h4, .intro_site h1 {font-size: 16px; line-height: 30px}
.eecknav #menu a {  padding-right: 10px;  padding-left: 10px;}
.headereeck .titre_page {  margin-bottom: -40px;}
.logosite {  width: 240px; padding:30px 30px 20px 30px;  margin-bottom: -30px;}
}

@media screen and (max-width: 990px) {
	.col2 .colonne, .col3 .colonne, .col4 .colonne {width: 100% }
	#expertises .fiche .col2 .colonne {margin-bottom: 0px !important;}
	.wp-block-media-text.is-stacked-on-mobile {    grid-template-columns: 100% !important;  }
	.wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {    grid-column: 1;    grid-row: 1;  }
	 .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {    grid-column: 1;    grid-row: 2;  }
	.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {  min-height: 300px; }
	.fiche_titre sub {  bottom: 0;}
	.fiche_titre sup {   display: block;}
	.navexpertises {display: none !important}
	#expertises h4.intro {margin-bottom: 30px}
	:root :where(.is-layout-flex) {  gap:0;}
	.citation_gradient { padding-top: 150px;}
	.p-5 {  padding:30px 0 20px 0 !important;}
	}

@media screen and (max-width: 768px) {
.pagesite h2 {  font-size: 32px;  line-height: 40px;}
.colonnes2 {  column-count: 1;  column-width: auto;  column-gap: 0px;}	
.swiper-wrapper {  align-items: flex-start;}
.sp-testimonial-free-wrapper {  padding:20px 10px 0 10px !important;}
#sp-testimonial-free-wrapper-92 .sp-testimonial-free {flex-direction: column}
.sp-testimonial-free-section .sp-testimonial-title {   width: 100%;  padding-right: 0px; margin-bottom: 20px; padding-top: 10px }
	}

@media screen and (max-width: 560px) {
.formulaire .row {  margin-top: 0px;}
.formulaire .col {  padding: 0 0px 20px 0 !important;}
.hp .headereeck {  background-position: -600px 0;}
	}