/* --------------------------------------------------------------------------
 * Header - colori come su britishmotors-subaru.it
 *
 * Motors 5.6 colora insieme top bar e header principale di nero (#232628):
 *   .stm-layout-header-car_dealer #top-bar,
 *   .stm-layout-header-car_dealer .header-main { background-color: #232628; }
 *
 * In produzione la fascia principale e' blu e solo la top bar resta scura.
 * Le Theme Options hanno i campi header_bg_color / header_text_color, ma il
 * template header-car_dealer.php non li usa: vanno applicati via CSS.
 *
 * Questo file e' scritto a mano e NON viene rigenerato: le modifiche fatte qui
 * sopravvivono agli aggiornamenti del tema (a differenza di motors-brand-colors.css).
 * -------------------------------------------------------------------------- */

/* Fascia principale blu, top bar scura. */
.stm-layout-header-car_dealer .header-main {
	background-color: #1f82d9;
}

.stm-layout-header-car_dealer #top-bar {
	background-color: #232628;
}

/* Icone ed etichette in azzurro. */
.stm-layout-header-car_dealer .header-main .header-address .stm-icon-pin,
.stm-layout-header-car_dealer .header-main .header-main-phone .stm-icon-phone,
.stm-layout-header-car_dealer .header-main .header-main-phone .phone .phone-label,
.stm-layout-header-car_dealer .header-main .header-secondary-phone .phone .phone-label {
	color: #4ce8f3;
}

/* Testi in bianco: indirizzo e numero di telefono. */
.stm-layout-header-car_dealer .header-main .header-address .address,
.stm-layout-header-car_dealer .header-main .header-address .address span,
.stm-layout-header-car_dealer .header-main .header-main-phone .phone .phone-number,
.stm-layout-header-car_dealer .header-main .header-main-phone .phone .phone-number a,
.stm-layout-header-car_dealer .header-main .header-secondary-phone .phone .phone-number {
	color: #ffffff;
}

/* Il link "visualizza sulla mappa" resta azzurro. */
.stm-layout-header-car_dealer .header-main .header-address .address a,
.stm-layout-header-car_dealer .header-main .header-address .address a:link,
.stm-layout-header-car_dealer .header-main .header-address .address a:visited {
	color: #4ce8f3;
}

.stm-layout-header-car_dealer .header-main .header-address .address a:hover {
	color: #ffffff;
}

/* Social: icona bianca senza cerchio, azzurra al passaggio del mouse. */
.stm-layout-header-car_dealer .header-main .header-main-socs ul li a {
	background-color: transparent;
	color: #ffffff;
}

.stm-layout-header-car_dealer .header-main .header-main-socs ul li a:hover {
	background-color: transparent;
	color: #4ce8f3;
}

/* Il link alla mappa e' uno <span class="fancy-iframe">, non un <a>:
   va colorato a parte (apre la mappa in un overlay). */
.stm-layout-header-car_dealer .header-main .header-address .address .fancy-iframe {
	color: #4ce8f3;
	cursor: pointer;
	border-bottom: 1px dashed rgba(76, 232, 243, 0.6);
}

.stm-layout-header-car_dealer .header-main .header-address .address .fancy-iframe:hover {
	color: #ffffff;
	border-bottom-color: rgba(255, 255, 255, 0.6);
}

/* --------------------------------------------------------------------------
 * Footer: colori come su britishmotors-subaru.it (misurati sul sito live).
 *
 * Il footer sta su #232628. Valori di produzione:
 *   titolo del primo widget  #1f82d9 (blu del brand)
 *   titolo "Orari di apertura"  bianco
 *   testo dei widget         bianco
 *   link                     #6c98e1 (blu chiaro)
 *   riga copyright           #555
 *
 * Nota: motors-brand-colors.css rimappa #6c98e1 -> #1f82d9 su tutto il sito, ma sul
 * fondo scuro del footer quel blu non ha contrasto sufficiente: qui si torna al
 * valore di produzione.
 * -------------------------------------------------------------------------- */
#footer-main #custom_html-1 .widget_title h3,
#footer-main #custom_html-1 .widget_title,
#footer-main #custom_html-1 h6 {
	color: #1f82d9;
}

#footer-main a,
#footer-copyright .copyright-text a {
	color: #6c98e1;
}

#footer-main a:hover,
#footer-copyright .copyright-text a:hover {
	color: #ffffff;
}

#footer-copyright .copyright-text {
	color: #555555;
}

/* --------------------------------------------------------------------------
 * Hero delle pagine interne, come su britishmotors-subaru.it.
 *
 * In produzione l'immagine di testata e' alta 450px fissi e il titolo della
 * pagina e' nascosto: sono due regole CSS custom aggiunte a mano nel 4.x
 * (`.entry-header { height: 450px }` e `.entry-title { display: none }`),
 * non stili del tema, per questo dopo la migrazione l'hero risultava alto
 * solo 222px e col titolo in evidenza.
 *
 * Il titolo si nasconde solo dentro l'hero: in produzione la regola e' globale,
 * ma cosi' si evita di far sparire i titoli altrove (blog, archivi).
 * -------------------------------------------------------------------------- */
.entry-header {
	height: 450px;
}

.entry-header .entry-title {
	display: none;
}

/* Su schermi piccoli 450px occuperebbero mezza pagina. */
@media (max-width: 767px) {

	.entry-header {
		height: 240px;
	}

}

/* Niente velo scuro sopra l'immagine di testata.
 *
 * Il tema stende un overlay al 50% (`.entry-header::after { background: rgba(35,38,40,.5) }`)
 * per rendere leggibile il titolo sopra la foto. In produzione quell'overlay e' annullato
 * (`background: rgba(0,0,0,0)`) e le foto si vedono a colori pieni; con il titolo nascosto
 * non serve piu' a nulla e scuriva soltanto le immagini. */
.entry-header::after {
	background: rgba(0, 0, 0, 0);
}