/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 07 2025 | 22:14:28 */
/*

     __ __    __    __  __  __ __ __    __ __  
|  ||_ |__)  |_ \_/|__)|__)|_ (_ (_    |_ |__) 
|/\||__|__)  |__/ \|   | \ |____)__).  |  | \ 


*/


/*

This Website designed, created and developed by WebExpress.fr 

*/

/* TRICKY -- set bkg color on page headers*/
/* voir Apparence > Personnaliser > RÃ©glages de l'apparence > Couleurs > Couleur d'arriÃ¨re plan */

/* #0.0 vars */
:root {
    /* def : named colors - FR */
    --noir: #444;
	--blanc: white;
    --bleu: #009de0;
	--jaune : #ffeb00;
	--bleu2 : #023e60;
	--gris : #555 ; /*#58595b; */
	--gris-leger : rgb(244, 244, 245);
	--gris-fonce : #333333ff;
    --rouge : #ad2235;
		--orange: #ff5050; /*#f79334*/;
		--vert-fonce : #2a3c34;
		--bleu-fonce : #023e60;

    /* uses : target tag names - EN */
    --text : var(--noir);
    --title : var(--gris);
    --link : var(--bleu);
    --border : var(--gris-leger);
    --inv : var(--bleu);
    --text-inv : var(--blanc);
    --link-inv : var(--blanc);
		--link-hover : var(--gris);
    --link-cta : var(--bleu);
		--link-cta-inv : var(--blanc);

  /* fonts -- */
		
}

/* fonts */
/* see google fonts 
 * No font defs in css 
 * */

/* ELA - draft blocks */
.draft {
	display: none;
}

.logged-in .draft {
	display: inherit;
	border: 3px dotted magenta !important;
	background-color: rgba(255, 0, 131, 0.08);
}

/* ELA Common styles ------------------ */

.hide {
  zdisplay: none;
}

.logged-in .hide {
	display: inherit;
	border: 3px dotted magenta !important;
	background-color: rgba(125, 0, 131, 0.08);
}

div.build {
	color: magenta;
	font-style: italic;
}

.align-justify {
  text-align: justify;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}
	
.align-center {	
  text-align: center;
  margin: auto;
		}

img.align-center {
  display: block;
}

hr.clear {
	visibility: hidden;
	clear: both;
}

.svg-img {
	max-width: 100%;
}

div.insert-page {
    /*border: 1px dotted yellowgreen;*/
}

/* page separator*/
div.page-separator {
	display: none;
	height: 3em;
	background-image: url('/wp-content/uploads/2016/09/separateur.svg');
	background-size: auto 50%;
	background-repeat: no-repeat;
	background-position: center;
	margin: 2em 0;
	clear: both;
}

/* page citation*/
div.page-citation blockquote {
	border: 1px solid dimgray;
	zmargin: 3em;
	color: navy;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
}

/* ELA - buttons*/
.ela-button {
	ztext-align: center;
	font-weight: bold;
}

.ela-button.no-center {
 text-align: inherit;
}

div.ela-button a {
	color: var(--link-inv);
		border: 4px solid var(--link);
	border-radius: 5em;
	display: inline-block;
	letter-spacing: 0.5px;
	line-height: 1em;
	margin: 0.5em 0;
	padding: 0.8em 1.1em;
	text-align: center;
    background-color: var(--link); /*#8AB6C6*/
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05),0 2px 10px 0 rgba(0,0,0,0.05);
		letter-spacing: 1px;
		opacity: 1 !important;
}

div.ela-button a:hover {
	background-color: var(--link-inv);
	opacity: 1;
	color: var(--link);
	border-color: var(--link);
    text-decoration: none !important;
}

/* CTA */
.ela-button.CTA a {
	  border: 4px solid var(--link-cta);
	  color: var(--link-cta-inv);
  background-color: var(--link-cta);
 border-radius: 3em;
		text-transform: none;
		font-weight: bold;
		text-shadow: 2px 2px 15px rgba(0,0,0,0.2);
		ztext-shadow: 1px 2px 18px #8AB6C6E8;
}
	
.ela-button.CTA a:hover {
			  border: 4px solid var(--link-cta);
  background-color: var(--link-cta-inv);
		color: var(--link-cta);
		text-shadow: none;
}

/* ELA - footer mention*/
.footer-creation-mention {
  zopacity:0.6;
  font-size:0.8em;
	}

.footer-creation-mention a {
  zdisplay: none;
  zfont-size:0.8em !important;
	}
.footer-creation-mention:hover a {
  display: inline-block;
	}
.footer-creation-mention img {	
 vertical-align: middle;
 height: 2em;
  transition: all 2s ease;
}
.footer-creation-mention:hover img {
  transform: rotate(360deg) scale(1.5);
  zpadding:1em;
	}
.footer-creation-mention:hover {
		opacity:1;
}

/* ELA - sizes */

.h5em {
	max-height: 5em;
}
.w400 {
	max-width: 400px;
}
.w500 {
	max-width: 500px;
}
.width-600p
, .w600 
{
  max-width: 600px;
  }
.width-700p
, .w700
{
  max-width: 700px;
  }
.width-800p
, .w800
{
  max-width: 800px;
  }
.width-900p
, .w900
{
  max-width: 900px;
  }
.width-1200p
, .w1200
{
  max-width: 1200px;
  }

img.icon.h4 {
		max-height: 4em;
}
img.icon.h5 {
		height: 100em;
		max-height: 5em;
}
img.icon.h6 {
		height: 100em;
		max-height: 6em;
}

img.icon-100p
, .icons-100p img
, .icons-100p svg {
  max-height: 100px;
  width: auto;
		margin-bottom: 1em;
}
	
