@media only screen and (min-width: 1216px)
{

/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*			                                                              #region GENERALE                                                                  */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* PANNELLO DESKTOP: dimensioni e tempi indipendenti dalla versione mobile. */
:root
{
    --main-font-size: 16px;
    --main-font-weight: 400;
    --main-line-height: 1.6;
    --main-content-size-desktop: 1.4rem; /* Dimensione testi */
    --subpage-font-size: 1.4rem;
    --subpage-font-weight: 400;
    --subpage-line-height: 1.5;
    --menu-font-weight: 400;
    --title-font-weight: 300;
    --subpage-title-font-weight: 300;
    --destination-open-title-gap: 20px;

    --animation-fast-duration: 3s;
    --animation-slow-duration: 4s;
    --transition-fast: 0.2s;
    --transition-normal: 0.3s;
    --transition-medium: 0.4s;
    --transition-slow: 0.5s;
    --accordion-height-duration: 0.6s;
    --message-transition-duration: 1s;
    --veil-start-delay: 3s;
    --veil-duration: 4.5s;
    --text-duration: 4.5s;
    --logo-duration: 3.5s;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*				                                                          	#endregion                                                                      */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*			                                                            	#region MENU                                                                    */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

div.menuHomeTop 
/* Menu della pagina Index */
{
	width: 100%;
   	text-align: center;
	margin: 0px auto;
	font-size: var(--main-content-size-desktop);
	color: rgb(250,250,250);
}
	

div.menuHomeTop ul,
div.menuHomeTop ul li a
{
    color: rgb(250, 250, 250); /* Colore voci del menu nella pagina Index */
}


div.menuPageTop ul,
div.menuPageTop ul li a
{
	color: rgb(40,40,40); /* Colore voci del menu pagine secondarie */
}


div.cellmenu 
/* Serve per dare lo stesso incolonnamento alle sezioni del menu nelle pagine secondarie, e le posiziona */
{
	margin-left: 5%;
	margin-right: 5%;
}


div.menuPageTop 
/* Contenitore menu delle pagine secondarie */
{
	color: rgb(40,40,40);
	background: rgb(255, 255, 255);
    backdrop-filter: none;
	position: relative;
	/* top: 0px; Posizionamento in verticale del menu delle pagine secondarie */
	padding-top: 40px;
	width: 100%;
	display:block;

	/* Effetto overlay (contenuto scorre sotto) */
    background: rgba(0, 0, 0, 0);
    backdrop-filter: blur(10px);
    
	/*border-bottom: 0.5px solid rgb(200, 200, 200);*/ /* Volendo inserire una riga sotto menu in alto */
}


ul 
/* Contenitore del menu delle pagine secondarie */
{
	cursor: default;
	text-align:center;
	font-size: var(--main-content-size-desktop);
	line-height:70px;
	letter-spacing: 3px;
	vertical-align:middle;
	font-weight: var(--menu-font-weight);
	padding: 0px;
	margin: 0px; /* Regola il margine rispetto alla classe menuFadeTop */
}


ul li 
/* Regola la disposizione degli elementi nel menu */
{
	display: inline; /* Disposizione orizzontale degli elementi */
	margin: 0px 40px; /* Margini tra gli elementi */
}
	

ul li:hover	
/* Comportamento al mouseover */
{
	cursor: pointer;
	font-weight: 900; /* Appesantico il carattere al mouseover */
}
		

ul li a
/* Eventuali caratteristiche del link */
{
	text-decoration: none;
}
		

ul li img 
/* Caratteristiche dell'immagine (logo per link home) */
{
	height: 60px;
}
		
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*				                                                          	#endregion                                                                      */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*		                                             			#region FORZATURE DESKTOP                                                                   */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mobileYes
{
	display: none;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*				                                                       	#endregion                                                                          */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*		                          	               	#region SECTION: definisce le sezioni della pagine                                                      */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

div.homeSection	
/* Definisce il contenitore della pagina Home */
{
	margin:0px;
	width: 100%;
	height: calc(100vh - 100px); /* Sottrae i 100px di altezza del footer per restituire una pagina alta come lo schermo */
	display: inline-block;
}


div.pageSection	
/* Definisce il contenitore delle pagine secondarie */
{
	width: 100%;
	min-height: calc(100vh - 130px); /* Stabilisce un'altezza minima della pagina, affinchè lo schermo sia comunque coperto */
}


div.topSection 
/* Determina la regione superiore delle pagine secondarie */
{
	margin: 0px;
	color: rgb(40,40,40);
    padding-top: 140px;
    padding-left: 10vw;
    padding-bottom: 20px;
}


div.bottomSection 
/* Determina la regione inferiore delle pagine secondarie */
{ 													  
	width: 100%;
    background-color: rgba(250,250,250, 0.9);
}


div.footer 
/* Definisce il footer di tutte le pagine */
{
	height: 100px;
	/*background-color: rgba(29, 36, 42, 1);*/ /* Volendo dare un colore di sfondo diverso al footer.. */
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*				                                                          	#endregion                                                                      */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*		                                                  			#region SECTION CONTENT                                                                 */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

div.textContainer 
/*Formatta il box contenitore del testo delle pagine secondarie*/
{
	display: block;
	width: 60vw;
	margin-top: 100px;
	margin-left: 20vw;
    color: rgb(40,40,40);
    font-size: var(--main-content-size-desktop);
	line-height: var(--body-line-height); /* Vedi Root */
    text-align: justify;

    /* Eventuali ulteriori specifiche, al momento ereditate */
    /*font-weight: 400;*/
}


/* Destinations: larghezza del contenitore desktop */
#page-destinations .textContainer
{
    width:95%;
    max-width:1100px;
    margin:100px auto 0;
    padding:0 40px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*				                                                       	#endregion                                                                          */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*			                                                       #region DESTINATIONS                                                                     */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ========================================================================== */
/* DESTINATIONS: LANDING PAGE - SOLO DESKTOP                                  */
/* ========================================================================== */
/* Queste misure valgono soltanto quando è attivo Desktop.css. */

.destinationLanding 
{
    padding: 30px 0 80px;                 /* Spazio superiore e inferiore. */
}


.destinationMainView 
{
    padding-top: 70px;
}


/* LARGHEZZA DEL TESTO INTRODUTTIVO SU DESKTOP.
   Il testo e la griglia delle foto condividono esattamente la stessa larghezza.
   Non aggiungere max-width, padding laterali o percentuali inferiori al 100%. */
.destinationIntro,
.destinationIdeas 
{
    width: 100%;
    max-width: none;
}


.destinationIdeas 
{
    grid-template-columns: repeat(2, minmax(0,1fr)); /* Due box affiancati. */
}


.destinationDetailView 
{
    padding-top: 44px;
}


.destinationDetailImage 
{
    min-height: 500px;                     /* ALTEZZA FOTO GRANDE DEL DETTAGLIO. */
}


.destinationDetailCopy 
{
    margin-top: 52px;
}

}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*				                                                       	#endregion                                                                          */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/