@charset "utf-8";

/*	Import elementi */
	@import url("header.css");
	@import url("footer.css");

/*	Impostazione variabili */

	* {

	/*	COLOR PALETTE IN ORDINE DI IMPORTANZA */
		--Palette1: #00468b;
		--Palette2: #8da0cd;

		--Palette3: #032e58; /* HOVER di Palette1 */
		--Palette4: #687ba6; /* HOVER di Palette2 */

		--Palette5: #ffffff;
		--Palette6: #333333;

	/*	PAGINA */
		--Page_Background_Color: #efefef;
		--Page_Title_Color: var(--Palette1);
		--Page_Text_Color: var(--Palette1);
		--Link_Text_Color: var(--Palette1);

	/*	LOGHI */
		--Logo_Light: url(/repository/files/2024021208264565C9C8356028D937067469.jpg);
		--Logo_Dark: url(/repository/files/2024021208264565C9C8356028D937067469.jpg);

	/*	FONTS */
		--Font_Normal: "Montserrat", serif;
		--Font_Sub_Title: "Roboto","Arial","Helvetica", "Barlow";
		--Font_Title_Normal: "Roboto","Arial","Helvetica", "Barlow";
		--Font_Title_Condensed: "Roboto Condensed","Arial Narrow","Helvetica Condensed", "Barlow Condensed";

	/*	HEADER */
		--Header_Background_Color: #FFFFFF;
		--Header_Background_Border_Color: #cccccc;
		--Header_Text_Color: var(--Palette1);

		--Header_Font: var(--Font_Normal);
		--Header_Search_Box_Font: var(--Font_Normal);
		--Header_Menu_Font: var(--Font_Normal);

		--Header_Menu_Buttons_Text: var(--Palette1);
		--Header_Menu_Buttons_Background: transparent;
		--Header_Menu_Buttons_Text_Hover: #ffffff;
		--Header_Menu_Buttons_Background_Hover: var(--Palette1);

		--Header_SubMenu_Background: #ffffff;
		--Header_SubMenu_Buttons_Text: #444444;
		--Header_SubMenu_Buttons_Background: transparent;
		--Header_SubMenu_Buttons_Text_Hover: #ffffff;
		--Header_SubMenu_Buttons_Background_Hover: var(--Palette1);

	/*	FOOTER */
		--Footer_Background: #dddddd;
		--Footer_Text_Color: #444444;
		--Footer_Text_Font_Size: 0.9rem;
		--Footer_Titles_Font_Size: 1.5rem;
		--Footer_Link_Color: #4281bf;
		--Footer_Link_Underline: underline;
		--Footer_Logo_Height: 2rem;

	/*	SCROLLBARS */
		--Scrollbars_Width: 0.6rem;
		--Scrollbars_Color: var(--Palette2);
		--Scrollbars_Background:#dddddd;

	/*	ROTOR 
		--Rotor_OffsetTop: 6rem;
		--Rotor_MaxWidth:unset;
		--Rotor_MaxHeight:unset; */

	/*	VARIANTE PER ROTOR PIU PICCOLO E CENTRATO */
		--Rotor_OffsetTop: 9rem;
		--Rotor_MaxWidth:70rem;
		--Rotor_MaxHeight:30rem; 

	/*	BOX EVENTI */
		--Box_Evento_Background_Color: #ffffff;
		--Box_Evento_Border_Color: #cccccc;
		--Box_Evento_Titles_Color: var(--Palette1);
		--Box_Evento_Titles_Font: "Roboto Condensed","Arial Narrow","Helvetica Condensed", "Barlow Condensed";
		--Box_Evento_Title_FontSize: 1.7rem;
		--Box_Evento_Subtitle_FontSize: 1.3rem;
		--Box_Evento_Authors_Color: var(--Page_Text_Color);
		--Box_Evento_Authors_Font: var(--Font_Normal);
		--Box_Evento_Button_Font: var(--Font_Normal);
		--Box_Evento_Button_Text_Color: var(--Palette1);
		--Box_Evento_Button_Background: #ffffff;
		--Box_Evento_Date_Color: var(--Page_Text_Color);
		--Box_Evento_Date_Font: var(--Font_Sub_Title);
		--Box_Evento_Date_FontSize: 0.9rem;
		--Box_Evento_Abstract_Color: #777777;
		--Box_Evento_Abstract_Font: var(--Font_Sub_Title);
		--Box_Evento_Abstract_FontSize: 1.1rem;

	/*	BOX NOTIZIA VERTICALE */
		--Notizia_Background: #ffffff;
		--Notizia_Titles_Color: var(--Palette1);
		--Notizia_Titles_Font: var(--Font_Normal);
		--Notizia_Title_FontSize: 1.7rem;
		--Notizia_Subtitle_FontSize: 1.3rem;
		--Notizia_Button_Font: var(--Font_Normal);
		--Notizia_Button_Text_Color: #ffffff;
		--Notizia_Button_Background: var(--Palette1);
		--Notizia_Abstract_Color: var(--Page_Text_Color);
		--Notizia_Abstract_Font: var(--Font_Normal);
		--Notizia_Abstract_FontSize: 1rem;

	}


