@charset "utf-8";
/* Pagina utente (entra.html da loggato): titolo, pulsantiera, testo di introduzione e blocchi a toggle.
   Caricato da Login e UserEvents; il colore dei bottoni viene dalle classi .colore/.colore_sfondo del portale. */

/* Pulsantiera: bordo nel colore del portale (currentColor da .colore), testo scuro per il contrasto
   (i colori di alcuni portali, es. Lazio, su sfondo chiaro non sono leggibili) */
.user_pulsantiera {
	overflow: hidden;
	padding: 14px 13px 6px;
}
.user_pulsantiera a.user_pulsante {
	display: inline-block;
	margin: 0 8px 8px 0;
	padding: 9px 16px;
	border: 2px solid currentColor;
	border-radius: 4px;
	font-family: Roboto, Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
.user_pulsantiera a.user_pulsante span {
	color: #333;
}
.user_pulsantiera a.user_pulsante:hover {
	background-color: #fff;
	text-decoration: none;
}

/* Testo di introduzione (contenuto statico dal back-office) */
.user_intro {
	padding: 4px 13px 14px;
	line-height: 1.5;
}

/* Blocchi a tendina (<details>): "Profilo utente" (utente certificato), "I tuoi eventi", in futuro "Le tue aziende".
   Il triangolo nativo del browser e' nascosto: al suo posto la freccia a destra del titolo. */
.user_toggle > summary {
	display: block;
	cursor: pointer;
	list-style: none;
}
.user_toggle > summary::-webkit-details-marker {
	display: none;
}
#coll_centrale .user_toggle > summary.header_user_page {
	overflow: hidden;
	padding: 13px;
	margin-top: 10px;
}
.user_toggle > summary h1.header_user_page_tit {
	width: auto; /* .header_user_page_tit e' al 100%: la freccia deve stare sulla stessa riga */
}
.user_toggle > summary:hover h1 {
	text-decoration: underline;
}
.user_toggle_freccia {
	float: right;
	font-size: 17px;
	line-height: 1;
}
.user_toggle_freccia::before {
	content: "\25B8"; /* chiuso */
}
.user_toggle[open] > summary .user_toggle_freccia::before {
	content: "\25BE"; /* aperto */
}

/* Profilo in alto (utente non certificato): stacco dalla pulsantiera */
.user_welcome .user_profilo {
	margin-bottom: 4px;
}