@font-face {
	font-family: "AmnestyTradeGothic";
	font-weight: 400;
	src: url(../fonts/AmnestyTradeGothic.ttf);
}
@font-face {
	font-family: "AmnestyTradeGothic";
	font-style: italic;
	src: url(../fonts/AmnestyTradeGothic-Obl.ttf);
}
@font-face {
	font-family: "AmnestyTradeGothic";
	font-weight: 700;
	src: url(../fonts/AmnestyTradeGothic-Bd2.ttf);
}
@font-face {
	font-family: "AmnestyTradeGothicCond";
	font-weight: 700;
	src: url(../fonts/AmnestyTradeGothic-BdCn20.ttf);
}

/* ---------------------- */
/*        Reset           */
/* ---------------------- */

*, *:before, *:after {
margin: 0;
padding: 0;
border: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, summary {
	display: block;
}
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased !important;
	outline: none;
}

/*

Colori :
Grigio scuro	> #4E5A61
Grigio medio	> #D1D8DB
Grigio chiaro	> #DDE4E7

Giallo			> #FFFF00
Giallo hover	> #FFD400

*/




/* ---------------------- */
/*       Generali         */
/* ---------------------- */

body {
	font-family: "AmnestyTradeGothic", Arial, sans-serif;
	font-size: 1em;
	background-color: rgba(221, 228, 231, 1);
}
a {
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	font-family: "AmnestyTradeGothicCond", "Arial Narrow";
}
input, button, textarea, select, option, div.editable {
	border: 1px solid rgba(78, 90, 97, 0.3);
	padding: 5px;
	font-size: 1em;
	border-radius: 0;
}
div.editable:focus,
input:focus,
.mozione-singola .voti table td.border:focus {
	border-color: #000;
}
code {
	background-color: #ff0;
	font-family: "AmnestyTradeGothic", Arial;
	font-size: 1em;
}
.clear {
	clear: both;
}


header {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	color: #ff0;
}
	header .logo {
		float: left;
		width: 180px;
		padding: 10px 20px;
		height: 68px;
		background-color: #ff0;
		color: #000;
		background-image: url(../images/AMNLogo-Italia.svg);
		background-repeat: no-repeat;
	}
		header .logo h1.title {
			font-size: 2em;
			text-transform: uppercase;
			line-height: 0.9em;
		}
		header .logo span.subtitle {
			font-size: 0.9em;
		}
		header .logo #hamburger-menu {
			display: none;
		}

	header nav.main-nav {
		float: left;
		padding: 0px;
	}
		header nav.main-nav a {
			display: inline-block;
			color: #ff0;
			padding: 22px 24px 21px;
			transition: background-color 0.15s;
		}
		header nav.main-nav a:hover {
			background-color: #333;
		}
			header nav.main-nav a:not(.active):hover > li {
				color: #fff;
			}

			header nav.main-nav a li {
				font-family: "AmnestyTradeGothicCond", "Arial Narrow";
				font-size: 1.25em;
				font-weight: 700;
				text-transform: uppercase;
				color: #aaa;
				transition: color 0.15s;
			}
			header nav.main-nav a.active li {
				color: #ff0;
			}
	header .logout {
		float: right;
	}
		header .logout .logout-link {
			display: inline-block;
			padding: 24px 20px;
			color: #aaa;
			transition: background-color 0.15s, color 0.15s;
		}
		header .logout .logout-link:hover {
			background-color: #333;
			color: #fff;
		}




