/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/
 Description:    Theme Enfant Divi
 Author:         Made for you
 Author URI:     https://www.madeforyou-agency.com/
 Template:       Divi
*/

/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform:translate(0);
            transform:translate(0);
  }
  20% {
    -webkit-transform:translate(-2px, 2px);
            transform:translate(-2px, 2px);
  }
  40% {
    -webkit-transform:translate(-2px, -2px);
            transform:translate(-2px, -2px);
  }
  60% {
    -webkit-transform:translate(2px, 2px);
            transform:translate(2px, 2px);
  }
  80% {
    -webkit-transform:translate(2px, -2px);
            transform:translate(2px, -2px);
  }
  100% {
    -webkit-transform:translate(0);
            transform:translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform:translate(0);
            transform:translate(0);
  }
  20% {
    -webkit-transform:translate(-2px, 2px);
            transform:translate(-2px, 2px);
  }
  40% {
    -webkit-transform:translate(-2px, -2px);
            transform:translate(-2px, -2px);
  }
  60% {
    -webkit-transform:translate(2px, 2px);
            transform:translate(2px, 2px);
  }
  80% {
    -webkit-transform:translate(2px, -2px);
            transform:translate(2px, -2px);
  }
  100% {
    -webkit-transform:translate(0);
            transform:translate(0);
  }
}


/* ///////// */
/* FRAMEWORK */
/* ///////// */
body.home{
	background-color:#8dc89a!important
}
.et_pb_row{
	width:1000px!important;
}
.et_pb_row.big_row{
	width:1200px!important;
}
header .et_pb_row.big_row{
	width:1300px!important;
}

/* ///////// */
/* MAIN MENU */
/* ///////// */


	/* WORDPRESS OVERRIDE */
	/* ------------------ */
	.et_pb_menu .et_pb_menu__menu, .et_pb_menu__menu>nav{
		width:100%;
	}

	/* MAIN MENU */
	/* --------- */
	#menu-principal{
		display:flex;
		flex-wrap:nowrap;
		justify-content:space-between!important;
		width:100%!important;
	}
	
		/* > Submenu */
		.nav li ul{
			border:none;
			box-shadow:none;
		}
		.nav li li{
			margin-bottom: 10px;
		}
	
		/* > Burger menu
			------------ */
		#burger_menu_icon{
			display: none;
		}
	
		/* > Link
			----- */
		#menu-principal a{
			display:inline-block;
			padding:8px 15px;
			background-color:white!important;
			color:#3c3c46;
			line-height:16px;
			position:relative;
			white-space:nowrap;
			opacity:1;
		}
		#menu-principal ul.sub-menu a{
			width: 130px;
			padding:6px 20px;
			background-color:#3c3c46!important;
			color:white!important;
			font-size:13px;
		}

			/* >> Variante contact
				------------------ */
			#menu-principal .contact_link a{
				background-color:#efb44f!important;
				color:white!important;
			}
			#menu-principal .contact_link a::before{
				content:'';
				display:block;
				width:32px;
				height:27px;
				position:absolute;
				top:-12px;
				right:-14px;
				z-index:1;
				background:url('../../../wp-content/uploads/2021/11/kiwee-contact-enveloppe.svg') no-repeat center center;
				background-size:contain
			}
/* ***** HOVER ***** */
		#menu-principal li.menu-item:hover a{
			background-color:#3c3c46!important;
			color:white!important;
		}
		#menu-principal a::after{
			content:'';
			display:block;
			border:1px solid #c7ddc4;
			width:100%;
			height:100%;
			position:absolute;
			z-index:-1;
			top:5px!important;
			left:-5px;
			transform:none!important;
		}		
		#menu-principal ul.sub-menu a::after{
			display: none
		}
/* ***** HOVER ***** */
		#menu-principal a:hover::after{
			z-index:-1;
		}
		#menu-principal .contact_link a:hover::before{
			-webkit-animation:vibrate-1 0.3s linear 3 both;
	       			animation:vibrate-1 0.3s linear 3 both;
		}
		
		/* > Burger menu
			------------ */
		header .et_pb_column_3_4 .et_pb_button_module_wrapper{
			display:none!important;
		}


