@charset "utf-8";


/*	Impostazione variabili */

	* {

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

	/*	LOGHI */
		--Logo_Light: url(/images/logo/website_white.png);
		--Logo_Dark: url(/images/logo/website_black.png);

	/*	FONTS */
		--Font_Normal: "Montserrat",sans-serif;
		--Font_Condensed: "Montserrat",sans-serif;
		--Font_Title: "Montserrat",sans-serif;
		--Font_Text: "Montserrat",sans-serif;

	/*	HEADER */
		--Header_Background_Color: #f7f7f7;
		--Header_Background_Border_Color: #cccccc;
		--Header_Text_Color: #ffffff;
		--Header_Mob_Background_Color: #1d1e20;

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

		--Header_Menu_Buttons_Text: #333333;
		--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: #ffffff;
		--Header_SubMenu_Buttons_Text_Hover: #ffffff;
		--Header_SubMenu_Buttons_Background_Hover: var(--Palette1);

	/*	FOOTER */
		--Footer_Background: #f7f7f7;
		--Footer_Text_Color: #0f0f0f;
		--Footer_Text_Font_Size: 1rem;
		--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:#999999;
		--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: var(--Font_Normal);
		--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_Normal);
		--Box_Evento_Date_FontSize: 0.9rem;
		--Box_Evento_Abstract_Color: #777777;
		--Box_Evento_Abstract_Font: var(--Font_Normal);
		--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;
		top: 0 !important;
		width:100%;
		font-family: var(--Font_Normal);
		background-color: var(--Page_Background_Color);
	}
	
	A, A:visited, A:active { color:var(--Link_Text_Color); }

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

/*	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;
	}



	/*	text selection */

	





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

		HTML {
			font-size: 4.5vw;
		}
		
		.Container {
			display: block;
			max-width: 92vw;
			margin-left: auto;
			margin-right: auto;
			margin-top: 5.5rem;
			margin-bottom: 2rem;
			color: var(--Page_Text_Color);
		}
		.Container H1.PageTitle {
			display: block;
			margin: 0;
			padding: 0;
			margin-bottom: 1.5rem;
			margin-top: -2rem;
			line-height: 1.1em;
			font-size: 3.1rem;
			font-weight: 900;
			color: var(--Page_Title_Color);
			text-align: left;
			font-family: var(--Font_Title);
		}
		.Container H2.PageSubtitle {
			display: block;
			margin: 0;
			padding: 0;
			margin-bottom: 1.5rem;
			line-height: 1.2em;
			font-size: 1.6rem;
			font-weight: 400;
			color: #444444;
			text-align: left;
			font-style: italic;
			font-family: var(--Font_Text);
		}

	}

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

		HTML {
			font-size: 1.32vw;
		}

		.Container {
			display: block;
			max-width: 71.222rem;
			margin-left: auto;
			margin-right: auto;
			margin-top: 7rem;
			margin-bottom: 5rem;
			color: var(--Page_Text_Color);
		}
		.Container H1.PageTitle {
			display: block;
			margin: 0;
			padding: 0;
			margin-bottom: 1.0rem;
			line-height: 1em;
			font-size: 3.5rem;
			font-weight: 400;
			color: var(--Page_Title_Color);
			text-align: left;
			font-family: var(--Font_Title);
		}
		.Container H2.PageSubtitle {
			display: block;
			margin: 0;
			padding: 0;
			margin-bottom: 1.5rem;
			line-height: 1em;
			font-size: 1.9rem;
			font-weight: 400;
			color: #444444;
			text-align: left;
			font-style: italic;
			font-family: var(--Font_Text);
		}
		
	}

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

		HTML {
			margin:0px;
			padding:0px;
			width:100%;
			height:100%;
			font-size: 18px;
		}

	/*	------------------------------------------------------------- */
		.Container {
			display: block;
			max-width: 92vw;
			margin-left: auto;
			margin-right: auto;
			margin-top: 10rem;
			margin-bottom: 5rem;
			color: var(--Page_Text_Color);
		}
		.Container H1.PageTitle {
			display: block;
			margin: 0;
			padding: 0;
			margin-bottom: 1rem;
			line-height: 1em;
			font-size: 3.5rem;
			font-weight: 400;
			color: var(--Page_Title_Color);
			text-align: left;
			font-family: var(--Font_Title);
		}
		.Container H2.PageSubtitle {
			display: block;
			margin: 0;
			padding: 0;
			margin-bottom: 1.5rem;
			line-height: 1em;
			font-size: 1.9rem;
			font-weight: 400;
			color: var(--Page_Title_Color);
			text-align: left;
			font-family: var(--Font_Text);
		}

		.Container H4 {
			padding: 0;
			margin: 0;
			font-size: 1.35rem;
			margin-top: 1.3rem;
		}
		
	}