/**handles:divi-style**/
/*
 Theme Name: Theme enfant DIVI
 Theme URI: https://www.peal-solutions.com/
 Description: Theme enfant pour site Web DIVI
 Author: Webwikan
 Author URI: https://peal-solutions.com
 Template: Divi
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Add your custom styles below */
/*DESIGN DU HEADER DU CODE INJECTE SUR LA PAGE RECHERCHE*/

.gris{color:#666;}

/*modification menu*/
#top-menu li li a{padding:5px 5px!important;font-size:12px;}
#search-header {display: none;}
.search #search-header {display:block;}
.nopointer{pointer-events: none;}
/*.carousel-pme .swiper-slide-active{-moz-box-shadow: inset 0px 5px 10px 0px #cfcfcf;
-webkit-box-shadow: inset 0px 5px 10px 0px #cfcfcf;
-o-box-shadow: inset 0px 5px 10px 0px #cfcfcf;
box-shadow: inset 0px 5px 10px 0px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=10);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}*/

@media only screen and (max-width: 1024px){#mobile_menu .nh_button3 {display:none;/*** you might need !important ***/
}
}
.tel a:first-child{display:none!important;padding-top:0!important;padding-bottom:0!important;}
/***navigation point**/
ul.et_pb_side_nav{border-radius:0;-webkit-border-radius:0px;padding:3px;background:rgba(0,0,0,.2);}
ul.et_pb_side_nav.et-visible{;margin-right:-10px!important;}
ul.et_pb_side_nav li.side_nav_item{padding:5px;}
.et_pb_scroll_top.et-visible{padding:0;border-radius:0;}
.et_pb_contact_message{min-height: 100px!important;}
.et-pb-contact-message{color:white!important;}
.et_pb_contact_captcha_question{color:white!important;}
.linkwhite{color:lightgrey!important;}

/*** mobile ***/
@media only screen and (max-width: 980px) {
.et_pb_row {
width: 90%; /*** you might need !important ***/
}
}
.mobile_menu_bar:before{color:white!important;}
/*bouton header alignés*/
@media only screen and (max-width: 480px) {
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
margin-left: 0;
}
}
.in{padding:3px;background-color:#724895;margin-bottom: -5px;}
/***cacher elements stretch mobile***/
#main-content {
overflow: hidden; 
}

.single .et_pb_post{padding-bottom:0px!important;margin-bottom:0px!important;}

#left-area{padding-bottom:0px!important}

/*---------------SEARCH TITLES--------------*/
.blog-title {
    margin-bottom: 60px;}
hr.archive-line {
    width: 25%;
    float: left;
    border: 0;
    height: 4px;
    background-color: #2ea3f2;}

/***recherche**/
.search img{display:none;}
.search #main-header{background-color:#353535!important;}
.search .post-meta{display:none;}
.search a{color:blue;}
.search a:hover{text-decoration:underline;}
.search article{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #6c5735;}
.search .blog-title h2{
  visibility: hidden;
}
.search .blog-title h2:after {
  content:'Résultats de la recherche'; 
  visibility: visible;
  display: block;
  position: absolute;
  top: 2px;}
/*#et_top_search{margin:25px 0 0 22px;}*/
/***hamburger menu***/
@media only screen and (max-width: 1300px) and (min-width: 961px) {
#et_mobile_nav_menu {
display: block;
}
#top-menu {
display: none;
}
}
.mobile_menu_bar:before{color:black!important;}