.icons-100p svg {
	  	fill: #8AB6C6;
	zfilter: drop-shadow( 1px 1px 0px rgba(255,255,255,.3) );	
}

.icons-h3 img {
		max-height: 3em;
		filter: drop-shadow( 1px 1px 10px rgba(255, 255, 255, .7));
}
	
.icons-100p svg g:first-child path:first-child {
		fill: var(--gris);
}

/* #2 HTML styles ------------------ */

html {
	font-size: 100%;
}

body, button, input, select, textarea {
	 zfont-weight: 500;
		 font-size: 1rem;
		 zline-height : 130%;
	color: var(--text);
	zcolor: magenta;
		zzfont-weight: 300;
		zzfont-family : 'Montserrat';
}
input, textarea, select {
	font-size: 0.9em
}

strong {
  zzfont-weight: 600;
		font-weight: bold;
}

/* links */
a, a:visited, #top-header {
	color: var(--link);
}

/* img */
img {
/*border: 1px solid magenta;*/
}

hr {
	border-top: 4px dotted var(--link);
	zborder-top: 4px solid var(--link-cta);
	background-color: transparent;
	margin: 1em 0;
}

/* page titles */
.entry-header .entry-title
.hestia-title {
	zzfont-weight: 600;
	letter-spacing: 2px;
    text-shadow: 3px 2px 0 rgba(0, 0, 0, 0.05);
   margin-bottom: 0;
	color: var(--link);
	text-transform: none;
}

/* breadcrumb */
.breadcrumb-trail {
	zdisplay: none;
}

/* headr post img*/
.post-thumbnail img {
  zdisplay: none;
	zdisplay: block;
	margin-left: auto;
	margin-right: auto;
	zmax-height: 300px;
	zwidth: auto;
}
.post-thumbnail {
  margin-top: 1em;
  }

.entry-meta {
	zdisplay: none;
}

/* bottom margin */
.entry {
	margin-bottom: 0;
}

#content > .wrap {
	padding-bottom: 0;
}

.site-content {
	background-color: white !important;
}

.entry-inner, #comments, .layout-1c #sidebar-primary {
	padding-top: 2em !important;
}

article#post-4 .entry-inner {
/*padding-top: 0;*/
}

.home #content > .wrap {
	padding-top: 0;
}

.page-slogan {
	zfont-size: 1.3em;
	zzfont-weight: 400;
	zletter-spacing: 1px;
	ztext-transform: capitalize !important;
	zfont-variant: small-caps;
	font-style: italic;
    color: #555;
}

.home #content .entry-inner, #comments, .layout-1c #sidebar-primary {
	padding-top: 0 !important;
}

/*links*/
.entry-content a {
	zcolor: #D76C55 !important;
	zzcolor: var(--link) !important;
		color: var(--link);
}

/*img in content*/
.entry-content img {
	zborder: 1px solid #53676C;
}

.entry-header {
  margin-top: 1em;
  zdisplay:none;
	}

/* hide page title sub line */
.entry-header .entry-title:after, .front-page-area > .entry-title:after {
	zheight: 0;
	zmargin: 0;
}

/*page title sub line */
.entry-header .entry-title::after, .front-page-area > .entry-title::after {
    content: "";
    display: block;
    height: 2px;
    margin: 0.2em auto;
    width: 66%;
    background-color: #db0015;
  max-width:10em;
  zdisplay: none;
}

/* quote styles */
.entry-content blockquote {
  border-color: var(--link);
	font-size: 1em;
	}
.entry-content blockquote p {
	font-size: 1em;
	zfont-weight: 400;
	zletter-spacing: 1px;
	ztext-transform: capitalize !important;
	zfont-variant: small-caps;
	font-style: italic;
	color: var(--text);
}

/* menu :: ------------------------------- */
.menu-items a {
	/*font-weight: 600;*/
}

#menu-primary {
  background-color: #8AB6C6;
  border: 0;
  border-top: 1px solid #ffe800;
  border-bottom: 1px solid #8AB6C6;
}

#menu-primary a {
  color: white;
  text-transform: uppercase;
  zfont-family: 'Montserrat';
  zfont-size: 1.2em;
  zcolor: #222;
  zfont-weigth: 600;
  zfont-family: 'Lato';
  zfont-size: 1.1em;
  zzfont-family: 'Source Sans Pro';
  font-size: 1.4em;
	zzfont-weight: 500;
		font-weight: bold;
}

/* align menu*/
#menu-primary ul {
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 1260px;
/*text-align: left;*/
}

/*?*/
#menu-primary li.current-menu-item > a
, #menu-primary li.focus > a
, button#nav-toggle:focus
, button#nav-toggle.focus
, #menu-primary ul ul li.focus > a 
{
  border-bottom: 0px solid crimson;
  zbackground-color: #db0015;
  color:#8AB6C6;
  border-bottom: 1px solid #8AB6C6;
}

/*current*/
#menu-primary li.current_page_item {
  border-bottom: 1px solid #575756;
  zfont-weight: bold;
}

/*hover*/
#menu-primary li:hover > a
, button#nav-toggle:hover
{
  zborder-bottom: 1px solid crimson;
  background-color: #8AB6C6;
  color: #575756;
}

#menu-primary ul ul a:hover
{
  zborder-bottom: 1px solid crimson;
  background-color: #8AB6C6;
  color: white;
}

/*sub menu colors :: */
#menu-primary li li a {
  color: white;
}
#menu-primary li li {
    background-color: #8AB6C6;
  font-size: 0.8em;
}

/*mobile menu hide 'menu'*/
#nav-toggle {
  font-size:0;
}

