/*
Theme Name:   JulietteRoussely
Description:  Écrivez ici une brève description de votre thème enfant
Author:       mpadmin
Author URL:   https://www.julietteroussely-therapie.com
Template:     twentynineteen
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  JulietteRoussely
*/

/* Écrivez ici votre propre feuille de style personnelle */

:root{
/*	--main-color: rgba(157,147,76,1); /* #9D934C */

--main-color:#478e4c;
	/*--transparent-color: rgba(157,147,76,.25);*/

	
	/*--main-color: rgba(142, 58, 50,1); /* #9D934C */ 
	/*--transparent-color: rgba(142, 58, 50,.25);*/

	/*--main-color: rgba(237, 119, 83, 1);*/
	--transparent-color: rgba(237, 119, 83,.25);



	
}

/* General */
h1::before,h2::before,h3::before,h4::before,h5::before{
	display: none !important;
}
h1,h2,h3,h4,h5,h6,p,a,i,li,ul{
	font-family: 'Poppins';
}
h3.elementor-heading-title{
	color: var(--main-color) !important;
	font-size: 26px !important;
	font-weight: 600;
}
p{
	text-align: justify;
	font-size: 16px;
	color: #000;
}
a:active, a,a:focus{
	outline: 0 !important;
}
#mobile_menu_container,#mobile_menu_wrapper{
	display: none;
}
.border-color{
	border: 5px solid #9D934C;
}
.hidden_overflow{
	overflow: hidden;
}
/*/General */

/* Header */
.masthead_container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.site_branding_wrapper{
	display: flex;
	flex-direction: column;
	max-width: 260px;
	margin-top: 10px;
}
.site-branding{
	margin: 0px;
}
.site-header{
	padding: 0px;
	position: absolute;
	width: 100%;
	z-index: 99;
	background: transparent;
	transition: .5s;
}
.site-header.floatingnav{
	transition: .5s;
	position: fixed;
	top: 0px;
	background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
}
h1.site_title {
	margin-bottom: 0px;
}
h1.site_title a{
	float: left;
	display: block;
	font-size: 31.5px;
	font-weight: 300;
	margin-bottom: 0px;
	letter-spacing: 0.01px ;
}
h1.site_title a:hover{
	text-decoration: none;
}
h2.site_desc a {
    float: left;
    display: block;
    font-size: 12.9px;
    font-weight: 400;
    margin-bottom: 0px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 17px;
    margin-top: 3px;
}
h2.site_desc a:hover{
	text-decoration: none;
}
ul#deskop-menu{
	margin: 0px;
	float: right;
	padding-left: 0px;
	margin-top: 10px; 
	display: flex;
	gap: 25px;
}
ul#deskop-menu > li::marker{
	font-size: 0px;
}
ul#deskop-menu > li{
	display: inline-flex;
}
ul#deskop-menu > li > a {
	text-transform: uppercase;
	font-size: 14px;
	color: #000;
	transition: .5s;
	padding: 20px 7px;
	text-decoration: none !important;
}
ul#deskop-menu > li > a::hover{
	text-decoration: none !important;
}