/****bouton more du blog****/
.elegantdesign a.more-link {
    font-size: 14px;
    color: #538dcb!important;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
    float: none;
    display: inline-block;
    padding: 8px 16px;
    border-radius: 0px;
    background-color: white;
    border: 1px solid #538dcb;
}
.elegantdesign a.more-link:hover{background-color:#538dcb;color:white!important;transition: all .5s ease;}

/*-------recent posts---*/
 
    .rpwwt-widget h4 {
            color: #c35195;
            background: none;
            padding: 10px;
        /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;*/}
    .rpwwt-widget ul {
            background: transparent;
        /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;*/}
    .rpwwt-widget ul li {
            padding: 0px 8px 0px;}
    span.rpwwt-post-title {
            font-size: 16px;
            font-weight: 700;color:#c55396; 
            line-height: 1px;}
    .et_pb_widget_area .rpwwt-widget ul {
            line-height: 16px!important;
        padding: 10px 0 16px!important;}
    .rpwwt-post-date {
            font-size: 12px;color:#eb91b9;font-weight:light;}
.rpwwt-post-excerpt{font-size: 12px;font-weight:500;}
.footer-widget .rpwwt-widget ul{background:none!important;}
#footer-widgets .footer-widget li:before{border-width:0px!important;}
#footer-widgets .rpwwt-widget ul li{margin:0!important;}

.widget_search input#s{margin-right:10px!important;}
.widget_search #searchsubmit {background-color: #b5c48d;}
.widget_search input#searchsubmit {color: black;font-size:12px!important;width:40%!important;border: 1px solid #b5c48d;}
.widget_search input#s {border: 1px solid #b5c48d;border-radius:0!important;}
/*menu mobile*/
.et_mobile_menu {border-top:3px solid #c55396;}
/*menu icones*/
.icon-menu{padding-top:10px!important;}

#mendo-happy-healthy-header h3 {
font-size: 70px;
    color: #4bb3e6;
    font-family: 'lulo_cleanone_bold';
    letter-spacing: -8px;
    line-height: 100px;
}
#mendo-happy-healthy-header {
	margin-top: -20px !important;
}
.box {
  height: 274px;
  position: relative;
  overflow: hidden;
  width: 363px;
  margin-left: auto;
  margin-right: auto;
}
.box img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.box .overbox {
  background-color: rgba(161, 83, 224, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  width: 363px;
  height: 274px;
  padding: 130px 20px;
}
.box:hover .overbox { opacity: 1; }
.box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}
.box .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}
.box:hover .title,
.box:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}
.box .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
  text-align: center;
}
.box:hover .tagline,
.box:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}
.mendo-links {
    text-transform: lowercase;
    font-size: 36px;
    position: relative;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28);
    text-align: center;
    vertical-align: middle;
    margin-top: 26%;
}
.mendo-links-purpose {
	font-size: 40px;
	position: absolute; 
	top: 40%;
	left: 21%;
	color: white;
	text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-links-passion {
	font-size: 40px;
	position: absolute; 
	top: 40%;
	left: 23%;
	color: white;
	text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-lines {
	position: absolute;
	width: 37%;
	top: 33%;
	left: 32% !important;
}
.box:hover h4 {
display: none;
 -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}
.box:hover .mendo-lines {	
	display: none;
 -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}
.mendo-links-outline {
	position: absolute;
	width: 91%;
	top: 5%;
	left: 4.5% !important;
}
.mendo-links-title {
    text-transform: lowercase;
    font-size: 25px;
    text-align: center;
    margin-top: -60px !important;
}
.mendo-links-description {
    text-align: center;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 22px;
    line-height: 18px;
    margin-bottom: 10px;
}
.mendo-links-read-more {
    color: white;
    font-size: 13px;
    font-weight: bold;
}
@media (max-width: 1285px) {
	.box {
    height: 274px;
    position: relative;
    overflow: hidden;
    width: 265px;
}
.mendo-links-purpose {
    text-transform: lowercase;
    font-size: 30px;
    position: absolute;
    top: 30%;
    left: 20%;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-lines {
    position: absolute;
    width: 37%;
    top: 26%;
    left: 32% !important;
}
.box .overbox {
  background-color: rgba(161, 83, 224, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity: 0;
    width: 265px;
    height: 0;
    padding: 100px 20px;
}
.mendo-links-outline {
    position: absolute;
    width: 91%;
    top: 5%;
    left: 4.5% !important;
}
.box .title {
    font-size: 2.5em;
    text-transform: uppercase;
    opacity: 0;
    transition-delay: 0.1s;
    transition-duration: 0.2s;
}
.mendo-links-title {
    text-transform: lowercase;
    font-size: 20px;
    text-align: center;
    margin-top: -65px !important;
}
.mendo-links-description {
    font-size: 8px;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    line-height: 18px;
    margin-bottom: 8px;
}
.mendo-links-passion {
    text-transform: lowercase;
    font-size: 30px;
    position: absolute;
    top: 30%;
    left: 25%;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-links {
    text-transform: lowercase;
    font-size: 25px;
    position: relative;
    top: 1%;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
}

/* Divi secondary menu customisations*/
@media (min-width: 980px) {
#top-header .container {padding: 0 !important;}
#et-secondary-menu {float: none;}
#et-secondary-nav li {margin-right: 0;}
#et-secondary-nav li a {padding: 0.75em 1em;}
#et-secondary-nav {width: 100%;text-align: right;}
/* Add the class'left' to any menu item to float it to the left of the menu */
#et-secondary-nav li.left {float: left;}
/* Add the class 'facebook' to any menu item to give it Facebook's background colour */
#et-secondary-nav li.contactez {background: #f49819;}
/* Add the class 'twitter' to any menu item to give it Twitter's background colour */
#et-secondary-nav li.linkedin {background: transparent;}
	#et-secondary-nav li.linkedin a{padding:3px 6px!important;}	
/* Add the class 'instagram' to any menu item to give it Instagram's background colour */
#et-secondary-nav li.actus {background: #47c1ff;margin-right:-3px;}
/* Add the class 'cta' to any menu item to turn it into a Call to Action button */
#et-secondary-nav li.cta {background: #f49819;margin-right:-5px;}
}
#footer-bottom{display:none;}