/* ///////////// */
/* TEXT ELEMENTS */
/* ///////////// */

	/* TITLES */
	/* ------ */
	.titre_top::after{
		content:'';
		display:block;
		width:155px;
		height:15px;
		margin:-5px auto 0;
	}
	.titre_orange::after{
		background-color:rgba(239,180,79,0.3)
	}
	.titre_violet::after{
		background-color:rgba(108,111,163,0.3)
	}
	.titre_vert::after{
		background-color:rgba(199,221,196,0.6)
	}
	.titre_chloro::after{
		background-color:rgba(92,166,71,0.3)
	}
	.titre_bleu::after{
		background-color:rgba(88,164,174,0.3)
	}
	.titre_blanc::after{
		background-color:rgba(255,255,255,0.6)
	}
	
	/* LIST AND SUB-ELEMENTS */
	/* --------------------- */
	.li_3_col h2{
		margin-bottom:20px;
	}
	.li_3_col ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	.li_3_col li{
		width:30%;
		margin:0 calc( (10% - 50px) / 6 ) 20px;
		text-align:left;
		padding-right:30px;
	}


/* //////////////////////// */
/* ENCADRE WITH LINE SHADOW */
/* //////////////////////// */

	/*.encadre::before{
		opacity:0;
		transition:opacity 200ms linear 2000ms
	}
	.encadre.active::before{
		opacity:1;
	}*/

	/* COLORS */
	/* ------ */
	.encadre.orange{
		border:1px solid #efb44f;
	}
	.encadre.violet{
		border:1px solid #6c6fa3;
	}
	.encadre.vert{
		border:1px solid #c7ddc4;
	}
	.encadre.chloro{
		border:1px solid #5ca647;
	}	
	.encadre.bleu{
		border:1px solid #58a4ae;
	}

	/* INSIDE LIST */
	/* ----------- */
	.encadre li, .et_pb_text li{
		list-style:none;
		position:relative;
	}
	.encadre li::before,
	.et_pb_text li::before{
		content:"\2022";
		font-weight:bold;
		display:inline-block;
		width:1em;
		margin-left:-1em;
	}
	.encadre_titre li{
		padding-bottom:5px;
	}

		/* > List colors / Team colors
			-------------------------- */
		.strong_orange strong, .orange li::before, .team.orange:before{
			color:#efb44f;
		}
		.strong_violet strong, .violet li::before, .team.violet:before{
			color:#6c6fa3;
		}
		.strong_vert strong, .vert li::before, .team.vert:before{
			color:#c7ddc4;
		}
		.strong_chloro strong, .chloro li::before, .team.chloro:before{
			color:#5ca647;
		}		
		.strong_bleu strong, .bleu li::before, .team.bleu:before{
			color:#58a4ae;
		}


/* //// */
/* HOME */
/* //// */

	/* SLIDESHOW */
	/* --------- */
	.et_pb_bg_layout_dark .et_pb_slide_description{
		text-shadow:none;
	}
	.et_pb_slide{
		padding:0 20px;
	}
	.et_pb_slide_image{
		margin-top:-135px!important;
	}
		.et_pb_slide_image img{
			width:100%;
			height:270px!important;
			max-height:270px!important;
			object-fit:cover;
		}
	.et_pb_slide_description{
		margin-top:80px!important;
		padding:0 100px!important;
		height:150px;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-content:space-between;
	}
	.et-pb-slider-arrows a{
		color:black;
		text-shadow:none;
		opacity:1;
		display:block;
		width:40px;
		height:50px;
	}
		.et-pb-slider-arrows a:before, .et-pb-slider-arrows a span{
			display:none!important;
		}
	.et-pb-arrow-prev{
		left:550px!important;
		background:url(../../../wp-content/uploads/2021/11/slideshow-arrow-prev.svg) no-repeat center center;
	}	
	.et-pb-arrow-next{
		right:40px!important;
		background:url(../../../wp-content/uploads/2021/11/slideshow-arrow-next.svg) no-repeat center center;
	}
	