/* highlght specific item : reserver*/
#menu-primary li.page-item-62 {
  zbackground-color: rgba(0,0,0,0.3);
  background-color: #ffeb00;
}
#menu-primary li.page-item-62 a {
color: dimgray;
  background-color: #ffeb00;
}

#menu-primary li.page-item-62 a:hover {
  zbackground-color: rgba(0,0,0,0.3);
  background-color: white;
}

@media screen and (max-width: 1000px) {

 /*hack styles on mobile menu :: ------------------------------------- */
   /* highlight current page */
	#menu-primary li.current_page_item  > a {
    	ztext-decoration: underline;
	    font-weight: bold;
	}
  	#menu-primary li.current_page_item  {
	   border-bottom: 0;
	}
  
   /* menu border */
  #menu-primary.opened {
    border-bottom: 1px solid #ddd;
  }
  
 #menu-primary a {
	  color: white;
  }

  #menu-primary li > a, #menu-primary ul ul a {
	  background-color: white;
	  border-bottom: 1px solid white;
	  color: #8AB6C6;
  }

  /*hover*/
  #menu-primary li:hover > a, #menu-primary ul ul a:hover 
  {
	background-color: #8AB6C6;
	border-bottom: 1px solid  #8AB6C6;
	color: white;
  }
  
  /*test bug black bkg on selected*/
  #menu-primary li:hover > a, #menu-primary ul ul a:hover 
  , #menu-primary li:active > a, #menu-primary ul ul a:active
  , #menu-primary li:focus > a, #menu-primary ul ul a:focus
  , #menu-primary li:focus, #menu-primary ul ul:focus
  , #menu-primary li:active, #menu-primary ul ul:active
  {
	background-color: #8AB6C6 !important;
	border-bottom: 1px solid  #8AB6C6;
	color: white !important;
  }
  
  button#nav-toggle {
    background-color: white !important;
    color: #8AB6C6 !important;
  }

  #menu-primary li.current-menu-item > a
  , #menu-primary li.focus > a
  , #menu-primary ul ul li.focus > a 
  {
	border-bottom: 1px solid white;
	background-color: #8AB6C6;
	color: white;
  }

  button#nav-toggle:focus
  , button#nav-toggle.focus
  {
	border-bottom: 1px solid white;
  }
  
}

/*reduce content bottom margin*/
.entry-inner {
    margin-bottom: 1em;
	padding-bottom: 0;
}

/* CTA block */
div.CTA-block {
  padding: 5em 0 1em 0;
  border-top: 4px dotted var(--link-cta);
  margin: 3em 0 2em 0;
		  border-bottom: 4px dotted var(--link-cta);
}

div.old-CTA-block {
  padding: 5em 0 1em 0;
  zborder-top: 3px solid #8AB6C6;
  border-top: 4px dotted var(--link-cta);
  margin: 3em 0 2em 0;
	zborder-bottom: 4px dotted #ffeb00;
		  border-bottom: 4px dotted var(--link-cta);
	zborder: 4px dotted var(--link-cta);
	background-image: url('/wp-content/uploads/2017/09/FitEtVous-logo-inv.svg');
	zbackground-repeat: no-repeat;
	zbackground-size: cover;
	background-size: 95px 41px;;
    background-position: 0 20px;
    background-origin: border-box;
	zanimation: keyframes-cta-anim 5s ease-in-out infinite alternate;
	animation: keyframes-cta-anim 10s linear infinite;
		background-repeat: repeat-x;
}

@keyframes keyframes-cta-anim {
	0% {
		background-position: 0px 40px;
		zbackground-size: 100% 0%;
	}
	50% {
		zbackground-position: 100% 40px;
	}	
	100% {
		background-position: 100% 40px;
		zbackground-size: 100% 100%;
	}
}

/* CTA block v2 => to migrate */
div.CTA-block-B {
		padding: 2em;
		border: 5px dotted var(--link);
		text-align: center;
		margin: 0.5em 1em 0.5em 0.5em;
		border-radius: 1em;
}

.blog-post .section-text .CTA-block-B p {
		font-size: 1.1em;
}

/* resa block */
.block {
		padding: 2em;
		border: 5px dotted var(--link);
		text-align: center;
		zmargin: 0.5em 1em 0.5em 0.5em;
		border-radius: 1em;
		
		/*
		max-width:700px;
		margin:auto;
		*/
}
.block.resa {
	box-shadow: 6px 6px 24px rgba(150,150,150,.1);
		max-width: 500px;
		margin:auto;
}

.blog-post .section-text .block.resa p {
		zfont-size: 1.1em;
}

/* remove links icons */
a[href^="tel:"]::before {
    display: none;
}
a[href^="mailto:"]::before, a[href^="tel:"]::before, .entry-date a::before, .byline .entry-author a::before, .comment-published::before, .comment-author::before, .comment-edit-link::before, .comments-link a::before, .comment-reply-link::before, .entry-permalink a::before, .entry-terms::before {
    display: none;
}

/* remove border on accordion */
.wc-shortcodes-accordion .wc-shortcodes-accordion-trigger {
    border: 0px solid #cccccc;
}

/* home head styling */
div.home-head {
  margin-top:-85px;background-image: url('/wp-content/uploads/2017/11/FitEtVous-Coach-Miha-Bodytec-ewww.jpg'); background-repeat: no-repeat; background-size: cover; background-position-x: 70%;
}

.home-head .v-spacer {
  height:10em;
}
	
.home-head .darken-overlay {
  border-radius: 5px;background-image: url('/wp-content/uploads/2017/10/overlay-pattern.png');
}

.home-head .box-content {
  border-radius: 5px;max-width: 1200px; padding: 1em 2em; text-shadow: 0 4px 21px rgb(177, 171, 171); background: linear-gradient(to bottom, rgba(138,182, 198, 0.8), rgba(138,182, 198,0.7) );
}
	
