.glass 
{


backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
}

a {
    text-decoration: none;
}












/* Cible uniquement la page d'accueil */
body.home, body.front-page {
    overflow: hidden; /* Désactive le défilement */
}

body.home .wp-block-image,
body.front-page .wp-block-image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw; /* Prend toute la largeur de la fenêtre */
    height: 100vh; /* Prend toute la hauteur de la fenêtre */
    margin: 0;
    overflow: hidden; /* Assure qu'il n'y a pas de défilement dans le conteneur */
}

body.home .wp-block-image img,
body.front-page .wp-block-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Assure que l'image garde son ratio tout en s'ajustant */
}


body.home .wp-block-image {
    position: relative;
    overflow: hidden;
}

body.home .wp-block-image img {
    border-radius: 50%;
    clip-path: circle(0% at 50% 50%);
    opacity: 0;
    animation: circleReveal 1.5s linear 1.5s forwards; /* Ajout de animation-delay */
}

@keyframes circleReveal {
    0% {
        clip-path: circle(0% at 50% 50%);
        opacity: 0;
    }
    50% {
        clip-path: circle(50% at 50% 50%);
        opacity: 1;
    }
    100% {
        clip-path: circle(100% at 50% 50%);
        opacity: 1;
    }
}




/* Couleur des liens par défaut pour le menu du header */
.wp-block-template-part .wp-block-navigation__container .wp-block-navigation-item__content {
    color: #7f8d7e; /* Couleur des éléments de navigation */
    text-decoration: none; /* Retire la sous-ligne des liens */
    transition: color 0.3s ease; /* Transition douce pour le changement de couleur */
}

/* Couleur des liens au survol pour le menu du header */
.wp-block-template-part .wp-block-navigation__container .wp-block-navigation-item__content:hover {
    color: #b0774e; /* Couleur lors du survol */
}

/* Rendre l'élément sélectionné en gras pour le menu du header */
.wp-block-template-part .wp-block-navigation__container .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
.wp-block-template-part .wp-block-navigation__container .wp-block-navigation-item.current-menu-ancestor .wp-block-navigation-item__content,
.wp-block-template-part .wp-block-navigation__container .wp-block-navigation-item.has-child.open-on-hover-click .wp-block-navigation-item__content {
    font-weight: bold; /* Rend le texte en gras */
    color: #b0774e; /* Change la couleur de l'élément actif */
}

/* Rendre les sous-éléments du menu en gras lorsqu'ils sont actifs */
.wp-block-template-part .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .current-menu-item .wp-block-navigation-item__content,
.wp-block-template-part .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .current-menu-ancestor .wp-block-navigation-item__content {
    font-weight: bold;
    color: #b0774e;
}



/* Couleur des liens par défaut */
.wp-block-navigation__container .wp-block-navigation-item__content {
    color: #fdf7eb; /* Couleur des éléments de navigation */
    text-decoration: none; /* Retire la sous-ligne des liens */
    transition: color 0.3s ease; /* Transition douce pour le changement de couleur */
}

/* Couleur des liens au survol */
.wp-block-navigation__container .wp-block-navigation-item__content:hover {
    color: #b0774e; /* Couleur lors du survol */
}

/* Rendre l'élément sélectionné en gras */
.wp-block-navigation__container .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
    font-weight: bold; /* Rend le texte en gras */
		color: #b0774e; 

}