/*
 Theme Name:   Jacqueline Child Theme
 Theme URI:    http://jacqueline.themerex.net
 Description:  Jacqueline Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     jacqueline
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  jacqueline
*/

.top_panel_middle .logo {
    margin-top: 0 !important;
}

.post_info{
	display: none;
}

.sidebar{
	display: none;
}

.content{
	width: 100% !important;
}

.sc_item_title {
   	margin: 0;
   	text-align: center;
   	font-size: 2.92em;
   	margin-bottom: 0.75em;
}

.sc_item_title:after {
	color: #f9a392 !important;
    content: '\e8fe' !important;
    font-family: fontello !important;
    display: block !important;
    font-size: 0.5em !important;
    line-height: 1em !important;
    margin-top: 1.3em !important;
}

.login{
	display: none;
}

.top_panel_middle .logo{
	margin-top: 0 !important;
}

.top_panel_wrap{
	.logo_main{
		max-height: 120px;
	}

	.logo_fixed{
		max-height: 55px;
	}
}

.header_mobile .logo{
	@media (max-width: 1020px){
		width: 30%;
		display: inline-block;
	}
}

.top_panel_image_title{
	font-size: 0;
}

p{
	text-align: justify;
}

// **----------------------------------------------------------*/
// Accueil
// **----------------------------------------------------------*/
.entry-title{
	height: 0;
	margin: 0;
	font-size: 0;
}

