/*
 Theme Name:   One Page Express Child
 Description: One Page Express Child Theme
Theme URI:    https://www.marion-lithoterapeute.fr/
 Author:       Claire & Claire
 Author URI:   https://www.claireetclaire.fr
 Template:     one-page-express
 Version:      1.0.0

*/

@import url("../one-page-express/style.css");

@font-face {
    font-family: 'migraextrabold';
    src: url('https://www.marion-lithotherapeute.fr/wp-content/themes/one-page-express-child/fonts/migra-extrabold.woff2') format('woff2'),
         url('https://www.marion-lithotherapeute.fr/wp-content/themes/one-page-express-child/fonts/migra-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a{
	color: #647F76!important;
}

body{
	color: #3A3A3A!important;
	font-size: 20px!important;
}

@media only screen and (min-width: 1024px) {
	.gridContainer{
		width: 100%!important;
		max-width: 100%!important;
	}
}

.page-content{
	padding-bottom: 0px!important;
}

/*logo+header*/
.logo_col{
	padding-top: 1em;
	padding-bottom: 1em;
	width: 20%!important;
}

.header-top.coloured-nav{background: #647f76!important;}

/*Menu*/
#drop_mainmenu > li > a{
	letter-spacing: 0!important;
}

/*En tete*/
.header-homepage .header-description-row{
	display: none!important;
}

.header-homepage{
	min-height: 900px!important;
}

.header{
	padding-bottom: 50px!important;
	padding-top: 50px!important;
}

.inner-header-description{
	padding-bottom: 2%!important;
}

.wp-block-image .aligncenter > figcaption{
	text-align: center!important;
}

.header-top.fixto-fixed{
	background-color: #647f76!important;
}

#drop_mainmenu > li > a{
	color: #fff!important;
	font-size: .8em!important;
}
#drop_mainmenu > li{
	margin-right: .8%!important;
	margin-left: .8%!important;
}

.header-top.fixto-fixed #drop_mainmenu > li > a{
	padding: 20px 0px!important;
}

/*Titres*/
h1, h2, h3, h4, h5, h6{
	font-family: 'migraextrabold';
}

h2{
	font-weight: 700!important;
	font-size: 2.5em!important;
}

h3{
	font-size: 1.5em!important;
	font-weight: bold!important;
	padding-top: .75em!important;
}

/*Fond*/
.fondblc{
	padding: 20px;
	background-color: #fff;
	margin-left: 50px;
	margin-right: 50px;
}

.fondgnal{
	padding: 2% 10% 2%;
}

.fondsoin{
	background-color: #f2f5ee!important;
	padding-top: 2em!important;
	padding-bottom: 2em!important;
}

.fondliste{
	background-color: #f5f5f5;
}

.fondderoulement{
	background-color: #f2f5ee!important;
}

.fondtarif{
	background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)),url(https://www.marion-lithotherapeute.fr/wp-content/uploads/2023/11/TarifLithotherapeute.jpg)no-repeat;
	background-size:cover;
	background-position: center center;
}

.fondcontact{
	background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)),url(https://www.marion-lithotherapeute.fr/wp-content/uploads/2023/10/ContacterMarionJanuarioLithotherapeute.jpg)no-repeat;
	background-size:cover;
	background-position: center center;
}

/*Pages autres*/
#post-89, #post-3{
	padding-right: 10%;
	padding-left: 10%;
}

.wp-block-image .aligncenter > figcaption{
	font-size: .9em!important;
	word-break: normal!important;
}

.nonretour{
	overflow-wrap: normal!important;
}

/*Tableau*/
.wp-block-table table{
	width: 75%!important;
}

/*Formulaire*/
#formulaire-responsive {
	max-width:1000px /*-- à modifier en fonction de la largeur désirée --*/;
	margin:0 auto;
        width:100%;
}
.rang-form {
	width: 100%;
}
.demi-colonne, .colonne {
	float: left;
	position: relative;
	padding: 0.5rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.demi-colonne {
		width: 50%;
	}
}

.wpcf7 input[type="submit"] {
    background-color: #647f76!important;
	border-radius: 5px;
	border: 0!important;
    color: #fff!important;
	font-size: 1em!important;
	padding: 1.5% 3%!important;
	font-family: inherit!important;
}

/*Footer*/
.footer{
	background-color: #D6DEC6!important;
	border-top: 5px solid #647F76!important;
	min-height: 50px!important;
}

.footer p{
	color: #3A3A3A!important;
}

/*Tablette*/
@media screen and (min-width: 768px) and (max-width: 950px) {
	.gridContainer{
		width: 100%!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	.centrer{
		text-align: center!important;
	}
	
	.photomob{
		max-width: 40%!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}	
}

/*Mobile*/
@media screen and (max-width: 767px) {
	.gridContainer{
		width: 100%!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	.header-homepage{
		min-height: 400px!important;
	}
	.fondgnal{
	padding: 2% 5% 2%;
	}
	
	h2{
	font-weight: 700!important;
	font-size: 1.3em!important;
	}
	h3{
		font-size: 1.2em!important;
	}
	.centrer{
		text-align: center!important;
	}
	
	.taillemob{
		font-size: .9em!important;
	}
	
	.photomob{
		max-width: 50%!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}	
}