/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: Child theme for GeneratePress
Author: Julien Web
Author URI: https://julienweb.com
Template: generatepress
Version: 1.0.0
Text Domain: generatepress-child
*/

/* Import the parent theme's stylesheet */
@import url("../generatepress/style.css");

/* Add your custom styles below */

/* styles.css */
/* Enlever les bullet points devant les entrées de menu */
/* Enlever les bullet points devant les entrées de menu */
.menu-item {
    list-style: none;
}

/* Centrer verticalement les entrées de menu dans la barre de menu */
/* Enlever les bullet points devant les entrées de menu */
.menu-item {
    list-style: none;
}

/* Centrer verticalement les entrées de menu dans la barre de menu */
/* Enlever les bullet points devant les entrées de menu */
.menu-item {
    list-style: none;
}

/* Styles pour centrer les éléments de menu */
.nav-menu {
    display: flex;
    align-items: center;
    height: 100%;
}
.nav-menu a {
    color: white;
    text-decoration: none;
    padding: 0.5rem 1rem;
}

.nav-menu a:hover {
    background-color: rgba(255, 255, 255, 0.2); /* Ajustez cette couleur selon votre préférence */
    border-radius: 0.25rem;
}


header nav ul {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
    padding: 0;
}

header nav ul li {
    display: flex;
    align-items: center;
    margin-right: 20px; /* Ajustez cette valeur selon vos besoins */
    height: 100%;
}

header nav a {
    display: flex;
    align-items: center;
    text-decoration: none; /* Enlever la décoration de lien */
    color: white; /* Assurez-vous que le texte du lien est en blanc */
    padding: 10px; /* Ajustez le padding selon vos besoins */
    height: 100%;
}

header nav a:hover {
    color: lightgray; /* Couleur du texte au survol */
}

@media (min-width: 768px) {
    #menu-main-2, #menu-main-3, #menu-main-4 {
        text-align: left;
        margin:0;
    }

    body > footer > div:nth-child(1) > div > div > h5 {
        text-align: left;
        color:#6B728C;
        padding:0.3rem 0.5rem;
    }
}

@media (max-width: 767px) {
    #menu-main-2, #menu-main-3, #menu-main-4 {
        text-align: center;
        margin:0;
    }

    body > footer > div:nth-child(1) > div > div > h5 {
        text-align: center;
        color:#6B728C;
    }
}


/* Styles pour les widgets de la sidebar uniquement */
.sidebar-widgets .widget {
    background-color: #ffffff;
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5rem;
}

.sidebar-widgets .widget-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.sidebar-widgets .widget ul {
    list-style: none;
    padding: 0;
}

.sidebar-widgets .widget ul li {
    margin-bottom: 0.5rem;
}

.sidebar-widgets .widget ul li a {
    color: #3b82f6;
    transition: color 0.3s ease;
}

.sidebar-widgets .widget ul li a:hover {
    color: #1e40af;
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border-left-color: #09f;
    animation: spin 1s ease infinite;
    display: inline-block;
    vertical-align: middle;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}