/*
Theme Name: Kids Education Child
Template: kids-education
Author: OGEC Ecole Ste Marie Madeleine
Description: Theme enfant de Kids Education - Permet de conserver les changements de Design du site en cas de mis à jour du thème Kids Education. Pour mettre à jour ce thème, il faut mettre à jour directement le thème parent Kids Education. NE PAS SUPPRIMER LE THÈME PARENT KIDS EDUCATION DE LA LISTE DES THÈMES.
*/

body {
    font-family: 'Poppins', sans-serif;
  }

#main-slider .btn {
	font-family: 'Poppins', sans-serif;
}

.blog-divider {
    width: 100vw !important;
}

.blog-divider img {
    width: 100% !important;
    height: auto !important; /* Pour ne pas l'écraser */
    display: block;
    object-fit: cover; /* Important : l'image couvrira toute la largeur */
}

/* Retrait du fond bleu de la section de la page de Bienvenue uniquement pour la page d'accueil */
.home #primary .entry-content,
.home #main,
.home article.page,
.home .blog-post-wrap {
    background-color: #ffffff !important;
    background-image: none !important;
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Raleway', sans-serif;
 }
  
/* Harmonisation des menus gauche et droite */
.main-navigation.left-menu li[class*="fa-"]:before, 
.main-navigation.right-menu li[class*="fa-"]:before {
    font-size: 32px;
    vertical-align: middle;
    display: inline-block;
	margin-top: 10px;
	margin-right 150px !important;
	line-height: 0 !important;
	padding-bottom: 30px !important;
}

/* Harmonisation du texte pour les deux menus */
.main-navigation.left-menu a,
.main-navigation.right-menu a {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
    font-size: 14px; /* Ou la taille de votre choix */
    vertical-align: middle;
}

.is-sticky .main-navigation > ul > li {
	padding: 20px 2px;
}

@media screen and (max-width: 1200px)
	{
		.main-navigation > ul > li
		{
    padding: 30px 2px;
		}
}

.tmm_names {
color:black;
}

.site-footer .address-block {
    width: 350px;
}
.site-footer .address-block li{
    width: 100%;
	  text-align: center;
}
/* On force le fond bleu pour le bloc de texte de la page bienvenue sur lequel un attribut css personnalisé à été ajouté dans la personnalisation de la page */
.bloc-bienvenue-bleu {
    background-color: #8bcbe5 !important;
    color: white !important;
    padding: 60px 40px !important;
    border-radius: 0 0 60px 60px;
    /* Ajustez les marges négatives si le bloc ne colle pas tout à fait aux bords */
    margin: -40px -40px 50px -40px !important; 
    display: block !important;
}

.bloc-bienvenue-bleu h1, 
.bloc-bienvenue-bleu h2, 
.bloc-bienvenue-bleu p {
    color: white !important;
}

/* CSS Personnalisé pour l'encadré dates à retenir de la page d'accueil */
.bandeau-dates-custom {
    background: repeating-conic-gradient(from 0deg at 50% 100%, 
                #86c7e3 0deg 10deg, #8bcbe5 10deg 20deg) !important;
    border-radius: 30px 80px 30px 80px; 
    padding: 30px 50px !important;
    margin: 40px auto !important;
    max-width: 900px;
    width: 95%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.bandeau-dates-custom h2, 
.bandeau-dates-custom h3 {
    color: #ffffff !important;
    margin: 0 !important;
    font-weight: 600;
	font-size: 25px;
}

.bandeau-dates-custom .wp-block-button__link {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 20px !important;
	font-size: 15px;
}

/* --- PERSONNALISATION DU FOOTER --- */

/* 1. On masque le texte original du thème (crédits) */
.site-info, .footer-copyright {
    visibility: hidden;
    position: relative;
    font-size: 0; /* Supprime l'espace pris par le texte caché */
}

/* 2. On injecte votre propre texte de confidentialité */
.site-info::before {
    content: "Toute reproduction, totale ou partielle, de ce site (images, textes, logos) est interdite sans l’autorisation expresse de l'OGEC DE GENESTON"; 
    visibility: visible;
    display: block;
    font-size: 14px;
}

/* Personnalisation de la taille du logo */
.site-logo img.custom-logo {
    max-height: 250px !important; 
    width: auto !important;
    transform: scale(1.8); 
    transform-origin: center center;
    z-index: 999;
    position: relative;
}

/* Affichage des flèches du slider */
.slick-prev,
.slick-next {
    display: flex !important;     
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 9999 !important;
    width: 40px;
    height: 40px;
    background: #fff !important;    
    border-radius: 50%;   
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* Positionnement dans le slider */
.slick-prev {
    left: 10px !important;
}

.slick-next {
    right: 10px !important;
}

/* Apparence du chevron */
.slick-prev:before,
.slick-next:before {
    color: #000 !important;
    font-size: 24px;
    font-weight: bold;
}

/* Chevron gauche */
.slick-prev:before {
    content: "<";
}

/* Chevron droit */
.slick-next:before {
    content: ">";
}