#masthead.site-header  li.current-menu-item > a::after{
	content: '';
	display: block;
	width: inherit;
	height: 2px;
	background: #FFF;
	transition: .5s;
}
#masthead.site-header.floatingnav  li.current-menu-item > a::after{
	content: '';
	display: block;
	width: inherit;
	height: 2px;
	background: #000;
	transition: .5s;
}
#masthead.site-header.floatingnav li.menu-item > a:after{
	content: '';
	height: 2px;
	background: var(--main-color);
	width: 0%;
	margin-left: 50%;
	display: block;
	transition: .5s;
}
#masthead.site-header.floatingnav #deskop-menu li.menu-item > a:hover:after{
	content: '';
	height: 2px;
	background: var(--main-color);
	width: 100%;
	margin: 0%;
	display: block;
	transition: .5s;
}
#masthead.site-header li.menu-item > a:after{
	content: '';
	height: 2px;
	background: #FFF;
	width: 0%;
	margin-left: 50%;
	display: block;
	transition: .5s;
}
#masthead.site-header #deskop-menu li.menu-item > a:hover:after{
	content: '';
	height: 2px;
	background: #FFF;
	width: 100%;
	margin: 0%;
	display: block;
	transition: .5s;
}
#masthead.site-header li.menu-item.current-menu-item > a:after{
	content: '';
	height: 2px;
	background: #FFF;
	width: 100%;
	margin-left: 0%;
	display: block;
	transition: .5s;
}
#masthead.site-header.floatingnav li.menu-item.current-menu-item > a:after{
	content: '';
	height: 2px;
	background: var(--main-color);
	width: 100%;
	margin-left: 0%;
	display: block;
	transition: .5s;
}
/*Sticky Header */
#masthead.site-header > #deskop_menu  {
	position: fixed;
	background: linear-gradient(180deg,rgba(157,147,76,.5) 50%, rgba(0,0,0,0) 100%);
	/*background: linear-gradient(180deg,rgba(237, 119, 83,.5) 50%, rgba(0,0,0,0) 100%);*/
	
	z-index: 10;
	width: 100%;
	border-bottom: none;
	top: 0px;
	left: 0px;
	max-width: 100%;
	padding: 10px 40px;
}
#masthead.site-header.floatingnav > #deskop_menu{
	position: fixed;
	top: 0px;
	z-index: 10;
	width: 100%;
	transition: .5s;
	background: #FFF;
	border-bottom: 1px solid #EEE;
}
#masthead.site-header h1.site_title a,#masthead.site-header h2.site_desc a, #masthead.site-header ul li a {
	color: #FFF ;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, .5);
	transition: .5s;
}
#masthead.site-header.floatingnav h1.site_title a,#masthead.site-header.floatingnav h2.site_desc a, #masthead.site-header.floatingnav ul li a {
	color: #000 ;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, .5);
	transition: .5s;
}
/*/Sticky Header */
/*Mobile menu */
.menu-btn{display: none;}
#masthead.floatingnav #icon{
	stroke: #000;
}
#icon {
  width: 55px;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  float: right;
  z-index: 10;
  position: relative;
  right:-15px;
  top:20px;
  stroke:#FFF;
}
path.menu-btn-path {
  fill: none;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  stroke-width: 20px;
  stroke-linecap: round;
  stroke-dashoffset: 0px;

}
path#top,
path#bottom {
  stroke-dasharray: 240px 950px;
}
path#middle {
  stroke-dasharray: 240px 240px;
}
.cross path#top,
.cross path#bottom {
  stroke-dashoffset: -650px;
  stroke-dashoffset: -650px;
}
.cross path#middle {
  stroke-dashoffset: -115px;
  stroke-dasharray: 1px 220px;
}
#mobile_menu_wrapper{
	opacity: 0;
	height: 0px;
	transition: .5s;
}
#mobile_menu_wrapper.open {
	opacity: 1;
	height: 0px;
	transition: .5s;
}
#mobile_menu_container, #mobile_menu{
	display: none;
	background:transparent;
}
ul#mobile_menu{
	width: 100%;
	margin-top: 15vh !important;
	margin: 0px;
	padding: 0px;
}
ul#mobile_menu > li::marker{
	font-size: 0px;
}
ul#mobile_menu > li > a{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: .7em;
	text-transform: uppercase;
	line-height: 3em;
	transition: .5s;
	color:#000 !important;
	letter-spacing: 2px !important;
	display: block;
	text-align: center;
	text-shadow: none !important;
}
ul#mobile_menu > li > a:hover{
	text-decoration: none;
}
#mobile_menu_wrapper.open .instagram_link,#mobile_menu_wrapper .instagram_link{
	display: none;
	text-align: center;
	width: 100%;
	line-height: 4em;
}
#masthead.site-header #mobile_menu li.menu-item.current-menu-item > a:after{
	content: '';
	height: 0px;
	background: #FFF;
	width: 100%;
	margin-left: 0%;
	display: block;
	transition: .5s;
}
#mobile_menu{
	background: #FFF;
}

/*/Mobile menu */

/*/Header */