/* ---------------------- */
/*        Quorum          */
/* ---------------------- */
.main-home {
	display: flex;
	flex-wrap: wrap;
}
.quorum-container, .mozioni-container {
	width: 100%;
	margin: 0;
	border: none;
}
.quorum-container {
}
	.update {
		position: relative;
		background-color: #4E5A61;
		color: white;
		transition: height 0.3s;
	}
		.update p.toggle-panel {
			font-size: 0.85em;
			font-weight: 700;
			text-transform: uppercase;
			color: rgba(255, 255, 255, 0.8);
			padding: 15px 20px;
			cursor: pointer;
			transition: background-color 0.15s;
		}
		.update p.toggle-panel:hover {
			background-color: rgba(255, 255, 255, 0.2);
		}
		.update p.show, .update.closed p.hide {
			display: none;
		}
		.update p.hide, .update.closed p.show {
			display: inline-block;
		}

		.update h2.update-title {
			font-size: 2.25em;
			margin: 5px 20px 10px;
		}
			.update.closed h2.update-title {
				display: none;
			}
		.update .update-form.nuovo-quorum {
			display: flex;
			padding: 0 20px 20px;
		}
		.update .update-form.nuova-mozione {
			padding: 0 20px 20px;
		}
			.update.closed .update-form {
				display: none;
			}
				.update .update-form .update-field p {
					font-size: 1em;
					width: 164px;
					margin-bottom: 4px;
				}
			.update .nuovo-quorum .update-field {
				max-width: 335px;
				margin-right: 20px;
			}
				.update .nuovo-quorum .update-field input {
					width: 100%;
					min-width: 100px;
					font-family: "AmnestyTradeGothicCond", "Arial Narrow";
					font-weight: 700;
					font-size: 2.5em;
					border: none;
				}
			.update .nuova-mozione .update-field {
				max-width: 1080px;
				margin-bottom: 20px;
			}
				.update .nuova-mozione .update-field #mozione-new-titolo {
					width: 100%;
					min-width: 100px;
					font-family: "AmnestyTradeGothicCond", "Arial Narrow";
					font-weight: 700;
					font-size: 2.5em;
					border: none;
				}
				.update .nuova-mozione .update-field select {
					width: 140px;
					height: 28px;
					font-size: 0.9em;
					background-color: rgba(221, 228, 231, 1);
					border: none;
				}
			.update .update-form #quorum-submit,
			.update .update-form #registrati-submit {
				margin-top: 22px;
				padding: 0 30px;
			}
			.update .update-form #mozione-submit {
				padding: 14px 32px;
			}
			.update .update-form #quorum-submit,
			.update .update-form #registrati-submit,
			.update .update-form #mozione-submit {
				min-width: 200px;
				font-family: "AmnestyTradeGothicCond", "Arial Narrow";
				font-weight: 700;
				font-size: 1.5em;
				text-transform: uppercase;
				background-color: #ff0;
				border: none;
				cursor: pointer;
				transition: background-color 0.15s;
			}
			.update .update-form #quorum-submit:hover,
			.update .update-form #registrati-submit:hover,
			.update .update-form #mozione-submit:hover {
				background-color: #ffd400;
			}
	.quorum-header {
		padding: 20px 20px 10px;
		background-color: #fff;
	}
		.registrati-container {
			padding: 10px 0 20px;
		}
			.registrati-container .number {
				font-weight: 700;
			}
			.registrati-container #quorum-apertura.rosso {
				color: #cc0000;
			}
			.registrati-container #quorum-apertura.verde {
				color: #00aa33;
			}
		h2.quorum-title {
			font-size: 2.25em;
			padding-bottom: 20px;
		}
		.remove-quorum {
			padding: 10px 0;
		}
			.remove-quorum #open-confirm.focus {
				opacity: 0.35;
			}
			.remove-quorum .inner.closed {
				display: none;
			}
			.remove-quorum .inner p {
				padding: 15px 0 5px;
			}
			.remove-quorum button {
				font-size: 0.85em;
				font-weight: 700;
				padding: 6px 10px;
				text-transform: uppercase;
				border: none;
				cursor: pointer;
				transition: background-color 0.15s;
			}
			.remove-quorum button:hover {
				background-color: #aaa;
			}
			button#delete-last-quorum {
				color: #fff;
				background-color: #e44;
			}
			button#delete-last-quorum:hover {
				background-color: #c00
			}
	.quorum {
		padding: 0;
	}
		.quorum li {
			padding: 12px 0;
			background-color: #DDE4E7;
			border-bottom: 5px solid #D1D8DB;
		}
		.quorum li:first-child {
			font-size: 1.5em;
			background-color: #fff;
		}

		.quorum li:last-child {
			border-bottom: none;
		}
			.quorum li p {
				padding: 0 20px;
			}
			.quorum li div.wrap {
				display: flex;
			}

			.quorum li p {
				color: #4E5A61;
			}
			.quorum li div.wrap p {
				width: 20%;
				max-width: 180px;
				margin-bottom: 20px;
			}
			.quorum li p.time {
				font-size: 0.85em;
				opacity: 0.5;
			}
			.quorum li:first-child p {
				color: #000;
			}
			.quorum li div.wrap hr.vertical-separator {
				width: 1px;
				background-color: #4E5A61;
				opacity: 0.3;
			}
			.quorum li div.wrap span {
				display: block;
				max-width: 120px;
			}
			.quorum li span.number {
				font-family: "AmnestyTradeGothicCond", "Arial Narrow";
				font-weight: 700;
				font-size: 1.25em;
			}
			.quorum li:first-child span.number {
				font-size: 2em;
			}