/*	Regole CSS comuni */
	HTML, BODY {
		margin:0;
		padding:0;
		border:0;
		width:100%;
		font-family: var(--Font_Normal);
		background-color: var(--Page_Background_Color);
		top: unset !important;
	}
	
	A, A:visited, A:active { color:var(--Link_Text_Color); }

	.NotVis {
		position: absolute;
		left:-5000vw;
		top:-5000vw;
	}

/*	Translate */
	.skiptranslate { display:none !important; }
	.Flags { display:none; }
	FONT > FONT { 
		background-color:transparent !important; 
		box-shadow: none !important;
	}

/*	Spinner */

	@-webkit-keyframes Spin {
		from {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		to {
			-webkit-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}
	@keyframes Spin {
		from {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
	to {
			-webkit-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}
	#SpinnerOverlay {
		display: none;
		position: fixed;
		left:0;
		top:0;
		width:100%;
		height: 100vh;
		z-index: 12000;
		overflow: hidden;
		overscroll-behavior: contain;
		background-color: #ffffffdd;
	}
	#SpinnerOverlay .Spinner {
		position: absolute;
		left:50%;
		top:50%;
		margin-left:calc(-3.5rem - 0.75rem);
		margin-top:calc(-3.5rem - 0.75rem);
		display: block;
		height: 7rem;
		width: 7rem;
		border-radius: 50%;
	}
	#SpinnerOverlay .Spin1 {
		border: 1.5rem #e0e0e0 solid;
		border-top: 1.5rem var(--Palette2) solid;
		-webkit-animation: Spin 1s infinite linear;
		animation: Spin 1s infinite linear;
	}
	#SpinnerOverlay .Spin2 {
		border: 1.5rem transparent solid;
		border-top: 1.5rem var(--Palette1) solid;
		-webkit-animation: Spin 1.5s infinite linear;
		animation: Spin 1.5s infinite linear;
	}



/*	Settaggio scrolbars */

	::-webkit-scrollbar {
		-webkit-box-shadow: none;
		width: var(--Scrollbars_Width);
		background-color:var(--Scrollbars_Background);
	}
	 
	::-webkit-scrollbar-track {
		-webkit-box-shadow: none;
		-webkit-border-radius: 0;
		border-radius: 0;
		background-color:trdnsparent;
	}
	 
	::-webkit-scrollbar-thumb { 
		-webkit-box-shadow: none; 
		-webkit-border-radius: 0;
		border-radius: 0;
		background: var(--Scrollbars_Color);
		border:none;
	}
	::-webkit-scrollbar-thumb:window-inactive {
		background: var(--Scrollbars_Color);
	}