.home-head .title {
  zfont-weight: 900;letter-spacing:2px;font-size: 1.1em;color: white !important; text-shadow: 0 4px 30px rgba(255, 255, 255, 0.9);
}
		
.home-head .button-CTA a {
 font-weight: normal;
 text-decoration: none;
}

			
/* style footer - widget*/
aside.sidebar-subsidiary {
 color: #8AB6C6 !important;
}
aside.sidebar-subsidiary .footer-logo {
 height: 7em;
}

aside.sidebar-subsidiary .footer-description {			
	text-transform:uppercase;
		letter-spacing:2px;
		letter-spacing:-0.3px;
   font-weight: 300;
		zzfont-weight: lighter;
		margin-top:0.5em;
}
aside.sidebar-subsidiary .pages-shortcuts {
 margin-top: 1em;			  
 padding: 1em 0;
}
aside.sidebar-subsidiary .pages-shortcuts a {
 letter-spacing: 2px;
 text-transform: uppercase;
}

aside.sidebar-subsidiary .social-networks img {
 height: 1.2em;
}

/* CF7 plugin -------------------------------------------------------- */

input.wpcf7-text:hover, input.wpcf7-text:focus, input.wpcf7-text:active,
.wpcf7-textarea:hover, .wpcf7-textarea:focus, .wpcf7-textarea:active{
    border-color: var(--link);
}
	  
input[type="submit"].wpcf7-submit {
 border: 1px solid var(--link);
 border-radius: 2px;
 font-size: 1.15rem;
 letter-spacing: 1px;
 line-height: 1em;
 padding: 15px;
 text-align: center;
 text-transform: none;
 background-color: var(--link);
 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05),0 2px 10px 0 rgba(0,0,0,0.05);
 color: var(--text-inv);
 font-weight: normal;
 border-radius: 4em;
}
		  
input[type="submit"].wpcf7-submit:hover {
    background-color: var(--blanc);
    opacity: 1;
    color: #8AB6C6 !important;
    border-color: var(--link);
    text-decoration: none !important;
}

.wpcf7-quiz-label {
	zzfont-weight: 300;
		font-weight: normal;
	font-size: 0.9em;
}

/* videos responsive hack - test*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    zpadding-top: 30px; 
  height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* plg WC shortcodes ----------------------------------------- */

/* WC gallery */
/* reduce shadow */
.gallery img {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.012), 0 4px 25px 0 rgba(0, 0, 0, 0.012), 0 8px 10px -5px rgba(0, 0, 0, 0.1);
}

/* buttons WC posts */

.wc-ela-button {
		padding: 0.5em 1em;
		background-color: var(--link);
		color: var(--link-inv) !important;
		border-radius:3px;
		border: 1px solid var(--link);
}

.wc-ela-button:hover {
		padding: 0.5em 1em;
		background-color: var(--link-inv);
		color: var(--link) !important;
}

/* remove style to ensure card shadown on right */
.wc-shortcodes-posts-layout-grid.wc-shortcodes-posts-gutter-space-20 {
    margin-right: 0;
}

/* remove bottom border bug */
.wc-shortcodes-posts-template-borderless .wc-shortcodes-post-border {
    border-bottom: 0px solid #dddddd;
}

.wc-shortcodes-post-border {
		border: 1px solid var(--border);
		border-radius: 10px;
		background-color: transparent;
		zzbackground-color: var(--border);
		box-shadow: 2px 5px 10px rgba(0,0,0,.08);
}
.wc-shortcodes-post-border:hover {
box-shadow: 3px 8px 16px rgba(0,0,0,.12);
}

/*remove masonry : fixed height */
.attachment-large.size-large.wp-post-image {
/*height: 1024px;*/
/*width: auto;*/
/*max-height: 356px;*/
}

/* transparent cards */
.wc-shortcodes-post-box {
		background-color: transparent;
}


/*do : decliner rwd*/
/* masonry titles */
.wc-shortcodes-entry-title {
	text-align: center;
}

/* no-border : remove borders / WC */
.no-border .wc-shortcodes-post-border {
	border: 1px solid transparent !important;
}

.no-border .wc-shortcodes-posts-template-box .wc-shortcodes-post-border:hover {
    border: 1px solid rgba(150,150,150,.1) !important;
    box-shadow: 6px 6px 24px rgba(150,150,150,.1);
}

.no-border .wc-shortcodes-posts .wc-shortcodes-post-box {
	border: none !important;
	background-color: transparent;
}

/*fix wc post h6 style*/
.entry-content h6.wc-shortcodes-entry-title {
  font-size: 1em;
  zzfont-weight: 400;	  
}

/* thumb crop with object-fit : abandon
.wc-shortcodes-entry-thumbnail img {
	object-fit: cover;
	width: 100%;
	height: 250px;
}
*/

/* WC fixed heights */
.thb-h240 .wc-shortcodes-entry-thumbnail {
		height: 240px;
}
.tit-h2 .wc-shortcodes-entry-title {
		height: 3.5em;
		overflow: hidden;
}

.wc-shortcodes-entry-thumbnail {
	position: relative;
	zborder: 1px solid var(--border);
	background-color : transparent;
		overflow: hidden;
	border-radius: 10px 10px 0px 0px;
		z
}

/* make wc thumbs crop images : ok*/
.crop .wc-shortcodes-entry-thumbnail {
	position: relative;
    /*width disabled*/
	/*width: 350px;*/
	zheight: 200px;
	zoverflow: hidden;
	border: none;
	background-color : transparent;
		border-radius: 10px;
		overflow: hidden;
}