/* //// */
/* TEAM */
/* //// */

	/* COLORS */
	/* ------ */
	/* Cf. line 149 */


/* ///////////////////////// */
/* LINK DEFAULT ADDON STYLES */
/* ///////////////////////// */
.link_default{
	font-family:'Quicksand', sans-serif;
	font-weight:800;
	text-align:center;
}
#contact_link a{
	font-family:'Quicksand', sans-serif;
	font-weight:800;
	-webkit-transition:color 300ms;
		 -o-transition:color 300ms;
			transition:color 300ms
}
/* ***** HOVER ***** */
#contact_link a:hover{
	color:#efb44f
}


footer a.link_default{
	background-color:#efb44f!important;
	color:white;
}
#open_newsletter a{
	display: inline-block;
	padding: 3px 15px;
	margin-right: 3px;
	background-color:#efb44f;
	-webkit-transition: background-color 500ms;
	-o-transition: background-color 500ms;
	transition: background-color 500ms;
}
#open_newsletter a:hover{
	background-color:#3c3c46
}
	footer .et_pb_social_media_follow_network_0_tb_footer a.icon{
		background-color:white!important;
		border-radius:0;
		position: relative;
		-webkit-transition: all 500ms;
		-o-transition: all 500ms;
		transition: all 500ms;
	}
/* ***** HOVER ***** */
	footer .et_pb_social_media_follow_network_0_tb_footer a.icon:hover{
		background-color:#efb44f!important;
		color:white!important
	}
	footer .et_pb_social_media_follow_network_0_tb_footer a.icon::after{
		content:"";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: -1;
		top: 3px;
		left: -4px;
		background-color:transparent;
		border:1px solid white
	}


/* ///// */
/* ACTUS */
/* ///// */
body:not(.et-tb) #main-content .container{
	padding-top:50px;
}

	/* DATE ARTICLE & EBOOK */
	.blog_article .published::first-letter, .ebook_date .et_pb_text_inner::first-letter{
		text-transform:uppercase;
	}
	.blog_article .published{
		display:block;
		margin-bottom:20px;
	}


/* ////////// */
/* NEWSLETTER */
/* ////////// */
#form_newsletter{
	position: fixed!important;
	z-index: 20010!important;
	top: 0;
	left:-120vw;
	width: 100vw!important;
	max-width:none!important;
	height: 100vh;
	padding:20px!important;
	margin: 0!important;
	display:flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	background-color:rgba(141,200,154,0.9);
	opacity:0;
	-webkit-transition: opacity 500ms;
		 -o-transition: opacity 500ms;
			transition: opacity 500ms;
}
#form_newsletter.active{
	left: 0;
	opacity:1
}
	#hub_form{
		background-color:white;
		width: 100%;
		max-width: 500px;
		padding:20px;
		margin: 0 auto;
	}
	#close_form_newsletter{
		z-index: 20015;
		cursor: pointer;
		right: -200px!important;
		-webkit-transition: right 500ms;
			 -o-transition: right 500ms;
				transition: right 500ms;
	}
	#form_newsletter.active #close_form_newsletter{
		right: 20px!important;
	}

/*	**********
	 ELEMENTS
	********** */
.encadre-teemeo.et_pb_blurb .et_pb_image_wrap,
.offer_resume.et_pb_blurb .et_pb_image_wrap{
	height:100%;
}
.encadre-teemeo .et_pb_main_blurb_image img[src*=".svg"],
.encadre-teemeo .et_pb_main_blurb_image img,
.offer_resume .et_pb_main_blurb_image img[src*=".svg"],
.offer_resume .et_pb_main_blurb_image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center center;
}
.offer_resume.logo .et_pb_main_blurb_image img[src*=".svg"],
.offer_resume.logo .et_pb_main_blurb_image img{
	object-fit:scale-down;
	padding:0 50px;
}