/*Homepage */
#landing_block{
	background: rgba(255,255,255,.25);
	border-radius: 2.5px;
	padding: 30px;
	border: 1px solid #eee;
}
#landing_block h1{
	font-family: 'Poppins',sans-serif;
	font-size: 26px;
	color: #EEE;
	text-transform: uppercase;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, .75);
}
#landing{
	position: relative;
	width: 100vw;
}
#landing:after{
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 600px;
	background: linear-gradient(180deg,rgba(71, 142, 76, .8) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 1;
}
#landing_section{
	z-index: 3;
	position: relative;
}
/*/homepage */

/*page */

.page_title_container{
	width: auto;
	margin: auto;
	position: absolute;
	top: 154px;
	left: 0px;
}
h1.page_title{
	text-align: left;
	color:#000;
	font-weight: 700;
	float: left;
	font-size: 36px;
	font-family: 'Poppins';
	display: block;
	width: 100%;
	margin-left:10px ;
	margin-bottom: 0px;
	

}
#breadcrumbs{
	text-align: left;
	color: #000;
	font-family: 'Poppins';
	font-weight: 400;
	font-size: 14px;
	margin-left:20px ;
	margin-bottom: 0px;
}
#breadcrumbs a {
	color: #000;

}
.header_image{
	height: 200px;
	width: 100%;
	background-size: cover;
	overflow: hidden;
	margin-bottom:30px;
	position: relative;
	background-color: var(--main-color);

}

.image_header_container{
    background-size: cover;
    transform: scale(1);
    background-attachment:fixed ;
    background-repeat: no-repeat;
    height: 200px;
    width: 100%;
    position: absolute;
    filter: blur(8px);
    opacity: .45;
}
.entry .entry-content{
	width: 100%;
	margin: 0%;
	padding: 0px;
	max-width: 100%;
	padding-right: 100px;
}
.entry .entry-content > *, .entry .entry-summary > *, .entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *, .entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *{
	max-width: 100%;
}
#page{
	border-bottom: 0px solid #eee;
	margin-bottom: 0px;
}
/*/Page */

/*Elementor*/
/*elementor competence section*/
.section-expertise{
	margin-top: 100px;
	margin-bottom: 100px;
	display: block;
}
.competences-list{
	display: flex;
	flex-direction: row;
	gap: 30px;
	flex-wrap: wrap;
	justify-content: space-between;
}
.competence-item{
	max-width: 350px;
	min-width: 300px;
	text-align: center;
	display: block;
	height: auto;
	background: #FFF;
	border: 1px solid var(--main-color);
	border-radius: 20px;
	margin-top:-150px;
	padding: 40px 20px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .15);

}
.competence-item h3{
	font-size: 24px;
}
a.competence-button{
	font-size: 14px;
	color: var(--main-color);
	border: 1px solid var(--main-color);
	padding: 10px 20px;
	border-radius: 30px;
	margin-top: 20px;
	background: #FFF;
	transition: .5s;
	text-decoration: none !important;
}

a.competence-button:hover{
	color: #FFF;
		text-decoration: none !important;
	background: var(--main-color);
	transition: .5s;
}
/*Elementor competence section*/
/*Elementor vcard*/
.elementor_vcard_widget{
	display: flex;
	height: auto;
	flex-direction: row;
	gap: 30px;
	position: relative;
	z-index: 12;
	margin: auto;
	flex-wrap: wrap;
	justify-content: center;
	width: fit-content;
	    position: relative;
    z-index: 12;
    margin: auto;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 60px;
}
.elementor_vcard_widget img{
	max-width: 300px !important;
	max-height: 300px !important;
	border-radius: 300px !important;
	border: 6px solid rgba(71, 142, 76, .5) !important;
	display: flex;
	align-self: center;
	-webkit-box-shadow: 11px 20px 24px 4px rgba(0,0,0,0.25) !important; 
	box-shadow: 11px 20px 24px 4px rgba(0,0,0,0.25) !important;
}
.vcard_infos{
	max-width: 1000px;
	background: rgba(71, 142, 76, .5);
	backdrop-filter: blur(5px);
	padding: 30px;
	border-radius: 60px; 
	    flex: 1;
    padding-left: 300px;
    margin-left: -274px;
    z-index: -1;
}
.elementor-widget-container .vcard_infos h3{
	font-family: "EB Garamond", serif !important;
  font-weight: 800 !important;
  font-size: 2.5rem !important;
  margin-bottom: 10px !important;
}
.elementor-widget-container .vcard_infos h3, .vcard_infos p{
	color: #FFF !important;
}
.vcard_infos p{
	font-size: 15px;
	padding-right: 30px;
}
/*/Elementor vcard*/