/* ---------------------- */
/*        Mozioni         */
/* ---------------------- */
.main-mozioni {
	padding: 0px;
}
	h2.mozioni-title {
		margin-bottom: 20px;
		font-size: 1.25em;
	}
	.mozioni-container {
		padding: 20px 20px 80px;
	}
		.mozioni li,
		.mozioni li.before {
			background-color: #fff;
			box-shadow: 5px 5px 0 0 #C3CACD;
			margin-bottom: 15px;
			padding: 20px;
			border-bottom: 1px solid rgba(78, 90, 97, 0.3);
			cursor: pointer;
			transition: box-shadow 0.15s, color 0.15s;
		}
		.mozioni li.nascosta {
			display: none;
			visibility: hidden;
		}
		.mozioni.all li.nascosta {
			display: block;
			visibility: visible;
			opacity: 0.25;
		}
		.mozioni li .after {
			color: rgb(78, 90, 97);
		}
		.mozioni li:hover {
			box-shadow: 5px 5px 0 0 rgba(78, 90, 97, 0.6);
			color: rgba(78, 90, 97, 1);
		}
		.mozioni li:last-child {
			border-bottom: none;
		}

		.mozioni .stato {
			font-style: italic;
			margin-bottom: 8px;
		}
		.mozioni li h3 {
			font-size: 2.25em;
			line-height: 1.3em;
		}
		.mozioni .info {
			color: rgba(78, 90, 97, 0.6);
		}
			#main.nascosta .remove-mozione {
				display: none;
			}
			#main.visibile .show-mozione {
				display: none;
			}

			.remove-mozione,
			.show-mozione {
				margin-bottom: 25px;
			}
			.show-mozione #open-confirm.focus,
			.remove-mozione #open-confirm-show.focus {
				opacity: 0.35;
			}
			.show-mozione .inner.closed,
			.remove-mozione .inner.closed {
				display: none;
			}
			.show-mozione .inner p,
			.remove-mozione .inner p {
				padding: 15px 0 5px;
			}
			.show-mozione button,
			.remove-mozione button {
				font-size: 0.85em;
				font-weight: 700;
				padding: 6px 10px;
				text-transform: uppercase;
				border: none;
				cursor: pointer;
				transition: background-color 0.15s;
			}
			.show-mozione button:hover,
			.remove-mozione button:hover {
				background-color: #aaa;
			}
			button#delete-mozione {
				color: #fff;
				background-color: #e44;
			}
			button#delete-mozione:hover {
				background-color: #c00
			}
			button#mostra-mozione {
				color: #fff;
				background-color: #00aa33;
			}
			button#mostra-mozione:hover {
				background-color: #009911;
			}





