/* ************************************************************************************************************** */
/* ************************************* TEMPLATE CSS "GIALLO-02" *********************************************** */
/* ************************************************************************************************************** */

/* Riassegna l'iconcina dell'omino di TOM da mostrare negli elementi taggati con questa classe. */
/* Per convenzione, il nome del nuovo file immagine estende quello originario ("tom_omino.png") concatenandogli il simbolo "-" */
/* seguito dal nome del template css di questa istanza. */
.img_tom_omino {
	content:url("../../images/tom_omino-GIALLO-02.png");
}

/* Ridefinizione esplicita di una "property" css utilizzabile per definire i colori di sfondo degli elementi attinenti / decorativi */
/* dei titoli di TOM (come ad esempio la barra in evidenza sottostante il titolo della pagina). */
@property --tom-title-bg-color {
	syntax: "<color>";
	inherits: false;
	initial-value: #6fa80d;
}

/* Ridefinizione esplicita di una "property" css utilizzabile per definire i colori di sfondo di una generica sezione*/
/* di TOM racchiusa in un "box". */
@property --tom-boxed-bg-color {
	syntax: "<color>";
	inherits: false;
	initial-value: #e2e3e5;
}

/* Ridefinisce la formattazione di default del colore di background per le principali "bande" definite  */
/* in TOM (banner, pulsanti "shortcuts" del menu', barra del titolo pagina, footer) */
.tom-bg-bande {
	background-color: #b22c16!important;
}

/* Ridefinisce la formattazione di default del colore di background per la barra del titolo pagina */
.tom-bg-pageTitle {
	background-color: #ffd737!important;
}

/* Ridefinisce l'aspetto dei link nella sezione "privacy" del "footer" che dipende, nella versione di default, */
/* dalla formattazione analoga presente all'interno della risorsa "tom_header/css/theme-elements.css". */
#footer a:not(.btn):not(.no-footer-css) {
	color: #ffff00;	
}

/* Ridefinisce l'aspetto del bordo superiore del "footer" che dipende, nella versione di default, */
/* dalla formattazione analoga presente all'interno della risorsa "tom_header/css/theme.css". */
#footer {
	border-top: 2px solid #a7a99e;
}

/* Ridefinisce il colore dei font negli elementi "btn-primary" definiti nell' "header" per l'evento "hover" che dipende, */
/* nella versione di default, dalla formattazione analoga presente all'interno della risorsa "tom_header/css/custom.css". */
#header .btn-primary:hover {
	color: #ffff00 !important;
}

/* Ridefinisce il colore del bordo negli elementi "btn-primary" definiti per l'evento "hover" che dipende, nella versione */
/* di default, dalla formattazione analoga presente all'interno della risorsa "tom_header/css/theme-elements.css". */
.btn-primary:hover {
	border-color: var(--tom-title-bg-color) var(--tom-title-bg-color) var(--tom-title-bg-color);
}