/* *********************************** */
/* ***** RESPONSIVE BREAK POINTS ***** */
/* *********************************** */

/* ---------- BIG DESKTOP ---------- */
@media screen and (min-width:1550px){}

/* ---------- BIG TABLET LANDSCAPE (1000) ---------- */
@media screen and (max-width:1320px){
	.et_pb_row{
		width:900px!important;
	}
	.et_pb_row.big_row{
		width:100%!important;
	}
	
	#main_menu.et_pb_menu .et_pb_menu__menu{
		position:fixed;
		top: 0;
		left: -100vw;
		width: 100vw;
		display: block;
		background: red!important
	}
	#menu-principal{
		position:fixed;
		top: 0px;
		left: -100vw;
		opacity:0;
		display:flex;
		width:100%!important;
		height:100%;
		flex-wrap:wrap;
		justify-content:center!important;
		align-items:center;
		align-content:center;
		text-align:center;
		margin: 0;
		background-color:#8dc89a;
		-webkit-transition: opacity 600ms;
			 -o-transition: opacity 600ms;
				transition: opacity 600ms;
	}
	#main_menu.et_pb_menu.active #menu-principal{
		left:0;
		opacity:1;
	}
		#menu-principal li{
			width: 100%;
			display: block;
			padding: 3vh 20px;
		}
/* ***** HOVER ***** */
	#menu-principal li.menu-item:hover a{
		background-color:white!important;
		color:#3c3c46!important;
	}
	
	nav .nav li ul.sub-menu{
		position: relative;
		background-color: transparent !important;
		margin: 0 auto;
		text-align: center;
		visibility:visible;
		opacity:1
	}
	#menu-principal li{
		padding:2vh 20px
	}
	#menu-principal ul.sub-menu li{
		padding:5px 20px
	}
	#menu-principal ul.sub-menu a:hover{
		background-color:#3c3c46!important;
		color:white!important;
	}
		
	#burger_menu_icon{
		margin: 0!important;
		display:inline-block;
	}
	.et_mobile_nav_menu{
		display: none!important;
	}

	.et_pb_slide_description{
		margin-top:0!important;
	}
	.et-pb-arrow-prev{
		left:480px!important;
	}
}

/* ---------- TABLET LANDSCAPE (900) ---------- */
@media screen and (max-width:1050px){
	.et_pb_row, .et_pb_row.big_row{
		width:100%!important;
	}

	#baseline_animation{
		padding:0 20px 450px 20px!important;
		height:auto;
		min-height:0;
		width: 100%;
		overflow: hidden;
	}
		#baseline_animation .et_pb_image_1{
			top: 150px;
		}
		#baseline_animation .et_pb_image_3{
			top: 180px;
		}
		#baseline_animation .et_pb_image_4{
			display: none
		}
		#baseline_animation .et_pb_text_0{
			padding: 0 25%;
		}

	#slideshow_actualites{
		width: 100%!important
	}
		#slideshow_actualites .et_pb_row_2{
			width:calc(100% - 40px)!important;
			max-width: 700px;
			left:calc(50% - 5px)!important;
		}
		#slideshow_actualites .et_pb_slide_description{
			padding: 0!important
		}
		.et-pb-arrow-next, .et-pb-arrow-prev{
			top: 250px;
		}
/* ***** HOVER ***** */
		.et-pb-arrow-prev, .et_pb_slider:hover .et-pb-arrow-prev{
			left: 365px!important;
		}
		.et-pb-arrow-next, .et_pb_slider:hover .et-pb-arrow-next{
			right: 20px!important;
		}
	
	footer{
		text-align:center!important;
	}
	footer .et_pb_column_3_5{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}
		footer .et_pb_column_3_5 .et_pb_text_0_tb_footer{
			width: 100%!important;
			text-align: center
		}
		footer .et_pb_column_3_5 .et_pb_button_0_tb_footer_wrapper{
			margin-bottom:10px!important;
		}
	footer ul, footer li{
		display:flex!important;
		justify-content: center!important;
		width: 100%!important;
	}
	footer .et_pb_text>:last-child{
		text-align:center;
	}
}