/* no crop images wc posts */
.no-crop .wc-shortcodes-entry-thumbnail {
	position: relative;
    /*width disabled*/
	/*width: 350px;*/
	height: inherit;
	overflow: inherit;
}

.zzzwc-shortcodes-entry-thumbnail img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100% !important;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: none;
	border: none;
}

/* correct spacing */
.wc-shortcodes-post-content {
    padding: 0;
}

.wc-shortcodes-entry-header {
		padding: 1em 1em 0;
		
}

/* set fixed title height */ 
.wc-shortcodes-entry-title {
			height: 2.5em;
		overflow: hidden;
}

.wc-shortcodes-entry-summary {
	text-align: center;
	height: 4.5em;
		overflow: hidden;
		padding: 0 1em;
		margin-top: 0;
		
}

/* animate thumbs over*/
.wc-shortcodes-entry-thumbnail:hover {
	zborder: 1px dotted #42a1cd;
}

.wc-shortcodes-entry-thumbnail img {
transition: all .4s ease-in-out;
}

.wc-shortcodes-entry-thumbnail img[src$=".svg"] {
    width: 100%;
    max-height: 10em;
    zmargin: 1em;
    padding: 1em;
}

.wc-shortcodes-entry-thumbnail:hover img {
	opacity: .95;
	transform: scale(1.05);
}

/*manage extra space over wc thumbs*/
/* allow shadow on right side*/
.wc-shortcodes-posts {
		padding: 10px;
}
.wc-shortcodes-posts-template-borderless .wc-shortcodes-post-box .wc-shortcodes-post-border {
	padding-bottom: 0;
}

.wc-shortcodes-posts.wc-shortcodes-posts-layout-grid .wc-shortcodes-post-box {
	margin-bottom: 1em;
}

/* ela wc posts no space grid cards */
.ela-card .no-space .wc-shortcodes-post-box {
background-color: transparent;
height:300px;
}
.ela-card .no-space .wc-shortcodes-post-border {
border: 0px solid green !important;
}
.ela-card .no-space .wc-shortcodes-entry-thumbnail img {
width:100%;
}
.ela-card .no-space .wc-shortcodes-entry-thumbnail {
position: inherit;
		height:300px;
}
.ela-card .no-space .wc-shortcodes-entry-title {
position:relative;
bottom: 4.5em;
padding: 0;
}
.ela-card .no-space .wc-shortcodes-entry-title a {
color: white !important;
text-shadow: 0px 0px 110px rgba(255,255, 255, 0.8), 4px 6px 23px rgba(0,0,0,0.9);
		text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7), 2px 2px 50px rgba(255, 255, 255, 0.9);
}

/* ela cards - no border */
.ela-card .no-border wc-shortcodes-post-border { 
border: 1px solid transparent;
}

/* hide page featured img */

.page .post-thumbnail {
	zdisplay : none;
}

.wc-shortcodes-accordion .wc-shortcodes-accordion-content {
    border: 0px solid #cccccc;
}

/* Elementor styles */

/* re define styles for elementor as it does not use entry content class... */

.elementor {
		font-weight: 400;
		line-height: 1.4em;
		font-size: 1.15rem;
}

.elementor p {
		zzfont-size: 1.15rem;
		zzline-height: 1.3em;
}

.elementor h2, .elementor h3, .elementor h4, .elementor h5, .elementor h6 {
  zzfont-weight: 700;
		font-weight: bold;
  margin: 1.5em 0 0.3em 0 !important;
	color: var(--title);
		line-height: 1.3em;
}

.elementor .invert h2, .elementor .invert h3, .elementor .invert h4, .elementor .invert h5, .elementor .invert h6 {
	color: var(--text-inv);
}

.elementor h2 {
  font-size: 1.3rem;
}
.elementor h3 {
  font-size: 1.2rem;
	}
.elementor h4 {
  font-size: 1.05rem;
	}
.elementor h5 {
  font-size: 1.03rem;
	}
.elementor h6 {
  font-size: 1.02rem;
}

.elementor .invert a {
		color: var(--text-inv);
}
.elementor .invert a:hover {
		color: var(--link-inv);
}

/* special classes */

.elmtr-button .elementor-button-link {
	background-color: var(--link-cta);
	color: #555555;
	border: 1px solid var(--link-cta);
color: #626161 !important;
background-color: #ffeb00;
	text-transform: uppercase;
	letter-spacing: 1px;
	zfont-size: 0.9em;
	line-height: 1em;
	margin: 19px 0 0;
padding: 15px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05),0 2px 10px 0 rgba(0,0,0,0.05);
	border-radius: 2px;
	text-align: center;
	zzfont-weight: 400;
}

.elmtr-button .elementor-button-link:hover {
	background-color: var(--link-inv) !important;
	zcolor: #ffeb00 !important;
}

/* Menu button */
#main-navigation ul.nav > li.menu-CTA-button {
	background-color : var(--link-cta);
	color: var(--link-cta-inv);
	border: 4px solid var(--link-cta);
		border-radius: 3em;
		text-shadow: 1px 1px 10px rgba(0,0,0,.25);
		letter-spacing: 1px;
		opacity: 1 !important;
}

#main-navigation ul.nav > li.menu-CTA-button a {
		padding:0.7em 0.8em;
		opacity: 1 !important;
}

#main-navigation ul.nav > li.menu-CTA-button:hover {
	background-color : var(--link-cta-inv);
	color: var(--link-cta);
			border: 4px solid var(--link-cta);
}

#main-navigation ul.nav > li.menu-CTA-button a:hover {
		color: var(--link-cta);
		text-shadow: none;
}

/* ------ */

