/*
Theme Name: Newsup Enfant
Theme URI: http://example.com/newsup-enfant
Description: Thème enfant basé sur Newsup
Author: Ton Nom
Author URI: http://example.com
Template: newsup
Version: 1.0.0
*/

/* Import du style du thème parent Newsup */
@import url("../newsup/style.css");


/*Centrage de la page lors de la modification des colonnes contenant les articles et la div aside widget*/
.custom-centred-grid{
	justify-content: center;
}


/* Suppresion Icone photo sur image d'article */
.mg-post-thumb .post-form, .mg-blog-thumb .post-form{
	display: none;
}

/* Masquer Légende dans le corps d'un article sous l'image */
.featured-image-caption{
	display: none;
}

/* Ajuster la taille de l'image dans l'article - Large Screen  */
.content .mg-blog-post-box .wp-post-image{
	  width: 100%;
	  height: auto;
	  max-height: 400px; /* à ajuster selon tes besoins */
	  object-fit: cover;
	  object-position: top;
}

/* Ajuster la taille de l'image de prévisualisation Page Principal - Large Screen */
.home .mg-post-thumb.img img {
	  width: 100%;
	  height: auto;
	  max-height: 330px; /* à ajuster selon tes besoins */
	  object-fit: cover;
	  object-position: top;
}

/* Forcer le texte d'intro de l'article et son titre h4 à 2 lignes max */
.home article p,
.home article h4.title a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*Masquer l'agenda AJEF (calendrier blanc) en Large Screen puis Afficher en Mobile */
.container-agendaef-only-mobile {
    display: none !important;
}
@media screen and (max-width: 768px) {
    .container-agendaef-only-mobile {
        display: flex !important;
    }
}

/* Ajout custom Jérémie - Grille 4 colonnes homepage */
@media (min-width: 1100px) {
	  .row .grid-content {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
	  }

	  .row .grid-content .post {
		max-width: 100% !important;
	  }
}

/* Ajuster la taille de l'image de prévisualisation Mobile - Page Principal */
@media (max-width: 768px){
	.home .mg-post-thumb.img img {
	  width: 100%;
	  height: auto;
	  max-height: 250px; /* à ajuster selon tes besoins */
	  object-fit: cover;
	  object-position: top;
	}
}

/* Ajuster la taille de l'image dans l'article au dela de 1300px */
@media (min-width: 1300px){
	.content .mg-blog-post-box .wp-post-image {
		width: 100%;
		height: auto;
		max-height: 600px; /* à ajuster selon tes besoins */
		object-fit: cover;
		object-position: top;
	}
}

@media (min-width: 2000px){
/* Ajuster la taille de l'image de prévisualisation Page Principal - Large Screen */
.home .mg-post-thumb.img img {
	  width: 100%;
	  height: auto;
	  max-height: 350px; /* à ajuster selon tes besoins */
	  object-fit: cover;
	  object-position: top;
}
}