/* ---------- TABLET PORTRAIT AND SMARTPHONE LANDSCAPE (720) ---------- */
@media screen and (max-width:900px){
	#baseline_animation.notre_offre{
		padding-top:50px!important;
		padding-bottom:250px!important;
	}
		#baseline_animation .et_pb_image_0{
			top:0;
			left:20%
			
		}
		#baseline_animation #patients .et_pb_image_0{
			left:0
		}
		#baseline_animation.notre_offre .et_pb_image_0{
			filter: opacity(100%)
		}
		#baseline_animation .et_pb_image_1{
			top: 300px;
			left: -80px
		}
		#baseline_animation #mutuelles .et_pb_image_1{
			top:0;
			left:0
		}
		#baseline_animation.notre_offre .et_pb_image_1{
			filter: opacity(100%)
		}
			#baseline_animation .et_pb_image_1 img{
				transform:scale(1.4);
			}
		#baseline_animation .et_pb_image_2{
			top:-30px;
			left: -70px;
		}
		#baseline_animation .et_pb_image_3{
			/*top:285px;*/
			top:auto;
			bottom:-280px
		}
		#baseline_animation .et_pb_text_0{
			padding: 0;
		}
		#baseline_animation img{
			max-width:none!important
		}
	
	#patients ul,
	#mutuelles ul{
		text-align:left
	}
	#patients ol,
	#mutuelles ol{
		width:80%;
		margin-left:auto;
		margin-right:auto
	}
	#patients ol li,
	#mutuelles ol li{
		width: 100%;
		text-align: left;
		margin-bottom: 20px;
	}
	#baseline_animation #prix_santexpo.et_pb_image_2{
		top:auto;
		left:auto
	}
	#baseline_animation.notre_offre{
        padding-bottom:20px!important
    }
	    

	#slideshow_actualites .et_pb_text_1{
		width: 100%;
		top: -5px;
	}
	#slideshow_actualites.et_pb_section_1{
		height:350px!important;
	}
	#slideshow_actualites .et_pb_row_2{
		width:calc(100% - 40px)!important;
		max-width:700px;
		height:500px;
	}
	#slideshow_actualites .et_pb_post_slider_0, #slideshow_actualites .et_pb_post_slider_0 .et_pb_slide{
		height: 500px;
		min-height:500px;
		max-height:500px;
	}
	#slideshow_actualites .et_pb_slide_image, #slideshow_actualites .et_pb_slide_video{
		display:block!important;
		width: 100%;
		margin: 0;
		top:35px;
	}
		.et_pb_slide_image img{
			height:170px!important;
			max-height:170px!important;
		}
	#slideshow_actualites .et_pb_slide_description{
		padding: 0!important;
		padding-top:120px!important;
		width: 100%;
	}

	.et-pb-arrow-next, .et-pb-arrow-prev{
		top: 270px;
	}
/* ***** HOVER ***** */
	.et-pb-arrow-prev, .et_pb_slider:hover .et-pb-arrow-prev{
		left: 25%!important;
	}
	.et-pb-arrow-next, .et_pb_slider:hover .et-pb-arrow-next{
		right: 25%!important;
	}
}

/* ---------- SMARPHONE LANDSCAPE (600) ---------- */
@media screen and (max-width:680px){
	.li_3_col li{
		width:100%;
		margin:0 20px 20px
	}
}

/* ---------- SMARPHONE PORTRAIT (350) ---------- */
@media screen and (max-width:450px){
	#menu-principal li{
		padding:1vh 20px
	}
	#baseline_animation{
		padding:30px 20px 500px 20px!important;
		height:auto;
		min-height:0;
		width: 100%;
	}
	.titre_top::after{
		margin:-10px auto 0;
	}
}

/* ---------- MOBILE PORTRAIT (320) ---------- */
@media screen and (max-width:370px){
	#menu-principal li{
		padding: 2vh 20px;
	}
}