/* ---------------------- */
/*    Mozione singola     */
/* ---------------------- */
.main-mozione-singola {
	background-color: rgba(221, 228, 231, 1);
}
	p.mozione-singola-title {
		font-family: "AmnestyTradeGothic", Arial;
		font-size: 0.85em;
		padding: 20px 20px 0;
	}
		p.mozione-singola-title a {
			color: #4E5A61;
		}

	.mozione-singola {
		width: 100%;
	}
		.mozione-singola p.info {
			font-size: 0.85em;
			margin-bottom: 20px;
		}
		.mozione-singola .top-bar .control-panel,
		.mozione-singola .columns {
			display: flex;
		}
		.mozione-singola .top-bar {
			position: relative;
			background-color: #4E5A61;
			color: white;
			padding: 16px 20px;
		}
			.mozione-singola .top-bar .field {
				width: 220px;
			}
				.mozione-singola .top-bar .field h4 {
					font-family: "AmnestyTradeGothic", Arial;
					font-weight: normal;
					margin-bottom: 8px;
				}
				.mozione-singola .visualizzazione button {
					float: left;
					display: block;
					font-size: 0.9em;
					color: rgba(255, 255, 255, 0.5);
					background-color: #374044;
					margin: 0;
					border-color: transparent;
					cursor: pointer;
					transition: background-color 0.15s, color 0.15s;
				}
				.mozione-singola .visualizzazione button.active {
					background-color: rgba(221, 228, 231, 1);
					color: #000;
				}
				.mozione-singola .visualizzazione button:not(.active):hover {
					color: rgba(255, 255, 255, 1);
				}
				.mozione-singola .top-bar .field select {
					width: 140px;
					height: 28px;
					font-size: 0.9em;
					background-color: rgba(221, 228, 231, 1);
					color: #000;
					border: none;
					border-radius: 3px;
				}
	.mozione-singola .columns {
		padding: 20px 20px 60px;
		max-width: 1440px;
	}
		.mozione-singola .left-column {
			width: 800px;
			background-color: #fff;
			box-shadow: 5px 5px 0 0 #C3CACD;
			padding: 20px;
		}
		.mozione-singola .right-column {
			/*width: 25%;*/
			margin-left: 20px;
		}
		.mozione-singola.normal-user .left-column {
			width: 100%;
			max-width: 800px;
		}
			.mozione-singola .left-column .field {
				width: 100%;
				margin-bottom: 20px;
			}
				.mozione-singola .left-column .top-field {
					display: flex;
					margin-bottom: 16px;
				}
					.mozione-singola .left-column .top-field div {
						width: 40%;
					}
					.mozione-singola .left-column .top-field h4 {
						font-size: 0.85em;
						font-family: "AmnestyTradeGothic", Arial;
						text-transform: uppercase;
					}

				.mozione-singola .left-column .field h4 {
					display: inline-block;
					width: auto;
					font-size: 0.85em;
					font-family: "AmnestyTradeGothic", Arial;
					text-transform: uppercase;
					margin-bottom: 4px;
					margin-top: 12px;
				}
				.mozione-singola.normal-user .left-column .field h4 {
					margin-top: 8px;
				}

				.mozione-singola .left-column .field span.edited-text {
					display: none;
					font-size: 0.85em;
					font-style: italic;
				}
				.mozione-singola .left-column .field .buttons-right {
					display: none;
					float: right;
				}
					.mozione-singola .left-column .field.edited span.edited-text {
						display: inline-block;
					}
					.mozione-singola .left-column .field.edited .buttons-right {
						display: block;
					}
				.mozione-singola .left-column .field .buttons-right button {
					font-size: 0.85em;
					font-weight: 700;
					padding: 6px 10px;
					text-transform: uppercase;
					border: none;
					cursor: pointer;
				}
				.mozione-singola .left-column .field .buttons-right button.cancel {
					background-color: #DDE4E7;
				}
				.mozione-singola .left-column .field .buttons-right button.save {
					background-color: #FF0;
				}
				.mozione-singola .left-column .field .buttons-right button.cancel:hover {
					background-color: #D1D8DB;
				}
				.mozione-singola .left-column .field .buttons-right button.save:hover {
					background-color: #FFD400;
				}
				.mozione-singola .left-column .field div.editable,
				.mozione-singola .left-column .field p {
					width: 100%;
					min-width: 100%;
					max-width: 100%;
				}
				.mozione-singola .field div.editable {
				}
				.mozione-singola .field p.preview {
					display: none;
				}
				.mozione-singola .titolo div.editable,
				.mozione-singola .titolo p {
					font-family: "AmnestyTradeGothicCond", "Arial Narrow";
					font-weight: 700;
					font-size: 2em;
				}
				.mozione-singola .right-column {
					max-width: 320px;
				}
				.mozione-singola .right-column .field h4 {
					display: inline-block;
					width: auto;
					font-size: 0.85em;
					font-family: "AmnestyTradeGothic", Arial;
					text-transform: uppercase;
					margin-top: 16px;
					margin-bottom: 16px;
				}
				.mozione-singola .guida p {
					font-size: 0.9em;
				}
				.mozione-singola .guida p a {
					text-decoration: underline;
				}

		.mozione-singola .bottom-bar {
			background-color: #fff;
			padding: 0;
			border-top: 5px solid #C3CACD; 
		}
			.mozione-singola .bottom-bar .field {
				width: 100%;
			}
				.mozione-singola .bottom-bar .field h4 {
					font-family: "AmnestyTradeGothicCond", "Arial Narrow";
					font-weight: 700;
					font-size: 2.25em;
					padding: 20px;
				}