/* Media queries - keep at end ------------------------------------ */

/*default font size*/
.entry-content {
	/*
	  font-size: 1em;
	  font-weight: 300;
      line-height: 1.35em;
	*/
}
		
@media screen and (max-width: 768px) {
   .site-title {
	 font-size: 2em;
 }
 body {
		zfont-size: 1.2em;
	}
}

@media screen and (min-width: 768px) {
   .site-title {
	 font-size: 3em;
 }
 body {
		zfont-size: 1.3em;
	}
}

@media screen and (min-width: 900px) {
 /*logo size*/
 .site-title {
	 font-size: 3em;
 }
 body {
		zfont-size: 1.4em;
	}
}

@media screen and (min-width: 1300px) {
   /*logo size*/
 .site-title {
	 font-size: 4em;
 }
body {
		zfont-size: 1.5em;
	}
}

/* --end RWD */

body {
	color: var(--text);
}

/* Theme styles : Hestia ------------ */

/* Site title style
 * Hestia site title */
.navbar .navbar-header .navbar-brand p {
 color: var(--link);
		font-weight: 600;
		font-family: "Lalezar", Montserrat;
		font-size: 1.3rem;
		letter-spacing:1px;
}

/* test - set logo in site title */
.navbar .navbar-header .navbar-brand {

    padding-left: 1.5em;
    background-image: url('/wp-content/uploads/2021/04/exercice-sante-a-domicile-logo-v2-countour-bleu.png');
    background-repeat: no-repeat;
    background-size: 16px 35px;
    background-position: 0px 4px;
}


/* expand site title width */
.navbar .title-logo-wrapper {
    max-width: none;
}

/* page header ? */
.hestia-title {
  ztext-shadow: 0px 0px 110px rgba(255,255, 255, 0.8), 4px 6px 23px rgba(0,0,0,0.9);
}

.page-header.header-small .hestia-title, .page-header.header-small .title {
    zzfont-family: 'Montserrat';
		text-transform: uppercase;
		zzfont-weight: 100;
		font-weight: lighter;
		letter-spacing: 3px;
		font-size: 2.1em;
		font-weight: 300;
}

/* Hestia - footer styles for hestia */

/* hide bottom block */
hestia-bottom-footer-content {
		display:none;
}
footer.footer.footer-black hr {
display: none;
}
/*hide copuright */
.footer .copyright {
	display: none;
}
footer.footer.footer-black {
		background-color: var(--bleu-fonce);
		padding: 3em 0 3em;
}
footer.footer.footer-black a {
		opacity: 1;
		color: var(--text-inv);
}
.footer .content a:hover {
		color: var(--link);
}
/* remove bold items menu in footer */
.footer-big ul li a {
    font-weight: inherit;
}

/* header transparency */
zz.header-filter::before { background-color: rgba(0, 0, 0, 0) !important; }

.blog-post .section-text blockquote {
	border-left: 4px solid var(--link);
	padding: 1em 1em 0.1em;
}

/* hide  end of page info block  on articles*/
.blog-post .section-blog-info {
    display: none;
}

/* so add bottom margin on articles */
.single-post-wrap.entry-content {
		margin-bottom: 2em;
}

/*hide labels on news*/
.blog-post .section-blog-info .entry-categories {
		zdisplay: none;
}

z.page-content-wrap {
			zzfont-weight: 300;
	font-size: 1.3em;
	line-height: 140%;
	font-family : 'Open sans';
	color: var(--text);
		color: red !important;
}

/* correctifs THEME HESTIA :: */

/* general content */
.page-template-template-fullwidth article
, .page-template-template-fullwidth article p
, .blog-post .section-text li
, .blog-post .section-text p
, .page:not(.woocommerce-page) .blog-post .section-text p
{
	zzfont-size: 1.15rem;
		font-size: 1.13rem;
	zline-height: 1.5em;
	zzfont-weight: 300;
		zline-height: 1.4em;
		margin-bottom: 1.4em;
		font-weight: 400; /* NB : keep 400 as 300 is too thin on chrome... */
}

.blog-post .section-text li {
	margin-bottom: 0.25em;
}

/* titles  hestia */

.section-text h2
, .section-text h3
, .section-text h4
, .section-text h5
, .section-text h6 {
  zzfont-weight: 800;
		font-weight: bold;
	line-height: 1.4em;
  ztext-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
margin: 1.5em 0 0.3em 0;
	color: var(--title);
	zpadding: 1em 0 0;
	padding: 0;
}

/* margins : heavier path css */
.page:not(.woocommerce-page) .blog-post .section-text h2
, .page:not(.woocommerce-page) .blog-post .section-text h3
, .page:not(.woocommerce-page) .blog-post .section-text h4
, .page:not(.woocommerce-page) .blog-post .section-text h5
, .page:not(.woocommerce-page) .blog-post .section-text h6 {
		margin: 0.5em 0 0.7em 0;
}

.section-text h2 {
  font-size: 1.3rem !important;
}
.section-text h3 {
  font-size:1.2rem !important;
	}
.section-text h4 {
  font-size: 1.05rem !important;
	}
.section-text h5 {
  font-size: 1.03rem !important;
	}
.section-text h6 {
  font-size: 1.02rem !important;
  ztext-transform : uppercase;
}

/* hestia links */
a:not(.btn):not(.button):not(.added_to_cart):hover {
    opacity: inherit;
}

/*links*/
.section-text a {
	color: var(--link);
		font-family: "Montserrat"
}
.section-text a:hover {
		color: var(--link-hover);
}

/*img in content*/
.section-text img {
}

/* correct font thin on italics */
.blog-post .section-text em
, .page:not(.woocommerce-page) .blog-post .section-text blockquote p {
		font-weight: 500;
}

