@import "fonts.css";
@import "base.css";
@import "header-footer.css";
@import "bricks.css";

/*------------------------*/
/* theme colors
/*------------------------*/

:root {
    --textDarker: #1e282d;
    --textDark: rgba(38, 50, 56, 1);
    --textMedium: rgba(38, 50, 56, 0.7);
    --borderMedium: rgba(38, 50, 56, 0.2); 
    --borderLight: rgba(38, 50, 56, 0.075);
    --accent: #f4b500;
    --accentDarker: #e6ac00;
    --light: rgba(38, 50, 56, 0.035);
}
/*------------------------*/
/* turn grayscale off
/*------------------------*/

img {filter: grayscale(0);}

/*------------------------*/
/* colorize_image
/*------------------------*/

.colorize_image {filter: contrast(1) sepia(1) hue-rotate(160deg) grayscale(0.8)!important;}

/*------------------------*/
/* black_2_textDark
/*------------------------*/

.map::after, .black_2_textDark {filter: contrast(0.7) sepia(1) hue-rotate(160deg)!important;}

/*------------------------*/
/* black_2_textMedium
/*------------------------*/

.black_2_textMedium {filter: contrast(0.3) sepia(0.3) hue-rotate(160deg) brightness(1.4)!important;}

/*------------------------*/
/* black_2_accent
/*------------------------*/

.black_2_accent {filter: contrast(0.11) sepia(1) hue-rotate(340deg) contrast(13)!important;}


/*
.filename_demo-poulterer a.logo img.inline {height: 2.95rem;}
.filename_demo-poulterer a.logo > div.has_subtitle {gap: 0.75rem;}
*/

.footer__menu {
    display: flex; /* Affiche les colonnes en ligne */
    justify-content: space-between; /* Espace égal entre les colonnes */
    padding: 5px 0; /* Espacement vertical pour la section */
}

.footer__column {
    flex: 1; /* Chaque colonne prend une largeur égale */
    margin-right: 0px; /* Espace à droite des colonnes */
}

.footer__column:first-child {
    margin-left: 50px; /* Ajoute un espace à gauche de la première colonne */
}

.footer__column:last-child {
    margin-right: 0; /* Pas d'espace après la dernière colonne */
}

.footer__column h4 {
    color: white; /* Couleur du texte en blanc */
    margin-bottom: 5px; /* Espace en bas des titres */
    text-align: left; /* Aligne le titre à gauche */
    font-size: 16px; /* Ajuste la taille de la police des titres */
}

.footer__column ul {
    list-style: none; /* Supprime les puces */
    padding: 0; /* Supprime le padding par défaut */
    margin: 0; /* Supprime la marge par défaut */
}

.footer__column li {
    margin-bottom: -10px; /* Réduit l'espacement entre les éléments de la liste */
    text-align: left; /* Aligne le lien à gauche */
    width: 100%; /* Assure que le lien prend toute la largeur disponible */
}

.footer__column a {
    text-decoration: none; /* Supprime le soulignement des liens */
    color: inherit; /* Les liens héritent de la couleur du texte */
    text-align: left; /* Aligne le lien à gauche */
    display: block; /* Fait du lien un bloc pour l'alignement */
    font-size: 14px; /* Ajuste la taille de la police des liens */
}

.footer__column a:hover {
    text-decoration: underline; /* Soulignement au survol */
}

.footer__column li a {
    text-align: left; /* Aligne le texte des liens à gauche */
    display: block; /* Fait du lien un bloc pour l'alignement */
    padding-left: 0; /* Assure qu'il n'y a pas de padding à gauche */
    margin-left: 0; /* Assure qu'il n'y a pas de marge à gauche */
    width: 100%; /* Assure que le lien prend toute la largeur disponible */
}

.article-nextprev {
    display: flex;
    flex-flow: row wrap-reverse;
    justify-content: space-between;
    padding: 0 30px; /* Ajoute un padding de 20px à gauche et à droite */
}



  /* Styles pour l'image newsletter box*/
.image-class {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px; /* Ajustez la marge selon vos besoins */
}

@media (max-width: 768px) {
    .footer__menu {
        flex-direction: column; /* Affiche les colonnes en colonne sur mobile */
        align-items: flex-start; /* Aligne les colonnes à gauche */
    }

    .footer__column {
        margin-right: 0; /* Supprime l'espace à droite des colonnes */
        margin-bottom: 20px; /* Ajoute de l'espace en bas des colonnes */
    }

    .footer__column:last-child {
        margin-bottom: 0; /* Pas d'espace après la dernière colonne */
    }

    .footer__column:first-child {
        margin-left: 0; /* Supprime la marge à gauche sur les petits écrans */
    }
    .logo-img {
        width: 250px !important; /* Ajustez cette valeur selon vos besoins */
        height: auto !important; /* Maintient les proportions du logo */
      }
}
}