/*
* Itinerari Previdenziali - Sito istituzionale
* www.itinerariprevidenziali.it
* Copyright 2016, Ariadne
* Author: Davide Pillitteri
* 15/01/2016
* Bootstrap v3.3.5
* http://getbootstrap.com/css/#grid-options
* Font Awesome 4.5.0
* https://fortawesome.github.io/Font-Awesome/examples/
*/

/* Table of Contents
==================================================
#Font & Reset CSS
#Desktop
#Tablet (Portrait)
#Mobile (Portrait)
#Mobile (Landscape) */

/* #Font & Reset CSS
================================================== */

/* Lato */
@font-face {
	font-family: 'latoregular';
	src: url('fonts/lato/lato-regular-webfont.eot');
	src: url('fonts/lato/lato-regular-webfont.eot%3F') format('embedded-opentype'),
		 url('fonts/lato/lato-regular-webfont.woff2') format('woff2'),
		 url('fonts/lato/lato-regular-webfont.woff') format('woff'),
		 url('fonts/lato/lato-regular-webfont.ttf') format('truetype'),
		 url('fonts/lato/lato-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'latolight';
	src: url('fonts/lato/lato-light-webfont.eot');
	src: url('fonts/lato/lato-light-webfont.eot%3F') format('embedded-opentype'),
		 url('fonts/lato/lato-light-webfont.woff2') format('woff2'),
		 url('fonts/lato/lato-light-webfont.woff') format('woff'),
		 url('fonts/lato/lato-light-webfont.ttf') format('truetype'),
		 url('fonts/lato/lato-light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'latobold';
	src: url('fonts/lato/lato-bold-webfont.eot');
	src: url('fonts/lato/lato-bold-webfont.eot%3F') format('embedded-opentype'),
		 url('fonts/lato/lato-bold-webfont.woff2') format('woff2'),
		 url('fonts/lato/lato-bold-webfont.woff') format('woff'),
		 url('fonts/lato/lato-bold-webfont.ttf') format('truetype'),
		 url('fonts/lato/lato-bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Raleway */
@font-face {
	font-family: 'ralewayregular';
	src: url('fonts/raleway/raleway-regular-webfont.eot');
	src: url('fonts/raleway/raleway-regular-webfont.eot%3F') format('embedded-opentype'),
		 url('fonts/raleway/raleway-regular-webfont.woff2') format('woff2'),
		 url('fonts/raleway/raleway-regular-webfont.woff') format('woff'),
		 url('fonts/raleway/raleway-regular-webfont.ttf') format('truetype'),
		 url('fonts/raleway/raleway-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'ralewaylight';
	src: url('fonts/raleway/raleway-light-webfont.eot');
	src: url('fonts/raleway/raleway-light-webfont.eot%3F') format('embedded-opentype'),
		 url('fonts/raleway/raleway-light-webfont.woff2') format('woff2'),
		 url('fonts/raleway/raleway-light-webfont.woff') format('woff'),
		 url('fonts/raleway/raleway-light-webfont.ttf') format('truetype'),
		 url('fonts/raleway/raleway-light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewayheavy';
	src: url('fonts/raleway/raleway-heavy-webfont.eot');
	src: url('fonts/raleway/raleway-heavy-webfont.eot%3F') format('embedded-opentype'),
		 url('fonts/raleway/raleway-heavy-webfont.woff2') format('woff2'),
		 url('fonts/raleway/raleway-heavy-webfont.woff') format('woff'),
		 url('fonts/raleway/raleway-heavy-webfont.ttf') format('truetype'),
		 url('fonts/raleway/raleway-heavy-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewaymedium';
	src: url('fonts/raleway/raleway-medium-webfont.eot');
	src: url('fonts/raleway/raleway-medium-webfont.eot%3F') format('embedded-opentype'),
		 url('fonts/raleway/raleway-medium-webfont.woff2') format('woff2'),
		 url('fonts/raleway/raleway-medium-webfont.woff') format('woff'),
		 url('fonts/raleway/raleway-medium-webfont.ttf') format('truetype'),
		 url('fonts/raleway/raleway-medium-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewaysemibold';
	src: url('fonts/raleway/raleway-semibold-webfont.eot');
	src: url('fonts/raleway/raleway-semibold-webfont.eot%3F') format('embedded-opentype'),
		 url('fonts/raleway/raleway-semibold-webfont.woff2') format('woff2'),
		 url('fonts/raleway/raleway-semibold-webfont.woff') format('woff'),
		 url('fonts/raleway/raleway-semibold-webfont.ttf') format('truetype'),
		 url('fonts/raleway/raleway-semibold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewaybold';
	src: url('fonts/raleway/raleway-bold-webfont.eot');
	src: url('fonts/raleway/raleway-bold-webfont.eot%3F') format('embedded-opentype'),
		 url('fonts/raleway/raleway-bold-webfont.woff2') format('woff2'),
		 url('fonts/raleway/raleway-bold-webfont.woff') format('woff'),
		 url('fonts/raleway/raleway-bold-webfont.ttf') format('truetype'),
		 url('fonts/raleway/raleway-bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
*::selection { background-color: #F69534; color: #fff; }
*::-moz-selection { background-color: #F69534; color: #fff; }
h1::selection, h1 a::selection, h2::selection,h2 a::selection, h3::selection, h3 a::selection, 
h4::selection, h4 a::selection, h5::selection, h5 a::selection, h6::selection, h6 a::selection { color: #fff; }
h1::-moz-selection, h1 a::-moz-selection, h2::-moz-selection, h2 a::-moz-selection, h3::-moz-selection, h3 a::-moz-selection, 
h4::-moz-selection, h4 a::-moz-selection, h5::-moz-selection, h5 a::-moz-selection, h6::-moz-selection, h6 a::-moz-selection { color: #fff; }
a::selection, a span::selection { color: #fff; }
a::-moz-selection, a span::-moz-selection { color: #fff; }
html { font-size: 62.5%; }
body {
	font-family: 'latoregular';
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #0E314E;
	background: #fff;
}
h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6, h6 a {
	font-family: 'latobold';
	font-weight: normal;
	color: #F69534;
	margin-bottom: 10px;
}
h1, h1 a {
	font-family: 'ralewaybold';
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.1;
	color: #0E314E;
}
h1.title {
	font-family: 'latobold';
	font-size: 27px;
	font-size: 2.7rem;
	line-height: 1.1;
	color: #F69534;
	margin-top: 0px;
}
h2, h2 a { font-size: 22px; font-size: 2.2rem; line-height: 1.2; }
h3, h3 a { font-size: 20px; font-size: 2.0rem; line-height: 1.2; }
h4, h4 a { font-size: 18px; font-size: 1.8rem; line-height: 1.2; }
h5, h5 a { font-size: 17px; font-size: 1.7rem; line-height: 1.2; }
h6, h6 a { font-size: 16px; font-size: 1.6rem; line-height: 1.2; }
p {
	font-family: 'latoregular';
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #0E314E;
	margin: 0 0 10px 0;
}
a {
	font-size: 16px;
	font-size: 1.6rem;
	color: #F69534;
	text-decoration: none;
}
a:hover {
	color: #F69534;
	text-decoration: underline;
}
strong {
	font-family: 'latobold';
	font-weight: normal;
}

ul, ol { margin: 10px 0 10px 15px; }
nav ul, nav ol { margin: 0; }
img { max-width: 100%; }
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	overflow: hidden;
}
.clearing {
	overflow: hidden;
	width: auto;
	height: auto;
}
/* stili generici */
.titolo-sezione, .titolo-sezione-white, .titolo-sezione-orange {
	background-image: url('../images/bg-linea-title-blue.png');
	background-repeat: no-repeat;
	background-position: center right;
}
.titolo-sezione-white {
	background-image: url('../images/bg-linea-title-white-2022.png');
}
.titolo-sezione span, .titolo-sezione-white span, .titolo-sezione-orange span {
	display: inline-block;
	background-color: #fff;
	padding-right: 10px;
}
.mandatory {
	color: red;
}
#main-content .fa {
	padding-right:6px;
}
.section {
	margin-bottom: 35px;
}
.section h1 {
	margin-bottom: 35px;
}
.btn-link {
	display: inline-block;
	font-family: 'latobold';
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
	background-color: #0E314E;
	padding: 16px;
	margin-top: 10px;
}
.btn-link:hover, .btn-link:focus {
	text-decoration: none;
}
.special-container {
	text-align: center;
	background: #eee;
	border: 1px solid #ccc;
	padding: 5px 10px;
	margin: 10px 0;
}
.video-container {
	border: solid 1px #c0c0c1;
	padding: 11px 8px;
}
.video-responsive {
	position: relative;
	z-index: 2;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.section-dark {
	background-color: #eee;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 0;
}
.section-dark .titolo-sezione span {
	background-color: #eee;
}
.autore, .sottotitolo {
	font-style: italic;
	margin-bottom: 15px;
}
.menu-link {
	list-style-type: none;
	margin: 0;
	margin-bottom: 30px;
}
.menu-link li {
	margin-bottom: 5px;
}
.menu-link li.active a {
	color: #0E314E;
}
.vedi-tutti {
	text-align: right;
}
.orange {
	color: #F69534;
}
.indent {
  padding-left: 65px;
}
/* form */
.survey-question {
	margin-top: 25px;
}
.text-form {
	display: block;
	width: 100%;
	font-family: 'latoregular';
	font-style: italic;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	color: #525252;
	background-color: #f4f3f3;
	border-top: solid 1px #c1c0c1;
	border-left: solid 1px #c1c0c1;
	border-right: 0;
	border-bottom: 0;
	padding: 10px;
	margin-top: 10px;
}
.select-form {
	display: block;
	width: 100%;
	font-family: 'latoregular';
	font-style: italic;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	color: #525252;
	background-color: #f4f3f3;
	border-top: solid 1px #c1c0c1;
	border-left: solid 1px #c1c0c1;
	border-right: 0;
	border-bottom: 0;
	padding: 8px 10px;
	margin-top: 10px;
}
label.error {
	color: #f00;
	font-style: italic;
}
.label {
	font-style: italic;
	color: #868686;
	cursor: pointer;
}
.button {
	display: inline-block;
	font-family: 'latobold';
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
	background-color: #0E314E;
	border: solid 1px #0E314E;
	padding: 14px 18px;
}
.button:hover {
	color: #F69534;
}
/* paginazione */
.paginazione {
	margin-bottom: 40px;
}
.paginazione .prev {
	margin-right: 10px;
}
.paginazione .next {
	margin-left: 10px;
	padding-right: 8px;
}
.paginazione .next i {
	margin-left: 10px;
}
/* informativa pricavy */
.cookie-message {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	background-color: #fff;
	border-bottom: 9px solid #F69534;
}
.cookie-message .message-text {
	padding-top: 10px;
	padding-bottom: 5px;
}
.cookie-message .message-text .closediv {
	font-size: 35px;
	font-size: 3.5rem;
	line-height: 1;
	text-align: right;
}
.cookie-message .message-text .closediv a {
	font-size: 35px;
	font-size: 3.5rem;
	line-height: 1;
}



/* #Staticizzazione
================================================== */
.staticizzato .alert-msg {
	
	background-color: #F69534;
	text-align: center;
	padding: 8px 0;
	margin-bottom: 16px;
}
.staticizzato .alert-msg span {
	font-weight: 700;
}
.staticizzato .alert-msg a {
	color: #0E314E;
	text-decoration: underline;
}
.staticizzato .alert-msg a:hover {
	color: #0E314E;
	text-decoration: none;
}
.staticizzato #breadcrumb-static {
	
	margin-top: -16px;
	margin-bottom: 16px;
}

.staticizzato .menu-istituzionale {
	display: none;
}
.staticizzato header {
	padding: 16px 0;
}
.staticizzato #cerca-nel-sito {
	display: none;
}
.staticizzato #logo {
	margin-top: 0;
	margin-bottom: 24px;
}
.staticizzato .menu-principale {
	display: none;
}
.staticizzato #breadcrumb {
	display: none;
}
.staticizzato .documenti.approfondimenti {
	display: none;
}
.staticizzato .social_button {
	display: none;
}
.staticizzato .iscrizione-newsletter {
	display: none;
}




/* #Desktop
================================================== */
/* menu istituzionale */
.menu-istituzionale {
	margin-top: 23px;
}
.menu-istituzionale ul {
	list-style-type: none;
	float: right;
	margin: 0;
}
.menu-istituzionale ul li {
	float: left;
	display: inline;
	font-family: 'ralewaysemibold';
	border-left: solid 2px #F69534;
	padding-left: 13px;
	margin-left: 13px;
}
.menu-istituzionale ul li:first-child {
	border-left: 0;
	padding-left: 0;
	margin-left: 0;
}
.menu-istituzionale ul li a {
	display: block;
	font-family: 'ralewaysemibold';
}
.menu-istituzionale ul li a:hover, .menu-istituzionale ul li a:focus, .menu-istituzionale ul li a.active {
	color: #0E314E;
	text-decoration: none;
}
.sidr {
	display: none;
}
/* logo */
#logo {
	margin-top: -8px;
	margin-bottom: 48px;
}
#logo a {
	display: block;
}
#logo a:hover, #logo a:focus {
	color: #0E314E;
	text-decoration: none;
}
#logo span {
	display: block;
	font-family: 'ralewayregular';
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	margin-top: 10px;
}
#logo .logo-ilpunto img {
	max-height: 120px;
}
/* ricerca */
#cerca-nel-sito {
	float: right;
	margin-top: 54px;
}
.input-text-container {
	float: left;
	border-top: solid 1px #c1c0c1;
	border-left: solid 1px #c1c0c1;
}
.input-text-container .input-text {
	width: 300px;
	font-family: 'latoregular';
	font-style: italic;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	color: #525252;
	background-color: #f4f3f3;
	border-top: solid 1px #e3e2e2;
	border-left: solid 1px #e3e2e2;
	border-right: solid 1px #f4f3f3;
	border-bottom: solid 1px #f4f3f3;
	padding: 10px;
}
html.firefox #cerca-nel-sito .button {
	padding: 12px 18px;
}
/* menu principale */
.menu-principale {
	background-color: #F69534;
	margin-bottom: 23px;
}
.menu-principale ul {
	list-style-type: none;
	margin: 0;
}
.menu-principale > ul {
	float: left;
}
.menu-principale ul li {
	float: left;
	position: relative;
}
.menu-principale ul li a {
	display: block;
	font-family: 'ralewaysemibold';
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	color: #fff;
	padding: 27px 20px;
}
.menu-principale ul li:hover > a,
.menu-principale ul li:focus > a,
.menu-principale ul li.active > a {
	background-color: #fabf77;
	text-decoration: none;
}
/* secondo livello */
.menu-principale ul li ul {
	visibility: hidden;
	position: absolute;
	left: 0;
	z-index: 1;
	width: 300px;
	background-color: #F69534;
}
.menu-principale ul li:hover > ul {
	visibility: visible;
	transition: all 0s ease 0.2s;
}
.menu-principale ul li ul li {
	float: none;
}
.menu-principale ul li ul li a {
	padding: 12px 16px;
}
/* breadcrumb */
#breadcrumb, #breadcrumb-static {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5;
	font-style: italic;
	color: #808080;
	background-color: #eee;
	padding: 15px 0;
	margin-bottom: 25px;
}
#breadcrumb a, #breadcrumb-static a {
	font-size: 18px;
	font-size: 1.8rem;
}
#breadcrumb span, #breadcrumb-static span {
	font-style: normal;
}
/* lista eventi */
#eventi .event-date {
	float: left;
	display: table;
	width: 78px;
	height: 78px;
	font-family: 'ralewaybold';
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 15px;
	color: #fff;
	text-align: center;
	background-color: #0E314E;
	border: solid 1px #0E314E;
	border-radius: 39px;
}
/*
#eventi .event-date.rinviato {
	font-weight: bold;
	color: red;
	background-color: #fff;
	border-width: 4px;
	border-color: red;
}
*/
#eventi .event-date .month {
	font-family: 'ralewaylight';
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 0;
}
#eventi .event-date div {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
#eventi .event-description {
	min-height: 78px;
	box-sizing: content-box;
	border-left: solid 3px #F69534;
	padding-bottom: 1px;
	margin-left: 38px;
}
#eventi .event-description .info {
	padding-left: 50px;
	padding-bottom: 20px;
	padding-right: 15px;
	margin-bottom: 28px;
}
#eventi.homepage .event-description h2, #eventi.homepage .event-description h2 a {
	font-family: "latoregular";
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}
#eventi .event-description .description {
	margin-top: 15px;
}
#eventi .event-description .location,
#eventi .event-description .note {
	font-style: italic;
	margin-top: 10px;
}
#eventi .event-description .info .btn-link {
	margin-top: 0;
}
#eventi .last .event-description {
	border-left: 0;
	margin-left: 40px;
}
/* eventi scaduti */
#eventi .expired .event-date {
	background-color: #6e8295;
	border: solid 1px #6e8295;
	margin-top: 9px;
}
#eventi .expired .event-date .day-num {
	color: #fff;
}
#eventi .expired .event-description .info {
	background-color: #eee;
	padding-top: 9px;
	margin-left: -1px;
}
.event-detail {
	margin-bottom: 50px;
}
.event-detail .orario h3 {
	margin-top: 24px;
}
.event-detail .fa {
	padding-top: 10px;
}
.event-detail .fa {
	padding-top: 0;
}
.event-detail .event-img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.event-detail > ul {
	margin-top:20px;
}
.event-detail ul li  {
	padding:4px 0;
}
.event-detail ul li ul li {
	list-style: none;
}
.event-detail table {
	border-top: solid 1px #bcbcbd;
	border-left: solid 1px #bcbcbd;
}
.event-detail table th {
	color: #fff;
	background-color: #F69534;
}
.event-detail table th, .event-detail table td {
	border-bottom: solid 1px #bcbcbd;
	border-right: solid 1px #bcbcbd;
	padding: 5px;
}
.documenti {
	margin-bottom: 30px;
}
.documenti h2, .documenti a i {
	color: #0E314E;
}
.documenti a {
	display: inline-block;
	margin: 3px 0;
}
.documenti a:hover, .documenti a:focus {
	color: #0E314E;
	text-decoration: none;
}
.documenti a.tag {
	margin-right: 30px;
}
/* adv */
#main-content .adv {
	padding-bottom: 25px;
	margin-bottom: 25px;
}
#main-content .adsense {
	margin-top: 25px;
}
/* social */
.social_button {
	margin-top: 30px;
}
.social_button ul {
	list-style-type: none;
	float: left;
	margin: 0;
}
.social_button ul li {
	float: left;
	margin-left: 20px;
}
.social_button ul li:first-child {
	margin-left: 0;
}
.social_button ul li a i {
	color: #0E314E;
}
.social_button ul li a:hover, .social_button ul li a:focus {
	color: #0E314E;
	text-decoration: none;
}
.event-detail .social_button .fa {
	padding-top: 0;
}
/* biblioteca */
#biblioteca .images {
	margin-bottom: 10px;
}
#form-biblioteca {
	background-color: #eee;
	padding: 0 15px 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#form-biblioteca .text-form, #form-biblioteca .select-form {
	background-color: #fff;
}
#form-biblioteca .label {
	font-family: 'latobold';
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	font-style: normal;
	color: #525252;
}
#form-biblioteca .button {
	width: 100%;
}
#errors {
	border: solid 2px red;
	padding: 10px;
}
#biblioteca-results {
	margin-bottom: 40px;
}
#biblioteca-results .biblioteca-result {
	border-bottom: solid 1px #bcbcbd;
	padding-bottom: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#biblioteca-results .biblioteca-result.last {
	border-bottom: 0;
}
#biblioteca-results .biblioteca-result .row {
	padding: 5px 0;
}
#biblioteca-results .biblioteca-result .field-label {
	font-weight: bold;
}
/* pubblicazioni */
.pubblicazione {
	margin-bottom: 40px;
}
.pubblicazione .fa {
	float: left;
	font-size: 40px;
	font-size: 4.0rem;
	line-height: 1;
}
.pubblicazione .text {
	padding-left: 48px;
}
.pubblicazione .text div {
	margin-top: 5px;
}
/*biblioteca*/
.biblioteca-result .field {
	margin-bottom:10px;
}