.accueil{
	p{
		text-align: center;
		font-size: 1rem;

		&:not(:last-child){
			padding-bottom: 30px;
		}
	}
	
	.justify{
		text-align: justify;
	}

	.scheme_light .sc_promo_block {
    	background-color: #FDB2AB;

    	h6{
    		visibility: hidden;

    		@media (max-width: 480px){
				font-size: 10em !important;
			}
		}
	}

	h3{
		font-size: 1.2em;
	}

	.services{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding-top: 6em;

		&>div{
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		p{
			display: inline-block;
			padding: 0;
		}

		img{
			border: solid 3px #FDB1AA;

			@media (max-width: 1440px){
				width: 273px;
				height: 296px;
			}

			@media (max-width: 959px){
				width: 365px;
				height: 395px;
			}

			@media (max-width: 480px){
				height: auto;
			}
		}

		p:last-of-type{
			position: relative;
			top: -3em;
			width: 80%;
			height: 4em;
			background: #C2C2C2;
			transition: 0.3s;

			&:hover{
				background: #E2E2E2;
				transition: 0.3s;
			}

			@media (max-width: 959px){
				width: 30%;
			}

			@media (max-width: 700px){
				width: 50%;
			}
		}

		a{
			display: block;
			color: white;
			width: 100%;
			line-height: 2.9em;
			font-size: 1.4em;

			&:hover{
				color: white;
			}
		}

		@media (max-width: 959px){
			flex-direction: column;
		}
	}

	.bloc_horaires{
		@media (max-width: 959px){
			text-align: center;
		}
	}

	.nowrap_title{
		@media (max-width: 1440px){
			white-space: nowrap;
		}
	}
}

// **----------------------------------------------------------*/
// Page qui suis-je
// **----------------------------------------------------------*/
.qui_suis_je{
	p{
		text-align: justify;
		font-size: 1rem;

		&:not(:last-child){
			padding-bottom: 30px;
		}
	}

	.rev_slider_wrapper{
		padding-bottom: 30px !important;

		@media (max-width: 959px){
			height: 500px !important;
		}

		@media (max-width: 640px){
			height: 350px !important;
		}

		@media (max-width: 480px){
			height: 280px !important;
		}

		.rev_slider{
			height: 100% !important;
		}
	}

	strong{
		font-weight: bold;
	}

	.image{
		margin-bottom: 20px;
		text-align: center;
	}
}

// **----------------------------------------------------------*/
// Tarifs
// **----------------------------------------------------------*/
.tarifs{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

	@media (max-width: 959px){
		flex-direction: column;
	}

	@media (max-width: 840px){
		max-width: 95%;
	}

	h3{
		font-size: 1.2em;
		margin-bottom: 0.7em;
	}

	& > div{
		width: 40%;
		margin-right: 5%;
		margin-left: 5%;
		margin-bottom: 5%;

		@media (max-width: 959px){
			width: 100%;
		}
	}

	ul{
		list-style-type: none;
	}

	li{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 8px;
		font-size: 1rem;
	}

	li div{
		white-space: nowrap;

		@media (max-width: 480px){
			padding-left: 10px;
		}
	}

	.tarifs_epilations ul{
		margin-bottom: 20px;
	}

	.reduc{
		font-weight: 800;
	}

	.tarifs_ongles li:nth-child(17){
		margin-bottom: 0;
	}

	.forfait_epilation{
		tr:first-of-type td:first-of-type{
			border: none;
		}

		td{
			font-size: 1rem;
			padding: 8px;
			text-align: center;
			vertical-align: middle;
			border:1px solid black;

			@media (max-width: 420px){
				font-size: 0.8rem;
			}

			@media (max-width: 360px){
				padding: 2px 4px;
			}
		}

		table{
			@media (max-width: 479px){
				position: relative;
				left: -28%;
			}

			@media (max-width: 420px){
				position: relative;
				left: -15%;
			}

			@media (max-width: 360px){
				position: relative;
				left: -10%;
			}
		}
	}
}

// **----------------------------------------------------------*/
// Contacts
// **----------------------------------------------------------*/
.contacts{
	h3{
		font-size: 1.2em;
	}

	p, li{
		font-size: 1rem;
	}

	ul{
		list-style-type: circle;
		padding-left: 30px;
	}
}

// **----------------------------------------------------------*/
// épilations
// **----------------------------------------------------------*/
.epilation{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: relative;

	p{
		text-align: justify;
		font-size: 1rem;

		&:not(:last-child){
			padding-bottom: 30px;
		}
	}

	.desc_epil{
		max-width: 60%;
		z-index: 2;

		@media (max-width: 640px){
			max-width: 100%;
		}
	}

	ul{
		list-style-type: circle;
		padding-left: 30px;
	}

	li{
		text-align: justify;
		font-size: 1rem;
	}

	img{
		@media (min-width: 641px) and (max-width: 768px){
			position: absolute;
			float: right;
			top: 0;
			right: 0;
		}
	}

	@media (max-width: 640px){
		flex-direction: column;
	}
}

// **----------------------------------------------------------*/
// ongles
// **----------------------------------------------------------*/
.ongles{
	display: flex;
	flex-direction: column;
	align-items: center;

	p{
		text-align: justify;
		font-size: 1rem;

		&:not(:last-child){
			padding-bottom: 30px;
		}
	}

	img{
		margin-top: 1.5rem;
	}

	div{
		width: 100%;
	}

	& > div:not(:last-child){
		padding-bottom: 4%;
	}
}

// **----------------------------------------------------------*/
// teintures
// **----------------------------------------------------------*/
.teintures{
	display: flex;
	flex-direction: column;
	align-items: center;

	p{
		text-align: justify;
		font-size: 1rem;

		&:not(:last-child){
			padding-bottom: 30px;
		}
	}

	img{
		margin-top: 1.5rem;
	}
}

// **----------------------------------------------------------*/
// soins visage
// **----------------------------------------------------------*/
.soins_visage{
	display: flex;
	flex-direction: column;

	& > div:not(:last-child){
		padding-bottom: 4%;
	}

	.left_div_img{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;

		@media (max-width: 959px){
			flex-direction: column;
		}
	}

	.right_div_img{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;

		@media (max-width: 959px){
			flex-direction: column;
		}
	}

	.image{
		width: 35%;
		img{
			width: 100%;
			max-height: 400px;
			object-fit: contain;

			@media (max-width: 959px){
				padding-top: 10px;
			}
		}

		@media (max-width: 959px){
			width: 100%;
			max-height: 400px;
		}
	}


	p{
		text-align: justify;
		font-size: 1rem;

		&:not(:last-child){
			padding-bottom: 30px;
		}
	}

	.desc_sv{
		max-width: 60%;

		@media (max-width: 959px){
			max-width: 100%;
		}
	}

	ul{
		list-style-type: circle;
		padding-left: 30px;
		padding-bottom: 10px;
	}

	li{
		text-align: justify;
		font-size: 1rem;
	}
}

// **----------------------------------------------------------*/
// soins corps
// **----------------------------------------------------------*/
.soins_corps{
	display: flex;
	flex-direction: column;
	
	& > div:not(:last-child){
		padding-bottom: 4%;
	}

	p{
		text-align: justify;
		font-size: 1rem;

		&:not(:last-child){
			padding-bottom: 30px;
		}
	}

	ul{
		list-style-type: decimal;
		padding-left: 30px;
	}

	li{
		font-size: 1rem;
		padding-bottom: 10px;
	}

	img{
		margin-top: 1.5rem;
	}

	.image{
		text-align: center;
	}
}

// **----------------------------------------------------------*/
// Bons cadeaux
// **----------------------------------------------------------*/
.bons_cadeaux{
	p{
		text-align: justify;
		font-size: 1rem;

		&:not(:last-child){
			padding-bottom: 30px;
		}
	}

	.center{
		text-align: center;
	}

	ul{
		list-style-type: circle;
		padding-left: 30px;
		margin-bottom: 15px;
	}

	li{
		font-size: 1rem;
		padding-bottom: 10px;
	}

	.adresse{
		text-align: center;
		margin-bottom: 15px;
	}
}