/* menu styles :: */
.menu-main-menu {}

.navbar .navbar-nav li a {
	  zzfont-weight: 700;
		zfont-weight: bold;
    font-size: 0.95rem;
    zzletter-spacing: -0.5px;
		font-size: 1rem;
		font-weight: 700;
		zletter-spacing: 0.2px;
}

/* first levels */
.navbar .navbar-nav > li > a {
	text-transform: none;
}

/* ELA style footer - widget*/
.footer-title
, .section-text a.footer-title {
		display: block;
		font-size: 1.80rem;
		line-height:1em;
		zcolor: var(--link);
		font-weight: 600;
		font-family: "Lalezar", Montserrat;
		zfont-size: 1.4rem;
		letter-spacing:1px;
}

.footer-logo {
				margin-top:2em;
 height: 7em;
}

.footer-description
, .ela-home-footer .footer-description
, .blog-post .section-text .footer-description {	
	text-transform:uppercase;
		letter-spacing:-1px;
  font-weight: 300;
		zzfont-weight: lighter;
		margin-top: -0.5em;
		font-size: 1.50rem;
}

.ela-home-footer .section-text a.footer-title {}

ul.footer-logos {
		padding: 0;
}
ul.footer-logos li {
		line-height: inherit;
}
.footer-logos li img {
		max-height: 4em;
}
.pages-shortcuts {
 margin-top: 1em;			  
 padding: 1em 0;
}
.pages-shortcuts a {
 letter-spacing: 2px;
 text-transform: uppercase;
}
.footer-social img {
 height: 2em;
		    margin-top: -1em;
}
.footer-social .fa
, .footer-social .fab {
		font-size: 2.5em;
}
ul.footer-social {
		padding: 0;
}
ul.footer-social li {
		display: inline-block;
		margin-left: 0.25em;
}

/* CF7 */

.page-template-template-fullwidth article .wpcf7 p {
	font-size: 0.9rem;

}

.page-template-template-fullwidth article .wpcf7 select {
		border: 0;
	border-bottom: 1px solid lightgray;
}

.wpcf7-form p {
		color: var(--gris);
		color: inherit !important;
}

/*reset bootstrap colors */
.form-control::placeholder {
		color: inherit;
}

/* select borders */
.wpcf7-select {
		border: 1px solid whitesmoke !important;
}

.wpcf7-textarea {
				border: 1px solid whitesmoke !important;
		padding: 1em;
}

/* icosn list on single line*/
.icons-list ul {
	list-style-type: none;
	padding: 0;
		margin-bottom: 0;
}

.icons-list ul li {
	float: left;
	padding-right: 1em;
}

.icons-list ul:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}

/* hide bkg on page headers*/
.page .header-filter {
		zdisplay: none;
}

hr.short {
		width:6em;
		margin: 2em 0;
		border-top: 4px solid var(--link-cta);
}

hr.short.align-center {
		margin: 2em auto;
}

/* home styles (2) */
#home-title h1 {
font-size: calc(30px + (100 - 30) * ((100vw - 300px) / (1920 - 300))) !important;
		line-height: 1.2em;
letter-spacing: 4px;
		text-shadow: 0px 0px 10px rgba(0,0,0,0.18);
		color: var(--text-inv);
		text-transform: uppercase;
		font-weight: 600;
}

#home-slogan h2 {
		zfont-size: 3vw !important;
}

/* prices v3 */
.price-list ul {
		list-style-type: none;
		margin:0;
		padding: 0;
}
.price-list ul li {
		padding: 0.5em;
		background-color: var(--text);
		color: var(--text-inv);
		zwidth: 700px;
		border-radius : 4em;
		margin-bottom: 1.1em !important;
		text-align: left;
		line-height: 3em;
		padding: 1em 0.8em 1.1em 1.8em !important;
}
.price-list ul li em {
		padding: 0.3em 0.5em;
		display : inline-block;
		background-color: var(--text-inv);
		color: var(--text);
		border-radius : 1em;
		float: right;
		font-weight: bold;
		width: 100px;
		height: 2em;
		text-align: center;
		margin-top: -0.2em;
    zmargin-right: 0.35em;
		border: 1px solid var(--link);
}

/* hide related posts on articles */
.related-posts {
		zdisplay: none;
}

/* logo v align pos adjust */
z.navbar .navbar-header .navbar-brand img {
    width: auto;
    max-height: 2.777em;
		margin-top: -1em;
}

/* correct huge spacing on first title in a page content */
.page:not(.woocommerce-page) .blog-post .section-text h2:first-child {
		zcolor: green;
		margin-top: 0;
}

/* footer menu styles */
.widget_nav_menu ul {
		padding: 0;
}
.widget_nav_menu ul li {
		line-height: 0.9em;
}
.widget_nav_menu ul li a {
	text-transform: none;
}

/* WC columns no space style */
.no-space .wc-shortcodes-one-half {
   width: 50%;
   margin-left: 0;
}
.no-space .wc-shortcodes-one-half .spacer {
   margin: 3% !important;
}
.no-space .wc-shortcodes-item {
   margin-top: 0;
   margin-bottom: 0;
}
@media (max-width: 480px) {
    .no-space .wc-shortcodes-one-half {
        width: 100%;
    }
}
z.wc-shortcodes-content div {
 border: 1px solid yellow;
}

/* hestia menu custom colors */
.navbar {
    zbackground-color: var(--gris-fonce);
    zcolor: var(--text-inv);
}
/* mobile background */
@media (max-width: 768px) {
		.navbar.navbar-fixed-top .navbar-collapse {
				zbackground:  var(--gris-fonce);
		}
}

