/*
Theme Name: MM'Diet
Author: Florian DOUGNY
Author URI: 
Description: 
Version: 1.0
Text Domain: MM'Diet
*/
/*~~~~~~~~~~~~~~~~~~~~
*
* GENERALS
*
~~~~~~~~~~~~~~~~~~~~*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;700&family=Homemade+Apple&family=Jost&display=swap');
body { 
	color: #615E5D;
	font-family: 'Jost', sans-serif; 
	font-size: 16px;
	overflow-x: hidden;
}
h1, h2, h3 { 
	color:  #333333;
	font-family: 'Archivo', sans-serif;  
}
p { font-family: 'Jost', sans-serif; }
.hand-write { font-family: 'Homemade Apple', cursive!important; }
a:link, 
a:visited, 
a:active,
a:hover {
	color: #CD2426;
	outline: none;
	text-decoration: none;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: 	all 0.5s ease 0s;
	-o-transition: 		all 0.5s ease 0s;	
	transition: 		all 0.5s ease 0s;
}
.wp-block-image img { height: auto; }
.texture { background: #CD2426 url("images/texture.png"); }

#content { margin-top: 70px; }
/*~~~~~~~~~~~~~~~~~~~~
*
* HEADER
*
~~~~~~~~~~~~~~~~~~~~*/
.site-title { 
	color: #1F1B1A;
	font-family: 'Archivo';
	font-size: 30px; 
}
/*~~~~~~~~~~~~~~~~~~~~
*
* MENU
*
~~~~~~~~~~~~~~~~~~~~*/
#menu { 
	background-color: #fff;
	text-transform: uppercase;

	border-image:url("images/wave-bottom.png") 0 0 100% 0 / 0 0 28px 0 repeat;
	border-left: 0;
	border-right: 0;
}
.nav-link { color: #1F1B1A!important; }
#menu-item-18 .nav-link.active,
#menu-item-19 .nav-link.active {
	border-color: transparent!important;
	color: #1F1B1A!important;
	font-weight: 400;
}
.menu-menu-1-container { margin: 0 auto; }
a.nav-link { 
	font-family: 'Archivo', sans-serif;  
	font-size: 14px; 
	font-weight: 400;
	letter-spacing: 0.84px;
}
#menu .nav-link.active { font-size: 14px!important; }
.fas.fa-user-circle { 
	color: #CD2426; 
	font-size: 23px;
}
/*~~~~~~~~~~~~~~~~~~~~
*
* HOME
*
~~~~~~~~~~~~~~~~~~~~*/
.homepage-wrapper { 
	background: #fff center no-repeat;
	background-size: 100%;
	margin-bottom: 85px;
	margin-top: 62px; 
}
/*.homepage-wrapper h1 {
	font-size: 4rem;
	font-weight: 700;
	margin-bottom: 41px;
	margin-top: 150px;
}*/
.homepage-wrapper h1 {
	color: #fff;
	font-size: 4rem;
	font-weight: 700;
	margin-bottom: 41px;
	margin-top: 150px;
}
/*.letter-colored { color: #CD2426; }*/
.letter-colored { color: #FFF; }
/*.homepage-wrapper .subtitle { font-size: 3.125rem; }*/
.homepage-wrapper .subtitle { 
	color: #fff;
	font-size: 3.125rem; 
}
.homepage-wrapper p { 
	/*color: #1F1B1A;*/
	color: #FFF;
	font-size: 1.25rem;
	margin-bottom: 45px;
}
.homepage-wrapper button {
	background-color: #CD2426;
	border: none;
	border-radius: 30px;
	color: #fff;
	height: 60px;
	margin: 0 auto 200px;
	text-transform: uppercase;
	width: 286px;
}
.obj-suivi-perso { margin-bottom: 98px; }
.item-obj-suivi-perso h2 { 
	font-size: 1.9rem; 
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 28px;
}
.item-obj-suivi-perso p { 
	font-size: 1.1rem;
	line-height: 1.625; 
	margin:  0 auto;
	max-width: 370px;
}


.homepage-les-menus { color: #FFF; }
.homepage-les-menus .texture { min-height: 662px; }
.homepage-les-menus img { 
	padding-left: 0!important;
	padding-right: 0!important;
}
.homepage-les-menus-text { margin-left: 114px; }
.homepage-les-menus-text h2 {
	color: #FFF;
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 3rem;
}
.homepage-les-menus-text h3 {
	color: #FFF;
	font-size: 1.56rem;
	line-height: 2.5rem;
	/*margin-top: 140px;*/
	margin-top: 50px;
}
.homepage-les-menus-text p { 
	font-size: 20px; 
	line-height: 29px;
	/*max-width: 376px;*/
	max-width: 625px;
	margin-top: 22px;
}
.homepage-les-menus-text button {
	background-color: #FB8C23;
	border: none;
	border-radius: 30px;
	color: #fff;
	height: 60px;
	/*margin-bottom: 128px;*/
	margin-bottom: 50px;
	margin-top: 35px;
	text-transform: uppercase;
	width: 286px;
}

.homepage-les-plus { 
	margin-bottom: 68px;
	margin-top: 100px; 
}
.homepage-les-plus-text h2 {
	color: #1F1B1A;
	font-size: 57px;
	font-weight: 700;
	line-height: 62px;
	max-width: 540px;
}
.homepage-les-plus-text h3 {
	color: #CD2426;
	font-size: 18px;
	line-height: 38px;
}
.homepage-les-plus-text p {
	color: #615E5D;
	font-size: 20px;
	line-height: 29px;
	margin-bottom: 39px;
}
.homepage-les-plus-text .fas.fa-check {
	color: #CD2426;
}
.homepage-les-plus-text .fa-ul { margin-left: 1.7em; }
.homepage-les-plus-text .fa-ul > li {
	color: #1F1B1A;
	font-family: 'Archivo', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
	margin-bottom: 22px;
}

.homepage-ma-philosophie { border-radius: 30px; }
.homepage-ma-philosophie img { margin: 0 auto; }
.homepage-ma-philosophie-text h2 {
	color: #FFF;
	font-size: 57px;
	font-weight: 700;
	line-height: 62px;
}

.homepage-ma-philosophie-text h3 {
	color:  #FFF;
	font-size: 18px;
	line-height: 38px;
	margin-top: 78px;
}
.homepage-ma-philosophie-text button {
	background-color: #FFF;
	border: none;
	border-radius: 30px;
	color: #1F1B1A;
	font-size: 16px;
	height: 50px;
	line-height: 17px;
	margin-bottom: 78px;
	margin-top: 35px;
	text-transform: uppercase;
	width: 264px;
}

.homepage-mon-histoire-text { margin-bottom: 55px; }
.homepage-mon-histoire-text h2 {
	color: #1F1B1A;
	font-size: 57px;
	font-weight: 700;
	line-height: 62px;
	margin-bottom: 14px;
}
.homepage-mon-histoire-text h3 {
	color: #CD2426;
	font-size: 18px;
	line-height: 38px;
	margin-top: 51px;
}
.homepage-mon-histoire-text p {
	color: #615E5D;
	font-size: 18px;
	line-height: 26px;
	margin: 0 auto 20px;
	max-width: 860px;
}
.homepage-mon-histoire-titles {
	color: #1F1B1A;
	font-size: 44px;
	font-weight: 700;
	line-height: 48px;
	margin-bottom: 20px;
	width: 100%;
}
.serenite p, 
.accompagnement p {
	color: #615E5D;
	font-size: 20px;
	line-height: 29px;
	max-width: 440px;
}

.homepage-mes-services-text h2 {
	color: #1F1B1A;
	font-size: 57px;
	font-weight: 700;
	line-height: 62px;
	margin: 0 auto 14px;
	max-width: 640px;
}
.homepage-mes-services-text h3 {
	color: #CD2426;
	font-size: 18px;
	line-height: 38px;
	margin-top: 51px;
}
.homepage-mes-services-text p {
	color: #615E5D;
	font-size: 20px;
	line-height: 29px;
	margin: 0 auto;
	max-width: 550px;
}	

#myTab { display: block; }
#myTab li {
	float: none;
	display: inline-block;
}
.nav-tabs {	text-align: center; }
.nav-link {
	background-color: none; 
	border:  none;
	color: #1F1B1A!important; 
	font-family: 'Jost', sans-serif; ;
	font-size: 20px;
	font-weight: 700;
	line-height: 29px;
}
.nav-link.active {
	background-color: none; 
	border-bottom: 1px solid #CD2426!important;
	border-left: none;
	border-right: none;
	border-top: none;
	color: #CD2426!important; 
	font-size: 20px;
	font-weight: 700;
	line-height: 29px;
}
.prix-intro {
	color: #1F1B1A;
	font-family: 'Archivo', sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 27px;
	margin: 40px auto;
	max-width: 440px;
}
#carte { margin-top: 40px; }
.carte-seance,
.carte-accompagnement,
.forfait-accompagnement {
	margin-bottom: 58px;
}
.accompagnement-border {
	border: 1px solid #E8E3DF;
	border-radius: 30px;
}
.accompagnement-border .img-fluid { border-radius:  30px 30px 0 0; }
.carte-seance .prix,
.carte-accompagnement .prix,
.forfait-accompagnement-prix {
	font-size: 30px;
	font-weight: 900;
	line-height: 43px;
	margin-bottom: 0!important;
	margin-top: 15px;
}
.carte-seance .prix { color: #16BED1; }
.carte-accompagnement .prix { color: #00A36C; }
.sub-price {
	color: #615E5D;
	font-size: 18px;
	line-height: 26px;
}
.seance-accompagnement {
	color: #1F1B1A;
	font-family: 'Archivo', sans-serif!important;
	font-size: 19px;
	font-weight: 700;
	line-height: 21px;
}
.carte-description {
	height: 100px;
	margin: 0 auto;
	max-width: 310px;
}
button.seance,
button.accompagnement-bihebdo {
	border: none;
	border-radius: 30px;
	color: #FFF;
	font-size: 16px;
	height: 50px;
	line-height: 17px;
	margin-bottom: 29px; 
	text-transform: uppercase;
	width: 230px;
}
button.seance { background-color: #16BED1; }
button.accompagnement-bihebdo { background-color: #00A36C; }


.forfait-accompagnement-prix { color: #FB8C23; }
.forfait-description { 
	margin: 0 auto; 
	min-height: 125px;
	max-width: 245px;
}
button.forfait-button {
	background-color: #FB8C23;
	border: none;
	border-radius: 30px;
	color: #FFF;
	font-size: 16px;
	height: 50px;
	line-height: 17px;
	margin-bottom: 29px; 
	text-transform: uppercase;
	width: 210px;
}


.follow-me { margin-bottom: 80px; }
.follow-me p { 
	color: #615E5D;
	font-size: 20px;
	line-height: 29px;
	margin: 0 auto .3rem;
	max-width: 1080px;
}
/*~~~~~~~~~~~~~~~~~~~~
*
* SINGLE / PAGE / ARCHIVE
*
~~~~~~~~~~~~~~~~~~~~*/
/* BLOG */
.blog h1 {
	color: #1F1B1A;
	font-size: 57px;
	font-weight: 700;
	line-height: 62px;
	margin-top: 20px;
}
.articles-introduction {
	border-bottom: 1px solid #DADADA;
	color: #1F1B1A;
	font-size: 20px;
	line-height: 29px;
	margin-bottom: 40px;
	padding-bottom: 45px;
}
.container-blog-articles { margin-bottom: 100px; }
.container-blog-articles-single { margin-bottom: 50px; }
.blog-thumbnail { border-radius: 30px; }
h2.actu-title {
	color: #1F1B1A;
	font-size: 30px;
	font-weight: 700;
	line-height: 32px;
	margin-top: 30px;
}
.actu-excerpt { 
	color: #615E5D;
	font-size: 18px;
	line-height: 26px; 
}
.actu-excerpt a {
	color: #CD2426;
	line-height: 27px;
}

/* SINGLE */
.single-post h1 {
	color: #1F1B1A;
	font-size: 57px;
	font-weight: 700;
	line-height: 62px;
	margin-bottom: 26px;
	text-align: center;
}
.return-to-blog-top .fas, .return-to-blog-bottom .fas { margin-right: 8px; }
.return-to-blog-bottom { margin-bottom: 80px; }
.return-to-blog-top a,
.return-to-blog-bottom a { 
	color: #CD2426; 
}
.separation {
	border-bottom: 1px solid #DADADA;
	margin-bottom: 30px;
	margin-top: 15px;
}
.single-thumbnail { border-radius: 20px; }
.single-content .col {
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0px 3px 40px #A6A6A63B;
	margin-bottom: 40px;
	margin-top: -215px;
	padding: 80px 75px 75px;
}

/* CONTACT */
.contact-wrapper {
	background: #fff center no-repeat url("images/mmdiet-contact.jpg");
	padding-bottom: 65px;
	padding-top: 40px;
}
.contact-page .row .col-xs-12,
.contact-page .row .col-lg-8 { 
	background-color: #fff; 
	border-radius: 30px;
}
.contact-page h1 {
	color: #1F1B1A;
	font-size: 56px;
	font-weight: 700;
	line-height: 61px;
	margin-bottom: 10px;
	margin-top: 50px;
}
.contact-page h2 {
	color: #1F1B1A;
	font-size: 30px;
	font-weight: 700;
	line-height: 32px;
}
.contact-page p {
	color:  #1F1B1A;
	font-size: 20px;
	line-height: 29px;
	margin-bottom: 24px;
}
.contact-page .btn { 
	background-color: #CD2426; 
	height: 60px;
	text-transform: uppercase;
}
.wpcf7-form-control { border-radius: 35px; }
.wpcf7-form-control-wrap.prenom input,
.wpcf7-form-control-wrap.tel-343 input,
.wpcf7-form-control-wrap.nom input,
.wpcf7-form-control-wrap.email-81 input {
	border:  1px solid #D6D6D6;
	color: #D6D6D6;
	font-size: 16px;
	height: 60px;
	padding:  0 0 0 20px;
}
.wpcf7-form-control-wrap.textarea-281 textarea {
	border: 1px solid #D6D6D6;
	color: #D6D6D6;
}
.form-control::placeholder,
.form-control:focus { color: #D6D6D6; }

.contact-informations .row { margin-bottom: 45px; }
.contact-informations img {
	margin-bottom: 25px;
	margin-top: 51px;
}
.contact-prenom, 
.contact-nom,
.contact-telephone,
.contact-email {
	max-width: 400px;
}
.email,
.facebook,
.intagram {
	color: #615E5D!important;
}
.contact-rendez-vous h3 {
	color: #CD2426;
	font-size: 18px;
	line-height: 38px;
}
.contact-rendez-vous h2 {
	color: #1F1B1A;
	font-size: 57px;
	font-weight: 700;
	line-height: 62px;
}
.etapes { 
	background-color: #CD2426; 
	border-radius: 17px;
	color: #fff;
	font-size: 18px;
	line-height: 33px;
	margin: 55px auto 12px;
	width: 34px;
}
.etapes-description { margin-bottom: 58px; }
/*~~~~~~~~~~~~~~~~~~~~
*
* FOOTER
*
~~~~~~~~~~~~~~~~~~~~*/
.footer { background-color: #1F1B1A; }
.legals { padding: 15px; }
.copyright .site-title { 
	color: #FFFFFF;
	display: inline-block; 
	vertical-align: sub;
}
.mentions-legales { vertical-align: super; }
.copyright,
.mentions-legales a { 
	color: #FFFFFF33; 
}
footer .legals{
	display: flex;
	align-items: center;
}
.fab.fa-instagram,
.fab.fa-facebook-square {
	color: #FFFFFF33;
	font-size: 32px;
}
.fab.fa-instagram { 
	margin-left: 13px;
	margin-right: 13px; 
}
/*~~~~~~~~~~~~~~~~~~~~
*
* MOVE TO TOP
*
~~~~~~~~~~~~~~~~~~~~*/
.cd-top {
    background: url("images/to-top.png") no-repeat scroll center 50% rgba(205, 36, 38, 0.8);
    bottom: 100px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    display: inline-block;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-indent: 100%;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    visibility: hidden;
    white-space: nowrap;
    width: 40px;
    z-index: 10;
}
.cd-top.cd-is-visible, 
.cd-top.cd-fade-out, 
.cd-top:hover {
    transition: opacity 0.3s ease 0s, visibility 0s ease 0s;
}
.cd-top.cd-is-visible {
    opacity: 1;
    visibility: visible;
}
.cd-top.cd-fade-out { opacity: 0.5; }
.cd-top:hover {
    background-color: #CD2426;
    opacity: 1;
}
@media only screen and (min-width: 768px) {
	.cd-top {
	    bottom: 20px;
	    right: 20px;
	}
}
@media only screen and (min-width: 1024px) {
	.cd-top {
	    bottom: 100px;
	    height: 60px;
	    right: 30px;
	    width: 60px;
	}
}
@media only screen and (max-width: 1024px) {
	.search-box { width: 100%; }
	.search-button { display: none; }
}

/* RESPONSIVE */
@media (max-width: 576px) {
	#menu { border-image: none; }
	.compte { margin: 0 auto; }
	.homepage-wrapper {	background: #fff center 0% no-repeat url("images/homepage-wrapper.jpg"); }
	.homepage-wrapper h1 {
		font-size: 2rem;
		margin-bottom: 28px;
		margin-top: 20px;
	}
	.homepage-wrapper .subtitle { font-size: 1.75rem; }
	.homepage-wrapper p { display: none; }
	.homepage-wrapper button { margin: 0 auto 65px; }
	.texture { height: 505px; }
	.homepage-les-menus-text { 
		margin-left: 15px; 
		margin-top: -85px;
	}
	.homepage-les-plus { margin-top: 50px; }
	.homepage-ma-philosophie { height: 780px; }
	.homepage-ma-philosophie img { margin: 60px auto 0; }
	.homepage-ma-philosophie-text h3 { margin-top: 45px; }
	.accompagnement { margin-top: 45px; }
	.homepage-mes-services-text h2 { 
		font-size: 40px; 
		line-height: 44px;
	}
}

#rendez-vous { color: #fff; }
.contact-rendez-vous h2 {
	color: #fff!important;
	margin-top: 40px;
}
.etapes { 
	background-color: #fff!important; 
	color: #CD2426;
}
.homepage-ma-philosophie button {
	background-color: #FFF;
	border: none;
	border-radius: 30px;
	color: #1F1B1A;
	font-size: 16px;
	height: 50px;
	line-height: 17px;
	margin-bottom: 55px;
	margin-top: 0px;
	text-transform: uppercase;
	width: 264px;
}