/*
 Theme Name:   Enfold-MTàP
 Theme URI:    https://dev.massage-tantrique-a-paris.fr
 Description:  Modifications du theme pour désactiver Gutemberg (et copyright)
 Author:       Bertrand
 Author URI:   https://dev.massage-tantrique-a-paris.fr
 Template:     enfold
 Version:      1.0.0
*/


/*pour la couleur de loupe dans le menu*/
li#menu-item-search {color: #98bf0d !important;}

/*pour la taille de l'icône loupe dans le menu*/
#top #menu-item-search.menu-item-search-dropdown>a  {font-size:40px !important;}

/*pour la zone de recherche (input text) dans le menu*/
#top #s {
font-size: 20px;
color: white;
padding: 5px;
}

/*pour la zone de recherche (input text) dans la page de résultat*/
#top .main_color input[type='text'] {
color: black !important;
}

/* Pour pas de bordure header */
#header_main {
border: none !important;
}

/*pour la police de menu principal*/
#avia-menu a {font-size:20px !important;}

/*pour la surbrillance au survol menu*/
#avia-menu a :hover {background-color: #98bf0d !important; padding:10px 5px; border-radius:5px;}

/*pour le menu réduit sans espace au-dessus*/
div.container.av-logo-container {margin-top:-25px;}

/*pour le sous-menu header */
.header_color .main_menu ul ul, .header_color .main_menu .menu ul li a {
font-size:20px !important;
color:#E15829 !important;
background-color: #ffffffa0 !important;
border-radius: 5px;
font-weight:900;
min-width: 300px;
}

/*pour les liens customisés */
p a {color:#e15729 !important;font-family: "berkshire swash" !important;
font-size:17px;}

/* pour le slogan */
.tagline { position: sticky; top: 260px; padding-left:140px; color:#97BF0D; font-size:15px;}

/*pour ne pas avoir les titres tout en majuscule et adapter la taille des polices de Header*/
h1, h2, h3, h4, h5, h6 { text-transform: none !important; font-family: "berkshire swash" !important; font-weight:400 !important;}
h2 { font-size: 24px;}
h3 { font-size: 20px;}

/*pour masquer le bouton back-to-top*/
#scroll-top-link {  display: none !important;}

/* pour retirer le souligné "autres témoignages" en HP */
h2 a {text-decoration:none !important;}

/* pour réduire l'espace entre les multi-colonnes */
.av-flex-placeholder {width:1% !important;}

/* pour réduire l'indentation des listes */
.entry-content-wrapper div li {text-indent: 0px;}
.entry-content-wrapper li {margin-left: -10px; padding: 0;}

/* Début section mise en forme des articles de blog */
/* Centrer l'image mise en avant des articles de blog et limiter sa hauteur */
.single-post .big-preview img {
    margin: 0 auto;
    max-height: 300px !important;
    width: auto;
    border-radius: 5px;
}

/* Style de la bannière */
.custom-hero-banner {
    position: relative;
    height: 350px; /* Ajustez la hauteur selon vos goûts */
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

/* Le voile sombre pour la lisibilité */
.custom-hero-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4); /* 0.4 = intensité de l'assombrissement */
    z-index: 1;
}

/* Le titre */
.custom-hero-title {
    position: relative;
    z-index: 2;
    color: #ffffff !important;
    text-align: center;
    font-size: 3.5em !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    margin: 0;
}

/* Masquer le titre par défaut d'Enfold pour éviter les doublons */
.single-post .title_container {
    display: true;
}
/* Fin de section mise en forme des articles de blog */

/* Mise en forme spécifique du footer */
/* Ajoute une marge en bas de la ligne de copyright en bas de page */
#socket .copyright {
    margin-bottom: 50px !important;
}
/* Ciblage du footer pour réduire l'espace avec le copyright */
footer, #footer {
    margin-TOP: -50px !important;
}