/*
Theme Name: Design Scuole Italia (Child)
Author: Dipartimento per la trasformazione digitale - Presidenza del Consiglio dei Ministri
Description: Design Scuole Italia è il tema di WordPress per i siti delle Scuole Italiane. Rispetta le linee guida di design dell’Agenzia per l’Italia digitale rilasciare dal Team per la Trasformazione Digitale. Utilizza Bootstrap Italia. Basato sul precedente lavoro di Marco Buttarini.

Template: design-scuole-wordpress-theme
Version: 1.0.0
*/

:root {
	--colore-iti:#a6d514;
	--colore-ite:#FF9100;
	--colore-ip:#52b6e0;
	--colore-iis:#012f67;
	--colore-testo-iti:#5A750B;
	--colore-testo-ite:#A35C00;
	--colore-testo-ip: #1C769C;
} 


/* effetto blink */
.blink { animation: blinker 3s linear infinite; }
@keyframes blinker { 50% { opacity: 0.1; } }
@-webkit-keyframes blinker { 50% { opacity: 0.1; } }
@-moz-keyframes blinker { 50% { opacity: 0.1; } }

/* blocco evidenziato giallo con banda laterale */
.evidenziato {
	padding-left: 5px; 
	padding-right: 5px; 
	background-color: #ffffda; 
	border-left: 6px solid #fdf07d;
	border-right: 6px solid #fdf07d;
}

.bg-iti { font-weight:bold; color: #fff !important; background: var(--colore-iti); }
.bg-ite { font-weight:bold; color: #fff !important; background: var(--colore-ite); }
.bg-ip  { font-weight:bold; color: #fff !important; background: var(--colore-ip); }
.bg-iis { font-weight:bold; color: #eee !important; background: var(--colore-iis); }
.txt-iti { color: var(--colore-testo-iti) !important; font-weight: bold; }
.txt-ite { color: var(--colore-testo-ite) !important; font-weight: bold; }
.txt-ip  { color: var(--colore-testo-ip)  !important; font-weight: bold; }
.txt-iis { color: var(--colore-iis) !important; font-weight: bold; }

/* --- override stili per Design Scuole Italia --- */

/* classe usata per voci menu secondario top con icona */
li.icone-top a { padding-left: 0 !important; }

/* nasconde il pulsante Genera PDF */
li:has(> a[title="Genera PDF"]) { display: none; }

/* messaggi in home page con colore a gradiente */
.home-message.blue { background: radial-gradient(circle, #0d00d0 0%, #0066CC 100%); } /* default 0d00ff */
.home-message.red { background: radial-gradient(circle, #b22d40 0%, #d1344c  100%); } /* default d1344c */


/* barra dei menu */
div#sub-nav { border-top: 1px solid antiquewhite; background-color: lemonchiffon !important;}

/* colore barre header MIM e footer */
#footer-wrapper, #pre-header { background-color: #00264C !important; } 

/* centra l'immagine di background nelle card di servizi e articoli */
div.card-article-img { background-position: center; }

/* riduce (ulteriormente) l'altezza della banda del titolo degli articoli quando non è impostata un'immagine in evidenza */
section.article-title:not(:has(.title-img)) { height: 300px; /* default 480px; */ } 

.article-wrapper ol li {
	margin-top: 6px !important;
	margin-bottom: 6px !important;
}

/* per accessibilità Lighthouse */
ul.splide__pagination li { margin-left: 10px !important; }
button.splide__pagination__page { margin-left: 3px !important; margin-right: 3px !important; }


/* nasconde l'etichetta "Biografia" nelle schede persone, se non c'è contenuto */
/*
#art-par-bio:not(:has(+ .variable-gutters)) { display: none!important; }
*/

/* nasconde l'autore delle notizie */
/* .card-comments-wrapper, .card-avatar { display: none !important; } */


/* imposta il banner stile vecchio sito */
/*
div.header-top {
    position: relative;
    z-index: 1;
    overflow: visible;	
}

div.header-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100vw;
    background: url("images/banner.webp") no-repeat center center;
    background-size: cover;
    z-index: -1;
    margin-left: calc(-50vw + 50%);	
}

div.header-top .h1, div.header-top .header-search button, div.header-top .header-social { color: white !important; }

div.header-top .header-search svg.svg-search, div.header-top .header-social svg.icon { filter: brightness(0) invert(1); }
*/