/*
Theme Name: Zouvai Child Theme
Description: Theme enfant de Divi par Inforaz
Author: Yannick Cuillin
Author URI: https://www.inforaz.fr
Template: Divi
Version: 1.0
*/

/* -----------*/
/* SMARTPHONE */
/* -----------*/
@media (max-width: 767px) {

    /* Suppression du cadre blanc sur smartphone */
    .et_pb_section_0_tb_body.et_pb_section {
      margin: 0 !important; /* Regroupement des marges */
    }
	    /* Supprimer les box-shadow uniquement pour les sous-menus du menu principal */
    .et_pb_menu .sub-menu {
        box-shadow: none !important;
    }
}

/* --------*/
/* GENERAL */
/* --------*/

/* Suppression de la décoration des liens sauf pour les boutons */
:root a:not(.wp-element-button) {
    text-decoration: none;
}

.liste-txt ul li {
	margin-bottom: 15px;
}

/* ---------------*/
/* Menu principal */
/* ---------------*/

#menu-menu-principal {
	height: 50px;
}

/* Masquer la flèche dans le menu */
.menu-item-has-children > a::after {
    display: none;
}

/* Effet de soulignement au survol des liens du menu */
.mega-menu a:hover, .menu-item a:hover {
    text-decoration: underline;
    text-decoration-color: #f49a2a; /* Soulignement avec couleur personnalisée */
}

/* Style des sous-menus */
li.mega-menu ul.sub-menu {
	padding: 25px !important;
	
	border-radius: 0 0 5px 5px;
	width: 60% !important;
}

.nav .sub-menu {
	width: 20em;
}

.nav .sub-menu li a {
	padding: 6px 20px;
	width: 100%;
}

/* ---------*/
/* Actualités */
/* ---------*/

/* Mise en forme titre des articles sur page d'accueil */
.wplp_container.default .title {
    text-align: left !important;
}

.wplp_container.default .wpcu-front-box.top .title {
    margin-top: 10px;
    font-size: 1.5em;
    font-weight: normal;
    color: #f49a2a !important;
}

/* Actualités sur page des évènements */
.et_pb_salvattore_content {
    display: flex;
    justify-content: space-around;
}

.et_pb_image_container {
    margin: 0;
}

.entry-title {
    font-size: 1.5em;
    color: #f49a2a;
}

/* -------*/
/* Footer */
/* -------*/

/* Effet de soulignement au survol des liens du footer */
.et_pb_blurb_description a:hover {
    text-decoration: underline;
	text-decoration-color: #fff;
}

/* --------*/
/* DESKTOP */
/* --------*/
@media (min-width: 981px) {

    /* LOGO : Réajustement pour combler pb menu */
    .wp-image-171 {
        margin-top: 10px;
    }

    /* Réglage dimensions de la zone hero (titre et description) sur page d'accueil */
    .et_pb_row {
        margin-left: 7.8%;
    }

    .et_pb_row_4.et_pb_row,
    .et_pb_row_4_tb_body {
        padding: 0 10px !important;
    }

    .et_pb_row_2_tb_body.et_pb_row {
        padding: 0 !important;
    }

    /* Réglages du fil d'Ariane */
    .breadcrumb-1 .et_pb_code_inner {
        position: relative;
        top: 20px;
        left: 2em;
        z-index: 10000;
    }

    .breadcrumb-2 .et_pb_code_inner {
        position: relative;
        top: -20px;
        left: 2em;
        z-index: 10000;
    }
}
	
	/*Réglages des cards */
	.presta-card {
		height: 450px;
	}
	
	.presta-card .et_pb_column {
		display: flex;
		flex-flow: column nowrap;
		height: 400px;
		justify-content: space-between;
	}

    /*Actualités sur page des évènements*/
    .et_pb_salvattore_content .column.size-1of3 {
        width: 32%;
    }
	
	
	.et_pb_post {
		height: 500px;
	}

	.wp-pagenavi{
		border: none;
		margin-top: 50px !important;
	}


.prev .next {
	display: none !important;
}

/* Actualités page d'accueil */
/* Cible uniquement la page d'accueil du blog */
.home .et_pb_blog_grid .et_pb_post {
    width: auto; /* Ajuste la largeur selon tes besoins (50 pour 2 colonnes) */
    margin: 1%; /* Ajoute un espace entre les colonnes */
    box-sizing: border-box; /* S'assure que le padding est inclus dans la largeur totale */
    min-height: 400px; /* Ajuste la hauteur minimale des colonnes */
	justify-content: center;
}

/* Pour les images à l'intérieur des colonnes */
.home .et_pb_blog_grid .et_pb_post img {
    width: auto; /* S'assure que les images remplissent la colonne */
    height: auto; /* Maintient le ratio d'aspect */
    object-fit: cover; /* Recadre l'image pour remplir le conteneur */
}

/* Pour les écrans de moins de 768px */
@media (max-width: 768px) {
    .home .et_pb_blog_grid .et_pb_post {
        width: 100%; /* Une seule colonne sur les écrans plus petits */
        margin: 0; /* Pas d'espace entre les colonnes */
    }
	
	.et_pb_salvattore_content {
		justify-content:center;
	}
}

span.et_pb_row et_pb_row_0_tb_body {
	display:none !important;
}

* {
  box-shadow: none !important;
}

/* Conteneur général pour tous les logos */
.logo-container {
    width: 150px; /* Taille carrée uniforme pour tous les logos */
    height: 150px;
    display: flex;
    align-items: center; /* Centre le contenu verticalement */
    justify-content: center; /* Centre le contenu horizontalement */
    overflow: hidden; /* Coupe les débordements éventuels */
    background-color: #ffffff; /* Optionnel : Couleur de fond pour uniformiser */
    /* border: 1px solid #ddd; /* Optionnel : Bordure pour délimiter */
    border-radius: 10px; /* Optionnel : Arrondir les coins */
    margin: 10px; /* Espacement entre les logos */
}

/* Styles pour les images des logos */
.logo-container img {
    max-width: 100%; /* Redimensionne pour s'adapter à la largeur du conteneur */
    max-height: 100%; /* Redimensionne pour s'adapter à la hauteur du conteneur */
    object-fit: contain; /* Maintient les proportions originales */
    display: block; /* Supprime les marges ou espaces inattendus */
}

/* Responsive : Taille pour les tablettes */
@media (max-width: 1024px) {
    .logo-container {
        width: 120px;
        height: 120px;
    }
}

/* Responsive : Taille pour les mobiles */
@media (max-width: 768px) {
    .logo-container {
        width: 100px;
        height: 100px;
    }
}

/* Responsive : Taille pour petits mobiles */
@media (max-width: 480px) {
    .logo-container {
        width: 80px;
        height: 80px;
    }
}

@font-face {
    font-family: 'NomDeVotrePolice';
    src: url('https://www.votresite.com/wp-content/uploads/fonts/nomdelapolice.woff2') format('woff2');
    font-display: swap;
}
body {
    font-family: 'NomDeVotrePolice', sans-serif;
}