@charset "utf-8";
/* CSS Document */
/* -
Autore:Andrea Biagi,
email:andreabiagi88@gmail.com
sito web: www.chefstudio.it
Licenza: http://creativecommons.org/licenses/by/4.0/
Pagina di riferimento e guida: https://www.chefstudio.it/menu-a-tendina-html-css-responsive-per-mobile-e-desktop-senza-javascript-download.html
-*/



/* -------------reset----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table, tr,  td,*/ th, caption, tbody, tfoot, thead,  video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

input:focus, button:focus {outline:0;}

img {
    vertical-align: middle;
}

a{
	text-decoration:none;
}

ul li{ 
	list-style:none;
}

html,body{
	font-family:'Roboto Slab', serif;
	color:#2c2c2c/*color-text*/;
	height:100%;
	width:100%;
}


.struttura-INDEX {
	text-align: center;
}

.struttura-INDEX ul li{
	display: inline-block;
	vertical-align: top;
	width:600px;
  height:400px;
	margin:10px;
	text-align:center;
	background-color:#cccccc;
}


/* -----------------Menu nella versione mobile-----------------*/

.active{
	color:#FFFFFF/* primary super-lightcolor*/;
	background-color: #B3453E/* primary lightcolor*/;
}
	
.active-dropdown{
	color:#FFFFFF /* primary super-lightcolor*/;
	background-color:#B3453E/* primary lightcolor*/;
}

nav{
	height:100%;
	background-color:#A24038;/* primary lightcolor* /* sfondo menu mobile*/
	position:fixed;
	width:100%;
	margin-top:54px;
	visibility:hidden;
	overflow:auto;/* permette lo scroll quando il menu è aperto*/
	   
}

nav ul{
	padding-bottom:54px;
}

nav ul li a {
	padding: 16px 0 16px 32px;
	display:block;
	color:#fbfafa;
	font-size:16px;/*16px*/
	transition: background-color 0.3s ease;
}

.submenu{
	color:#FF6759 /* primary super-lightcolor*/;
	padding-left: 55px;
	padding-bottom: 5px;
}

nav ul li ul {
	padding-left:0; 
	padding-bottom:0;
}

nav ul li ul li a {
	font-size:16px;/*16px*/
	padding:10px 0 10px 55px;
	border:hidden; 
}

.lingua{
	border-top: 1px solid #580d9e/* primary lightcolor*/; 
}

/* TOLTO IMMAGINE GLOBO PRIMA DI TESTO CLASSE LINGUA
.lingua > a::before{
	content: url(img/earth-globe.svg);  
	margin-right: 5px;}
*/



/* ----------------- div bar per l'attivazione del menu BAR COLORE SFONDO BAR E ALTEZZA------------------ */

#bar{
	background-color: #acacac /*acacac*/; 
	height:7--0px;/*Altezza BAR 70px perchè ingrandito il logo da 200-60 a 250-75 ORIGINALE 54px*/
	width:100%;
	z-index:2;
	position:fixed;
	box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.4);
}

#bar #logo{
	float:right;
	margin-right:12px;/* -----------------original 12px------------------ */
}



/* ----------------- Hamburger animation ------------------ */

#hamburger {
  display: none;
}

.menuicon {
 	position:fixed;
	height:54px;
	width:54px;
	margin-left:5px;
	z-index:3;
}

.menuicon  span {
    display: block;
    top: 25px;
    width: 40px;
    height:3px;
    left:8px;
    background-color: #fff;
    position: relative;
	border-radius:20px;
    transition-duration: 0;  
    transition-delay: .1s;
}
    
.menuicon  span::after, .menuicon  span::before {
    display: block;
    content: '';
    position: absolute;
    width: 40px;
    height:3px;
    background-color: #fff;
	border-radius:20px;
    transition-duration: .1s;
	-webkit-transition-delay: .1s, 0;
    transition-delay: .1s, 0;
}
.menuicon  span::before {
      margin-top: -10px;
}
.menuicon  span::after {
      margin-top: 10px;
}