/*				.mozione-singola .bottom-bar .field h4 {
					display: inline-block;
					margin-bottom: 4px;
					width: auto;
					margin-top: 16px;
				}
*/
				.mozione-singola .bottom-bar .field .buttons-right {
					display: none;
				}
					.mozione-singola .bottom-bar .field.edited .buttons-right {
						display: block;
					}
				.mozione-singola .bottom-bar .field .buttons-right button {
					font-family: "AmnestyTradeGothicCond", "Arial Narrow";
					font-size: 1.5em;
					font-weight: 700;
					text-transform: uppercase;
					margin-top: 27px;
					padding: 14px 40px;
					transition: background-color 0.15s;
					border: none;
					cursor: pointer;
				}
				.mozione-singola .bottom-bar .field .buttons-right button.cancel-voti {
					background-color: #DDE4E7;
				}
				.mozione-singola .bottom-bar .field .buttons-right button.save-voti {
					background-color: #FF0;
				}
				.mozione-singola .bottom-bar .field .buttons-right button.cancel-voti:hover {
					background-color: #D1D8DB;
				}
				.mozione-singola .bottom-bar .field .buttons-right button.save-voti:hover {
					background-color: #FFD400;
				}

				.mozione-singola .bottom-bar .voti {
					background-color: #4E5A61;
					color: #fff;
				}
					.mozione-singola .bottom-bar .voti .container {
						width: 1260px;
						padding: 20px;
					}
					.mozione-singola .bottom-bar .voti .table-wrap {
						float: left;
						width: 33%;
					}

					.mozione-singola .bottom-bar .voti table {
						margin: 0 0 40px 0;
						font-size: 0.9em;
					}
						.mozione-singola .bottom-bar .voti table tr:first-child {
							line-height: 2em;
						}
						.mozione-singola .bottom-bar .voti table td {
							width: 84px;
							padding: 0px;
						}
						.mozione-singola .bottom-bar .voti table td b {
							font-size: 1em;
							font-family: "AmnestyTradeGothic", Arial;
							text-transform: uppercase;
							font-weight: 700;
						}
						.mozione-singola .bottom-bar .voti table td input {
							width: 100%;
							font-family: "AmnestyTradeGothicCond", "Arial Narrow";
							font-weight: 700;
							font-size: 2em;
							padding: 4px 8px;
							border: none;
						}
						.mozione-singola .bottom-bar .voti table td:first-child {
						}
						.mozione-singola .bottom-bar .voti table td.border input[readonly] {
							color: rgba(78, 90, 97, 1);
							background-color: rgba(221, 228, 231, 1);
						}

			.mozione-singola .bottom-bar .totale {
				/*background-color: rgba(221, 228, 231, 1);*/
				float: left;
				width: 70%;
				max-width: 900px;
				background-color: #fff;
				color: #000;
			}
				.mozione-singola .bottom-bar .totale .totale-container {
					display: flex;
					width: 100%;
					padding: 12px 20px 100px;
				}
					.mozione-singola .bottom-bar .totale .voti-totale {
						width: 300px;
						font-size: 1.5em;
					}
						.mozione-singola .bottom-bar .totale .voti-totale span {
							font-family: "AmnestyTradeGothicCond", "Arial Narrow";
							font-weight: 700;
							font-size: 3em;
						}

			.mozione-singola .bottom-bar #quorum-temp {
				float: left;
				width: 30%;
			}
				.mozione-singola .bottom-bar #quorum-temp p {
					padding: 0 20px 40px;
					font-size: 1.5em;
				}
					.mozione-singola .bottom-bar #quorum-temp p.cinquanta,
					.mozione-singola .bottom-bar #quorum-temp p.dueterzi {
						display: none;
						padding: 12px 20px 0;
						margin: 0;
					}
					.mozione-singola .bottom-bar #quorum-temp.ordinaria p.cinquanta,
					.mozione-singola .bottom-bar #quorum-temp.statutaria p.dueterzi {
						display: block;
					}

					.mozione-singola .bottom-bar #quorum-temp span {
						display: none;
						font-family: "AmnestyTradeGothicCond", "Arial Narrow";
						font-weight: 700;
						font-size: 3em;
					}
					.mozione-singola .bottom-bar #quorum-temp.ordinaria span.quorum-ordinario {
						display: block;
					}
					.mozione-singola .bottom-bar #quorum-temp.statutaria span.quorum-statutario {
						display: block;
					}
					.mozione-singola .bottom-bar #quorum-temp span.alert-voti.active {
						display: block;
						font-size: 1em;
					}

					.mozione-singola .bottom-bar .esito p {
						font-family: "AmnestyTradeGothicCond", "Arial Narrow";
						font-weight: 700;
						font-size: 4.5em;
						text-align: center;
						text-transform: uppercase;
						color: #fff;
						padding: 80px 0;
					}
					.mozione-singola .bottom-bar .esito p.aperta {
						color: #000;
						background-color: #ffff00;
					}
					.mozione-singola .bottom-bar .esito p.respinta {
						background-color: #cc0000;
					}
					.mozione-singola .bottom-bar .esito p.approvata {
						background-color: #00aa33;
					}