/* focus on */
#focus-on h2,
#focus-on-row h2 {
	margin-top: 15px;
}
#focus-on .images,
#focus-on-row .images {
	position: relative;
}
#focus-on .images .category,
#focus-on-row .images .category {
	position: absolute;
	top: 20px;
	left: 0;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1;
	color: #fff;
	background-color: #F69534;
	padding: 2px 10px;
}
#focus-on .images .category:hover, #focus-on .images .category:focus,
#focus-on-row .images .category:hover, #focus-on-row .images .category:focus {
	text-decoration: none;
	background-color: #0E314E;
}
/* network */
#network .img-network {
	text-align: center;
	margin-bottom: 40px;
}
#network article {
	padding: 0 15px;
	margin-bottom: 30px;
}
#network article img, #network .images  img {
	margin-bottom: 10px;
}
/* gnp */
#network #gnp h2, #network #gnp h2 a, #network #gnp a {
	color: #e52139;
}
/* ilpunto */
#network #ilpunto h2, #network #ilpunto h2 a, #network #ilpunto a {
	/*color: #84cb10;*/
  color: #F69534;
}
/* wikiprevidenza */
#network #pensionelavoro h2, #network #pensionelavoro h2 a, #network #pensionelavoro a {
	color: #005bb0;
}

/*sponsor*/
.sponsor {text-align:center;}
.sponsor a {
	display: inline-block;
}
.sponsor img {
	height: 105px;
	background-color: #fff;
	border: solid 1px #bcbcbd;
	padding: 10px;
	margin: 10px 20px;
}
/* iscrizione newsletter */
#iscrizione-newsletter .text-form {
	width: 300px;
}
/* questionari wcm */
#survey {
	margin-bottom: 40px;
}
.label_obbligatorio {
	font-style: italic;
	color: red;
	text-align: right;
}
.question-box {
	margin-bottom: 20px;
}
.question-box .question-title {
	display: block;
	cursor: pointer;
	margin-bottom: 3px;
}
.question-box .text-form {
	margin-top: 0;
}
.question-box .input-select {
	width: 100%;
	border: solid 1px #c1c0c1;
	padding: 8px 0;
}
.question-box .radio-container {
	margin-top: 5px;
}
.label-trattamento-dati {
  font-size: 14px;
  font-size: 1.4rem;
	line-height: 1;
  margin-bottom: 20px;
}
/* archivio newsletter */
.newsletter-archive {
	border-bottom: solid 1px #bcbcbd;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
/* footer */
footer {
	color: #fff;
	background-color: #F69534;
	padding-top: 10px;
	padding-bottom: 30px;
}
footer a, footer a:hover, footer a:focus {
	color: #fff;
}
footer h1 {
	margin-bottom: 20px;
}
footer .titolo-sezione-white span {
	color: #fff;
	background-color: #F69534;
}
footer .vcard {
	font-family: 'latoregular';
	font-style: italic;
	font-size: 14px;
	font-size: 1.4rem;
	background-image: url('../images/logo-itinerari-white-2022.png');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 190px;
}
footer .vcard a {
	font-size: 14px;
	font-size: 1.4rem;
}
footer .vcard ul {
	list-style-type: none;
	margin: 0;
	margin-top: 5px;
}
footer .vcard ul li {
	display: inline;
	border-left: solid 1px #fff;
	padding-left: 4px;
}
footer .vcard ul li:first-child {
	border-left: 0;
	padding-left: 0;
}
footer .vcard ul li a {
	font-style: normal;
}
footer .vcard ul li a:hover, footer .vcard ul li a:focus {
	color: #ababab;
	text-decoration: none;
}
footer #social-page a {
	display: inline-block;
	font-size: 50px;
	font-size: 5.0rem;
	margin-right: 16px;
}
footer #social-page a:hover, footer #social-page a:focus {
	color: #ababab;
}
footer #social-page .ico-svg {
	width: 100%;
	max-width: 50px;
	height: 100%;
	max-height: 50px;
}
/* elastic search */
.search-results .search-results__title {
	font-family: 'latoregular';
	font-size: 26px;
  font-size: 2.6rem;
	margin-bottom: 20px;
}
.search-results .box-result {
	border-top: solid 1px #e7e7e7;
	padding-top: 20px;
	margin-bottom: 20px;
}
.search-results .box-result .box-result__title,
.search-results .box-result .box-result__link {
	font-family: 'latoregular';
	font-size: 22px;
  font-size: 2.2rem;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 4px;
}
.search-results .box-result .box-result__link:hover {
	text-decoration: underline;
}
.search-results .box-result .box-result__abstract {
	font-style: italic;
}
.search-results .box-result .box-result__abstract em {
	font-weight: bold;
}
.search-pagination {
	display: -ms-flexbox;
  display: flex;
	-ms-flex-pack: center;
  justify-content: center;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
	padding-top: 20px;
	margin-top: 20px;
	margin-bottom: 40px;
}
.search-pagination .search-pagination__btn {
	display: block;
	width: 32px;
	height: 32px;
	color: #fff;
	background-color: #fabf77;
	border: 0;
	cursor: pointer;
	margin: 4px;
}
.search-pagination .search-pagination__btn.search-pagination__btn--active {
	background-color: #868686;
	cursor: text;
}
/* spinner loading */
.loader {
  margin: 0;
}
.loading-spinner {
  width: 200px;
  height: 200px;
  display: block;
  overflow: hidden;
  background: none;
	margin: 0 auto;
}
@keyframes spinner {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
.spinner {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
}
.spinner div {
  position: absolute;
  left: 94px;
  top: 48px;
  width: 12px;
  height: 24px;
  box-sizing: content-box;
  animation: spinner linear 1s infinite;
  background-color: #F69534;
  border-radius: 6px / 12px;
  transform-origin: 6px 52px;
}
.spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -0.9166666666666666s;
  background-color: #F69534;
}
.spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -0.8333333333333334s;
  background-color: #F69534;
}
.spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.75s;
  background-color: #F69534;
}
.spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.6666666666666666s;
  background-color: #F69534;
}
.spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.5833333333333334s;
  background-color: #F69534;
}
.spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.5s;
  background-color: #F69534;
}
.spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.4166666666666667s;
  background-color: #F69534;
}
.spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.3333333333333333s;
  background-color: #F69534;
}
.spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.25s;
  background-color: #F69534;
}
.spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.16666666666666666s;
  background-color: #F69534;
}
.spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.08333333333333333s;
  background-color: #F69534;
}
.spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
  background-color: #F69534;
}
/* articoli notizie */
.notizia {
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.notizia h1, .notizia h1 a {
	font-family: 'latobold';
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 26px;
	color: #F69534;
	margin-top: 0;
}
.notizia.focus-istituzionale h1, .notizia.focus-istituzionale h1 a,
.notizia.focus-istituzionale h2, .notizia.focus-istituzionale h2 a,
.notizia.cambi-e-bandi h1, .notizia.cambi-e-bandi h1 a,
.notizia.cambi-e-bandi h2, .notizia.cambi-e-bandi h2 a {
	color: #F69534;
}
.notizia .author {
	font-family: 'latoregular';
	font-style: italic;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 16px;
	margin-bottom: 20px;
}
.notizia.focus-istituzionale .author a {
	color: #F69534;
}
.notizia .tema {
	position: relative;
	margin-bottom: 11px;
}
.notizia .tema span {
	display: block;
	min-width: 120px;
	position: absolute;
	top: 20px;
	right: 0;
	font-family: 'latoregular';
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 20px;
	color: #fff;
	background-color: #F69534;
	padding: 3px 8px;
}
.notizia.focus-istituzionale .tema span,
.notizia.cambi-e-bandi .tema span {
	background-color: #F69534;
}
.notizia .tema span a {
	color: #fff;
}
/* 04/04/2019: più categorie cliccabili */
.notizia .tema .category-wrapper {
	position: absolute;
	top: 20px;
	right: 0;
	font-family: 'latoregular';
	font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
	color: #fff;
}
.notizia .tema .category-wrapper .category-link {
  display: inline-block;
	font-family: 'latoregular';
	font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
	color: #fff;
  background-color: #F69534;
  padding: 3px 8px;
  margin-left: 10px;
  margin-bottom: 10px;
}
/* fine più categorie cliccabili */
.notizia .subject {
	font-size: 19px;
	font-size: 1.9rem;
}
.notizia.focus-istituzionale .subject {
	color: #F69534;
}
.notizia .detail-img {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
.notizia .detail-img.has-col-dx {
	float: none;
	margin-left: 0;
	margin-bottom: 0;
}
.notizia .detail-img.has-col-dx img {
	width: 100%;
}
.notizia table {
	border-top: solid 1px #ababab;
	border-left: solid 1px #ababab;
	margin: 20px 0;
}
.notizia table th, .notizia table td {
	padding: 10px;
	border-right: solid 1px #ababab;
	border-bottom: solid 1px #ababab;
}
.notizia table th {
	color: #fff;
	background-color: #F69534;
}
.notizia.focus-istituzionale table th {
	background-color: #F69534;
}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* menu principale */
	.menu-principale ul li a {
		font-size: 14px;
		font-size: 1.4rem;
		padding-left: 10px;
		padding-right: 10px;
	}
	.menu-principale ul li:hover > ul {
		visibility: hidden;
	}
	/* lista eventi */
	.section h1 {
		font-size: 25px;
		font-size: 2.5rem;
	}
	/* footer */
	footer #social-page a {
		font-size: 47px;
		font-size: 4.7rem;
		margin-right: 0;
	}
  /* 04/04/2019: più categorie cliccabili */
  .notizia .tema .category-wrapper {
    top: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
  }
  .notizia .tema .category-wrapper .category-link {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    padding: 2px 3px;
    margin-left: 5px;
  }
}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	/* generic */
	.video-container {
		margin-bottom: 40px;
	}
	/* menu istituzionale */
	.menu-istituzionale {
		text-align: center;
		margin-bottom: 5px;
	}
	.menu-istituzionale ul {
		float: none;
	}
	.menu-istituzionale ul li {
		float: none;
		padding-left: 5px;
		margin-left: 3px;
	}
	.menu-istituzionale ul li a {
		display: inline-block;
	}
	/* logo */
	#logo {
		width: 200px;
		float: left;
		text-align: left;
		margin-bottom: 0;
	}
	/* ricerca */
	#cerca-nel-sito {
		float: none;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#cerca-nel-sito .input-text-container {
		width: 70%;
	}
	#cerca-nel-sito .input-text-container .input-text {
		width: 100%;
	}
	#cerca-nel-sito .button {
		width: 30%;
		font-size: 20px;
		font-size: 2.0rem;
		padding-top: 14px;
		padding-bottom: 12px;
	}
	html.firefox #cerca-nel-sito .button {
		padding-top: 9px;
		padding-bottom: 10px;
	}
	#cerca-nel-sito .button span {
		display: none;
	}
	/* menu principale */
	.hamburger {
		float: right;
		font-size: 40px;
		font-size: 4.0rem;
		background: transparent;
		border: 0;
		padding: 0;
	}
	.hamburger:hover, .hamburger:focus {
		outline: 0;
	}
	.sidr {
		position: absolute;
		position: fixed;
		top: 0;
		z-index: 9999;
		width: 300px;
		height: 100%;
		overflow-x: none;
		overflow-y: auto;
		background: #F69534;
	}
	.sidr.right {
		left: auto;
		right: -300px;
	}
	.sidr.left{
		left: -300px;
		right: auto;
	}
	.sidr .sidr-inner {
		padding-bottom: 15px;
	}
	.sidr ul {
		margin: 0;
	}
	.sidr ul li {
		border-bottom: solid 1px #0E314E;
	}
	.sidr ul li a {
		font-family: 'ralewaysemibold';
		display: inline-block;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 20px;
		color: #fff;
		padding: 15px 10px;
	}
	.sidr ul li a:hover, .sidr ul li a:focus {
		color: #0E314E;
		text-decoration: none;
	}
	.sidr ul li.active {
		background-color: #fabf77;
	}
	.sidr ul li.active a {
		color: #0E314E;
	}
	.sidr ul li .show-child {
		float: right;
		font-size: 30px;
		font-size: 3.0rem;
		color: #0E314E;
		cursor: pointer;
		padding: 10px 0 5px 10px;
	}
	/* terzo livello */
	.sidr ul li ul {
		display: none;
	}
	.sidr ul li ul li {
		border-top: dotted 1px #0E314E;
		border-bottom: 0;
	}
	.sidr ul li ul li:first-child {
		border-top: 0;
	}
	.sidr ul li ul li a, .sidr ul li.active ul li a {
		font-family: 'ralewaysemibold';
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 18px;
		color: #fff;
		font-style: italic;
		padding-left: 15px;
	}
	.sidr ul li.active ul li a:hover, .sidr ul li.active ul li a:focus {
		color: #F69534;
	}
	.sidr ul li.active ul li.active {
		background-color: #fabf77;
	}
	.sidr ul li.active ul li.active a {
		color: #0E314E;
	}
	/* social */
	.social_button ul li {
		float: none;
		margin-left: 0;
		margin-bottom: 20px;
	}
	/* focus on */
	#focus-on article {
		margin-bottom: 35px;
	}
	/* footer */
	footer .vcard {
		text-align: center;
		background-position: top center;
		padding-top: 90px;
		padding-left: 0;
		padding-bottom: 20px;
	}
	footer .vcard ul {
		margin-top: 20px;
	}
	footer #social-page div {
		text-align: center;
	}
	footer #social-page a {
		margin-left: 0;
		margin-right: 0;
	}
	/* network */
	#ilpunto article img {
		display: none;
	}
	#ilpunto article .text {
		padding-left: 0;
		padding-right: 0;
	}
	.sponsor a img {
		height:80px;
		padding:6px;
		background-color:#fff;
	}
	/* notizie */
	.notizia {
		border-bottom: solid 2px ##F69534;
	}
	.notizia .detail-img {
		float: none;
		margin-left: 0;
		margin-bottom: 10px;
	}
	.notizia .detail-img img {
		width: 100%;
	}
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* ricerca */
	#cerca-nel-sito .search-text-container {
		width: 75%;
	}
	#cerca-nel-sito button {
		width: 25%;
		font-size: 16px;
		font-size: 1.6rem;
	}
	#cerca-nel-sito button span {
		display: inline;
	}
	/* network */
	#ilpunto article img {
		display: block;
	}
	#ilpunto article .text {
		padding-left: 100px;
		padding-right: 20px;
	}
}