#hamburger:checked ~ .menuicon span{
    background-color: rgba(0,0,0,0);
}
    
#hamburger:checked ~ .menuicon span::before {
      margin-top: 0px;
      -webkit-transition-delay: 0, .3s;
      -moz-transition-delay: 0, .3s;
      -ms-transition-delay: 0,.3s;
      -o-transition-delay: 0, .3s;
      transition-delay: 0, .3s;
}
	
#hamburger:checked ~ .menuicon span::after {
      margin-top: 0px;
      -webkit-transition-delay: 0, .3s;
      -moz-transition-delay: 0, .3s;
      -ms-transition-delay: 0,.3s;
      -o-transition-delay: 0, .3s;
      transition-delay: 0, .3s;
}

#hamburger:checked ~ .menuicon span::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
}

#hamburger:checked ~ .menuicon span::after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
}

/* ----------------- menu animation faccio apparire il menu  ------------------ */

#hamburger:checked ~ .menu-visibility {
	visibility:visible;
}

/* -----------------media per menu orizzontale POSIZIONE LOGO, TESTO LATERALE SU BAR E FONT TESTO, COLORE TESTO HOME------------------ */

@media screen and (min-width: 980px){
	
.menuicon{
	display:none; /* togliere icona hambuger icon */
}
	
#bar #logo{
	float:left;
	margin-left:70px;




}

nav{
	z-index:3;
	margin-top:19px;
	height:auto;
	background-color:transparent;
	transition:none;
	width:auto;
	float:right;
	right:12px;
	visibility:visible;
	font-family:'Roboto Slab' ,sans serif;
	overflow:inherit;

font-size:22px;/*16px  FONT SIZE AGGIUNTO DA ME PER AUMENTARE TESTO CON SUB MENU */




}


.active{
	background-color:transparent;
	color:#8A3D3F/* primary super-lightcolor*/;  /* ----------------- BAR COLORE TESTO CLASS ACTIVE IN QUESTO CASO TESTO HOME E ENG ------------------ */
       

}
	
.active-dropdown{
	color:#fff;
	background-color:#5dc8cf/* primary lightcolor*/;
}

nav ul{
	padding:0;

}
	
/* ----------------- BAR DIMENSIONI FONT TUTTO TESTO E COLORE TESTO CHE NON HA SUB MENU ------------------ */
nav ul li a {
	padding:0;
	display:inline;
	font-size:22px;/*16px */
	color: #ffffff;




}

/* ----------------- BAR CAMBIO COLORE PASSAGGIO MOUSE TUTTO TESTO ------------------ */
nav ul li a:hover {
	background-color:transparent;
	color:#8a3d3f/* 8A3D3Fprimary super-lightcolor*/;





}


nav ul li .submenu-page {
	background-color:transparent;
	color:#ffffff/* 8A3D3Fprimary super-lightcolor*/;





}


nav ul li .submenu-page-active {
	background-color:transparent;
	color:#8A3D3F/* 8A3D3Fprimary super-lightcolor*/;





}







/* ----------------- BAR COLORE TESTO CHE HA UN SUB MENU ------------------ */	
.submenu{
	padding-left: 0;
	color:#ffffff;

}

/* ----------------- BAR DISTANZA TRA TESTO------------------ */	
nav ul li {	
	margin:0;
	float:left;
	position:relative;
	padding:0 30px;
}

/* ----------------- BAR FRECCIA DOWN E DISTANZA DAL TESTO CHE HA UN SUB MENU ------------------ */	
.submenu-page::after{
	content: url(altreimmag/arrow-down.svg);
	float: right;
	padding-left: 6px;
       padding-top: 0px;
}

.submenu-page-active::after{
	content: url(altreimmag/arrow-down.svg);
	float: right;
	padding-left: 6px;
       padding-top: 0px;
}

/* ----------------- dropdown - attivare il menu a tendina BAR  COLORE MENU TENDINA PRIMO RIQUADRO CHE NON HA TESTO  ------------------ */