/* ---------------------- */
/*     Informazioni       */
/* ---------------------- */
.main-about {}
	.main-about .top-bar {
		background-color: #4E5A61;
		color: white;
		transition: height 0.3s;
	}
		.main-about .top-bar ul a {
			display: inline-block;
			font-size: 0.85em;
			font-weight: 700;
			text-transform: uppercase;
			color: rgba(255, 255, 255, 0.8);
			padding: 15px 20px;
			cursor: pointer;
			transition: background-color 0.15s;
		}
		.main-about .top-bar ul a.active {
			color: #ff0;
		}
		.main-about .top-bar ul a:hover {
			background-color: rgba(255, 255, 255, 0.2);
		}
	.main-about section {
		padding: 20px;
	}
		.main-about section h2 {
			font-size: 3em;
		}
	.main-about section.active {
		display: block;
	}
	.main-about section#mappa {
		background-color: #fff;
		padding: 0;
		border-top: 5px solid #C3CACD;
	}
		.main-about section#mappa .address {
			padding: 20px;
		}
			.main-about section#mappa .address p {
				margin-bottom: 20px;
			}

		.main-about section#mappa #google-map {
			height: 480px;
		}

		.main-about .news-container {
			display: flex;
		}
			.main-about .news-container .single-news {
				flex: 1;
				max-width: 25%;
				background-color: #fff;
				box-shadow: 5px 5px 0 0 #C3CACD;
				margin: 0 30px 30px 0;
				padding: 20px;
				transition: box-shadow 0.15s, color 0.15s;
			}
				.main-about .news-container .single-news:hover {
					box-shadow: 5px 5px 0 0 rgba(78, 90, 97, 0.6);
					color: rgba(78, 90, 97, 1);
				}
				.main-about .news-container .single-news h3 {
					font-size: 1.75em;
					margin-bottom: 8px;
				}
				.main-about .news-container .single-news p:after {
				}
	.main-single-news {
		padding: 20px;
	}	
		.main-single-news .news-wrap {
			width: 800px;
			min-height: 450px;
			background-color: #fff;
			box-shadow: 5px 5px 0 0 #C3CACD;
			padding: 20px;
		}
		.main-single-news .breadcrumbs {
			font-size: 0.85em;
			padding-bottom: 20px;
		}
		.main-single-news .breadcrumbs a {
			color: #4E5A61;
		}
		.main-single-news .news-wrap h1,
		.main-single-news .news-wrap p {
			padding-bottom: 20px;
		}
		.main-single-news .news-wrap ul li {
			line-height: 1.75em;
			list-style: disc;
			list-style-position: inside;
		}




/* ---------------------- */
/*     Candidati       */
/* ---------------------- */
		.main-candidati .candidati-wrap {
			max-width: 1200px;
			min-height: 450px;
			background-color: #fff;
			box-shadow: 5px 5px 0 0 #C3CACD;
			margin: 20px;
			padding: 20px;
		}
		.main-candidati .candidati-wrap p {
			padding-bottom: 20px;
			max-width: 720px;
		}
		.main-candidati .candidati-wrap h2 {
			font-size: 2.25em;
    		padding-bottom: 20px;
    	}
		.main-candidati .candidati-wrap ul.posizione-container {
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			padding-bottom: 40px;
		}
			.main-candidati .candidati-wrap ul.posizione-container .candidato-singolo {
				max-width: 25%;
				line-height: 1.5em;
				padding-right: 20px;
				margin-bottom: 20px;
			}
				.main-candidati .candidati-wrap ul.posizione-container li h3 {
					font-size: 1.5em;
					font-family: "AmnestyTradeGothic", Arial;
					font-weight: 400;
				}
				.main-candidati .candidati-wrap ul.posizione-container li img {
					width: 100%;
				}



/* ---------------------- */
/*         Login          */
/* ---------------------- */
.login-container {
	position: absolute;
	left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
	width: 320px;
	background-color: rgba(0, 0, 0, 0.9); /*#4E5A61*/
	color: #fff;
	box-shadow: 5px 5px 0 0 #C3CACD;
}
	.login-container label {
		display: block;
	}
	.login-container .flex {
		display: flex;
	}
		.login-container .amnesty-logo {
			width: 100%;
			height: 119px;
			background-image: url(../images/AMNLogo-Italia.svg);
			background-repeat: no-repeat;
			background-size: 100%;
			background-color: #ff0;
		}
		.login-container h3 {
			font-family: "AmnestyTradeGothic", Arial;
			font-size: 0.85em;
			text-transform: uppercase;
			color: rgba(255, 255, 255, 0.8);
			margin: 20px 20px 5px;
		}
	.login-container input.authentication {
		width: 90%;
		padding: 15px 10px;
		border: none;
		font-size: 1em;
		margin: 15px 5% 0;
	}
	.login-container input.authentication:focus {
	}
	.login-container .alert {
		color: #ff0;
		margin: 5px 5% 0;
	}
	.login-container input[type=submit] {
		display: block;
		font-family: "AmnestyTradeGothicCond", "Arial Narrow";
		font-size: 1.5em;
		font-weight: 700;
		text-transform: uppercase;
		background-color: #FF0;
		margin: 20px auto 20px;
		padding: 12px 36px;
		transition: background-color 0.15s;
		border: none;
		cursor: pointer;
	}
	.login-container input[type=submit]:hover {
		background-color: #FFD400;
	}