/* plg WC */
/* force break responsive on wc columns sooner (820px instead of 480px) */
@media (max-width: 820px) {
	body .wc-shortcodes-one-half,
	body .wc-shortcodes-one-third,
	body .wc-shortcodes-two-third,
	body .wc-shortcodes-three-fourth,
	body .wc-shortcodes-one-fourth,
	body .wc-shortcodes-one-fifth,
	body .wc-shortcodes-two-fifth,
	body .wc-shortcodes-three-fifth,
	body .wc-shortcodes-four-fifth,
	body .wc-shortcodes-one-sixth,
	body .wc-shortcodes-five-sixth {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-bottom: 20px;
	}
}

/* price custom cards */
.ela-card.price {
		background-color: var(--border);
		border: 0.5em solid var(--link);
		padding: 2em;
		max-width: 25em;
		height: 450px;
		color: var(--text)! important;
		border-radius: 1em;
		margin: auto;
}
.ela-card.price img {
		max-height:4em !important;
		margin-bottom: 1em;
}

/* ELA - aplats auto */
.aplats {
		margin-bottom: -25px;
		margin-top:-25px;
}
.aplats .aplat {
 margin-bottom:0;
 padding: 3em 3em 2em;
	zborder-radius: 10px;
}
.aplats .aplat a {
}
.aplats .aplat a:hover {
	/*color: var(--text-inv);*/
}

.no-space .aplats .aplat
, .aplats .aplat.no-space {
		padding: 0;
}

@media (max-width: 820px) {
	.aplats .aplat {
	 padding: 1em 1em 0.5em;
	}
}	

/* removed aplats auto */


/* video styles */
.video-path { margin: 1em 0;}
.video-path a { font-weight: bold; }

/* ela img round */
.ela-img { border-radius: 10px; }

/* test full height header */
.zpage-header.header-small .container {
    padding-top: 45vh !important;
    padding-bottom: 46vh;
}

/* plugin WP post carousel */

/* light.css style customize */
.section-text .light-theme.wp-posts-carousel .wp-posts-carousel-details {
    padding: 0 0.75em 0.75em;
}
.section-text .light-theme.wp-posts-carousel .wp-posts-carousel-image {
    padding-top: 0;
		zborder-radius: 10px;
}
.zzsection-text .light-theme.wp-posts-carousel .wp-posts-carousel-image:after {
		content: "";
		background-image: url('/wp-content/uploads/2021/04/youtube-logo-white.svg');
		background-size: 100%;
		background-repeat: no-repeat;
		background-position:  right top;
		position: absolute;
		right: 5px;
		top:5px;
		width:30px;
		height:23px;
		display: block;
		opacity: 0.8;
		padding:0;
}
.section-text .light-theme.wp-posts-carousel .wp-posts-carousel-container {
    padding: 0;
		border-color: whitesmoke;
		border-radius: 10px;
		overflow: hidden;
		border: 1px solid var(--border);
		box-shadow: 2px 5px 10px rgb(0 0 0 / 8%);
}
.section-text .light-theme.wp-posts-carousel .wp-posts-carousel-container:hover {
		border: 1px solid var(--border);
		box-shadow: 3px 8px 16px rgb(0 0 0 / 12%);
		background-color: inherit;
}

.section-text .light-theme.wp-posts-carousel .wp-posts-carousel-title {
		height: 2.5em;
		overflow: hidden;
		border:0;
		padding:0;
}

.section-text .light-theme.wp-posts-carousel .wp-posts-carousel-desc {
		height: 4.5em;
		font-size: 1em;
		overflow: hidden;
		border: 0;
		padding: 0;
		margin-bottom: 0;
}

.section-text .light-theme.wp-posts-carousel .wp-posts-carousel-slide {
   padding: 0;
   margin-left: 0;
   width: 100%;
}

/* plg Content Blocks */
/*reveal in edit mode */
.logged-in .content_block {
	display: inherit;
	border: 1px dashed yellowgreen !important;
}

/* hestia footer style : display on one column 100% - disabled */
.footer .col-md-4 {
    zwidth: 100% !important;
}

.method-path
, .video-path {
		font-style: italic;
		font-size: 0.9em;
		opacity: 0.9;
}

/* home mobile hamburger icon */
.elementor-4821 .elementor-element.elementor-element-501ec9b .elementskit-menu-hamburger:hover > .ekit-menu-icon {
    color: var(--link-inv);
}
.elementor-4821 .elementor-element.elementor-element-501ec9b .elementskit-menu-hamburger > .ekit-menu-icon {
    color: var(--link-inv);
		font-size: 1.5em;
		font-weight: bold;
}
.elementor-4821 .elementor-element.elementor-element-501ec9b .elementskit-menu-hamburger {
		border: none;
}
button.elementskit-menu-hamburger {
	box-shadow: none !important;
}

/*home test animate bkg */
.elementor-4821 .elementor-element.elementor-element-d30510e:not(.elementor-motion-effects-element-type-background), .elementor-4821 .elementor-element.elementor-element-d30510e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
 zbackground-size: 200%;
		zanimation: breath 4s linear infinite;
}

.applyAnimBreath {
		animation: breath 4s linear infinite;
}

@keyframes breath {
  0% { 
			border:1px solid yellow;
			background-size: 100% !important;
		zbackground: red;}
  50% { 
			border:1px solid red; 
			background-size: 120% !important;
		}
  100% { 
			border:1px solid blue; 
			background-size: 100% !important; }
}

/* hero styles */
.hero-description {
		font-size:1.1em;
		font-weight: bold;
		text-shadow: 2px 2px 21px rgb(0 0 0 / 60%), 2px 2px 2px rgb(0 0 0 /60%);
}