nav ul li ul { 
	position:fixed;
	height:0;
	overflow:hidden;
	background-color: #acacac /* primary color*/
}

/* ----------------- dropdown - attivare il menu a tendina BAR  ALTEZZA PRIMO RIQUADRO CHE NON HA TESTO  ------------------ */
	
nav ul li:hover ul{
	height:auto;
	padding-top: 22px; /*Altezza dalla quale parte il sub menu cambiata dopo aver ingrandito altezza bar perchè ingrandito il logo. ORIGINALE 14px*/
	position: absolute;
    right: 0;	


}

/* ----------------- dropdown - attivare il menu a tendina  DIMENSIONI RIQUADRO SUB MENU ------------------ */

nav ul li ul li {
	font-size: 70px; /* ----------------- NON LO SO ------------------ */
	font-weight: normal;
	float:none;
	padding:0px;    /* ----------------- DISTANZA INIZIO TESTO NEL SUBMENU ------------------ */
	min-width: 230px; /* CAMBIATO 180px----------------- LARGHEZZA RIQUADRO SUB MENU ------------------ */
	border-top: 1px solid #2c2c2c/* primary lightcolor*/;    /* ----------------- SPESSORE e COLORE LINEA CHE SEPARA i RIQUADRI SUB MENU ------------------ */



}
nav ul li ul li a {
	padding: 20px 5px;
	display: block;
	background-color: #8a3d3f/* primary color*/; /* CAMBIATO acacac----------------- COLORE SFONDO RIQUADRI SUB MENU ------------------ */

	color: #ffffff;            /* ----------------- COLORE DEL TESTO NEI RIQUADRI SUB MENU ------------------ */
	font-weight: normal;      /* ----------------- ALTEZZA FONT TESTO NEI RIQUADRI SUB MENU ------------------ */
          font-size: 18px;/*14px */
text-align:center;/*Posizione testo nel riquadro sub menu, non esisteva aggiunto da me*/

}

nav ul li ul li a:hover {
	background-color:#7c7a7a/* primary lightcolor*/;  /* CAMBIATO 8a3d3f7c7a7a----------------- CAMBIO COLORE SFONDO AL PASSAGGIO DEL MOUSE RIQUADRI SUB MENU ------------------ */
	color:#ffffff /* primary super-lightcolor*/;       /* ----------------- CAMBIO COLORE TESTO AL PASSAGGIO DEL MOUSE RIQUADRI SUB MENU ------------------ */


}

.lingua{
	border-top: 0;
	border-left: solid 2px #580d9e;  /* ----------------- BAR E SPESSORE TRATTINO PRIMA DI LINGUA ------------------ */
	float:left;
       
}

}

