/*

 Theme Name:   Astra Child

 Theme URI:    https://saint-juvat.fr/

 Description:  Thème enfant pour Astra

 Author:       Laurine V.

 Template:     astra

 Version:      1.0.0

*/



/* Ton CSS personnalisé commence ici */


/*couleur sous menu*/

#primary-site-navigation-desktop ul.sub-menu,

#primary-site-navigation-desktop ul.sub-menu li {

background-color: #F5F5F5!important;

}
a.menu-link{
  color: #1D3557!important;
}

/*EVENEMENTS PAGE D'ACCUEIL*/



.custom-event-card {

  max-width: 280px;

  border-radius: 6px;

  overflow: hidden;

  font-family: 'Poppins', sans-serif;

  color: #fff;

  background: linear-gradient(rgba(36,144,168,0.8), rgba(97,195,211,0.8)), #50b2c6;

  margin: 15px;

}



.custom-event-card h3 {

  font-weight: 900;

  font-size: 1.25rem;

  margin-top: 4px;

}



.custom-event-card > div:first-child {

  padding: 20px;

}



.custom-event-card > div:last-child {

  background-color: #70cae2;

  padding: 20px;

  color: #fff;

  font-size: 0.9rem;

}



.custom-event-card .date-large {

  font-weight: 900;

  font-size: 3rem;

  line-height: 1;

  float: left;

}



.custom-event-card .date-month {

  float: left;

  margin-left: 8px;

  margin-top: 8px;

  font-weight: 500;

  font-size: 1.6rem;

  color: #ccc;

}



.custom-event-card .venue {

  opacity: 0.8;

  font-weight: 600;

  font-size: 0.8rem;

  margin-top: 12px;

}



.custom-event-card .time,

.custom-event-card .location {

  display: flex;

  align-items: center;

  margin-bottom: 10px;

}



.custom-event-card .location {

  margin-bottom: 0;

}



.tribe-events-widget-events-list__events {

  display: flex;

  flex-wrap: nowrap;      /*éviter que ça saute une ligne*/

  gap: 5px;            /* espace entre les blocs */

  justify-content: flex-start; /* ou center si tu veux centrer */

}



/*CACHER L'AUTEUR ET LA DATE des articles*/

.entry-meta,

.ast-meta,

.ast-author-details {

    display: none !important;

}



/*CENTRER TITRE "Evenements à venir" SUR LA PAGE D'ACCUEIL*/

#post-8 > div > div.tribe-compatibility-container > div > div > header > h2{

  text-align:center;

}



/* TAILLE TITRE H1 */
h1.entry-title {
  font-size: 40px!important;
  text-transform: uppercase!important;
  text-align: center!important;
}

/*FOOTER - Couleur des liens*/
footer a{
  color:#ffffff!important;
}

footer a:hover{
  color:#ffffff!important;
  text-decoration:underline;
}