/* Latest News, gphalliance.org, Anonyme Studio, 16/09/2026 */


/* ============================================================
   Latest News, ajoute le 16/09/2026 a la demande de Marta Lomazzi
   Charte existante reprise : Open Sans et les trois couleurs du :root
   ============================================================ */

.as-news-section {
    padding: 90px 0 60px;
    background-color: #f3f3f5;
}

.as-news-section .xis-section-title {
    margin-bottom: 40px;
}

.as-news-card {
    background-color: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 40px #0001;
}

.as-news-media {
    display: block;
    overflow: hidden;
}

.as-news-media img {
    width: 100%;
    height: 100%;
    min-height: 280px;
    object-fit: cover;
    display: block;
    transition: transform .6s ease;
}

.as-news-card:hover .as-news-media img {
    transform: scale(1.04);
}

.as-news-body {
    padding: 34px 40px 34px 20px;
}

.as-news-date {
    font-size: 14px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--as-theme-color-1);
    margin-bottom: 12px;
}

.as-news-body h3 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 16px;
}

.as-news-body h3 a,
.as-news-body h3 a:visited {
    color: var(--as-theme-color-3);
}

.as-news-body h3 a:hover {
    color: var(--as-theme-color-2);
}

.as-news-more {
    display: inline-block;
    margin-top: 10px;
    font-weight: 700;
    color: var(--as-theme-color-2);
}

.as-news-more::after {
    content: " \2192";
}

@media screen and (max-width: 991px) {
    .as-news-body { padding: 26px 24px 30px; }
    .as-news-body h3 { font-size: 22px; }
    .as-news-media img { min-height: 0; }
}

/* ---------- page d'un communique ---------- */

.as-article-section {
    padding: 140px 0 90px;
}

.as-article h1 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.22;
    color: var(--as-theme-color-3);
    margin-bottom: 14px;
}

.as-article .as-dateline {
    font-size: 15px;
    color: #0008;
    margin-bottom: 34px;
}

.as-article .as-lead {
    font-size: 20px;
    line-height: 1.6;
    color: var(--as-theme-color-3);
    margin-bottom: 26px;
}

.as-article p {
    line-height: 1.75;
    margin-bottom: 20px;
}

.as-article h2 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: var(--as-theme-color-3);
    margin: 46px 0 18px;
}

.as-article ul {
    margin: 0 0 24px 22px;
    list-style: disc;
}

.as-article ul li {
    line-height: 1.75;
    margin-bottom: 8px;
}

.as-article blockquote {
    border-left: 4px solid var(--as-theme-color-2);
    padding: 6px 0 6px 26px;
    margin: 32px 0;
}

.as-article blockquote p {
    font-size: 19px;
    line-height: 1.65;
    font-style: italic;
    color: var(--as-theme-color-3);
    margin-bottom: 10px;
}

.as-article blockquote footer {
    font-size: 15px;
    font-weight: 700;
    color: var(--as-theme-color-1);
}

.as-article-figure {
    margin: 30px 0 36px;
}

.as-article-figure img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
}

.as-article-about {
    margin-top: 50px;
    padding-top: 10px;
    border-top: 2px solid #0001;
}

.as-article-about h2 {
    font-size: 21px;
    margin: 30px 0 12px;
}

.as-article-about p {
    font-size: 15px;
    line-height: 1.7;
}

.as-article .as-back,
.as-article-back {
    display: inline-block;
    margin-bottom: 18px;
}

.as-article-back {
    margin-top: 36px;
}

@media screen and (max-width: 991px) {
    .as-article-section { padding: 110px 0 60px; }
    .as-article h1 { font-size: 30px; }
    .as-article .as-lead { font-size: 18px; }
}

/* ------------------------------------------------------------
   Menu : l'ajout de l'entree News faisait passer  Contact  a la
   ligne. Le conteneur de l'en-tete etait limite a 1200 px alors
   que l'ecran en fait davantage. Seuil mesure pour tenir sur une
   seule ligne : 1270 px. On monte a 1360, soit 90 px de reserve.
   Ne concerne QUE l'en-tete, le reste du site garde ses 1200 px.
   ------------------------------------------------------------ */

@media screen and (min-width: 1200px) {
    #xisma-header .container {
        max-width: 1360px;
    }
}
/* ------------------------------------------------------------
   Pages interieures : l'en-tete du site est en position absolue,
   fond transparent et liens blancs, parce qu'il se pose sur le
   grand visuel sombre de l'accueil. Sur une page claire il devient
   invisible. On lui redonne le bleu de la charte.
   ------------------------------------------------------------ */

.as-page-article .xisma-header-section {
    background-color: var(--as-theme-color-3);
}