/*latin*/
@font-face {
font-family:'Roboto Slab';
font-style:normal;
font-weight:400;
font-display:swap;
src:url(font/roboto-slab.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*latin*/
@font-face {
font-family:'raleway-v28-latin-regular';
font-style:normal;
font-weight:300;
font-display:swap;
src:url(font/raleway-v28-latin-regular.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*latin*/
@font-face {
font-family:'kalam-v16-latin-300';
font-style:normal;
font-weight:400;
font-display:swap;
src:url(font/kalam-v16-latin-300.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body{background-color:#cccccc;} /*#cccccc;*/


/*LINK dentro footer regola solo dimensioni testo il resto prende a da div#container */
a.form:link{font-size:1em; font-family:Roboto Slab; font-weight:bold;  color:#8A3D3F; text-decoration:none;}
a.form:active{font-size:1em; font-family:Roboto Slab; font-weight:bold;  color:#8A3D3F; text-decoration:none;}
a.form:hover{color:#FFFFFF;}

/*<div class="autori">scritta ricTlisa A nel footer di index</div> */
.autori {font-size: 0.8em; font-family:Roboto Slab;font-style:normal;text-align:center;font-weight:normal;color:#ffffff/* primary color*/;} 

/*<div class="copyright">scritta ricTlisa A nel footer di index</div> */
.copyright {font-size: 0.8em; font-family:Roboto Slab;font-style:normal;text-align:center;font-weight:bold;color:#2c2c2c/* primary color*/;} 

/*<div class="indirizzo">scritta indirizzo sotto ricTlisa A nel footer di index</div> */
.indirizzo {font-size: 0.8em; font-family:Roboto Slab;font-style:normal;text-align:center;font-weight:normal;color:#2c2c2c/* primary color*/;} 


/*FOOTER*/
div#container{
    position:absolute; 
    width:100%; 
   /* height: auto !important;*/
    height: auto;
    min-height:auto;
}

div#container a{
	color:#8A3D3F/* primary color*/;
	text-decoration: none;
	font-weight: normal;




}

/*CENTRARE IMMAGINE FOOTER*/
.img-footer {
       display: flex;
      justify-content: center;
      }


/*<p> TESTO DEL FOOTER*/
div#container  p{ 
font-family: 'Roboto Slab';
       font-size: 0.9em;
	text-align:justify;
	font-weight: normal;
	color:#2c2c2c/* primary color*/;
 
}


 
div#container a:hover{
	color:#FFFFFF/* primary lightcolor*/;
}
 
div#content{
    padding: 0 0 100px 0;
    width:990px;
    margin:0 auto;
}



div#footer{
    background:#acacac;
     border-top: 1px solid #ffffff; /* primary-color */
    bottom:0;
    height:auto;
    position:relative;
    width:100%;
    text-align:center;
}



/* -------------CASELLE FOOTER----------------*/
.struttura-footer {
	text-align: center;
}

.struttura-footer ul li{
	display: inline-block;
	vertical-align: top;
	width:auto;/* -------------400px auto----------------*/
margin:30px;
  height:auto;
	margin:10px;
	text-align:center;
	background-color:#acacac;


}



/* -------------CASELLE FOOTER SOCIAL----------------*/
.struttura-footerSOCIAL {
	text-align: center;
}

.struttura-footerSOCIAL ul li{
	display: inline-block;
	vertical-align: top;
	width:auto;/* -------------100px;----------------*/
margin:30px;
  height:auto;
	margin:10px;
	text-align:center;
	background-color:#acacac;
}

* -------------CASELLE FOOTER URBEX----------------*/
.struttura-footer-urbex {
	text-align: justify;
}

.struttura-footer-urbex ul li{
	display: inline-block;
	vertical-align: top;
	
width:70%;/* -------------900px;auto----------------*/
margin:0px;
  height:auto;
	margin:10px;
	text-align:center;
	background-color:#acacac;
}





/* ----------------- TAG MIEI------------------ */


/*OTTIMIZZAZIONE TESTO PER CELL */


img {
  max-width: 100%;
  display: block;
}


video {
  max-width: 100%;
  height: auto;
}


/*
.items {
  display: flex;
  justify-content: space-between;
}


.container {
  display: grid;
  grid-template-columns: 1fr 3fr;
}

 */

body {font-size: 16px;}
.small {font-size: .75rem;}
.large {font-size: 1.25rem;}



.container {
    width: 100%;
    max-width: 75rem;
}




@media (max-width: 600px) {

}

@media (min-width: 601px) {

}


@media (min-width: 360px) {
  body {
    font-size: 1.0em;
  }
}

@media (min-width: 500px) {
  .seven-day-fc .temp-low,
  .seven-day-fc .temp-high {
    display: inline-block;
    width: 45%;
  }

  .seven-day-fc .seven-day-temp {
    margin-left: 5%;
  }

  .seven-day-fc .icon {
    width: 64px;
    height: 64px;
  }
}


@media (min-width: 700px) {
  .weather-forecast {
    width: 700px;
  }
}

@media (min-width: 575px) {
  article {
    width: 550px;
    margin-left: auto;
    margin-right: auto;
  }
}

/*OTTIMIZZAZIONE LINK PER CELL */

.container a {
  padding: .2em;
}

@media (pointer: coarse) {
  .container a {
    padding: .8em;
  }