/*elementor section deux colonnes*/
.bloc-2colonnes{
	display: flex;
	flex-direction: row-reverse;
	gap: 40px;
}
.bloc-2colonnes .image-col{
	flex: 1;
	padding: 0px;
}
.bloc-2colonnes .image-col img{
	width: 250px;
}
.bloc-2colonnes .texte-col{
	flex: 2;
	flex-grow: 3;
	padding: 0px;
}
.elementor-widget-container h3{
	font-size: 24px !important;
	color: #000 !important;
}
/*/elemntor section deu colonnes*/

.elementor-toggle-icon{
	display: none !important;
}

.elementor-heading-title h3{
	font-family: 'Poppins', sans-serif !important;
	font-size: 22px !important;
	color: #000 !important;
	font-weight: 600 !important;
}

.elementor-element ul li{
	font-family: 'Poppins', sans-serif !important;
	font-size: 16px !important;
	color: #000 !important;
	margin-bottom: 5px !important;
}
.elementor-widget-heading .elementor-heading-title{
	font-family: 'Poppins', sans-serif !important;
	/*font-weight: 100 !important;*/
	text-transform: uppercase;
	font-size: 32px;
}
a.elementor-toggle-title{
	font-family: 'Poppins', sans-serif !important;
	font-size: 18px !important;
}
h3.elementor-heading-title{
	font-family: 'Poppins', sans-serif !important;
	font-size: 22px !important;
	color: #000 !important;
	font-weight: 600 !important;
}
h2.elementor-heading-title{
	display: inline-block ;
}
h2.elementor-heading-title::after{
	margin-top: 10px;
	width: inherit;
	height: 2px;
	background: var(--main-color);
	display: block;
	content: '';
}
.elementor-widget-button .elementor-button{
	background: transparent !important;
	font-family: 'Poppins',sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	border: 1px solid #FFF;
	transition: .5s;
	text-decoration: none;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
.elementor-widget-button .elementor-button:hover{
	background: #FFF !important;
	color: #000;
	transition: .5s;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,.25);
}
a.elementor-toggle-title{
	color: #000 !important;
	text-decoration: none !important;
	font-weight: 400 !important;
}
.elementor-tab-title > a.elementor-toggle-title:after{
	content: '\276F';
	margin-left: 20px;
	font-size: 20px;
	transition: .5s;
	transform: rotate(0deg);
	display: inline-block;
}
.elementor-tab-title.elementor-active > a.elementor-toggle-title:after{
	content: '\276F';
	margin-left: 20px;
	font-size: 20px;
	transition: .5s;
	display: inline-block;
	transform: rotate(90deg);
}
.elementor-tab-content > p{
	font-size: 15px;
	text-align:justify;
}
.elementor-tab-content{
	padding: 20px 0px !important;
}
.elementor-tab-title{
	padding: 20px 0px !important;
	margin: 0px;
	text-decoration: none !important;
}

/*/Elementor*/

/* CF7 */ 
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{
	border: 1px solid var(--main-color);
	width: 100%;
}
label{
	width: 100% !important;
}
input[type="submit"]{
	color: #000;
	background: #FFF;
	border: 1px solid #000;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	padding: 10px 20px;
	transition: .5s;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);
	border-radius: 0px;
	float: none;
	display: block;
	margin: auto;
}
input[type="submit"]:hover{
	transition: .5s;
	background: var(--main-color);
	color: #FFF;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,.15);
}
#contact_form{
	background: #fafafa;
	border: 1px solid var(--main-color);
	padding: 30px;
	width: 60%;
	margin-left: 20%;
	border-radius: 20px 20px 0px 0px;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,.15);
}
#contact_form select{
	width: 100%;
  height: 41px;
  border: 1px solid var(--main-color);
  padding: 0.36rem 0.66rem;
}
#contact_form .wpcf7-select{
	width: 100%;
}
#contact_form input:placeholder{
	color: #000;
}
/*/CF7 */ 