/* ---------------------- */
/*     Print version      */
/* ---------------------- */
.print-link {
	position: absolute;
	display: inline-block;
	font-size: 0.85em;
	font-weight: 700;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.8);
	padding: 13px 20px;
	cursor: pointer;
	transition: background-color 0.15s;
	top: 0;
	right: 0;
}
.print-link:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
.print-icon {
	display: inline-block;
	width: 15px;
	height: 14px;
	background-image: url(../images/print.png);
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 0 -1px 0 8px;
}
body.print {
	background-color: #fff;
	color: #000;
}
	body.print header {
		height: 80px;
		width: 100%;
		background-color: #ff0;
		color: #000;
		padding: 20px 40px;
	}

	body.print .stampa-mozione-singola {
		padding: 40px;
		max-width: 720px;
	}
	.stampa-mozione-singola h4 {
		margin-bottom: 4px;
	}
	.stampa-mozione-singola .top-field {
		display: flex;
		justify-content: space-between;
		padding-bottom: 40px;
	}
	.stampa-mozione-singola .field {
		padding-bottom: 20px;
	}
	.stampa-mozione-singola .bottom-bar {
		display: flex;
		padding-top: 20px;
		border-top: 1px solid #000;
	}
		.stampa-mozione-singola .totale {
			flex: 3;
		}
		.stampa-mozione-singola .totale-container {
			display: flex;
		}
		.stampa-mozione-singola .totale-container .voti-totale {
			flex: 1;
		}
		.stampa-mozione-singola #quorum-temp {
			flex: 1;
		}
		.stampa-mozione-singola #quorum-temp.statutaria .cinquanta,
		.stampa-mozione-singola #quorum-temp.statutaria .quorum-ordinario,
		.stampa-mozione-singola #quorum-temp.ordinaria .dueterzi,
		.stampa-mozione-singola #quorum-temp.ordinaria .quorum-statutario {
			display: none;
		}
		.stampa-mozione-singola .esito .approvata,
		.stampa-mozione-singola .esito .respinta {
			display: inline-block;
			padding: 6px 12px;
			font-size: 1.5em;
			color: white;
		}
		.stampa-mozione-singola .esito .approvata {
			background-color: #00aa33;
		}
		.stampa-mozione-singola .esito .respinta {
			background-color: #CC0000;
		}

/* ---------------------- */
/*     Firebase auth      */
/* ---------------------- */
.firebase-auth {
	position: absolute;
	top: 0;
	right: 0;
}
.top-bar .firebase-auth {
	top: 43px;
}
	.firebase-auth .auth-status {
		display: inline-block;
		font-size: 0.85em;
		font-weight: 700;
		text-transform: uppercase;
		color: rgba(255, 255, 255, 0.8);
		padding: 15px 20px;
		cursor: pointer;
		transition: background-color 0.15s;
	}
	.firebase-auth .auth-status:hover {
		background-color: rgba(255, 255, 255, 0.2);
	}
		.firebase-auth .auth-status .spy {
			display: inline-block;
			width: 9px;
			height: 9px;
			border-radius: 100%;
			margin: 0 2px 0 5px;
		}
		.firebase-auth .auth-status .spy.green {
			background-color: #0f0;
		}
		.firebase-auth .auth-status .spy.red {
			background-color: #f33;
		}

	.firebase-auth .container {
		z-index: 1;
		position: absolute;
		right: 0;
		min-width: 300px;
		background-color: #111;
		color: #fff;
		padding: 10px;
	}
	.firebase-auth .container.closed {
		display: none;
	}
	.firebase-auth .container .text-enable,
	.firebase-auth .container .text-disable {
		font-size: 0.85em;
		color: #ff0;
		margin: 5px 0 12px;
	}
	.firebase-auth .container input {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		padding: 10px;
		border: none;
	}
	.firebase-auth.enabled .container .text-enable,
	.firebase-auth.enabled .container input {
		display: none;
	}
	.firebase-auth.enabled .container .text-disable {
		display: block;
	}
	.firebase-auth .container .text-disable {
		display: none;
	}
	.firebase-auth .container .button-container {
		display: flex;
		flex-wrap: nowrap;
	}
		.firebase-auth .container button {
			flex: 1;
			font-family: "AmnestyTradeGothicCond", "	 Narrow";
			font-size: 1.25em;
			font-weight: 700;
			text-transform: uppercase;
			background-color: #D1D8DB;
			padding: 7px 20px;
			transition: background-color 0.15s;
			border: none;
			cursor: pointer;
		}
		.firebase-auth .container button:first-child {
			margin-right: 10px;
		}
		.firebase-auth .container button:hover {
			background-color: #C3CACD;
		}
		.firebase-auth .container button.yellow {
			background-color: #FF0;
		}

		.firebase-auth .container button.yellow:hover {
			background-color: #FFD400;
		}


