/*
Theme Name: Astra Enfant
Description: Theme enfant de Astra. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: astra
Version: 1.0
*/
:root{--color0:#ffffff;--color1:#6A3221;--color2:#9C5F4D;--color3:#844735;--bglight:#efded9;--radius:10px;--font:'Montserrat'}
body{font-family: var(--font)}
.textcontent h2,
.textcontent h3,
.textcontent h4,
.textcontent h5,
.textcontent h6{color: var(--color2)}
p.text-white{color:var(--color0) !important}
.overflow{overflow: visible !important}
h2.title{color: var(--color1) !important;font-family: var(--font);font-weight: bold;margin: 0 !important}
h2.title.center,.center{text-align: center !important}
h2.title span{color: var(--color2) !important}
h2.title.mini{font-size: 25px; border-left: 5px solid var(--color1);padding-left: 10px}
h2.title.mini.noborder{border: 0 !important}
.service-title{color:var(--color0);font-size: 25px;text-transform: uppercase;font-family: var(--font);font-weight: 600}
.service-item{transition: all .3s linear !important}.service-item:hover{transform:translatey(10px) !important}
.hfe-menu-item{border-radius: var(--radius)}
a.btntracker{padding: 8px 20px;color: var(--color2);border-radius: var(--radius);transition : all .3s linear;position:relative;font-family: var(--font);font-weight: 500;position:relative;font-size: 16px;text-decoration: none !important;font-weight: 500;box-shadow:1px 1px 10px #0000001c;text-transform: uppercase}
a.btntracker:hover{opacity: .7;transform: translate(0,5px)}
a.btntracker.btn-rdv{background-color: var(--bglight);padding-left: 44px;}
a.btntracker.btn-call{background-color: var(--color2);padding-left: 44px;color: var(--color0)}
a.btntracker.btn-rdv:before{content:"";position: absolute;width: 22px;height: 22px;background: url('http://institut-ndbeauty.fr/wp-content/uploads/2026/04/p.svg');background-repeat: no-repeat;background-size: contain;left: 12px;top: 50%;transform: translateY(-50%);}
a.btntracker.btn-call:before{content:"";position: absolute;width: 22px;height: 22px;background: url('http://institut-ndbeauty.fr/wp-content/uploads/2026/04/phone.svg');background-repeat: no-repeat;background-size: contain;left: 12px;top: 50%;transform: translateY(-50%);}
.navtop{transition: all .3s linear;opacity:0;position:fixed;top: 0;background: var(--color0);box-shadow:2px 2px 15px #00000024;display: none}
.navtop.fixed{display:flex;opacity:1;}
.gallery-item, .gallery-icon,.gallery-item .gallery-icon a {position: relative;overflow: hidden;display:block}
.gallery-item .gallery-icon a:before {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;transition: all .2s linear;border-radius:15px;background-color: #d6780c94}
.realisation .gallery-item .gallery-icon a:before{background-color: transparent;}
.gallery-item .gallery-icon a:hover:before,.realisation .gallery-item .gallery-icon a:hover:before{background-color: #000000a8;opacity:1}
.realisation .gallery .gallery-item{height: 280px !important}
.realisation .gallery .gallery-item a, .realisation .gallery .gallery-icon{height: 100%}
.realisation .gallery .gallery-item img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 15px}
.bafg-twentytwenty-container img{height: 100%;width: 100%;object-fit: cover;object-position: center}
.bafg-twentytwenty-container img,.twentytwenty-container{border-radius: 30px;}
.twentytwenty-container{border-radius: 30px;height: 45vh !important}
.realisation .gallery-item .gallery-icon a:before{
    background-image: url('http://institut-ndbeauty.fr/wp-content/uploads/2026/04/open.svg');
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    border-radius: var(--radius);
    transition: all .2s linear;
}
.map iframe{height: 100%;filter: grayscale(0);border: 2px solid var(--color2) !important;border-radius: var(--radius)}
@media(max-width: 991px){
	.hiddenbefore:before{display: none !important}
		.navtop{
		position: fixed !important;
        top: 0;
        left: 0 !important;
        right: auto !important;
        width: 100vw;
        z-index: 9999 !important;
		}
	.realisation .gallery .gallery-item{height: 180px !important} 
	.realisation .gallery{display:grid !important;grid-template-columns: repeat(2,1fr) !important;}
	.twentytwenty-container{height: 40vh !important}
}
@media(max-width: 767px){
	h2.title,h2.title.mini,.service-title{font-size: 18px}
	.realisation .gallery .gallery-item{height: auto !important}
	.gallery{grid-auto-rows: 150px;grid-template-columns: 1fr 1fr}
	.gallery-columns-4 .gallery-item{max-width: 100% !important}
}