/*!
Theme Name: Divi Child
Template: Divi
Description: Divi child theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.et_mobile_nav_menu:before  {
position: absolute;
right: 40px;
margin-top:5px;
color: #333;
font-size:16px;
}

/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}
/* Remove the top line in the mobile menu*/
.et_mobile_menu {
border-top:0;
}
.et_mobile_menu li {
text-align:center !important;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0 !important;
}
/* Make mobile menu fullwidth */
.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}


.bordure{
	border-bottom: 1px solid #14213d;
	margin-bottom: 10px;
}
.marg{
	margin-top:40px;
	margin-bottom:20px;
}


.et_pb_bg_layout_dark:hover{
	background:#14213d!important;
}

.woocommerce-loop-product__title{
  border-bottom:0px!important;
}
h2{
  border-bottom:1px solid #14213d;
margin-bottom:14px;
}

/* Conteneur de la grille */
.posts-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px; /* Espacement entre les colonnes */
}

/* Chaque article dans la grille */
.post-item {
    display: flex;
    flex-direction: column;
    padding: 10px;
    text-align: left; /* Aligner le texte à gauche */
    transition: background-color 0.3s ease;
}

.post-item:hover {
    background-color: rgba(20, 33, 61, 0.15); /* Couleur de survol */
}

/* Image de l'article */
.post-thumbnail-link {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Assurez-vous que le conteneur cache tout débordement */
    width: 100%; /* Assurez-vous que le conteneur occupe la largeur complète disponible */
}

/* Image de l'article */
.post-thumbnail-link img {
    width: 100%; /* Assurez-vous que l'image occupe toute la largeur du conteneur */
    height: auto; /* Maintenir le ratio d'aspect de l'image */
    object-fit: contain; /* Contenir l'image dans le conteneur sans la rogner */
    border: none; /* Pas de bordure */
    background: none; /* Pas de fond */
}

/* Contenu de l'article */
.post-content {
    text-align: left!important; /* Aligner le contenu à gauche */
    margin-top: 10px; /* Marge supplémentaire en haut */
}

/* Titre de l'article */
.post-item h3 {
    font-size: 16px;
    margin-bottom: 5px; /* Marge en bas du titre */
	font-weight:bold;
	text-align: left!important;
}

/* Lien du titre */
.post-item h3 a {
    text-decoration: none;
    color: #333;
}

/* Style pour le prix */
.post-item .price {
    font-weight: 500;
    font-size: 14px;
    text-align: left!important; /* Aligner le prix à gauche */
    margin-top: 5px; /* Marge supplémentaire en haut */
}