/* RESPONSIVE */
@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 840px) and (max-width: 1280px) {
	.mozione-singola .bottom-bar .voti .container {
		width: 846px;
	}
	.mozione-singola .bottom-bar .voti .table-wrap {
		width: 50%;
	}
}

@media screen and (max-width: 840px) {
	header .logo,
	header nav.main-nav,
	header .logout {
		float: none;
		width: auto;
	}
	.mobile-closed {
		display: none;
	}
	header .logout .logout-link {
		display: block;
	}
		header .logo #hamburger-menu {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 72px;
			height: 66px;
			padding: 13px 12px;
			cursor: pointer;
		}
			header .logo #hamburger-menu .line {
				width: 36px;
				height: 4px;
				margin: 7px;
				background-color: #000;
			}
		header nav.main-nav a {
			display: block;
			border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		}
	.mozione-singola .bottom-bar .voti .container {
		width: 100%;
	}
	.update .update-form.nuovo-quorum {
		flex-wrap: wrap;
	}
	.update .nuovo-quorum .update-field {
		margin-top: 12px;
	}
	.update .update-form #quorum-submit,
	.update .update-form #mozione-submit {
		padding: 14px;
	}
	.mozione-singola .top-bar .control-panel {
		display: block;
	}
	.mozione-singola .top-bar .field {
		width: auto;
		margin-bottom: 20px;
	}
	.mozione-singola .top-bar .field:last-child {
		margin-bottom: 0;
	}
	.mozione-singola .top-bar .field:after {
		content: "";
		display: block;
		clear: both;
	}
	.print-link, .firebase-auth {
		display: none;
	}
	.quorum li div.wrap {
		flex-wrap: wrap;
	}
		.quorum li div.wrap p {
			width: 50%;
		}
		.quorum li div.wrap hr.vertical-separator {
			display: none;
		}
	.mozione-singola .left-column .top-field {
		justify-content: space-between;
	}
	.mozione-singola .right-column {
		display: none;
	}
	.mozione-singola .bottom-bar .totale {
		border-bottom: 1px solid #DDE4E7;
	}
	.mozione-singola .bottom-bar .totale,
	.mozione-singola .bottom-bar #quorum-temp {
		float: none;
		width: 100%;
		padding: 0 0 20px;
	}
	.mozione-singola .bottom-bar .field {
		padding-bottom: 20px;
	}
	.mozione-singola .bottom-bar .field.esito {
		padding-bottom: 0;
	}
	.mozione-singola .bottom-bar .field h4 {
		font-size: 1.5em;
		padding-bottom: 20px;
	}
	.mozione-singola .bottom-bar .totale .totale-container {
		display: flex;
		padding: 0;
	}
	.mozione-singola .bottom-bar .totale .voti-totale,
	.mozione-singola .bottom-bar #quorum-temp p,
	.mozione-singola .bottom-bar #quorum-temp p.dueterzi,
	.mozione-singola .bottom-bar #quorum-temp p.cinquanta {
		width: auto;
		flex: 1;
		font-size: 1em;
		padding: 0 20px;
	}
	.mozione-singola .bottom-bar .voti .table-wrap,
	.main-about .news-container .single-news,
	.main-single-news .news-wrap,
	.main-about .candidati-wrap {
		float: none;
		width: 100%;
	}
	.main-about .news-container {
		display: block;
	}
		.main-about .news-container .single-news {
			display: block;
			max-width: none;
			width: 100%;
		}
	.main-candidati .candidati-wrap ul.posizione-container {
		display: block;
		padding-bottom: 40px;
	}
		.main-candidati .candidati-wrap ul.posizione-container .candidato-singolo {
			max-width: 100%;
			padding-bottom: 40px;
		}
	.mozione-singola .bottom-bar .esito p {
		font-size: 2em;
		padding: 40px 0;
	}
}