/* Footer */
.footer_widget_area:first-child{
	border-left: 1px solid #eee;
	padding-left: 20px;
	border-right: 1px solid #eee;
	padding-right: 20px;
}
.footer_widget_area:last-child{
	border-right: 1px solid #eee;
	padding-right: 20px;
	border-left: 1px solid #eee;
	padding-left: 20px;
}
.footer_widget > h2{
	font-family: 'Poppins',sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	display: inline-block;
}
.footer_widget > h2:after{
	content: '';
	height: 2px;
	background-color: var(--main-color);
	width: inherit;
	display: block;
	margin-bottom: 20px;
}
.footer_widget > p {
	font-size: 15px;
	margin-bottom: 10px;
}
.footer_widget > p > a {
	font-size: 15px;
	margin-bottom: 10px;
	color: #000;
}
.footer_widget > p > a:hover{
	text-decoration: none;
}
.footer_widget > p > a:before{
	content: '-';
	margin-right: 10px;
}
#colophon .site-info{
	margin: 0px !important;
	font-size: 12px;
	text-align: center;
	padding-top: 40px;
	width: 100%;
}
p.footer_copyright{
	text-align: center;
}
.site-footer{
	margin: 0px;
}
/*/Footer */

/* Resonsive */
@media screen and (max-width:1200px){
	h1.site_title a{
		font-size: 25px;
	}
	h2.site_desc a{
		font-size: 13px;
	}
}
@media screen and (max-width:992px){
	#deskop_menu, ul#deskop-menu{
		display: none;
	}
	.menu-btn{display: block;}

	#mobile_menu_container{
		display: block;
		background: #FFF;
		padding-top: 10px;
		padding-bottom: 10px;

	}
	#mobile_menu_container h1.site_title a,#mobile_menu_container h2.site_desc a{
		text-shadow: none !important;
		color: #000 !important;
	}
	#mobile_menu_wrapper.open{
		display: block;
	}
	ul#mobile_menu{
		display: block;
		transition: .5s;
	}
	#mobile_menu_wrapper{
		transition: .5s;
	}
	#mobile_menu_wrapper.open {
		opacity: 1;
		height: calc(100vh - 0px);
		top: 0px;
		padding-top: 100px;
		position: fixed;
		z-index: 12;
		transition: .5s;
		background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  z-index: 50;
	}
	#masthead.site-header{
		padding: 0px;
		z-index: 999;
	}
	p.footer_copyright{
		font-size: 10px;
	}
	.header_image{
		height: 100px;
	}
	#contact_form{
		background: #fafafa;
		border: 1px solid var(--main-color);
		padding: 10px;
		width: 100%;
		margin-left: 0%;
		border-radius: 20px 20px 0px 0px;
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,.15);
	}
	.image_header_container{
		height: 100px;
		filter: blur(3px);
	}

}
@media screen and (max-width:768px){
	.description-realisation > h1{
		font-size: 1em;
	}
	
	#site-logo #site-logo-inner, .site-logo-inner{
		font-size: 1.5em;
	}
	.single-realisation-title{
		font-size: 1em;
	}
	#mobile_menu_container, #mobile_menu{
		display: block;
		background: transparent;
	}
	#deskop_menu_container{
		display: none;
	}
	
	#mobile_menu_wrapper.open .instagram_link,#mobile_menu_wrapper .instagram_link{
		display: block;
		text-align: center;
		width: 100%;
		line-height: 4em;
	}
	#bio p {
	    top: 30px;
	    position: relative;
	    transform: translate(-0%, 0%);
	    display: block;
	    text-align: justify;
	    font-size: 1.7em;
		padding-left: 0em;
    	line-height: 1.7em;
	}
	.entry .entry-content{
		padding-right: 0px;
	}
	.elementor_vcard_widget{
		flex-direction: column;
	}
	.vcard_infos{
		padding-left: 30px;
		padding-right: 30px;
		margin-left: 0px !important;
		padding-top: 150px;
    margin-top: -170px;
	}
	.vcard_infos p{
		padding-right: 0px;
	}
	.competence-item{
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.bloc-2colonnes{
	display: flex;
	flex-direction: column;
	gap: 40px;
	}
	.bloc-2colonnes .image-col img{
		display: block;
		margin: a;
	}

}
/*/Responsive */