/*	-------------------------------------------------------------------------- */
/*	Mobile sino a 480 portrait (la maggior parte dei mobile) 
/*	-------------------------------------------------------------------------- */
	@media screen and (max-width: 440px) {

		HTML {
			font-size: 3.6vw;
		}
		body {
			min-height: unset !important;
		}
		.Container {
			display: block;
			margin-top: 8rem;
			margin-bottom: 2rem;
			color: var(--Page_Text_Color);
			flex-direction: unset;
    		align-items: unset;
    		width:92vw;
    		margin-left:auto;
    		margin-right: auto;
		}
		.Container H1.PageTitle {
			display: block;
			margin: 0;
			padding: 0;
			margin-bottom: 2.7rem;
			line-height: 1em;
			font-size: 2.3rem;
			text-transform: uppercase;
			font-weight: 600;
			color: var(--Page_Title_Color);
			text-align: left;
			font-family: var(--Font_Normal);
			letter-spacing: -0.07rem;
		}
		.Container H2.PageSubtitle {
			display: block;
			margin: 0;
			padding: 0;
			margin-bottom: 1.5rem;
			margin-top: -2.3rem;
			line-height: 1.2em;
			font-size: 0.9rem;
			font-weight: 400;
			color: var(--Page_Title_Color);
			text-align: left;
			text-transform: uppercase;
		}
	}

/*	-------------------------------------------------------------------------- */
/*	Desktop sino a 1366 (la maggior parte dei notebook) 
/*	-------------------------------------------------------------------------- */
	@media screen and (min-width: 441px) and (max-width: 1366px) {

		HTML {
			font-size: 1.32vw;
		}
		body {
			min-height: unset !important;
		}
		.Container {
			display: block;
		    max-width: 71.222rem;
		    margin-left: auto;
		    margin-right: auto;
			margin-top: 8rem;
			margin-bottom: 0rem;
			color: var(--Page_Text_Color);
			flex-direction: column;
    		align-items: center;
		}
		.Container H1.PageTitle {
			display: block;
			margin: 0;
			padding: 0;
			margin-bottom: 2.5rem;
			line-height: 1em;
			font-size: 2.8rem;
			text-transform: uppercase;
			font-weight: 600;
			color: var(--Page_Title_Color);
			text-align: left;
			font-family: var(--Font_Normal);
			letter-spacing: -0.07rem;
		}
		.Container H2.PageSubtitle {
			display: block;
			margin: 0;
			padding: 0;
			margin-bottom: 4.5rem;
			margin-top: -2rem;
			line-height: 1em;
			font-size: 0.9rem;
			font-weight: 400;
			color: var(--Page_Title_Color);
			text-align: left;
			text-transform: uppercase;
		}
		
	}

/*	-------------------------------------------------------------------------- */
/*	Schermi sopra i 1366 (solitamente fullHD) 
/*	-------------------------------------------------------------------------- */
	@media screen and (min-width: 1367px) {

		HTML {
			margin:0px;
			padding:0px;
			width:100%;
			height:100%;
			font-size: 18px;
		}
		body {
			min-height: unset !important;
		}

	/*	------------------------------------------------------------- */
		.Container {
		    display: block;
		    max-width: 71.222rem;
		    margin-left: auto;
		    margin-right: auto;
		    margin-top: 8rem;
		    margin-bottom: 5rem;
		    padding-top: 0;
		    color: var(--Page_Text_Color);
		}
		.Container H1.PageTitle {
			display: block;
			margin: 0;
			padding: 0;
			margin-bottom: 2.7rem;
			line-height: 1em;
			font-size: 2.8rem;
			text-transform: uppercase;
			font-weight: 600;
			color: var(--Page_Title_Color);
			text-align: left;
			font-family: var(--Font_Normal);
			letter-spacing: -0.07rem;
		}
		.Container H2.PageSubtitle {
			display: block;
			margin: 0;
			padding: 0;
			margin-bottom: 4.5rem;
			margin-top: -2rem;
			line-height: 1em;
			font-size: 1rem;
			font-weight: 400;
			color: var(--Page_Title_Color);
			text-align: left;
			text-transform: uppercase;
		}
		
	}